@charset "utf-8";
/* Layout: freight-exchange app — dark "night route" hero with live network map, white work surfaces, EU-plate country codes, signal-amber as the single accent */
:root{
  --c1:#139170;--c2:#c77d00;--c3:#4a62d8;
  --bg:#f2f5f4;--surface:#ffffff;--sunk:#e8eeeb;--ink:#0f1d19;--muted:#5a6b65;--line:#dae2df;
  --brand:#0d4a3a;--brand-2:#12654f;--brand-ink:#ffffff;--brand-soft:#dcebe5;
  --signal:#f2a900;--signal-ink:#261900;--plate:#1f3f9e;
  --hero:#0a271f;--hero-2:#0e3328;--hero-ink:#eaf2ee;--hero-muted:#9db7ad;--hero-line:rgba(234,242,238,.10);--hero-dot:rgba(234,242,238,.13);
  --ok:#1b7a4c;--ok-soft:#dcf0e5;--warn:#9a5c00;--warn-soft:#fbecd0;--bad:#b3261e;--bad-soft:#f8dedb;
  --shadow-s:0 1px 2px rgba(15,29,25,.08);
  --shadow:0 1px 2px rgba(15,29,25,.05),0 8px 24px rgba(15,29,25,.07);
  --shadow-l:0 20px 50px rgba(15,29,25,.18);
  --f-display:'Archivo','Arial Narrow',system-ui,sans-serif;
  --f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --c1:#2a9d78;--c2:#bf8412;--c3:#6a80ea;
  --bg:#0a1311;--surface:#111c19;--sunk:#0d1714;--ink:#e3ebe8;--muted:#90a29c;--line:#22322e;
  --brand:#2fa37f;--brand-2:#3dbd94;--brand-ink:#04140f;--brand-soft:#16312a;
  --signal:#ffbd2e;--signal-ink:#231700;--plate:#3459cc;
  --hero:#06120e;--hero-2:#0b1d17;--hero-ink:#e6efeb;--hero-muted:#8aa69b;--hero-line:rgba(230,239,235,.09);--hero-dot:rgba(230,239,235,.11);
  --ok:#4cc58a;--ok-soft:#13301f;--warn:#f0b04a;--warn-soft:#33260f;--bad:#f2786f;--bad-soft:#3a1916;
  --shadow-s:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);--shadow-l:0 20px 50px rgba(0,0,0,.5);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --c1:#2a9d78;--c2:#bf8412;--c3:#6a80ea;
  --bg:#0a1311;--surface:#111c19;--sunk:#0d1714;--ink:#e3ebe8;--muted:#90a29c;--line:#22322e;
  --brand:#2fa37f;--brand-2:#3dbd94;--brand-ink:#04140f;--brand-soft:#16312a;
  --signal:#ffbd2e;--signal-ink:#231700;--plate:#3459cc;
  --hero:#06120e;--hero-2:#0b1d17;--hero-ink:#e6efeb;--hero-muted:#8aa69b;--hero-line:rgba(230,239,235,.09);--hero-dot:rgba(230,239,235,.11);
  --ok:#4cc58a;--ok-soft:#13301f;--warn:#f0b04a;--warn-soft:#33260f;--bad:#f2786f;--bad-soft:#3a1916;
  --shadow-s:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);--shadow-l:0 20px 50px rgba(0,0,0,.5);
  color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--f-display);font-stretch:112%;line-height:1.1;margin:0;text-wrap:balance}
p{margin:0}
a{color:var(--brand)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.num{font-variant-numeric:tabular-nums}
.ic{width:18px;height:18px;flex-shrink:0}
.muted{color:var(--muted)}
.eyebrow{font:600 11.5px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}

/* strip + header */
.strip{background:var(--signal);color:var(--signal-ink);font:600 11px/1.3 var(--f-mono);letter-spacing:.05em;text-transform:uppercase}
.strip .wrap{display:flex;justify-content:center;padding-block:6px;text-align:center}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:12px;padding-block:10px}
.logo{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;min-width:0}
.logo-mark{width:40px;height:40px;border-radius:11px;background:var(--brand);color:var(--signal);display:grid;place-items:center;flex-shrink:0}
.logo-mark svg{width:24px;height:24px}
.logo-txt{min-width:0}
.logo-txt b{display:block;font:800 16.5px/1.1 var(--f-display);font-stretch:116%;letter-spacing:-.01em;white-space:nowrap}
.logo-txt small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap}
.hd-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.langs{display:flex;background:var(--sunk);border-radius:10px;padding:3px}
.langs button{border:0;background:none;font:600 11.5px/1 var(--f-mono);padding:8px 8px;border-radius:7px;color:var(--muted)}
.langs button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-s)}
.ib{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink);padding:0}
.ib-badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:10px;background:var(--signal);color:var(--signal-ink);font:700 10.5px/15px var(--f-mono);text-align:center;padding:0 4px;border:2px solid var(--surface)}
.avatar-btn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:3px 10px 3px 3px;max-width:230px}
.avatar-btn .nm{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.av{width:32px;height:32px;border-radius:9px;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font:700 12px/1 var(--f-display);font-stretch:110%;flex-shrink:0}
.av.lg{width:44px;height:44px;font-size:15px;border-radius:12px}
.av.ink{background:var(--ink);color:var(--bg)}
.pop-wrap{position:relative}
.pop{position:absolute;right:0;top:calc(100% + 8px);width:min(350px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-l);z-index:40;overflow:hidden}
.pop-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.pop-h b{font-family:var(--f-display);font-size:15px}
.pop-h button{border:0;background:none;color:var(--brand);font-size:12.5px;font-weight:600;padding:0}
.ni{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;width:100%;font-size:13.5px}
.ni:last-child{border-bottom:0}
.ni:hover{background:var(--sunk)}
.ni i{width:8px;height:8px;border-radius:50%;margin-top:6px;background:transparent}
.ni.unread i{background:var(--signal)}
.ni small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.um{display:grid;padding:6px}
.um-h{padding:12px 12px 10px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:6px}
.um-h small{display:block;color:var(--muted);font-size:12.5px}
.um a,.um button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;border:0;background:none;color:var(--ink);text-decoration:none;font-size:14px;text-align:left;width:100%}
.um a:hover,.um button:hover{background:var(--sunk)}
nav.tabs{border-top:1px solid var(--line)}
nav.tabs .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
nav.tabs .wrap::-webkit-scrollbar{display:none}
nav.tabs a{display:flex;align-items:center;gap:7px;color:var(--muted);text-decoration:none;font-weight:500;font-size:14px;padding:11px 12px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
nav.tabs a:hover{color:var(--ink)}
nav.tabs a.on{color:var(--ink);border-bottom-color:var(--brand)}
nav.tabs a .ic{width:16px;height:16px}
nav.tabs .adm{margin-left:auto}
.nb{min-width:18px;height:18px;border-radius:9px;background:var(--signal);color:var(--signal-ink);font:700 10.5px/18px var(--f-mono);text-align:center;padding:0 5px}

/* buttons + inputs */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 18px;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:background .15s,transform .1s}
.btn:active{transform:translateY(1px)}
.btn .ic{width:17px;height:17px}
.btn-primary{background:var(--brand);color:var(--brand-ink)}
.btn-primary:hover{background:var(--brand-2)}
.btn-signal{background:var(--signal);color:var(--signal-ink)}
.btn-ghost{background:var(--sunk);color:var(--ink)}
.btn-line{background:none;border:1.5px solid var(--line);color:var(--ink)}
.btn-sm{padding:7px 12px;font-size:13px;border-radius:8px}
.btn-ok{background:var(--ok-soft);color:var(--ok)}
.btn-bad{background:var(--bad-soft);color:var(--bad)}
.btn-block{width:100%}
label.f{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--muted);min-width:0}
.inp{width:100%;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;font-size:15px;color:var(--ink);min-width:0}
.inp:focus{border-color:var(--brand);outline:none}
textarea.inp{resize:vertical;min-height:80px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:500}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}

/* plates, tags, badges */
.cc{display:inline-flex;align-items:stretch;border:1.5px solid var(--ink);border-radius:4px;overflow:hidden;font:600 11.5px/1 var(--f-mono);vertical-align:middle;background:var(--surface);color:var(--ink);flex-shrink:0}
.cc i{width:6px;background:var(--plate)}
.cc span{padding:3px 5px}
.tag{display:inline-block;background:var(--brand-soft);color:var(--brand);font-weight:600;font-size:12.5px;border-radius:6px;padding:3px 8px;white-space:nowrap}
.tag.adr{background:var(--warn-soft);color:var(--warn)}
.badge{font:600 10.5px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.05em;padding:5px 7px;border-radius:5px;white-space:nowrap}
.b-mod{background:var(--warn-soft);color:var(--warn)}
.b-new{background:var(--signal);color:var(--signal-ink)}
.b-ok{background:var(--ok-soft);color:var(--ok)}
.vf{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--ok);color:var(--surface);font-size:10px;font-weight:700;flex-shrink:0}
.plateno{font:600 12.5px/1 var(--f-mono);border:1.5px solid var(--ink);border-radius:4px;padding:3px 6px;white-space:nowrap}

/* views */
main{min-height:60vh}
.page{display:grid;gap:28px;padding-block:28px 64px}
.sec-h{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}
.sec-h h2{font-size:clamp(23px,2.8vw,30px);font-weight:800;letter-spacing:-.015em;margin-top:6px}
.sec-h .sub{color:var(--muted);font-size:14px;margin-top:4px}
.box{padding:20px;display:grid;gap:14px;align-content:start;min-width:0}
.box h3{font-size:17px}

/* hero */
.hero-band{background:var(--hero);color:var(--hero-ink)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:40px;align-items:center;padding-block:44px 52px}
.hero .eyebrow{color:var(--hero-muted)}
.hero h1{font-size:clamp(34px,4.9vw,60px);font-weight:800;letter-spacing:-.025em;margin-top:14px;font-stretch:118%}
.hero h1 em{font-style:normal;color:var(--signal)}
.hero .lead{color:var(--hero-muted);font-size:16.5px;max-width:50ch;margin-top:16px}
.search{margin-top:26px;padding:18px;display:grid;gap:14px;color:var(--ink);border:0}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--sunk);border-radius:10px;padding:4px}
.seg button{border:0;background:none;padding:9px;border-radius:7px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px}
.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-s)}
.ft{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}
.swap{width:40px;height:44px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink)}
.routes{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.route-chip{display:inline-flex;align-items:center;gap:5px;border:1px dashed var(--line);background:none;border-radius:8px;padding:5px 8px;font-size:12.5px;color:var(--ink)}
.route-chip:hover{border-color:var(--brand);border-style:solid}
.map-card{border:1px solid var(--hero-line);border-radius:18px;background:var(--hero-2);padding:16px;display:grid;gap:12px;min-width:0}
.map-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--hero-muted)}
.livep{display:inline-flex;align-items:center;gap:7px;font:600 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--signal)}
.livep i{width:8px;height:8px;border-radius:50%;background:var(--signal);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(242,169,0,.55)}70%{box-shadow:0 0 0 9px rgba(242,169,0,0)}100%{box-shadow:0 0 0 0 rgba(242,169,0,0)}}
.hmap svg{width:100%;height:auto;display:block}
.hm-dot{fill:var(--hero-dot)}
.hm-arc{fill:none;stroke:var(--signal);stroke-opacity:.5;stroke-width:1.4}
.hm-truck{fill:var(--signal)}
.hm-node{fill:var(--hero-ink)}
.hm-node.minor{fill:var(--hero-muted);opacity:.6}
.hm-hub{fill:none;stroke:var(--signal);stroke-opacity:.45}
.hm-lbl{fill:var(--hero-muted);font:500 11px var(--f-body)}
.hm-lbl.hub{fill:var(--hero-ink);font-weight:600}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hero-line);border-radius:12px;overflow:hidden}
.hero-stats div{background:var(--hero-2);padding:12px 14px}
.hero-stats b{display:block;font:800 24px/1 var(--f-display);font-stretch:110%;color:var(--hero-ink);font-variant-numeric:tabular-nums}
.hero-stats span{font-size:12px;color:var(--hero-muted)}

