/* ===== FireDrift CRM — design system ===== */
:root{
  --bg:#000000;
  --bg-2:#0d0d0d;
  --panel:#121212;
  --panel-2:#191919;
  --line:#2a2a2a;
  --line-soft:#1f1f1f;
  --text:#fdfdfd;
  --muted:#939393;
  --faint:#636363;

  /* FireDrift brand — палитра снята с лого: оранжевый + его тень */
  --fire-1:#da5601;   /* тень букв в лого */
  --fire-2:#fd6301;   /* сигнатурный оранжевый бренда */
  --fire-3:#ff8c2b;
  --fire:linear-gradient(135deg,#fd6301,#da5601);
  --brand:#fd6301;

  --red:#ff4646;     /* маленькие карты */
  --red-2:#b41f1f;
  --blue:#3d8bff;    /* большие карты */
  --blue-2:#1f4fb4;

  --ok:#37d67a;
  --warn:#ffb020;
  --stop:#ff4646;

  --r:16px; --r-sm:11px; --r-lg:22px;
  --sh:0 18px 46px -22px rgba(0,0,0,.8);
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --disp:'Rajdhani',system-ui,sans-serif;
  --sans:'Inter',system-ui,sans-serif;

  /* checkered-flag pattern (chequered racing motif) */
  --checker:repeating-conic-gradient(#fdfdfd 0% 25%,#000000 0% 50%) 50%/12px 12px;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%}
body{
  font-family:var(--sans);
  background:
    radial-gradient(1200px 620px at 82% -12%, rgba(253,99,1,.14), transparent 60%),
    radial-gradient(1000px 520px at 4% 108%, rgba(253,99,1,.10), transparent 55%),
    var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3{margin:0;font-family:var(--disp);letter-spacing:.4px}
::selection{background:rgba(253,99,1,.35)}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#242424;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#303030}

/* ===== Layout ===== */
.app{display:grid;grid-template-columns:248px 1fr;height:100vh}
.side{
  background:linear-gradient(180deg,var(--bg-2),#0a0a0a);
  border-right:1px solid var(--line-soft);
  display:flex;flex-direction:column;padding:18px 14px;gap:8px;
}
.brand{display:flex;align-items:center;gap:12px;padding:6px 6px 18px;position:relative}
.brand::after{content:"";position:absolute;left:6px;right:6px;bottom:8px;height:3px;border-radius:3px;
  background:var(--checker);opacity:.72;-webkit-mask:linear-gradient(90deg,#000,#000 62%,transparent);mask:linear-gradient(90deg,#000,#000 62%,transparent)}
.brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto;
  box-shadow:0 0 26px -6px rgba(253,99,1,.6)}
.brand-mark img{width:46px;height:46px;border-radius:50%;display:block}

.brand-txt b.wm{font-family:var(--disp);font-weight:700;font-size:22px;line-height:1;display:flex;letter-spacing:.5px;
  font-style:italic;transform:skewX(-6deg);transform-origin:left}
.wm-fire{color:#fff}
.wm-drift{color:var(--brand);text-shadow:0 0 14px rgba(253,99,1,.45);margin-left:2px}
.brand-txt span{font-size:10.5px;color:var(--muted);letter-spacing:2px;display:block;margin-top:3px}

.nav{display:flex;flex-direction:column;gap:3px;margin-top:4px}
.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;
  color:var(--muted);font-weight:500;font-size:14.5px;position:relative;transition:.16s}
.nav-item i{width:18px;height:18px;display:inline-block;opacity:.85}
.nav-item:hover{background:var(--panel);color:var(--text)}
.nav-item.is-active{background:linear-gradient(90deg,rgba(253,99,1,.18),rgba(253,99,1,.02));color:#fff}
.nav-item.is-active i{opacity:1;color:var(--fire-3)}
.nav-item.is-active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--fire);box-shadow:0 0 12px rgba(253,99,1,.7)}
.nav-badge{margin-left:auto;font-family:var(--mono);font-size:11px;background:#26141a;color:#ff7a6b;
  padding:1px 7px;border-radius:20px;min-width:22px;text-align:center}

.side-foot{margin-top:auto}
.api-pill{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;
  background:var(--panel);border:1px solid var(--line-soft)}
.api-pill .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.api-pill.off .dot{background:var(--faint);box-shadow:none;animation:none}
.api-pill .dot{animation:pulse 2s infinite}
.api-pill b{font-size:12.5px;display:block}
.api-pill small{font-size:11px;color:var(--muted)}

.main{display:flex;flex-direction:column;min-width:0;height:100vh}
.topbar{display:flex;align-items:center;justify-content:space-between;position:relative;
  padding:18px 26px;border-bottom:1px solid var(--line-soft);flex:0 0 auto;
  background:linear-gradient(180deg,rgba(253,99,1,.05),transparent)}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,var(--fire-1),var(--fire-2) 30%,transparent 62%)}
/* правый конец линии — клетчатый финиш, мотив из лого */
.topbar::before{content:"";position:absolute;right:0;bottom:-1px;width:190px;height:3px;pointer-events:none;
  background:repeating-conic-gradient(#fdfdfd 0% 25%,#000000 0% 50%) 50%/6px 6px;opacity:.5;
  -webkit-mask:linear-gradient(90deg,transparent,#000 70%);mask:linear-gradient(90deg,transparent,#000 70%)}
.tb-left h1{font-size:25px;font-weight:700;font-style:italic;transform:skewX(-5deg);transform-origin:left;text-transform:uppercase;letter-spacing:.5px}
.tb-left p{margin:4px 0 0;color:var(--muted);font-size:13px}
.tb-right{display:flex;align-items:center;gap:14px}
.loc-switch .loc{padding:7px 13px;border-radius:10px;background:var(--panel);border:1px solid var(--line);
  font-size:13px;color:var(--text)}
.clock{font-family:var(--mono);font-size:14px;color:var(--muted);letter-spacing:1px}
.live-pill{display:flex;align-items:center;gap:7px;font-family:var(--disp);font-weight:700;font-size:13px;
  letter-spacing:1.5px;color:#ff6b5c;padding:6px 12px;border:1px solid #3a1c1c;border-radius:20px;background:#160f11}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--fire-1);animation:pulse 1.4s infinite}

.view-host{flex:1;overflow-y:auto;padding:24px 26px 40px}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.view-host>*{animation:fade .4s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ===== Generic cards ===== */
.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line-soft);
  border-radius:var(--r);box-shadow:var(--sh)}
.grid{display:grid;gap:16px}
.section-h{display:flex;align-items:center;justify-content:space-between;margin:2px 0 14px}
.section-h h2{font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text);
  font-style:italic;transform:skewX(-5deg);transform-origin:left;padding-left:14px;position:relative}
.section-h h2::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:2px;background:var(--fire)}
.section-h .hint{font-size:12.5px;color:var(--muted)}
.kt-live-h{gap:12px}.kt-live-h .hint{margin-right:auto}.kt-live-h .btn{padding:8px 14px;font-size:13px}

/* KPI */
.kpis{grid-template-columns:repeat(4,1fr)}
.kpi{padding:18px;position:relative;overflow:hidden}
.kpi .lbl{font-size:12.5px;color:var(--muted);letter-spacing:.4px}
.kpi .val{font-family:var(--disp);font-size:34px;font-weight:700;margin-top:6px;line-height:1}
.kpi .val small{font-size:16px;color:var(--muted);font-weight:600}
.kpi .delta{font-size:12px;margin-top:8px;font-family:var(--mono)}
.kpi .delta.up{color:var(--ok)} .kpi .delta.down{color:var(--stop)}
.kpi .spark{position:absolute;right:14px;bottom:12px;opacity:.9}
.kpi .ic{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:#1e1e1e;color:var(--fire-3)}

/* two-col dashboard */
.dash{grid-template-columns:1.6fr 1fr}
.feed{padding:18px}
.feed-row{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed var(--line-soft)}
.feed-row:last-child{border-bottom:0}
.feed-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 auto}
.feed-row .t{font-size:13.5px}
.feed-row .m{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto;flex:0 0 auto}
.feed-row small{color:var(--muted);font-size:12px}

.donut-card{padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--muted)}
.legend b{color:var(--text)}
.legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:6px}

/* ===================================================================
   KARTING — командный пульт
   =================================================================== */
.kart-cmd{display:flex;flex-direction:column;gap:20px}

.rail-wrap{background:linear-gradient(180deg,#0f0f0f,#0b0b0b);border:1px solid var(--line-soft);
  border-radius:var(--r-lg);padding:16px 14px 12px;position:relative;overflow:hidden}
.rail-wrap::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.015) 46px 48px);pointer-events:none}
/* start/finish chequered line at the top edge of the console */
.rail-wrap::after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--checker);
  background-size:8px 8px;opacity:.7;pointer-events:none}
.rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}
.rail-head .rt{font-family:var(--disp);font-weight:700;letter-spacing:1px;font-size:15px}
.rail-head .rt small{color:var(--muted);font-weight:500;font-family:var(--sans);letter-spacing:0;margin-left:8px;font-size:12px}
.rail-legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted)}
.rail-legend i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:middle}

.rail{display:flex;gap:6px;overflow-x:auto;padding:6px 2px 4px;scrollbar-width:thin}
/* one vertical F1 slider */
.slot{flex:0 0 auto;width:52px;display:flex;flex-direction:column;align-items:center;gap:6px;user-select:none}
.slot .num{font-family:var(--mono);font-weight:700;font-size:12px;color:var(--muted)}
.slot.type-blue .num{color:#8fb6ff} .slot.type-red .num{color:#ff9a9a}

.track{position:relative;width:44px;height:210px;border-radius:12px;
  background:linear-gradient(180deg,#181818,#101010);border:1px solid var(--line);
  box-shadow:inset 0 2px 8px rgba(0,0,0,.5);touch-action:none;cursor:grab}
.track:active{cursor:grabbing}
.track .ticks{position:absolute;inset:6px 4px;pointer-events:none}
.track .ticks span{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.06)}
.track .fill{position:absolute;left:3px;right:3px;bottom:3px;border-radius:9px;pointer-events:none;
  background:linear-gradient(180deg,rgba(253,99,1,.55),rgba(255,45,45,.15));transition:height .05s linear}
.slot.type-blue .fill{background:linear-gradient(180deg,rgba(61,139,255,.55),rgba(31,79,180,.12))}
.track.state-stop .fill{background:linear-gradient(180deg,rgba(255,70,70,.5),rgba(120,20,20,.1))}
.track.state-dock .fill{background:repeating-linear-gradient(45deg,rgba(255,176,32,.4)0 6px,rgba(255,176,32,.15)6px 12px)}

/* the F1 car thumb */
.car{position:absolute;left:50%;transform:translate(-50%,50%);bottom:0;width:34px;height:52px;
  transition:bottom .05s linear;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6));z-index:2;cursor:pointer}
.car svg{display:block;width:100%;height:100%}
.slot.grabbing .car{transition:none}
.slot.type-red .car{color:var(--red)} .slot.type-blue .car{color:var(--blue)}
.car:hover{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 4px 6px rgba(0,0,0,.6))}

.slot .time{font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.5px}
.slot .kind{font-size:9.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.5px;margin-top:-2px}
.slot .st{width:7px;height:7px;border-radius:50%;background:var(--faint)}
.slot .st.run{background:var(--ok);box-shadow:0 0 8px var(--ok)}
.slot .st.stop{background:var(--stop);box-shadow:0 0 8px var(--stop)}
.slot .st.dock{background:var(--warn);box-shadow:0 0 8px var(--warn)}

/* global race controls */
.race-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;font-weight:600;
  font-size:13.5px;border:1px solid var(--line);background:var(--panel);color:var(--text);transition:.15s}
