@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#213936;--muted:#788480;--green:#c9ef8a;--line:#e3e8e2;--bg:#f5f7f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 14px;font-weight:600}button:hover{background:#edf3e7}button:focus-visible,a:focus-visible{outline:3px solid #779f38;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}input,select{border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;color:var(--ink);min-width:0}h1,h2,h3,p{margin-top:0}h1{font:800 32px 'Manrope',Arial;margin-bottom:8px;letter-spacing:-1.1px}h2{font:700 21px 'Manrope',Arial;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.7}.sidebar{position:fixed;width:236px;inset:0 auto 0 0;background:#19342f;color:#dce6de;padding:30px 20px;display:flex;flex-direction:column}.brand{font:800 25px 'Manrope',Arial;letter-spacing:-1.3px;text-decoration:none;color:white;display:block;margin:0 10px 36px}.brand span{font-weight:400}.brand i{font-size:12px;color:var(--green);margin-left:4px}.workspace{font-size:9px;letter-spacing:1.3px;color:#9cac9f;line-height:2.3;border:1px solid #3b5147;border-radius:10px;padding:12px;margin-bottom:32px}.workspace strong{font-size:12px;letter-spacing:0;color:#eaf1e7}.navlabel{font-size:10px;letter-spacing:1.6px;color:#8fa698;margin:0 12px 14px}nav{margin-bottom:36px}nav button{display:flex;gap:12px;align-items:center;width:100%;background:transparent;border:0;color:#b6c9bc;margin-bottom:6px;text-align:left;padding:13px 14px;font-size:18px}nav button span{font-size:14px}nav button.active{background:var(--green);color:#233d30}nav b{margin-left:auto;font-size:10px;background:#ffffff30;padding:3px 6px;border-radius:4px}.viewlink{color:#b7caba;background:none;border:none;text-align:left;font-size:12px;line-height:1.5}.viewlink:hover{background:#2c4940}.sidebottom{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid #3b5147;padding-top:24px;font-size:12px}.sidebottom small{display:block;color:#99afa0;font-size:10px;margin-top:4px}.avatar{width:34px;height:34px;background:#375447;border-radius:50%;display:grid;place-items:center}.shell{margin-left:236px}header{height:98px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#ffffffb0;gap:16px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#7b8980}.breadcrumb{margin-top:8px;font-size:13px}.headright{display:flex;align-items:center;gap:12px}.headright select{font-size:11px;max-width:225px}.demo{font-size:10px;color:#6b7d62}.quiet{border:none;background:transparent;font-size:11px}main{max-width:1510px;margin:auto;padding:34px 36px 70px}.pageheading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.subtitle{color:var(--muted);margin:0;font-size:13px}.period{background:#fff;border:1px solid var(--line);padding:11px 14px;border-radius:8px;font-size:12px;white-space:nowrap}.scope{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#687a6f;font-size:12px}.dot{width:6px;height:6px;background:#81ab48;border-radius:50%}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.card,.panel{background:white;border:1px solid var(--line);border-radius:12px}.card{padding:20px}.card label{font-size:12px;color:#6b7d74;display:block}.card .number{font:700 34px 'Manrope',Arial;margin:10px 0 8px;letter-spacing:-1px}.card small{color:var(--muted);font-size:11px}.card.focus{background:#e9f3dc;border-color:#d7e9c0}.panel{padding:24px}.paneltitle{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.paneltitle h2,.paneltitle h3{margin:0}.tag{font-size:10px;padding:5px 8px;border:1px solid #dfe6d7;border-radius:5px;color:#698154;background:#f2f7ea}.grid2{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.report{position:relative;overflow:hidden}.report::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#bbdf87}.report .intro{font:600 20px/1.6 'Manrope',Arial;max-width:630px}.muted{color:var(--muted);font-size:12px}.reportlist{padding:0;list-style:none;margin:22px 0}.reportlist li{padding:14px 0;border-top:1px solid var(--line);display:flex;gap:14px;font-size:13px;line-height:1.6}.reportlist b{color:#81956b;font-size:12px}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#34594f}.reportfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.barrow{padding:15px 0;border-bottom:1px solid var(--line)}.barlabel{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.bar{height:7px;background:#eef1e9;border-radius:10px;overflow:hidden}.bar span{height:100%;display:block;background:#aacd7c;border-radius:10px}.legend{display:flex;gap:18px;font-size:11px;color:var(--muted);margin-top:18px}.bottompanel{margin-top:24px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar input{flex:1;min-width:150px}.toolbar .chip{background:#e9f0df;color:#58713e;font-size:11px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;background:#f6f8f3;color:#7b887f;font-size:10px;letter-spacing:.6px;padding:13px 12px;font-weight:600}td{padding:15px 12px;border-bottom:1px solid #edf0e9}tbody tr{cursor:pointer}tbody tr:hover{background:#f7faef}.badge{font-size:10px;display:inline-block;padding:5px 8px;border-radius:5px;background:#edf0e9;color:#6e7d72}.badge.incident{background:#fbe9e4;color:#aa644c}.badge.non{background:#e8f2e1;color:#577c47}.badge.nsp{background:#fbf1d9;color:#9c8349}.badge.todo{background:#e9edf1;color:#6c7f8f}.tablefoot{font-size:11px;color:var(--muted);margin-top:16px;display:flex;justify-content:space-between}.reviewgrid{display:grid;grid-template-columns:270px 1fr;gap:20px}.queuelist{max-height:620px;overflow:auto}.queueitem{display:block;text-align:left;width:100%;border:none;border-radius:0;border-bottom:1px solid var(--line);padding:17px 18px}.queueitem.selected{background:#edf4e3;box-shadow:inset 3px 0 #8cb250}.queueitem small{display:block;color:var(--muted);font-weight:400;margin:7px 0}.reviewpanel{padding:24px}.video{height:265px;border-radius:10px;background:radial-gradient(ellipse at 60% 25%,#304d48,#142e2a);color:#acbfb3;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;text-align:center}.video::before{content:'';position:absolute;inset:25px;border:1px solid #7c9a8030;border-radius:6px}.videotag{position:absolute;top:14px;left:16px;font:10px monospace;color:#bac8b6}.play{font-size:28px;margin:16px;width:65px;height:65px;border:1px solid #718c70;border-radius:50%;display:grid;place-items:center;color:var(--green)}.videocaption{font-size:12px;z-index:1}.videocaption small{display:block;font-size:10px;opacity:.65;margin-top:8px}.videobottom{position:absolute;bottom:18px;left:20px;right:20px;display:flex;align-items:center;gap:12px;font-size:10px}.timeline{height:3px;flex:1;background:#607367}.timeline span{display:block;width:35%;background:var(--green);height:3px}.metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metadata small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.metadata strong{font-size:12px}.decision{border-top:1px solid var(--line);padding-top:20px}.decision h3{margin-bottom:6px}.decisionbuttons{display:flex;gap:10px;margin:16px 0}.decisionbuttons button{flex:1;padding:13px 8px}.decisionbuttons .incident{color:#9e624d;border-color:#e5bdae;background:#fcf3ef}.decisionbuttons .non{color:#577a46;border-color:#c7dabb;background:#f0f6ea}.reviewnote{width:100%;margin-bottom:12px}.history{font-size:11px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:12px}footer{display:flex;justify-content:space-between;font-size:10px;color:#92a08f;padding:20px 36px;border-top:1px solid var(--line)}footer span{margin-right:230px}.ask{position:fixed;bottom:24px;right:26px;border:none;box-shadow:0 8px 30px #243d3025;background:var(--green);padding:15px 20px;display:flex;gap:10px;z-index:5}.ask:hover{background:#bce377}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:640px;max-width:calc(100% - 30px);color:var(--ink);box-shadow:0 30px 90px #11291f30;max-height:90vh;overflow:auto}dialog::backdrop{background:#18332a65;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;gap:12px}.dialoghead h2{margin:9px 0 18px}.close{border:none;font-size:24px;padding:0 8px;align-self:flex-start}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.suggestions button{font-size:12px}.answer{background:#f2f6ec;border:1px solid #dfebd2;border-radius:10px;padding:20px;font-size:13px;line-height:1.8;margin-bottom:20px}.inputrow{display:flex;gap:10px;margin-top:8px}.inputrow input{flex:1}.assistantactions{display:flex;gap:8px;margin-top:20px}.assistantactions button{font-size:11px;flex:1}.rule{display:grid;grid-template-columns:1fr 1fr 1.3fr 35px;gap:8px;margin:16px 0}.rule input,.rule select{width:100%;font-size:12px}.rule button{padding:4px}.dialogfoot{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.note{padding:16px;background:#f1f5e9;border-radius:8px;font-size:12px;line-height:1.7}.steps{padding-left:22px}.steps li{padding:9px 0 9px 10px}.steps p{font-size:13px;color:var(--muted);margin:7px 0}.empty{padding:40px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:85px;right:26px;background:#213c30;color:white;border-radius:8px;padding:14px 20px;font-size:12px;z-index:10;display:none;max-width:400px}.instruction{margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:8px;font-size:12px;line-height:1.8}.screenhint{margin-bottom:20px;color:#7a887c;font-size:11px}.columns{display:flex;gap:14px;margin-bottom:16px;font-size:11px;flex-wrap:wrap}.columns label{display:flex;align-items:center;gap:4px}@media(min-width:1500px){main{padding-top:42px}.video{height:330px}}@media(max-width:1100px){.sidebar{width:200px;padding:25px 12px}.shell{margin-left:200px}header{padding:0 22px}.headright .demo{display:none}main{padding:28px 22px}.grid2{grid-template-columns:1.3fr 1fr}.reviewgrid{grid-template-columns:220px 1fr}.cards{gap:10px}.card{padding:16px}footer span{display:none}}@media(max-width:800px){.sidebar{position:relative;width:100%;padding:18px;display:block}.brand{margin:0 0 18px}.workspace,.navlabel,.sidebottom,.viewlink,#saved{display:none}nav{display:flex;margin:0;gap:8px}nav button{margin:0;padding:10px;justify-content:center}nav button span{font-size:12px}.shell{margin:0}header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 20px}.headright{flex-wrap:wrap}.eyebrow{font-size:9px}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.pageheading{align-items:flex-start;flex-wrap:wrap}h1{font-size:27px}.reviewgrid{grid-template-columns:1fr}.queuelist{max-height:170px}.queueitem{padding:10px 15px}.video{height:230px}.assistantactions{flex-direction:column}.rule{grid-template-columns:1fr 1fr}.rule input{grid-column:1/2}.decisionbuttons{flex-wrap:wrap}.metadata{grid-template-columns:repeat(2,1fr)}.ask{bottom:15px;right:15px}.period{font-size:11px}}
.reviewMode .sidebar{width:190px;padding:24px 12px}.reviewMode .shell{margin-left:190px}.reviewMode header{height:76px;padding:0 24px}.reviewMode main{padding:24px 24px 65px;max-width:1800px}.reviewMode footer{display:none}.reviewheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.reviewheading h1{font-size:25px;margin:7px 0 0}.reviewfilters{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.reviewfilters select,.reviewfilters button{font-size:12px}.reviewfilters button{margin-left:auto}.scopeSummary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0;font-size:12px}.scopeSummary strong{margin-left:auto}.scopeSummary .muted{width:100%;font-size:10px;margin-top:-5px}.ticketLayout{display:grid;grid-template-columns:220px minmax(370px,1fr) 300px;gap:16px;align-items:start}.ticketQueue,.reviewCenter,.receiptPanel{border:1px solid var(--line);background:white;border-radius:10px;overflow:hidden}.queueHead{padding:16px 12px;background:#f9faf6;border-bottom:1px solid var(--line)}.queueHead strong{font-size:10px;letter-spacing:1px;display:block;margin-bottom:10px}.queueHead select{width:100%;font-size:11px;padding:7px}.ticketQueueItems{max-height:870px;overflow:auto}.ticketItem{border:0;border-bottom:1px solid var(--line);border-radius:0;width:100%;text-align:left;padding:15px 12px;background:white;font-size:11px}.ticketItem.selected{background:#edf5e2;box-shadow:inset 3px 0 #92b866}.ticketItem>div{display:flex;justify-content:space-between;gap:6px;align-items:center}.ticketItem strong{font-size:16px}.ticketItem b{font-size:12px}.ticketItem small{display:block;color:#7c8b7d;margin:8px 0}.ticketItem .badge{font-size:9px;padding:4px}.ticketItem em{display:block;font-size:9px;font-style:normal;margin-top:8px;color:#6d8a4b}.ticketItem em.conflict{color:#bd8050}.queueFoot{font-size:10px;line-height:1.7;padding:14px;color:#84917e;background:#f9faf6}.reviewCenter{padding:18px}.incidentHead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.incidentHead h2{font-size:18px;margin:5px 0}.incidentHead h2 .muted{font-size:11px}.incidentNav{display:flex;gap:6px}.incidentNav button{padding:4px 10px;font-size:22px}.portraitStage{height:370px;background:#172e29;border-radius:8px;display:flex;justify-content:center;overflow:hidden}.portraitPlaceholder{aspect-ratio:2/3;background:#243e35;border-left:1px solid #536c4e;border-right:1px solid #536c4e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#d2dfcd;width:247px}.portraitPlaceholder[hidden]{display:none}.portraitPlaceholder .eyebrow{font-size:8px;color:#9db18d}.portraitPlaceholder strong{font-size:14px}.portraitPlaceholder p{font-size:11px;color:#acbca5}.portraitPlaceholder small{font-size:9px;margin-top:10px;color:#99ac93}.bigplay{font-size:36px;color:#bedb92;margin:24px 0}.loadClip{padding:9px 12px;border:1px solid #728564;border-radius:6px;font-size:11px;cursor:pointer}.portraitStage video{max-height:100%;max-width:100%}.playControls{display:flex;gap:5px;align-items:center;margin:12px 0;font-size:10px;flex-wrap:wrap}.playControls button{padding:5px 7px;font-size:10px}.playControls label{margin-left:auto;display:flex;gap:5px;align-items:center}.chosen{background:#e5efd7!important;border-color:#98b66d!important}.timelineAxis{position:relative;height:29px;border-bottom:2px solid #d2deca}.mark{position:absolute;bottom:-9px;padding:0;border:0;background:none;font-size:12px;transform:translateX(-50%);color:#90a77b}.mark.incident{color:#bf765b;bottom:-8px;font-size:16px}.timelineLegend{display:flex;justify-content:space-between;font-size:9px;color:#839177;margin:13px 0 8px}.timelineLegend b{color:#b1755b;font-weight:400}.syncNotice{font-size:10px;line-height:1.6;color:#a3874f;background:#faf4e5;padding:9px;border-radius:5px}.calibration{font-size:10px;color:#829078;padding:10px 0}.calibration summary{cursor:pointer}.calibration input,.calibration button{font-size:10px;padding:7px}.detectorReason{padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.detectorReason>strong{font-size:12px}.detectorReason p{margin:7px 0}.detectorReason small{color:#8d9a85;font-size:9px}.reviewDecision{padding-top:17px}.reviewDecision h3{font-size:14px}.reviewDecision .paneltitle{margin-bottom:12px}.decisionGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.decisionGrid button{display:flex;align-items:center;gap:8px;text-align:left;padding:10px;font-size:11px;font-weight:600;min-height:51px}.decisionGrid small{display:block;font-size:8px;font-weight:400;opacity:.7;margin-top:4px}.decisionGrid kbd{padding:3px 5px;border:1px solid currentColor;border-radius:4px;font-size:9px;opacity:.5}.decisionGrid .incident{color:#a65f4c;background:#fff6f2;border-color:#edc9bc}.decisionGrid .non{color:#597b49;background:#f6faef}.decisionGrid .nsp{color:#947c45;background:#fdf8ed}.reviewDecision>input{width:100%;font-size:11px;margin:12px 0}.bulkRow{display:flex;gap:7px;margin-bottom:11px}.bulkRow select{flex:1;font-size:10px;width:0}.bulkRow button{font-size:10px}.reviewDecision>small{font-size:9px}.receiptHead{padding:20px;background:#fcfcf9;border-bottom:1px solid var(--line)}.receiptHead h2{font-size:22px;margin:7px 0}.receiptHead p{font-size:11px;color:#819078;line-height:1.8;margin-bottom:12px}.receiptCounts{display:flex;gap:12px;font-size:10px}.receiptLines{padding:12px 8px}.receiptLine{display:grid;grid-template-columns:51px 1fr auto;width:100%;gap:8px;align-items:start;text-align:left;border:0;padding:12px 6px;font-size:10px;font-weight:400;line-height:1.5}.receiptLine time{font:9px monospace;color:#86957f;margin-top:2px}.receiptLine small{display:block;font-size:8px;color:#a69664;margin-top:3px}.receiptLine strong{font-size:10px;font-weight:500}.receiptLine.incident{background:#fcf0e9;color:#a97055;margin:5px 0;border:1px solid #edd7c9}.receiptLine.incident small{color:#a98065}.receiptLine.current{box-shadow:inset 3px 0 #9ab569;background:#edf5e3}.receiptLine.incident.current{box-shadow:inset 3px 0 #bf7856;background:#f7e7dc}.receiptTotal{padding:16px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px}.cashReserved{margin:4px 16px 16px;padding:15px;border:1px dashed #d7dfd0;border-radius:6px;font-size:9px;color:#8c9985}.cashReserved strong{letter-spacing:1px}.cashReserved p{margin:8px 0 0}.decisionHistory{border-top:1px solid var(--line);padding:18px 16px}.decisionHistory h3{font-size:12px}.decisionHistory>div{font-size:11px;border-left:2px solid #c9d9b6;padding:0 0 10px 10px;margin-bottom:12px}.decisionHistory small{display:block;font-size:9px;color:#8a977f;margin:4px 0}.decisionHistory p{font-size:10px;margin-bottom:0}.reviewBottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#819177;margin-top:15px}.reviewBottom button{font-size:10px}.reviewWarning{padding:10px;background:#fcf1da;color:#9b7744;font-size:10px;line-height:1.6;border-radius:6px;margin-bottom:10px}.auditLine{padding:10px;border-bottom:1px solid var(--line);font-size:12px}.auditLine small{display:block;margin-top:4px;color:var(--muted);font-size:10px}@media(min-width:1600px){.ticketLayout{grid-template-columns:250px minmax(430px,1fr) 340px}.portraitStage{height:430px}.portraitPlaceholder{width:287px}}@media(max-width:1250px){.reviewMode .sidebar{width:165px}.reviewMode .shell{margin-left:165px}.reviewMode main{padding:20px 16px 65px}.ticketLayout{grid-template-columns:185px minmax(300px,1fr) 250px;gap:10px}.reviewCenter{padding:13px}.reviewMode .brand{font-size:22px;margin-left:4px}.reviewMode header .demo{display:none}.receiptHead{padding:16px}.portraitStage{height:330px}.portraitPlaceholder{width:220px}}@media(max-width:1050px){.ticketLayout{grid-template-columns:180px minmax(300px,1fr)}.receiptPanel{grid-column:2}.ticketQueue{grid-row:1/3}.reviewheading h1{font-size:22px}.reviewheading .tag{display:none}}@media(max-width:800px){.reviewMode .sidebar{width:100%;padding:16px}.reviewMode .shell{margin-left:0}.ticketLayout{grid-template-columns:1fr}.ticketQueue{grid-row:auto}.ticketQueueItems{max-height:180px}.receiptPanel{grid-column:auto}.queueHead{display:flex;align-items:center;justify-content:space-between}.queueHead strong{margin:0}.queueHead select{width:150px}.queueFoot{display:none}.reviewMode main{padding:20px 15px 80px}.scopeSummary strong{margin-left:0}.reviewBottom{gap:10px}.portraitStage{height:390px}.portraitPlaceholder{width:260px}.reviewMode header{height:auto;min-height:80px}}
/* Qualification: readable labels and clear selection, 28 September. */
.reviewDecision{padding-top:18px;border-top:1px solid var(--line);margin-top:8px}
.reviewDecision h3{font-size:18px;font-weight:700}
.decisionGrid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.decisionGrid button{min-height:76px;padding:14px 12px;font-size:15px;line-height:1.4;font-weight:700;border-width:2px;align-items:flex-start;gap:10px;border-radius:9px}
.decisionGrid button>span{min-width:0;overflow-wrap:break-word}
.decisionGrid small{font-size:12px;line-height:1.4;opacity:1;margin-top:5px;font-weight:500}
.decisionGrid kbd{font-size:12px;opacity:1;padding:3px 6px;flex-shrink:0;margin-top:1px;background:#ffffff90;border-color:currentColor}
.decisionGrid .incident{color:#762b20;background:#fff0eb;border-color:#c88d7a}
.decisionGrid .non{color:#274d2d;background:#eef6e8;border-color:#a2bc91}
.decisionGrid .nsp{color:#654b13;background:#fff5da;border-color:#cbb16b}
.decisionGrid button:hover:not(:disabled){filter:brightness(.96);box-shadow:0 2px 6px #203c2918}
.decisionGrid button.chosen{border-color:#203c30!important;box-shadow:inset 0 0 0 1px #203c30;background:#dbeacb!important;color:#203c30}
.decisionGrid button:disabled{opacity:1;color:#71776f;background:#f1f2ef;border-color:#d8dcd5}
.reviewDecision>input{font-size:14px;padding:12px}
@media(max-width:1250px) and (min-width:1051px){.decisionGrid{grid-template-columns:1fr}.decisionGrid button{min-height:64px}}
@media(max-width:420px){.decisionGrid{grid-template-columns:1fr}}
/* Compact qualification: three columns on full-width desktop. */
.decisionGrid{gap:8px}
.decisionGrid button{min-height:64px;padding:10px 9px;font-size:13px;line-height:1.35;gap:7px}
.decisionGrid small{font-size:10px;margin-top:4px}
.decisionGrid kbd{font-size:10px;padding:2px 4px}
@media(min-width:1251px){.decisionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1051px) and (max-width:1250px){.decisionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* SeerecoStat identity, from the existing Quasar palette. */
:root{--ink:#2c3e50;--muted:#687581;--green:#95c23c;--line:#dce2e7;--bg:#f3f5f7;--brand-light:#abc872}
.sidebar{background:#95c23c;color:#243318;border-right:1px solid #83ad32}
.brand{color:#253a48}.brand i{color:white}.brand span{color:#344c28}
.workspace{border-color:#6f932c80;background:#ffffff24;color:#334b1e}.workspace strong{color:#263b1c}
.navlabel{color:#3c5428;font-weight:700}
nav button{color:#2d421c}nav button:hover{background:#ffffff38;color:#203314}
nav button.active{background:#2c3e50;color:white;box-shadow:0 4px 12px #32481722}nav b{background:#ffffff70;color:#31441d}nav button.active b{background:#95c23c;color:#233513}
.viewlink{color:#30491c}.viewlink:hover{background:#ffffff38}
.sidebottom{border-color:#62872d70;color:#253d1a}.sidebottom small{color:#405e2b}.avatar{background:#2c3e50;color:white}
header{background:#2c3e50;color:white;border-bottom:4px solid #95c23c}header .eyebrow{color:#bbd88e}header .breadcrumb{color:#fff;font-weight:600}header .demo{color:#d4e9b4}header .quiet{color:#f2f5fa}header .quiet:hover{background:#ffffff18}header select{background:#3b5064;color:#fff;border-color:#6c7f8e}
h1,h2,h3{color:#2c3e50}.eyebrow{color:#526f2c}
.reviewheading{border-left:5px solid #95c23c;padding-left:14px}.reviewheading .tag{background:#e9f2d7;color:#3c5922;border-color:#b1ca86;font-weight:700}
.reviewfilters{padding:13px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 5px #2c3e5005}
.scopeSummary{color:#425465}.scopeSummary strong{background:#2c3e50;color:white;padding:5px 10px;border-radius:5px}
.queueHead{background:#2c3e50;color:white;border:0}.queueHead select{background:#3c5266;border-color:#6b7f8f;color:white}.ticketItem.selected{background:#eaf3d9;box-shadow:inset 5px 0 #95c23c}.ticketItem:hover{background:#f0f5e6}.ticketItem strong{color:#2c3e50}.ticketItem small{color:#5a6a75}.ticketItem em{color:#476a26}.queueFoot{background:#f0f3f6;color:#5d6d7b}
.receiptHead{background:#2c3e50;color:white;border-bottom:4px solid #95c23c}.receiptHead h2{color:white}.receiptHead .eyebrow{color:#bddd89}.receiptHead p{color:#d0dce6}.receiptCounts{color:#e0ebf1}.receiptTotal{background:#eaf3d9;color:#314421}.receiptLine.current{background:#edf5df;box-shadow:inset 3px 0 #95c23c}
.incidentHead{border-bottom:2px solid #95c23c;padding-bottom:12px}.incidentHead .eyebrow{color:#587b27}.portraitStage{background:#202c39}.portraitPlaceholder{background:#2c3e50;border-color:#506474;color:#fff}.portraitPlaceholder p,.portraitPlaceholder small{color:#c3ced8}.portraitPlaceholder .eyebrow{color:#bedb8e}.bigplay{color:#95c23c}.loadClip{background:#95c23c;border-color:#95c23c;color:#263b18;font-weight:700}
.primary{background:#95c23c;border-color:#83ac30;color:#223514}.primary:hover{background:#abc872;color:#223514}
.ask{background:#95c23c;color:#223514;border:1px solid #80a831;box-shadow:0 6px 22px #2c3e5030}.ask:hover{background:#abc872}
.card.focus{background:#e7f1d3;border-color:#a7c875;border-top:4px solid #95c23c}.card .number{color:#2c3e50}.card.focus .number{color:#426219}.bar span{background:#95c23c}.report::before{background:#95c23c}.tag{background:#edf4df;color:#4b6a28;border-color:#c5d8a5}.dot{background:#79a528}.note,.answer{background:#edf4e1;border-color:#c7dba9}.reportlist b{color:#6c952b}
th{background:#e9eef2;color:#4b6073}.toolbar .chip{background:#e9f2d7;color:#456125}.badge.todo{background:#e4edf6;color:#355a7b}.badge.incident{background:#f9e4e4;color:#922929}.badge.non{background:#e6f1df;color:#326b2a}.badge.nsp{background:#fff0d5;color:#85500f}
.decisionGrid .incident{background:#fff0ef;color:#8c2424;border-color:#ca8784}.decisionGrid .non{background:#eef5e5;color:#305c23;border-color:#9abb76}.decisionGrid .nsp{background:#fff4de;color:#80500c;border-color:#c8a05c}
.decisionGrid button.chosen{background:#dcebbf!important;border-color:#52791c!important;color:#2c4516;box-shadow:inset 0 0 0 1px #52791c}
.decisionGrid button:disabled{background:#f0f2f4;color:#717b83;border-color:#d4dae0}
.reviewDecision h3{color:#2c3e50}.reviewDecision .paneltitle{border-left:4px solid #95c23c;padding-left:10px}.ticketTimeline .mark.scan{color:#6e9927}.receiptLine.incident{color:#963c27}.reviewBottom{color:#647582}
button:focus-visible,a:focus-visible{outline-color:#638e25}.screenhint,.muted{color:#687581}footer{color:#73818d}.calibration{color:#687581}
/* Match supplied SeerecoStat screenshot: white navigation, green accents, pastel metrics. */
:root{--ink:#424242;--muted:#77818c;--green:#9fbe50;--line:#dedede;--bg:#fafafa}
.sidebar{background:white;border-right:1px solid #dedede;color:#424242}.brand{color:#77982e}.brand span{color:#424242}.brand i{color:#a3c352}
.workspace{background:#fafbf7;border-color:#e0e4d9;color:#777}.workspace strong{color:#424242}.navlabel{color:#8a8a8a}
nav button{color:#414141;border-radius:6px}nav button:hover{background:#f6f6f6;color:#424242}nav button.active{background:#f0f0fa;color:#799d2e;box-shadow:none}nav b{background:#eee;color:#666}nav button.active b{background:#a3c352;color:#253810}
nav button span{font-size:13px}nav .statsSubnav{padding-left:28px;font-size:13px;margin-top:-3px}nav .statsSubnav span{font-size:12px}.viewlink{color:#555}.viewlink:hover{background:#f3f4ef}.sidebottom{border-color:#ddd;color:#444}.sidebottom small{color:#888}.avatar{background:#eef2e4;color:#536b29}
header{background:#fff;color:#424242;border-bottom:4px solid #abc872}header .eyebrow{color:#8da64f}header .breadcrumb{color:#424242}header .demo{color:#7a875f}header .quiet{color:#68727f}header .quiet:hover{background:#f4f4f4}header select{background:#fff;color:#424242;border-color:#ddd}
h1,h2,h3{color:#424242}.reviewheading{border:0;padding-left:0}.reviewheading .tag{background:#f5f7ef;border-color:#e0e5d7;color:#76844f}.reviewfilters{box-shadow:none;background:white}.scopeSummary{color:#626b73}.scopeSummary strong{background:#edf2e1;color:#596e31}.queueHead{background:#f7f7f7;color:#424242;border-bottom:1px solid #ddd}.queueHead select{background:white;color:#555;border-color:#ddd}.ticketItem.selected{background:#f1f3e8;box-shadow:inset 4px 0 #a3c352}.ticketItem:hover{background:#f8f9f4}.ticketItem strong{color:#424242}.queueFoot{background:#fafafa;color:#7f8790}
.receiptHead{background:#fafafa;color:#424242;border-bottom:3px solid #abc872}.receiptHead h2{color:#424242}.receiptHead .eyebrow{color:#81974b}.receiptHead p{color:#78818a}.receiptCounts{color:#666}.receiptTotal{background:#f7f1db;color:#424242}.incidentHead{border-bottom:1px solid #ddd}.incidentHead .eyebrow{color:#809349}
.card{border:0;background:#f8f1dc}.card.focus{background:#f1e2e5;border:0}.card:nth-child(3){background:#9cc18c}.card:nth-child(4){background:#dfa9ae}.card .number,.card.focus .number{color:#424242}.card label{color:#4b4b4b}.card small{color:#6c7379}.bar span{background:#93b570}.tag{background:#f2f5e8;border-color:#dce4c9;color:#647b39}.primary{background:#95c23c;color:#293a18;border-color:#86ad37}.report::before{background:#abc872}.note,.answer{background:#f8f2df;border-color:#e9dfbd}
.ask{background:white;color:#65882a;border:2px solid #a3c352;box-shadow:0 4px 16px #00000012}.ask:hover{background:#f3f7e9}.portraitStage{background:#24292c}.portraitPlaceholder{background:#333d42;border-color:#596361}.reviewDecision .paneltitle{border:0;padding-left:0}.bilanStatistics{margin-top:32px;scroll-margin-top:20px}.bilanStatistics h2{font-size:24px}
.dashboardFilters{border:1px solid #dce3ce;border-top:3px solid #abc872;border-radius:8px;background:white;padding:18px;margin-bottom:26px}.dashboardFilters strong{font-size:14px}.dashboardFilters small{display:block;color:#7b838b;font-size:11px;margin:6px 0 16px}.dashboardFilterControls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.dashboardFilterControls label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#65707a}.dashboardFilterControls input,.dashboardFilterControls select{font-size:12px}.dashboardFilterControls button{font-size:12px}
/* Focused ticket workflow and permanently available conversation. */
.ticketLayout{grid-template-columns:minmax(340px,1fr) 280px;gap:18px}.receiptPanel{grid-column:auto}.ticketProgress{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0 20px;font-size:15px;color:#424242}.ticketProgress strong{font-size:20px}.ticketProgress span{color:#78836c}.ticketProgress small{font-size:12px;color:#757f86}.reviewFilterDetails{font-size:12px;color:#69745c;margin-top:16px}.reviewFilterDetails summary{cursor:pointer;display:list-item}.reviewFilterDetails .reviewfilters{margin-top:12px}.reviewheading .tag{display:none}.reviewheading{margin-bottom:12px}.reviewheading h1{font-size:25px}.reviewBottom{margin-bottom:20px}.reviewMode .portraitStage{height:350px}.reviewMode .portraitPlaceholder{width:234px}.reviewCenter .syncNotice,.reviewCenter .calibration{font-size:10px}.reviewMode .screenhint{display:none}
body.chatVisible .shell{margin-right:340px}#assistant[open]{position:fixed;inset:90px 16px 18px auto;margin:0;width:308px;max-width:calc(100% - 32px);max-height:none;height:calc(100vh - 108px);padding:19px;border:1px solid #dce3d1;border-top:4px solid #a3c352;border-radius:10px;background:#fff;box-shadow:0 4px 20px #2533210c;overflow:auto;z-index:8}#assistant .dialoghead h2{font-size:19px;margin-top:9px}#assistant .eyebrow{font-size:9px}#assistant .muted{font-size:11px}#assistant .suggestions{gap:6px;margin:14px 0}#assistant .suggestions button{font-size:11px;padding:8px;text-align:left}#assistant .answer{padding:14px;font-size:12px;line-height:1.6;max-height:45vh;overflow:auto;margin-bottom:16px}#assistant .answer button{font-size:11px;margin-top:6px}#assistant .inputrow{flex-direction:column}#assistant .inputrow input{width:100%;padding:12px 9px;font-size:12px}#assistant .inputrow button{align-self:flex-end;font-size:12px;padding:9px 14px}#assistant .assistantactions{flex-direction:column;margin-top:15px}#assistant .assistantactions button{font-size:10px;padding:8px}.chatVisible .ask{display:none}.chatVisible header .demo{display:none}.chatVisible header{gap:8px}.chatVisible .headright{gap:5px}.chatVisible .headright select{max-width:180px}.chatVisible main{padding-left:22px;padding-right:22px}.chatVisible .decisionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.chatVisible .decisionGrid button{font-size:12px;padding:9px 7px}.chatVisible .decisionGrid small{font-size:9px}
@media(max-width:1450px){.chatVisible .ticketLayout{grid-template-columns:minmax(290px,1fr) 230px;gap:12px}.chatVisible .ticketProgress{flex-wrap:wrap}.chatVisible .headright .quiet{display:none}.chatVisible .receiptHead{padding:14px}.chatVisible .receiptLine{grid-template-columns:45px 1fr;gap:5px}.chatVisible .receiptLine strong{grid-column:2}}
@media(max-width:1200px){body.chatVisible .shell{margin-right:300px}#assistant[open]{width:276px;right:12px}.chatVisible .ticketLayout{grid-template-columns:1fr}.chatVisible .receiptPanel{grid-column:1}.chatVisible .receiptLines{max-height:280px;overflow:auto}.chatVisible .cards{grid-template-columns:repeat(2,1fr)}.chatVisible .grid2{grid-template-columns:1fr}}
@media(max-width:850px){body.chatVisible .shell{margin-right:0}#assistant[open]{inset:auto 12px 12px auto;height:70vh;width:330px;box-shadow:0 8px 40px #26391e40}.ticketLayout{grid-template-columns:1fr}.receiptPanel{grid-column:1}.ticketProgress{flex-wrap:wrap}.chatVisible .decisionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#statsDetail{width:950px;padding:28px;max-width:calc(100vw - 40px)}.detailContext{display:flex;flex-direction:column;gap:7px;padding-bottom:20px;border-bottom:1px solid var(--line)}.detailContext span{font-size:12px;color:#77818a}.detailFacts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.detailFacts small{display:block;font-size:11px;color:#78828b;margin-bottom:8px}.detailFacts strong{font-size:13px}.detailColumns{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin-top:24px}.detailColumns h3{font-size:15px}.detailReceipt>div{display:grid;grid-template-columns:65px 1fr auto;gap:12px;padding:11px 8px;border-bottom:1px solid #eee;font-size:12px;align-items:start}.detailReceipt time{font-size:11px;color:#7d858b}.detailReceipt .highlight{background:#f4e4df;border-left:3px solid #c28c7c}.detailHistory{padding:12px 0;border-bottom:1px solid #eee;font-size:13px}.detailHistory small{display:block;font-size:11px;color:#78818a;margin:6px 0}.detailHistory p{font-size:12px}.detailColumns .muted{font-size:12px}#statsDetail .dialogfoot{align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:20px}@media(max-width:650px){.detailFacts{grid-template-columns:repeat(2,1fr)}.detailColumns{grid-template-columns:1fr}#statsDetail{padding:20px}}
/* Keep the assistant heading and composer fixed; only messages scroll. */
#assistant[open]{display:flex;flex-direction:column;overflow:hidden;padding:16px}
#assistant>.dialoghead,#assistant>p,#assistant>.suggestions,#assistant>form,#assistant>.assistantactions{flex-shrink:0}
#assistant .dialoghead h2{margin-bottom:10px}
#assistant>p{margin-bottom:8px}
#assistant .suggestions{margin:6px 0 12px}
#assistant .answer{flex:1;min-height:90px;max-height:none;overflow-y:auto;margin-bottom:12px}
#assistant .assistantactions{margin-top:10px;gap:5px}
#assistant #promptState{max-height:100px;overflow:auto;flex-shrink:0}
#assistant #promptState:empty{display:none}
#assistant #questionForm label{font-size:12px}
@media(max-height:700px){#assistant>.suggestions{display:none}#assistant>.muted{font-size:10px}#assistant .assistantactions{flex-direction:row}#assistant .assistantactions button{font-size:9px;padding:6px}}
.pageheading .subtitle:empty{display:none}.headright select,.chatVisible .headright select{max-width:270px}.sidebottom{display:none}
#assistant .answer{background:white;border:0;padding:4px 0;border-radius:0}
#assistant .answer:empty{min-height:35px}
#assistant #question{width:100%;min-height:130px;max-height:240px;resize:vertical;box-sizing:border-box;border:1px solid #cdd5c2;border-radius:8px;padding:13px;font:13px/1.6 'DM Sans',Arial,sans-serif;color:#424242;background:#fcfdfb}
#assistant #question:focus{outline:2px solid #abc872;outline-offset:1px}
#assistant .inputrow{margin-top:9px}
/* Readability pass: primary controls 15–16 px, supporting labels 13–14 px. */
body{font-size:16px}button,input,select,textarea{font-size:15px;line-height:1.45}button{min-height:42px;padding:10px 14px}.muted,.subtitle,.screenhint{font-size:14px;color:#66717a}.eyebrow{font-size:12px;letter-spacing:1px}.badge{font-size:13px;padding:6px 9px}.tag{font-size:13px}.period{font-size:14px}.scope{font-size:14px}.breadcrumb{font-size:15px}.navlabel{font-size:12px}.workspace{font-size:11px}.workspace strong{font-size:14px}.viewlink{font-size:14px}nav button span,nav .statsSubnav span{font-size:15px}.statsSubnav{min-height:44px}.sidebar{width:246px}.shell{margin-left:246px}.reviewMode .sidebar{width:222px}.reviewMode .shell{margin-left:222px}.headright select,.chatVisible .headright select{font-size:14px;max-width:300px}.headright .quiet{font-size:14px}.demo{font-size:12px}.card label{font-size:15px}.card small{font-size:13px}.card .number{font-size:36px}.paneltitle h3{font-size:18px}.reportlist li{font-size:15px}.reportlist b{font-size:14px}.barlabel{font-size:14px}.legend,.note{font-size:13px}.tablefoot{font-size:13px}table{font-size:14px}th,th button{font-size:13px!important;letter-spacing:0}td{padding:15px 12px}.toolbar .chip,.toolbar button{font-size:14px}.columns{font-size:14px}.dashboardFilters strong{font-size:16px}.dashboardFilters small{font-size:13px}.dashboardFilterControls label{font-size:14px}.dashboardFilterControls input,.dashboardFilterControls select,.dashboardFilterControls button{font-size:15px}
.reviewFilterDetails{font-size:15px}.reviewfilters select,.reviewfilters button{font-size:15px}.reviewfilters .period{font-size:14px}.ticketProgress small{font-size:14px}.incidentHead .eyebrow{font-size:13px}.incidentHead h2{font-size:21px}.incidentHead h2 .muted{font-size:14px}.reviewDecision h3{font-size:20px}.decisionGrid button,.chatVisible .decisionGrid button{font-size:16px;line-height:1.4;padding:12px 10px;min-height:82px;gap:8px}.decisionGrid small,.chatVisible .decisionGrid small{font-size:13px;margin-top:6px}.decisionGrid kbd{font-size:12px;padding:3px 5px}.decisionGrid{gap:10px}.reviewDecision>input{font-size:15px}.reviewDecision>small{font-size:13px;line-height:1.6}.bulkRow button,.bulkRow select{font-size:14px}.playControls{font-size:14px;gap:7px}.playControls button{font-size:14px;padding:7px 10px;min-height:36px}.playControls label{font-size:13px}.timelineLegend{font-size:12px}.reviewCenter .syncNotice,.reviewCenter .calibration{font-size:13px;line-height:1.5}.calibration input,.calibration button{font-size:14px}.detectorReason small{font-size:13px}.reviewWarning{font-size:13px}.reviewBottom,.reviewBottom button{font-size:13px}.portraitPlaceholder strong{font-size:17px}.portraitPlaceholder p{font-size:14px}.portraitPlaceholder small{font-size:12px}.portraitPlaceholder .eyebrow{font-size:11px}.loadClip{font-size:14px}
.receiptHead .eyebrow{font-size:12px}.receiptHead p{font-size:14px}.receiptCounts{font-size:14px}.receiptLine{font-size:14px;grid-template-columns:65px 1fr;gap:8px}.receiptLine time{font-size:12px}.receiptLine strong{grid-column:2;font-size:14px}.receiptLine small{font-size:12px}.receiptTotal{font-size:13px}.decisionHistory h3{font-size:16px}.decisionHistory>div{font-size:14px}.decisionHistory small{font-size:12px}.decisionHistory p{font-size:13px}.chatVisible .receiptLine{grid-template-columns:65px 1fr;gap:8px}.detailContext span,.detailFacts small{font-size:14px}.detailFacts strong{font-size:15px}.detailColumns h3{font-size:17px}.detailReceipt>div{font-size:14px}.detailReceipt time{font-size:13px}.detailHistory{font-size:15px}.detailHistory small,.detailHistory p,.detailColumns .muted{font-size:14px}
#assistant[open]{width:330px;padding:18px}body.chatVisible .shell{margin-right:362px}#assistant .dialoghead h2{font-size:23px}#assistant .eyebrow{font-size:12px}#assistant .suggestions button{font-size:15px;padding:11px;line-height:1.45;width:100%;text-align:left}#assistant .suggestions{flex-direction:column;gap:8px}#assistant .answer{font-size:15px;line-height:1.65}#assistant .answer button{font-size:14px}#assistant .muted{font-size:13px}#assistant #questionForm label{font-size:15px}#assistant #question{font-size:16px;line-height:1.5;min-height:140px}#assistant .inputrow button{font-size:15px;padding:10px 16px}#assistant .assistantactions button{font-size:13px;padding:9px;line-height:1.4}.instruction{font-size:14px}.ask{font-size:15px}.close{font-size:26px}
@media(min-width:1500px){.chatVisible .ticketLayout{grid-template-columns:minmax(420px,1fr) 285px}.chatVisible .decisionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1201px) and (max-width:1499px){.chatVisible .ticketLayout{grid-template-columns:minmax(300px,1fr) 235px}.chatVisible .decisionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.reviewMode .sidebar{width:195px}.reviewMode .shell{margin-left:195px}}
@media(max-width:1200px){body.chatVisible .shell{margin-right:330px}#assistant[open]{width:306px}.chatVisible .ticketLayout{grid-template-columns:1fr}.chatVisible .decisionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){body.chatVisible .shell{margin-right:0}.chatVisible .decisionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#assistant[open]{width:350px;height:80vh}.sidebar,.reviewMode .sidebar{width:100%}.shell,.reviewMode .shell{margin-left:0}}
@media(max-width:450px){.decisionGrid,.chatVisible .decisionGrid{grid-template-columns:1fr}}
/* Keep the working filters visible and spaced while scrolling. */
.reviewFilterDetails,.dashboardFilters{position:sticky;top:0;z-index:6;background:#fff;border-radius:8px;box-shadow:0 3px 12px #0000000a}
.reviewFilterDetails{margin:16px 0;padding:0}.reviewFilterDetails .reviewfilters{margin:0;gap:14px;padding:16px;align-items:center}.reviewfilters select{min-height:44px}.reviewfilters .period{margin:0}.dashboardFilterControls{gap:16px}.dashboardFilters{margin-bottom:26px}
.columnsMenu{position:relative;width:max-content;margin:0 0 18px auto;text-align:left}.columnsMenu summary{cursor:pointer;font-size:15px;font-weight:600;border:1px solid #d6ddce;border-radius:7px;padding:10px 14px;background:#fff;color:#4b5940}.columnsMenu[open] summary{background:#f0f5e8;border-color:#a9c17e}.columnsMenu .columns{position:absolute;top:100%;right:0;z-index:7;display:flex;flex-direction:column;gap:12px;width:250px;max-width:calc(100vw - 50px);padding:17px;background:white;border:1px solid #dce2d4;border-radius:8px;box-shadow:0 8px 28px #28361d22;margin:7px 0 0!important}.columnsMenu .columns label{font-size:14px;gap:9px}.columnsMenu .columns input{width:17px;height:17px;accent-color:#8baa48}
/* Persistent application header with filters directly below it. */
.shell>header{position:sticky;top:0;z-index:9;min-height:98px;height:auto;padding-top:16px;padding-bottom:16px;background:#fff}.reviewMode .shell>header{min-height:76px}.dashboardFilters{top:var(--app-header-height,98px)}.reviewFilterDetails{top:var(--app-header-height,76px)}.bilanStatistics{scroll-margin-top:calc(var(--app-header-height,98px) + 210px)}
/* The video and qualification controls share one visible working area. */
@media(min-width:1000px){
.reviewMode main{padding-top:12px}.reviewheading{margin-bottom:8px}.reviewheading>.tag,.reviewheading .eyebrow{display:none}.reviewheading h1{font-size:23px;margin:0}.reviewFilterDetails{margin:8px 0}.reviewFilterDetails .reviewfilters{padding:9px 12px;gap:10px}.reviewfilters select,.reviewfilters button{min-height:38px;padding:7px 10px;font-size:14px}.ticketProgress{padding:9px 0 12px;font-size:14px}.ticketProgress strong{font-size:18px}
.reviewCenter{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.2fr);grid-template-rows:auto auto auto auto;column-gap:18px;align-content:start;padding:14px}.incidentHead{grid-column:1/-1;margin-bottom:10px;padding-bottom:8px}.reviewWarning{grid-column:1/-1}.reviewMode .portraitStage{grid-column:1;grid-row:auto;height:clamp(200px,calc(100vh - 375px),390px)}.reviewMode .portraitPlaceholder{width:auto;height:100%;aspect-ratio:2/3;padding:12px}.portraitPlaceholder .bigplay{margin:10px 0}.portraitPlaceholder p{font-size:12px;margin-bottom:10px}.portraitPlaceholder small{font-size:11px}.loadClip{font-size:12px;padding:7px}.playControls{grid-column:1;font-size:12px;margin:8px 0;gap:4px}.playControls button{font-size:12px;padding:5px;min-height:30px}.playControls label{font-size:12px;margin-left:0}.ticketTimeline{grid-column:1}.timelineLegend{font-size:10px}.reviewDecision{grid-column:2;grid-row:2/span 5;border:0;margin:0;padding:0}.reviewDecision .paneltitle{margin-bottom:8px}.reviewDecision h3{font-size:17px}.decisionGrid,.chatVisible .decisionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.decisionGrid button,.chatVisible .decisionGrid button{font-size:14px;min-height:61px;padding:8px;gap:6px;line-height:1.25}.decisionGrid small,.chatVisible .decisionGrid small{font-size:11px;margin-top:4px}.decisionGrid kbd{font-size:10px;padding:2px 4px}.reviewDecision>input{padding:9px;font-size:14px;margin:9px 0}.bulkRow{margin-bottom:6px}.bulkRow button{font-size:13px;min-height:35px;padding:7px 10px}.reviewDecision>small{font-size:11px;line-height:1.4}.reviewBottom{margin-top:8px}
.ticketLayout,.chatVisible .ticketLayout{grid-template-columns:minmax(0,1fr)}.receiptPanel,.chatVisible .receiptPanel{grid-column:1}.receiptLines{max-height:300px;overflow:auto}
}
@media(min-width:1750px){.ticketLayout,.chatVisible .ticketLayout{grid-template-columns:minmax(570px,1fr) 285px}.receiptPanel,.chatVisible .receiptPanel{grid-column:2;max-height:calc(100vh - 260px);overflow:auto}}
@media(min-width:1000px) and (max-height:740px){.reviewMode main{padding-top:8px}.reviewheading{display:none}.reviewCenter{padding:10px}.reviewDecision>small{display:none}.decisionGrid button,.chatVisible .decisionGrid button{min-height:56px}.reviewMode .portraitStage{height:clamp(180px,calc(100vh - 360px),300px)}}
/* Discussion shares the application header alignment and remains stationary. */
@media(min-width:851px){
#assistant[open]{top:0;right:0;bottom:0;height:100dvh;width:346px;border-radius:0;border:0;border-left:1px solid #dedede;padding:0 18px 18px;box-shadow:none;z-index:10}
body.chatVisible .shell{margin-right:346px}
#assistant>.dialoghead{box-sizing:border-box;min-height:var(--app-header-height,98px);height:var(--app-header-height,98px);margin:0 -18px 16px;padding:16px 18px;border-bottom:4px solid #abc872;align-items:center;background:#fff}
#assistant .dialoghead .eyebrow{font-size:12px;letter-spacing:1px;color:#8da64f;font-weight:700}
#assistant .dialoghead h2{font-family:'DM Sans',Arial,sans-serif;font-size:15px;letter-spacing:0;font-weight:600;margin:8px 0 0;color:#424242}
#assistant .dialoghead .close{align-self:center}
#assistant .answer{overscroll-behavior:contain}
}
/* Landscape video; preserve the full source frame. */
.reviewMode .portraitStage{width:100%;height:auto;aspect-ratio:16/9;align-self:start;min-width:0}
.reviewMode .portraitPlaceholder{width:100%;height:100%;aspect-ratio:auto;border:0;padding:12px}
.portraitStage video{width:100%;height:100%;object-fit:contain;background:#171c20}
.portraitPlaceholder .bigplay{margin:6px 0;font-size:28px}
.portraitPlaceholder p{margin:6px 0;font-size:12px}
.portraitPlaceholder small{margin-top:5px;font-size:11px}
@media(min-width:1000px){.reviewCenter{grid-template-columns:minmax(320px,1.4fr) minmax(290px,1fr)}.reviewMode .portraitStage{height:auto;aspect-ratio:16/9}.reviewMode .portraitPlaceholder{width:100%;aspect-ratio:auto}.reviewCenter .playControls,.reviewCenter .ticketTimeline{align-self:start}.reviewCenter{grid-template-rows:auto auto min-content min-content}}
@media(min-width:1750px){.ticketLayout,.chatVisible .ticketLayout{grid-template-columns:minmax(680px,1fr) 270px}}
@media(min-width:1000px) and (max-width:1250px){.reviewCenter{grid-template-columns:minmax(260px,1fr) minmax(250px,1fr)}.portraitPlaceholder small{display:none}}
/* Ticket beside the landscape clip; qualifications below the player. */
@media(min-width:1000px){
.ticketLayout,.chatVisible .ticketLayout{grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start}
.reviewCenter{display:flex;flex-direction:column;min-width:0;padding:12px}
.receiptPanel,.chatVisible .receiptPanel{grid-column:2;grid-row:1;max-height:calc(100vh - 245px);overflow:auto}
.reviewMode .portraitStage{width:100%;height:clamp(150px,calc(100vh - 560px),270px);aspect-ratio:auto;flex-shrink:0}
.reviewMode .portraitPlaceholder{width:100%;height:100%;aspect-ratio:auto;padding:8px}
.portraitPlaceholder .eyebrow,.portraitPlaceholder small{display:none}.portraitPlaceholder p{margin:4px 0;font-size:12px}.portraitPlaceholder .bigplay{display:none}.loadClip{padding:6px 10px;margin-top:6px}
.incidentHead{margin-bottom:8px;padding-bottom:6px}.incidentHead h2{font-size:19px}.playControls{margin:6px 0}.ticketTimeline{display:none}
.reviewDecision{margin-top:5px}.reviewDecision .paneltitle{margin-bottom:6px}.reviewDecision h3{font-size:16px}
.decisionGrid,.chatVisible .decisionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.decisionGrid button,.chatVisible .decisionGrid button{font-size:14px;min-height:53px;padding:7px;line-height:1.3}.decisionGrid small,.chatVisible .decisionGrid small{display:none}
.reviewDecision>input{margin:7px 0;padding:8px;font-size:14px}.reviewDecision>small{display:none}.bulkRow{margin:0}.bulkRow button{min-height:32px;padding:5px 9px;font-size:13px}
.receiptHead{padding:14px}.receiptHead h2{font-size:21px;margin:6px 0}.receiptHead p{margin-bottom:8px}.receiptLines{max-height:none;overflow:visible}.receiptLine{cursor:pointer}.receiptLine:hover{background:#edf4df}
}
@media(min-width:1000px) and (max-width:1250px){.ticketLayout,.chatVisible .ticketLayout{grid-template-columns:minmax(0,1fr) 220px;gap:10px}.decisionGrid button,.chatVisible .decisionGrid button{font-size:13px;padding:6px}.decisionGrid kbd{display:none}}
/* Six decision types, with category-specific colours in every state. */
.decisionGrid .incident{background:#f9dede;border-color:#bd6666;color:#821e1e}.decisionGrid .non{background:#e1efcf;border-color:#8eb565;color:#29501c}.decisionGrid .nsp{background:#ffebc5;border-color:#ce9b43;color:#744309}
.decisionGrid .incident.chosen{background:#edc1c1!important;border-color:#902c2c!important;color:#721b1b;box-shadow:inset 0 0 0 1px #902c2c}
.decisionGrid .non.chosen{background:#cfe4b4!important;border-color:#4d7a2d!important;color:#254617;box-shadow:inset 0 0 0 1px #4d7a2d}
.decisionGrid .nsp.chosen{background:#f7d99d!important;border-color:#aa741b!important;color:#64400a;box-shadow:inset 0 0 0 1px #aa741b}
.decisionGrid button:disabled{background:#f0f2f4;color:#717b83;border-color:#d4dae0}
/* Square viewing area and three clear decisions beside it. */
@media(min-width:1000px){
.reviewCenter{display:grid;grid-template-columns:minmax(190px,1fr) minmax(155px,.62fr);grid-template-rows:auto auto auto;gap:10px 14px;align-items:start}
.incidentHead,.reviewWarning{grid-column:1/-1}.incidentHead{margin-bottom:0}
.reviewMode .portraitStage{grid-column:1;grid-row:auto;width:100%;height:auto;aspect-ratio:1;max-height:calc(100vh - 330px);min-height:190px}
.reviewMode .portraitPlaceholder{width:100%;height:100%;aspect-ratio:auto}
.portraitStage video{object-fit:contain}
.reviewDecision{grid-column:2;grid-row:2/span 3;margin:0;padding:0;min-width:0}
.decisionGrid,.chatVisible .decisionGrid{grid-template-columns:1fr;gap:12px}
.decisionGrid button,.chatVisible .decisionGrid button{min-height:64px;font-size:17px;padding:13px 10px;align-items:center;gap:8px}
.decisionGrid kbd{display:block;font-size:12px}.reviewDecision .paneltitle{margin-bottom:12px;flex-wrap:wrap}.reviewDecision h3{font-size:17px}
.playControls{grid-column:1;grid-row:auto;flex-wrap:wrap}.reviewDecision>input{font-size:13px;margin:12px 0;padding:9px;min-width:0}.bulkRow button{font-size:12px;white-space:normal}.reviewDecision>small{display:none}
}
@media(max-width:999px){.reviewMode .portraitStage{aspect-ratio:1;height:auto}.decisionGrid,.chatVisible .decisionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
#reviewComment{display:block;box-sizing:border-box;width:100%;min-height:100px;resize:vertical;font:14px/1.5 'DM Sans',Arial,sans-serif;color:#424242;padding:12px;border:1px solid #cbd3c4;border-radius:8px;background:#fff;margin:0 0 14px}
#reviewComment:focus{outline:2px solid #abc872;outline-offset:1px}.decisionGrid .decisionCheck{display:none;margin-left:auto;font-size:23px;font-weight:700;line-height:1}.decisionGrid button.chosen{background:#fff!important;box-shadow:none!important}.decisionGrid .incident.chosen{color:#902c2c}.decisionGrid .non.chosen{color:#4d7a2d}.decisionGrid .nsp.chosen{color:#aa741b}.decisionGrid button.chosen .decisionCheck{display:block}.decisionGrid button>span:not(.decisionCheck){flex:1}#validateDecision{display:block;width:100%;margin-top:14px;font-size:16px;font-weight:700;min-height:44px}#validateDecision[hidden]{display:none}
@media(min-width:1000px){.decisionGrid,.chatVisible .decisionGrid{gap:9px}.decisionGrid button,.chatVisible .decisionGrid button{min-height:52px;padding:10px;font-size:16px}.reviewMode .portraitStage{max-height:calc(100vh - 300px)}#reviewComment{min-height:92px}}
.trialReview #assistant,.trialReview #ask{display:none!important}.trialReview .shell{margin-right:0!important}
.reviewTracking{grid-column:1;display:flex;gap:9px;flex-wrap:wrap}.reviewTracking button{font-size:14px;min-height:38px;padding:8px 12px}.reviewTracking .isViewed{background:#e1efcf;color:#29501c;border-color:#8eb565}.reviewTracking .isRevisit{background:#ffebc5;color:#744309;border-color:#ce9b43}
.skipUnqualified,.undoQualification{display:block;width:100%;margin-top:12px;font-size:14px}.undoQualification{font-size:13px;border:0;background:transparent;text-decoration:underline}
#ergonomics textarea{display:block;width:100%;margin-top:12px;padding:14px;border:1px solid #ccd6c4;border-radius:8px;font:15px/1.5 Arial,sans-serif;resize:vertical}
@media(min-width:1000px){.trialReview .reviewCenter{grid-template-columns:minmax(260px,1fr) minmax(235px,.65fr)}.trialReview .portraitStage{height:min(380px,calc(100vh - 330px));min-height:210px;aspect-ratio:1;max-width:100%;justify-self:center}.trialReview .reviewDecision{grid-row:2/span 5}.trialReview .reviewTracking{grid-column:1}.trialReview .ticketLayout{grid-template-columns:minmax(600px,1fr) 300px}}
.filterIcon{font-size:21px;color:#718a40}.statusFilter.status-todo{background:#e4edf6;color:#355a7b}.statusFilter.status-done{background:#e1efcf;color:#29501c}.statusFilter.status-tech{background:#ffebc5;color:#744309}.statusFilter.status-withdrawn{background:#eceff1;color:#65727c}

/* Live-data adaptations. The supplied mock-up stylesheet above is unchanged. */
#notice:not(:empty) { margin: 12px 0; padding: 12px; background: #eef4e5; border-radius: 8px; }
#notice.error, .conflict { background: #fff1db; color: #835b20; padding: 12px; border-radius: 8px; }
.pill { display: inline-block; padding: 5px 8px; border-radius: 5px; background: #e7edf3; font-size: 11px; }
.pill.incident { background: #f9dede; color: #821e1e; }
.pill.no_incident { background: #e1efcf; color: #29501c; }
.pill.unsure, .pill.masked { background: #ffebc5; color: #744309; }
#comment { display: block; box-sizing: border-box; width: 100%; min-height: 100px; resize: vertical; font: 14px/1.5 'DM Sans',Arial,sans-serif; color: #424242; padding: 12px; border: 1px solid #cbd3c4; border-radius: 8px; background: #fff; margin: 0 0 14px; }
#comment:focus { outline: 2px solid #abc872; outline-offset: 1px; }
.reviewTracking label { display: flex; align-items: center; gap: 6px; font-size: 14px; min-height: 38px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 8px; }
.reviewTracking label:has(input:checked) { background: #e1efcf; border-color: #8eb565; }
.playbackStatus { flex-basis: 100%; margin: 2px 0; }
.ticketTimeline { display: block; min-width: 0; grid-column: 1; }
.sourceDetails { padding: 16px; overflow-wrap: anywhere; font-size: 11px; }
.pilotCoverage { margin-top: 25px; }
.exportLink { color: var(--ink); border: 1px solid var(--line); border-radius: 8px; padding: 10px 14px; text-decoration: none; }
.filters label { font-size: 12px; }
.filters select { margin-left: 5px; }
.reviewMode .filters { margin-bottom: 14px; }
.reviewMode .dashboardFilters { top: 76px; padding: 0; border: 0; box-shadow: none; background: transparent; }
.reviewMode .dashboardFilterControls { width: 100%; padding: 9px 12px; }
.reviewMode .filters label { display: flex; align-items: center; gap: 5px; }
.reviewMode .filters button { margin-left: auto; }
#detail .receiptPanel { margin-top: 20px; }
#detail .close { float: right; }
@media (min-width: 1000px) { #comment { min-height: 92px; } }
@media (max-width: 999px) { .trialReview .ticketLayout { grid-template-columns: minmax(0,1fr); } .trialReview .receiptPanel { grid-column: auto; } }
/* Stable, compact review stage and visible decision acknowledgment. */
.trialReview .portraitStage { width: min(100%, 300px); height: 300px; min-height: 0; max-height: none; aspect-ratio: 1; justify-self: center; align-items: center; }
.trialReview .portraitStage video { width: 100%; height: 100%; object-fit: contain; }
.trialReview .incidentHead h2 { font-size: 25px; margin: 0 0 6px; }
.anomalyPosition { font-size: 16px; font-weight: 600; }
#decision-feedback { min-height: 44px; padding-top: 10px; font-size: 14px; font-weight: 600; color: #365e26; }
.trialReview .decisionGrid button:disabled.chosen { opacity: 1; }
.reviewMode #notice { position: fixed; bottom: 12px; left: 230px; right: 20px; z-index: 20; }
@media(min-width:1000px) { .trialReview .reviewCenter { grid-template-columns: minmax(260px,1fr) minmax(235px,.85fr); } }
@media(max-width:800px) { .reviewMode #notice { left: 12px; } }
/* Larger square video, with navigation immediately underneath. */
.trialReview .portraitStage { width: 100%; height: auto; aspect-ratio: 1; min-height: 0; max-height: none; }
.trialReview .portraitStage video { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.videoNavigation { grid-column: 1; display: flex; justify-content: flex-end; gap: 10px; }
.videoNavigation button { min-width: 100px; }
@media(min-width:1000px) { .trialReview .reviewCenter { grid-template-columns: minmax(300px,1.35fr) minmax(235px,.85fr); } }
/* Qualification colours are shared by statistics and review controls. */
.qualificationRow.incident, .qualificationRow.incident:hover { background: #f9dede; }
.qualificationRow.no_incident, .qualificationRow.no_incident:hover { background: #e1efcf; }
.qualificationRow.unsure, .qualificationRow.unsure:hover,
.qualificationRow.masked, .qualificationRow.masked:hover { background: #ffebc5; }
.trialReview .decisionGrid button { background: white !important; border: 3px solid currentColor !important; box-shadow: none !important; }
.trialReview .decisionGrid .incident { color: #902c2c; }
.trialReview .decisionGrid .non { color: #4d7a2d; }
.trialReview .decisionGrid .nsp { color: #aa741b; }
.trialReview .decisionGrid .decisionCheck { display: grid; place-items: center; flex: 0 0 23px; height: 23px; border: 2px solid currentColor; border-radius: 4px; font-size: 17px; color: inherit; }
.trialReview .decisionGrid button:not(.chosen) .decisionCheck { font-size: 0; }
.trialReview .decisionGrid .incident.chosen .decisionCheck { background: #902c2c; border-color: #902c2c; color: white; }
.trialReview .decisionGrid .non.chosen .decisionCheck { background: #4d7a2d; border-color: #4d7a2d; color: white; }
.trialReview .decisionGrid .nsp.chosen .decisionCheck { background: #aa741b; border-color: #aa741b; color: white; }
.anomalyTimeline { border: 1px solid var(--line); background: white; border-radius: 10px; overflow: hidden; min-width: 0; }
.anomalyTimeline h3 { font-size: 14px; padding: 14px; margin: 0; border-bottom: 1px solid var(--line); }
.anomalyTimelineList { max-height: calc(100vh - 280px); overflow: auto; padding: 7px; }
.timelineEntry { position: relative; display: flex; flex-direction: column; width: 100%; align-items: flex-start; text-align: left; gap: 3px; border: 0; border-left: 3px solid #d5dfc7; border-radius: 0; padding: 10px; font-size: 12px; background: white; }
.timelineEntry + .timelineEntry { border-top: 1px solid #edf0e9; }
.timelineEntry.active { background: #edf5e3; border-left-color: #719a36; }
.timelineEntry time { font-size: 11px; color: #66717a; }
.timelineEntry small { display: block; font-size: 10px; }
@media(min-width:1100px) {
 .trialReview .ticketLayout { grid-template-columns: 200px minmax(0,1fr) 145px; gap: 12px; }
 .trialReview .receiptPanel { grid-column: 1; grid-row: 1; }
 .trialReview .reviewCenter { grid-column: 2; grid-row: 1; grid-template-columns: minmax(0,1.25fr) minmax(200px,.85fr); }
 .trialReview .anomalyTimeline { grid-column: 3; grid-row: 1; }
}
@media(min-width:1500px) { .trialReview .ticketLayout { grid-template-columns: 250px minmax(0,1fr) 165px; } }
@media(max-width:1099px) {
 .trialReview .ticketLayout { grid-template-columns: minmax(0,1fr); }
 .trialReview .reviewCenter { grid-column: 1; grid-row: 1; }
 .trialReview .receiptPanel { grid-column: 1; grid-row: 2; }
 .trialReview .anomalyTimeline { grid-column: 1; grid-row: 3; }
}
.trialReview .decisionGrid button.chosen { background: white !important; }
#detail.reviewDetail { width: min(1200px, calc(100vw - 40px)); max-height: 94vh; padding: 20px; }
.reviewDetail .ticketLayout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 16px; }
.reviewDetail .receiptPanel { grid-column: 1; grid-row: 1; margin-top: 0 !important; max-height: 72vh; overflow: auto; }
.reviewDetail .reviewCenter { grid-column: 2; grid-row: 1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(210px,.8fr); gap: 12px; }
.reviewDetail .portraitStage { width: 100%; height: auto; min-height: 0; max-height: none; aspect-ratio: 1; }
.reviewDetail .portraitStage video { width: 100%; height: 100%; object-fit: contain; }
.reviewDetail .reviewDecision { grid-column: 2; grid-row: 2 / span 3; }
.reviewDetail .decisionGrid { grid-template-columns: 1fr; }
.reviewDetail .decisionGrid button, .reviewDetail .decisionGrid button.chosen { background: white !important; border: 3px solid currentColor !important; box-shadow: none !important; }
.reviewDetail .decisionCheck { display: grid !important; place-items: center; width: 23px; height: 23px; border: 2px solid currentColor; border-radius: 4px; }
.reviewDetail button:not(.chosen) .decisionCheck { font-size: 0; }
.reviewDetail .incident.chosen .decisionCheck { background: #902c2c; color: white; }
.reviewDetail .non.chosen .decisionCheck { background: #4d7a2d; color: white; }
.reviewDetail .nsp.chosen .decisionCheck { background: #aa741b; color: white; }
@media(max-width:800px) { .reviewDetail .ticketLayout { grid-template-columns: 1fr; } .reviewDetail .reviewCenter { grid-column: 1; grid-row: 1; display: block; } .reviewDetail .receiptPanel { grid-column: 1; grid-row: 2; } }
/* Wider receipt and restrained qualification tints. */
@media(min-width:1100px) { .trialReview .ticketLayout { grid-template-columns: 265px minmax(0,1fr) 145px; } .trialReview .reviewCenter { grid-template-columns: minmax(0,1fr) minmax(200px,.9fr); } }
@media(min-width:1500px) { .trialReview .ticketLayout { grid-template-columns: 300px minmax(0,1fr) 165px; } }
.reviewDetail .ticketLayout { grid-template-columns: 290px minmax(0,1fr); }
.trialReview .decisionGrid button.incident, .reviewDetail .decisionGrid button.incident { background: #fff5f5 !important; }
.trialReview .decisionGrid button.non, .reviewDetail .decisionGrid button.non { background: #f3f9ec !important; }
.trialReview .decisionGrid button.nsp, .reviewDetail .decisionGrid button.nsp { background: #fff9ec !important; }
#validate-popup { width: 100%; margin-top: 8px; }
@media(max-width:800px) { .reviewDetail .ticketLayout { grid-template-columns: 1fr; } }
#saved-review-views { display: flex; flex-direction: column; gap: 4px; }
.timelineEntry.incident { background: #f9dede; border-left-color: #902c2c; }
.timelineEntry.no_incident { background: #e1efcf; border-left-color: #4d7a2d; }
.timelineEntry.unsure, .timelineEntry.masked { background: #ffebc5; border-left-color: #aa741b; }
.timelineEntry.active { box-shadow: inset 0 0 0 2px #213936; }

/* Login */
.loginBody{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#f3f5f7,#e4ecd8)}
.loginCard{width:min(420px,92vw);background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px 28px;box-shadow:0 18px 50px #21393618}
.loginCard h1{font-size:26px;margin:12px 0 8px}
.loginHint{color:var(--muted);font-size:13px;margin-bottom:22px}
.loginCard label{display:block;font-size:12px;margin-bottom:14px}
.loginCard input{width:100%;margin-top:6px}
.loginCard button[type=submit]{width:100%;margin-top:8px;background:var(--ink);color:#fff;border-color:var(--ink)}
.loginCard .error{margin-top:14px;font-size:13px}