/* ============================================================
   STELAR — единый дизайн TST Cargo (водитель + админка + вход)
   Самодостаточный файл. Подключается ВМЕСТО app.css на
   index.php / dashboard.php / admin.php. Кислотный оранжевый
   на чёрном, шрифт Sora, мобильный макет 440px.
   ============================================================ */

html{background:#000}

body.stelar-driver,
body.stelar-admin,
body.stelar-login{
    --bg:#000000;--surf:#0e0e10;--surf-2:#161618;--surf-3:#242428;
    --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
    --text:#f4f4f2;--muted:#8b9098;--faint:#5b626a;
    --green:#37d99a;--red:#ff5d57;--amber:#ffb020;--blue:#5b9bff;--violet:#c6a8ff;
    --acc:#ff7e1a;--acc-2:#ff4d00;--acc-ink:#180600;
    --acc-soft:rgba(255,126,26,.14);--acc-mid:rgba(255,126,26,.26);
    --acc-strong:rgba(255,126,26,.6);--acc-glow:rgba(255,126,26,.30);--acc-shadow:rgba(255,126,26,.6);
    margin:0;color:var(--text);font-family:"Sora",system-ui,-apple-system,sans-serif;
    min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;color-scheme:dark;
    background:#000;
}
/* Фиксированное свечение вынесено в отдельный композитный слой:
   не перерисовывается при скролле (фикс FPS на Intel-маках и Android). */
body.stelar-driver::before,
body.stelar-admin::before,
body.stelar-login::before{
    content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(90% 50% at 80% -8%,var(--acc-glow),transparent 52%);
}
body.stelar-driver *,
body.stelar-admin *,
body.stelar-login *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.hidden{display:none!important}

/* ====================== ВОДИТЕЛЬ ====================== */
body.stelar-driver{padding:16px 15px 50px}
.stelar-driver .wrap{max-width:440px;margin:0 auto}
.stelar-driver .r{opacity:0;transform:translateY(15px);animation:stelarRise .6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes stelarRise{to{opacity:1;transform:none}}
.stelar-driver .r:nth-child(1){animation-delay:.02s}
.stelar-driver .r:nth-child(2){animation-delay:.08s}
.stelar-driver .r:nth-child(3){animation-delay:.14s}
.stelar-driver .r:nth-child(4){animation-delay:.20s}
.stelar-driver .r:nth-child(5){animation-delay:.26s}
.stelar-driver .r:nth-child(6){animation-delay:.32s}

.stelar-driver .top{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.stelar-driver .ava{width:44px;height:44px;border-radius:50%;flex:none;background:linear-gradient(140deg,var(--acc),var(--acc-2));color:var(--acc-ink);display:grid;place-items:center;font-weight:700;font-size:17px}
.stelar-driver .hi .g{font-size:12px;color:var(--muted);letter-spacing:.04em}
.stelar-driver .hi .n{font-size:17px;font-weight:600;margin-top:1px}
.stelar-driver .bell{margin-left:auto;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--surf);display:grid;place-items:center;color:var(--muted);text-decoration:none}
.stelar-driver .bell:hover{color:var(--acc);border-color:var(--acc-strong)}
.stelar-driver .langs{display:flex;gap:6px;margin-bottom:22px}
.stelar-driver .langs a{font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;padding:7px 13px;border-radius:10px;background:var(--surf);border:1px solid var(--line)}
.stelar-driver .langs a.on{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}

.stelar-driver .hero{background:radial-gradient(120% 120% at 100% 0%,var(--acc-glow),transparent 42%),linear-gradient(170deg,var(--surf-2),var(--surf));border:1px solid var(--line-2);border-radius:28px;padding:22px;position:relative;overflow:hidden;margin-bottom:14px}
.stelar-driver .hero .lab{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:7px}
.stelar-driver .hero .lab .live{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--acc)}
.stelar-driver .hero .num{font-size:62px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:14px}
.stelar-driver .hero .num u{text-decoration:none;font-size:24px;color:var(--muted);font-weight:500;margin-left:6px}
.stelar-driver .hero .bars{display:flex;align-items:flex-end;gap:5px;height:34px;margin-top:18px}
.stelar-driver .hero .bars i{flex:1;background:rgba(255,255,255,.10);border-radius:4px 4px 0 0;min-height:3px}
.stelar-driver .hero .bars i.on{background:linear-gradient(180deg,var(--acc),var(--acc-2));box-shadow:0 0 14px var(--acc-glow)}


.stelar-driver .sec{display:flex;align-items:center;justify-content:space-between;margin:0 4px 13px}
.stelar-driver .sec h2{font-size:17px;font-weight:600;letter-spacing:-.02em}
.stelar-driver .sec .pill{font-size:11px;font-weight:600;color:var(--acc);background:var(--acc-soft);border:1px solid var(--acc-mid);padding:5px 11px;border-radius:999px}
.stelar-driver .card{background:var(--surf);border:1px solid var(--line);border-radius:24px;padding:18px;margin-bottom:26px}
.stelar-driver .sub-note{font-size:12px;color:var(--muted);line-height:1.45;margin:0 0 14px}
.stelar-driver .empty-note{font-size:13px;color:var(--muted)}

.stelar-driver .field{margin-bottom:14px}
.stelar-driver .field:last-child{margin-bottom:0}
.stelar-driver .field label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:500}
.stelar-driver .inp{width:100%;background:var(--surf-2);border:1px solid var(--line);border-radius:14px;color:var(--text);font-family:inherit;font-size:15px;padding:13px 15px;outline:none;transition:.18s}
.stelar-driver .inp:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow)}
.stelar-driver textarea.inp{resize:none;min-height:84px}
.stelar-driver .inp::placeholder{color:#5d646c}
.stelar-driver .two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.stelar-driver .mile{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:6px}
.stelar-driver .mile .ar{text-align:center;color:var(--acc)}
.stelar-driver .kmrow{margin-top:11px;background:var(--acc-soft);border:1px solid var(--acc-mid);border-radius:13px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center}
.stelar-driver .kmrow .l{font-size:12px;color:var(--muted)}
.stelar-driver .kmrow .v{font-size:18px;font-weight:600;color:var(--acc);letter-spacing:-.02em}

.stelar-driver .met{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.stelar-driver .met .x{background:var(--surf-2);border:1px solid var(--line);border-radius:14px;padding:8px 4px 10px;text-align:center}
.stelar-driver .met .x .k{font-size:10px;color:var(--muted)}
.stelar-driver .met .x .s-met-inp{width:100%;border:0;background:transparent;color:var(--text);font-family:inherit;font-weight:600;font-size:19px;text-align:center;outline:none;margin-top:3px;padding:0;-moz-appearance:textfield}
.stelar-driver .met .x .s-met-inp::-webkit-outer-spin-button,
.stelar-driver .met .x .s-met-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stelar-driver .met .x:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow)}
.stelar-driver .met .x .s-met-inp::placeholder{color:var(--faint)}

.stelar-driver .seg{display:flex;gap:8px}
.stelar-driver .seg.three{display:grid;grid-template-columns:1fr 1fr 1fr}
.stelar-driver .seg button{flex:1;font-family:inherit;font-weight:600;font-size:13px;border:1px solid var(--line);background:var(--surf-2);color:var(--muted);padding:13px 8px;border-radius:14px;cursor:pointer;transition:.15s}
.stelar-driver .seg button.active,
.stelar-driver .seg button.on{background:var(--acc-soft);border-color:var(--acc-strong);color:var(--acc)}
.stelar-driver .s-sub{gap:14px;margin-bottom:14px}

.stelar-driver .submit{width:100%;margin-top:4px;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;color:var(--acc-ink);background:linear-gradient(140deg,var(--acc),var(--acc-2));padding:16px;border-radius:16px;letter-spacing:-.01em;box-shadow:0 12px 34px -8px var(--acc-shadow)}
.stelar-driver .submit:disabled,.stelar-driver .submit.loading{opacity:.6;cursor:default}

