/* Same light look as the approved Retexa demo console and v1: white base, soft pills, orange accent.
   Layout: chat list on the left (Coordinator, Loads, Team, Chats, Library); one chat in the middle; its context panel on the right. */
:root{--bg:#fff;--ink:#16171a;--ink2:#3d4047;--mut:#8b8f97;--line:#ededef;--soft:#f7f7f8;--acc:#FF4D00;--acc-soft:#FFEDE3;--acc-ink:#C43B00;--ok:#2f9e6b;--ok-soft:#e3f4ea;--ok-ink:#23855a;--warn:#c98a1b;--warn-soft:#fbf0d9;--warn-ink:#b07612;--blue:#2f5fd0;--blue-soft:#e8effd;--blue-line:#c9d7f7;--blue-tint:#f3f6fe;--grey-soft:#f0f0f2;--grey-ink:#80848c;--shade:rgb(22 23 26 / .38);--on-ink:#fff;--faint:#b9bcc2;--track:#d4d6da;--line2:#dcdde0;--toast-acc:#ffb38f;--teal-soft:#dff3f1;--teal-ink:#137a72;--violet-soft:#eee8fb;--violet-ink:#6741c4;--pink-soft:#fbe7ef;--pink-ink:#ad2f66;--veil:rgb(255 255 255 / .55);
  --f-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-disp:'Space Grotesk',Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:light}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#131315;--ink:#F2F2F3;--ink2:#B3B3BB;--mut:#85858E;--line:#28282D;--soft:#1D1D21;--acc:#FF5A1A;--acc-soft:#2B170D;--acc-ink:#FF8A50;--ok:#3FBF83;--ok-soft:#10291B;--ok-ink:#62D592;--warn:#E0A53A;--warn-soft:#2E2208;--warn-ink:#F1B657;--blue:#7AA0FF;--blue-soft:#121F3B;--blue-line:#2B4175;--blue-tint:#141B2C;--grey-soft:#232327;--grey-ink:#A9A9B2;--shade:rgb(0 0 0 / .6);--on-ink:#131315;--faint:#5A5A62;--track:#3A3A40;--line2:#34343A;--toast-acc:#C43B00;--teal-soft:#0F2A28;--teal-ink:#5FD3C8;--violet-soft:#211A38;--violet-ink:#B49BFF;--pink-soft:#33161F;--pink-ink:#FF8FBF;--veil:rgb(13 13 15 / .6);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#131315;--ink:#F2F2F3;--ink2:#B3B3BB;--mut:#85858E;--line:#28282D;--soft:#1D1D21;--acc:#FF5A1A;--acc-soft:#2B170D;--acc-ink:#FF8A50;--ok:#3FBF83;--ok-soft:#10291B;--ok-ink:#62D592;--warn:#E0A53A;--warn-soft:#2E2208;--warn-ink:#F1B657;--blue:#7AA0FF;--blue-soft:#121F3B;--blue-line:#2B4175;--blue-tint:#141B2C;--grey-soft:#232327;--grey-ink:#A9A9B2;--shade:rgb(0 0 0 / .6);--on-ink:#131315;--faint:#5A5A62;--track:#3A3A40;--line2:#34343A;--toast-acc:#C43B00;--teal-soft:#0F2A28;--teal-ink:#5FD3C8;--violet-soft:#211A38;--violet-ink:#B49BFF;--pink-soft:#33161F;--pink-ink:#FF8FBF;--veil:rgb(13 13 15 / .6);color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer;color:inherit}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
a{color:var(--blue);text-decoration:none}
h1,h2,h3,p{margin:0}
.mut{color:var(--mut)}
.num{font-variant-numeric:tabular-nums}

