:root{
  --ink:#14181F;--ink2:#2A313C;--paper:#FAFAF8;--paper2:#F3F0E9;--sand:#E8E3DA;--sand2:#DCD5C8;
  --bronze:#A8874F;--bronze2:#8C6F3E;--slate:#5A6472;--grey:#8A8F98;--red:#9E2A2B;--green:#3E6B4A;--amber:#B7791F;
  --bg:#0F1217;--bg2:#151A21;--card:#1A2029;--card2:#202733;--line:#2A323E;--text:#ECE8DF;--muted:#9AA3AE;--accent:#C9A86A;--accent2:#A8874F;
  --us:#263A2E;--them:#232A35;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.35);
  --fd:'Fraunces',Georgia,serif;--fb:'Inter','IBM Plex Sans Arabic',system-ui,sans-serif;--fm:'JetBrains Mono',ui-monospace,monospace;
}
:root[data-theme="light"]{
  --bg:#F3F0E9;--bg2:#FAFAF8;--card:#FFFFFF;--card2:#F6F3EC;--line:#E2DDD2;--text:#14181F;--muted:#5A6472;--accent:#8C6F3E;--accent2:#A8874F;
  --us:#E7EFE5;--them:#F1EEE6;--shadow:0 10px 30px rgba(20,24,31,.08);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--text);font-family:var(--fb);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
.hidden{display:none!important}
.wordmark{font-family:var(--fd);font-weight:300;letter-spacing:.42em;font-size:30px;color:var(--accent)}
.wordmark.small{font-size:17px;letter-spacing:.38em}
.mono{font-family:var(--fm);font-size:11.5px;letter-spacing:.04em;color:var(--muted)}
[dir=auto]{unicode-bidi:plaintext}

/* gate */
.gate{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,rgba(201,168,106,.18),transparent 60%),var(--bg)}
.gate-card{width:min(92vw,380px);padding:36px 32px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow);text-align:center}
.gate-sub{color:var(--muted);margin:10px 0 26px;font-size:13px}
.gate input[type=password]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);outline:none;letter-spacing:.2em;text-align:center}
.gate input[type=password]:focus{border-color:var(--accent)}
.remember{display:block;margin:12px 0 16px;color:var(--muted);font-size:12.5px}
.gate button[type=submit]{width:100%;padding:12px;border-radius:10px;background:var(--accent);color:#14181F;font-weight:600}
.gate-msg{min-height:18px;margin-top:10px;color:var(--red);font-size:12.5px}

/* top */
.app{min-height:100%;display:flex;flex-direction:column}
.top{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto auto 1fr auto;gap:18px;align-items:center;padding:10px 20px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:baseline;gap:10px;cursor:pointer}
.brand-sub{font-family:var(--fm);font-size:10px;letter-spacing:.22em;color:var(--muted)}
.tabs{display:flex;gap:4px}
.tabs button{padding:7px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.tabs button.on{background:var(--card2);color:var(--text)}
.search{position:relative;max-width:620px;justify-self:center;width:100%}
.search input{width:100%;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);outline:none}
.search input:focus{border-color:var(--accent)}
.q-results{position:absolute;top:44px;left:0;right:0;max-height:70vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px}
.q-results h5{margin:8px 10px 4px;font-family:var(--fm);font-size:10px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.q-results .row{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px}
.q-results .row:hover{background:var(--card2)}
.q-results .row small{display:block;color:var(--muted)}
.top-right{display:flex;align-items:center;gap:8px}
.icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted);font-size:16px}
.icon:hover{background:var(--card2);color:var(--text)}
.agent-dot{width:9px;height:9px;border-radius:50%;background:var(--grey);margin-right:4px}
.agent-dot.on{background:var(--green);box-shadow:0 0 0 4px rgba(62,107,74,.25)}
.agent-dot.off{background:var(--amber)}
.view{flex:1;padding:22px 20px 60px;max-width:1500px;width:100%;margin:0 auto}
@media (max-width:900px){.top{grid-template-columns:auto 1fr auto;gap:10px}.search{grid-column:1/-1;max-width:none}.tabs button{padding:6px 9px}.view{padding:14px 12px 60px}}