.stelar-driver .filebox .meta{font-size:12px;color:var(--muted);margin-bottom:9px}
.stelar-driver .file{display:flex;align-items:center;gap:12px;background:var(--surf-2);border:1px dashed var(--line-2);border-radius:13px;padding:11px 13px;margin-bottom:9px}
.stelar-driver .file:last-child{margin-bottom:0}
.stelar-driver .file input[type=file]{width:100%;font-family:inherit;font-size:12px;color:var(--muted)}
.stelar-driver .file input[type=file]::file-selector-button{font-family:inherit;font-size:12px;font-weight:600;color:var(--text);background:#23242a;border:1px solid var(--line);border-radius:9px;padding:8px 12px;margin-right:12px;cursor:pointer}

.stelar-driver .trip{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}
.stelar-driver .trip:last-child{border-bottom:0;padding-bottom:0}
.stelar-driver .trip .ic{width:44px;height:44px;border-radius:14px;background:var(--surf-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--acc);flex:none}
.stelar-driver .trip .ic svg{width:21px;height:21px}
.stelar-driver .trip .m .a{font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.stelar-driver .trip .m .a .veh{font-size:11px;font-weight:600;color:var(--acc);background:var(--acc-soft);border:1px solid var(--acc-mid);padding:2px 8px;border-radius:999px;letter-spacing:.02em}
.stelar-driver .trip .m{flex:1;min-width:0}
.stelar-driver .trip .m .b{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4;word-break:break-word}
.stelar-driver .trip .km{text-align:right}
.stelar-driver .trip .km b{font-size:16px;font-weight:600;color:var(--acc)}
.stelar-driver .trip .km span{display:block;font-size:10px;color:var(--faint);margin-top:1px}

.stelar-driver .alert{border-radius:14px;padding:12px 14px;font-size:13px;font-weight:500;margin-bottom:14px}
.stelar-driver .alert.ok{background:rgba(55,217,154,.12);border:1px solid rgba(55,217,154,.4);color:var(--green)}
.stelar-driver .alert.bad{background:rgba(255,93,87,.12);border:1px solid rgba(255,93,87,.4);color:var(--red)}
.stelar-driver .foot{text-align:center;font-size:11px;color:#4c535a;margin-top:28px}

/* ====================== ВХОД ====================== */
body.stelar-login{display:flex;align-items:center;justify-content:center;padding:24px 16px}
.stelar-login .login-wrap{width:100%;max-width:380px}
.stelar-login .login-card{background:radial-gradient(120% 120% at 100% 0%,var(--acc-glow),transparent 42%),linear-gradient(170deg,var(--surf-2),var(--surf));border:1px solid var(--line-2);border-radius:28px;padding:30px 24px;text-align:center}
.stelar-login .logo-sq{width:58px;height:58px;border-radius:18px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(140deg,var(--acc),var(--acc-2));color:var(--acc-ink);box-shadow:0 12px 34px -8px var(--acc-shadow)}
.stelar-login .brand{font-size:24px;font-weight:700;letter-spacing:-.02em}
.stelar-login .sub{font-size:11px;color:var(--muted);letter-spacing:.18em;margin-top:2px}
.stelar-login .login-langs{display:flex;gap:6px;justify-content:center;margin:18px 0 4px}
.stelar-login .login-langs a{font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;padding:7px 13px;border-radius:10px;background:var(--surf);border:1px solid var(--line)}
.stelar-login .login-langs a.on{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}
.stelar-login .login-note{font-size:13px;color:var(--muted);margin:14px 0 18px;line-height:1.4}
.stelar-login .alert{border-radius:14px;padding:11px 14px;font-size:13px;font-weight:500;margin-bottom:14px;text-align:left}
.stelar-login .alert.bad{background:rgba(255,93,87,.12);border:1px solid rgba(255,93,87,.4);color:var(--red)}
.stelar-login .login-form{display:block;text-align:left}
.stelar-login .field{margin-bottom:14px}
.stelar-login .field label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:500}
.stelar-login .inp{width:100%;background:var(--surf-2);border:1px solid var(--line);border-radius:14px;color:var(--text);font-family:inherit;font-size:15px;padding:13px 15px;outline:none;transition:.18s}
.stelar-login .inp:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow)}
.stelar-login .submit{width:100%;margin-top:4px;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;color:var(--acc-ink);background:linear-gradient(140deg,var(--acc),var(--acc-2));padding:16px;border-radius:16px;box-shadow:0 12px 34px -8px var(--acc-shadow)}
.stelar-login .foot{text-align:center;font-size:11px;color:#4c535a;margin-top:20px}

/* ====================== АДМИНКА ====================== */
body.stelar-admin{padding:14px 15px 50px}
.stelar-admin .wrap{max-width:460px;margin:0 auto}

.stelar-admin .langs{display:flex;gap:6px;margin-bottom:16px}
.stelar-admin .langs a{font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:10px;background:var(--surf);border:1px solid var(--line)}
.stelar-admin .langs a.on{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}

.stelar-admin .top{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.stelar-admin .logo{display:flex;align-items:center;gap:10px}
.stelar-admin .logo .sq{width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,var(--acc),var(--acc-2));color:var(--acc-ink);display:grid;place-items:center}
.stelar-admin .logo .nm b{font-size:16px;font-weight:600;letter-spacing:-.02em;display:block;line-height:1.05}
.stelar-admin .logo .nm span{font-size:11px;color:var(--muted)}
.stelar-admin .exit{margin-left:auto;font-size:12px;color:var(--muted);border:1px solid var(--line);background:var(--surf);padding:8px 12px;border-radius:11px;text-decoration:none}
.stelar-admin .exit:hover{color:var(--acc);border-color:var(--acc-strong)}

.stelar-admin .eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 2px 12px;display:flex;align-items:center;gap:8px}
.stelar-admin .eyebrow .ln{flex:1;height:1px;background:var(--line)}

/* Hero — вариант B: чистый графит, тонкий оранжевый акцент (без диффузного свечения) */
.stelar-admin .hero{background:linear-gradient(180deg,#141416,#0b0b0d);border:1px solid var(--line-2);border-radius:26px;padding:20px;margin-bottom:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.stelar-admin .hero .lab{font-size:12px;color:var(--muted)}
.stelar-admin .hero .lab:first-child::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acc);margin-right:7px;vertical-align:middle}
.stelar-admin .hero .num{display:inline-block;font-size:50px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:8px;padding-bottom:7px;border-bottom:2px solid var(--acc)}
.stelar-admin .hero .num u{text-decoration:none;font-size:20px;color:var(--muted);font-weight:500;margin-left:5px}

.stelar-admin .mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}
.stelar-admin .mini.mini-3{grid-template-columns:repeat(3,1fr);margin-bottom:26px}
.stelar-admin .mini .m{background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px}
.stelar-admin .mini .m.sm{display:block;text-align:center;padding:13px 8px}
.stelar-admin .mini .m .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}
.stelar-admin .mini .m .ic svg{width:18px;height:18px}
.stelar-admin .mini .m .ic.g{background:rgba(55,217,154,.14);color:var(--green)}
.stelar-admin .mini .m .ic.r{background:rgba(255,93,87,.14);color:var(--red)}
.stelar-admin .mini .m .ic.a{background:var(--acc-soft);color:var(--acc)}
.stelar-admin .mini .m .ic.am{background:rgba(255,176,32,.14);color:var(--amber)}
.stelar-admin .mini .m .k{font-size:11px;color:var(--muted)}
.stelar-admin .mini .m .v{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-top:1px}

.stelar-admin .filters{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:26px}
.stelar-admin .selrow{display:flex;align-items:center;background:var(--surf-2);border:1px solid var(--line);border-radius:13px;padding:4px 14px;font-size:14px;margin-bottom:10px;position:relative}
.stelar-admin .selrow span:first-child{color:var(--muted);font-size:12px;margin-right:auto}
.stelar-admin .selrow .chev{color:var(--muted);margin-left:8px;pointer-events:none}
.stelar-admin .selrow select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:var(--text);font-family:inherit;font-size:14px;font-weight:600;padding:10px 0;outline:none;text-align:right;cursor:pointer;max-width:60%}
.stelar-admin .selrow select option{background:#161618;color:var(--text)}
.stelar-admin .period{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.stelar-admin .period a{font-family:inherit;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--surf-2);color:var(--muted);padding:10px 4px;border-radius:11px;text-align:center;text-decoration:none}
.stelar-admin .period a.on{background:var(--acc-soft);border-color:var(--acc-strong);color:var(--acc)}
.stelar-admin .filt-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.stelar-admin .filt-row .inp{flex:1;min-width:130px;background:var(--surf-2);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:inherit;font-size:14px;padding:11px 13px;outline:none}
.stelar-admin .filt-row .inp:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow)}
.stelar-admin .btn-mini{font-family:inherit;font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;padding:11px 13px;border-radius:12px;background:var(--surf-2);border:1px solid var(--line);cursor:pointer}
.stelar-admin .btn-mini:hover{border-color:var(--acc-strong);color:var(--acc)}