#app{display:flex;height:100%}
#side{width:272px;flex:none;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 10px 12px;overflow-y:auto;background:var(--bg)}
.side-top{position:sticky;top:-16px;z-index:3;background:var(--bg);margin:-16px -10px 0;padding:16px 10px 8px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:8px;font-family:var(--f-disp);font-weight:700;font-size:18px;padding:0 10px;letter-spacing:-.01em}
.brand .mk{width:14px;height:14px;background:var(--acc);flex:none}
.brand small{font-family:var(--f-body);font-weight:400;font-size:12px;color:var(--mut);margin-left:2px}
.org{font-size:12px;color:var(--mut);padding:2px 10px 12px}
.roles{display:flex;gap:4px;background:var(--soft);border-radius:10px;padding:3px;margin:0 4px 12px}
.roles button{flex:1;border:0;background:transparent;border-radius:8px;padding:5px 6px;font-size:12.5px;color:var(--ink2);white-space:nowrap}
.roles button.on{background:var(--bg);box-shadow:0 1px 2px rgb(0 0 0 / .08);color:var(--ink);font-weight:500}
.sgrp{font-size:12px;color:var(--mut);padding:14px 10px 5px;display:flex;align-items:center;gap:8px}
.sgrp button{margin-left:auto;border:0;background:transparent;color:var(--mut);font-size:12px;padding:0 2px}
.sgrp button:hover{color:var(--ink)}
.si{display:flex;flex-direction:column;gap:2px;width:100%;border:0;background:transparent;text-align:left;padding:7px 10px;border-radius:8px;transition:background .2s}
.si:hover{background:var(--soft)}
.si.on{background:var(--soft)}
.si .t{font-size:14px;display:flex;align-items:center;gap:8px;min-width:0}
.si .t span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si .s{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;min-width:0}
.si .s em{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.si.pin{background:var(--soft);margin-bottom:2px}
.si.pin.on{background:var(--acc-soft)}
.si .t .av,.si .t .ic{flex:none}
.ic{width:22px;height:22px;border-radius:7px;background:var(--soft);color:var(--ink2);display:grid;place-items:center;flex:none}
.ic svg{width:14px;height:14px}
.ic.c{background:var(--acc-soft);color:var(--acc)}
.av{width:20px;height:20px;border-radius:6px;background:var(--ink);color:var(--on-ink);font-size:11px;display:grid;place-items:center;font-weight:500;flex:none}
.av.c{background:var(--acc)}
.ct{font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums;flex:none}
.ct.hot{background:var(--acc);color:#fff;border-radius:20px;padding:0 7px;font-weight:500}
.rt{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;line-height:1.6;border-radius:20px;padding:1px 9px 1px 5px;background:var(--grey-soft);color:var(--grey-ink)}
.who .rt .ic{width:14px;height:14px;background:transparent;color:inherit;border-radius:0}.who .rt .ic svg{width:12px;height:12px}
.rt.k-coord{background:var(--acc-soft);color:var(--acc-ink)}.rt.k-tt{background:var(--blue-soft);color:var(--blue)}.rt.k-carrier{background:var(--teal-soft);color:var(--teal-ink)}.rt.k-sales{background:var(--ok-soft);color:var(--ok-ink)}.rt.k-acct{background:var(--warn-soft);color:var(--warn-ink)}.rt.k-legal,.rt.k-comp{background:var(--violet-soft);color:var(--violet-ink)}.rt.k-hr{background:var(--pink-soft);color:var(--pink-ink)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acc);flex:none}
.more{border:0;background:transparent;color:var(--blue);font-size:12.5px;text-align:left;padding:4px 10px}
.lib{display:flex;flex-wrap:wrap;gap:4px;padding:0 6px}
.lib button{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:3px 9px;font-size:12.5px;color:var(--ink2)}
.lib button:hover,.lib button.on{background:var(--soft);color:var(--ink)}
.side-foot{margin-top:auto;padding:14px 10px 0;font-size:13px;color:var(--ink2)}
.side-foot span{display:block;color:var(--mut);font-size:12px}
.side-foot button{margin-top:10px;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:4px 10px;font-size:12.5px;color:var(--ink2)}

#main{flex:1;min-width:0;display:flex;flex-direction:column}
#top{flex:none;display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--bg)}
#menu{display:none;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:3px 10px;font-size:13px}
#crumb{font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.clock{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
#clock{font-size:13px;color:var(--ink2);font-variant-numeric:tabular-nums;padding:3px 10px;border-radius:20px;background:var(--soft);white-space:nowrap}
.mini{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:3px 9px;font-size:12.5px;color:var(--ink2);white-space:nowrap}
.mini:hover{background:var(--soft)}
.mini.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
#view{flex:1;min-height:0;display:flex}

/* chat layout */
.chatv{flex:1;display:flex;min-width:0;min-height:0}
.cmain{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;position:relative}
.chead{flex:none;border-bottom:1px solid var(--line);padding:10px 22px 0;display:flex;flex-direction:column;gap:8px}
.chead .r1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chead h1{font-size:16px;font-weight:500}
.chead .m{font-size:13px;color:var(--mut)}
.chead .rt{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tabs{display:flex;gap:2px;overflow-x:auto;margin:0 -4px}
.tabs button{border:0;background:transparent;padding:6px 10px 9px;font-size:13.5px;color:var(--mut);border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:6px;align-items:center}
.tabs button:hover{color:var(--ink)}
.tabs button.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:500}
.tabs button .ct{font-weight:400}
.tabs button.urg .ct{background:var(--acc);color:#fff;border-radius:20px;padding:0 6px;font-weight:500}
.steps{display:flex;gap:4px;overflow-x:auto;padding-bottom:10px}
.steps div{flex:1;min-width:64px;font-size:11.5px;color:var(--mut);border-top:3px solid var(--line);padding-top:4px;white-space:nowrap}
.steps div.d{border-color:var(--ok);color:var(--ink2)}
.steps div.c{border-color:var(--acc);color:var(--ink);font-weight:500}
.stream{flex:1;overflow-y:auto;min-height:0;padding:22px 22px 18px;display:flex;flex-direction:column;align-items:center;gap:14px}
.stream>*{flex:none;width:100%;max-width:780px}
.row{display:flex}
.row.me{justify-content:flex-end}
.bub{max-width:100%;min-width:0;line-height:1.55}
.me .bub{background:var(--soft);border-radius:14px;padding:8px 14px;max-width:min(560px,90%);white-space:pre-wrap;overflow-wrap:anywhere}
.who{font-size:12px;color:var(--mut);margin-bottom:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.say{color:var(--ink)}
.say p+p{margin-top:8px}
.say ul{margin:6px 0 0;padding-left:18px}
.say h4{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.07em;font-weight:500;margin:14px 0 4px}
.say h4:first-child{margin-top:2px}
.say .tw{max-width:640px}
.who .ic{width:18px;height:18px;border-radius:5px}.who .ic svg{width:12px;height:12px}
.standup-h{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.07em}
.standup-h::before,.standup-h::after{content:"";flex:1;height:1px;background:var(--line)}
.stats{display:flex;flex-wrap:wrap;gap:8px 28px;margin:4px 0 6px}
.stats div{display:flex;flex-direction:column}
.stats b{font-family:var(--f-disp);font-size:22px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.25}
.stats span{font-size:12.5px;color:var(--mut)}
.chart{position:relative;max-width:640px;margin-top:6px}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart .ct-t{font-size:12.5px;color:var(--ink2);margin:10px 0 2px}
.chart .tip{position:absolute;pointer-events:none;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:12px;color:var(--ink2);box-shadow:0 4px 14px rgb(0 0 0 / .08);white-space:nowrap;transform:translate(-50%,-110%)}
.chart .hit{fill:transparent;cursor:default}
.chart .hit:hover+.mk,.chart .bar.on{opacity:.75}
/* collapsed decision in the All feed */
.fadein{animation:fadein .4s ease-out}
@keyframes fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.qrow{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:9px 14px;text-align:left;font-size:14px}
.qrow:hover{background:var(--soft)}
.qrow .tt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qrow .chev{color:var(--mut);flex:none;font-size:12px}
.qc .collapse{border:0;background:transparent;color:var(--mut);font-size:12px;padding:0 2px}
.qc .collapse:hover{color:var(--ink)}
.in{max-width:min(600px,92%);background:var(--soft);border-radius:12px;padding:7px 12px;font-size:13.5px;overflow-wrap:anywhere}
.in .tr{display:block;font-size:12.5px;color:var(--mut);margin-top:5px;padding-top:5px;border-top:1px dashed var(--line2)}
.sys{align-self:center;width:auto!important;font-size:12px;color:var(--blue);background:var(--blue-soft);border-radius:20px;padding:3px 12px;text-align:center}
.ch{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:0 6px;color:var(--mut);background:var(--bg)}
.log{max-width:640px;border-left:2px solid var(--line);padding:2px 0 2px 14px;margin:8px 0 2px;font-size:13.5px;color:var(--mut);line-height:1.75}
.log .l{display:flex;gap:10px;align-items:baseline}
.log .l i{font-style:normal;width:12px;color:var(--faint);flex:none}
.log .l.ok i{color:var(--ok)}
.log .l.no i{color:var(--acc)}
.log .l.now{color:var(--ink)}
.log .l .tx{flex:1;min-width:0}
.log .l .tm{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
.agent-block .log{margin-top:4px;max-width:none}
.agent-block .say{margin-top:6px}
.agent-block .say:first-of-type{margin-top:0}
.log .l .a{font-variant-numeric:tabular-nums;color:var(--ink2)}
.spin{display:inline-block;width:10px;height:10px;border:1.5px solid var(--track);border-top-color:var(--acc);border-radius:50%;animation:rot .8s linear infinite;vertical-align:-1px;flex:none}
.done-line{font-size:13px;color:var(--ink2);display:flex;gap:8px;align-items:baseline;padding:2px 0}
.done-line::before{content:"✓";color:var(--ok)}
.done-line .mut{white-space:nowrap}
.newpill{position:absolute;left:50%;transform:translateX(-50%);bottom:96px;border:0;background:var(--ink);color:var(--on-ink);border-radius:20px;padding:5px 14px;font-size:13px;box-shadow:0 6px 18px rgb(0 0 0 / .15);z-index:5}
.composer{flex:none;width:calc(100% - 44px);max-width:780px;margin:0 auto 14px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.chips:empty{display:none}
.chip{border:0;background:transparent;color:var(--mut);border-radius:8px;padding:2px 8px;font-size:12.5px;text-align:left;max-width:100%}
.chip:hover{background:var(--soft);color:var(--ink2)}
.chips::before{content:'Попробуйте';font-size:12px;color:var(--faint);padding:2px 0;align-self:center}
.inrow{display:flex;gap:8px;border:1px solid var(--line);border-radius:14px;padding:6px 6px 6px 14px;background:var(--bg)}
.inrow:focus-within{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)}
.inrow input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:15px;color:var(--ink);background:transparent;padding:6px 0}
.inrow input::placeholder{color:var(--mut)}
.inrow button{border:0;background:transparent;color:var(--faint);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;padding:0;flex:none;transition:background .15s,color .15s}
.inrow.has button{background:var(--soft);color:var(--ink)}
.inrow button svg{width:16px;height:16px}

/* right panel */
.rp{width:380px;flex:none;border-left:1px solid var(--line);overflow-y:auto;min-height:0}
.rtabs{display:flex;gap:2px;padding:10px 14px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:2;overflow-x:auto}
.rtabs button{border:0;background:transparent;padding:6px 8px 9px;font-size:13px;color:var(--mut);border-bottom:2px solid transparent;white-space:nowrap}
.rtabs button.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:500}
.rsec{padding:14px 18px;border-bottom:1px solid var(--line)}
.rsec:last-child{border-bottom:0}
.rsec h3{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.07em;font-weight:500;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.kv{display:grid;grid-template-columns:110px minmax(0,1fr);row-gap:7px;column-gap:10px;font-size:13.5px;margin:0}
.kv dt{color:var(--mut)}.kv dd{color:var(--ink2);margin:0;overflow-wrap:anywhere}
.hidden-note{font-size:12.5px;color:var(--mut);margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.seg{display:inline-flex;gap:3px;background:var(--soft);border-radius:10px;padding:3px}
.seg button{border:0;background:transparent;border-radius:8px;padding:3px 9px;font-size:12.5px;color:var(--ink2)}
.seg button.on{background:var(--bg);box-shadow:0 1px 2px rgb(0 0 0 / .08);color:var(--ink);font-weight:500}
.lg{display:flex;flex-direction:column}
.lg div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink2)}
.lg div:first-child{border-top:0}
.lg .t{color:var(--mut);font-variant-numeric:tabular-nums}
.lg b{font-weight:500;color:var(--ink)}
.bids{display:flex;flex-direction:column}
.bids div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.bids div:first-child{border-top:0}
.bids .rk{color:var(--mut);font-variant-numeric:tabular-nums}
.bids small{display:block;color:var(--mut);font-size:12px}
.bids .a{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mem{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink2)}
.mem div{padding-left:12px;border-left:2px solid var(--line)}
.mem small{color:var(--mut);display:block;font-size:12px}
.docs{display:flex;flex-wrap:wrap;gap:6px}
.docs span{font-size:12.5px;border:1px solid var(--line);border-radius:8px;padding:3px 9px;color:var(--ink2)}
.docs span.miss{border-style:dashed;color:var(--mut)}
.mini-q{display:flex;flex-direction:column;gap:6px}
.mini-q button{display:flex;gap:8px;align-items:baseline;text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:7px 10px;font-size:13px}
.mini-q button:hover{background:var(--soft)}
.mini-q button span{flex:1;min-width:0}
.mini-q button .pill,.mini-q button .mut{flex:none}
.fyi{display:flex;flex-direction:column}
.fyi div{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
.fyi div:first-child{border-top:0}
.fyi .t{font-size:12px;color:var(--mut);width:56px;flex:none;font-variant-numeric:tabular-nums}
.fyi .tx{flex:1;min-width:0}
.rep{display:flex;flex-direction:column;gap:8px}
.rep div{display:flex;align-items:center;gap:10px;font-size:13.5px}
.rep div span{flex:1;min-width:0}
.rep small{display:block;color:var(--mut);font-size:12px}

.pill{display:inline-block;font-size:12px;font-weight:500;border-radius:20px;padding:1px 9px;line-height:1.6;white-space:nowrap}
.p-acc{background:var(--acc-soft);color:var(--acc-ink)}.p-ok{background:var(--ok-soft);color:var(--ok-ink)}.p-w{background:var(--warn-soft);color:var(--warn-ink)}.p-g{background:var(--grey-soft);color:var(--grey-ink)}.p-b{background:var(--blue-soft);color:var(--blue)}

/* decision cards */
.qc{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.qc.flash{animation:fresh 1.8s ease-out}
.qhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--mut)}
.qhead .due{margin-left:auto}
.qc h3{font-size:15.5px;font-weight:500;line-height:1.35;text-wrap:balance}
.qc .why{font-size:13.5px;color:var(--ink2)}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.btn{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:6px 13px;font-size:13.5px;color:var(--ink2)}
.btn:hover{background:var(--blue-soft)}
.btn.pri{border-color:var(--blue);color:var(--blue)}
.btn.dark{border-color:var(--blue);color:var(--blue)}
.btn.sm{padding:3px 10px;font-size:12.5px;border-radius:8px}
.opts{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.opt{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 14px;align-items:center;padding:9px 12px;border-top:1px solid var(--line);font-size:13.5px}
.opt:first-child{border-top:0}
.opt b{font-weight:500}
.opt small{display:block;color:var(--mut);font-size:12.5px}
.opt .amt{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.empty{border:1px dashed var(--line);border-radius:14px;padding:22px;text-align:center;color:var(--mut);font-size:14px}
.empty b{display:block;color:var(--ink);font-weight:500;font-size:15px;margin-bottom:3px}

/* documents in chat */
.doc{border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13.5px;background:var(--bg);margin-top:8px;max-width:640px}
.doc .dh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.doc .dh b{font-family:var(--f-disp);font-size:17px;font-weight:600}
.big{font-family:var(--f-disp);font-size:28px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;display:block;margin:2px 0}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin-top:8px}
table{border-collapse:collapse;width:100%;font-size:13.5px}
td,th{padding:8px 12px;border-top:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:middle}
thead th{border-top:0;font-size:12px;color:var(--mut);font-weight:500}
td.r,th.r{text-align:right;font-variant-numeric:tabular-nums}
td .sub{display:block;font-size:12px;color:var(--mut)}
tr[data-open]{cursor:pointer}
tr[data-open]:hover td{background:var(--soft)}
.bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin:8px 0}
.bar i{display:block;height:100%;background:var(--ok);transition:width .3s}

/* library */
.page{flex:1;overflow-y:auto;min-height:0}
.pin2{max-width:1100px;margin:0 auto;padding-block:22px 64px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.ph{margin-bottom:16px}
.ph h1{font-family:var(--f-disp);font-size:26px;font-weight:600;letter-spacing:-.015em}
.ph p{color:var(--ink2);margin-top:4px;max-width:75ch}
.filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.filters button{border:1px solid var(--line);background:var(--bg);border-radius:20px;padding:4px 12px;font-size:13px;color:var(--ink2)}
.filters button.on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.sh{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.07em;font-weight:500;margin:28px 0 10px}
.conns{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.cc{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px}
.cc .logo{width:36px;height:36px;border-radius:10px;background:var(--soft);color:var(--ink2);display:grid;place-items:center;font-family:var(--f-disp);font-weight:600;font-size:13px;flex:none}
.cc .x{flex:1;min-width:0}.cc b{font-weight:500;display:block;font-size:14px}.cc small{display:block;color:var(--mut);font-size:12.5px;line-height:1.4}
.auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ac{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.ac.off{background:var(--soft)}
.ac .hd{display:flex;gap:8px;align-items:center}
.ac h3{font-size:15px;font-weight:500;flex:1;min-width:0}
.ac .trg{font-size:12.5px;color:var(--mut)}
.ac .acb{font-size:13px;color:var(--ink2)}
.sw{position:relative;width:36px;height:21px;border-radius:20px;border:0;background:var(--track);flex:none;transition:background .2s;padding:0}
.sw::after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px rgb(0 0 0 / .2)}
.sw.on{background:var(--ok)}
.sw.on::after{transform:translateX(15px)}
.sw:disabled{opacity:.55;cursor:default}
.rules{display:flex;flex-direction:column;gap:12px;max-width:760px}
.rule{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.rule .x{flex:1;min-width:220px}
.rule b{font-weight:500;display:block}
.rule small{color:var(--mut);font-size:12.5px;display:block;margin-top:2px}
.money-in{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:10px;padding:4px 10px}
.money-in input{width:70px;border:0;outline:0;font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:transparent;color:var(--ink)}

/* carrier link */
#ov{position:fixed;inset:0;z-index:40;background:var(--shade);display:flex;align-items:center;justify-content:center;padding:16px}
.phone{width:min(400px,100%);max-height:calc(100% - 8px);overflow-y:auto;background:var(--bg);border-radius:24px;box-shadow:0 30px 80px rgb(0 0 0 / .25)}
.phone .bar0{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mut)}
.phone .bar0 button{margin-left:auto;border:0;background:var(--soft);border-radius:20px;padding:3px 10px;font-size:12.5px}
.phone .pb{padding:18px;display:flex;flex-direction:column;gap:14px}
.phone h2{font-family:var(--f-disp);font-size:22px;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.phone .pay{font-family:var(--f-disp);font-size:34px;font-weight:600;font-variant-numeric:tabular-nums}
.phone .go{border:0;background:var(--acc);color:#fff;border-radius:12px;padding:12px;font-size:16px;font-weight:500}
.phone .note{font-size:12.5px;color:var(--mut);text-align:center}
.cab{display:flex;flex-direction:column;gap:8px}
.cab .lr{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13.5px;display:flex;flex-direction:column;gap:3px}
.cab .lr .a{display:flex;gap:8px;align-items:center}
.cab .lr .a b{font-weight:500;flex:1;min-width:0}
.cab .bk{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}
.banner{background:var(--acc-soft);color:var(--acc-ink);border-radius:12px;padding:10px 12px;font-size:13.5px}

/* handled-without-you dropdown */
.pop{position:absolute;right:22px;top:52px;z-index:6;width:min(420px,calc(100% - 32px));max-height:min(460px,70%);overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px rgb(0 0 0 / .12);padding:12px 16px}
.pop h3{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.07em;font-weight:500;margin-bottom:6px}
.hint-sw{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--mut)}
.hint-sw .sw{transform:scale(.8);margin-left:-4px}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--on-ink);border-radius:12px;padding:10px 14px;font-size:13.5px;display:flex;gap:12px;align-items:center;z-index:50;max-width:calc(100% - 32px)}
#toast button{border:0;background:transparent;color:var(--toast-acc);font-weight:500;padding:0;white-space:nowrap}
#about{position:fixed;inset:0;z-index:45;background:var(--shade);display:flex;align-items:center;justify-content:center;padding:16px}
#about .inr{background:var(--bg);border-radius:18px;max-width:560px;width:100%;padding:22px 24px;max-height:calc(100% - 8px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink2)}
#about h2{font-family:var(--f-disp);font-size:22px;font-weight:600;color:var(--ink)}
#about ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}

@keyframes fresh{0%,45%{background:var(--acc-soft)}100%{background:var(--bg)}}
@keyframes rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.mtog{display:none!important}
@media (max-width:1200px){.rp{width:330px}}
@media (max-width:1000px){
  .chatv{flex-direction:column}
  .rp{width:auto;border-left:0;border-top:1px solid var(--line);flex:none;max-height:none}
  .chatv[data-m="chat"] .rp{display:none}
  .chatv[data-m="side"] .stream,.chatv[data-m="side"] .composer{display:none}
  .chatv[data-m="side"] .rp{flex:1;overflow-y:auto}
  .chatv[data-m="side"] .cmain{flex:none}
  .mtog{display:inline-flex!important}
}
@media (max-width:820px){
  #side{position:fixed;left:0;top:0;bottom:0;z-index:30;box-shadow:0 0 40px rgb(0 0 0 / .2);transform:translateX(-105%);transition:transform .2s;padding-left:max(10px,env(safe-area-inset-left,0px))}
  #side.open{transform:none}
  #menu{display:inline-block}
  #top{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex-wrap:wrap}
  .chead{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .stream{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .composer{width:calc(100% - 32px)}
  .opt{grid-template-columns:minmax(0,1fr) auto}
  .opt .btn{grid-column:1/-1;justify-self:start}
  .pin2{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .newpill{bottom:110px}
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-2px;margin-right:-2px}
  .chip{white-space:nowrap;flex:none}
}
@media (max-width:520px){#clock,#sp1,#sp5,.chead .hm{display:none}#top{flex-wrap:nowrap}.kv{grid-template-columns:96px minmax(0,1fr)}}
/* ===== Сигналы: inbox (screenshot → people), funnel kanban, person card, research, conversions, sources ===== */
.si .t .ct{margin-left:auto;flex:none}
.rt.sm{font-size:11.5px;padding:0 8px;line-height:1.55}
.pav{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:12.5px;font-weight:500;flex:none;background:var(--grey-soft);color:var(--grey-ink)}
.pav.sm{width:24px;height:24px;border-radius:7px;font-size:10.5px}
.pav.t-broker{background:var(--blue-soft);color:var(--blue)}
.pav.t-carrier{background:var(--teal-soft);color:var(--teal-ink)}
.pav.t-disp{background:var(--violet-soft);color:var(--violet-ink)}
.cx{display:inline-grid;place-items:center;min-width:22px;height:18px;padding:0 4px;border-radius:5px;font-size:10.5px;font-weight:600;background:var(--grey-soft);color:var(--grey-ink);flex:none}
.cx.ok{background:var(--ok-soft);color:var(--ok-ink)}
.cx.w{background:var(--warn-soft);color:var(--warn-ink)}
.cx.b{background:var(--blue-soft);color:var(--blue)}
.tag{font-size:11.5px;border-radius:6px;padding:1px 6px;background:var(--soft);color:var(--ink2);line-height:1.45;white-space:nowrap}
.tag.a{background:var(--acc-soft);color:var(--acc-ink)}
.tag.w{background:var(--warn-soft);color:var(--warn-ink)}
.tag.b{background:var(--blue-soft);color:var(--blue)}
.tag.o{background:var(--ok-soft);color:var(--ok-ink)}
.sm{font-size:12.5px}
.adv{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13.5px;color:var(--ink2);background:var(--warn-soft);border-radius:10px;padding:8px 12px}
.adv.b{background:var(--blue-soft)}
.adv span{flex:1;min-width:200px}
.sc{font-family:var(--f-disp);font-weight:600;font-size:12.5px;border-radius:6px;padding:0 6px;background:var(--soft);color:var(--ink2);font-variant-numeric:tabular-nums}
.sc.hi{background:var(--acc-soft);color:var(--acc-ink)}

/* inbox */
.inb{flex:1;min-height:0;min-width:0;display:flex}
.ilist{width:320px;flex:none;border-right:1px solid var(--line);overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:4px}
.drop{display:flex;gap:10px;align-items:center;border:1.5px dashed var(--line2);border-radius:12px;padding:12px;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:6px}
.drop:hover,.drop.over{border-color:var(--acc);background:var(--acc-soft)}
.drop b{display:block;font-weight:500;font-size:14px}
.drop small{display:block;font-size:12px;color:var(--mut)}
.ilh{font-size:12px;color:var(--mut);padding:8px 8px 2px;display:flex;gap:6px}
.iq{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;border:0;background:transparent;border-radius:10px;padding:9px 10px;transition:background .15s}
.iq:hover{background:var(--soft)}
.iq.on{background:var(--soft)}
.iq .r1{display:flex;gap:8px;align-items:center;font-size:12px}
.iq .r1 .sc{margin-left:auto}
.iq .kd{color:var(--ink2);font-weight:500}
.iq .r2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iq .r2 em{font-style:normal;color:var(--mut);font-size:12.5px}
.iq .r3{font-size:12.5px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iq .r4{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:2px}
.ilfoot{font-size:12px;color:var(--mut);padding:10px 8px}
.idet{flex:1;min-width:0;overflow-y:auto}
.sg2{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:24px;padding:18px 22px 40px;align-items:start}
.scol{position:sticky;top:0;display:flex;flex-direction:column;gap:6px}
.pmeta{font-size:12px;padding:0 4px}
.post{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--soft);display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--ink)}
.post.own{padding:6px;background:var(--bg)}
.post.own img{display:block;width:100%;border-radius:9px}
.post .ph1{display:flex;gap:10px;align-items:center}
.post .ph1 b{font-weight:500;display:block;font-size:14px}
.post .ph1 small{font-size:12px;color:var(--mut)}
.post p{line-height:1.5}
.pav.g{background:var(--line2);color:var(--ink2)}
.more0{color:var(--mut);font-weight:500}
.ph0{border-radius:10px;background:var(--bg);border:1px solid var(--line);height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--mut)}
.boxes{display:grid;grid-template-columns:repeat(3,34px);gap:4px}
.boxes i{height:24px;border-radius:3px;background:color-mix(in srgb,var(--warn) 35%,var(--bg))}
.boxes i:nth-child(4){grid-column:1/3}
.cmts{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.cm{display:flex;gap:8px;align-items:flex-start}
.cm b{font-weight:500;font-size:13px}
.cm small{font-size:11.5px;color:var(--mut);margin-left:6px}
.cm p{font-size:13.5px;background:var(--bg);border-radius:10px;padding:5px 9px;margin-top:2px}
.acol{min-width:0;display:flex;flex-direction:column;gap:10px}
.ah{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ah h2{font-family:var(--f-disp);font-size:21px;font-weight:600;letter-spacing:-.01em}
.sum{color:var(--ink2);max-width:70ch}
.log{max-width:640px}
.sh2{display:flex;gap:8px;align-items:center;font-weight:500;font-size:14px;margin-top:10px}
.sh2 .mut{font-weight:400;font-size:13px}
.sh2 .btn{margin-left:auto}
.pb{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.pb.in{background:var(--soft);border-color:transparent}
.pbh{display:flex;gap:10px;align-items:center}
.pbh .nm{flex:1;min-width:0}
.pbh .nm b{font-weight:500;display:block}
.pbh .nm small{font-size:12.5px;color:var(--mut)}
.tsw{border:0;background:transparent;padding:0}
.hook{font-size:13.5px}
.hook .mut{font-size:12px;margin-right:6px}
.cts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink2)}
.ct2{display:inline-flex;gap:6px;align-items:center}
.ct2 em{font-style:normal;color:var(--mut)}
.dr{font-size:13.5px;color:var(--ink2);border-left:2px solid var(--line2);padding:2px 0 2px 12px;max-width:72ch}
.pba{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
.obs{display:flex;flex-direction:column;gap:6px}
.ob{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid var(--line)}
.ob:first-child{border-top:0}
.ob q{font-size:13.5px;color:var(--ink)}
.ob q::before{content:"«"}.ob q::after{content:"»"}
.ob>span{display:flex;gap:5px;flex-wrap:wrap}
.mens{display:flex;gap:6px;flex-wrap:wrap}
.men{font-size:12.5px;color:var(--mut);border:1px solid var(--line);border-radius:8px;padding:3px 9px}
.men b{font-weight:500;color:var(--ink)}
.skip{padding-top:6px}

/* funnel */
.bwrap{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}
.vh{flex:none;padding:12px 22px 4px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.vh .r1{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap}
.vh h1{font-family:var(--f-disp);font-size:22px;font-weight:600;letter-spacing:-.01em}
.vh .acts{margin-left:auto}
.vh .filters{margin-bottom:8px}
.filters button span{opacity:.6;margin-left:3px}
.kpis{display:flex;flex-wrap:wrap;gap:6px 24px;align-items:flex-end}
.kpis div{display:flex;flex-direction:column}
.kpis b{font-family:var(--f-disp);font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}
.kpis span{font-size:12px;color:var(--mut)}
.kpis.big{margin:4px 0 18px}
.kpis.big b{font-size:26px}
.qin{border:1px solid var(--line);border-radius:10px;padding:5px 11px;font:inherit;font-size:13.5px;background:var(--bg);color:var(--ink);width:min(320px,100%);margin-bottom:8px;margin-left:auto}
.boardw{flex:1;min-height:0;overflow:auto;padding:14px 22px 10px}
.board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr)) minmax(170px,.75fr);gap:8px;align-items:start;min-width:1180px}
.col{min-width:0;background:var(--soft);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:8px;transition:outline-color .15s;outline:2px solid transparent;outline-offset:-2px}
.col.over{outline-color:var(--acc)}
.col.cl{background:transparent;border:1px dashed var(--line2)}
.colh{padding:4px 6px 2px}
.colh .a{display:flex;align-items:baseline;gap:8px}
.colh b{font-weight:500;font-size:14px}
.colh .n{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ink2);font-size:13px}
.colh small{display:block;font-size:11.5px;color:var(--mut);line-height:1.4}
.colh .cv{color:var(--ok-ink)}
.emp{font-size:12px;color:var(--faint);padding:14px 6px;text-align:center;border:1px dashed var(--line2);border-radius:10px}
.kc{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:10px 11px;transition:border-color .15s,box-shadow .15s;cursor:grab}
.kc:hover{border-color:var(--line2);box-shadow:0 2px 10px rgb(0 0 0 / .05)}
.kc.drag{opacity:.5}
.kc.dim{opacity:.65}
.kc .kh{display:flex;align-items:center;gap:6px}
.kc .dd{margin-left:auto;font-size:11.5px}
.kc .pn{font-weight:500;font-size:14px;margin-top:2px}
.kc .pco{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc .phk{font-size:12.5px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kc .pft{display:flex;gap:6px;align-items:center;margin-top:3px}
.cxs{display:flex;gap:3px}
.kc .via{margin-left:auto;font-size:11.5px}
.kc .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.hint{font-size:12px;padding:4px 22px 14px}
.rowl{cursor:pointer}
.rowl:hover td{background:var(--soft)}
td.wr,.wr{white-space:normal;min-width:220px}
td small{display:block;font-size:11.5px;color:var(--mut)}

/* person */
.pin3{max-width:1120px;margin:0 auto;padding:16px 22px 48px;display:flex;flex-direction:column;gap:14px}
.pin3.wide{max-width:1240px}
.back{align-self:flex-start;border:0;background:transparent;color:var(--mut);padding:0;font-size:13px}
.back:hover{color:var(--ink)}
.phd{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.phd .pav{width:44px;height:44px;border-radius:12px;font-size:16px}
.phd h1{font-family:var(--f-disp);font-size:26px;font-weight:600;letter-spacing:-.015em}
.phd>div{min-width:0}
.stp{display:flex;gap:4px;flex-wrap:wrap}
.stp button{border:1px solid var(--line);background:var(--bg);border-radius:20px;padding:4px 12px;font-size:13px;color:var(--ink2)}
.stp button.done{background:var(--soft);color:var(--mut)}
.stp button.on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.goal{font-size:13.5px;color:var(--ink2)}
.goal b{font-weight:500}
.pgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:start}
.pcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.bx{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:9px;min-width:0}
.bx h3{font-size:14px;font-weight:500;display:flex;gap:8px;align-items:baseline}
.bx h3 .mut{font-weight:400;font-size:12.5px}
.hk{font-size:15px;font-weight:500}
blockquote{margin:0;border-left:2px solid var(--acc);padding:2px 0 2px 12px;color:var(--ink2);font-size:14px}
textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:14px;line-height:1.5;background:var(--bg);color:var(--ink);resize:vertical}
textarea:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.chs{align-self:flex-start}
.dra{display:flex;gap:8px;flex-wrap:wrap}
.cl2{display:flex;flex-direction:column;gap:8px}
.crow{display:flex;gap:10px;align-items:center;font-size:13.5px}
.crow .cv{flex:1;min-width:0;overflow-wrap:anywhere}
.crow .cv small{display:block;font-size:12px;color:var(--mut)}
.crow.miss .cx{opacity:.5}
.irow{display:flex;gap:10px;align-items:center;border:0;background:var(--soft);border-radius:10px;padding:8px 10px;text-align:left;width:100%}
.irow b{font-weight:500;display:block;font-size:13.5px}
.irow small{font-size:12px;color:var(--mut)}
.bx p{font-size:13.5px;color:var(--ink2)}

/* research, conversions, sources */
.ph{display:flex;flex-direction:column;gap:4px}
.ph .r1{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ph .r1 .btn,.ph .r1 .seg{margin-left:auto}
.ph h1{font-family:var(--f-disp);font-size:26px;font-weight:600;letter-spacing:-.015em}
.ph p{color:var(--ink2);max-width:80ch}
.rgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.pbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(60px,1fr) 30px 30px;gap:10px;align-items:center;border:0;background:transparent;text-align:left;padding:6px 8px;margin:0 -8px;border-radius:8px;font-size:13.5px}
.pbar:hover{background:var(--soft)}
.pbar.on{background:var(--acc-soft)}
.pbt{height:7px;border-radius:4px;background:var(--soft);overflow:hidden;display:block}
.pbar.on .pbt{background:var(--bg)}
.pbt i{display:block;height:100%;background:var(--acc);border-radius:4px}

.pbn{text-align:right;color:var(--ink2)}
.tr{text-align:right;font-size:12px}
.tr.up{color:var(--acc-ink)}.tr.dn{color:var(--ok-ink)}
.line{background:var(--soft);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.line p{color:var(--ink);font-size:14px}
.bl{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(60px,1fr) 40px;gap:10px;align-items:center;font-size:13.5px}
.bl .pbt i{background:var(--ink2)}
.bl .pbt i.t-broker{background:var(--blue)}.bl .pbt i.t-carrier{background:var(--teal-ink)}.bl .pbt i.t-disp{background:var(--violet-ink)}
.bl .num:last-child{text-align:right;color:var(--ink2)}
.bl small{font-size:11.5px}
.fun td.r b{font-family:var(--f-disp);font-weight:600;font-size:16px;display:block}
.fun td.r small{color:var(--ok-ink)}
th.r,td.r{text-align:right}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vs div{background:var(--soft);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column}
.vs b{font-family:var(--f-disp);font-size:24px;font-weight:600}
.vs b.ok{color:var(--ok-ink)}
.vs span{font-size:12.5px;color:var(--mut)}
.chain{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;color:var(--ink2)}
.chain b{font-family:var(--f-disp);font-weight:600;font-size:15px;color:var(--ink)}
.chain i{font-style:normal;color:var(--faint)}
.chain.big b{font-size:22px}
.chain.big span{display:flex;align-items:baseline;gap:6px}
.run .r1{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.rule2{display:flex;gap:10px;align-items:center;font-size:13.5px}
.rule2 span:nth-child(2){flex:1}
.ex{padding-top:4px}
.thr{display:flex;gap:10px;align-items:center;font-size:13.5px}
.thr input{flex:1;accent-color:var(--acc)}
.extm{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--soft);display:flex;flex-direction:column;gap:6px;font-size:13px}
.ex1{display:flex;gap:8px;align-items:center}.ex1 b{font-weight:500}
.ex3{display:flex;gap:14px;align-items:center;color:var(--mut);font-size:12.5px;border-top:1px solid var(--line);padding-top:6px}
.sgb{margin-left:auto;border:1px solid var(--acc);background:var(--bg);color:var(--acc-ink);border-radius:8px;padding:2px 10px;font-size:12.5px;font-weight:500}
#ov2{position:fixed;inset:0;z-index:42;background:var(--shade);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}
.rep2{background:var(--bg);border-radius:16px;max-width:640px;width:100%;padding:20px 22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 30px 80px rgb(0 0 0 / .25)}
.rep2 .r1{display:flex;gap:10px;align-items:center}
.rep2 .r1 .btn{margin-left:auto}
.rep2 h2{font-family:var(--f-disp);font-size:22px;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.rep2 ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ink2)}
.rep2 b{font-weight:500;color:var(--ink)}
.page{flex:1;overflow-y:auto;min-height:0;min-width:0}

@media (max-width:1100px){.sg2{grid-template-columns:minmax(0,1fr)}.scol{position:static}}
@media (max-width:900px){
  .inb{flex-direction:column;overflow-y:auto}
  .ilist{width:auto;border-right:0;border-bottom:1px solid var(--line);max-height:46vh;flex:none}
  .idet{overflow:visible}
  .pgrid,.rgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){
  .sg2,.pin3,.vh,.boardw{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .ilist{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
  .qin{margin-left:0}
  .vs{grid-template-columns:1fr}
}
/* ===== v2: radar list + detail, accounts table, account card, sources ===== */
.scb{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 6px;border-radius:8px;font-family:var(--f-disp);font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;background:var(--soft);color:var(--ink2);flex:none}
.scb.warm{background:var(--warn-soft);color:var(--warn-ink)}
.scb.hot{background:var(--acc-soft);color:var(--acc-ink)}
.scb.big{min-width:52px;height:40px;font-size:22px;border-radius:12px}
.tier{display:inline-grid;place-items:center;width:20px;height:18px;border-radius:5px;font-size:11px;font-weight:600;background:var(--grey-soft);color:var(--grey-ink);flex:none}
.tier.tA{background:var(--ink);color:var(--on-ink)}
.tier.tB{background:var(--line2);color:var(--ink)}
.tag.ext{background:var(--blue-soft);color:var(--blue)}
.tag.int{background:var(--ok-soft);color:var(--ok-ink)}
.tag.feed{background:var(--violet-soft);color:var(--violet-ink)}
.rdr{flex:1;min-height:0;min-width:0;display:flex}
.rlist{width:430px;flex:none;border-right:1px solid var(--line);overflow-y:auto;padding:10px 10px 20px;display:flex;flex-direction:column;gap:2px}
.rhead{display:flex;flex-direction:column;gap:8px;padding:2px 4px 10px}
.rhead .seg{align-self:flex-start}
.rq{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;border:0;background:transparent;border-radius:10px;padding:10px;transition:background .15s}
.rq:hover,.rq.on{background:var(--soft)}
.rb{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rb .r1{display:flex;gap:6px;align-items:center}
.rb .r1 b{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb .ago{margin-left:auto;font-size:12px;white-space:nowrap}
.rb .r2{font-size:13px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rb .r3{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px}
.empty0{font-size:13px;color:var(--mut);padding:20px 10px}
.rdet{flex:1;min-width:0;overflow-y:auto}
.dwrap{max-width:860px;padding:18px 24px 48px;display:flex;flex-direction:column;gap:12px}
.dh{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.dh>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.an{font-weight:500;font-size:15px;color:var(--ink)}
.an:hover{color:var(--blue)}
.dwrap h2{font-family:var(--f-disp);font-size:22px;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.why{font-size:14.5px}
.why .mut{font-size:12px;margin-right:6px}
.evd{background:var(--soft);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}
.evd q{font-size:13.5px;color:var(--ink)}
.cols2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.sbr{display:grid;grid-template-columns:138px minmax(50px,1fr) 46px;gap:4px 10px;align-items:center;font-size:13px}
.sbr b{font-weight:500;text-align:right}
.sbr b small{color:var(--mut);font-weight:400}
.sbr em{grid-column:1/-1;font-style:normal;font-size:11.5px;margin-top:-3px;margin-bottom:3px}
.sbr .pbt i{background:var(--ink2)}
.bg{display:flex;gap:9px;align-items:center;padding:5px 6px;border-radius:9px;font-size:13px}
.bg.me{background:var(--acc-soft)}
.bg.gap .pav{background:transparent;border:1px dashed var(--line2);color:var(--faint)}
.bg.gap b{color:var(--mut);font-weight:500}
.bn{flex:1;min-width:0}
.bn b{font-weight:500;display:block}
.bn small{display:block;font-size:11.5px;color:var(--mut)}
.oth{display:flex;gap:10px;align-items:center;border:0;background:transparent;text-align:left;padding:5px 4px;border-radius:8px;font-size:13px;width:100%}
.oth:hover{background:var(--soft)}
.oth span:nth-child(2){flex:1;min-width:0}
.act .seg{align-self:flex-start;flex-wrap:wrap}
.skr{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.chip2{border:1px solid var(--line);background:var(--bg);border-radius:20px;padding:3px 11px;font-size:12.5px;color:var(--ink2)}
.chip2:hover{background:var(--soft)}
.later{display:flex;flex-direction:column;gap:4px;padding:2px 10px;font-size:12.5px;color:var(--faint)}
.pav.big{width:44px;height:44px;border-radius:12px;font-size:16px}
.grp{display:inline-flex;gap:2px;vertical-align:middle}
.grp i{width:8px;height:8px;border-radius:2px;background:var(--line2)}
.grp i.f{background:var(--ok)}
td b{font-weight:500}
.ul{margin:0;padding-left:18px;font-size:13.5px;color:var(--ink2);display:flex;flex-direction:column;gap:4px}
.imo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.imc{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:3px}
.imc.on{border-color:var(--blue);background:var(--blue-tint)}
.imc b{font-weight:500;font-size:13.5px}.imc small{font-size:12px;color:var(--mut)}
.sm2{font-size:14px;font-weight:500;margin-top:4px}
.steps2{margin:0;padding-left:20px;font-size:13.5px;color:var(--ink2);display:flex;flex-direction:column;gap:4px}
.sgr{display:flex;flex-direction:column;gap:8px}
.sgh{display:flex;gap:10px;align-items:baseline}
.sgh h3{font-size:15px;font-weight:500}
.scards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.scard{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.scard.dim{opacity:.6;border-style:dashed}
.scard .r1{display:flex;gap:8px;align-items:center;justify-content:space-between}
.scard b{font-weight:500}
.scard p{font-size:13px;color:var(--ink2)}
.sf{display:flex;justify-content:space-between;font-size:12.5px;border-top:1px solid var(--line);padding-top:6px;margin-top:auto}
.wrow{display:grid;grid-template-columns:minmax(0,1.6fr) 90px minmax(60px,1fr) 30px;gap:10px;align-items:center;font-size:13.5px}
.wrow b{font-weight:500;text-align:right}
.wrow .tag{justify-self:start}
@media (max-width:1000px){.cols2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){
  .rdr{flex-direction:column;overflow-y:auto}
  .rlist{width:auto;border-right:0;border-bottom:1px solid var(--line);max-height:50vh;flex:none}
  .rdet{overflow:visible}
  .imo{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){.dwrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.rlist{padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}}
.sbr.tot{border-top:1px solid var(--line);padding-top:8px;margin-top:4px;font-weight:600}
.sbr.tot b{font-size:15px}
.ings{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 22px;margin-top:10px}
.ing .ih{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13.5px}
.ing .wrow{grid-template-columns:minmax(0,1fr) 60px 26px;font-size:12.5px;padding:3px 0}
.acc-more{margin:6px 0 8px}.acc-more a{color:var(--blue)}
.evd q{white-space:pre-line}.jobl{margin:8px 0;font-size:13px}.jobl summary{cursor:pointer;color:var(--mut)}.jobl div{padding:2px 0}.jobl a{color:var(--blue)}
.vocab{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.vc{font-size:12.5px;padding:3px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue)}
.bg.pick{cursor:pointer}.bg.pick input{margin-right:6px}.btn.xs{font-size:11.5px;padding:2px 7px}
.bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.bulk #bulkn{margin-right:6px}th.cb,td.cb{width:28px;text-align:center}
#draft{min-height:220px;resize:vertical}
.ahead{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ahead .seg{align-self:center}
.qcts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-left:auto}
.qcl{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:3px 9px;font-size:12.5px;color:var(--ink);text-decoration:none;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
button.qcl:hover,a.qcl:hover{background:var(--soft)}
.qcl.off{color:var(--faint);border-style:dashed}