:root{color-scheme:dark;--bg:#10110f;--panel:#191b17;--gold:#e7c479;--line:#34362e;--muted:#989d90}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f1e9;font:15px/1.5 system-ui,-apple-system,sans-serif}aside{position:fixed;width:244px;height:100vh;background:#151610;border-right:1px solid var(--line);padding:36px 23px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:var(--gold);font:42px Georgia,serif;text-decoration:none}.brand span{font-size:24px;white-space:nowrap}.brand b{font-size:16px}.brand small{display:block;font:9px/2 system-ui;letter-spacing:3px;color:var(--muted)}.nav{margin-top:56px;padding:13px 18px;border:1px solid #655632;border-radius:8px;color:var(--gold);background:#302a1b;display:flex;gap:14px}.aside-note{margin-top:auto;font-size:12px;color:#d3c49d;line-height:1.7}.aside-note p{color:var(--muted);font-size:12px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:5px}main{margin-left:244px;padding:0 48px;max-width:1720px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:10px;letter-spacing:2px;color:var(--muted)}.crumb span{margin:0 15px;color:#5c6155}.page-head{display:flex;justify-content:space-between;align-items:center;margin:38px 0 27px}.eyebrow{color:var(--gold);font-size:10px;font-weight:650;letter-spacing:2.4px}h1{font:42px/1.13 Georgia,serif;margin:12px 0}p{color:var(--muted)}.page-head p{margin:8px 0 0}button,input,textarea,select{font:inherit}button{cursor:pointer;border-radius:6px;padding:11px 17px;border:1px solid var(--line);background:transparent;color:inherit;font-weight:550}button:hover{border-color:var(--gold)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.gold{background:var(--gold);color:#211c10;border-color:var(--gold)}.quiet{border:0;color:var(--muted);font-size:12px}.outline{color:#ddd8ca}.metrics{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:14px;margin-bottom:24px}.metrics>div{padding:19px 23px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(125deg,#202219,#171914)}.metrics span,.metrics small{display:block}.metrics span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.metrics strong{display:block;font-size:31px;font-weight:450;margin:5px 0}.metrics small{font-size:11px;color:var(--muted)}.connection strong{font-size:18px;margin:13px 0}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:27px}.editor{border:1px solid var(--line);border-radius:8px;padding:24px;background:#181a15}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}h2{font-size:17px;font-weight:550;margin:0}.section-heading>span{font-size:9px;letter-spacing:1.6px;color:var(--muted)}label{display:block;color:#d0d1c6;font-size:12px;margin:17px 0 8px}input,textarea,select{width:100%;background:#11130f;border:1px solid #3a3d32;color:#f7f3e8;padding:12px;border-radius:5px;font-size:14px}textarea{height:172px;resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#72796a}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row small{color:var(--muted);font-size:10px}.actions{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}.actions>button{flex:1}.hint{font-size:11px;line-height:1.6;margin-bottom:0}.preview{padding:22px 0}.tv-preview{margin-top:23px;background:radial-gradient(ellipse at top right,#51412655,transparent 60%),#080a08;border:5px solid #30332b;border-radius:13px;padding:20px;box-shadow:0 20px 40px #0004}.tv-brand{font:16px Georgia,serif;color:var(--gold);display:flex;align-items:center;justify-content:space-between}.tv-brand span{font:9px system-ui;letter-spacing:2px;color:#a6a990}.preview-message{margin:24px 0;padding:20px;background:#1b1b15;border:1px solid #68562e;border-radius:6px;min-height:210px;overflow-wrap:anywhere}.badge{color:var(--gold);font-size:9px;letter-spacing:1.4px}.preview-message h3{font-size:19px;line-height:1.4;margin:12px 0}.preview-message p{color:#c9cbbf;white-space:pre-wrap;font-size:13px;line-height:1.7}.preview-message small{font-size:9px;color:var(--muted)}.tv-footer{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.preview-caption{text-align:center;font-size:10px;margin-top:19px}.history{margin-top:33px}.filters{display:flex;gap:5px}.filters button{font-size:10px;border:0;padding:6px 12px;color:var(--muted)}.filters .selected{background:#302b1d;color:var(--gold)}.message-row{border-top:1px solid var(--line);padding:17px 4px;display:flex;gap:18px;align-items:center}.message-row .summary{flex:1;min-width:0}.message-row h3{margin:0;font-size:14px;font-weight:550;overflow-wrap:anywhere}.message-row p{margin:4px 0 0;font-size:11px}.message-row button{padding:7px 10px;font-size:11px}.pill{border:1px solid #675b38;color:var(--gold);padding:4px 8px;font-size:9px;border-radius:15px}.pill.draft{border-color:#3a4034;color:#acb0a0}.empty{padding:35px 10px;text-align:center;border:1px dashed var(--line);border-radius:6px;color:var(--muted);font-size:13px}.feed{margin:28px 0;color:var(--muted);font-size:11px}.feed summary{cursor:pointer}.feed p{overflow-wrap:anywhere;color:var(--gold)}footer{padding:25px 0;border-top:1px solid var(--line);font:12px Georgia,serif;color:var(--gold);display:flex;justify-content:space-between}footer span{font:10px system-ui;color:var(--muted)}.hidden{display:none!important}.login{max-width:500px;margin:95px auto 100px}.login h1{font-size:48px}.login form{margin-top:35px}.login button{width:100%;margin-top:16px}#login-error{color:#e0a48b}#status:not(:empty){position:fixed;bottom:30px;right:30px;max-width:400px;padding:15px 22px;background:#2a2d21;border:1px solid var(--gold);border-radius:6px;z-index:10}button:disabled{opacity:.5;cursor:wait}@media(min-width:1600px){main{padding:0 70px}}@media(max-width:1100px){aside{width:190px;padding:26px 18px}.brand{font-size:32px}.brand span{font-size:19px}main{margin-left:190px;padding:0 25px}.workspace{grid-template-columns:1fr}.preview{max-width:700px}.metrics{grid-template-columns:1fr 1fr}.connection{grid-column:span 2}.message-row{flex-wrap:wrap}}@media(max-width:650px){aside{position:static;width:auto;height:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.nav,.aside-note{display:none}main{margin:0;padding:0 18px}header{height:64px}.crumb{font-size:8px}.page-head{align-items:flex-start;gap:14px;flex-direction:column}h1{font-size:36px}.metrics{gap:8px}.metrics>div{padding:15px}.editor{padding:18px}.filters{flex-wrap:wrap}.section-heading{flex-wrap:wrap}.message-row{gap:10px}.login{margin:55px auto}.login h1{font-size:38px}}

nav .nav{width:100%;text-align:left;align-items:center}nav .nav:first-child{margin-top:45px}nav .nav+ .nav{margin-top:9px}nav .nav:not(.active){border-color:transparent;color:var(--muted);background:transparent}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-label{padding:16px;border:1px dashed #766036;border-radius:7px;cursor:pointer;text-align:center;color:var(--gold);background:#27221766}#campaign-file{font-size:12px}.campaign-tv{margin-top:23px;padding:16px;background:#080908;border:4px solid #30332b;border-radius:14px;box-shadow:0 20px 40px #0004}.campaign-preview-top{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;letter-spacing:2px;margin:0 2px 15px}.campaign-preview-top span+span{color:var(--muted);font-size:9px}.campaign-poster-stage{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#050505;overflow:hidden;border:1px solid #66532d;border-radius:5px}.campaign-poster-stage img{width:100%;height:100%;object-fit:contain}.campaign-preview-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:13px;font-size:11px;overflow-wrap:anywhere}.preview-close{white-space:nowrap;background:var(--gold);color:#211c10;padding:7px 10px;border-radius:4px}.campaign-preview-tools{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:11px}.campaign-preview-tools button{font-size:11px}#campaign-placeholder{text-align:center;background:radial-gradient(ellipse at top,#6a4b1d77,transparent 75%),#080909;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold)}#campaign-placeholder span{font-size:8px;letter-spacing:3px}#campaign-placeholder strong{font-size:clamp(22px,3.3vw,58px);line-height:1.05;margin:12px}#campaign-placeholder small{font-size:9px;color:var(--muted)}.campaign-thumb{width:80px;height:50px;object-fit:contain;border:1px solid var(--line);border-radius:4px;background:#050505}#campaign-dialog{width:min(1100px,94vw);max-height:94vh;padding:20px;background:#0b0c0a;color:#f4f1e9;border:1px solid var(--gold);border-radius:12px}#campaign-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.campaign-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}#campaign-dialog-image{display:block;max-height:72vh;width:100%;object-fit:contain;background:#000}@media(max-width:650px){aside nav{display:flex;gap:8px}aside nav .nav,aside nav .nav:first-child,aside nav .nav+.nav{display:flex;margin:13px 0 0;width:auto;padding:8px 12px;font-size:12px}.date-fields{grid-template-columns:1fr}#campaign-placeholder strong{font-size:40px}}

.pairing-steps{padding-left:23px;color:var(--gold)}.pairing-steps li{padding:5px 0 15px 9px}.pairing-steps strong{font-size:14px;color:#eee6d3}.pairing-steps p{font-size:12px;line-height:1.7}.pairing-address{padding:15px 0;border-bottom:1px solid var(--line)}.pairing-address small{font-size:9px;letter-spacing:1.6px;color:var(--muted);display:block}.pairing-address strong{font-size:16px;color:var(--gold);overflow-wrap:anywhere;display:block;margin-top:8px}.pairing-address p{font-size:12px}.pairing-preview-link{display:block;text-align:center;text-decoration:none;padding:12px 15px;border-radius:6px;margin:24px 0 16px;font-weight:600}#pairing-dashboard .metrics{grid-template-columns:repeat(3,1fr)}@media(max-width:650px){#pairing-dashboard .metrics{grid-template-columns:1fr}.nav{white-space:nowrap}aside nav{overflow-x:auto}aside nav .nav{flex-shrink:0}.pairing-address strong{font-size:14px}}

/* Customer reports */
.reports-workspace{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(350px,1.2fr);gap:24px;margin-bottom:30px;align-items:start}#reports-dashboard .metrics{grid-template-columns:repeat(3,1fr)}.report-inbox form{margin-bottom:22px}.report-search-row{display:flex;gap:8px}.report-search-row input{min-width:0}.report-search-row button{padding:8px 12px}.report-row{display:flex;width:100%;text-align:left;flex-direction:column;gap:9px;border:1px solid var(--line);background:#12130f;padding:17px;margin:10px 0;color:#f4f1e9;overflow-wrap:anywhere}.report-row.selected{border-color:var(--gold);background:#292315}.report-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-row-top strong{color:var(--gold);font-size:12px}.report-row>strong{font-size:15px}.report-row small{color:var(--muted);font-size:10px}.report-snippet{font-size:12px;line-height:1.5;color:#c5c4b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.report-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}.report-pages button{font-size:11px;padding:9px}.report-pages small{color:var(--muted);font-size:10px}.report-detail-panel h2{font-size:24px;overflow-wrap:anywhere}.report-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:25px 0}.report-facts div{min-width:0}.report-facts dt{color:var(--muted);font-size:10px;margin-bottom:5px}.report-facts dd{margin:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.report-problem{border:1px solid #62512c;border-radius:6px;background:#211c12;padding:18px;margin-bottom:24px}.report-problem small,.report-customer-preview>small{color:var(--gold);font-size:9px;letter-spacing:1.4px}.report-problem p,.report-customer-preview p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin-bottom:0}.report-customer-preview{border:1px solid var(--line);padding:17px;border-radius:6px;margin-top:20px;background:#080a08}.report-customer-preview>small{display:block;margin-bottom:16px}.report-customer-preview p{color:#d2d0c4}.pill.in_progress{border-color:#887046;color:#f4c66b}.pill.resolved{border-color:#55795b;color:#b0d6a4}@media(max-width:1050px){.reports-workspace{grid-template-columns:1fr}}@media(max-width:650px){#reports-dashboard .metrics{grid-template-columns:1fr}.report-facts{grid-template-columns:1fr}.report-detail-panel h2{font-size:21px}}


#update-upload-progress{width:100%;height:9px;accent-color:var(--gold)}#update-file{width:100%;font-size:12px}#updates-dashboard .metrics{grid-template-columns:1.2fr .7fr 1.2fr}.update-tv-preview h2{color:var(--gold)}.update-tv-preview .preview-close{display:inline-block;margin-top:20px}.update-tv-preview{margin-top:25px}#update-upload-state{min-height:25px}@media(max-width:650px){#updates-dashboard .metrics{grid-template-columns:1fr}}