/* finesse · product · dark monitoring board · slate/teal · dense data, feedback-only motion */
.content:has(.monitor){max-width:none;padding:18px}.monitor{--board-bg:#101c24;--board-card:#182832;--board-inset:#20343e;--board-line:#ffffff12;--board-ink:#edf4f6;--board-muted:#aac0c9;--board-teal:#5bd4bf;--board-warn:#f1c37a;background:var(--board-bg);color:var(--board-ink);border-radius:16px;padding:22px;min-height:calc(100vh - 110px);font-variant-numeric:tabular-nums}.monitor:fullscreen{border-radius:0;overflow:auto;width:100%;height:100%;padding:24px}.monitor *{box-sizing:border-box}.monitor h1,.monitor h2,.monitor h3,.monitor p{margin:0}.monitor h1{font-size:25px;letter-spacing:.02em;margin:7px 0}.monitor h2{font-size:15px;font-weight:650}.monitor small,.monitor p,.monitor label{color:var(--board-muted)}.monitor small,.monitor p{font-size:11px;line-height:1.6}.monitor button,.monitor select,.monitor input{font-family:inherit;background:var(--board-inset);border:1px solid #ffffff20;border-radius:7px;color:var(--board-ink);min-height:34px;padding:7px 10px;font-size:11px;box-shadow:none}.monitor button{cursor:pointer;transition:background .15s}.monitor button:hover{background:#2b4852}.monitor button:disabled{opacity:.5;cursor:default}.monitor button:focus-visible,.monitor input:focus-visible,.monitor select:focus-visible{outline:2px solid var(--board-teal);outline-offset:2px}.monitor input[type=date]{color-scheme:dark}.board-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.board-eyebrow{letter-spacing:.16em;color:var(--board-teal)!important;font-size:10px!important}.board-eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--board-teal);margin-right:7px}.board-actions{display:flex;gap:8px}.board-actions [data-full]{background:#24544f;border-color:#5bd4bf55}.board-filters{display:flex;align-items:end;gap:12px;margin:20px 0 9px;flex-wrap:wrap}.board-filters label{display:grid;gap:5px;font-size:10px}.board-filters select{max-width:300px}.board-filters [data-campaign]{max-width:290px}.board-periods{display:flex;gap:5px;margin-left:auto}.board-context{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--board-muted);padding-bottom:12px}.board-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.board-kpis article{background:var(--board-card);padding:16px 18px;border:1px solid var(--board-line);border-radius:10px;display:flex;flex-direction:column;gap:7px}.board-kpis label{font-size:11px}.board-kpis strong{font-size:clamp(22px,2.1vw,38px);font-weight:650;letter-spacing:-.02em;line-height:1.1}.board-kpis em{font-style:normal;font-size:16px;color:var(--board-muted);margin-left:4px}.board-kpis article:last-child strong{color:var(--board-teal)}.board-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.board-card{background:var(--board-card);border:1px solid var(--board-line);border-radius:11px;overflow:hidden;min-width:0}.board-card-head{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--board-line)}.board-card-head p{margin-top:4px}.board-card-head>span{font-size:10px;color:var(--board-muted)}.board-card-head>b{font-size:23px;color:var(--board-warn)}.board-trend{grid-column:span 8}.board-alerts{grid-column:span 4}.board-chart{display:block;width:100%;height:210px;margin-top:10px}.board-chart line{stroke:#ffffff10;stroke-width:1}.board-chart text{fill:var(--board-muted);font-size:10px}.board-chart rect{fill:var(--board-teal);opacity:.8}.board-chart rect:hover{opacity:1}.board-comparison{display:flex;align-items:center;gap:20px;padding:8px 20px 16px}.board-comparison div{min-width:160px;display:grid;gap:4px;border-right:1px solid var(--board-line);padding-right:20px}.board-comparison label{font-size:10px}.board-comparison strong{font-size:19px}.board-comparison span{font-size:10px;color:var(--board-muted)}.board-comparison>p{max-width:220px}.signal-list{padding:0 16px;max-height:285px;overflow:auto}.signal-list article{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--board-line)}.signal-list article>span{font-size:25px;min-width:45px;color:var(--board-muted)}.signal-list strong{font-size:12px}.signal-list p{margin-top:4px}.signal-list button{padding:3px 0;background:none;border:0;min-height:0;color:var(--board-teal)}.signal-amber{color:var(--board-warn)!important}.signal-teal{color:var(--board-teal)!important}.board-tiers{grid-column:span 3}.board-tiers>p{margin:12px 15px}.monitor .tier-line{position:relative;display:flex;justify-content:space-between;width:calc(100% - 30px);margin:7px 15px 12px;padding:7px 0 12px;border:0;border-bottom:3px solid #ffffff0d;background:none;border-radius:0}.tier-line i{position:absolute;height:3px;bottom:-3px;left:0;background:#92a9b2}.tier-line i.tier-candidate{background:var(--board-teal)}.tier-line i.tier-review{background:var(--board-warn)}.tier-line i.tier-low_sample{background:#87a2d3}.unknown-box{margin:16px 15px;background:var(--board-inset);padding:12px;border-radius:7px}.unknown-box strong{font-size:11px}.unknown-box p{margin-top:4px}.board-materials{grid-column:span 9}.material-filters{display:flex;align-items:center;gap:7px;padding:10px 15px;flex-wrap:wrap}.material-filters input{width:180px}.material-filters span{margin-left:auto;font-size:10px;color:var(--board-muted)}.board-table{overflow:auto;max-height:330px;scrollbar-color:#506974 transparent}.board-table table{border-collapse:collapse;width:100%;font-size:11px}.board-table th{background:#20333e;color:var(--board-muted);font-size:10px;text-align:left;position:sticky;top:0;z-index:1;padding:11px 14px;white-space:nowrap}.board-table td{padding:10px 14px;border-top:1px solid var(--board-line);color:var(--board-ink);white-space:nowrap}.board-table td small{display:block;font-size:9px}.board-table td button{padding:0;background:none;border:0;color:var(--board-teal);min-height:20px;font-size:11px}.tier-pill{padding:4px 6px;border-radius:4px;background:#ffffff0d;font-size:10px}.tier-pill.tier-review{color:var(--board-warn);background:#a86a1122}.tier-pill.tier-candidate{color:var(--board-teal);background:#29ac9022}.tier-pill.tier-low_sample{color:#b4c7ec}.board-empty,.board-loading{text-align:center;padding:45px;color:var(--board-muted)}.board-queue{margin-top:12px;border:1px solid var(--board-line);border-radius:8px;padding:10px 14px;font-size:11px}.board-queue summary{cursor:pointer;color:var(--board-muted)}.board-queue p{margin:10px 0}.board-warning{margin-top:10px;border-left:2px solid var(--board-warn);padding:8px 12px;background:#a86a1118;color:#e5c797;font-size:10px;overflow-wrap:anywhere}.board-footer{font-size:10px;color:var(--board-muted);margin-top:12px}.board-dialog{background:#182832;color:#edf4f6;border:1px solid #46616d;border-radius:13px;max-width:620px;width:calc(100vw - 30px);padding:24px;max-height:85vh;overflow:auto}.board-dialog::backdrop{background:#071016bd}.board-dialog p{font-size:13px;line-height:1.7;color:#bfd0d7}.board-dialog h2{font-size:20px;margin:15px 0}.board-dialog button{background:#244c48;border:1px solid #4f8980;color:#edf4f6;border-radius:7px;padding:8px 12px}.board-dialog .dialog-close{float:right}.board-dialog label{display:grid;gap:6px;margin:14px 0;font-size:12px;color:#bfd0d7}.board-dialog label:has([type=checkbox]){display:flex;align-items:center}.board-dialog input{background:#20343e;border:1px solid #46616d;color:#edf4f6;border-radius:6px;padding:9px}.board-dialog dl{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:12px}.board-dialog dt{color:#aac0c9}.board-dialog dd{margin:0;overflow-wrap:anywhere}@media(min-width:1800px){.monitor:fullscreen .board-chart{height:260px}.monitor:fullscreen .board-table{max-height:400px}}@media(max-width:1100px){.board-head{align-items:start}.board-actions{flex-wrap:wrap;justify-content:end}.board-trend{grid-column:span 7}.board-alerts{grid-column:span 5}.board-tiers{grid-column:span 4}.board-materials{grid-column:span 8}.board-comparison{flex-wrap:wrap}.board-periods{margin-left:0}.board-context{flex-wrap:wrap}.board-kpis strong{font-size:23px}}@media(max-width:760px){.content:has(.monitor){padding:6px}.monitor{padding:14px 10px;border-radius:8px}.board-head{display:block}.board-actions{justify-content:start;margin-top:14px}.board-filters{gap:8px}.board-filters label{min-width:0;flex:1 1 130px}.board-filters select{width:100%;max-width:100%}.board-periods{flex-basis:100%;order:3}.board-filters input{min-width:0;width:100%}.board-kpis{grid-template-columns:repeat(2,1fr)}.board-kpis article:last-child{grid-column:span 2}.board-main{display:flex;flex-direction:column}.board-kpis article{padding:13px}.board-chart{height:190px}.board-card-head{padding:12px}.board-comparison{gap:12px;padding:10px}.board-comparison div{min-width:130px}.board-comparison>p{max-width:none}.board-filters [data-campaign]{max-width:100%}.material-filters input{width:140px}.board-queue .board-table td{white-space:normal;min-width:100px}.board-dialog dl{grid-template-columns:80px 1fr}}@media(prefers-reduced-motion:reduce){.monitor *{transition:none!important}}

/* Full-screen density keeps both analysis rows visible on a 1080p monitor. */
.monitor .board-chart,.monitor .board-chart *{stroke:none}.monitor .board-chart line{stroke:#ffffff10}.monitor .board-chart text{fill:var(--board-muted);stroke:none}.monitor .board-chart rect{stroke:none}
.material-filters select{width:160px}.monitor .material-filters input{width:180px}
/* Layout refinement: aligned filters, readable tables, compact monitoring rows. */
.monitor{padding:20px}.monitor button,.monitor input,.monitor select{font-size:12px;min-height:36px}.monitor input[type=month]{color-scheme:dark}.board-head{gap:16px}.board-head h1{font-size:24px}.board-actions{flex-shrink:0}.board-filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,1.2fr) 140px 140px;gap:12px;margin:18px 0 10px;padding:14px;background:var(--board-card);border:1px solid var(--board-line);border-radius:10px}.board-filters>label{min-width:0}.board-filters>label:nth-last-child(2){grid-column:3;grid-row:1}.board-filters>label:last-child{grid-column:4;grid-row:1}.board-filters label{font-size:11px}.board-filters select,.board-filters [data-campaign]{width:100%;max-width:100%}.board-filters input{width:100%;min-width:0}.board-periods{grid-column:1/-1;display:flex;align-items:end;justify-content:flex-start;margin:0;gap:8px;border-top:1px solid var(--board-line);padding-top:10px}.board-periods button{height:36px;min-height:36px;white-space:nowrap}.board-periods label{display:flex;align-items:center;gap:8px;order:-1;margin-right:8px}.board-periods input{width:150px}.board-context{font-size:11px;flex-wrap:wrap;line-height:1.6}.board-kpis article{padding:14px 16px;gap:6px}.board-kpis strong{font-size:clamp(24px,2vw,34px)}.board-main{align-items:stretch}.board-card-head{padding:12px 16px}.board-chart{height:165px;margin-top:6px}.board-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 16px}.board-comparison div{min-width:0;padding-right:12px}.board-comparison>p{grid-column:1/-1;max-width:none;font-size:10px}.board-comparison label{line-height:1.6}.signal-list{max-height:260px}.signal-list article{padding:12px 0}.board-tiers{grid-column:span 3}.board-materials{grid-column:span 9}.monitor .tier-line{margin:4px 15px 7px;min-height:32px;padding:5px 0 8px}.unknown-box{margin:12px 15px;padding:10px}.board-table{max-height:360px}.board-table table,.board-table td button{font-size:12px}.board-table td small{font-size:10px}.board-table th{font-size:11px}.board-table td{padding:11px 14px}.material-filters{gap:8px}.material-filters>span{font-size:11px}.board-queue{padding:0;border:0;margin-top:16px}.board-queue .queue-panel{margin:0 0 10px;background:var(--board-card)}.monitor .queue-table th{color:var(--board-muted)}.monitor:fullscreen{padding:20px}.monitor:fullscreen .board-main{grid-template-rows:auto auto}.monitor:fullscreen .board-chart{height:150px}.monitor:fullscreen .board-table{max-height:280px}
@media(min-width:1700px){.board-filters{grid-template-columns:minmax(200px,1fr) minmax(220px,1.1fr) auto 135px 135px;align-items:end}.board-periods{grid-column:3;grid-row:1;border:0;padding:0;align-items:end}.board-periods label{display:grid;order:0;margin:0}.board-periods input{width:135px}.board-filters>label:nth-last-child(2){grid-column:4}.board-filters>label:last-child{grid-column:5}}
@media(max-width:1100px){.board-filters{grid-template-columns:1fr 1fr}.board-filters>label:nth-last-child(2){grid-column:1;grid-row:2}.board-filters>label:last-child{grid-column:2;grid-row:2}.board-periods{grid-row:3;flex-wrap:wrap}.board-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.board-trend,.board-alerts{grid-column:span 6}.board-tiers{grid-column:span 4}.board-materials{grid-column:span 8}.board-actions{flex-shrink:1}.board-card-head{flex-wrap:wrap}.board-comparison{grid-template-columns:1fr}.board-comparison>p{grid-column:1}.board-comparison div{border:0}.material-filters>span{margin-left:0}}
@media(max-width:760px){.monitor{padding:14px 10px}.board-head h1{font-size:22px}.board-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.monitor button{min-height:40px}.board-actions button{padding:7px 4px;font-size:11px}.board-filters{padding:10px;gap:10px}.board-filters>label{flex:none}.board-periods{gap:6px;order:initial;flex-basis:auto}.board-periods label{width:100%;margin:0 0 4px;display:flex}.board-periods input{flex:1;min-width:0}.board-periods button{flex:1;font-size:11px;padding:7px 6px;height:40px}.board-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.board-kpis article:last-child{grid-column:span 2}.board-context{gap:4px}.board-main{display:flex}.board-comparison{grid-template-columns:1fr 1fr}.board-comparison>p{grid-column:1/-1}.board-table{max-height:420px}.material-filters{padding:10px}.monitor .material-filters input{width:100%;flex-basis:100%}.material-filters select{width:140px}.material-filters>span{flex:1}.board-queue .queue-panel{padding:12px}.board-queue .queue-panel header{align-items:start}.board-queue .queue-panel h2{font-size:15px}.monitor:fullscreen{padding:12px}}