:root{color:#17202a;background:#f4f7f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,.button,input,select,textarea{font:inherit;border-radius:8px}button,.button{color:#17202a;cursor:pointer;background:#fff;border:1px solid #d8e2e4;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;text-decoration:none;display:inline-flex}button.primary,.primary{color:#fff;background:#0f766e;border-color:#0f766e}button.success,.success{color:#fff;background:#15803d;border-color:#15803d}button.danger,.danger{color:#fff;background:#b91c1c;border-color:#b91c1c}button.large,.button.large{width:100%;min-height:56px}input,select,textarea{background:#fff;border:1px solid #d8e2e4;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:96px}label{gap:6px;display:grid}header{z-index:5;background:#fff;border-bottom:1px solid #d8e2e4;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,4vw,36px);display:flex;position:sticky;top:0}header h1,.login-card h1{margin:0;font-size:24px}header p,.login-card p{color:#62717a;margin:4px 0 0}.header-actions,.row{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.app-shell{min-height:100vh}.tabs{background:#eef5f5;gap:8px;padding:10px clamp(16px,4vw,36px);display:flex;overflow-x:auto}.tabs button{white-space:nowrap;border:0}.tabs .active{color:#fff;background:#0f766e}section,footer{max-width:1240px;margin:0 auto;padding:16px clamp(16px,4vw,36px)}footer{color:#61707a;padding-bottom:86px;font-size:13px}.login-shell{background:linear-gradient(135deg,#0f766e,#f8fafc 55%);align-items:center;min-height:100vh;padding:20px;display:flex}.login-card,.panel{background:#fff;border:1px solid #dce6e8;border-radius:8px;padding:18px;box-shadow:0 10px 24px #0f172a0f}.login-card{gap:14px;width:100%;max-width:430px;margin:auto;display:grid}.brand-mark{color:#0f766e;letter-spacing:0;font-size:28px;font-weight:800}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.two-col,.field-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.field-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.wide{grid-column:1/-1}.stat{background:#fff;border:1px solid #dce6e8;border-radius:8px;gap:6px;min-height:126px;padding:18px;display:grid}.stat strong{font-size:30px}.stat span{color:#62717a}.stat.ok{border-left:6px solid #15803d}.stat.warn{border-left:6px solid #f59e0b}.stat.danger{border-left:6px solid #dc2626}.stat.info{border-left:6px solid #0f766e}.form-grid{gap:12px;display:grid}.compact-grid{gap:10px}.check-row{align-items:center;gap:8px;display:flex}.check-row input{width:auto;min-height:auto}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.cards{gap:10px;margin-top:12px;display:grid}.audit-card,.observation,.check-card{text-align:left;background:#f8fbfb;border:1px solid #dce6e8;border-radius:8px;gap:8px;width:100%;padding:14px;display:grid}.selected-card{background:#ecfdf5;border:2px solid #0f766e;box-shadow:0 0 0 3px #0f766e1f}.audit-card span,.audit-card small,.check-card small,.observation small{color:#60717b}.main-photo{aspect-ratio:4/3;object-fit:cover;background:#e5eef0;border-radius:8px;width:100%;max-height:320px}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.thumb{aspect-ratio:1;object-fit:cover;background:#e5eef0;border-radius:6px;width:100%}.audio-player{width:100%}.preview-fallback{color:#475569;background:#f8fbfb;border:1px dashed #94a3b8;width:100%;min-height:92px}.preview-fallback.main-photo{aspect-ratio:4/3;min-height:180px}.preview-fallback.thumb{aspect-ratio:1;min-height:76px}.muted{color:#60717b}.badge{color:#334155;background:#eef2f3;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:5px 9px;font-size:12px;display:inline-flex}.badge.ok{color:#14532d;background:#dcfce7}.badge.warn{color:#78350f;background:#fef3c7}.badge.danger{color:#7f1d1d;background:#fee2e2}.badge.info{color:#134e4a;background:#ccfbf1}.audit-title{justify-content:space-between;align-items:start;gap:12px;display:flex}.audit-title h2,.panel h2{margin:0 0 8px}.scope{color:#475569}.mini-stats,.standards,.status-grid{flex-wrap:wrap;gap:8px;display:flex}.mini-stats span,.status-grid div{background:#eef5f5;border-radius:8px;padding:8px 10px}.status-grid div{min-width:170px;display:grid}.status-grid strong{font-size:22px}.error{color:#7f1d1d;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:10px}.warning{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px}.success-box{color:#14532d;background:#dcfce7;border:1px solid #86efac;border-radius:8px;padding:10px}.banner{margin:12px clamp(16px,4vw,36px)}.loading{padding:40px}pre{color:#e2e8f0;background:#0f172a;border-radius:8px;padding:12px;overflow:auto}.storage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.storage-grid div{background:#eef5f5;border-radius:8px;gap:4px;padding:10px;display:grid}.storage-grid span{color:#60717b;font-size:13px}.phase1-shell{gap:14px;max-width:860px;display:grid}.phase1-panel{gap:14px;display:grid}.phase1-actions{grid-template-columns:1fr;gap:10px;display:grid}.evidence-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.evidence-summary div{background:#eef5f5;border-radius:8px;gap:4px;min-height:72px;padding:10px;display:grid}.evidence-summary span{color:#60717b;font-size:13px}.evidence-summary strong{font-size:20px}.preview-box{gap:8px;display:grid}details.preview-box{border:1px solid #dce6e8;border-radius:8px;padding:12px}summary{cursor:pointer;font-weight:700}.empty-evidence{color:#64748b;background:#f8fbfb;border:1px dashed #cbd5e1;border-radius:8px;padding:14px}.phase1-actions.compact{margin-top:4px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #dce6e8;padding:8px}.sticky-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:sticky;bottom:0}@media (width<=820px){header{flex-direction:column;align-items:flex-start}.header-actions{flex-wrap:wrap;width:100%}.grid,.two-col,.field-layout,.action-grid,.sticky-actions,.permission-grid{grid-template-columns:1fr}.stat{min-height:96px}.panel{padding:14px}section{padding:12px}}