/* generic */
.h1{font-family:var(--fd);font-weight:400;font-size:30px;line-height:1.1;margin:0 0 4px}
.h2{font-family:var(--fd);font-weight:400;font-size:21px;margin:0 0 10px}
.eyebrow{font-family:var(--fm);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent2)}
.muted{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.grid{display:grid;gap:14px}
.g3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;background:var(--card2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.chip.us{background:rgba(158,42,43,.14);color:#E07A7B;border-color:rgba(158,42,43,.35)}
.chip.them{background:rgba(183,121,31,.14);color:#E0B467;border-color:rgba(183,121,31,.35)}
.chip.nobody{background:rgba(62,107,74,.14);color:#8FC19D;border-color:rgba(62,107,74,.35)}
.chip.proj{background:rgba(168,135,79,.14);color:var(--accent);border-color:rgba(168,135,79,.35);cursor:pointer}
:root[data-theme="light"] .chip.us{color:#9E2A2B}:root[data-theme="light"] .chip.them{color:#8C5A10}:root[data-theme="light"] .chip.nobody{color:#2F5A3B}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:middle}
.dot.red{background:var(--red)}.dot.amber{background:var(--amber)}.dot.green{background:var(--green)}.dot.grey{background:var(--grey)}
.btn{padding:8px 14px;border-radius:10px;background:var(--card2);border:1px solid var(--line);font-weight:500}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);color:#14181F;border-color:transparent}
.btn.primary:disabled{opacity:.5;cursor:default}
.btn.danger{background:var(--red);color:#fff;border-color:transparent}
.btn.small{padding:5px 10px;font-size:12.5px;border-radius:8px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.between{justify-content:space-between}
.sep{height:1px;background:var(--line);margin:12px 0}
textarea{width:100%;min-height:90px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);resize:vertical;outline:none;line-height:1.5}
textarea:focus{border-color:var(--accent)}
input.inline{padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);outline:none}
.empty{padding:30px;text-align:center;color:var(--muted)}
.skeleton{height:120px;border-radius:var(--radius);background:linear-gradient(90deg,var(--card),var(--card2),var(--card));background-size:200% 100%;animation:sh 1.2s infinite}
@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--card);border:1px solid var(--line);padding:10px 16px;border-radius:999px;box-shadow:var(--shadow);z-index:50;font-size:13px}

/* desk */
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;flex-wrap:wrap}
.stats{display:flex;gap:10px;flex-wrap:wrap}
.stat{padding:10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);min-width:110px}
.stat b{display:block;font-family:var(--fd);font-size:24px;font-weight:400;line-height:1}
.stat span{font-size:11.5px;color:var(--muted)}
.due{display:flex;flex-direction:column;gap:8px}
.due .item{display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);cursor:pointer}
.due .item:hover{border-color:var(--accent)}
.due .t{font-weight:500}
.due .s{color:var(--muted);font-size:12.5px;margin-top:2px}
.due .r{text-align:right;font-size:11.5px;color:var(--muted);white-space:nowrap}

/* projects */
.pcard{display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}
.pcard:hover{transform:translateY(-2px);border-color:var(--accent)}
.pcard .title{font-family:var(--fd);font-size:19px;font-weight:400;line-height:1.15}
.pcard .stage{color:var(--muted);font-size:12.5px}
.pcard .next{font-size:13px;margin-top:2px}
.pcard .counts{display:flex;gap:12px;font-family:var(--fm);font-size:11px;color:var(--muted);margin-top:auto;padding-top:6px}
.pcard .counts b{color:var(--text);font-weight:500}
.pcard .pin{position:absolute;top:10px;right:12px;color:var(--accent);font-size:13px}
.pcard.heat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 16px}
.filters button{padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:12.5px}
.filters button.on{background:var(--card2);color:var(--text);border-color:var(--accent)}