.btn:hover{border-color:#414141;transform:translateY(-1px)}
.btn.primary{background:var(--fire);border:0;color:#1a0d00;box-shadow:0 10px 24px -12px rgba(253,99,1,.8)}
.btn.primary:hover{box-shadow:0 14px 30px -12px rgba(253,99,1,.9)}
.btn.danger{background:#2a1113;border-color:#4a1e1e;color:#ff8a80}
.btn.ghost{background:transparent}
.btn:active{transform:translateY(0) scale(.98)}
.race-controls .spacer{margin-left:auto;color:var(--muted);font-size:12.5px}

/* live kart cards grid */
.kgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.kcard{padding:14px;position:relative;overflow:hidden;border-left:3px solid var(--red)}
.kcard.type-blue{border-left-color:var(--blue)}
.kcard .kh{display:flex;align-items:center;gap:9px}
.kcard .kn{font-family:var(--disp);font-weight:700;font-size:20px}
.kcard .badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:20px;font-weight:600}
.badge.red{background:#2a1213;color:#ff8f8f} .badge.blue{background:#111f38;color:#8fb6ff}
.kcard .kstate{margin-left:auto;font-size:11.5px;font-family:var(--mono)}
.kcard .rows{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.krow{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--muted)}
.krow b{font-family:var(--mono);color:var(--text);font-size:13px}
.meter{height:6px;border-radius:6px;background:#1e1e1e;overflow:hidden;margin-top:2px}
.meter>i{display:block;height:100%;background:var(--fire);transition:width .3s}
.kcard.type-blue .meter>i{background:linear-gradient(90deg,#1f4fb4,#3d8bff)}

/* ===== Popover ===== */
.pop-scrim{position:fixed;inset:0;background:rgba(4,5,8,.55);backdrop-filter:blur(3px);z-index:40;animation:fade .2s}
.kart-pop{position:fixed;z-index:50;width:290px;background:linear-gradient(180deg,#191919,#141414);
  border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.85);
  padding:16px;animation:pop .18s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes pop{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
.kart-pop .ph{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.kart-pop .pn{font-family:var(--disp);font-weight:700;font-size:22px}
.kart-pop .psub{font-size:12px;color:var(--muted)}
.kart-pop .pclose{margin-left:auto;width:28px;height:28px;border-radius:8px;background:#222222;color:var(--muted);font-size:16px}
.pop-field{margin-top:14px}
.pop-field .fl{font-size:11.5px;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:8px;display:flex;justify-content:space-between}
.pop-field .fl b{font-family:var(--mono);color:var(--fire-3);font-size:13px}
.seg{display:flex;gap:6px}
.seg button{flex:1;padding:9px 4px;border-radius:10px;background:#1d1d1d;border:1px solid var(--line-soft);
  font-size:12px;color:var(--muted);transition:.14s}
.seg button.on{background:var(--fire);color:#180c00;border-color:transparent;font-weight:700}
.speed-dial{display:flex;align-items:center;gap:12px}
.speed-dial input[type=range]{flex:1;-webkit-appearance:none;height:6px;border-radius:6px;
  background:linear-gradient(90deg,var(--fire-1),var(--fire-3));outline:none}
.speed-dial input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;
  background:#fff;border:3px solid var(--fire-2);box-shadow:0 2px 6px rgba(0,0,0,.5);cursor:pointer}
.speed-dial .sv{font-family:var(--mono);font-weight:700;font-size:16px;min-width:64px;text-align:right}
.pop-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.pop-actions .btn{justify-content:center;padding:11px}
.pop-actions .full{grid-column:1/-1}

/* ===== PC stations ===== */
.pcgrid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}
.pc{padding:15px;position:relative;transition:.18s;border:1px solid var(--line-soft)}
.pc:hover{border-color:#393939;transform:translateY(-2px)}
.pc .scr{height:88px;border-radius:10px;margin-bottom:12px;display:grid;place-items:center;position:relative;overflow:hidden;
  background:#0c0c0c;border:1px solid var(--line)}
.pc .scr .game{font-family:var(--disp);font-weight:600;font-size:15px;text-align:center;padding:0 8px;z-index:1}
.pc.free .scr{background:radial-gradient(circle at 50% 40%,#12233a,#0c0c0c)}
.pc.off .scr{filter:grayscale(1) brightness(.5)}
.pc.busy .scr::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(253,99,1,.10),transparent);
  animation:sheen 3s linear infinite}
@keyframes sheen{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.pc .ph{display:flex;align-items:center;gap:8px}
.pc .pn{font-family:var(--disp);font-weight:700;font-size:16px}
.pc .pstat{margin-left:auto;font-size:11px;font-family:var(--mono);padding:2px 8px;border-radius:20px}
.pstat.free{background:#0f2a1c;color:#5fe39a} .pstat.busy{background:#2a1c0f;color:#ffb86b} .pstat.off{background:#232323;color:var(--faint)}
.pc .meta{font-size:12px;color:var(--muted);margin:8px 0 12px;min-height:32px}
.pc .meta b{color:var(--text)}
.pc .pc-act{display:flex;gap:8px}
.pc .pc-act .btn{flex:1;justify-content:center;padding:9px;font-size:12.5px}

/* ===== Tables ===== */
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{text-align:left;color:var(--muted);font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;
  padding:12px 14px;border-bottom:1px solid var(--line)}
.tbl td{padding:13px 14px;border-bottom:1px solid var(--line-soft)}
.tbl tr:hover td{background:rgba(255,255,255,.015)}
.tbl .who{display:flex;align-items:center;gap:10px}
.av{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-family:var(--disp);font-weight:700;
  font-size:13px;color:#fff;flex:0 0 auto}
.chip{font-size:11px;padding:3px 9px;border-radius:20px;font-weight:600}
.chip.on{background:#0f2a1c;color:#5fe39a} .chip.wait{background:#2a1c0f;color:#ffb86b}
.chip.done{background:#1d1d1d;color:var(--muted)} .chip.vip{background:#241033;color:#c48fff}
.money{font-family:var(--mono);font-weight:700}

/* ===== Settings ===== */
.set-grid{grid-template-columns:1fr 1fr;gap:16px}
.set-card{padding:20px}
.set-card h3{font-size:15px;margin-bottom:4px}
.set-card p{color:var(--muted);font-size:13px;margin:0 0 16px}
.keyrow{display:flex;gap:8px;align-items:center;background:#0e0e0e;border:1px solid var(--line);border-radius:12px;padding:11px 13px}
.keyrow code{font-family:var(--mono);font-size:13px;color:#ffcf8a;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.ep{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;padding:9px 11px;border-radius:10px;
  background:#0e0e0e;border:1px solid var(--line-soft)}
.ep .verb{font-weight:700;padding:1px 7px;border-radius:5px;font-size:11px}
.ep .verb.get{background:#0f2436;color:#6bb8ff} .ep .verb.post{background:#15321f;color:#6be39a}
.ep .u{color:var(--text)} .ep .d{color:var(--muted);margin-left:auto}

/* ===== Toasts ===== */
.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:80;display:flex;flex-direction:column;gap:10px}
.toast{background:#191919;border:1px solid var(--line);border-left:3px solid var(--fire-2);border-radius:12px;
  padding:12px 15px;min-width:240px;box-shadow:var(--sh);animation:slideIn .25s both;font-size:13px}
.toast.ok{border-left-color:var(--ok)} .toast.stop{border-left-color:var(--stop)} .toast.warn{border-left-color:var(--warn)}
.toast b{display:block;font-size:13px;margin-bottom:2px}
.toast small{color:var(--muted);font-family:var(--mono);font-size:11px}
@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}

/* ===== Responsive ===== */
@media(max-width:1080px){.kpis{grid-template-columns:repeat(2,1fr)}.dash{grid-template-columns:1fr}.set-grid{grid-template-columns:1fr}}
@media(max-width:820px){
  .app{grid-template-columns:1fr}
  .side{position:fixed;z-index:60;left:0;top:0;bottom:0;width:230px;transform:translateX(-100%);transition:.25s;box-shadow:0 0 60px rgba(0,0,0,.6)}
  .app.nav-open .side{transform:none}
  .topbar{padding:14px 16px}.view-host{padding:16px 14px 40px}
  .tb-right .loc-switch{display:none}
  .menu-btn{display:grid!important}
}
.menu-btn{display:none;width:40px;height:40px;border-radius:11px;background:var(--panel);border:1px solid var(--line);
  place-items:center;margin-right:12px}
.tb-left-wrap{display:flex;align-items:center}

/* --- «В заезде»: остаток времени, пустое состояние, имя пилота --- */
.kcard .krow.left b{color:var(--fire-3)}
.kcard .krow.left b small{color:var(--muted);font-size:11px;font-weight:500}
.kcard .krow.left.low b{color:#ff8a80}
.kempty{grid-column:1/-1;color:var(--muted);text-align:center;padding:26px 14px;font-size:13px}
.pop-field input.txt{width:100%;box-sizing:border-box;padding:9px 11px;border-radius:10px;background:#1d1d1d;
  border:1px solid var(--line-soft);color:var(--text);font:inherit;font-size:14px}
.pop-field input.txt:focus{outline:none;border-color:var(--brand)}


/* ===== Бронь · календарь ===== */
.bk-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start}
.cal-card{padding:16px 18px 14px}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cal-nav{padding:6px 14px;font-size:20px;line-height:1}
.cal-title{display:flex;align-items:center;gap:12px}
.cal-title b{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:.5px;text-transform:uppercase}
.cal-today{font-size:11.5px;padding:4px 10px;border-radius:20px;background:#1d1d1d;border:1px solid var(--line-soft);color:var(--muted);font:inherit;font-size:11.5px;cursor:pointer}
.cal-today:hover{color:var(--text);border-color:#414141}
.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}
.cal-dow span{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.6px;padding:0 8px}
.cal-dow span:nth-child(n+6){color:#b98a6b}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-cell{min-height:92px;border-radius:12px;background:#0f0f0f;border:1px solid var(--line-soft);padding:7px 8px;cursor:pointer;
  transition:.14s;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.cal-cell:hover{border-color:#414141;background:#141414;transform:translateY(-1px)}
.cal-cell.pad{background:transparent;border-color:transparent;cursor:default;pointer-events:none}
.cal-cell.past{opacity:.55}
.cal-cell.today{border-color:rgba(253,99,1,.6);box-shadow:inset 0 0 0 1px rgba(253,99,1,.25),0 0 18px -8px rgba(253,99,1,.8)}
.cal-cell .cd{display:flex;align-items:center;justify-content:space-between}
.cal-cell .dn{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--muted)}
.cal-cell .dn.we{color:#d9a37d}
.cal-cell.today .dn{color:var(--fire-3)}
.cal-cell .cnt{font-family:var(--mono);font-size:10.5px;background:#26141a;color:#ff9a8a;border-radius:20px;padding:1px 6px}
.cal-cell .cev{display:flex;flex-direction:column;gap:3px}
.cal-cell .ev{font-size:10.5px;line-height:1.25;padding:3px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:#1d1d1d;color:var(--muted);border-left:2px solid var(--faint)}
.cal-cell .ev.vip{background:#241033;color:#d9b3ff;border-left-color:#c48fff}
.cal-cell .ev.std{background:#0f2a1c;color:#8fe8b5;border-left-color:var(--ok)}
.cal-cell .ev.more{color:var(--faint);background:transparent;border-left-color:transparent;padding-left:4px}
.cal-cell .ev:hover{filter:brightness(1.2)}
.cal-legend{display:flex;gap:16px;align-items:center;margin-top:12px;font-size:11.5px;color:var(--muted)}
.cal-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:middle}
.cal-legend i.vip{background:#c48fff} .cal-legend i.std{background:var(--ok)} .cal-legend i.past{background:var(--faint)}
.cal-legend em{margin-left:auto;font-style:normal;color:var(--faint)}

.bk-side{padding:16px 18px}
.bk-side-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.bk-side-h h3{font-size:15px;margin:0}
.bk-side-h .hint{font-size:11.5px;color:var(--muted)}
.bk-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line-soft);cursor:pointer}
.bk-row:last-child{border-bottom:0}
.bk-row:hover .bk-who b{color:var(--fire-3)}
.bk-when{flex:0 0 auto;min-width:56px}
.bk-when b{font-family:var(--mono);font-size:14px;display:block}
.bk-when small,.bk-who small{color:var(--muted);font-size:11px;display:block;margin-top:2px}
.bk-who{flex:1;min-width:0}
.bk-who b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-row .chip{flex:0 0 auto}
.bk-row.soon .bk-when b{color:var(--fire-3)}

/* форма брони */
.kart-pop.bk-pop{width:340px;overflow-y:auto;scrollbar-width:thin}
.bk-tm{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pop-field select.txt,.pop-field textarea.txt{width:100%;box-sizing:border-box;padding:9px 11px;border-radius:10px;background:#1d1d1d;
  border:1px solid var(--line-soft);color:var(--text);font:inherit;font-size:14px}
.pop-field select.txt:focus,.pop-field textarea.txt:focus{outline:none;border-color:var(--brand)}
.pop-field textarea.txt{resize:vertical;min-height:52px}
.pop-field input[type=time].txt{color-scheme:dark}
.vip-pick{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.vip-pick button{text-align:left;padding:8px 10px;border-radius:10px;background:#1d1d1d;border:1px solid var(--line-soft);color:var(--muted);transition:.14s;font:inherit;cursor:pointer}
.vip-pick button b{display:block;font-size:13px;color:var(--text)}
.vip-pick button small{font-size:10.5px;display:block;margin-top:1px}
.vip-pick button.on{background:linear-gradient(135deg,rgba(196,143,255,.28),rgba(196,143,255,.08));border-color:#c48fff}
.vip-pick button.on b{color:#e4ccff}
.vip-pick button[data-v="none"].on{background:linear-gradient(135deg,rgba(55,214,122,.22),rgba(55,214,122,.05));border-color:var(--ok)}
.vip-pick button[data-v="none"].on b{color:#8fe8b5}
.bk-ntf{margin-top:12px;font-size:11.5px;color:var(--muted);background:#0e0e0e;border:1px dashed var(--line);border-radius:10px;padding:8px 10px}

@media(max-width:1080px){.bk-grid{grid-template-columns:1fr}}
@media(max-width:820px){
  .cal-cell{min-height:64px;padding:5px 6px}
  .cal-cell .ev{display:none}
  .cal-cell .cev::after{content:"";display:block}
  .cal-cell .cnt{font-size:11px}
  .cal-title b{font-size:18px}
  .kart-pop.bk-pop{width:min(94vw,360px)}
}


/* ===== Клиентская база ===== */
.cl-wrap{display:flex;flex-direction:column;gap:14px}
.cl-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cl-search{flex:1;min-width:220px;padding:10px 13px;border-radius:12px;background:#0e0e0e;border:1px solid var(--line);color:var(--text);font:inherit;font-size:13.5px}
.cl-search:focus{outline:none;border-color:var(--brand)}
.cl-count{font-family:var(--mono);font-size:12px;color:var(--muted)}
.tbl-scroll{overflow-x:auto}
.cl-tbl tr[data-id]{cursor:pointer}
.cl-tbl .cl-note{max-width:320px;color:#dbdbdb;font-size:13px;line-height:1.35}
.cl-tbl .faint{color:var(--faint)}
.cl-tbl .cl-edit{width:44px;text-align:right}
.btn.sm{padding:5px 9px;font-size:13px}
.cl-tbl tr:hover .btn.sm{border-color:var(--brand);color:var(--fire-3)}
.imp-map{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.imp-map span{font-size:11px;padding:3px 8px;border-radius:20px;background:#1d1d1d;color:var(--faint);text-decoration:line-through}
.imp-map span.on{background:#0f2a1c;color:#8fe8b5;text-decoration:none}
.imp-stat{margin-top:12px;font-size:12.5px;color:var(--muted)} .imp-stat b{color:var(--text);font-family:var(--mono)}
.imp-prev{margin-top:10px;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto}
.imp-row{padding:7px 10px;border-radius:9px;background:#0e0e0e;border:1px solid var(--line-soft);font-size:12.5px}
.imp-row b{display:block} .imp-row small{color:var(--muted);font-size:11px}
.imp-row.ex{border-left:2px solid var(--warn)} .imp-row.more{color:var(--faint);background:transparent;border-color:transparent}
@media(max-width:820px){ .cl-bar .btn{flex:1;justify-content:center} .cl-count{order:5;width:100%} }


/* ===== Финансы ===== */
.fin-grid{grid-template-columns:1.4fr 1fr}
.fin-card{padding:18px}
.bars{display:flex;align-items:flex-end;gap:10px;height:190px;padding-top:10px}
.bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.bar b{font-family:var(--mono);font-size:11px;color:var(--muted)}
.bar i{display:block;width:100%;max-width:46px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#fd6301,#7a2d08);min-height:4px;transition:.4s}
.bar.hi i{background:var(--fire);box-shadow:0 0 18px -4px rgba(253,99,1,.8)} .bar.hi b{color:var(--fire-3)}
.bar span{font-size:11px;color:var(--faint)}
.cat-list{display:flex;flex-direction:column;gap:12px}
.cat{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;font-size:13px}
.cat .cn i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;vertical-align:middle}
.cat .cv{font-size:13px}
.cat .meter{grid-column:1/-1;height:7px}
.cat small{grid-column:1/-1;color:var(--faint);font-size:11px;font-family:var(--mono);margin-top:-2px}
.wk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px} .wk-head h3{margin:0}
.wk-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .wk-form .pop-field{margin-top:6px}
.pill-q{margin-left:auto;width:22px;height:22px;border-radius:50%;background:#222222;color:var(--muted);font-size:12px;font-weight:700;display:grid;place-items:center;flex:0 0 auto}
.api-pill{width:100%;text-align:left;cursor:pointer;transition:.14s;font:inherit;color:inherit}
.api-pill:hover{border-color:#414141} .api-pill:hover .pill-q{background:var(--fire);color:#1a0d00}

/* ===== Маркетолог ===== */
.mk-grid{grid-template-columns:1fr 1fr}
.mk-card{padding:18px}
.mk-card.ig .section-h h2::before{background:linear-gradient(180deg,#ff4d8d,#c48fff)}
.mk-card.gis .section-h h2::before{background:var(--ok)}
.mrows{display:flex;flex-direction:column}
.mrow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--line-soft);font-size:13px;color:var(--muted)}
.mrow:last-child{border-bottom:0} .mrow b{color:var(--text);font-size:13.5px}
.mrow small{font-family:var(--mono);font-size:11px;min-width:44px;text-align:right} .mrow small.up{color:var(--ok)} .mrow small.down{color:var(--stop)}

/* ===== Заметки + YouTube ===== */
.nt-grid{grid-template-columns:1fr 1.2fr;align-items:start}
.nt-card{padding:18px}
.nt-new{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}
.nt-new .txt{flex:1;width:auto;padding:9px 11px;border-radius:10px;background:#1d1d1d;border:1px solid var(--line-soft);color:var(--text);font:inherit;font-size:13.5px;resize:vertical}
.nt-new .txt:focus{outline:none;border-color:var(--brand)}
.nt-list{display:flex;flex-direction:column;gap:8px}
.nt{background:#0e0e0e;border:1px solid var(--line-soft);border-radius:12px;padding:10px 12px;border-left:3px solid var(--faint)}
.nt.pin{border-left-color:var(--fire-3)}
.nt-txt{font-size:13.5px;line-height:1.4;white-space:pre-wrap;outline:none;border-radius:6px;padding:2px 4px;margin:-2px -4px}
.nt-txt:focus{background:#191919}
.nt-meta{display:flex;align-items:center;gap:6px;margin-top:6px} .nt-meta small{color:var(--faint);font-family:var(--mono);font-size:11px;margin-right:auto}
.ib{width:26px;height:26px;border-radius:7px;background:#1d1d1d;color:var(--muted);font-size:13px;border:1px solid transparent;cursor:pointer}
.ib:hover{color:var(--fire-3);border-color:var(--line)}
.yt-box{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--line);display:grid;place-items:center}
.yt-box iframe{width:100%;height:100%;border:0;display:block}
.yt-box .kempty{padding:20px}
a.btn{text-decoration:none}

/* ===== Гайд ===== */
.guide{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.gstep{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:10px;background:#0e0e0e;border:1px solid var(--line-soft)}
.gstep .gn{width:22px;height:22px;border-radius:50%;background:var(--fire);color:#1a0d00;font-family:var(--mono);font-weight:700;font-size:12px;display:grid;place-items:center;flex:0 0 auto}
.gstep b{font-size:13px;display:block} .gstep small{color:var(--muted);font-size:12px;line-height:1.35;display:block;margin-top:2px}
.kart-pop.guide-pop{width:400px}

@media(max-width:1080px){.fin-grid,.mk-grid,.nt-grid{grid-template-columns:1fr}.wk-form{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.wk-form{grid-template-columns:1fr}.bars{height:150px}.kart-pop.guide-pop{width:min(94vw,400px)}}


/* ===== Вход и роли ===== */
.app.locked{filter:blur(6px);pointer-events:none;user-select:none}
.login{position:fixed;inset:0;z-index:100;background:radial-gradient(1200px 600px at 20% -10%,rgba(253,99,1,.18),transparent 60%),rgba(0,0,0,.92);display:grid;place-items:center;padding:16px;animation:fade .3s}
.login-box{width:min(468px,100%);background:linear-gradient(180deg,#191919,#141414);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.login-box.shake{animation:shake .4s}
/* --- брендовый блок на экране входа: локап из брендбука --- */
.login-brand{display:flex;flex-direction:column;align-items:center;gap:0;
  background:#000000;border:1px solid rgba(253,99,1,.22);border-radius:18px;
  padding:24px 18px 18px;margin:0 0 20px}
.login-wm{width:min(300px,78%);height:auto;display:block;
  filter:drop-shadow(0 10px 26px rgba(253,99,1,.28))}
.login-flag{width:min(300px,78%);height:8px;margin-top:14px;background:var(--checker);
  -webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
          mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.85}
.login-sub{margin-top:12px;font-family:var(--disp);font-weight:600;font-size:12px;
  letter-spacing:3.4px;color:#939393;text-transform:uppercase}
@keyframes shake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.login-users{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.lu{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#1d1d1d;border:1px solid var(--line-soft);color:var(--muted);text-align:left;transition:.14s;font:inherit;cursor:pointer}
.lu b{display:block;color:var(--text);font-size:13.5px} .lu small{font-size:11px}
.lu.on{border-color:var(--brand);background:linear-gradient(135deg,rgba(253,99,1,.22),rgba(253,99,1,.05))}
.login-hint{margin-top:14px;font-size:11.5px;color:var(--faint);text-align:center;line-height:1.5}
.me-wrap{position:relative}
.me{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:12px;background:var(--panel);border:1px solid var(--line);cursor:pointer;font:inherit;color:inherit;transition:.14s}
.me:hover,.me.on{border-color:#414141;background:var(--panel-2)}
.me-car{color:var(--faint);font-size:11px;margin-left:2px;transition:.14s} .me.on .me-car{transform:rotate(180deg);color:var(--fire-3)}
.me .av{width:28px;height:28px;border-radius:8px;font-size:12px}
.me-txt b{display:block;font-size:12.5px;line-height:1.1} .me-txt small{font-size:10.5px;color:var(--muted)}
.me-menu{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:linear-gradient(180deg,#191919,#141414);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.85);padding:8px;z-index:70;animation:pop .16s both}
.mm-h{padding:8px 10px 6px} .mm-h b{display:block;font-size:14px} .mm-h small{color:var(--muted);font-size:11.5px;display:block;margin-top:2px;line-height:1.3}
.mm-acc{font-size:11.5px;color:var(--faint);padding:0 10px 8px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}
.mm-i{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer;border:0}
.mm-i:hover{background:#222222} .mm-i.danger{color:#ff8a80} .mm-sep{height:1px;background:var(--line-soft);margin:6px 0}
.chip.role-owner{background:#2a1c0f;color:#ffb86b} .chip.role-senior{background:#241033;color:#c48fff} .chip.role-admin{background:#111f38;color:#8fb6ff} .chip.role-fin{background:#0f2a1c;color:#5fe39a}
.users-tbl tr.off td{opacity:.55} .faint-td{color:var(--muted);font-size:12.5px} .lock{color:var(--faint);font-size:14px}
@media(max-width:820px){.me-txt{display:none}.login-users{grid-template-columns:1fr}}

/* ===== ИИ-чат ===== */
.chat-fab{position:fixed;right:20px;bottom:20px;z-index:85;width:54px;height:54px;border-radius:50%;background:var(--fire);color:#1a0d00;font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:.5px;box-shadow:0 14px 30px -10px rgba(253,99,1,.9);cursor:pointer;transition:.18s;border:0}
.chat-fab:hover{transform:translateY(-2px) scale(1.04)} .chat-fab.on{background:#222222;color:var(--fire-3);box-shadow:none}
.app.locked~.chat-fab{display:none}
.toast-wrap{bottom:86px}
.chat{position:fixed;right:20px;bottom:86px;z-index:86;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 110px));background:linear-gradient(180deg,#191919,#141414);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.85);display:flex;flex-direction:column;overflow:hidden;animation:pop .2s both}
.chat-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}
.chat-h b{display:block;font-family:var(--disp);font-size:16px} .chat-h small{color:var(--muted);font-size:11px} .chat-h .pclose{margin-left:auto;width:28px;height:28px;border-radius:8px;background:#222222;color:var(--muted);font-size:16px}
.chat-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}
.msg{max-width:88%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.45}
.msg.bot{align-self:flex-start;background:#1d1d1d;border:1px solid var(--line-soft);border-bottom-left-radius:5px}
.msg.me{align-self:flex-end;background:linear-gradient(135deg,rgba(253,99,1,.35),rgba(253,99,1,.15));border:1px solid rgba(253,99,1,.35);border-bottom-right-radius:5px}
.msg ul{margin:6px 0 2px;padding-left:16px} .msg li{margin:2px 0} .msg i{color:var(--muted)}
.msg.typing{display:flex;gap:4px;padding:11px 14px} .msg.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1s infinite} .msg.typing i:nth-child(2){animation-delay:.2s} .msg.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.chat-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px}
.chat-chips button{font-size:11.5px;padding:5px 10px;border-radius:20px;background:#1d1d1d;border:1px solid var(--line-soft);color:var(--muted);cursor:pointer;font:inherit;font-size:11.5px}
.chat-chips button:hover{color:var(--text);border-color:#414141}
.chat-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line-soft)}
.chat-in .txt{flex:1;padding:9px 11px;border-radius:10px;background:#1d1d1d;border:1px solid var(--line-soft);color:var(--text);font:inherit;font-size:13.5px}
.chat-in .txt:focus{outline:none;border-color:var(--brand)} .chat-in .btn{padding:9px 14px}


/* ==========================================================================
   ☀ СВЕТЛАЯ ТЕМА  (data-theme="light")
   Тёплый минимализм: белые поверхности, мягкие серые грани, брендовый огонь.
   ========================================================================== */
.theme-tog{width:38px;height:38px;border-radius:11px;background:var(--panel);border:1px solid var(--line);
  color:var(--text);font-size:17px;line-height:1;display:grid;place-items:center;transition:.16s;flex:0 0 auto}
.theme-tog:hover{border-color:var(--brand);color:var(--fire-2);transform:translateY(-1px)}
@media(max-width:820px){.theme-tog{width:34px;height:34px;font-size:15px}}

[data-theme="light"]{
  --bg:#f5f5f5;
  --bg-2:#ffffff;
  --panel:#ffffff;
  --panel-2:#f6f8fc;
  --line:#e6e6e6;
  --line-soft:#f0f0f0;
  --text:#1b1b1b;
  --muted:#656565;
  --faint:#a0a0a0;
  --sh:0 16px 40px -24px rgba(0,0,0,.28);
  --checker:repeating-conic-gradient(#1b1b1b 0% 25%,#ffffff 0% 50%) 50%/12px 12px;
}
[data-theme="light"] body{
  background:
    radial-gradient(1200px 620px at 82% -12%, rgba(253,99,1,.10), transparent 60%),
    radial-gradient(1000px 520px at 4% 108%, rgba(253,99,1,.06), transparent 55%),
    var(--bg);
}
[data-theme="light"] ::selection{background:rgba(253,99,1,.25)}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:#d3d3d3}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:#bebebe}

/* --- каркас --- */
[data-theme="light"] .side{background:linear-gradient(180deg,#ffffff,#f6f8fc);border-right:1px solid var(--line)}
[data-theme="light"] .wm-fire{color:var(--text)}
[data-theme="light"] .nav-item.is-active{background:linear-gradient(90deg,rgba(253,99,1,.16),rgba(253,99,1,.02));color:#b0470a}
[data-theme="light"] .nav-item.is-active i{color:var(--fire-2)}
[data-theme="light"] .nav-badge{background:#ffe4de;color:#d8452f}
[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(253,99,1,.045),transparent)}
[data-theme="light"] .card{background:linear-gradient(180deg,#ffffff,#fbfcfe)}
[data-theme="light"] .menu-btn{background:var(--panel);border-color:var(--line)}

/* --- KPI / ленты --- */
[data-theme="light"] .kpi .ic{background:#fff1e3;color:var(--fire-2)}
[data-theme="light"] .tbl tr:hover td{background:rgba(0,0,0,.03)}
[data-theme="light"] .live-pill{color:#d8452f;border-color:#f4cdc6;background:#fff2ef}

/* --- пульт картинга --- */
[data-theme="light"] .rail-wrap{background:linear-gradient(180deg,#f7f9fc,#eef1f7)}
[data-theme="light"] .rail-wrap::before{background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(0,0,0,.02) 46px 48px)}
[data-theme="light"] .track{background:linear-gradient(180deg,#eef1f7,#e7e7e7);box-shadow:inset 0 2px 8px rgba(0,0,0,.12)}
[data-theme="light"] .track .ticks span{background:rgba(0,0,0,.07)}
[data-theme="light"] .slot.type-blue .num{color:#2f6fd6} [data-theme="light"] .slot.type-red .num{color:#d8452f}

/* --- кнопки --- */
[data-theme="light"] .btn:hover{border-color:#cbcbcb}
[data-theme="light"] .btn.danger{background:#ffeceb;border-color:#f4cdc6;color:#c8382b}
[data-theme="light"] .meter{background:#eaeaea}

/* --- карточки картов / бейджи --- */
[data-theme="light"] .badge.red{background:#ffe4e0;color:#c8382b} [data-theme="light"] .badge.blue{background:#e3edff;color:#2f6fd6}

/* --- поповер / формы --- */
[data-theme="light"] .pop-scrim{background:rgba(0,0,0,.32)}
[data-theme="light"] .kart-pop{background:linear-gradient(180deg,#ffffff,#f8fafd);border-color:var(--line);box-shadow:0 30px 60px -22px rgba(0,0,0,.35)}
[data-theme="light"] .kart-pop .pclose{background:#eef1f7;color:var(--muted)}
[data-theme="light"] .seg button{background:#f1f4f9;border-color:var(--line-soft)}
[data-theme="light"] .speed-dial input[type=range]::-webkit-slider-thumb{box-shadow:0 2px 6px rgba(0,0,0,.25)}
[data-theme="light"] .pop-field input.txt,
[data-theme="light"] .pop-field select.txt,
[data-theme="light"] .pop-field textarea.txt{background:#f4f6fb;border-color:var(--line-soft)}
[data-theme="light"] .pop-field input[type=time].txt{color-scheme:light}

/* --- игровые ПК --- */
[data-theme="light"] .pc .scr{background:#eef1f7;border-color:var(--line)}
[data-theme="light"] .pc.free .scr{background:radial-gradient(circle at 50% 40%,#dfeaff,#eef1f7)}
[data-theme="light"] .pc:hover{border-color:#cbcbcb}
[data-theme="light"] .pstat.free{background:#dcf5e7;color:#1c7a4a}
[data-theme="light"] .pstat.busy{background:#fff0dc;color:#b26a12}
[data-theme="light"] .pstat.off{background:#eeeeee;color:var(--faint)}

/* --- таблицы / чипы --- */
[data-theme="light"] .tbl th{border-bottom-color:var(--line)}
[data-theme="light"] .chip.on{background:#dcf5e7;color:#1c7a4a}
[data-theme="light"] .chip.wait{background:#fff0dc;color:#b26a12}
[data-theme="light"] .chip.done{background:#eeeeee;color:var(--muted)}
[data-theme="light"] .chip.vip{background:#f1e6ff;color:#7b34c4}
[data-theme="light"] .chip.role-owner{background:#fff0dc;color:#b26a12}
[data-theme="light"] .chip.role-senior{background:#f1e6ff;color:#7b34c4}
[data-theme="light"] .chip.role-admin{background:#e3edff;color:#2f6fd6}
[data-theme="light"] .chip.role-fin{background:#dcf5e7;color:#1c7a4a}
[data-theme="light"] .cl-tbl .cl-note{color:#414141}

/* --- настройки / ключи / эндпоинты --- */
[data-theme="light"] .keyrow{background:#f4f6fb;border-color:var(--line)}
[data-theme="light"] .keyrow code{color:#b26a12}
[data-theme="light"] .ep{background:#f4f6fb;border-color:var(--line-soft)}
[data-theme="light"] .ep .verb.get{background:#e3edff;color:#2f6fd6} [data-theme="light"] .ep .verb.post{background:#dcf5e7;color:#1c7a4a}
[data-theme="light"] .cl-search{background:#f4f6fb;border-color:var(--line)}
[data-theme="light"] .imp-map span{background:#eeeeee;color:var(--faint)}
[data-theme="light"] .imp-map span.on{background:#dcf5e7;color:#1c7a4a}
[data-theme="light"] .imp-row{background:#f4f6fb;border-color:var(--line-soft)}
[data-theme="light"] .pill-q{background:#eeeeee;color:var(--muted)}
[data-theme="light"] .api-pill:hover{border-color:#cbcbcb}

/* --- тосты --- */
[data-theme="light"] .toast{background:#ffffff;border-color:var(--line)}

/* --- бронь / календарь --- */
[data-theme="light"] .cal-cell{background:#f5f7fb;border-color:var(--line-soft)}
[data-theme="light"] .cal-cell:hover{border-color:#cbcbcb;background:#eef2f8}
[data-theme="light"] .cal-today{background:#eeeeee;border-color:var(--line-soft)}
[data-theme="light"] .cal-cell .cnt{background:#ffe4de;color:#d8452f}
[data-theme="light"] .cal-cell .ev{background:#efefef;border-left-color:var(--faint)}
[data-theme="light"] .cal-cell .ev.vip{background:#f1e6ff;color:#7b34c4}
[data-theme="light"] .cal-cell .ev.std{background:#dcf5e7;color:#1c7a4a}
[data-theme="light"] .bk-ntf{background:#f4f6fb;border-color:var(--line)}

/* --- заметки --- */
[data-theme="light"] .nt{background:#f5f7fb;border-color:var(--line-soft)}
[data-theme="light"] .nt-new .txt{background:#f4f6fb;border-color:var(--line-soft)}
[data-theme="light"] .nt-txt:focus{background:#eef2f8}
[data-theme="light"] .ib{background:#eeeeee}
[data-theme="light"] .ib:hover{border-color:var(--line)}
[data-theme="light"] .gstep{background:#f5f7fb;border-color:var(--line-soft)}

/* --- вход / меню профиля / чат --- */
[data-theme="light"] .login{background:radial-gradient(1200px 600px at 20% -10%,rgba(253,99,1,.12),transparent 60%),rgba(243,245,249,.94)}
[data-theme="light"] .login-box{background:linear-gradient(180deg,#ffffff,#f8fafd);border-color:var(--line);box-shadow:0 40px 80px -34px rgba(0,0,0,.4)}
[data-theme="light"] .lu{background:#f4f6fb;border-color:var(--line-soft)}
[data-theme="light"] .me:hover,[data-theme="light"] .me.on{border-color:#cbcbcb;background:var(--panel-2)}
[data-theme="light"] .me-menu{background:linear-gradient(180deg,#ffffff,#f8fafd);border-color:var(--line);box-shadow:0 30px 60px -22px rgba(0,0,0,.35)}
[data-theme="light"] .mm-i:hover{background:#eef2f8}
[data-theme="light"] .chat{background:linear-gradient(180deg,#ffffff,#f8fafd);border-color:var(--line);box-shadow:0 30px 60px -22px rgba(0,0,0,.35)}
[data-theme="light"] .chat-fab.on{background:#eeeeee;color:var(--fire-2)}
[data-theme="light"] .chat-h .pclose{background:#eef1f7;color:var(--muted)}
[data-theme="light"] .msg.bot{background:#f1f4f9;border-color:var(--line-soft)}
[data-theme="light"] .chat-chips button{background:#f1f4f9;border-color:var(--line-soft)}
[data-theme="light"] .chat-chips button:hover{border-color:#cbcbcb}
[data-theme="light"] .chat-in .txt{background:#f4f6fb;border-color:var(--line-soft)}