/* ticker */
.ticker{background:var(--brand);color:var(--brand-ink);overflow:hidden}
.ticker-track{display:flex;gap:44px;width:max-content;padding-block:10px;animation:tick 70s linear infinite;font-size:13.5px}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.tk{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.tk .ic{width:16px;height:16px;opacity:.8}
.tk b{font-family:var(--f-mono);font-weight:600}

/* home */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.step{padding:22px;display:grid;gap:10px;align-content:start}
.step .n{width:40px;height:40px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
.step h3{font-size:18px}
.step p{color:var(--muted);font-size:14px}
.two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.ins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.insc{padding:16px;display:grid;gap:12px;cursor:pointer;text-align:left;color:var(--ink);font:inherit;transition:border-color .15s}
.insc:hover{border-color:var(--brand)}
.insc .r{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;flex-wrap:wrap}
.insc .v{display:flex;justify-content:space-between;align-items:end;gap:10px}
.insc .v b{font:800 26px/1 var(--f-display);font-variant-numeric:tabular-nums}
.insc .v small{font-size:12px;color:var(--muted);font-family:var(--f-body);font-weight:500}
.insc .meta{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}
.trend{font:600 12.5px/1 var(--f-mono)}
.trend.up{color:var(--ok)}.trend.dn{color:var(--bad)}.trend.eq{color:var(--muted)}
.spark{width:96px;height:30px}
.spark polyline{fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linejoin:round}
.spark path{fill:var(--brand-soft)}
.spark circle{fill:var(--brand)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.plan{padding:24px;display:grid;gap:16px;position:relative}
.plan.hot{border:2px solid var(--brand)}
.plan h3{font-size:18px}
.plan .pr{display:flex;align-items:baseline;gap:4px}
.plan .pr b{font:800 42px/1 var(--f-display);font-stretch:110%}
.plan .pr span{color:var(--muted)}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.plan li{display:flex;gap:8px;font-size:14px}
.plan li .ic{color:var(--ok);width:17px;height:17px;margin-top:2px}
.hot-tag{position:absolute;top:-12px;left:22px;background:var(--brand);color:var(--brand-ink);font:600 10.5px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.05em;padding:6px 8px;border-radius:6px}
.cta{background:var(--hero);color:var(--hero-ink);border-radius:20px;padding:32px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.cta h2{font-size:clamp(22px,2.8vw,30px);font-weight:800}
.cta p{color:var(--hero-muted);max-width:58ch;margin-top:8px}

/* filters + cards */
.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;padding:16px;align-items:end}
.list{display:grid;gap:10px}
.lc{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1.15fr) auto;gap:20px;align-items:center;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.lc:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:var(--shadow)}
.lc-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.pt{min-width:0}
.pt-c{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15.5px}
.pt-c b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt-s{font-size:12.5px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.road{display:grid;justify-items:center;gap:4px;min-width:72px}
.road i{display:block;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--muted) 0 6px,transparent 6px 11px);position:relative}
.road i::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--muted);border-right:0}
.road span{font:500 11.5px/1 var(--f-mono);color:var(--muted);white-space:nowrap}
.lc-spec{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;align-items:center;min-width:0}
.lc-spec .k{color:var(--muted)}
.lc-spec .cargo{flex-basis:100%;font-size:13.5px;color:var(--muted)}
.lc-p{display:grid;gap:4px;justify-items:end;text-align:right}
.lc-pt{display:flex;gap:6px;align-items:center;min-height:26px}
.lc-p strong{font:800 22px/1 var(--f-display);font-stretch:105%}
.lc-p .rt{font:500 12px/1.3 var(--f-mono);color:var(--muted)}
.co{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.star{border:0;background:none;color:var(--muted);padding:3px;border-radius:6px;display:grid;place-items:center}
.star:hover{color:var(--ink)}
.star.on{color:var(--signal)}
.star.on svg{fill:var(--signal)}
.empty{padding:36px;text-align:center;color:var(--muted);display:grid;gap:10px;justify-items:center}
.sk{height:92px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(90deg,var(--sunk) 0%,var(--surface) 50%,var(--sunk) 100%);background-size:200% 100%;animation:sk 1.1s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.mini{display:grid;gap:8px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer}
.mini:hover{border-color:var(--brand)}
.mini .rr{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;flex-wrap:wrap}
.mini .ss{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);flex-wrap:wrap}

/* drawer */
.ov{position:fixed;inset:0;background:rgba(4,14,11,.55);z-index:50;display:flex;justify-content:flex-end}
.drawer{width:min(560px,100%);height:100%;background:var(--bg);overflow-y:auto;padding:calc(20px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) 22px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-l)}
.drawer>*{flex-shrink:0}
.dr-top{display:flex;justify-content:space-between;align-items:start;gap:12px}
.dr-top h2{font-size:24px;margin-top:6px}
.x-btn{border:0;background:var(--sunk);width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:var(--ink)}
.rmap{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.rmap svg{display:block;width:100%;height:auto}
.rm-dot{fill:var(--line)}
.rm-arc{fill:none;stroke:var(--brand)}
.rm-arc2{fill:none;stroke:var(--signal);stroke-dasharray:2 3}
.rm-node{fill:var(--muted);opacity:.45}
.rm-end{fill:var(--brand);stroke:var(--surface)}
.rm-lbl{fill:var(--ink);font-family:var(--f-body);font-weight:600}
.rm-truck{fill:var(--signal);stroke:var(--surface)}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.kv div{background:var(--surface);padding:11px 14px;display:grid;gap:3px;min-width:0}
.kv span{font-size:12px;color:var(--muted)}
.kv b{font-weight:600;overflow-wrap:anywhere}
.tl{list-style:none;margin:0;padding:0;display:grid}
.tl li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;padding-bottom:16px;position:relative;align-items:start}
.tl li::before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--line)}
.tl li:last-child{padding-bottom:0}
.tl li:last-child::before{display:none}
.tl .dt{width:24px;height:24px;border-radius:50%;border:2px solid var(--brand);background:var(--surface);display:grid;place-items:center;color:var(--brand)}
.tl .dt .ic{width:12px;height:12px}
.tl .dt.b{border-color:var(--signal);color:var(--warn);border-radius:7px}
.tl .dt.end{background:var(--brand);color:var(--brand-ink)}
.tl b{display:block;font-size:14.5px}
.tl small{color:var(--muted);font-size:12.5px}
.tl .d{font:500 12px/1.6 var(--f-mono);color:var(--muted);white-space:nowrap}
.pricebox{display:grid;gap:12px;padding:18px}
.pricebox .top{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.pricebox strong{font:800 34px/1 var(--f-display);font-stretch:108%}
.meter{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--ok-soft),var(--sunk) 50%,var(--warn-soft))}
.meter i{position:absolute;top:-4px;width:4px;height:16px;border-radius:2px;background:var(--ink);transform:translateX(-50%)}
.meter-l{display:flex;justify-content:space-between;font:500 11.5px/1 var(--f-mono);color:var(--muted)}
.cocard{display:flex;gap:12px;align-items:center;padding:14px;text-align:left;border-radius:14px;width:100%;color:var(--ink)}
.dr-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.phone-out{font:600 18px/1.2 var(--f-mono);user-select:all;padding:12px;border:1.5px dashed var(--brand);border-radius:10px;text-align:center;background:var(--surface)}
.link-btn{border:0;background:none;color:var(--bad);font-size:13px;text-decoration:underline;justify-self:start;padding:0;display:inline-flex;gap:6px;align-items:center}
.of-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.of-form .full{grid-column:1/-1}
.oi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
.oi:first-child{border-top:0;padding-top:0}
.oi .nm{font-weight:600;display:flex;gap:6px;align-items:center;font-size:14.5px}
.oi .sm{font-size:12.5px;color:var(--muted)}
.oi .nt{font-size:13.5px;margin-top:4px}
.oi .pr{text-align:right;display:grid;gap:4px;justify-items:end}
.oi .pr b{font:800 19px/1 var(--f-display);font-variant-numeric:tabular-nums}
.oi .acts{grid-column:2/-1;display:flex;gap:6px;flex-wrap:wrap}
.diff{font:600 11.5px/1 var(--f-mono)}
.diff.lo{color:var(--ok)}.diff.hi{color:var(--bad)}

/* post form */
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.form{padding:24px;display:grid;gap:24px}
.fs{display:grid;gap:14px}
.fs h3{font-size:17px;display:flex;align-items:center;gap:10px}
.fs h3 span{font:700 11.5px/1 var(--f-mono);background:var(--ink);color:var(--bg);border-radius:5px;padding:4px 6px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.aside{position:sticky;top:130px;display:grid;gap:16px}
.rec{padding:20px;display:grid;gap:14px;background:var(--hero);color:var(--hero-ink);border-color:var(--hero)}
.rec .eyebrow{color:var(--hero-muted)}
.rec .big{font:800 30px/1.05 var(--f-display);font-stretch:108%;color:var(--signal);font-variant-numeric:tabular-nums}
.rec p{color:var(--hero-muted);font-size:13px}
.rec .rows{display:grid;gap:8px;font-size:13.5px}
.rec .rows div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--hero-line);padding-bottom:7px}
.rec .rows span{color:var(--hero-muted)}
.rec .btn{background:var(--signal);color:var(--signal-ink)}
.err{font-size:13.5px;color:var(--bad);background:var(--bad-soft);padding:10px 12px;border-radius:10px}

/* messages */
.chat{display:grid;grid-template-columns:310px minmax(0,1fr);overflow:hidden;min-height:560px}
.convs{border-right:1px solid var(--line);display:grid;align-content:start}
.conv{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--ink)}
.conv.on{background:var(--brand-soft)}
.conv .av{width:40px;height:40px;position:relative}
.conv b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conv small{display:block;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onl{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid var(--surface)}
.unread{background:var(--signal);color:var(--signal-ink);font:700 11px/18px var(--f-mono);min-width:18px;border-radius:9px;text-align:center;padding:0 4px}
.thread{display:grid;grid-template-rows:auto 1fr auto;min-width:0}
.th-head{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}
.th-head .ctx{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.th-head .st{font-size:12px;color:var(--ok)}
.msgs{padding:18px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:460px;min-height:300px;background:var(--sunk)}
.m{max-width:75%;padding:9px 13px;border-radius:14px 14px 14px 4px;font-size:14.5px;background:var(--surface);border:1px solid var(--line);align-self:flex-start;overflow-wrap:anywhere}
.m.me{align-self:flex-end;background:var(--brand);color:var(--brand-ink);border-color:var(--brand);border-radius:14px 14px 4px 14px}
.m time{display:block;font:500 10.5px/1 var(--f-mono);opacity:.65;margin-top:5px;text-align:right}
.m.file{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.m.file .fi{width:38px;height:38px;border-radius:9px;background:var(--bad-soft);color:var(--bad);display:grid;place-items:center}
.m.file small{display:block;color:var(--muted);font-size:12px}
.m.file time{grid-column:1/-1}
.typing{font-size:13px;color:var(--muted);font-style:italic}
.day-sep{align-self:center;font:500 11px/1 var(--f-mono);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 10px}
.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.quick{display:flex;gap:6px;flex-wrap:wrap;padding:12px 12px 0}
.quick button{border:1px solid var(--line);background:var(--surface);border-radius:999px;font-size:12.5px;padding:5px 10px;color:var(--ink)}

/* cabinet + admin */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi{padding:16px 18px;display:grid;gap:6px}
.kpi b{font:800 30px/1 var(--f-display);font-stretch:110%;font-variant-numeric:tabular-nums}
.kpi span{font-size:13px;color:var(--muted)}
.kpi.alert{border-color:var(--signal);box-shadow:inset 0 3px 0 var(--signal),var(--shadow)}
.tbl-wrap{overflow-x:auto;margin:0 -4px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font:600 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:11px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
.td-r{display:flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600}
.pill{font-size:12px;font-weight:600;border-radius:6px;padding:3px 8px;white-space:nowrap;display:inline-block}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.bad{background:var(--bad-soft);color:var(--bad)}
.pill.mute{background:var(--sunk);color:var(--muted)}
.gate{padding:48px 24px;display:grid;justify-items:center;text-align:center;gap:12px}
.gate .ic{width:40px;height:40px;color:var(--brand)}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start}
.chart svg{width:100%;height:auto;display:block}
.ch-grid{stroke:var(--line)}
.ch-lbl{fill:var(--muted);font:500 10.5px var(--f-mono)}
.ch-bar{fill:var(--brand)}
.ch-bar.today{fill:var(--signal)}
.ch-val{fill:var(--ink);font:600 11px var(--f-mono)}
.legend{display:flex;gap:16px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.qi{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--line)}
.qi:first-child{border-top:0;padding-top:0}
.qi .top{display:flex;justify-content:space-between;gap:10px;align-items:start;flex-wrap:wrap}
.qi .top > div{min-width:0}
.risk{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1 var(--f-mono);padding:4px 7px;border-radius:6px}
.risk.hi{background:var(--bad-soft);color:var(--bad)}
.risk.md{background:var(--warn-soft);color:var(--warn)}
.flag{font-size:13px;color:var(--bad);display:flex;gap:7px;align-items:center}
.flag.info{color:var(--warn)}
.flag .ic{width:14px;height:14px}
.acts{display:flex;gap:6px;flex-wrap:wrap}

/* company */
.cp-cover{height:110px;border-radius:18px 18px 0 0;background:var(--hero);position:relative;overflow:hidden}
.cp-cover svg{position:absolute;inset:0;width:100%;height:100%}
.cp-head{padding:0 24px 22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:end;border-radius:0 0 18px 18px}
.cp-logo{width:88px;height:88px;border-radius:20px;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font:800 28px/1 var(--f-display);font-stretch:120%;margin-top:-40px;border:4px solid var(--surface)}
.cp-head h2{font-size:clamp(22px,3vw,30px);font-weight:800;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--muted);margin-top:6px}
.meta span{display:inline-flex;gap:5px;align-items:center}
.meta .ic{width:15px;height:15px}
.cp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
.cp-stats div{background:var(--surface);padding:14px 18px}
.cp-stats b{display:block;font:800 22px/1 var(--f-display);font-variant-numeric:tabular-nums}
.cp-stats span{font-size:12.5px;color:var(--muted)}
.cp-stats div:last-child{border-radius:0 0 18px 0}
.cp-stats div:first-child{border-radius:0 0 0 18px}
.cp-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
.contact{display:grid;gap:10px}
.contact div{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:8px;flex-wrap:wrap}
.contact span{color:var(--muted)}
.contact b{font-family:var(--f-mono);font-weight:500;user-select:all;overflow-wrap:anywhere}
.docs{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.docs li{display:flex;gap:8px;align-items:center;font-size:14px}
.docs .ic{color:var(--ok);width:17px;height:17px}
.docs li.no .ic{color:var(--muted)}
.review{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:4px}
.review:first-of-type{border-top:0;padding-top:0}
.stars{color:var(--signal);letter-spacing:2px}
.rating{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.rating b{font:800 38px/1 var(--f-display)}

/* modal */
.modal-ov{position:fixed;inset:0;background:rgba(4,14,11,.6);z-index:60;display:grid;place-items:center;padding:16px}
.modal{width:min(460px,100%);max-height:calc(100% - 16px);overflow-y:auto;background:var(--surface);border-radius:20px;padding:26px;display:grid;gap:16px;box-shadow:var(--shadow-l)}
.modal h2{font-size:23px}
.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.role{border:1.5px solid var(--line);border-radius:12px;padding:12px 6px;display:grid;justify-items:center;gap:6px;background:var(--surface);font-size:12.5px;font-weight:600;color:var(--ink)}
.role .ic{width:22px;height:22px}
.role.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.switch{font-size:14px;color:var(--muted);text-align:center}
.switch button{border:0;background:none;color:var(--brand);font-weight:600;padding:0}

/* toast, footer, bottom nav */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);opacity:0;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-size:14px;font-weight:500;z-index:80;transition:.25s;max-width:calc(100% - 32px);text-align:center;pointer-events:none;display:flex;gap:8px;align-items:center}
.toast .ic{color:var(--signal)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
footer{background:var(--surface);border-top:1px solid var(--line);font-size:14px}
.f-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:24px;padding-block:32px}
.f-grid h4{font:600 11.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.f-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.f-grid a{color:var(--ink);text-decoration:none}
.f-grid a:hover{color:var(--brand)}
.f-bot{border-top:1px solid var(--line);padding-block:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.bnav{display:none}
.sheet-nav{display:grid;gap:4px}
.sheet-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:500;background:var(--surface);border:1px solid var(--line)}
.sheet-nav a.on{border-color:var(--brand);color:var(--brand)}

@media (max-width:1000px){
  .hero,.post-layout,.cp-grid,.admin-grid,.two{grid-template-columns:minmax(0,1fr)}
  .hero{padding-block:32px 40px;gap:28px}
  .filters{grid-template-columns:1fr 1fr}
  .filters .btn{grid-column:1/-1}
  .lc{grid-template-columns:minmax(0,1fr);gap:12px}
  .lc-p{justify-items:start;text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}
  .lc-p .lc-pt{grid-column:2;grid-row:1;justify-self:end}
  .lc-p strong{grid-row:1;grid-column:1}
  .lc-p .rt,.lc-p .co{grid-column:1/-1}
  .kpis{grid-template-columns:1fr 1fr}
  .aside{position:static}
  .ins,.plans,.steps{grid-template-columns:1fr 1fr}
  .chat{grid-template-columns:minmax(0,1fr)}
  .convs{border-right:0;border-bottom:1px solid var(--line);grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);overflow-x:auto}
  .conv{border-bottom:0;border-right:1px solid var(--line)}
  .f-grid{grid-template-columns:1fr 1fr}
  .cp-stats{grid-template-columns:1fr 1fr}
  .cp-stats div{border-radius:0!important}
}
@media (max-width:760px){
  nav.tabs{display:none}
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}
  .bnav a,.bnav button{display:grid;justify-items:center;gap:3px;font-size:10.5px;font-weight:500;color:var(--muted);text-decoration:none;border:0;background:none;padding:4px 0;position:relative}
  .bnav .on{color:var(--brand)}
  .bnav .plus .c{width:46px;height:46px;border-radius:14px;background:var(--signal);color:var(--signal-ink);display:grid;place-items:center;margin-top:-20px;box-shadow:var(--shadow)}
  .bnav .nb{position:absolute;top:0;left:calc(50% + 6px)}
  body{padding-bottom:76px}
  .toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .logo-txt small{display:none}
  .avatar-btn .nm{display:none}
  .avatar-btn{padding:3px}
}
@media (max-width:600px){
  .ins,.plans,.steps{grid-template-columns:1fr}
  .g2,.g3{grid-template-columns:1fr}
  .g4{grid-template-columns:1fr 1fr}
  .cp-head{grid-template-columns:auto minmax(0,1fr)}
  .cp-head .btn{grid-column:1/-1}
  .m{max-width:88%}
  .hero-stats b{font-size:20px}
  .dr-acts{grid-template-columns:1fr}
  .roles{grid-template-columns:1fr}
  .role{grid-template-columns:auto 1fr;justify-items:start;align-items:center;padding:10px 12px}
  .cta{padding:24px}
}
@media (max-width:460px){
  .logo-txt{display:none}
  .filters,.kpis{grid-template-columns:1fr 1fr}
  .of-form{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media (max-width:600px){.oi{grid-template-columns:auto minmax(0,1fr)}.oi .pr{grid-column:2;justify-items:start;text-align:left}.oi .acts{grid-column:1/-1}}

/* ============ Real sayt üçün əlavələr (Phase 1) ============ */
body{margin:0}
.langs a{font:600 11.5px/1 var(--f-mono);padding:8px;border-radius:7px;color:var(--muted);text-decoration:none}
.langs a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-s)}
.i-sun{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .i-moon{display:none}:root:not([data-theme="light"]) .i-sun{display:block}}
:root[data-theme="dark"] .i-moon{display:none}:root[data-theme="dark"] .i-sun{display:block}
details.umenu{position:relative}
details.umenu>summary{list-style:none;cursor:pointer}
details.umenu>summary::-webkit-details-marker{display:none}
.um form{margin:0}
.pop.um{max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:0}
.um>form:last-child{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);margin:4px -6px 0;padding:4px 6px 6px}
.tab-soon{display:flex;align-items:center;gap:7px;color:var(--muted);opacity:.6;font-weight:500;font-size:14px;padding:11px 12px;white-space:nowrap;cursor:default}
.tab-soon .ic{width:16px;height:16px}
.tab-soon small{font:600 9.5px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.04em;background:var(--sunk);border-radius:4px;padding:3px 5px}
a.kpi{color:inherit;text-decoration:none}