/* project page */
.phead{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;margin-bottom:16px}
.phead .brief{margin:10px 0 0;max-width:900px;color:var(--text);opacity:.92}
.phead .next{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--card2);border:1px solid var(--line)}
.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:8px 0 16px}
.subtabs button{padding:9px 12px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.subtabs button.on{color:var(--text);border-color:var(--accent)}
.mlist .m{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);margin-bottom:8px;cursor:pointer}
.mlist .m:hover{border-color:var(--accent)}
.mlist .m .t{font-weight:500}.mlist .m .s{color:var(--muted);font-size:12.5px;margin-top:3px}
.files{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.file{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.file.pending{opacity:.72}
.file .ext{font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-align:center;padding:8px 0;border-radius:8px;background:var(--card2);color:var(--accent)}
.file .n{font-weight:500;font-size:13px;line-height:1.3}
.file .d{color:var(--muted);font-size:11.5px;margin-top:2px}
.file .open{color:var(--accent);font-size:12.5px;white-space:nowrap}
.kindhead{margin:16px 0 8px;font-family:var(--fm);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.timeline .e{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.timeline .e .w{font-family:var(--fm);font-size:11px;color:var(--muted)}

/* conversations */
.talk{display:grid;grid-template-columns:360px 1fr;gap:16px;min-height:calc(100vh - 140px)}
@media (max-width:900px){.talk{grid-template-columns:1fr}.talk .thread.hidden-mobile{display:none}.talk .list.hidden-mobile{display:none}}
.list{display:flex;flex-direction:column;gap:6px;overflow:auto;max-height:calc(100vh - 140px)}
.conv{padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);cursor:pointer}
.conv:hover,.conv.on{border-color:var(--accent)}
.conv .n{display:flex;justify-content:space-between;gap:8px;font-weight:500}
.conv .n time{font-family:var(--fm);font-size:10.5px;color:var(--muted);font-weight:400}
.conv .p{color:var(--muted);font-size:12.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv .tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.thread{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;max-height:calc(100vh - 140px)}
.thread .head{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.thread .head .name{font-family:var(--fd);font-size:19px}
.thread .matters{padding:8px 16px;border-bottom:1px solid var(--line);display:flex;gap:6px;flex-wrap:wrap;background:var(--bg2);max-height:84px;overflow:auto}
.thread .msgs{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px}
.bubble{max-width:78%;padding:9px 12px;border-radius:14px;background:var(--them);white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.45}
.bubble.us{align-self:flex-end;background:var(--us);border-bottom-right-radius:4px}
.bubble.them{align-self:flex-start;border-bottom-left-radius:4px}
.bubble .meta{display:block;font-family:var(--fm);font-size:10px;color:var(--muted);margin-top:4px}
.bubble .meta .how{margin-left:6px;color:var(--accent2)}
.daysep{align-self:center;font-family:var(--fm);font-size:10px;color:var(--muted);letter-spacing:.12em;padding:4px 10px;border:1px solid var(--line);border-radius:999px}
.composer{padding:12px 16px;border-top:1px solid var(--line);background:var(--bg2);display:grid;gap:8px}
.composer .intent{display:flex;gap:8px}
.composer .intent input{flex:1}
.composer .actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.composer .status{font-family:var(--fm);font-size:11px;color:var(--muted)}
.confirm{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:40}
.confirm .box{width:min(92vw,520px);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.confirm pre{white-space:pre-wrap;font:inherit;background:var(--bg2);padding:12px;border-radius:10px;max-height:40vh;overflow:auto}

/* library */
.libgrid{display:grid;grid-template-columns:240px 1fr;gap:16px}
@media (max-width:900px){.libgrid{grid-template-columns:1fr}}
.libnav button{display:block;width:100%;text-align:left;padding:7px 10px;border-radius:8px;color:var(--muted);font-size:13px}
.libnav button.on,.libnav button:hover{background:var(--card2);color:var(--text)}

/* routes */
.stat.link{cursor:pointer}
.small{font-size:11.5px}
.chip.route{font-weight:500;color:var(--text);border-color:var(--line)}
.chip.route.ok{background:rgba(62,107,74,.16);border-color:rgba(62,107,74,.4)}
.chip.route.r-trade{border-color:rgba(168,135,79,.6)}.chip.route.r-legal{border-color:rgba(110,130,190,.6)}.chip.route.r-dossier{border-color:rgba(150,110,180,.6)}
.chip.route.r-desk{border-color:rgba(158,42,43,.55)}.chip.route.r-archive,.chip.route.r-nurture,.chip.route.r-intelligence{color:var(--muted)}
.rlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-top:10px}
.rcard{display:flex;flex-direction:column;gap:7px}
.rcard .t{font-size:15px;font-weight:500;line-height:1.35}
.rcard .s{font-size:12.5px;color:var(--muted);line-height:1.45}
.rcard .why{font-size:13px;line-height:1.5}
.rcard .cx{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;border:1px dashed rgba(168,135,79,.5);border-radius:10px;background:rgba(168,135,79,.06);font-size:13px}
.rcard .act{margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}
.rcard .sel{padding:5px 8px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);font-size:12px;color:var(--text)}
@media (max-width:640px){.rlist{grid-template-columns:1fr}.rcard .cx{flex-direction:column;align-items:flex-start}}
.rcard .cx.same{border-color:var(--line);background:transparent}
@media (max-width:900px){.tabs{overflow-x:auto;max-width:100%;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap}}