.capture-panel{--cap-line:var(--pa-border,#dadfd5);--cap-surface:var(--pa-surface,#fff);--cap-text:var(--pa-text,#173d32);--cap-dim:var(--pa-muted,#52675e);max-width:930px;margin:0 auto;padding:clamp(.4rem,2vw,1.6rem);color:var(--cap-text);font:inherit}
.capture-panel *,.cap-install-help *{box-sizing:border-box}
.cap-heading,.cap-subhead,.cap-actions,.cap-controls,.cap-gps,.cap-row,.cap-files li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.cap-heading{margin:0 0 1.45rem}.cap-heading h1,.cap-card h2{margin:0;color:inherit}
.cap-heading h1{font-size:clamp(1.75rem,3.8vw,2.8rem);line-height:1.4}.cap-heading p,.cap-queue>p{margin:.4rem 0 0;color:var(--cap-dim)}
.cap-network,.cap-state,.cap-security{font-size:.82rem;font-weight:700}.cap-network{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;border:1px solid var(--cap-line);border-radius:30px;padding:.28rem .75rem}.cap-network::before{content:"";width:8px;height:8px;border-radius:50%;background:#517344}.cap-network.offline::before{background:#b64735}
.cap-card{background:var(--cap-surface);border:1px solid var(--cap-line);border-radius:13px;padding:clamp(1rem,3vw,1.7rem);margin-bottom:1rem}
.cap-card h2{font-size:1.24rem}.cap-security,.cap-muted,.cap-files small,.cap-row small{color:var(--cap-dim)}
.cap-security::before{content:"";display:inline-block;width:.48rem;height:.48rem;margin-inline-end:.5rem;border-radius:50%;background:var(--pa-olive,#88936b)}
.cap-muted,.cap-files small,.cap-row small{font-size:.8rem}
.cap-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}
.cap-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;border:1px solid var(--cap-line,#dadfd5);border-radius:8px;padding:.5rem .85rem;background:var(--cap-surface,#fff);color:var(--cap-text,#173d32);font:inherit;font-weight:700;cursor:pointer;text-align:center}
.cap-button:hover{border-color:var(--pa-olive,#88936b)}.cap-button:focus-visible,.capture-panel input:focus-visible,.capture-panel textarea:focus-visible,.cap-offline summary:focus-visible{outline:3px solid var(--pa-focus,#b64735);outline-offset:2px}
.cap-button:disabled{opacity:.6;cursor:wait}
.cap-button img{width:21px;height:21px;object-fit:contain}.cap-modes .cap-button{flex-direction:column;min-height:88px;gap:.5rem}.cap-modes .cap-button img{width:26px;height:26px}
.cap-primary,.cap-install{background:var(--pa-ink,#173d32);color:#fff;border-color:transparent}.cap-primary img,.cap-install img{filter:brightness(0) invert(1)}.cap-primary:hover,.cap-install:hover{background:#285543}
.cap-drop{padding:.85rem;border:1px dashed var(--cap-line);border-radius:8px;text-align:center;color:var(--cap-dim);font-size:.86rem}.cap-drop.cap-over{border-color:var(--pa-ink);background:#e6eade}
.cap-field,.cap-pin{display:grid;gap:.3rem}.cap-field{margin-top:.8rem}.cap-field span{font-weight:700;font-size:.92rem}
.capture-panel :is(input:not([type=file]),textarea){font:inherit;color:inherit;background:var(--cap-surface);width:100%;min-height:44px;border:1px solid var(--cap-line);border-radius:7px;padding:.5rem .75rem}.capture-panel textarea{min-height:90px;resize:vertical}.cap-fields{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.cap-gps{justify-content:flex-start;flex-wrap:wrap;margin:.9rem 0}.cap-small,.cap-icon{font-size:.82rem}.cap-small{padding:.35rem .6rem;min-height:40px}.cap-icon{width:42px;height:42px;padding:.25rem;flex:0 0 auto}.cap-icon>span{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}
.cap-actions{justify-content:flex-end;border-top:1px solid var(--cap-line);padding-top:.9rem}.cap-message:empty{display:none}.cap-message{margin:.75rem 0 0;font-weight:700;font-size:.85rem}
.cap-files{list-style:none;margin:.5rem 0;padding:0}.cap-files li{justify-content:flex-start;min-width:0;border-bottom:1px solid var(--cap-line);padding:.25rem}.cap-files bdi{flex:1;overflow-wrap:anywhere}
.cap-row{padding:.85rem 0;border-bottom:1px solid var(--cap-line);overflow-wrap:anywhere}.cap-row>div{display:grid;gap:.3rem}.cap-row>div:last-child{justify-items:end}.cap-row small{max-width:31ch}
.cap-state{color:var(--cap-dim)}.cap-state-verified{color:#37744b}.cap-state-failed,.cap-error,.cap-rec{color:#9f3c2d}
.cap-empty{color:var(--cap-dim);margin:.8rem 0}.cap-pin{gap:.7rem;max-width:450px}.cap-offline summary{cursor:pointer;font-weight:700}.cap-pin .cap-button{justify-self:start}.cap-pin p{font-size:.9rem;color:var(--cap-dim);margin-bottom:0}
.cap-live{background:#14261f;color:white;padding:1rem;margin:.7rem 0;border-radius:9px}.cap-live video{max-width:100%;width:100%;max-height:52vh;background:#101b16}.cap-live .cap-controls{margin-top:.5rem;justify-content:center}.cap-rec{color:#ffb9aa}
.cap-install{box-shadow:0 3px 15px #173d3224;border-radius:30px;font-size:.9rem;min-height:44px;padding:.57rem 1rem}.cap-install-help{color:#173d32;background:#fff;border:1px solid #cad1c7;border-radius:12px;max-width:min(400px,92vw);padding:1.3rem;font:inherit}.cap-install-help::backdrop{background:#172a2370}
#floating-install[data-cap-position=start]{inset-inline-start:max(1rem,env(safe-area-inset-left));inset-inline-end:auto}
@media(max-width:600px){.capture-panel{padding:.25rem}.cap-heading{gap:.5rem}.cap-modes{grid-template-columns:repeat(2,1fr)}.cap-modes .cap-button{min-height:70px;flex-direction:row;gap:.4rem}.cap-modes .cap-button img{width:20px;height:20px}.cap-fields{grid-template-columns:1fr}.cap-actions .cap-primary{width:100%}.cap-row>div:last-child{max-width:50%}.cap-drop{display:none}}
@media(prefers-reduced-motion:reduce){.capture-panel *{scroll-behavior:auto}}
.cap-categorise{margin:1rem 0 0}.cap-categorise summary{cursor:pointer;font-size:.9rem;font-weight:700}.capture-panel select{width:100%;font:inherit;color:inherit;background:var(--cap-surface);border:1px solid var(--cap-line);min-height:44px;border-radius:7px;padding:.45rem}

.cap-urgent{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:.85rem 0 0}.cap-emergency{color:#fff;background:#a53f30;border:1px solid #a53f30}.cap-emergency:hover{background:#843326}.cap-emergency img{filter:brightness(0) invert(1)}