.stelar-admin .sec{display:flex;align-items:center;justify-content:space-between;margin:0 4px 13px}
.stelar-admin .sec.sec-mt{margin-top:26px}
.stelar-admin .sec h2{font-size:18px;font-weight:600;letter-spacing:-.02em}
.stelar-admin .sec .cnt{font-size:12px;color:var(--muted)}

.stelar-admin .rc-grid{display:block}
.stelar-admin .rc{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:15px;margin-bottom:11px}
.stelar-admin .rc.empty-rc{color:var(--muted);font-size:13px;text-align:center;padding:22px 15px}
.stelar-admin .rc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.stelar-admin .rc-veh{font-size:15px;font-weight:600;flex:1;min-width:0}
.stelar-admin .rc-veh small{color:var(--muted);font-weight:400}
.stelar-admin .rc-acts{display:flex;gap:7px;flex:none;align-items:center}
.stelar-admin .rc-date{font-size:12px;color:var(--muted)}
.stelar-admin .rc-meta{font-size:12px;color:var(--muted);margin-top:7px}
.stelar-admin .rc-mile{font-size:13px;color:#c7ccd2;margin-top:4px;word-break:break-word}
.stelar-admin .rc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.stelar-admin .rc-comment{margin-top:10px;font-size:13px;color:#c7ccd2;line-height:1.4;border-top:1px solid var(--line);padding-top:10px}

.stelar-admin .chip{font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px;background:var(--surf-2);border:1px solid var(--line);color:#c7ccd2}
.stelar-admin .chip b{color:#fff;font-weight:600}
.stelar-admin .chip.km{background:var(--acc-soft);border-color:var(--acc-mid);color:var(--acc)}
.stelar-admin .chip.km b{color:var(--acc)}

.stelar-admin .badge{font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;display:inline-block}
.stelar-admin .badge.b-broken{background:rgba(255,93,87,.14);color:var(--red);border:1px solid rgba(255,93,87,.35)}
.stelar-admin .badge.b-vac{background:var(--acc-soft);color:var(--acc);border:1px solid var(--acc-mid)}

.stelar-admin .rc-fuel{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px;color:var(--muted)}
.stelar-admin .rc-fuel-label{color:var(--muted)}
.stelar-admin .rc-fuel-no{color:#c7ccd2;font-weight:600}
.stelar-admin .openbtn{font-family:inherit;font-weight:600;font-size:12px;border:1px solid rgba(55,217,154,.4);background:rgba(55,217,154,.12);color:var(--green);padding:7px 12px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-block}
.stelar-admin .openbtn.purple{border-color:var(--acc-mid);background:var(--acc-soft);color:var(--acc)}

.stelar-admin .icbtn{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--surf-2);display:grid;place-items:center;cursor:pointer;padding:0;color:var(--muted)}
.stelar-admin .icbtn svg{width:16px;height:16px;display:block}
.stelar-admin .icbtn.edit{color:var(--acc);border-color:var(--acc-strong);background:var(--acc-soft)}
.stelar-admin .icbtn.del{color:var(--red);border-color:rgba(255,93,87,.4);background:rgba(255,93,87,.12)}
.stelar-admin .delete-report-form,.stelar-admin .delete-request-form{display:inline;margin:0}

.stelar-admin .act{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:26px}
.stelar-admin .act-sum{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:10px}
.stelar-admin .act-sum b{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.02em}
.stelar-admin .act-sum b u{text-decoration:none;font-size:13px;color:var(--muted);font-weight:500}
.stelar-admin .act-bar{height:7px;border-radius:999px;background:var(--surf-2);overflow:hidden;margin-bottom:15px}
.stelar-admin .act-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#27c08a)}
.stelar-admin .act-grp{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 9px}
.stelar-admin .act-grp.mt{margin-top:15px}
.stelar-admin .act-chips{display:flex;flex-wrap:wrap;gap:7px}
.stelar-admin .ac{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;padding:7px 12px;border-radius:999px;background:var(--surf-2);border:1px solid var(--line);color:#c7ccd2}
.stelar-admin .ac::before{content:"";width:7px;height:7px;border-radius:50%;background:#3a4049;flex:none}
.stelar-admin .ac.on{background:rgba(55,217,154,.10);border-color:rgba(55,217,154,.35);color:var(--green)}
.stelar-admin .ac.on::before{background:var(--green);box-shadow:0 0 7px var(--green)}
.stelar-admin .act-empty{font-size:13px;color:var(--muted)}

.stelar-admin .foot{text-align:center;font-size:11px;color:#4c535a;margin-top:24px}

/* pager */
.stelar-admin .pager{display:flex;gap:8px;align-items:center;justify-content:center;margin:6px 0 4px}
.stelar-admin .pager-btn,.stelar-admin .page-pill{min-width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--surf-2);color:var(--muted);display:grid;place-items:center;text-decoration:none;font-weight:600;font-size:14px}
.stelar-admin .page-pill{background:var(--acc-soft);border-color:var(--acc-mid);color:var(--acc)}

/* admin toast alerts */
.stelar-admin .admin-alert{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:1000001;border-radius:14px;padding:12px 18px;font-size:13px;font-weight:600;box-shadow:0 12px 34px -8px rgba(0,0,0,.6)}
.stelar-admin .admin-alert-success{background:rgba(55,217,154,.16);border:1px solid rgba(55,217,154,.5);color:var(--green)}
.stelar-admin .admin-alert-error{background:rgba(255,93,87,.16);border:1px solid rgba(255,93,87,.5);color:var(--red)}

/* photo modal (#photoModal .modal / .modal.open) */
.stelar-admin .modal{display:none;position:fixed;inset:0;z-index:1000000;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.9)}
.stelar-admin .modal.open{display:flex}
.stelar-admin .modal img{max-width:100%;max-height:88vh;border-radius:16px;border:1px solid var(--line-2)}
.stelar-admin .modal-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surf-2);color:var(--text);font-size:24px;line-height:1;cursor:pointer}

/* runtime file modal (built by inline script) */
.stelar-admin .admin-file-modal{position:fixed;inset:0;z-index:1000002;display:flex;align-items:center;justify-content:center;padding:24px}
.stelar-admin .admin-file-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9)}
.stelar-admin .admin-file-modal__box{position:relative;z-index:1;width:100%;max-width:760px;background:linear-gradient(170deg,var(--surf-2),var(--surf));border:1px solid var(--line-2);border-radius:22px;padding:20px;text-align:center}
.stelar-admin .admin-file-modal__box img{max-width:100%;max-height:78vh;border-radius:14px}
.stelar-admin .admin-file-modal__box iframe{width:100%;height:72vh;border:0;border-radius:14px;background:#fff}
.stelar-admin .admin-file-modal__close{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:var(--surf-2);color:var(--text);font-size:22px;cursor:pointer}
.stelar-admin .admin-file-modal__open{display:inline-block;margin-top:14px;color:var(--acc);text-decoration:none;font-weight:600;font-size:13px}

/* edit modals (.edit-report-modal / .active) */
.stelar-admin .edit-report-modal{display:none;position:fixed;inset:0;z-index:1000003;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}
.stelar-admin .edit-report-modal.active{display:flex}
.stelar-admin .edit-report-modal__box{width:100%;max-width:560px;max-height:calc(100dvh - 48px);overflow:auto;border-radius:26px;border:1px solid var(--line-2);background:linear-gradient(170deg,var(--surf-2),var(--surf));padding:24px;position:relative;color:var(--text)}
.stelar-admin .edit-report-modal__box h2{margin:0 0 18px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.stelar-admin .edit-report-modal__close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surf-2);color:var(--muted);font-size:22px;cursor:pointer}
.stelar-admin .edit-report-form label{display:block;font-size:12px;color:var(--muted);margin-bottom:13px;font-weight:500}
.stelar-admin .edit-report-form input,
.stelar-admin .edit-report-form select,
.stelar-admin .edit-report-form textarea{width:100%;margin-top:7px;background:var(--surf-2);border:1px solid var(--line);border-radius:13px;color:var(--text);font-family:inherit;font-size:15px;padding:12px 14px;outline:none}
.stelar-admin .edit-report-form input:focus,
.stelar-admin .edit-report-form select:focus,
.stelar-admin .edit-report-form textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow)}
.stelar-admin .edit-report-form textarea{resize:none;min-height:84px}
.stelar-admin .edit-report-form select option{background:#161618;color:var(--text)}
.stelar-admin .edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.stelar-admin .edit-grid.edit-grid-4{grid-template-columns:repeat(4,1fr)}
.stelar-admin .edit-save-btn{width:100%;margin-top:6px;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;color:var(--acc-ink);background:linear-gradient(140deg,var(--acc),var(--acc-2));padding:15px;border-radius:15px}

/* desktop: чуть шире и карточки в 2 колонки */
@media(min-width:1000px){
    .stelar-admin .wrap{max-width:640px}
    .stelar-admin .rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;align-items:start}
    .stelar-admin .rc{margin-bottom:0}
    .stelar-admin .mini{grid-template-columns:repeat(4,1fr)}
}