.flashes{display:grid;gap:8px;padding-top:16px}
.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:14.5px;border:1px solid transparent;transition:opacity .4s}
.alert .ic{margin-top:1px}
.alert-success{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}
.alert-error{background:var(--bad-soft);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 25%,transparent)}
.alert-info{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}
.alert.fade{opacity:0;pointer-events:none}

.auth-wrap{display:grid;justify-items:center;padding-block:40px 64px}
.auth-card{width:min(440px,100%);padding:28px;display:grid;gap:16px}
.auth-card.wide{width:min(720px,100%)}
.auth-h{font-size:clamp(24px,3vw,30px);font-weight:800;margin-top:6px;letter-spacing:-.015em}
.lbl{font-size:13px;font-weight:500;color:var(--muted)}
.f-err{color:var(--bad);font-size:12.5px;font-weight:500}
.inp.is-invalid{border-color:var(--bad)}
.chk.is-invalid span{color:var(--bad)}
.pw{position:relative;display:block}
.pw .inp{padding-right:46px}
.pw-t{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);width:38px;height:36px;display:grid;place-items:center;border-radius:8px}
.pw-t:hover{color:var(--ink)}
.chk{display:flex;gap:10px;align-items:center;font-size:14px;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--brand)}
.switch a,.small-link{color:var(--brand);font-weight:600;text-decoration:none}
.small-link{font-size:13.5px;justify-self:start}
.btn-lg{padding:13px 20px;font-size:15.5px}
.span2{grid-column:span 2}
.roles .role{position:relative;cursor:pointer;text-align:center;align-content:start}
.roles .role input{position:absolute;opacity:0;pointer-events:none}
.roles .role small{font-weight:400;color:var(--muted);font-size:12px;line-height:1.35}
.roles .role:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:2px}
.roles.compact .role{padding:10px 6px}

.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.btn-hero-ghost{background:transparent;color:var(--hero-ink);border:1.5px solid var(--hero-line)}
.btn-hero-ghost:hover{border-color:var(--hero-muted)}
.step .n.alt{background:var(--signal);color:var(--signal-ink)}
.co-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.co-card{display:flex;gap:12px;align-items:center;padding:14px 16px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.co-card:hover{border-color:var(--brand)}
.co-card b{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-card small{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12.5px}

.cab-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:stretch}
.vcard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px}
.vcard h3{font-size:18px}
.vcard p{font-size:14px;margin-top:4px}
.vcard-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--sunk);color:var(--muted)}
.vcard-ic .ic{width:24px;height:24px}
.v-ok .vcard-ic{background:var(--ok-soft);color:var(--ok)}
.v-warn .vcard-ic{background:var(--warn-soft);color:var(--warn)}
.v-bad .vcard-ic{background:var(--bad-soft);color:var(--bad)}
.v-ok{border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}
.note{font-size:13px;background:var(--bad-soft);color:var(--bad);border-radius:8px;padding:6px 9px;margin-top:6px;display:block}
.progress{height:10px;border-radius:5px;background:var(--sunk);overflow:hidden}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:5px}
.kpi-soon b{color:var(--muted)}
.soon-note{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}
.soon-note .ic{width:14px;height:14px}
.contact b.txt{font-family:var(--f-body);font-weight:600;display:inline-flex;align-items:center;gap:6px;text-align:right}
.qlinks{display:grid;gap:6px}
.qlinks a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:500}
.qlinks a:hover{border-color:var(--brand)}
.qlinks a .ic:last-child{color:var(--muted)}

.form-actions{display:flex;gap:10px;flex-wrap:wrap}
.drop{display:grid;justify-items:center;gap:8px;padding:22px;border:2px dashed var(--line);border-radius:14px;background:var(--sunk);color:var(--muted);text-align:center}
.drop .ic{width:28px;height:28px}
.drop input{max-width:100%;font-size:14px;color:var(--ink)}
.doclist{display:grid;gap:8px}
.doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.doc b{display:block;font-size:14.5px}
.doc small{display:block;font-size:12.5px;overflow-wrap:anywhere}
.doc small a{color:var(--brand)}
.doc-ic{width:40px;height:40px;border-radius:10px;background:var(--bad-soft);color:var(--bad);display:grid;place-items:center}
.doc-link{color:var(--ink);text-decoration:none}
.doc-link:hover{border-color:var(--brand)}
.pill{display:inline-flex;align-items:center;gap:5px}
.pill .ic{width:14px;height:14px}
.pill.big{font-size:14px;padding:7px 12px;border-radius:9px}
h2 .pill{font-family:var(--f-body);font-size:12.5px;vertical-align:middle}

.subtabs{display:flex;gap:6px;flex-wrap:wrap}
.subtabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);text-decoration:none;font-weight:600;font-size:14px}
.subtabs a.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.subtabs .ic{width:16px;height:16px}
.filters.f3{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto}
.td-sub{display:block;font-size:12.5px;margin-top:2px}
.td-r{color:var(--ink);text-decoration:none}
a.td-r:hover{color:var(--brand)}
.acts.end{justify-content:flex-end;margin:0}
.pager{display:flex;gap:12px;align-items:center;justify-content:center;padding-top:8px}
.rev-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0}
.inp-sm{padding:7px 10px;font-size:13.5px;flex:1;min-width:180px}
.is-disabled{opacity:.55;cursor:not-allowed}
.prose{font-size:15px;line-height:1.65;max-width:70ch;overflow-wrap:anywhere}
.gate h2{font-size:22px}
.empty .ic{width:32px;height:32px}

@media (max-width:1000px){
  .cab-top,.co-grid{grid-template-columns:minmax(0,1fr)}
  .filters.f3{grid-template-columns:1fr 1fr}
  .filters.f3 .f:first-child{grid-column:1/-1}
}
@media (max-width:760px){
  nav.tabs{display:block}
  body{padding-bottom:0}
  .hide-sm{display:none}
  .avatar-btn .nm{display:none}
  .avatar-btn{padding:3px}
}
@media (max-width:600px){
  .span2{grid-column:auto}
  .vcard{grid-template-columns:auto minmax(0,1fr)}
  .vcard .btn{grid-column:1/-1}
  .auth-card{padding:22px}
  .roles{grid-template-columns:1fr}
  .roles .role{grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:10px}
  .roles .role small{grid-column:2}
  .roles .role .ic{grid-row:span 2}
  .roles.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
  .roles.compact .role{grid-template-columns:1fr;justify-items:center;text-align:center}
  .roles.compact .role .ic{grid-row:auto}
  .acts.end{justify-content:flex-start}
}


/* ============ Mərhələ 2: elanlar ============ */
.lc{position:relative}
.lc-link{position:absolute;inset:0;z-index:1;border-radius:14px}
.lc-link:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.lc .fav-form,.lc .star{position:relative;z-index:2}
.fav-form{margin:0;display:inline-flex}
.star .ic{width:20px;height:20px}
.neg{font:600 15px/1.2 var(--f-body);color:var(--muted)}
.filters.f5{grid-template-columns:repeat(5,minmax(0,1fr)) auto}
.filters.f4{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto}
.f-btns{display:flex;gap:8px;align-items:end}
.city-txt{margin-top:8px}
a.mini{color:var(--ink);text-decoration:none}
.hero .search{margin-top:24px}
.hero-stats a{background:var(--hero-2);padding:12px 14px;color:inherit;text-decoration:none;display:block}
.hero-stats a:hover b{color:var(--signal)}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.subtabs.light a.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
.detail{gap:20px}
.back-link{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;justify-self:start}
.back-link:hover{color:var(--brand)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.d-main,.d-side{display:grid;gap:18px;min-width:0}
.d-side{position:sticky;top:130px}
.d-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.d-title{font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.015em;margin:8px 0 6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.d-title .arrow{color:var(--muted);font-weight:500}
.d-head .star{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;border-radius:12px}
.pricebox{display:grid;gap:10px}
.pricebox strong{font:800 32px/1.05 var(--f-display);font-stretch:108%}
.owner-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;flex-wrap:wrap;border-color:var(--signal);background:color-mix(in srgb,var(--signal) 7%,var(--surface))}
.owner-bar form{margin:0}
.cocard{display:flex;gap:12px;align-items:center;padding:14px;text-decoration:none;color:var(--ink);border-radius:16px}
.cocard:hover{border-color:var(--brand)}
.cocard-n{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.reveal.shown{font-family:var(--f-mono);font-size:16px;user-select:all;color:var(--brand)}
.msg-soon{padding:14px 18px}
details.report{font-size:14px}
details.report>summary{cursor:pointer;color:var(--bad);display:inline-flex;gap:6px;align-items:center;list-style:none}
details.report>summary::-webkit-details-marker{display:none}
details.report .ic{width:15px;height:15px}
.report-form{display:grid;gap:8px;margin-top:10px}
.risk .ic{width:13px;height:13px}
.empty .acts{justify-content:center}
@media (max-width:1100px){.filters.f5{grid-template-columns:repeat(3,minmax(0,1fr))}.filters.f5 .f-btns{grid-column:span 3}}
@media (max-width:1000px){.detail-grid{grid-template-columns:minmax(0,1fr)}.d-side{position:static}.filters.f4{grid-template-columns:1fr 1fr}.filters.f4 .f:first-child{grid-column:1/-1}}
@media (max-width:600px){.filters.f5{grid-template-columns:1fr 1fr}.filters.f5 .f-btns{grid-column:1/-1}.f-btns .btn{flex:1}.owner-bar .acts{width:100%}}


/* ============ Mərhələ 3: təkliflər, mesajlar, bildirişlər, rəylər ============ */
.small{font-size:13px}
form.inline{display:inline-flex;margin:0}
.btn-block{width:100%}
form.inline .btn-block{width:100%}
.contact-box form.inline{display:flex}
/* bildiriş zəngi */
details.bell>summary{position:relative}
details.bell .pop{width:min(380px,calc(100vw - 24px));max-height:70vh;overflow-y:auto}
.pop-h form{margin:0}
.ni{color:var(--ink);text-decoration:none}
.pop-all{display:block;padding:12px 16px;text-align:center;font-weight:600;font-size:13.5px;color:var(--brand);text-decoration:none;border-top:1px solid var(--line)}
.nlist{overflow:hidden}
.nrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14.5px}
.nrow:last-child{border-bottom:0}
.nrow:hover{background:var(--sunk)}
.nrow small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.nrow.unread{background:color-mix(in srgb,var(--signal) 8%,var(--surface))}
.nrow.unread .nic{background:var(--signal);color:var(--signal-ink)}
.nic{width:38px;height:38px;border-radius:11px;background:var(--sunk);color:var(--muted);display:grid;place-items:center}
/* ayarlar */
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px dashed var(--line);font-size:14.5px;cursor:pointer}
.switch-row input{position:absolute;opacity:0;pointer-events:none}
.switch-row i{width:44px;height:26px;border-radius:13px;background:var(--line);position:relative;flex-shrink:0;transition:background .15s}
.switch-row i::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-s);transition:transform .15s}
.switch-row input:checked+i{background:var(--brand)}
.switch-row input:checked+i::after{transform:translateX(18px)}
.switch-row input:focus-visible+i{outline:2px solid var(--signal);outline-offset:2px}
/* təkliflər */
.offers-box .oi{grid-template-columns:auto minmax(0,1fr) auto}
.offer-form{display:grid;gap:12px}
.offer-h{margin:6px 0 0;font:700 16px var(--f-display)}
.my-offer{display:grid;gap:4px;padding:14px;border-radius:12px;background:var(--sunk)}
.dec-form{display:flex;gap:6px;margin:0;align-items:center}
.dec-form .inp-sm{min-width:0;flex:0 1 auto;width:auto}
.oi .acts form{margin:0}
.oi .nm a{color:var(--ink);text-decoration:none}
.oi .nm a:hover{color:var(--brand)}
.oi .sm .ic{width:13px;height:13px;vertical-align:-2px}
.oi .rt{font:500 12px var(--f-mono);color:var(--muted)}
details.edit-offer>summary{list-style:none;justify-self:start;cursor:pointer}
details.edit-offer>summary::-webkit-details-marker{display:none}
details.edit-offer[open]>summary{margin-bottom:12px}
.rating-b{font:600 12.5px var(--f-body);color:var(--warn);white-space:nowrap}
.rating-s{color:var(--warn);font-weight:600}
.stars{color:var(--signal);letter-spacing:1px}
.stars .off{color:var(--line)}
.small-pill{font-size:11px;padding:2px 7px}
/* rəy ulduzları */
.rate-in{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.rate-in legend{width:100%;margin-bottom:6px}
.rate-in input{position:absolute;opacity:0;pointer-events:none}
.rate-in label{font-size:38px;line-height:1;color:var(--line);cursor:pointer;transition:color .1s,transform .1s}
.rate-in label:hover,.rate-in label:hover~label,.rate-in input:checked~label{color:var(--signal)}
.rate-in input:focus-visible+label{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}
.rate-in label:active{transform:scale(.9)}
/* mesajlar */
.chat{min-height:600px}
.conv{color:var(--ink);text-decoration:none}
.conv:hover{background:var(--sunk)}
.conv.on:hover{background:var(--brand-soft)}
.conv-r{display:grid;justify-items:end;gap:4px}
.conv-r small{font-size:11px;color:var(--muted);white-space:nowrap}
.convs{max-height:640px;overflow-y:auto}
.th-head .av{flex-shrink:0}
.th-name{color:var(--ink);text-decoration:none}
.th-head .ctx a{color:var(--brand);text-decoration:none}
.th-head .ctx .ic{width:13px;height:13px;vertical-align:-2px}
.back-conv{display:none;font-size:20px;color:var(--ink);text-decoration:none;padding:4px 8px}
.th-menu .pop{width:240px}
.th-menu form{margin:0}
.msgs{max-height:520px;min-height:360px}
.m.sys{align-self:center;max-width:90%;text-align:center;background:var(--ok-soft);color:var(--ok);border-color:transparent;border-radius:12px;font-weight:500;font-size:13.5px}
.m.sys time{text-align:center}
.m .cap{grid-column:1/-1;display:block;margin-top:4px}
.m.file{grid-template-columns:auto minmax(0,1fr)}
.m.file a{color:inherit}
.m.file .fi{text-decoration:none}
.m.me.file small{color:inherit;opacity:.75}
.tick{opacity:.55;letter-spacing:-2px;margin-left:2px}
.tick.seen{opacity:1;color:var(--signal)}
.m:not(.me) .tick{display:none}
.composer{align-items:flex-end}
.composer.busy{opacity:.6}
.comp-main{flex:1;min-width:0;display:grid;gap:4px}
.comp-main textarea{resize:none;min-height:44px;max-height:160px;line-height:1.4}
.file-chip{font-size:12.5px;color:var(--brand);font-weight:500}
.attach{cursor:pointer;flex-shrink:0;height:44px;width:44px}
.attach input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.blocked-note{padding:16px;text-align:center;color:var(--muted);border-top:1px solid var(--line);font-size:14px}
.empty-thread{display:grid;place-items:center}
.chat.single{display:block;min-height:0}
.chat.single .m[data-co]::before{content:attr(data-co);display:block;font:600 11px var(--f-mono);opacity:.7;margin-bottom:3px}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);opacity:0;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-size:14px;font-weight:500;z-index:80;transition:.25s;max-width:calc(100% - 32px);text-align:center;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:1000px){
  .chat{grid-template-columns:minmax(0,1fr)}
  .chat.has-thread .convs{display:none}
  .chat .convs{border-right:0;border-bottom:0;display:grid;grid-auto-flow:row;grid-auto-columns:auto;max-height:none}
  .chat .conv{border-right:0;border-bottom:1px solid var(--line)}
  .back-conv{display:inline-block}
  .msgs{max-height:60vh}
}
@media (max-width:600px){
  .offers-box .oi{grid-template-columns:auto minmax(0,1fr)}
  .offers-box .oi .pr,.oi .pr{grid-column:2;justify-items:start;text-align:left}
  .dec-form{flex-wrap:wrap}
  .m{max-width:88%}
}


