:root{--ink:#0d2622;--deep:#071a17;--paper:#f3efe6;--white:#fffdf8;--teal:#18a995;--lime:#d7f06a;--coral:#ff765e;--muted:#62716d;--line:#d7d9cf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:82px;padding:0 clamp(20px,5vw,72px);background:var(--deep);color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.brand{color:#fff;text-decoration:none;font:600 24px/1 Syne}.brand span{color:var(--lime)}.brand small{font:600 9px Inter;letter-spacing:.14em;text-transform:uppercase;color:#9aaaa6;margin-left:7px}header>div{text-align:center}header>div b,header>div small{display:block}header>div b{font:600 13px Syne}header>div small{font:9px DM Mono;color:#9aaaa6;text-transform:uppercase;letter-spacing:.1em}header button{justify-self:end;background:transparent;border:1px solid #52635f;color:#fff;padding:9px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}main{max-width:1450px;margin:auto;padding:70px clamp(20px,5vw,72px) 110px}.gate{max-width:720px;margin:5vh auto;background:var(--white);border:1px solid var(--line);padding:clamp(35px,6vw,75px)}.eyebrow{color:var(--teal);font:600 9px DM Mono;letter-spacing:.16em}.gate h1,.title h1{font:600 clamp(48px,7vw,88px)/.95 Syne;margin:18px 0 24px;letter-spacing:-.06em}.gate h1 em,.title h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.gate>p{max-width:560px;color:var(--muted)}.gate form{display:flex;gap:10px;margin-top:35px;align-items:end}.gate label,.toolbar label,.controls label{display:grid;gap:7px;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.gate input,.toolbar select,.controls select{min-height:44px;border:1px solid #aeb8b1;background:#fff;padding:10px 12px;color:var(--ink)}.gate input{min-width:320px}.gate button,.toolbar button,.copy{min-height:44px;border:0;background:var(--deep);color:#fff;padding:10px 19px;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700}#login-status{color:var(--coral);margin:0;align-self:center}.title{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.title h1{margin-bottom:0}.title>p{color:var(--muted);max-width:470px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);margin:60px 0 25px;border:1px solid var(--line);background:var(--white)}.metric{padding:22px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font:600 38px Syne}.metric span{font:500 9px DM Mono;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.toolbar{display:flex;align-items:end;gap:16px;background:#e8e4da;padding:16px}.toolbar label{min-width:190px}.toolbar button{background:var(--teal)}#sync{font-size:11px;color:var(--muted)}.queue{display:grid;gap:18px;margin-top:22px}.case{background:var(--white);border:1px solid var(--line);padding:28px}.case[data-route="manager_escalation"]{border-left:5px solid var(--coral)}.case[data-route="needs_follow_up"]{border-left:5px solid #e0ad32}.case[data-route="ready_to_post"]{border-left:5px solid var(--teal)}.case-top{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:18px}.route{font:600 8px DM Mono;text-transform:uppercase;letter-spacing:.1em;color:var(--teal)}.case h2{font:600 22px Syne;margin:5px 0}.meta{margin:0;color:var(--muted);font-size:11px}.score{text-align:center}.score strong{display:block;font:600 34px Syne}.score small{font-size:8px;text-transform:uppercase;color:var(--muted)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:24px 0}.case h3{font:600 9px DM Mono;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}blockquote{margin:10px 0 18px;border-left:3px solid var(--teal);padding-left:15px;font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{background:#e5f5ee;padding:4px 8px;font-size:9px}.summary{font-size:12px}.note{padding:12px;background:#fff4dd;font-size:11px}.draft textarea{width:100%;min-height:180px;resize:vertical;border:1px solid var(--line);padding:15px;background:#f8f7f2}.draft h3 span{color:var(--coral);float:right}.copy{margin-top:8px;background:var(--teal)}.controls{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:12px;align-items:end;border-top:1px solid var(--line);padding-top:20px}.saved{font-size:10px;color:var(--teal)}.empty{padding:60px;text-align:center;background:var(--white);color:var(--muted)}@media(max-width:900px){header{grid-template-columns:1fr auto}header>div{display:none}.title,.case-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid var(--line)}.controls{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}}@media(max-width:580px){main{padding-top:40px}.gate form{display:grid}.gate input{min-width:0;width:100%}.metrics,.controls{grid-template-columns:1fr}.toolbar label{width:100%}.case{padding:20px}}
.record-actions{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-top:0;background:var(--white)}.record-actions>div{display:grid}.record-actions strong{font:600 10px DM Mono;text-transform:uppercase;letter-spacing:.1em}.record-actions span{font-size:11px;color:var(--muted)}.record-actions button{min-height:42px;border:1px solid var(--deep);background:var(--deep);color:#fff;padding:10px 15px;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.record-actions button.danger{border-color:#b42318;background:#fff;color:#b42318}.record-actions button:disabled{opacity:.45;cursor:not-allowed}#record-action-status{grid-column:1/-1;color:var(--teal)}@media(max-width:900px){.record-actions{grid-template-columns:1fr 1fr}.record-actions>div{grid-column:1/-1}}@media(max-width:580px){.record-actions{grid-template-columns:1fr}}@media print{.record-actions{display:none!important}}
.record-modal{width:min(520px,calc(100% - 32px));border:0;padding:34px;background:var(--white);color:var(--ink);box-shadow:0 24px 80px rgba(7,26,23,.3)}.record-modal::backdrop{background:rgba(7,26,23,.7);backdrop-filter:blur(3px)}.record-modal-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin-bottom:20px;background:#fff0ed;color:#b42318;font:700 22px Syne}.record-modal h2{margin:8px 0 12px;font:600 34px/1.05 Syne}.record-modal>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.7}.record-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.record-modal-actions button{min-height:44px;border:1px solid var(--deep);padding:10px 18px;background:#fff;color:var(--ink);font:700 9px DM Mono;text-transform:uppercase;letter-spacing:.08em}.record-modal-actions button:last-child{background:var(--deep);color:#fff}.record-modal.is-danger .record-modal-actions button:last-child{border-color:#b42318;background:#b42318}.toast{position:fixed;z-index:30;right:24px;bottom:24px;width:min(410px,calc(100% - 32px));display:grid;grid-template-columns:1fr auto;gap:3px 16px;padding:17px 18px;border-left:5px solid var(--teal);background:var(--deep);color:#fff;box-shadow:0 18px 55px rgba(7,26,23,.3)}.toast[hidden]{display:none}.toast strong{font:600 12px Syne}.toast span{grid-column:1;color:#b9c7c3;font-size:11px}.toast button{grid-column:2;grid-row:1/3;align-self:center;border:0;background:transparent;color:#fff;font-size:24px}.toast.is-error{border-left-color:#ff765e}.toast.is-error strong{color:#ffb4a6}.toast.is-success strong{color:var(--lime)}@media(max-width:580px){.record-modal{padding:26px}.record-modal-actions{display:grid}.toast{right:16px;bottom:16px}}@media print{.record-modal,.toast{display:none!important}}