/* ====================== ЗАЯВЛЕНИЯ: статусы и решение ====================== */
.stelar-driver .badge{font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;display:inline-block}
.stelar-driver .st-pending,.stelar-admin .st-pending{background:var(--acc-soft);color:var(--acc);border:1px solid var(--acc-mid)}
.stelar-driver .st-approved,.stelar-admin .st-approved{background:rgba(55,217,154,.14);color:var(--green);border:1px solid rgba(55,217,154,.35)}
.stelar-driver .st-rejected,.stelar-admin .st-rejected{background:rgba(255,93,87,.14);color:var(--red);border:1px solid rgba(255,93,87,.35)}
.stelar-driver .rq-note{color:var(--acc);background:var(--acc-soft);border:1px solid var(--acc-mid);border-radius:12px;padding:10px 12px;margin:12px 0 0;font-size:12px;line-height:1.45}

/* driver: ваши заявления */
.stelar-driver .myreq{padding:13px 0;border-bottom:1px solid var(--line)}
.stelar-driver .myreq:first-child{padding-top:0}
.stelar-driver .myreq:last-child{border-bottom:0;padding-bottom:0}
.stelar-driver .myreq-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.stelar-driver .myreq-type{font-size:14px;font-weight:600}
.stelar-driver .myreq-date{font-size:11px;color:var(--muted);margin-top:4px}
.stelar-driver .myreq-comment{font-size:13px;color:#c7ccd2;margin-top:6px;line-height:1.4}
.stelar-driver .myreq-resp{font-size:13px;color:var(--text);margin-top:8px;background:var(--surf-2);border:1px solid var(--line);border-left:2px solid var(--acc);border-radius:10px;padding:9px 11px;line-height:1.45}
.stelar-driver .myreq-resp-l{color:var(--muted);font-weight:600;font-size:12px}

/* admin: форма решения */
.stelar-admin .req-decision{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.stelar-admin .rd-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.stelar-admin .rd-when{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}
.stelar-admin .rd-resp{width:100%;background:var(--surf-2);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:inherit;font-size:13px;padding:10px 12px;outline:none;resize:none;min-height:54px;margin-bottom:9px}
.stelar-admin .rd-resp:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow)}
.stelar-admin .rd-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}
.stelar-admin .rd-btn{font-family:inherit;font-size:12px;font-weight:600;border-radius:11px;padding:9px 6px;cursor:pointer;border:1px solid var(--line);background:var(--surf-2);color:var(--muted)}
.stelar-admin .rd-btn.ok{border-color:rgba(55,217,154,.4);background:rgba(55,217,154,.10);color:var(--green)}
.stelar-admin .rd-btn.no{border-color:rgba(255,93,87,.4);background:rgba(255,93,87,.10);color:var(--red)}
.stelar-admin .rd-btn.pend{border-color:var(--acc-mid);background:var(--acc-soft);color:var(--acc)}

/* ====================== Меню водителя (вкладки) ====================== */

/* ====================== Админка: фильтр заявлений по статусу ====================== */
.stelar-admin .req-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 2px 13px}
.stelar-admin .req-tabs a{font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;padding:8px 13px;border-radius:999px;background:var(--surf-2);border:1px solid var(--line)}
.stelar-admin .req-tabs a.on{background:var(--acc-soft);border-color:var(--acc-strong);color:var(--acc)}

/* ====================== Меню админки + Сводка/Машины ====================== */

.stelar-admin .daterow{display:flex;gap:12px;align-items:flex-end;background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:22px}
.stelar-admin .daterow .fld{flex:1 1 0;min-width:0}
.stelar-admin .daterow label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}
.stelar-admin .daterow input[type=date]{width:100%;min-width:0;box-sizing:border-box;height:46px;background:var(--surf-2);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:inherit;font-size:13px;text-align:center;padding:0 4px;outline:none}
.stelar-admin .daterow input[type=date]:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow)}
.stelar-admin .daterow .apply{flex:none;height:46px;white-space:nowrap;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;color:var(--acc-ink);background:linear-gradient(140deg,var(--acc),var(--acc-2));padding:0 16px;border-radius:12px}
.stelar-admin .sum-foot{margin-top:11px;text-align:right}
.stelar-admin .sum-xls{font-size:12px;font-weight:600;color:var(--acc);text-decoration:none;border:1px solid var(--acc-mid);background:var(--acc-soft);padding:8px 13px;border-radius:999px;display:inline-block}