/* ============ Mərhələ 4: ayarlar, abunəlik, marşrutlar, PWA ============ */
.announce{background:var(--brand);color:var(--brand-ink);font-size:13.5px;font-weight:500}
.announce .wrap{display:flex;gap:8px;align-items:center;justify-content:center;padding-block:8px;text-align:center}
.announce .ic{width:15px;height:15px;flex-shrink:0}
.announce.warn{background:var(--signal);color:var(--signal-ink)}
.maint{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;padding:24px max(16px,env(safe-area-inset-left,0px));background:var(--hero);color:var(--hero-ink)}
.maint h1{font-size:clamp(24px,4vw,36px);font-weight:800}
.maint p{color:var(--hero-muted);max-width:52ch}
.maint .small-link{justify-self:center;color:var(--signal)}
.maint .btn{justify-self:center}
.maint .logo-mark{width:64px;height:64px;border-radius:18px}
.maint .logo-mark svg{width:36px;height:36px}
.btn-alert{background:var(--signal);color:var(--signal-ink)}
.alert-on{color:var(--ok)}
.alert-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.alert-row:first-child{border-top:0;padding-top:0}
.alert-row a{color:var(--ink);text-decoration:none}
.alert-row a:hover{color:var(--brand)}
.alert-row small{display:block;margin-top:2px}
.alert-row form{margin:0}
.crumbs{font-size:13.5px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--brand)}
.route-hero{padding:24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center}
.route-hero .eyebrow{display:flex;gap:6px;align-items:center}
.route-hero .acts{margin-top:14px}
.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.route-card{display:grid;gap:6px;padding:16px;color:var(--ink);text-decoration:none;transition:border-color .15s}
.route-card:hover{border-color:var(--brand)}
.route-card span{display:flex;gap:6px;align-items:center}
.route-card b{font-size:14.5px}
.f-bot{align-items:center}
@media (max-width:1000px){.route-hero{grid-template-columns:minmax(0,1fr)}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.alert-row{grid-template-columns:auto minmax(0,1fr)}.alert-row .acts{grid-column:1/-1;justify-content:flex-start}}
@media (max-width:420px){.route-grid{grid-template-columns:minmax(0,1fr)}}
/* ---------- Mərhələ 5: Payriff, VIP ---------- */
.b-vip{background:linear-gradient(135deg,#f2a900,#e0731a);color:#1f1300;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.lc.vip{border-color:color-mix(in srgb,var(--signal) 70%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--signal) 45%,transparent),0 6px 18px -10px color-mix(in srgb,var(--signal) 60%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--signal) 9%,var(--surface)),var(--surface) 45%)}
.lc.vip:hover{border-color:var(--signal)}
.promo{padding:16px 18px;display:grid;gap:12px;border-color:color-mix(in srgb,var(--signal) 55%,var(--line))}
.promo-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.promo-h b{display:inline-flex;align-items:center;gap:6px;font-size:15px}
.promo-h b svg{width:17px;height:17px;color:var(--signal)}
.promo-h p{margin:4px 0 0}
.promo-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.promo-opts form{margin:0}
.promo-opt{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t p" "s p";gap:3px 12px;align-items:center;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;transition:border-color .15s,transform .15s}
.promo-opt:hover{border-color:var(--signal);transform:translateY(-1px)}
.promo-opt.vip{border-color:color-mix(in srgb,var(--signal) 60%,var(--line));background:color-mix(in srgb,var(--signal) 8%,var(--surface))}
.po-t{grid-area:t;font-weight:700;display:flex;align-items:center;gap:6px}
.po-t svg{width:15px;height:15px}
.po-s{grid-area:s;font-size:12.5px;color:var(--muted)}
.promo-opt b{grid-area:p;font:800 18px/1 var(--f-display);white-space:nowrap}
.promo>p{margin:0}
.promo>p svg{width:13px;height:13px;vertical-align:-2px}
.btn.is-off{opacity:.6;cursor:not-allowed}
.page.narrow{max-width:640px}
.pay-res{padding:30px 24px;display:grid;gap:12px;justify-items:center;text-align:center}
.pay-res h2{margin:0}
.pay-res p{margin:0;max-width:46ch}
.pr-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--bad-soft);color:var(--bad)}
.pr-ic svg{width:28px;height:28px}
.pay-res.paid .pr-ic{background:var(--ok-soft);color:var(--ok)}
.pay-res.pending .pr-ic{background:var(--warn-soft);color:var(--warn)}
.pay-kv{width:100%;text-align:left;margin-top:6px}
.acts.center{justify-content:center}
.mono{font-family:var(--f-mono);font-size:12px}
.pay-tbl .td-sub.mono{word-break:break-all}
.kpi small{font-size:12px}
@media (max-width:600px){.promo-opts{grid-template-columns:minmax(0,1fr)}}
/* ---------- Mərhələ 6: admin paneli ---------- */
.adm-body header.top nav.tabs{display:none}
.adm{display:grid;grid-template-columns:236px minmax(0,1fr);gap:28px;padding-top:24px;padding-bottom:64px;align-items:start}
.adm-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 8px;box-shadow:var(--shadow-s);max-height:calc(100vh - 100px);overflow:auto}
.adm-nav{display:grid;gap:4px}
.adm-g{display:grid;gap:2px}
.adm-gl{font:600 10.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 10px 6px}
.adm-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:500;font-size:14.5px;transition:background .12s}
.adm-nav a svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}
.adm-nav a:hover{background:var(--sunk)}
.adm-nav a.on{background:var(--brand);color:var(--brand-ink);font-weight:600}
.adm-nav a.on svg{color:currentColor}
.adm-nb{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:99px;background:var(--signal);color:var(--signal-ink);font:700 11px/1.35 var(--f-mono);text-align:center}
.adm-nb.bad{background:var(--bad);color:#fff}
.adm-side-f{border-top:1px solid var(--line);padding:10px 2px 2px;display:grid;gap:8px}
.adm-side-f>a{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500}
.adm-side-f>a:hover{background:var(--sunk);color:var(--ink)}
.adm-side-f svg{width:17px;height:17px}
.adm-me{display:flex;align-items:center;gap:10px;padding:4px 8px;min-width:0}
.adm-me>span:last-child{display:grid;min-width:0}
.adm-me b{font-size:13.5px}
.adm-me small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-main{min-width:0;display:grid;gap:18px;align-content:start}
.adm-main>*{min-width:0}
.adm code{overflow-wrap:anywhere;word-break:break-all}
.adm-search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 14px;height:46px;box-shadow:var(--shadow-s)}
.adm-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
.adm-search svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}
.adm-search input{border:0;background:transparent;flex:1;min-width:0;font:inherit;font-size:15px;color:var(--ink);outline:none;height:100%}
.adm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 16px;flex-wrap:wrap}
.adm-head>div:first-child{min-width:0}
.adm-head h1{font:800 30px/1.12 var(--f-display);font-stretch:110%;margin:4px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;overflow-wrap:anywhere}
.adm-head h1 .vf{width:20px;height:20px;font-size:12px}
.adm-head p.muted{margin:6px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}
.adm-head .acts form{margin:0}
.adm .back-link{margin-bottom:-6px}
.adm-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.adm-2.wide-l{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.stack{display:grid;gap:18px;align-content:start;min-width:0}
.sub-search{margin-left:auto}
.sub-search .inp{min-width:220px}
/* diqqət bloku */
.attn{padding:16px 18px;display:grid;gap:12px;border-left:4px solid var(--warn)}
.attn.clear{border-left-color:var(--ok)}
.attn h2{margin:0;font:700 16px/1.2 var(--f-body);display:flex;align-items:center;gap:8px}
.attn h2 svg{width:19px;height:19px;color:var(--warn)}
.attn.clear h2 svg{color:var(--ok)}
.attn p{margin:0}
.attn-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.attn-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:14px;font-weight:500;transition:border-color .12s,transform .12s}
.attn-i:hover{border-color:var(--ink);transform:translateY(-1px)}
.attn-i b{margin-left:auto;font-size:17px}
.attn-i>svg{width:15px;height:15px;color:var(--muted)}
.attn-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;flex-shrink:0}
.attn-ic svg{width:17px;height:17px}
.attn-i.warn .attn-ic{background:var(--warn-soft);color:var(--warn)}
.attn-i.bad .attn-ic{background:var(--bad-soft);color:var(--bad)}
/* KPI */
.kpis.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpis.k6{grid-template-columns:repeat(5,minmax(0,1fr))}
.kpi2{padding:16px 18px 14px;display:grid;gap:6px;text-decoration:none;color:var(--ink);transition:border-color .12s}
a.kpi2:hover{border-color:var(--brand)}
.k-l{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);font-weight:500}
.k-l svg{width:16px;height:16px}
.kpi2 b{font:800 30px/1 var(--f-display);font-stretch:110%;white-space:nowrap}
.kpi2 small{font-size:12.5px}
.spark{width:100%;height:34px;display:block;margin:4px 0 2px}
.delta{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted)}
.delta svg{width:13px;height:13px}
.delta i{font-style:normal;font-weight:400;color:var(--muted)}
.delta.up{color:var(--ok)}
.delta.down{color:var(--bad)}
/* qrafiklər */
.legend .ln{width:14px;height:3px;border-radius:2px;vertical-align:3px}
.lchart,.bchart{position:relative;padding:0 0 22px 34px;outline:none}
.lchart svg,.bchart svg{width:100%;height:240px;display:block;overflow:visible}
.bchart svg{height:190px}
.lchart:focus-visible,.bchart:focus-visible{box-shadow:0 0 0 2px var(--brand);border-radius:8px}
.ch-cross{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.ch-y{position:absolute;left:0;top:0;bottom:22px;width:30px}
.ch-y span{position:absolute;right:0;transform:translateY(-50%);font:500 10.5px var(--f-mono);color:var(--muted)}
.ch-x{position:absolute;left:34px;right:0;bottom:0;height:18px}
.ch-x span{position:absolute;transform:translateX(-50%);font:500 10.5px var(--f-mono);color:var(--muted);white-space:nowrap}
.ch-tip{position:absolute;top:-6px;z-index:5;pointer-events:none;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:8px 10px;display:grid;gap:4px;font-size:12.5px;min-width:130px}
.ch-tip b{font:600 11px var(--f-mono);color:var(--muted)}
.ch-tip span{display:flex;align-items:center;gap:7px}
.ch-tip i{width:12px;height:3px;border-radius:2px;flex-shrink:0}
.ch-tip strong{font-variant-numeric:tabular-nums;min-width:22px}
.ch-tip em{font-style:normal;color:var(--muted)}
.bchart .ch-tip{font-weight:600}
.ch-hit{outline:none;cursor:default}
.ch-hit.on path,.ch-hit:focus path{opacity:.75}
.tbl-view summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600}
.tbl-view[open] summary{margin-bottom:10px}
/* reytinq / lent / sağlamlıq */
.rmeter{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:14px}
.rmeter:last-child{border-bottom:0}
.m-l{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}
.m-l .muted{overflow:hidden;text-overflow:ellipsis;font-size:13px}
.m-bar{height:8px;background:var(--sunk);border-radius:99px;overflow:hidden}
.m-bar i{display:block;height:100%;background:var(--c1);border-radius:99px}
.feed{list-style:none;margin:0;padding:0;display:grid}
.feed li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.feed li:last-child{border-bottom:0}
.feed a{color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed a:hover{text-decoration:underline}
.feed>li>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed time{font-size:12px;white-space:nowrap}
.f-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--sunk);color:var(--muted)}
.f-ic svg{width:15px;height:15px}
.rank{display:grid;grid-template-columns:22px auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:14px}
.rank:last-child{border-bottom:0}
.rk{color:var(--muted);font-weight:700;text-align:center}
.rk-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.rank b{font-size:12.5px;color:var(--muted);font-weight:600}
.health{list-style:none;margin:0;padding:0;display:grid}
.health li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.health li:last-child{border-bottom:0}
.health li>span:first-child{display:grid;min-width:0}
.health small{font-size:12px}
.health .pill svg{width:12px;height:12px}
.pill.mute{background:var(--sunk);color:var(--muted)}
/* şirkət kartı */
.c-about{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px}
.c-about p{margin:0;display:flex;gap:6px;align-items:flex-start;font-size:14px}
.c-about svg{width:15px;height:15px;margin-top:2px;flex-shrink:0;color:var(--muted)}
.note-form{display:grid;gap:8px;justify-items:start}
.note-form textarea{width:100%}
.note{border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:10px;padding:10px 12px;display:grid;gap:6px;background:color-mix(in srgb,var(--signal) 5%,var(--surface))}
.note p{margin:0;font-size:14px;white-space:normal;overflow-wrap:anywhere}
.note-f{display:flex;justify-content:space-between;align-items:center;gap:8px}
.note-f form{margin:0}
.lnk-bad{background:none;border:0;color:var(--bad);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:0}
.box h3 svg{width:17px;height:17px;vertical-align:-3px}
/* kütləvi bildiriş */
.aud-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.aud{position:relative;display:block;cursor:pointer}
.aud input{position:absolute;opacity:0}
.aud span{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .12s}
.aud small{color:var(--muted);font-size:12.5px}
.aud input:checked+span{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:var(--brand-soft)}
.aud input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}
.bc-prev{display:grid;gap:6px;padding:0 4px}
.np{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px dashed var(--line);border-radius:12px;font-size:14px;overflow-wrap:anywhere}
.np-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand-soft);color:var(--brand);flex-shrink:0}
.np-ic svg{width:16px;height:16px}
.bc-item{border-bottom:1px solid var(--line);padding:10px 0;display:grid;gap:4px}
.bc-item:last-child{border-bottom:0}
.bc-item p{margin:0;font-size:14px;overflow-wrap:anywhere}
.bc-item small{font-size:12px}
/* jurnal */
.log-a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:500}
.log-a svg{width:15px;height:15px;color:var(--muted)}
.log-d{max-width:380px;overflow-wrap:anywhere;font-size:13px;color:var(--muted)}
.log-tbl td a{display:inline-flex;align-items:center;gap:5px}
.log-tbl td a svg{width:14px;height:14px}
@media (max-width:1100px){.kpis.k6{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis.k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.adm-burger,.adm-bottom,.adm-backdrop,.adm-dh{display:none}
.adm-side-f form{margin:0}
.adm-side-f button{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;background:none;border-radius:10px;color:var(--muted);font:500 14px var(--f-body);cursor:pointer;text-align:left}
.adm-side-f button:hover{background:var(--bad-soft);color:var(--bad)}
@media (max-width:959px){
  .adm{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:16px;padding-bottom:28px}
  .adm-body details.umenu:not(.bell){display:none}
  .adm-burger{display:grid;position:relative}
  .adm-side{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(86vw,340px);max-height:none;z-index:60;border-radius:22px 0 0 22px;border-right:0;
    transform:translateX(105%);visibility:hidden;transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility .24s;padding:14px 10px calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-l)}
  .adm-open .adm-side{transform:none;visibility:visible}
  .adm-backdrop{display:block;position:fixed;inset:0;background:rgba(4,14,11,.5);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}
  .adm-open .adm-backdrop{opacity:1;pointer-events:auto}
  body.adm-open{overflow:hidden}
  .adm-dh{display:flex;align-items:center;gap:12px;padding:4px 6px 14px;margin-bottom:4px;border-bottom:1px solid var(--line)}
  .adm-dh>span:nth-child(2){display:grid;min-width:0;flex:1}
  .adm-dh b{font-size:15.5px}
  .adm-dh small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .adm-x{flex-shrink:0}
  .adm-nav a{padding:12px 12px;font-size:15.5px}
  .adm-nav a svg{width:20px;height:20px}
  .adm-side-f .adm-me{display:none}
  .adm-side-f>a,.adm-side-f button{padding:11px 12px;font-size:15px}
  .adm-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px rgba(15,29,25,.06)}
  .adm-bottom a,.adm-more{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--muted);text-decoration:none;font:600 11.5px/1.2 var(--f-body);background:none;border:0;position:relative;border-radius:12px;cursor:pointer;min-width:0}
  .adm-bottom span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .adm-bottom svg{width:22px;height:22px}
  .adm-bottom .on{color:var(--brand)}
  .adm-bottom .on svg{background:var(--brand-soft);border-radius:10px;padding:3px 12px;box-sizing:content-box;margin-top:-3px}
  .adm-bottom .adm-nb{position:absolute;top:0;left:calc(50% + 8px);margin:0;font-size:10px;min-width:18px;padding:1px 5px}
  .adm-body footer{padding-bottom:84px}
  .adm-2,.adm-2.wide-l{grid-template-columns:minmax(0,1fr)}
  .adm-head h1{font-size:25px}
}
}
@media (max-width:600px){
  .kpis.k4,.kpis.k6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi2{padding:14px}
  .kpi2 b{font-size:23px}
  .aud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .attn-list{grid-template-columns:minmax(0,1fr)}
  .lchart svg{height:200px}
  .rmeter{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .rmeter .m-bar{grid-column:1/-1;grid-row:2}
  .sub-search{margin-left:0;width:100%}.sub-search .inp{width:100%;min-width:0}
  .delta i{display:none}
}
/* ---------- Mərhələ 7: səhifələr, xəbərlər, sövdələşmə, qiymətlər ---------- */
.doc-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
.doc-page{padding:28px 32px;display:grid;gap:14px;min-width:0}
.doc-page h1{font:800 32px/1.15 var(--f-display);font-stretch:108%;margin:0}
.prose{font-size:16px;line-height:1.7;max-width:72ch;overflow-wrap:anywhere}
.prose h2{font:700 21px/1.3 var(--f-display);margin:26px 0 8px}
.prose h3{font:700 17px/1.3 var(--f-body);margin:20px 0 6px}
.prose p{margin:0 0 12px}
.prose ul,.prose ol{margin:0 0 14px;padding-left:22px}
.prose li{margin-bottom:5px}
.prose blockquote{margin:0 0 14px;padding:10px 14px;border-left:3px solid var(--signal);background:var(--sunk);border-radius:0 10px 10px 0}
.prose a{color:var(--brand);font-weight:600}
.doc-side{display:grid;gap:14px;position:sticky;top:84px}
.side-links{padding:16px;display:grid;gap:2px}
.side-links .eyebrow{margin:0 0 8px}
.side-links a{padding:8px 10px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:14.5px}
.side-links a:hover{background:var(--sunk)}
.side-links a.on{background:var(--brand-soft);color:var(--brand);font-weight:600}
.faq{display:grid;gap:8px}
.faq-i{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.faq-i summary{cursor:pointer;padding:14px 16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::after{content:"+";font:600 20px/1 var(--f-mono);color:var(--muted)}
.faq-i[open] summary::after{content:"–"}
.faq-i .prose{padding:0 16px 14px;font-size:15px}
.narrow-l{max-width:860px;margin-inline:auto}
.post-cover{width:100%;max-height:440px;object-fit:cover;border-radius:12px;display:block}
.share{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.news-card{overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.nc-img{display:block;aspect-ratio:16/9;background:var(--sunk)}
.nc-img img{width:100%;height:100%;object-fit:cover;display:block}
.nc-ph{display:grid;place-items:center;height:100%;color:var(--muted)}
.nc-ph svg{width:40px;height:40px;opacity:.5}
.nc-b{padding:14px 16px 16px;display:grid;gap:6px;align-content:start}
.nc-b h3{margin:0;font:700 17px/1.3 var(--f-body)}
.nc-b h3 a{color:var(--ink);text-decoration:none}
.nc-b h3 a:hover{color:var(--brand)}
.nc-b p{margin:0;font-size:14px}
.ct-form{padding:28px;min-width:0}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-info{padding:16px;display:grid;gap:10px}
.ct-info .eyebrow{margin:0}
.ct-info a{display:flex;gap:8px;align-items:center;color:var(--ink);text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.ct-info a svg{width:17px;height:17px;color:var(--brand)}
.tools-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tool-card{display:flex;align-items:center;gap:14px;padding:18px;text-decoration:none;color:var(--ink);transition:border-color .12s,transform .12s}
.tool-card:hover{border-color:var(--brand);transform:translateY(-1px)}
.tool-card .n{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--brand-soft);color:var(--brand);flex-shrink:0}
.tool-card .n svg{width:22px;height:22px}
.tool-card>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
.tool-card b{font-size:16px}
.tool-card>svg{color:var(--muted)}
/* admin məzmun */
.cms-form{min-width:0}
.lang-sw{display:inline-flex;gap:4px;background:var(--sunk);padding:4px;border-radius:10px;justify-self:start}
.lang-sw button{border:0;background:none;padding:7px 14px;border-radius:7px;font:600 13px var(--f-mono);color:var(--muted);cursor:pointer}
.lang-sw button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-s)}
.mono-ta{font:14px/1.6 var(--f-mono);min-height:280px}
.md-help summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600;display:inline-flex;gap:6px;align-items:center}
.md-help summary svg{width:15px;height:15px}
.md-help table{margin-top:8px;font-size:13px}
.md-help code{font:12.5px var(--f-mono);background:var(--sunk);padding:2px 6px;border-radius:5px}
.cms-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.cms-row:last-child{border-bottom:0}
.cms-row b a{color:var(--ink);text-decoration:none}
.cms-row b a:hover{color:var(--brand)}
.lang-dots{display:inline-flex;gap:3px}
.lang-dots i{font:600 10px/1 var(--f-mono);font-style:normal;padding:4px 5px;border-radius:5px;background:var(--sunk);color:var(--muted);opacity:.55}
.lang-dots i.on{background:var(--ok-soft);color:var(--ok);opacity:1}
.danger-zone{display:flex;justify-content:flex-end}
.cover-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.cover-row .f{flex:1;min-width:220px}
.cover-prev{width:160px;height:90px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.news-row{grid-template-columns:64px minmax(0,1fr) auto}
.nr-img{width:64px;height:40px;border-radius:8px;background:var(--sunk);display:grid;place-items:center;overflow:hidden;color:var(--muted)}
.nr-img img{width:100%;height:100%;object-fit:cover}
.ib-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);border-radius:10px}
.ib-row:hover{background:var(--sunk)}
.ib-row.new b{color:var(--brand)}
.ib-row.new{background:color-mix(in srgb,var(--signal) 6%,transparent)}
.ib-m{display:grid;min-width:0}
.ib-m small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-r{display:grid;gap:4px;justify-items:end}
.ib-r time{font-size:12px}
.msg-body{font-size:15px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.ib-reply{border-left:3px solid var(--ok)}
/* sövdələşmə */
.deal-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;padding:18px 20px}
.party{display:grid;gap:4px;min-width:0}
.party .eyebrow{margin:0}
.party-n{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;min-width:0}
.party-n b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.deal-top .party:last-child{justify-items:end;text-align:right}
.deal-mid{display:grid;justify-items:center;gap:4px;text-align:center}
.deal-mid b{font:800 22px/1 var(--f-display)}
.deal-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}
.stepper{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;counter-reset:s}
.stepper li{display:grid;justify-items:center;gap:5px;text-align:center;position:relative;font-size:13.5px;color:var(--muted)}
.stepper li::before{content:"";position:absolute;top:19px;left:-50%;width:100%;height:3px;background:var(--line);z-index:0}
.stepper li:first-child::before{display:none}
.stepper .st-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sunk);border:2px solid var(--line);position:relative;z-index:1;color:var(--muted)}
.stepper .st-ic svg{width:18px;height:18px}
.stepper li.done,.stepper li.cur{color:var(--ink)}
.stepper li.done::before,.stepper li.cur::before{background:var(--ok)}
.stepper li.done .st-ic{background:var(--ok);border-color:var(--ok);color:#fff}
.stepper li.cur .st-ic{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 22%,transparent)}
.stepper small{font-size:11.5px;min-height:14px}
.stepper.cancelled li.done .st-ic{background:var(--muted);border-color:var(--muted)}
.deal-act{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:14px}
.deal-act .acts{flex-wrap:nowrap}
.deal-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}
.doc-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.doc-tile{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:border-color .12s}
.doc-tile:hover{border-color:var(--brand)}
.doc-tile>span:nth-child(2){display:grid;flex:1;min-width:0}
.doc-tile>svg{color:var(--muted);width:16px;height:16px}
.doc-edit summary{cursor:pointer;font-weight:600;color:var(--brand);display:inline-flex;gap:6px;align-items:center}
.doc-edit summary svg{width:16px;height:16px}
.doc-form{padding:14px 0 0;gap:16px}
.doc-form fieldset{border:0;padding:0;margin:0}
.doc-form legend{font:600 11.5px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}
.doc-form .span2{grid-column:1/-1}
.deal-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);border-radius:10px}
.deal-row:hover{background:var(--sunk)}
.dr-m{display:grid;min-width:0}
.dr-m b,.dr-m small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dr-r{display:grid;gap:4px;justify-items:end}
.dr-r small{font-size:12px}
.pill svg{width:13px;height:13px;vertical-align:-2px}
/* bazar qiymətləri və kalkulyator */
.mk-f{grid-template-columns:repeat(2,minmax(0,220px));justify-content:start}
.mk-top{font-size:20px!important;display:flex;align-items:center;gap:6px}
.mk-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mk-sum div{background:var(--sunk);border-radius:10px;padding:10px 12px;display:grid;gap:3px}
.mk-sum span{font-size:12.5px;color:var(--muted)}
.mk-sum b{font-size:17px}
.mk-tbl th.r,.mk-tbl td.r{text-align:right}
.mk-tbl tr.on td{background:var(--brand-soft)}
.mk-tbl td:nth-child(3){display:flex;align-items:center;gap:10px;min-width:170px}
.mk-bar{flex:1;height:8px;background:var(--sunk);border-radius:99px;overflow:hidden;min-width:60px}
.mk-bar i{display:block;height:100%;background:var(--c1);border-radius:99px}
.mk-bodies{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.mk-b{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.mk-b:hover{border-color:var(--brand)}
.mk-b.on{border-color:var(--brand);background:var(--brand-soft)}
.mk-b span{font-size:13px;color:var(--muted)}
.mk-b small{font-size:12px}
.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}
.calc-form{gap:16px}
.calc-res{padding:22px;display:grid;gap:12px;min-width:0;border-color:var(--brand)}
.calc-res.empty-res{border-color:var(--line);min-height:240px;align-content:center}
.calc-res .eyebrow{margin:0}
.cr-route{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:16px}
.cr-route .arrow{color:var(--muted)}
.cr-price{font:800 34px/1.05 var(--f-display);font-stretch:108%;color:var(--brand)}
.cr-kv{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cr-borders{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cr-borders .lbl{width:100%}
.cr-borders .tag{display:inline-flex;gap:5px;align-items:center}
.cr-borders .tag svg{width:13px;height:13px}
@media (max-width:1000px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-bodies{grid-template-columns:repeat(3,minmax(0,1fr))}.calc-grid,.deal-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.doc-wrap{grid-template-columns:minmax(0,1fr)}.doc-side{position:static}}
@media (max-width:600px){
  .doc-page{padding:20px 18px}.doc-page h1{font-size:26px}.ct-form{padding:20px 18px}
  .news-grid,.tools-row,.doc-btns{grid-template-columns:minmax(0,1fr)}
  .deal-top{grid-template-columns:minmax(0,1fr);text-align:left}.deal-top .party:last-child{justify-items:start;text-align:left}.deal-mid{justify-items:start;text-align:left;grid-auto-flow:column;justify-content:start;align-items:center}
  .stepper{grid-template-columns:minmax(0,1fr);gap:0}
  .stepper li{grid-template-columns:40px minmax(0,1fr);justify-items:start;text-align:left;column-gap:12px;padding-bottom:14px}
  .stepper li::before{top:-14px;left:19px;width:3px;height:28px}
  .stepper li b{align-self:center}.stepper li small{grid-column:2;margin-top:-10px}
  .stepper .st-ic{grid-row:span 2}
  .deal-act{grid-template-columns:minmax(0,1fr)}.deal-act .acts{flex-wrap:wrap}
  .mk-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-bodies{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-f{grid-template-columns:1fr 1fr}
  .cms-row{grid-template-columns:minmax(0,1fr)}.cms-row>span.num{display:none}.cms-row .acts.end{justify-content:flex-start}
  .news-row{grid-template-columns:64px minmax(0,1fr)}.news-row .acts{grid-column:1/-1}
  .cr-price{font-size:28px}
}
/* ---------- Mərhələ 8: təhlükəsizlik, komanda, xəritə, Pro ---------- */
fieldset.fs-plain{border:0;margin:0;padding:0;min-width:0}
fieldset.fs-plain[disabled]{opacity:.75}
.inline-pass{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.inline-pass .inp{max-width:260px}
.otp-in{font:600 22px/1 var(--f-mono);letter-spacing:.18em;text-align:center;max-width:220px}
.tfa-setup{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}
.qr-box{width:196px;min-height:196px;border:1px solid var(--line);border-radius:14px;padding:8px;background:#fff;display:grid;place-items:center}
.qr-box #qr:not(.ok)::after{content:"QR";font:700 28px var(--f-mono);color:#c9d2ce}
.qr-box img,.qr-box canvas{display:block}
.tfa-steps{display:grid;gap:10px}
.tfa-steps ol{margin:0;padding-left:20px;display:grid;gap:4px}
.secret{font:600 15px var(--f-mono);letter-spacing:.06em;background:var(--sunk);padding:10px 12px;border-radius:10px;overflow-wrap:anywhere;user-select:all}
.codes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.codes code{font:600 15px var(--f-mono);background:var(--sunk);border:1px dashed var(--line);border-radius:8px;padding:8px;text-align:center}
[data-copy].done{border-color:var(--ok);color:var(--ok)}
.danger-box{border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}
.danger-box h3{color:var(--bad);display:flex;gap:6px;align-items:center}
.danger-box details>summary{list-style:none;display:inline-flex}
.danger-box details>summary::-webkit-details-marker{display:none}
.danger-box details[open] .form{padding:14px 0 0}
.btn-bad.btn-ghost{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 30%,var(--line))}
.cab-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.cab-tile{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:var(--ink);transition:border-color .12s}
.cab-tile:hover{border-color:var(--brand)}
.cab-tile>span:nth-child(2){display:grid;flex:1;min-width:0}
.cab-tile small{font-size:12.5px}
.cab-tile>svg{color:var(--muted);width:16px;height:16px}
.cab-tile.pro{border-color:color-mix(in srgb,var(--signal) 60%,var(--line))}
.cab-tile.warn .ct-ic{background:var(--warn-soft);color:var(--warn)}
.ct-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--brand-soft);color:var(--brand);flex-shrink:0}
.ct-ic svg{width:19px;height:19px}
.pro-b{display:inline-block;font:800 9.5px/1 var(--f-mono);letter-spacing:.06em;padding:3px 5px;border-radius:4px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--brand-ink);vertical-align:1px}
.um .pro-b{margin-right:2px}
.promo-opt.pro{border-color:var(--brand);background:var(--brand-soft)}
/* komanda */
.seats{font-size:14px;color:var(--muted)}
.seats a{color:var(--brand);font-weight:600}
.tm-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.tm-row.off{opacity:.6}
.tm-m{display:grid;min-width:0}
.tm-m small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
.tm-m small svg{width:12px;height:12px;vertical-align:-1px}
.tm-r{display:flex;align-items:center;gap:8px}
.tm-menu .pop{right:0;left:auto}
.role-help{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px}
.role-help p{margin:0}
/* xəritə */
.map-f{grid-template-columns:auto minmax(0,240px);justify-content:start;align-items:end}
.map-seg{display:inline-flex;gap:4px;background:var(--sunk);padding:4px;border-radius:12px}
.map-seg a{display:inline-flex;gap:6px;align-items:center;padding:9px 14px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:600;font-size:14px}
.map-seg a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-s)}
.map-seg svg{width:16px;height:16px}
.map-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.map-box{overflow:hidden;padding:0;position:relative}
#lmap{height:0}
.map-box.live #lmap{height:560px}
.map-box.live .map-fallback{display:none}
.map-fallback{padding:10px}
.msvg{width:100%;height:auto;display:block}
.mb-c{fill:var(--brand);fill-opacity:.82;stroke:var(--surface);stroke-width:.4;transition:fill-opacity .12s}
.mb:hover .mb-c,.mb:focus .mb-c{fill-opacity:1;fill:var(--brand-2)}
.mb-n{fill:var(--brand-ink);font-family:var(--f-mono);font-weight:700;pointer-events:none}
.mb-l{fill:var(--ink);font-family:var(--f-body);font-weight:600;pointer-events:none;paint-order:stroke;stroke:var(--surface);stroke-width:.5}
.map-side{max-height:600px;overflow:auto}
.map-list{gap:10px}
.map-list .lc{grid-template-columns:minmax(0,1fr);gap:10px}
.mp{display:grid;gap:6px;min-width:220px;font:14px var(--f-body)}
.mp-i{display:grid;gap:1px;text-decoration:none;color:#0f1d19;padding:6px 8px;border-radius:8px;background:#f2f5f4}
.mp-i.vip{background:#fff4d6}
.mp-i small{color:#5a6b65}
.mp-all{font-weight:700;color:#0d4a3a}
.leaflet-container{font:inherit;background:var(--sunk)}
/* geri yük */
.bh-form{gap:14px}
.bh-bot{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.bh-bot .f{max-width:200px}
.bh-item{display:grid;gap:6px}
.bh-chip{justify-self:start;display:inline-flex;gap:6px;align-items:center;font-size:12.5px;font-weight:700;color:var(--brand);background:var(--brand-soft);padding:4px 10px;border-radius:99px}
.bh-chip svg{width:13px;height:13px}
/* Pro planlar */
.pl-hero{text-align:center;display:grid;gap:8px;justify-items:center}
.pl-hero h1{font:800 36px/1.1 var(--f-display);font-stretch:108%;margin:0}
.pl-hero p{margin:0;max-width:62ch}
.pl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.pl-card{padding:24px;display:grid;gap:12px;align-content:start;position:relative}
.pl-card h2{margin:0;font:700 18px var(--f-body);display:flex;gap:8px;align-items:center}
.pl-card.pro{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.pl-card.best{border:2px solid var(--signal);box-shadow:0 10px 30px -14px color-mix(in srgb,var(--signal) 70%,transparent)}
.pl-price{font:800 34px/1 var(--f-display)}
.pl-price small{font:500 14px var(--f-body);color:var(--muted);margin-left:4px}
.pl-tag{position:absolute;top:-12px;right:18px;background:var(--signal);color:var(--signal-ink);font:700 12px var(--f-mono);padding:5px 10px;border-radius:99px}
.btn-block{width:100%;justify-content:center}
.pl-tbl td:not(:first-child),.pl-tbl th:not(:first-child){text-align:center}
/* sistem */
.cron-box{display:grid;gap:6px}
.cron-box code,.cron-out{font:12.5px/1.5 var(--f-mono);background:var(--sunk);padding:10px 12px;border-radius:10px;overflow-wrap:anywhere;white-space:pre-wrap;margin:0}
.err-log{font:12px/1.55 var(--f-mono);background:var(--sunk);border-radius:10px;padding:10px;max-height:560px;overflow:auto;display:grid;gap:2px}
.err-log div{overflow-wrap:anywhere}
.err-log .bad{color:var(--bad)}
.err-log .warn{color:var(--warn)}
@media (max-width:1000px){.map-grid,.pl-grid{grid-template-columns:minmax(0,1fr)}.map-box.live #lmap{height:420px}.map-side{max-height:none}}
@media (max-width:600px){
  .tfa-setup{grid-template-columns:minmax(0,1fr)}.qr-box{justify-self:center}
  .codes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inline-pass .inp{max-width:none;flex:1 1 180px}
  .map-f{grid-template-columns:minmax(0,1fr)}.map-seg{justify-self:start}
  .pl-hero h1{font-size:28px}
  .tm-row{grid-template-columns:auto minmax(0,1fr)}.tm-r{grid-column:1/-1;justify-content:flex-start}
}
/* ---------- Mərhələ 9: park, canlı izləmə, tender, maliyyə ---------- */
.span3{grid-column:1/-1}
.ok-t{color:var(--ok);display:flex;align-items:center;gap:6px;margin:0}
.warn-t{color:var(--warn);display:flex;align-items:center;gap:6px;margin:6px 0 0}
.plate-n{display:inline-block;font:700 12.5px/1 var(--f-mono);letter-spacing:.04em;padding:4px 7px;border:1.5px solid var(--ink);border-radius:5px;background:var(--surface);white-space:nowrap}
/* park */
.fl-alerts h3{display:flex;gap:8px;align-items:center;color:var(--warn);margin:0 0 8px}
.fl-alerts ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fl-alerts li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--warn-soft)}
.fl-alerts li.exp{background:var(--bad-soft)}
.fl-alerts li a{display:flex;gap:7px;align-items:center;color:var(--ink);text-decoration:none;min-width:0}
.fl-alerts li a svg{width:16px;height:16px;flex-shrink:0}
.fl-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.fl-row:last-child{border-bottom:0}
.fl-row.off{opacity:.6}
.fl-row:target{background:var(--brand-soft);border-radius:10px;padding-inline:10px}
.fl-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.fl-ic svg{width:20px;height:20px}
.fl-ic.soon,.fl-av.soon{background:var(--warn-soft);color:var(--warn)}
.fl-ic.exp,.fl-av.exp{background:var(--bad-soft);color:var(--bad)}
.fl-av{width:42px;height:42px;border-radius:12px}
.fl-m{display:grid;gap:3px;min-width:0}
.fl-m b{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fl-dates{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.fl-r{display:flex;gap:8px;align-items:center}
.fl-r .pill{white-space:nowrap}
.fl-kind{max-width:360px;margin-bottom:4px}
.seg label{position:relative;cursor:pointer}
.seg label input{position:absolute;opacity:0;pointer-events:none}
.seg label span{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:7px;font-weight:600;color:var(--muted)}
.seg label input:checked+span{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-s)}
.seg label input:focus-visible+span{outline:2px solid var(--brand)}
.fl-pick{max-width:420px}
.fl-pick .lbl{display:flex;gap:6px;align-items:center}
/* sövdələşmə: təyinat, linklər, fayllar */
.asg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}
.asg>div{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:var(--sunk);min-width:0}
.asg b{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.drv-link{border-top:1px dashed var(--line);margin-top:14px;padding-top:12px;display:grid;gap:8px}
.drv-link h4{margin:0;display:flex;gap:7px;align-items:center;font-size:15px}
.drv-link p{margin:0}
.share-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.share-row .inp{flex:1 1 260px;min-width:0;font-size:12.5px}
.inline-f{margin:0}
.deal-files{border-top:1px dashed var(--line);margin-top:14px;padding-top:12px;display:grid;gap:8px;scroll-margin-top:90px}
.deal-files h4{margin:0;display:flex;gap:7px;align-items:center}
.df-row{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;min-width:0}
.df-row:hover{border-color:var(--brand)}
.df-row>span{display:grid;min-width:0}
.df-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.df-row svg{width:18px;height:18px;color:var(--brand);flex-shrink:0}
.df-up{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.df-up .inp{flex:1 1 220px;min-width:0}
.feed li.ev-bad .f-ic{background:var(--bad-soft);color:var(--bad)}
/* izləmə */
.trk{scroll-margin-top:90px}
.trk .sec-h .pill{display:inline-flex;gap:6px;align-items:center}
.trk-live{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:trkp 1.8s infinite}
.trk-live.off{background:var(--warn);animation:none}
@keyframes trkp{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 55%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.trk-live{animation:none}}
.trk-wait{display:flex;gap:7px;align-items:center}
.trk-map{height:320px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--sunk);margin-bottom:12px;z-index:0}
.trk-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.trk-kv>div{display:grid;gap:3px;padding:10px 12px;border-radius:10px;background:var(--sunk)}
.trk-kv span{font-size:12px;color:var(--muted)}
.trk-kv b{font-size:15px}
.trk-pin span{display:block;width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4);background:#5a6b65}
.trk-pin.a span{background:#12654f}.trk-pin.b span{background:#b3261e}
.trk-pin.truck span{background:#f2a900;width:20px;height:20px;margin:-1px}
.trk-mini{display:inline-flex;gap:5px;align-items:center}
/* sürücü və alıcı səhifəsi */
.drv-body{background:var(--bg);min-height:100vh}
.drv-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:var(--hero);color:var(--hero-ink)}
.drv-brand{display:flex;gap:9px;align-items:center;color:inherit;text-decoration:none;font-size:16px}
.drv-brand .logo-mark{width:30px;height:30px}
.drv-lang{display:flex;gap:4px}
.drv-lang a{font:600 12px var(--f-mono);padding:6px 8px;border-radius:7px;color:var(--hero-muted);text-decoration:none}
.drv-lang a.on{background:rgba(255,255,255,.12);color:var(--hero-ink)}
.drv{max-width:560px;margin:0 auto;padding:16px 16px 40px;display:grid;gap:14px}
.drv.wide{max-width:920px}
.drv .eyebrow{margin:6px 0 0}
.drv-h{margin:0;font:800 24px/1.2 var(--f-display);font-stretch:105%}
.drv-st{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.drv-card{padding:16px;display:grid;gap:12px}
.drv-card h3{margin:0;display:flex;gap:7px;align-items:center;font-size:16px}
.drv-loc{display:flex;gap:12px;align-items:center}
.drv-loc>div{display:grid;gap:2px}
.drv-dot{width:14px;height:14px;border-radius:50%;background:var(--line);flex-shrink:0}
.drv-dot.on{background:var(--ok);box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 25%,transparent)}
.drv .btn-lg{min-height:54px;font-size:16.5px}
.drv-next{display:grid;gap:10px}
.drv-cp{display:grid;gap:10px}
.drv-cp-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.drv-cp-btns .btn{min-height:46px}
.drv-pod{display:grid;gap:10px}
.drv-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;margin:0;font-size:14.5px}
.drv-dl dt{color:var(--muted)}
.drv-dl dd{margin:0;overflow-wrap:anywhere}
.drv-contacts{display:grid;gap:8px}
.drv-contacts .btn{justify-content:flex-start;text-align:left;min-height:52px}
.drv-contacts .btn span{display:grid}
.drv-contacts small{font-size:11.5px;font-weight:500}
.drv-foot{display:flex;gap:6px;align-items:flex-start;margin:0}
/* tender */
.b-tender{background:var(--ink);color:var(--bg)}
.lc.tn{border-color:color-mix(in srgb,var(--ink) 30%,var(--line))}
.tn-cd{display:inline-flex;gap:5px;align-items:center;font:600 12.5px var(--f-mono);color:var(--brand);background:var(--brand-soft);padding:4px 8px;border-radius:7px;white-space:nowrap}
.tn-cd svg{width:14px;height:14px}
.tn-cd.soon{color:var(--bad);background:var(--bad-soft)}
.tn-cd.ended{color:var(--muted);background:var(--sunk)}
.tn-cd.big{font-size:20px;padding:10px 12px;border-radius:11px;justify-content:center}
.tn-cd.big svg{width:20px;height:20px}
.lc-spec .tn-cd{margin-left:auto}
.tn-box{padding:16px;display:grid;gap:10px;border-color:color-mix(in srgb,var(--ink) 25%,var(--line))}
.tn-top{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.tn-top .pill{display:inline-flex;gap:5px;align-items:center}
.tn-trips{display:flex;gap:6px;align-items:center;font-weight:600;font-size:14px}
.tn-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.tn-kv>div{display:grid;gap:2px;padding:9px 10px;border-radius:9px;background:var(--sunk)}
.tn-kv span{font-size:11.5px;color:var(--muted)}
.tn-box p{margin:0}
.tn-fs .switch-row{border-bottom:0;padding-top:0}
.tn-how ol{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;color:var(--muted)}
/* maliyyə */
.kpi.alert{display:grid;gap:6px;align-items:stretch;padding:16px 18px;font-size:inherit;border-radius:16px}
.kpi-bad{border-color:var(--bad);box-shadow:inset 0 3px 0 var(--bad),var(--shadow)}
.kpi-bad b{color:var(--bad)}
.fin-f{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.fin-tbl td.r,.fin-tbl th.r{text-align:right}
.fin-tbl tr.od td{background:color-mix(in srgb,var(--bad-soft) 55%,transparent)}
.fin-tbl tr.sum td{font-weight:700;border-top:2px solid var(--line)}
.fin-tbl td.mono a{font-weight:600}
.fin-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;height:180px;padding:6px 0 0;margin-bottom:6px}
.fb{display:grid;grid-template-rows:1fr auto;gap:4px;height:100%;min-width:0}
.fb-c{position:relative;display:flex;gap:2px;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line)}
.fb-c i{display:block;width:42%;min-height:1px;border-radius:3px 3px 0 0}
.fb-c i.t,.fin-leg i.t{background:var(--brand-2)}
.fb-c i.p,.fin-leg i.p{background:var(--signal)}
.fb span{font:500 10.5px var(--f-mono);color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden}
.fin-leg{display:flex;gap:16px;font-size:13px;color:var(--muted);margin-bottom:14px}
.fin-leg span{display:flex;gap:6px;align-items:center}
.fin-leg i{width:10px;height:10px;border-radius:3px;display:inline-block}
.inv-items{display:grid;gap:8px}
.ii-h,.ii-r{display:grid;grid-template-columns:minmax(0,1fr) 80px 90px 120px 120px;gap:8px;align-items:center}
.ii-h span{font-size:12px;color:var(--muted);font-weight:600}
.ii-h span:nth-child(n+2),.ii-s{text-align:right}
.ii-s{font-size:14px;white-space:nowrap}
.inv-tot{display:grid;justify-content:end;gap:4px;margin-top:6px}
.inv-tot div{display:flex;justify-content:space-between;gap:30px;font-size:14px}
.inv-tot div.g{font-size:18px;font-weight:800;border-top:2px solid var(--line);padding-top:6px}
@media (max-width:760px){
  .ii-h{display:none}
  .ii-r{grid-template-columns:1fr 1fr;padding:10px;border:1px solid var(--line);border-radius:10px}
  .ii-r input:first-child{grid-column:1/-1}
  .ii-s{grid-column:1/-1}
  .fin-bars{height:140px;gap:3px}
  .fb span{font-size:9px}
  .fl-row{grid-template-columns:auto minmax(0,1fr);gap:10px}
  .fl-r{grid-column:2;justify-content:flex-start}
  .trk-map{height:260px}
  .asg{grid-template-columns:1fr}
  .drv-cp-btns{grid-template-columns:1fr 1fr}
  .lc-spec .tn-cd{margin-left:0}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi{min-width:0;padding:14px}
  .kpi span{overflow-wrap:anywhere}
  .fin-kpis .kpi b{font-size:21px}
}
/* ---------- Mərhələ 10: etibar, mübahisə, uyğunluq, API, buraxılış ---------- */
.trust{display:inline-flex;align-items:center;gap:4px;font:700 12px/1 var(--f-mono);padding:4px 7px;border-radius:7px;white-space:nowrap;vertical-align:1px}
.trust svg{width:13px;height:13px}
.trust.t-high{background:var(--ok-soft);color:var(--ok)}
.trust.t-good{background:var(--brand-soft);color:var(--brand)}
.trust.t-mid{background:var(--warn-soft);color:var(--warn)}
.trust.t-low{background:var(--sunk);color:var(--muted)}
.trust.big{font-size:15px;padding:7px 10px;gap:6px}
.trust.big span{font:600 12.5px var(--f-body)}
.cocard .trust{margin-right:4px}
.tr-bar{height:8px;border-radius:5px;background:var(--sunk);overflow:hidden;margin:4px 0 10px}
.tr-bar i{display:block;height:100%;border-radius:5px;background:var(--brand-2)}
.tr-bar i.t-high{background:var(--ok)}.tr-bar i.t-mid{background:var(--warn)}.tr-bar i.t-low{background:var(--muted)}
.tr-parts{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px;font-size:13.5px}
.tr-parts li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed var(--line)}
.tr-parts b{color:var(--ok)}.tr-parts b.neg{color:var(--bad)}
.trust-box details summary{cursor:pointer}
.tr-warn{margin:0}
.bad-t{color:var(--bad);display:inline-flex;gap:6px;align-items:center}
.co-acts{display:grid;gap:10px}
.co-acts h3{display:flex;gap:7px;align-items:center;margin:0}
.co-acts form{margin:0}
.co-rep summary{cursor:pointer;list-style:none}
.co-rep summary::-webkit-details-marker{display:none}
.co-rep[open] .form{margin-top:10px}
.rk-list{margin:6px 0;padding-left:18px;display:grid;gap:3px;font-size:13.5px}
.risk.lo{background:var(--sunk);color:var(--muted)}
/* mübahisə */
.dp-thread{display:grid;gap:12px}
.dp-msg{padding:12px 14px;border-radius:12px;background:var(--sunk);max-width:85%;scroll-margin-top:90px}
.dp-msg.me{background:var(--brand-soft);justify-self:end}
.dp-msg.adm{background:var(--warn-soft);max-width:100%;border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}
.dp-msg.first{max-width:100%;border:1px solid var(--line);background:var(--surface)}
.dp-h{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13.5px;margin-bottom:4px}
.dp-h b{display:inline-flex;gap:5px;align-items:center}
.dp-msg p{margin:0;font-size:14.5px;overflow-wrap:anywhere}
.dp-verdict{border-color:var(--ok)}
.dp-verdict h3{display:flex;gap:7px;align-items:center}
.dp-parties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.dp-parties a{display:grid;gap:3px;padding:12px;text-decoration:none;color:var(--ink);box-shadow:none}
.dp-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.adm-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.radio-row,.check-row{display:flex;gap:8px;align-items:center;font-size:14px;padding:4px 0;cursor:pointer}
/* uyğunluq */
.m-item{display:grid;gap:6px}
.m-why{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mw{font-size:12px;padding:3px 8px;border-radius:20px;background:var(--sunk);color:var(--muted)}
.mw.lane{background:var(--brand-soft);color:var(--brand);font-weight:600}
.ms{display:inline-flex;align-items:baseline;gap:1px;font:600 12px var(--f-mono);padding:4px 8px;border-radius:7px}
.ms b{font-size:14px}
.ms.hi{background:var(--ok-soft);color:var(--ok)}.ms.md{background:var(--brand-soft);color:var(--brand)}.ms.lo{background:var(--sunk);color:var(--muted)}
a.chip{text-decoration:none;color:inherit}
.m-group{display:grid;gap:10px;margin-bottom:22px}
.m-group h3{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:16px}
/* statistika */
.funnel{display:grid;gap:10px}
.fn-row{display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr) auto 44px;gap:10px;align-items:center;font-size:14px}
.fn-l{display:grid}
.fn-l small{font-size:11.5px}
.fn-bar{height:14px;border-radius:7px;background:var(--sunk);overflow:hidden}
.fn-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:7px}
.fn-pct{color:var(--muted);text-align:right}
/* API */
.key-once{border-color:var(--signal)}
.key-once h3{display:flex;gap:7px;align-items:center;margin:0}
.wh-row{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}
.wh-row:last-child{border-bottom:0}
.wh-row.off{opacity:.7}
.wh-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.wh-top b{overflow-wrap:anywhere;font-size:13px}
.wh-ev{display:flex;flex-wrap:wrap;gap:5px}
.wh-row .acts form{margin:0}
pre.code{margin:8px 0;background:var(--hero);color:var(--hero-ink);padding:12px 14px;border-radius:10px;overflow-x:auto;font:12.5px/1.55 var(--f-mono);white-space:pre}
.api-docs{display:grid;gap:16px}
.api-docs h3{margin-top:0}
.api-tbl td{vertical-align:top;font-size:13.5px}
.api-tbl td.mono{white-space:nowrap}
/* toplu yükləmə */
.step-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font:700 13px var(--f-mono);margin-right:6px}
.bk-tbl td{vertical-align:top;font-size:13.5px}
.bk-errs{margin:0;padding-left:16px;color:var(--bad);font-size:12.5px}
.bk-fail{margin:8px 0;padding-left:18px;color:var(--bad);font-size:13.5px}
.bk-res h3{display:flex;gap:7px;align-items:center}
/* buraxılış yoxlaması */
.ln-sum{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ln-sum b{font:800 30px var(--f-display)}
.ln-sum.ok b{color:var(--ok)}.ln-sum.bad b{color:var(--bad)}
.ln-sum .acts{margin-left:auto}
.ln-sum .acts form{margin:0}
.ln-list{list-style:none;margin:0;padding:0;display:grid}
.ln-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}
.ln-list li:last-child{border-bottom:0}
.ln-list li>div{display:grid;gap:2px;min-width:0}
.ln-list small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.ln-ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.ln-ic svg{width:15px;height:15px}
.ln-list .ok .ln-ic{background:var(--ok-soft);color:var(--ok)}
.ln-list .warn .ln-ic{background:var(--warn-soft);color:var(--warn)}
.ln-list .bad .ln-ic{background:var(--bad-soft);color:var(--bad)}
.ln-list .info .ln-ic{background:var(--sunk);color:var(--muted)}
@media (max-width:760px){
  .dp-parties,.adm-two{grid-template-columns:1fr}
  .dp-msg{max-width:100%}
  .fn-row{grid-template-columns:minmax(0,1fr) auto 40px}
  .fn-bar{grid-column:1/-1;grid-row:2}
  .ln-sum .acts{margin-left:0}
}
/* elan kartları dar sütunda (şirkət səhifəsi, kabinet) — telefon düzülüşü */
.list{container-type:inline-size}
@container (max-width:760px){
  .lc{grid-template-columns:minmax(0,1fr);gap:12px}
  .lc-p{justify-items:start;text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}
  .lc-p .lc-pt{grid-column:2;grid-row:1;justify-self:end}
  .lc-p strong{grid-row:1;grid-column:1}
  .lc-p .rt,.lc-p .co{grid-column:1/-1}
}
/* ===== Mərhələ 11: admin işçiləri, elan statistikası, baxış artırma, AI, SMS ===== */
.ls-kpis.k6{grid-template-columns:repeat(6,minmax(0,1fr))}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}
.perm-g{border:1px solid var(--line);border-radius:12px;padding:8px 10px 10px;margin:0;display:grid;gap:4px;align-content:start}
.perm-g legend{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 6px}
.perm{display:flex;gap:10px;align-items:flex-start;padding:7px 6px;border-radius:9px;cursor:pointer}
.perm:hover{background:var(--sunk)}
.perm input{margin-top:3px;width:17px;height:17px;accent-color:var(--brand-2);flex:none}
.perm span{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;min-width:0}
.perm span svg{width:16px;height:16px;color:var(--muted)}
.perm b{font-size:14px;font-weight:600}
.perm small{grid-column:2;color:var(--muted);font-size:12.5px;line-height:1.35}
.perm input:disabled+span{opacity:.75}
.stf-tbl td{vertical-align:middle}
tr.is-off td{opacity:.6}
.boost-box{border-color:color-mix(in srgb,var(--signal) 45%,var(--line));background:color-mix(in srgb,var(--signal) 6%,var(--surface))}
.vb-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 10px}
.vb-nums div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:grid}
.vb-nums span{font-size:12px;color:var(--muted)}.vb-nums b{font-size:20px}
.vb-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.vb-form .f{margin:0;min-width:140px;flex:1 1 140px}
.vb-form>b{flex:1 0 100%;display:flex;gap:6px;align-items:center;font-size:14px}
.vb-bulk{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.vb-run{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 8px}
th.chk,td.chk{width:34px;text-align:center}
td.chk input,th.chk input{width:17px;height:17px;accent-color:var(--brand-2)}
.ls-kpis .kpi b{font-size:26px}
.ls-tip{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ls-tip span{flex:1 1 240px}
.ai-fill{margin-bottom:14px;border-color:color-mix(in srgb,var(--c3) 35%,var(--line))}
.ai-fill summary{cursor:pointer;padding:14px 16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;list-style:none}
.ai-fill summary::-webkit-details-marker{display:none}
.ai-fill summary svg{color:var(--c3)}
.ai-fill-b{padding:0 16px 16px;display:grid;gap:10px}
.ai-fill-b textarea{min-height:76px}
.ai-filled{outline:2px solid var(--c3);outline-offset:1px;transition:outline-color .6s}
.ok-t{color:var(--ok)}.warn-t{color:var(--warn)}
.is-busy{opacity:.7;cursor:progress}
.is-busy svg{animation:aispin 1s linear infinite}
@keyframes aispin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.is-busy svg{animation:none}}
.tr-acts{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
.tr-acts .link-btn{display:inline-flex;gap:6px;align-items:center}
.tr-out{border-left:3px solid var(--c3);padding-left:10px;white-space:pre-line}
.ai-pill{display:inline-flex;gap:5px;align-items:center}
.ai-reason{display:block;margin-top:4px;font-size:12.5px}
.ai-mod-out:empty{display:none}
.ai-mod-out{margin:6px 0}
.ai-sum{border-color:color-mix(in srgb,var(--c3) 35%,var(--line))}
.ai-sum-text{white-space:pre-line;margin:6px 0 8px}
.ai-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 16px}
.ai-budget{display:flex;gap:8px;align-items:center;margin-left:auto;min-width:220px}
.ai-budget .m-bar{flex:1}.ai-budget .m-bar i.bad{background:var(--bad)}
.ai-prov{padding:10px 0;border-top:1px dashed var(--line)}
.ai-fab{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;gap:8px;align-items:center;border:0;border-radius:99px;padding:12px 18px 12px 14px;
  background:var(--brand);color:var(--brand-ink);font:600 14.5px var(--f-body);box-shadow:var(--shadow-l);cursor:pointer}
.ai-fab:hover{background:var(--brand-2)}
.ai-fab.on{opacity:0;pointer-events:none}
.ai-chat{position:fixed;right:18px;bottom:18px;z-index:61;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100dvh - 36px));display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-l);overflow:hidden}
.ai-chat[hidden]{display:none}
.ai-chat header{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 10px 16px;border-bottom:1px solid var(--line);background:var(--sunk)}
.ai-chat header b{display:flex;gap:7px;align-items:center}
.ai-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.ai-m{max-width:88%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-m.a{background:var(--sunk);align-self:flex-start;border-bottom-left-radius:4px}
.ai-m.u{background:var(--brand);color:var(--brand-ink);align-self:flex-end;border-bottom-right-radius:4px}
.ai-m.wait{opacity:.6}.ai-m.err{background:var(--bad-soft);color:var(--bad)}
.ai-m a{color:inherit;text-decoration:underline}
.ai-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.ai-form textarea{flex:1;resize:none;min-height:42px;max-height:120px}
.ai-form.busy button{opacity:.6}
.ai-disc{padding:0 12px 10px;font-size:11.5px}
.acc-f{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:14px 16px}
.acc-f .chips{flex:1 0 100%}
.acc-f .f{margin:0}
.acc-ml{display:grid;grid-template-columns:repeat(12,1fr);font-size:11px;color:var(--muted);text-align:center;margin-top:4px}
tr.tot td{border-top:2px solid var(--line)}
.ph-check{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.ph-check .f{margin:0;flex:1 1 140px}
@media (max-width:1100px){.ls-kpis.k6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .kpis.k3,.ls-kpis.k6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-fab span{display:none}
  .ai-fab{padding:13px;right:14px;bottom:14px}
  .ai-chat{right:12px;bottom:12px;height:min(560px,calc(100dvh - 24px))}
  .acc-ml span:nth-child(even){visibility:hidden}
  .vb-nums b{font-size:17px}
}
/* ===== Mərhələ 12: peşəkar mesajlaşma ===== */
.chat-page{padding-bottom:24px}
.chat2{display:grid;grid-template-columns:340px minmax(0,1fr);overflow:hidden;height:calc(100vh - 210px);height:calc(100dvh - 210px);min-height:540px}
.cl{border-right:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;min-height:0;background:var(--surface)}
.cl-h{padding:12px;border-bottom:1px solid var(--line);display:grid;gap:10px}
.cl-s{display:flex;align-items:center;gap:8px;background:var(--sunk);border-radius:10px;padding:0 12px;color:var(--muted)}
.cl-s input{border:0;background:none;outline:0;padding:10px 0;width:100%;font:inherit;color:var(--ink)}
.cl-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.cl-tabs a{padding:6px 11px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap}
.cl-tabs a.on{background:var(--brand);color:var(--brand-ink)}
.convs2{overflow-y:auto;min-height:0;display:grid;align-content:start}
.convs2 .conv{grid-template-columns:44px minmax(0,1fr) auto;padding:12px 14px}
.convs2 .conv .av{width:44px;height:44px}
.conv.unr b{font-weight:800}
.conv.unr small:first-of-type{color:var(--ink);font-weight:500}
.conv .pin{color:var(--signal);margin-right:4px}.conv .pin svg{width:13px;height:13px;vertical-align:-2px}
.conv .asg{display:inline-flex !important;gap:4px;align-items:center;margin-top:3px;font-size:11.5px;color:var(--brand-2) !important;background:var(--brand-soft);border-radius:6px;padding:1px 6px;width:max-content;max-width:100%}
.conv .asg svg{width:11px;height:11px}
.conv-empty{padding:24px 16px;text-align:center}
.av.online{position:relative}
.av.online::after{content:"";position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid var(--surface)}
.th2{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;min-width:0;min-height:0;position:relative}
.th2-h{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface)}
.th2-h .av{width:42px;height:42px;flex:none}
.th2-who{flex:1;min-width:0;display:block;line-height:1.25}
.th2-who .trust{vertical-align:middle}
.th2-st{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th2-st.on{color:#16a34a;font-weight:600}
.th2-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 14px}
.th2-bar:empty{display:none}
.th2-bar:not(:empty){padding:8px 14px;border-bottom:1px solid var(--line);background:var(--surface)}
.th2-subj{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:var(--brand);text-decoration:none;background:var(--brand-soft);border-radius:8px;padding:5px 10px;max-width:100%;overflow:hidden}
.th2-subj span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.th2-asg{margin:0 0 0 auto}.th2-asg label{display:flex;gap:6px;align-items:center;color:var(--muted)}
.th2-asg select{max-width:200px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.th2-search{padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface);display:grid;gap:8px}
.th2-res{display:grid;gap:4px;max-height:220px;overflow-y:auto}
.sr-it{display:flex;justify-content:space-between;gap:12px;text-align:left;border:0;background:var(--sunk);border-radius:8px;padding:8px 10px;font:inherit;font-size:13.5px;color:var(--ink);cursor:pointer}
.sr-it small{color:var(--muted);white-space:nowrap}
.sr-it mark{background:color-mix(in srgb,var(--signal) 45%,transparent);color:inherit;border-radius:3px}
.msgs2{overflow-y:auto;min-height:0;padding:46px 18px 22px;display:flex;flex-direction:column;gap:6px;background:var(--sunk);overscroll-behavior:contain}
.msgs2 .m{position:relative;max-width:min(72%,560px);box-shadow:0 1px 1px rgba(0,0,0,.04)}
.msgs2 .m + .m:not(.me):not(.sys),.msgs2 .m.me + .m.me{margin-top:-2px}
.m .tx{white-space:normal}
.m .tx a,.m .cap a{color:inherit;text-decoration:underline;overflow-wrap:anywhere}
.m .who{font-family:var(--f-body);font-weight:600}
.m .ed{font-style:italic}
.m.del{opacity:.7;background:transparent !important;border:1px dashed var(--line) !important;color:var(--muted) !important}
.m .del-t{display:inline-flex;gap:6px;align-items:center;font-size:13.5px}.m .del-t svg{width:13px;height:13px}
.m.hl{animation:mhl 1.8s ease}
@keyframes mhl{0%,40%{box-shadow:0 0 0 3px var(--signal)}100%{box-shadow:0 0 0 0 transparent}}
.m .rq{display:block;border-left:3px solid var(--signal);background:rgba(0,0,0,.05);border-radius:6px;padding:5px 8px;margin:-2px -4px 6px;text-decoration:none;color:inherit;font-size:12.5px;line-height:1.35}
.m.me .rq{background:rgba(255,255,255,.12)}
.m .rq b{display:block;font-size:12px}.m .rq span{display:block;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m.k-img{padding:4px;display:grid}
.m.k-img .img{display:block;border-radius:10px;overflow:hidden;line-height:0}
.m.k-img img{max-width:min(320px,100%);max-height:320px;width:auto;display:block;object-fit:cover;cursor:zoom-in}
.m.k-img .cap,.m.k-img time{padding:0 8px}
.m.k-img time{margin-bottom:4px}
.m.file .fi{position:relative}
.m.file .fi i{position:absolute;bottom:-3px;right:-6px;font:700 8.5px/1 var(--f-mono);font-style:normal;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:2px 3px}
.voice{display:flex;align-items:center;gap:8px;min-width:240px}
.voice svg{flex:none;opacity:.8}
.voice audio{height:36px;max-width:230px}
.voice small{font-family:var(--f-mono);font-size:11.5px;opacity:.8}
.lcard{display:grid;gap:3px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:230px}
.lcard .lc-k{display:flex;gap:6px;align-items:center;font:600 11px var(--f-mono);color:var(--muted);text-transform:uppercase}
.lcard .lc-k svg{width:13px;height:13px}
.lcard .lc-r{font-size:14.5px}
.lcard .lc-m{font-size:12.5px;color:var(--muted)}
.lcard .lc-p{font-weight:700;color:var(--brand)}
.m.me .lcard{color:var(--ink)}
.risk-w{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--bad-soft);color:var(--bad);font-size:12.5px;line-height:1.4;font-weight:500}
.risk-w svg{flex:none;width:16px;height:16px;margin-top:1px}
.tr-o{margin-top:6px;padding-top:6px;border-top:1px dashed currentColor;font-size:13.5px;opacity:.9;white-space:pre-line}
.tr-o::before{content:"🌐 ";opacity:.7}
.m.busy{opacity:.6}
.rx{display:flex;gap:4px;flex-wrap:wrap;margin:6px -2px -2px}
.rx-b{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:1px 8px;font-size:14px;line-height:1.5;cursor:pointer}
.rx-b b{font:600 11px var(--f-mono)}
.rx-b.on{border-color:var(--brand);background:var(--brand-soft)}
.mact{position:absolute;bottom:calc(100% + 4px);right:0;display:flex;gap:1px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;box-shadow:var(--shadow-l);z-index:5}
.m:not(.me) .mact{right:auto;left:0}
.mact button{border:0;background:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;color:var(--ink);display:grid;place-items:center}
.mact button:hover{background:var(--sunk)}
.mact button.bad{color:var(--bad)}
.dsep{align-self:center;margin:12px 0 6px;position:sticky;top:0;z-index:2}
.dsep span{display:block;font:600 11.5px var(--f-body);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;box-shadow:var(--shadow-s)}
.older{align-self:center;display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font:600 13px var(--f-body);color:var(--ink);cursor:pointer}
.ch-hello{margin:auto;display:grid;justify-items:center;gap:8px;color:var(--muted);text-align:center;max-width:320px}
.ch-hello svg{width:34px;height:34px}
.tdots{display:flex;gap:4px;align-items:center;padding:4px 18px 8px;background:var(--sunk);font-size:12.5px;color:var(--muted)}
.tdots[hidden]{display:none}
.tdots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:tdot 1.2s infinite}
.tdots i:nth-child(2){animation-delay:.15s}.tdots i:nth-child(3){animation-delay:.3s}
.tdots span{margin-left:6px}
@keyframes tdot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.tdots i{animation:none}.m.hl{animation:none;box-shadow:0 0 0 3px var(--signal)}}
.composer2{border-top:1px solid var(--line);background:var(--surface);padding:10px 12px;display:grid;gap:8px;position:relative}
.composer2.busy{opacity:.6}
.cmp-bar{display:flex;gap:10px;align-items:center;border-left:3px solid var(--signal);background:var(--sunk);border-radius:8px;padding:6px 6px 6px 10px}
.cmp-bar[hidden],.cmp-file[hidden],.vrec[hidden],.ddrop[hidden]{display:none}
.cmp-bar-t{flex:1;min-width:0;font-size:13px}.cmp-bar-t b{display:block;font-size:12px;color:var(--brand)}
.cmp-bar-t span{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.composer2.editing .cmp-bar{border-left-color:var(--c3)}
.cmp-file{display:flex;gap:10px;align-items:center;background:var(--sunk);border-radius:8px;padding:6px 6px 6px 8px;font-size:13px}
.cmp-file img{width:46px;height:46px;object-fit:cover;border-radius:6px}
.cmp-file span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmp-row{display:flex;gap:6px;align-items:flex-end}
.cmp-tools{display:flex;gap:2px}
.cmp-tools .ib,.cmp-row .mic{width:40px;height:44px;cursor:pointer;flex:none}
.cmp-tools label.ib{display:grid;place-items:center}
.ib-offer{color:var(--brand)}
.composer2 textarea{flex:1;min-width:0;resize:none;min-height:44px;max-height:180px;line-height:1.4}
.composer2 .send{height:44px;flex:none}
.composer2.recording .cmp-row{display:none}
.vrec{display:flex;gap:10px;align-items:center;padding:4px 2px}
.vrec-dot{width:12px;height:12px;border-radius:50%;background:#ef4444;animation:recp 1s infinite}
.vrec .muted{flex:1}
@keyframes recp{50%{opacity:.3}}
.ddrop{position:absolute;inset:-200px 0 0;display:grid;place-items:center;align-content:center;gap:8px;background:color-mix(in srgb,var(--brand) 85%,transparent);color:#fff;font-weight:700;font-size:16px;z-index:10;border-radius:0 0 16px 0;pointer-events:none}
.ddrop svg{width:32px;height:32px}
.dlg{border:0;border-radius:16px;padding:0;width:min(480px,calc(100vw - 24px));max-height:min(80vh,640px);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-l)}
.dlg::backdrop{background:rgba(5,15,12,.5)}
.dlg-h{display:flex;justify-content:space-between;align-items:center;padding:12px 12px 12px 18px;border-bottom:1px solid var(--line);margin:0}
.dlg-h b{display:flex;gap:8px;align-items:center}
.dlg-b{padding:14px 18px 18px;display:grid;gap:10px;overflow-y:auto}
.tpl{display:flex;gap:6px;align-items:center}
.tpl form{margin:0}
.tpl-use{flex:1;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 12px;cursor:pointer;font:inherit;color:var(--ink);display:grid;gap:2px}
.tpl-use:hover{border-color:var(--brand);background:var(--brand-soft)}
.tpl-use small{color:var(--muted);font-size:12.5px}
.tpl-new{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.share-it{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink)}
.share-it:hover{border-color:var(--brand);background:var(--brand-soft)}
.share-it span{display:grid;min-width:0}.share-it small{color:var(--muted)}
.lb{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh;overflow:visible}
.lb::backdrop{background:rgba(0,0,0,.85)}
.lb img{max-width:96vw;max-height:90vh;display:block;border-radius:8px}
.lb-x{position:fixed;top:14px;right:14px;background:rgba(255,255,255,.15);color:#fff}
@media (max-width:820px){
  .chat2{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 150px);min-height:480px}
  .chat2.has-thread .cl{display:none}
  .chat2:not(.has-thread) .th2{display:none}
  .cl{border-right:0}
  .th2 .back-conv{display:grid;place-items:center}
  .msgs2 .m{max-width:86%}
  .th2-asg{margin:0}
  .th2-asg select{max-width:150px}
  .cmp-tools .ib,.cmp-row .mic{width:36px}
  .chat-page .sec-h{display:none}
}
/* END-OF-FILE style.css */