:root{color:#102a43;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#eef4f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{margin:0;overflow-x:hidden}*{box-sizing:border-box}main{box-sizing:border-box;gap:1.25rem;max-width:48rem;min-height:100vh;margin:auto;padding:2rem 1rem 4rem;display:grid}h1,h2,p{margin:0}h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.1}h2{font-size:1.35rem}h3{margin:0;font-size:1rem}button{color:#fff;cursor:pointer;font:inherit;background:#126782;border:0;border-radius:.65rem;min-width:140px;min-height:44px;padding:.65rem 1rem;font-weight:700;transition:background .12s}button:hover:not(:disabled){background:#0c4c62}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f0a202}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:#274c5d;background:0 0;border:1px solid #7b8b99}.app-header,.setup-heading,.account-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.eyebrow{color:#52727f;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.environment-badge{color:#245466;text-transform:uppercase;background:#d8e8ee;border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:800}.status-banner,.welcome-card,.setup-card,.account-card{background:#fff;border:1px solid #d6e0e5;border-radius:1rem;padding:1.25rem;box-shadow:0 .5rem 1.5rem #102a4314}.status-banner{min-height:1.5rem}.welcome-card,.setup-card{gap:1rem;display:grid}.welcome-card p,.setup-id,.account-card span:last-child{color:#52727f}.account-card>div{gap:.2rem;display:grid}.status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.status-list div{background:#f4f8fa;border-radius:.65rem;padding:.75rem}.status-list dt{color:#52727f;font-size:.78rem;font-weight:700}.status-list dd{overflow-wrap:anywhere;margin:.15rem 0 0}.setup-guidance{background:#fff8e8;border-left:4px solid #f0a202;padding:.8rem 1rem}.setup-guidance ul{margin:.5rem 0 0;padding-left:1.25rem}.setup-message{color:#245466}.setup-actions{flex-wrap:wrap;gap:.75rem;display:flex}.workspace{gap:1rem;display:grid}.primary-nav{border-bottom:1px solid #c9d6dc;flex-wrap:wrap;align-items:center;gap:.4rem;padding-bottom:.6rem;display:flex}.primary-nav a{color:#16495d;border-radius:.6rem;align-items:center;min-height:44px;padding:.5rem .8rem;font-weight:750;text-decoration:none;display:inline-flex}.primary-nav a[aria-current=page]{color:#0e394b;background:#d8e8ee}.list-heading-row,.detail-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.site-filter{gap:.25rem;min-width:min(100%,15rem);display:grid}.site-filter span,.metadata-grid dt,.detail-metadata dt{color:#52727f;font-size:.78rem;font-weight:750}select{color:#102a43;font:inherit;background:#fff;border:1px solid #7b8b99;border-radius:.55rem;min-height:44px;padding:.5rem .7rem}.detection-list,.detection-detail{gap:1rem;display:grid}.detection-cards{gap:.75rem;display:grid}.detection-card{color:#102a43;background:#fff;border:1px solid #d6e0e5;border-radius:.85rem;gap:.75rem;min-height:44px;padding:1rem;text-decoration:none;display:grid;box-shadow:0 .25rem .9rem #102a430f}.detection-card:hover{border-color:#126782}.detection-card-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status-chip{text-transform:capitalize;border-radius:999px;padding:.25rem .55rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-pending{color:#6a4700;background:#fff0c7}.status-actioned{color:#155b35;background:#d9f2e3}.status-ignored{color:#40545d;background:#e7edf0}.metadata-grid,.detail-metadata{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.75rem;margin:0;display:grid}.metadata-grid div,.detail-metadata div{min-width:0}.metadata-grid dd,.detail-metadata dd{overflow-wrap:anywhere;margin:.15rem 0 0}.detection-age{font-variant-numeric:tabular-nums}.load-more{justify-self:start}.connection-warning,.error-message{border-radius:.6rem;margin:0;padding:.75rem 1rem}.connection-warning{color:#5e4100;background:#fff0c7;border-left:4px solid #f0a202}.error-message{color:#6b1a14;background:#ffe7e5;border-left:4px solid #b42318}.back-button{justify-self:start;min-width:44px}.approved-context,.annotated-image-section,.action-panel{background:#fff;border:1px solid #d6e0e5;border-radius:.85rem;gap:.85rem;padding:1rem;display:grid}.image-viewer{gap:.6rem;display:grid}.image-frame{touch-action:none;background:#162b35;border-radius:.65rem;justify-content:center;align-items:center;width:100%;min-height:12rem;display:flex;overflow:hidden}.image-frame img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform;max-width:100%;max-height:min(65vh,42rem);display:block}.image-reset{justify-self:start;min-width:44px}.action-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.action-option{gap:.25rem;min-width:min(100%,8rem);display:grid}.action-option button{min-width:7rem}.action-option .action-forward{background:#7a4d00}.action-reason{color:#52727f;font-size:.82rem}.action-status{min-height:1.5em;margin:0}@media (width<=38rem){main{padding-top:1.25rem}.app-header,.setup-heading,.account-card{flex-direction:column;align-items:flex-start}.status-list{grid-template-columns:1fr}.detection-card-heading{flex-direction:column;align-items:flex-start}.action-buttons,.action-option,.action-option button{width:100%}}@media (width>=48rem){.detection-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