.stelar-admin .sum{background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:15px;margin-bottom:10px}
.stelar-admin .sum-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.stelar-admin .sum-name{font-size:16px;font-weight:600}
.stelar-admin .sum-name small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:2px}
.stelar-admin .sum-km{font-size:18px;font-weight:700;color:var(--acc);letter-spacing:-.02em;white-space:nowrap}
.stelar-admin .sum-km u{text-decoration:none;font-size:12px;color:var(--muted);font-weight:500;margin-left:3px}
.stelar-admin .sum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stelar-admin .sum-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.stelar-admin .sum-cell{background:var(--surf-2);border:1px solid var(--line);border-radius:12px;padding:9px 6px;text-align:center}
.stelar-admin .sum-cell .k{font-size:10px;color:var(--muted)}
.stelar-admin .sum-cell .v{font-size:17px;font-weight:600;margin-top:2px}
.stelar-admin .sum-cell.warn .v{color:var(--red)}
.stelar-admin .sum-pay{margin-top:11px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;background:linear-gradient(180deg,#17171a,#101012);border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:12px;padding:11px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.stelar-admin .sum-pay-lab{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
.stelar-admin .sum-pay-sum{font-size:20px;font-weight:800;color:var(--acc);letter-spacing:-.02em;margin-left:auto}
.stelar-admin .sum-pay-brk{flex-basis:100%;font-size:11px;color:var(--faint)}

/* ====================== Управление водителями ====================== */
.stelar-admin .dm-new{background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:18px;display:grid;gap:10px}
.stelar-admin .dm-new input{width:100%;box-sizing:border-box;background:var(--surf-2);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:inherit;font-size:15px;padding:12px 14px;outline:none}
.stelar-admin .dm-new input:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow)}
.stelar-admin .dm-new button{width:100%;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;color:var(--acc-ink);background:linear-gradient(140deg,var(--acc),var(--acc-2));padding:13px;border-radius:13px}
.stelar-admin .dm-hint{font-size:11px;color:var(--muted)}
.stelar-admin .dm-msg{border-radius:13px;padding:11px 14px;font-size:13px;margin-bottom:14px}
.stelar-admin .dm-msg.ok{background:rgba(46,160,90,.15);border:1px solid rgba(46,160,90,.4);color:#7ee0a0}
.stelar-admin .dm-msg.err{background:rgba(220,70,70,.15);border:1px solid rgba(220,70,70,.4);color:#f0a0a0}
.stelar-admin .dm-card{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:13px 14px;margin-bottom:10px}
.stelar-admin .dm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.stelar-admin .dm-name{font-size:16px;font-weight:600}
.stelar-admin .dm-name small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:2px}
.stelar-admin .dm-badge{font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}
.stelar-admin .dm-badge.on{background:rgba(46,160,90,.15);color:#7ee0a0;border:1px solid rgba(46,160,90,.4)}
.stelar-admin .dm-badge.off{background:rgba(220,70,70,.12);color:#f0a0a0;border:1px solid rgba(220,70,70,.35)}
.stelar-admin .dm-row{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}
.stelar-admin .dm-row input{flex:1;min-width:0;box-sizing:border-box;background:var(--surf-2);border:1px solid var(--line);border-radius:11px;color:var(--text);font-family:inherit;font-size:14px;padding:10px 12px;outline:none}
.stelar-admin .dm-row input:focus{border-color:var(--acc);outline:none}
.stelar-admin .dm-row .b{flex:none;border:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;min-height:42px;padding:0 16px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;background:linear-gradient(140deg,var(--acc),var(--acc-2));color:var(--acc-ink)}
.stelar-admin .dm-foot{display:flex;gap:8px;margin-top:9px}
.stelar-admin .dm-foot button{flex:1;border:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;padding:10px;border-radius:11px}
.stelar-admin .dm-foot .dis{background:var(--surf-2);border:1px solid var(--line);color:var(--text)}
.stelar-admin .dm-foot .del{background:rgba(220,70,70,.12);border:1px solid rgba(220,70,70,.35);color:#f0a0a0}

/* ====================== Статусы поломок ====================== */
.stelar-admin .ds-row{margin-top:11px;display:flex;flex-direction:column;gap:8px}
.stelar-admin .ds-badge{align-self:flex-start;font-size:11px;font-weight:700;padding:5px 11px;border-radius:999px}
.stelar-admin .ds-open{background:rgba(220,70,70,.14);color:#f0a0a0;border:1px solid rgba(220,70,70,.4)}
.stelar-admin .ds-repair{background:rgba(255,160,40,.14);color:#ffce8a;border:1px solid rgba(255,160,40,.4)}
.stelar-admin .ds-fixed{background:rgba(46,160,90,.16);color:#7ee0a0;border:1px solid rgba(46,160,90,.4)}
.stelar-admin .ds-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#0b0b0d;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.stelar-admin .ds-btn{border:0;border-right:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;font-family:inherit;font-weight:600;font-size:12px;padding:11px 4px;border-radius:0}
.stelar-admin .ds-btn:last-child{border-right:0}
.stelar-admin .ds-btn.on{background:linear-gradient(140deg,var(--acc),var(--acc-2));color:var(--acc-ink)}

/* ====================== Машины: история поломок ====================== */
.stelar-admin .vh-defs{margin-top:14px;border-top:1px solid var(--line);padding-top:13px;display:flex;flex-direction:column;gap:9px}
.stelar-admin .vh-defs-h{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-bottom:1px}
.stelar-admin .vh-def{background:linear-gradient(180deg,#141416,#0d0d0f);border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.stelar-admin .vh-open{border-left:3px solid #dc4646}
.stelar-admin .vh-repair{border-left:3px solid #ffa028}
.stelar-admin .vh-fixed{border-left:3px solid #2ea05a}
.stelar-admin .vh-def-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stelar-admin .vh-def-who{font-size:12px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stelar-admin .vh-def-cm{font-size:14px;line-height:1.4;margin-top:7px}
.stelar-admin .vh-def .ds-btns{margin-top:10px}
.stelar-admin .vh-none{font-size:13px;color:var(--muted);margin-top:13px;border-top:1px solid var(--line);padding-top:13px}

/* ====================== Бейдж на вкладке Заявления ====================== */
.nav-badge{display:inline-block;min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(140deg,var(--acc),var(--acc-2));color:var(--acc-ink);font-size:11px;font-weight:800;text-align:center;margin-left:5px;vertical-align:middle}

/* ====================== Производительность (FPS) ====================== */
/* Длинные списки админки: карточки вне экрана не отрисовываются,
   браузер пропускает их раскладку и покраску. На старых Safari игнорируется без вреда. */
.stelar-admin .rc,
.stelar-admin .sum{content-visibility:auto;contain-intrinsic-size:auto 130px}

/* Уважать системный режим «уменьшить движение» — убирает анимации появления,
   снижает нагрузку при загрузке страницы на слабых машинах. */
@media (prefers-reduced-motion: reduce){
    .stelar-driver .r{opacity:1;transform:none;animation:none}
}

/* =====================================================================
   DRIVER v2 — нижнее меню (B), переключатель темы, светлая тема
   ===================================================================== */

/* --- переключатель темы в шапке --- */
.d2 .d2-theme{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);
  background:var(--surf);color:var(--muted);display:grid;place-items:center;cursor:pointer;font-family:inherit;padding:0}
.d2 .d2-theme:hover{color:var(--acc);border-color:var(--acc-mid)}
.stelar-driver.d2 .top .d2-theme{margin-left:auto}
.stelar-driver.d2 .top .bell{margin-left:8px}
.d2 .d2-theme .ic-sun{display:none}
html[data-theme="light"] .d2 .d2-theme .ic-moon{display:none}
html[data-theme="light"] .d2 .d2-theme .ic-sun{display:block}

/* --- плавающее нижнее меню (вариант B) --- */
.d2 .wrap{padding-bottom:104px}
.d2 .d2nav{position:fixed;left:50%;transform:translateX(-50%);bottom:8px;z-index:50;
  width:calc(100% - 28px);max-width:412px;display:flex;gap:6px;padding:8px;
  background:rgba(18,18,22,.55);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.14);border-radius:24px;
  box-shadow:0 18px 44px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)}
.d2 .d2t{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;
  color:var(--muted);font-size:10.5px;font-weight:600;padding:9px 4px;border-radius:15px}
.d2 .d2t .d2ic{position:relative;display:grid;place-items:center}
.d2 .d2t .d2ic svg{width:23px;height:23px}
.d2 .d2t.on{background:linear-gradient(140deg,var(--acc),var(--acc-2));color:#fff}
.d2 .d2bd{position:absolute;top:-6px;right:-9px;min-width:16px;height:16px;border-radius:999px;
  background:var(--red);color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;padding:0 4px;border:2px solid var(--surf)}

/* =====================================================================
   СВЕТЛАЯ ТЕМА (драйвер)
   ===================================================================== */
html[data-theme="light"] body.stelar-driver{
  --bg:#fbfbfa;--surf:#ffffff;--surf-2:#f4f4f3;--surf-3:#ededec;
  --line:rgba(0,0,0,.06);--line-2:rgba(0,0,0,.10);
  --text:#16181c;--muted:#71757c;--faint:#a6abb2;
  --acc:#ec6a08;--acc-2:#e04a00;
  --acc-soft:rgba(236,106,8,.12);--acc-mid:rgba(236,106,8,.30);--acc-glow:rgba(236,106,8,.10);
  background:#fbfbfa;
}
html[data-theme="light"] body.stelar-driver::before{background:radial-gradient(90% 50% at 80% -8%,rgba(236,106,8,.06),transparent 52%)}
html[data-theme="light"] .stelar-driver .hero{background:linear-gradient(165deg,#ffffff,#f4f4f2);box-shadow:0 10px 26px -14px rgba(30,32,40,.20)}
html[data-theme="light"] .stelar-driver .hero .bars i{background:rgba(20,22,28,.10)}
html[data-theme="light"] .stelar-driver .card,
html[data-theme="light"] .stelar-driver .mini .m{box-shadow:0 8px 20px -14px rgba(30,32,40,.18)}
html[data-theme="light"] .d2 .d2nav{box-shadow:0 16px 36px -16px rgba(30,32,40,.20);background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.07)}
html[data-theme="light"] .stelar-driver .inp::placeholder{color:#9aa0a8}
html[data-theme="light"] .stelar-driver .file input[type=file]::file-selector-button{background:#ececeb}
html[data-theme="light"] .stelar-driver .foot{color:#a2a8b0}
html[data-theme="light"] .stelar-driver .myreq-comment{color:#4b525a}

/* =====================================================================
   ADMIN v2 — переключатель в шапке, нижнее меню на 5 пунктов, светлая тема
   ===================================================================== */
.stelar-admin.d2 .top .d2-theme{margin-left:auto}
.stelar-admin.d2 .top .exit{margin-left:8px}
.d2 .d2nav-admin{max-width:460px}
.d2 .d2nav-admin .d2t{padding:8px 2px}
.d2 .d2nav-admin .d2lb{font-size:9.5px}
.d2 .d2nav-admin .d2t .d2ic svg{width:21px;height:21px}

html[data-theme="light"] body.stelar-admin{
  --bg:#fbfbfa;--surf:#ffffff;--surf-2:#f4f4f3;--surf-3:#ededec;
  --line:rgba(0,0,0,.06);--line-2:rgba(0,0,0,.10);
  --text:#16181c;--muted:#71757c;--faint:#a6abb2;
  --acc:#ec6a08;--acc-2:#e04a00;
  --acc-soft:rgba(236,106,8,.12);--acc-mid:rgba(236,106,8,.30);--acc-glow:rgba(236,106,8,.10);
  background:#fbfbfa;
}
html[data-theme="light"] body.stelar-admin::before{background:radial-gradient(90% 50% at 80% -8%,rgba(236,106,8,.06),transparent 52%)}
html[data-theme="light"] .stelar-admin .hero{background:linear-gradient(165deg,#ffffff,#f4f4f2);box-shadow:0 10px 26px -14px rgba(30,32,40,.20)}
html[data-theme="light"] .stelar-admin .sum-pay{background:linear-gradient(180deg,#ffffff,#f5f5f3)}
html[data-theme="light"] .stelar-admin .vh-def{background:linear-gradient(180deg,#ffffff,#f6f6f4)}
html[data-theme="light"] .stelar-admin .ds-btns{background:#eeeeec}
html[data-theme="light"] .stelar-admin .rc,
html[data-theme="light"] .stelar-admin .sum,
html[data-theme="light"] .stelar-admin .card{box-shadow:0 8px 20px -14px rgba(30,32,40,.18)}
html[data-theme="light"] .stelar-admin .rc-mile,
html[data-theme="light"] .stelar-admin .rc-comment,
html[data-theme="light"] .stelar-admin .rc-fuel-no,
html[data-theme="light"] .stelar-admin .ac,
html[data-theme="light"] .stelar-admin .chip{color:#4b525a}
html[data-theme="light"] .stelar-admin .chip b{color:#16181c}
html[data-theme="light"] .stelar-admin .ac::before{background:#c4c9d0}
html[data-theme="light"] .stelar-admin .foot{color:#a2a8b0}
html[data-theme="light"] .stelar-admin .selrow select option,
html[data-theme="light"] .stelar-admin .edit-report-form select option{background:#ffffff}
html[data-theme="light"] .stelar-admin .ds-open,
html[data-theme="light"] .stelar-admin .dm-badge.off,
html[data-theme="light"] .stelar-admin .dm-foot .del,
html[data-theme="light"] .stelar-admin .dm-msg.err{color:#b3261e}
html[data-theme="light"] .stelar-admin .ds-repair{color:#9a6206}
html[data-theme="light"] .stelar-admin .ds-fixed,
html[data-theme="light"] .stelar-admin .dm-badge.on,
html[data-theme="light"] .stelar-admin .dm-msg.ok{color:#1f7a4d}

/* --- логин: светлая тема --- */
html[data-theme="light"] body.stelar-login{
  --bg:#fbfbfa;--surf:#ffffff;--surf-2:#f4f4f3;--surf-3:#ededec;
  --line:rgba(0,0,0,.06);--line-2:rgba(0,0,0,.10);
  --text:#16181c;--muted:#71757c;--faint:#a6abb2;
  --acc:#ec6a08;--acc-2:#e04a00;
  --acc-soft:rgba(236,106,8,.12);--acc-mid:rgba(236,106,8,.30);--acc-glow:rgba(236,106,8,.10);
  background:#fbfbfa;
}
html[data-theme="light"] body.stelar-login::before{background:radial-gradient(90% 50% at 80% -8%,rgba(236,106,8,.06),transparent 52%)}

/* color-scheme следует за темой (нативные контролы: даты, списки, скроллбары) */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body.stelar-driver,
html[data-theme="light"] body.stelar-admin,
html[data-theme="light"] body.stelar-login{color-scheme:light}

/* =====================================================================
   v2 — приближение к рендеру: статы в герое, CTA, рейсы-карточки, моно-аватары
   ===================================================================== */
.d2 .hero .hero-foot{display:flex;gap:18px;margin-top:16px}
.d2 .hero .hf .k{font-size:11px;color:var(--muted)}
.d2 .hero .hf .v{font-size:15px;font-weight:700;margin-top:2px;letter-spacing:-.01em}
.d2 .hero .hf .v.acc{color:var(--acc)}

/* водитель: квадратный аватар, кнопка «Новый отчёт», рейсы отдельными карточками */
.stelar-driver.d2 .ava{border-radius:15px}
.stelar-driver.d2 .d2cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:24px;padding:16px;border-radius:18px;font-family:inherit;font-weight:700;font-size:16px;text-decoration:none;color:#fff;background:linear-gradient(140deg,var(--acc),var(--acc-2));box-shadow:0 16px 32px -14px var(--acc-strong)}
.stelar-driver.d2 #history{background:none;border:0;padding:0;box-shadow:none}
.stelar-driver.d2 .trip{background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:13px;margin-bottom:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.stelar-driver.d2 .trip:last-child{padding-bottom:13px;margin-bottom:0}
html[data-theme="light"] .stelar-driver.d2 .trip{box-shadow:0 8px 20px -14px rgba(30,32,40,.18)}

/* админ: крупнее карточки водителей + моно-аватар */
.stelar-admin.d2 .sum{border-radius:22px;padding:16px}
.stelar-admin.d2 .sum-top{gap:12px}
.stelar-admin.d2 .sum-name{flex:1;min-width:0}
.stelar-admin.d2 .sum .mono{width:42px;height:42px;border-radius:13px;background:var(--surf-3);display:grid;place-items:center;font-weight:800;font-size:15px;color:var(--text);flex:none}

/* интерактивный график в кабинете */
.stelar-driver .hero .bars i.bar{cursor:pointer;transition:height .2s}
.stelar-driver .hero .bars i.sel{background:linear-gradient(180deg,var(--acc),var(--acc-2));box-shadow:0 0 14px var(--acc-glow)}

/* поиск водителей (админ) */
.stelar-admin.d2 .d2search{display:flex;align-items:center;gap:10px;background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:0 14px;margin:0 0 14px;height:48px}
.stelar-admin.d2 .d2search svg{width:18px;height:18px;color:var(--muted);flex:none}
.stelar-admin.d2 .d2search input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text);font-family:inherit;font-size:14px;height:100%}
.stelar-admin.d2 .d2search input::placeholder{color:var(--faint)}

/* экспорт — иконка-кнопка без текста */
.stelar-admin.d2 .sum-foot{display:flex;justify-content:flex-end;margin-top:12px}
.stelar-admin.d2 .sum-xls{width:42px;height:42px;padding:0;border-radius:13px;border:1px solid var(--line);background:var(--surf-2);color:var(--acc);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.stelar-admin.d2 .sum-xls svg{width:20px;height:20px;display:block}
.stelar-admin.d2 .sum-xls:active{transform:scale(.96)}

/* чипсы периода (сводка) */
.stelar-admin.d2 .chips{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.stelar-admin.d2 .chips::-webkit-scrollbar{display:none}
.stelar-admin.d2 .chip{flex:none;padding:11px 18px;border-radius:16px;background:var(--surf);border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.stelar-admin.d2 .chip.on{background:linear-gradient(140deg,var(--acc),var(--acc-2));color:#fff;border-color:transparent}

/* бейдж уведомлений на колокольчике */
.stelar-driver .bell{position:relative}
.stelar-driver .bell .bell-bd{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--acc);color:#fff;font-size:10px;font-weight:800;line-height:1;display:grid;place-items:center;border:2px solid var(--bg)}

/* скрытие нулевых карточек водителей + кнопка показа */
#drvList.hide-empty .sum-empty{display:none}
.stelar-admin.d2 .empty-toggle{display:block;width:100%;margin:2px 0 16px;padding:13px;border-radius:14px;background:var(--surf);border:1px dashed var(--line-2);color:var(--muted);font-family:inherit;font-weight:600;font-size:13px;cursor:pointer}
.stelar-admin.d2 .empty-toggle:active{transform:scale(.99)}

/* светлая тема: активный/выбранный столбик графика — оранжевый */
html[data-theme="light"] .stelar-driver .hero .bars i.on,
html[data-theme="light"] .stelar-driver .hero .bars i.sel{background:linear-gradient(180deg,var(--acc),var(--acc-2));box-shadow:0 0 14px var(--acc-glow)}

/* светлая тема (вариант «почти белый»): мягкая тень у карточек, чтобы отделялись от фона */
html[data-theme="light"] .stelar-driver .hero,
html[data-theme="light"] .stelar-driver .card,
html[data-theme="light"] .stelar-driver.d2 .trip,
html[data-theme="light"] .stelar-driver .d2cta,
html[data-theme="light"] .stelar-admin .hero,
html[data-theme="light"] .stelar-admin .rc,
html[data-theme="light"] .stelar-admin .sum,
html[data-theme="light"] .stelar-admin .card,
html[data-theme="light"] .stelar-admin.d2 .d2search,
html[data-theme="light"] .d2 .d2nav{box-shadow:0 8px 24px -14px rgba(0,0,0,.22)}
/* почти убрать оранжевое свечение фона — чистый минимализм */
html[data-theme="light"] body.stelar-driver::before,
html[data-theme="light"] body.stelar-admin::before,
html[data-theme="light"] body.stelar-login::before{background:radial-gradient(90% 45% at 85% -6%,rgba(236,106,8,.04),transparent 55%)}

/* =====================================================================
   ЛОГИН v2 — переключатель темы, иконки в полях, показ пароля, свечение
   ===================================================================== */
.stelar-login .login-card{position:relative}
.stelar-login .login-theme{position:absolute;top:14px;right:14px;z-index:10}
.stelar-login .login-form .iwrap{display:flex;align-items:center;gap:10px;background:var(--surf-2);border:1px solid var(--line);border-radius:15px;padding:0 14px;height:54px;transition:border-color .15s}
.stelar-login .login-form .iwrap:focus-within{border-color:var(--acc-mid)}
.stelar-login .login-form .iwrap .ic{width:18px;height:18px;color:var(--muted);flex:none}
.stelar-login .login-form .iwrap .inp{flex:1;min-width:0;background:none;border:0;border-radius:0;padding:0;height:100%;font-size:15px;color:var(--text);outline:none}
.stelar-login .login-form .iwrap .eye{background:none;border:0;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:4px;flex:none}
.stelar-login .login-form .iwrap .eye svg{width:18px;height:18px}
.stelar-login .login-form .iwrap .eye.on{color:var(--acc)}
.stelar-login .logo-sq{box-shadow:0 16px 38px -12px rgba(255,126,26,.55)}
.stelar-login .submit{box-shadow:0 16px 34px -14px rgba(255,126,26,.6)}

/* =====================================================================
   UI v3 — тост, спиннер на кнопках, имя водителя рядом с логином
   ===================================================================== */
.tst-toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,14px);z-index:2000;background:#16181c;color:#fff;font-weight:600;font-size:14px;padding:13px 18px;border-radius:14px;box-shadow:0 16px 38px -10px rgba(0,0,0,.55);opacity:0;transition:opacity .25s,transform .25s;max-width:88vw;text-align:center;pointer-events:none}
.tst-toast.show{opacity:1;transform:translate(-50%,0)}
.tst-toast.ok{background:linear-gradient(140deg,#1f8a4d,#15663a)}
.tst-toast.err{background:linear-gradient(140deg,#c0392b,#962a20)}

button.is-loading{position:relative;color:transparent!important;pointer-events:none;opacity:.9}
button.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:tstspin .6s linear infinite}
@keyframes tstspin{to{transform:rotate(360deg)}}

.sum-name .sum-real{color:var(--muted);font-weight:500}
.dm-name .dm-real{color:var(--muted);font-weight:500}

/* @логин рядом с именем в ленте отчётов/заявлений */
.rc-user{color:var(--faint);font-weight:400}

/* плавное появление контента при загрузке и переключении вкладок (только opacity — безопасно для фикс-навигации) */
@keyframes tstWrapIn{from{opacity:0}to{opacity:1}}
body.d2 .wrap{animation:tstWrapIn .38s ease both}
body.stelar-login .login-card{animation:tstWrapIn .42s ease both}
@media (prefers-reduced-motion: reduce){body.d2 .wrap,body.stelar-login .login-card{animation:none}}

/* Дашборд: панель отчётов — живой поиск + иконка-экспорт, и новая шапка карточки */
.stelar-admin .rep-tools{display:flex;gap:10px;align-items:center;margin-top:12px}
.stelar-admin .rep-tools .d2search{flex:1;margin:0}
.stelar-admin .rep-tools .sum-xls{flex:none}
.stelar-admin .rc-hd .rc-when{font-size:12px;color:var(--faint);font-weight:500}
.stelar-admin .rc-hd .rc-who{font-size:15px;color:var(--text);font-weight:700;margin-top:2px;line-height:1.2}
.stelar-admin .rc-hd .rc-who .rc-user{color:var(--muted);font-weight:500;font-size:13px}

/* Карточка отчёта: имя и логин на отдельных строках, номер машины капсом */
.stelar-admin .rc-hd{min-width:0;flex:1}
.stelar-admin .rc-hd .rc-name{font-size:15px;font-weight:700;color:var(--text);margin-top:2px;line-height:1.2}
.stelar-admin .rc-hd .rc-login{font-size:13px;color:var(--muted);font-weight:500;margin-top:1px}
.stelar-admin .rc-meta .rc-veh-up{text-transform:uppercase;font-weight:700;color:var(--text);letter-spacing:.02em}

/* фикс: убрать горизонтальный «обрез» правого края (любая тема) */
body.d2 .wrap{overflow-x:hidden}
.stelar-admin .rc,.stelar-admin .mini .m,.stelar-admin .hero{max-width:100%}

/* доп. иконка-вариант (Заявки) + маршрут капсом в карточке */
.stelar-admin .mini .m .ic.b{background:rgba(91,155,255,.14);color:var(--blue)}
.stelar-admin .rc-meta .rc-up{text-transform:uppercase}

/* счётчик отчётов в eyebrow-заголовке секции */
.stelar-admin .eyebrow .eyebrow-cnt{color:var(--text);font-weight:700;letter-spacing:0;font-size:11px}

/* Окошко уведомлений у колокольчика (кабинет водителя) */
.stelar-driver .bell-wrap{position:relative}
.stelar-driver .notif-pop{position:fixed;top:64px;right:12px;width:300px;max-width:84vw;background:var(--surf);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 18px 44px -16px rgba(0,0,0,.55);z-index:100000;overflow:hidden;animation:tstWrapIn .16s ease both}
html[data-theme="light"] .stelar-driver .notif-pop{box-shadow:0 18px 44px -16px rgba(30,32,40,.28)}
.stelar-driver .notif-head{font-size:13px;font-weight:800;color:var(--text);padding:12px 14px;border-bottom:1px solid var(--line)}
.stelar-driver .notif-list{max-height:340px;overflow-y:auto}
.stelar-driver .notif-empty{padding:24px 14px;text-align:center;color:var(--muted);font-size:13px}
.stelar-driver .notif-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);align-items:flex-start}
.stelar-driver .notif-item:last-of-type{border-bottom:0}
.stelar-driver .notif-item.unseen{background:var(--acc-soft)}
.stelar-driver .notif-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none;background:var(--muted)}
.stelar-driver .notif-dot.st-approved{background:var(--green)}
.stelar-driver .notif-dot.st-rejected{background:var(--red)}
.stelar-driver .notif-b{min-width:0;flex:1}
.stelar-driver .notif-t{font-size:13.5px;font-weight:700;color:var(--text)}
.stelar-driver .notif-t .st-approved{color:var(--green)}
.stelar-driver .notif-t .st-rejected{color:var(--red)}
.stelar-driver .notif-x{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.35;word-break:break-word}
.stelar-driver .notif-d{font-size:11px;color:var(--faint);margin-top:4px}
.stelar-driver .notif-all{display:block;text-align:center;padding:11px;font-size:12.5px;font-weight:700;color:var(--acc);border-top:1px solid var(--line);text-decoration:none}

/* Кнопка-ссылка на сайт вместо «Новый отчёт» */
.stelar-driver .hf-money{display:none} /* скрыт заработок за день у водителя (обратимо: убрать строку) */

/* ===== UX polish v49: empty states, trip edit/delete, edit banner, pull-to-refresh ===== */
.stelar-driver .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 16px;gap:12px}
.stelar-driver .empty-state .es-ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--acc-soft);color:var(--acc)}
.stelar-driver .empty-state .es-ic svg{width:28px;height:28px}
.stelar-driver .empty-state .es-t{font-size:13.5px;color:var(--muted);max-width:240px;line-height:1.45}
html[data-theme="light"] .stelar-driver .empty-state .es-ic{background:rgba(255,126,26,.10)}

.stelar-driver .notif-empty{display:flex;flex-direction:column;align-items:center;gap:10px}
.stelar-driver .notif-empty .ne-ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--acc-soft);color:var(--acc)}
.stelar-driver .notif-empty .ne-ic svg{width:24px;height:24px}

.stelar-driver.d2 .trip{flex-wrap:wrap}
.stelar-driver .trip-acts{width:100%;display:flex;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}
.stelar-driver .trip-acts .trip-edit,.stelar-driver .trip-acts .trip-del{flex:1;font-family:inherit;font-weight:700;font-size:13px;padding:10px 12px;border-radius:12px;cursor:pointer;border:1px solid var(--line);transition:background .15s,border-color .15s,transform .08s}
.stelar-driver .trip-acts .trip-edit{background:var(--acc-soft);color:var(--acc);border-color:var(--acc-mid)}
.stelar-driver .trip-acts .trip-edit:active{transform:scale(.97)}
.stelar-driver .trip-acts .trip-delform{flex:1;display:flex}
.stelar-driver .trip-acts .trip-del{width:100%;background:transparent;color:#ff5a5a;border-color:rgba(255,90,90,.32)}
.stelar-driver .trip-acts .trip-del:active{transform:scale(.97);background:rgba(255,90,90,.08)}
html[data-theme="light"] .stelar-driver .trip-acts .trip-edit{background:rgba(255,126,26,.10)}

.stelar-driver .edit-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:11px 14px;border-radius:13px;background:var(--acc-soft);border:1px solid var(--acc-mid);color:var(--acc);font-weight:700;font-size:13px}
.stelar-driver .edit-banner button{background:transparent;border:0;color:var(--acc);font-size:17px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:8px}
html[data-theme="light"] .stelar-driver .edit-banner{background:rgba(255,126,26,.10)}

.ptr-ind{position:fixed;top:0;left:50%;transform:translateX(-50%) translateY(-60px);z-index:1500;width:40px;height:40px;border-radius:50%;background:#16181c;box-shadow:0 10px 26px -8px rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:transform .18s,opacity .18s}
html[data-theme="light"] .ptr-ind{background:#fff;box-shadow:0 10px 26px -8px rgba(30,32,40,.28)}
.ptr-ind .ptr-spin{width:18px;height:18px;border-radius:50%;border:2.4px solid var(--acc-mid);border-top-color:var(--acc);transition:transform .12s}
.ptr-ind.on .ptr-spin{transform:rotate(180deg)}
.ptr-ind.load .ptr-spin{animation:ptrSpin .7s linear infinite}
@keyframes ptrSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ptr-ind,.ptr-ind .ptr-spin{transition:none}.ptr-ind.load .ptr-spin{animation:none}}

/* ===== Notifications system v50 ===== */
/* driver: notifications page */
.stelar-driver .nflist{margin-top:4px;display:flex;flex-direction:column;gap:10px}
.stelar-driver .nfc{display:flex;gap:12px;background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="light"] .stelar-driver .nfc{box-shadow:0 8px 20px -14px rgba(30,32,40,.18)}
.stelar-driver .nfc.new{border-color:var(--acc-mid);background:linear-gradient(180deg,var(--acc-soft),var(--surf))}
.stelar-driver .nfc-ic{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.stelar-driver .nfc-ic svg{width:21px;height:21px}
.stelar-driver .nfc-body{flex:1;min-width:0}
.stelar-driver .nfc-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.stelar-driver .nfc-new{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
.stelar-driver .nfc-title{font-weight:700;font-size:15px;line-height:1.3;margin-bottom:3px;word-break:break-word}
.stelar-driver .nfc-text{font-size:13.5px;color:var(--muted);line-height:1.5;word-break:break-word;white-space:pre-line}
.stelar-driver .nfc-date{font-size:11.5px;color:var(--muted);opacity:.85;margin-top:8px}

/* type badge/icon colours (driver + admin) */
.nfc-type{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:3px 9px;border-radius:999px;display:inline-block}
.nfc-type.tm{color:#ff7e1a;background:rgba(255,126,26,.15)} .nfc-ic.tm{color:#ff7e1a;background:rgba(255,126,26,.15)}
.nfc-type.ti{color:#4a9eff;background:rgba(74,158,255,.15)} .nfc-ic.ti{color:#4a9eff;background:rgba(74,158,255,.15)}
.nfc-type.tn{color:#1bbf83;background:rgba(27,191,131,.15)} .nfc-ic.tn{color:#1bbf83;background:rgba(27,191,131,.15)}
.nfc-type.tw{color:#ff5a5a;background:rgba(255,90,90,.15)} .nfc-ic.tw{color:#ff5a5a;background:rgba(255,90,90,.15)}

/* admin: compose form */
.stelar-admin .nf-form{display:flex;flex-direction:column;gap:14px;padding:16px}
.stelar-admin .nf-row2{display:flex;gap:12px}
.stelar-admin .nf-row2 .nf-field{flex:1;min-width:0}
.stelar-admin .nf-field{display:flex;flex-direction:column;gap:7px}
.stelar-admin .nf-field label{font-size:13px;font-weight:700;color:var(--muted)}
.stelar-admin .nf-form .inp{width:100%;font-family:inherit;font-size:15px;padding:13px 14px;border-radius:13px;border:1px solid var(--line);background:var(--surf);color:inherit;box-sizing:border-box}
.stelar-admin .nf-form textarea.inp{resize:vertical;min-height:96px;line-height:1.5}
.stelar-admin .nf-form select.inp{-webkit-appearance:none;appearance:none}
.stelar-admin .nf-form .inp:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.stelar-admin .nf-send-btn{font-family:inherit;font-weight:800;font-size:15px;padding:15px;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,var(--acc),var(--acc-2));color:var(--acc-ink,#180600);box-shadow:0 12px 26px -12px var(--acc)}
.stelar-admin .nf-send-btn:active{transform:scale(.99)}
.stelar-admin .nf-flash{padding:12px 15px;border-radius:13px;font-weight:700;font-size:13.5px;margin:0 0 6px}
.stelar-admin .nf-flash.ok{background:rgba(27,191,131,.14);color:#1bbf83;border:1px solid rgba(27,191,131,.3)}
.stelar-admin .nf-flash.err{background:rgba(255,90,90,.12);color:#ff5a5a;border:1px solid rgba(255,90,90,.3)}
/* admin: sent list */
.stelar-admin .nf-sent{display:flex;flex-direction:column;gap:9px;margin-bottom:6px}
.stelar-admin .nf-sent-c{display:flex;align-items:center;gap:10px;background:var(--surf);border:1px solid var(--line);border-radius:15px;padding:12px 14px}
.stelar-admin .nf-sent-m{flex:1;min-width:0}
.stelar-admin .nf-sent-top{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-bottom:4px}
.stelar-admin .nf-sent-to{font-weight:700}
.stelar-admin .nf-sent-title{font-weight:700;font-size:14.5px;word-break:break-word}
.stelar-admin .nf-sent-date{font-size:11.5px;color:var(--muted);margin-top:3px}

/* ===== Notification center popover + edit hint v51 ===== */
.stelar-driver .notif-dot.tm{background:#ff7e1a}
.stelar-driver .notif-dot.ti{background:#4a9eff}
.stelar-driver .notif-dot.tn{background:#1bbf83}
.stelar-driver .notif-dot.tw{background:#ff5a5a}
.stelar-driver .notif-pop .notif-t{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.stelar-driver .notif-pop .nfc-type{font-size:9.5px;padding:2px 7px;letter-spacing:.3px}
.stelar-driver .notif-pop .notif-x{font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.stelar-driver .info-hint{align-items:flex-start;margin-bottom:14px}
.stelar-driver .info-hint span{line-height:1.45}
.stelar-driver .info-hint button{flex:0 0 auto;margin-top:-1px}

/* fix: атрибут hidden должен прятать баннеры (правило display:flex перебивало его) */
.stelar-driver .edit-banner[hidden]{display:none}

/* edit mode: subtle cancel link under submit (no banner) */
.stelar-driver .edit-cancel-link{display:block;width:100%;margin-top:10px;background:transparent;border:0;font-family:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;text-align:center;padding:6px;border-radius:10px}
.stelar-driver .edit-cancel-link:active{background:var(--surf)}
.stelar-driver .edit-cancel-link[hidden]{display:none}

/* driver messages pager (8/page) */
.stelar-driver .nf-pager{display:flex;gap:8px;align-items:center;justify-content:center;margin:4px 0 6px}
.stelar-driver .nfp-btn,.stelar-driver .nfp-pill{min-width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--surf);color:var(--muted);display:grid;place-items:center;text-decoration:none;font-weight:700;font-size:15px}
.stelar-driver .nfp-pill{background:var(--acc-soft);border-color:var(--acc-mid);color:var(--acc)}
.stelar-driver .nfp-btn.off{opacity:.35;pointer-events:none}

/* ===== v55: clickable notification center + status padding ===== */
.stelar-driver a.notif-item{text-decoration:none;color:inherit;cursor:pointer;transition:background .12s}
.stelar-driver a.notif-item:active{background:rgba(255,126,26,.10)}
.stelar-driver .notif-item .notif-go{align-self:center;color:var(--muted);font-size:20px;font-weight:700;flex:0 0 auto;opacity:.55}
.stelar-driver .notif-pop .st-badge{display:inline-block;padding:2px 9px;border-radius:8px;line-height:1.45;font-weight:700;font-size:11.5px}
/* admin report cards: верхнее выравнивание в сетке (ровнее на ПК) */
.stelar-admin .rc-grid{align-items:start}