/* Additions share the original palette and controls; existing board and media styles stay scoped. */
.status-picker{position:relative;font-size:12px}
.status-picker summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;color:var(--muted);border-radius:20px;padding-right:5px}
.status-picker summary::-webkit-details-marker{display:none}
.status-picker summary[aria-disabled=true]{opacity:.5;cursor:wait}
.status-options{position:absolute;top:calc(100% + 8px);left:0;width:160px;z-index:5;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 30px #252b4212;padding:6px}
.status-options button{display:flex;width:100%;align-items:center;gap:9px;background:transparent;padding:11px 10px;border-radius:8px;text-align:left;font-size:12px}
.status-options button:hover,.status-options button[aria-current]{background:#f5f3fc}
.status-options button>span{margin-left:auto;color:var(--accent)}
.status-options i{width:8px;height:8px;border-radius:50%;background:#d7a778}
.status-options .progress i{background:#9c93d8}.status-options .resolved i{background:#6ba98e}
.status-summary{padding:16px;border-radius:12px;background:#f3f1fb;color:#6b608f;font-size:15px;line-height:1.6}
.status-dialog #status-note{line-height:1.9;min-height:38px}
.status-dialog label{display:block;font-size:12px;margin-top:19px}
.status-dialog select{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:white;margin-top:9px}
.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}
.submission-dialog{width:min(400px,calc(100% - 32px));padding:32px 26px;border-radius:24px;text-align:center}
.submission-dialog h2{font-size:20px;margin-bottom:24px}
.submission-ring{width:114px;height:114px;margin:0 auto 23px;position:relative;color:var(--accent)}
.submission-ring svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.submission-ring circle{fill:none;stroke-width:5}
.ring-track{stroke:#eceaf7}.ring-fill{stroke:currentColor;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .25s ease}
.submission-ring>span{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;font-weight:300}
.submission-ring.waiting>span{animation:submission-breathe 1.6s ease-in-out infinite}
.submission-ring.complete{color:#568974}
#submission-stage{font-size:13px;line-height:1.9;overflow-wrap:anywhere;min-height:25px}
#submission-note{font-size:11px;line-height:1.9}#submission-pause{margin-top:14px;font-size:12px}
.attachment-open{display:block;padding:0;width:100%;background:transparent}
.attachment-open:hover img{filter:brightness(.97)}
.image-dialog{width:min(1480px,calc(100vw - 50px));height:calc(100dvh - 50px);max-width:none;max-height:none;border-radius:22px;background:var(--paper);overflow:hidden}
.image-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.image-dialog::backdrop{background:#252b4270;backdrop-filter:blur(5px)}
.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:white;border-bottom:1px solid var(--line);min-width:0}
.image-toolbar>div{display:flex;align-items:center;gap:15px;min-width:0}
#image-counter{flex-shrink:0;color:var(--accent)}#image-name{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.image-stage{position:relative;overflow:hidden;touch-action:none;user-select:none;min-height:0;background:#eef0f8;cursor:default}
.image-stage.zoomed{cursor:grab}.image-stage.zoomed:active{cursor:grabbing}
#image-full{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center;pointer-events:none;user-select:none}
.image-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;gap:12px;color:var(--muted)}
.image-nav{position:absolute;top:50%;width:42px;height:52px;display:grid;place-items:center;font-size:32px;font-weight:300;border-radius:14px;background:#ffffffde;border:1px solid #e4e6efb0;box-shadow:0 3px 18px #252b4209;color:#756c9f}
.image-nav.previous{left:15px}.image-nav.next{right:15px}.image-nav:disabled{opacity:.22;cursor:default}.image-nav:hover:not(:disabled){background:white}
.image-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;background:white;border-top:1px solid var(--line)}
.image-controls button,.image-controls a{background:#f1effa;border-radius:9px;padding:10px 13px;color:#70628f;font-size:11px;text-decoration:none;white-space:nowrap}
.image-controls button:hover,.image-controls a:hover{background:#e9e5f7}
@keyframes submission-breathe{50%{opacity:.4;transform:translateY(-2px)}}
@media(max-width:600px){.image-dialog{width:100vw;height:100dvh;border-radius:0;border:0;margin:0}.image-toolbar{padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top))}.image-toolbar>div{gap:10px}.image-controls{gap:6px;padding:13px 8px;padding-bottom:max(13px,env(safe-area-inset-bottom));flex-wrap:wrap}.image-controls button,.image-controls a{padding:10px;font-size:10px}.image-nav{width:32px;height:42px;font-size:27px;border-radius:10px}.image-nav.previous{left:8px}.image-nav.next{right:8px}.status-dialog{padding:30px 25px}}
@media(prefers-reduced-motion:reduce){.submission-ring.waiting>span{animation:none}.ring-fill{transition:none}}