.pinnable-screenshot{position:relative}.pinnable-screenshot.pin-mode{cursor:crosshair;outline:2px solid var(--ui-accent);outline-offset:3px;border-radius:10px}.screenshot-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--ui-ink);color:var(--ui-canvas);border:2px solid var(--ui-canvas);padding:0!important;line-height:24px;font-size:12px;z-index:3;box-shadow:0 2px 8px #0004}.screenshot-pin.resolved{background:#428c66;color:white}.pin-image-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pin-image-tools button{font-size:13px}.screenshot-thread{padding:15px;border:1px solid var(--ui-accent);border-radius:12px;margin:14px 0}.screenshot-thread>div:first-child{display:flex;justify-content:space-between;align-items:center}.screenshot-thread strong{font-size:14px;font-weight:500}.screenshot-thread small{font-size:12px;color:var(--ui-muted)}.screenshot-thread button{font-size:13px;margin-top:8px}.board-feature-tools{display:flex;gap:6px;flex-wrap:wrap}.board-frames{position:absolute;inset:0;pointer-events:none}.board-frame{position:absolute;border:1px solid color-mix(in srgb,var(--ui-accent) 35%,var(--ui-line));border-radius:18px;background:color-mix(in srgb,var(--ui-accent) 3%,transparent);pointer-events:none}.board-frame-heading{position:absolute;top:0;left:0;right:0;padding:10px 14px;display:flex;align-items:center;gap:12px;cursor:grab;background:var(--ui-surface);border-bottom:1px solid var(--ui-line);border-radius:18px 18px 0 0;pointer-events:auto;touch-action:none}.board-frame-heading input{border:0;background:transparent;padding:4px;flex:1;min-width:0;font-size:16px;color:var(--ui-ink)}.board-frame-heading span{font-size:12px;color:var(--ui-muted)}.board-frame-heading button{padding:4px 8px;font-size:14px}.frame-resize{position:absolute;right:0;bottom:0;pointer-events:auto;padding:4px 8px;background:var(--ui-surface);color:var(--ui-muted);cursor:nwse-resize;touch-action:none}.comparison-controls,.comparison-counts{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}.comparison-controls label{font-size:14px;min-width:230px}.comparison-counts button{font-size:13px}.comparison-note{font-size:14px;color:var(--ui-muted)}.progress-report-summary{margin-bottom:24px;padding:20px;border:1px solid var(--ui-line);border-radius:12px}.progress-report-summary h3{font-size:18px;font-weight:500}.progress-report-track{height:8px;border-radius:6px;background:var(--ui-hover);overflow:hidden}.progress-report-track i{display:block;height:100%;background:#4e9c72}.client-share-panel{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:14px;padding:22px;margin:24px 0}.client-share-panel h3{font-size:18px;font-weight:500}.client-share-panel p{font-size:14px;color:var(--ui-muted)}.client-share-panel>div{display:flex;gap:10px;flex-wrap:wrap}.client-share-panel input{flex:1;min-width:160px}.client-share-panel #client-links{display:block;margin-top:18px}.client-link-row{display:flex;gap:10px;align-items:center;padding:14px 0;border-top:1px solid var(--ui-line);flex-wrap:wrap}.client-link-row>div{min-width:150px}.client-link-row b{font-size:14px;font-weight:500;display:block}.client-link-row small{font-size:12px;color:var(--ui-muted);display:block;margin-top:5px}.client-link-row input{font-size:13px}.client-link-row a{color:var(--ui-ink);font-size:14px}.client-link-row button{font-size:13px}@media print{.client-share-panel,.comparison-controls,.comparison-counts,.board-feature-tools,.pin-image-tools{display:none!important}.progress-report-summary{border-color:#ddd}.progress-report-track{background:#eee}.progress-report-track i{print-color-adjust:exact}}
