:root{
  --bg:#5B1E31;--bgd:#4A1726;--cop:#C4956A;--copd:#A57C56;--cop-tx:#8A5E34;--teal:#85C4BC;--teald:#6FA9A0;--teal-tx:#2F6F66;
  --ink:#3D2B1F;--char:#2C2C2C;--canvas:#F8F6F3;--surface:#FFFFFF;--cream:#FAF8F5;
  --lt:#E8F4F1;--lb:#F2E8EC;--wc:#F5EDE3;--ink5:#6B5D52;--ink4:#9A8C80;--bd:#E6DFD8;--bds:#D4C9BE;--fm:#F2EDE8;
  --st-new:#5B1E31;--st-new-bg:#F2E8EC;--st-new-tx:#5B1E31;
  --st-prog:#C4956A;--st-prog-bg:#F6ECE0;--st-prog-tx:#8A5E34;
  --st-wait:#85C4BC;--st-wait-bg:#E8F4F1;--st-wait-tx:#2F6F66;
  --st-res:#6FA9A0;--st-res-bg:#E8F4F1;--st-res-tx:#2F6F66;
  --st-urg:#A33A4A;--st-urg-bg:#F7E4E6;--st-urg-tx:#8A2734;
  --ok-bg:#E7F0E9;--ok-bd:#bcd9c4;--ok-tx:#2E5538;--err-bg:#F7E4E6;--err-bd:#e3b9bf;--note-bg:#fff4e4;
  --r:6px;--rm:10px;--rl:16px;--rf:999px;--ricon:18px;
  --sh:0 2px 10px rgba(61,43,31,.07);--shm:0 6px 20px rgba(61,43,31,.10);--shl:0 14px 40px rgba(91,30,49,.10);
  --ring:0 0 0 3px rgba(196,149,106,.45);--ease:cubic-bezier(.22,.61,.36,1);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:'Open Sans','Segoe UI',Arial,sans-serif;background:var(--canvas);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Montserrat','Segoe UI',Arial,sans-serif;color:var(--bg);margin:0 0 .35em;line-height:1.18}
h1{font-size:30px;font-weight:700}h2{font-size:22px;font-weight:700}h3{font-size:18px;font-weight:600}
a{color:var(--bg);text-decoration:none}a:hover{text-decoration:underline}
.muted{color:var(--ink5)}.small{font-size:13px}.lede{margin-top:2px}
.serif{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:var(--cop-tx)}
:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r)}
.topbar{background:var(--surface);border-bottom:1px solid var(--bd);height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 26px}
.topbar .logo{height:40px;width:auto;display:block}
.topbar .lt{display:flex;align-items:center;gap:14px}
.topbar .ctx{font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;letter-spacing:.4px;color:var(--ink5);text-transform:uppercase;border-left:1px solid var(--bd);padding-left:14px}
.topnav{display:flex;gap:12px;align-items:center}
.pill{background:var(--lb);color:var(--bg);padding:7px 14px;border-radius:var(--rf);font-size:14px;font-weight:600}
.btn{font-family:'Open Sans',sans-serif;font-weight:600;font-size:15px;cursor:pointer;border-radius:var(--r);padding:10px 18px;border:1.5px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .14s var(--ease);text-decoration:none;min-height:42px}
.btn:hover{text-decoration:none}.btn svg{width:17px;height:17px}
.btn-primary{background:var(--bg);color:#fff}.btn-primary:hover{background:var(--bgd)}
.btn-secondary{background:transparent;border-color:var(--cop);color:var(--cop-tx)}.btn-secondary:hover{background:var(--cop);color:#fff}
.btn-ghost{background:transparent;color:var(--ink5);border-color:var(--bd)}.btn-ghost:hover{background:var(--wc)}
.btn-sm{padding:8px 14px;font-size:14px;min-height:34px}
.wrap{max-width:1180px;margin:0 auto;padding:24px 26px 60px}
.wrap-narrow{max-width:920px;margin:0 auto;padding:28px 22px 60px}
.pill-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 11px;border-radius:var(--rf)}
.pill-status .dot{width:7px;height:7px;border-radius:var(--rf)}
.s-new{background:var(--st-new-bg);color:var(--st-new-tx)}.s-new .dot{background:var(--st-new)}
.s-prog{background:var(--st-prog-bg);color:var(--st-prog-tx)}.s-prog .dot{background:var(--st-prog)}
.s-wait{background:var(--st-wait-bg);color:var(--st-wait-tx)}.s-wait .dot{background:var(--st-wait)}
.s-res{background:var(--st-res-bg);color:var(--st-res-tx)}.s-res .dot{background:var(--st-res)}
.prio-urgent{color:var(--st-urg-tx);font-weight:700}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 18px}
.tabs a{font-size:14px;font-weight:600;padding:8px 14px;border-radius:var(--rf);border:1px solid var(--bds);color:var(--ink5);background:var(--surface);min-height:34px;display:inline-flex;align-items:center}
.tabs a.on{background:var(--bg);border-color:var(--bg);color:#fff}
.tabs a .n{opacity:.7;margin-left:4px}
.qtable{background:var(--surface);border:1px solid var(--bd);border-radius:var(--rm);box-shadow:var(--sh);overflow:hidden}
.qrow{display:grid;grid-template-columns:96px 1fr 150px 120px 110px;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--bd);cursor:pointer;text-decoration:none;color:inherit}
.qrow:last-child{border-bottom:none}.qrow:hover{background:var(--cream);text-decoration:none}
.qrow:focus-visible{box-shadow:inset var(--ring);outline:none}
.qrow .ref{font-weight:700;font-size:13px;color:var(--bg);overflow-wrap:anywhere}
.qrow .subj{font-weight:600}.qrow .sub{font-size:12px;color:var(--ink4)}
.qrow .who{font-size:13px;color:var(--ink5);overflow-wrap:anywhere}
.qtable.mine .qrow{grid-template-columns:104px 1fr 120px}
.qhead{display:grid;grid-template-columns:96px 1fr 150px 120px 110px;gap:14px;padding:10px 18px;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink4);font-weight:600;background:var(--cream);border-bottom:1px solid var(--bd)}
.age-ok{color:var(--st-res-tx)}.age-warn{color:var(--st-prog-tx);font-weight:600}.age-bad{color:var(--st-urg-tx);font-weight:700}
.empty{background:var(--surface);border:1px dashed var(--bds);border-radius:var(--rm);padding:32px;text-align:center;color:var(--ink5)}
.empty.compact{padding:18px;text-align:left}
.back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink5);margin-bottom:14px;padding:6px 4px}
.dgrid{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,26vw,330px);gap:20px}
@media(max-width:960px){.dgrid{grid-template-columns:1fr}}
@media(max-width:900px){.qrow,.qhead{grid-template-columns:80px 1fr 92px}.qrow .who,.qhead span:nth-child(3),.qhead span:nth-child(4){display:none}.qtable.mine .qrow{grid-template-columns:80px 1fr 92px}}
.card{background:var(--surface);border:1px solid var(--bd);border-radius:var(--rm);box-shadow:var(--sh)}
.card.pad{padding:20px}
.section-label{font-family:'Montserrat',sans-serif;font-weight:600;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink5);margin:0 0 10px}
.itemchips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.ichip{font-size:12px;background:var(--fm);border:1px solid var(--bds);border-radius:var(--rf);padding:4px 11px;color:var(--ink)}.ichip b{color:var(--bg)}
.convo{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--canvas);border-radius:var(--rm);border:1px solid var(--bd)}
.msg{max-width:80%;padding:12px 15px;border-radius:var(--rm);font-size:14px;box-shadow:var(--sh);overflow-wrap:anywhere}
.msg .nm{font-size:12px;font-weight:600;margin-bottom:3px}.msg .tm{font-size:11px;color:var(--ink4);margin-top:5px}
.msg.cust{background:var(--surface);border:1px solid var(--bd);align-self:flex-start}.msg.cust .nm{color:var(--ink5)}
.msg.agent{background:var(--lb);align-self:flex-end}.msg.agent .nm{color:var(--bg)}
.msg.note{background:var(--wc);border:1px dashed var(--cop);align-self:stretch;max-width:100%}.msg.note .nm{color:var(--cop-tx)}
.composer{margin-top:16px;border:1px solid var(--bd);border-radius:var(--rm);background:var(--surface);transition:background .2s var(--ease)}
.composer.mode-note{background:var(--wc)}
.composer .tabs2{display:flex;gap:6px;padding:12px 14px 0}
.composer .tabs2 button{font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;border:1px solid var(--bds);background:var(--surface);color:var(--ink5);padding:7px 13px;border-radius:var(--rf);min-height:34px}
.composer .tabs2 button.on-r{background:var(--bg);border-color:var(--bg);color:#fff}
.composer .tabs2 button.on-n{background:var(--cop);border-color:var(--cop);color:#fff}
.composer .banner{margin:10px 14px 0;font-size:12px;font-weight:600;padding:8px 11px;border-radius:var(--r)}
.composer .banner.r{background:var(--lb);color:var(--bg)}.composer .banner.n{background:var(--note-bg);color:var(--cop-tx);border:1px solid var(--cop)}
.composer textarea{width:calc(100% - 28px);margin:10px 14px;border:1px solid var(--bds);border-radius:var(--r);padding:11px;font-family:inherit;font-size:15px;min-height:84px;resize:vertical;background:var(--surface)}
.composer .foot{display:flex;justify-content:space-between;align-items:center;padding:0 14px 14px;gap:10px}
.sidebox{margin-bottom:16px}
.field{display:block;margin-bottom:12px}
.field span{display:block;font-size:12px;font-weight:600;color:var(--ink5);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}
.field select{width:100%;font-family:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--bds);border-radius:var(--r);background:var(--surface);color:var(--ink)}
.kv{font-size:13.5px;color:var(--ink5);margin:4px 0}.kv b{color:var(--ink);overflow-wrap:anywhere}
.frontdoors{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.trust{display:flex;align-items:center;gap:10px;background:var(--lt);border:1px solid #cfe6e0;border-radius:var(--rm);padding:12px 16px;color:var(--teal-tx);margin-top:20px;font-size:14px}
.trust svg{width:20px;height:20px;flex-shrink:0;color:var(--teald)}
.trust-line{display:flex;align-items:flex-start;gap:9px;color:var(--teal-tx);font-size:14px;margin-top:16px}
.trust-line svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--teald)}
.disclaimer{background:var(--char);color:#c3bab0;font-size:12px;line-height:1.6;padding:24px;text-align:center;margin-top:48px;border-top:3px solid var(--cop)}
.disclaimer b{color:#fff;display:block;font-size:14px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px}
.disclaimer .tagline{color:var(--teal);font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:16px;margin-top:8px}
.hero{max-width:600px;margin:6vh auto 0;padding:0 22px;text-align:center}
.contact-card{max-width:600px;margin:6vh auto 0;padding:0 22px}
.herocard{background:var(--surface);border:1px solid var(--bd);border-radius:var(--rl);box-shadow:var(--shl);padding:40px 40px}
.herocard .ico{width:64px;height:64px;border-radius:var(--ricon);background:linear-gradient(140deg,#fff,var(--lt));border:1px solid var(--bd);display:grid;place-items:center;margin:0 auto 20px;color:var(--teal-tx)}.herocard .ico svg{width:30px;height:30px;color:var(--teald)}
.hero p{color:var(--ink5);font-size:15px;margin:0 auto 8px;max-width:440px}.hero .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.hero .alt{margin-top:18px;font-size:13px;color:var(--ink4)}
.hero .serif{font-size:18px;margin:0 0 6px}