:root {
  --ink:#e1e9e8;--muted:#91a4a5;--deep:#dbe9e6;--deep2:#172523;--bg:#080e10;--card:#11191c;--line:#344247;
  color-scheme:dark;
  --cockpit-black: #050807;
  --cockpit-panel: #0b100e;
  --cockpit-raised: #151c19;
  --cockpit-line: #34413b;
  --cockpit-green: #31df89;
  --cockpit-text: #e7efeb;
  --cockpit-muted: #8fa098;
}

body {
  background: var(--cockpit-black);
  color: var(--cockpit-text);
}

.workspace {
  background:
    radial-gradient(circle at 76% -10%, rgba(24, 167, 101, .17), transparent 34%),
    linear-gradient(145deg, #050807 0%, #0a100e 48%, #050706 100%);
}

.sidebar {
  width: 238px;
  padding: 18px 14px;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, .035), transparent 32%),
    repeating-linear-gradient(128deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, #07110e, #020504);
  border-right: 1px solid #30413a;
  box-shadow: 14px 0 42px #0009;
}

.sidebar::after {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1px solid #ffffff0a;
  border-radius: 21px;
  pointer-events: none;
}

.sidebar .brand-mark {
  position: relative;
  z-index: 1;
  padding: 5px 8px 24px;
  color: #f2f5f3;
  font-size: 24px;
}

.sidebar .logo-box {
  color: #0f8e59;
  background: linear-gradient(145deg, #d8e2dd, #fff);
  box-shadow: 0 0 0 1px #fff4, 0 10px 30px #0008;
}

.brand-sub { color: #7f9b90; letter-spacing: .16em; }
.nav-label { position: relative; z-index: 1; color: #658176; }
.module-nav { position: relative; z-index: 1; gap: 8px; }

.nav-item {
  min-height: 58px;
  padding: 9px 10px;
  color: #b9c7c2;
  background: linear-gradient(180deg, #ffffff05, #ffffff02);
  border: 1px solid transparent;
  border-radius: 16px;
}

.nav-item:hover { border-color: #ffffff13; background: #ffffff08; }

.nav-item.active {
  color: #fff;
  background: linear-gradient(145deg, #17342b, #0b1512);
  border-color: #37d58c;
  box-shadow: inset 0 0 20px #27bd7140, 0 0 0 1px #1cff8b28, 0 0 24px #16b96b2b;
}

.nav-icon { background: #ffffff07; border: 1px solid #ffffff08; }
.nav-item.active .nav-icon { color: #6dffb2; background: #29bd7750; }
.sidebar-footer { position: relative; z-index: 1; border-top-color: #ffffff0c; }
.main-shell { margin-left: 238px; }

.topbar {
  height: 72px;
  color: #f4f7f5;
  background: rgba(5, 10, 8, .9);
  border-bottom: 1px solid #27332e;
  box-shadow: 0 10px 34px #0006;
}

.page-subtitle { color: #82958d; }
.mobile-menu { color: #fff; background: #121a17; border: 1px solid #314039; }

.live-pill {
  color: #c6d5cf;
  background: #0d1814;
  border-color: #2d4138;
  box-shadow: inset 0 0 18px #27b36f0c;
}

.live-pill.working { color: #7ef0b1; background: #0b1d16; border-color: #238557; }
.content { max-width: 1600px; padding: 18px 20px 28px; }
.park-page { gap: 14px; }

.park-cockpit-banner {
  position: relative;
  min-height: 178px;
  overflow: hidden;
  background: #07100d url('/assets/park508-cockpit-hero.png?v=2') center 57% / cover no-repeat;
  border: 1px solid #405049;
  border-radius: 26px 26px 13px 13px;
  box-shadow: inset 0 -55px 75px #020504d9, 0 18px 48px #0009;
}

.park-cockpit-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #030706f5 0%, #06100ddb 24%, transparent 58%, #00000014), linear-gradient(0deg, #050807dd, transparent 45%);
}

.park-cockpit-copy {
  position: absolute;
  z-index: 1;
  top: 25px;
  left: 30px;
  display: grid;
  gap: 5px;
  text-shadow: 0 3px 18px #000;
}

.park-cockpit-copy strong { font-size: 30px; letter-spacing: -.04em; }
.park-cockpit-copy > span { color: #9ee8bc; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; }

.park-cockpit-copy .park-cockpit-plate {
  display: inline-flex;
  align-items: center;
  width: max-content;
  margin-top: 15px;
  padding: 7px 11px;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .12em;
  background: #030605aa;
  border: 1px solid #ffffff3b;
  border-radius: 8px;
}

.quick-actions {
  position: relative;
  z-index: 2;
  grid-template-columns: repeat(5, minmax(126px, 1fr));
  gap: 9px;
  margin: -39px 16px 0;
  padding: 12px;
  background: linear-gradient(180deg, #202725, #080c0b);
  border: 1px solid #59645f;
  border-radius: 34px 34px 18px 18px;
  box-shadow: inset 0 1px #ffffff20, 0 14px 32px #000a;
}

.quick-action {
  min-height: 78px;
  padding: 14px;
  color: #eef4f1;
  text-align: center;
  text-shadow: 0 1px 3px #000;
  background: linear-gradient(155deg, #242b29, #080b0a 70%);
  border: 1px solid #59625e;
  border-radius: 24px 24px 15px 15px;
  box-shadow: inset 0 1px #ffffff20, inset 0 -12px 20px #0008, 0 5px 12px #0008;
}

.quick-action:hover { transform: translateY(-2px); border-color: #8a9892; }
.quick-action span { color: #7f9189; }

.quick-action.active {
  color: #fff;
  background: radial-gradient(circle at 50% 25%, #174b36, #07100d 72%);
  border-color: #42ef9b;
  box-shadow: inset 0 0 25px #24d47b4a, 0 0 0 2px #1bf48d2e, 0 0 25px #20d57b53;
}

.quick-action.active span { color: #9af0bd; }

.section-card,
.salary-stat,
.stat,
.log-card,
.live-map-stat,
.live-map-card,
.live-driver-card {
  color: #e7efeb;
  background: linear-gradient(155deg, #151c19, #080c0b);
  border-color: #34413b;
  box-shadow: inset 0 1px #ffffff0b, 0 9px 25px #0005;
}

.section-card { border-radius: 20px; }
.muted { color: #8fa098; }
.field span { color: #a6b4ae; }

.field input,
.field select,
.input {
  color: #eef4f1;
  background: #0d1311;
  border-color: #35423c;
}

.field input:focus,
.field select:focus,
.input:focus { border-color: #32c77d; box-shadow: 0 0 0 4px #25d47a1c; }

.table-wrap { background: #080c0b; border-color: #34413b; }
.table th { color: #96a59f; background: #181f1c; }
.table td { color: #e5ece9; border-bottom-color: #26312c; }
.driver-row:hover { background: #102019; }
.badge { color: #84eeb1; background: #103c29; border: 1px solid #1d6f49; }
.badge.off { color: #a4afaa; background: #202724; border-color: #343e39; }
.secondary { color: #d6e0dc; background: #1b2521; border: 1px solid #394740; }
.rule, .message, .salary-preview, .live-order { color: #adbbb5; background: #111916; }
.metric { color: #8fa098; background: #111815; border-color: #34413b; }
.metric b { color: #51dd91; }
.toast { background: #050807; border: 1px solid #32b873; }

@media (max-width: 1050px) {
  .quick-actions { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 820px) {
  body { padding-bottom: 78px; }
  .sidebar {
    inset: auto 8px 8px;
    width: auto;
    height: 70px;
    padding: 6px;
    transform: none;
    background: rgba(4, 9, 7, .94);
    border: 1px solid #3b4b44;
    border-radius: 22px;
    box-shadow: 0 -10px 35px #000b;
    backdrop-filter: blur(18px);
  }
  .sidebar::after, .sidebar .brand-mark, .sidebar .nav-label, .sidebar-footer { display: none; }
  .module-nav { height: 100%; grid-template-columns: repeat(5, 1fr); gap: 2px; }
  .nav-item { display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 0; height: 58px; padding: 5px 2px; gap: 2px; text-align: center; border-radius: 15px; }
  .nav-icon { width: 27px; height: 25px; border: 0; background: transparent; }
  .nav-icon svg { width: 17px; height: 17px; }
  .nav-item > span:nth-child(2) { min-width: 0; }
  .nav-name { display: block; font-size: 8px; line-height: 1.05; }
  .nav-note, .nav-arrow { display: none; }
  .main-shell { margin-left: 0; }
  .mobile-menu { display: none; }
  .topbar { height: 68px; padding: 0 13px; }
  .page-title { font-size: 16px; }
  .page-subtitle { font-size: 9px; }
  .live-pill { max-width: 150px; }
  .content { padding: 12px 10px 20px; }
  .park-cockpit-banner { min-height: 150px; background-position: 66% center; border-radius: 22px 22px 12px 12px; }
  .park-cockpit-copy { top: 18px; left: 18px; }
  .park-cockpit-copy strong { font-size: 24px; }
  .park-cockpit-copy > span { font-size: 9px; }
  .park-cockpit-copy .park-cockpit-plate { margin-top: 8px; }
  .quick-actions { grid-template-columns: 1fr 1fr; margin: -27px 8px 0; padding: 8px; border-radius: 26px 26px 16px 16px; }
  .quick-action { min-height: 68px; padding: 10px 7px; font-size: 11px; border-radius: 19px 19px 12px 12px; }
  .quick-action:nth-child(5) { grid-column: 1 / -1; }
  .quick-action span { display: none; }
  #drivers.section-card { padding: 12px; }
  #drivers .section-head { margin-bottom: 10px; }
  #drivers .section-head > div:first-child { display: none; }
  #drivers .table-wrap { overflow: visible; background: transparent; border: 0; }
  #drivers .table { display: block; min-width: 0; }
  #drivers .table thead { display: none; }
  #drivers .table tbody { display: grid; gap: 9px; }
  #drivers .table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 12px; padding: 13px; background: linear-gradient(155deg, #19221e, #0b100e); border: 1px solid #34443d; border-radius: 15px; }
  #drivers .table td { display: grid; gap: 3px; padding: 0; border: 0; font-size: 12px; }
  #drivers .table td::before { color: #72867d; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
  #drivers .table td:nth-child(1) { grid-column: 1 / -1; font-size: 14px; font-weight: 800; }
  #drivers .table td:nth-child(1)::before { content: "Sürücü"; }
  #drivers .table td:nth-child(2)::before { content: "Bolt ID"; }
  #drivers .table td:nth-child(3)::before { content: "Son onlayn"; }
  #drivers .table td:nth-child(4)::before { content: "Həftəlik gəlir"; }
  #drivers .table td:nth-child(5) { grid-column: 1 / -1; }
  #drivers .table td:nth-child(5)::before { content: "Aktiv sistemlər"; }
}

@media (max-width: 560px) {
  .salary-stat-grid, .salary-edit-grid { grid-template-columns: 1fr; }
  .section-card { padding: 12px; }
}

/* Automotive reference layout. Loaded after the legacy base stylesheet. */
.workspace{padding:12px;background:#090f12}
.sidebar{inset:12px auto 12px 12px;width:210px;padding:27px 14px 18px;border:1px solid #536363;border-radius:22px 42px 100px 22px;background:radial-gradient(ellipse at 30% 85%,#003b2c55,transparent 50%),linear-gradient(110deg,#071514,#02090a 70%);box-shadow:inset -5px 0 9px #bcc9c715,7px 0 18px #0009;overflow:hidden}
.sidebar::after{inset:auto 0 35px;height:135px;border:0;border-top:1px solid #00cb8955;border-radius:100% 0;transform:rotate(-18deg)}
.sidebar .brand-mark{padding:8px 12px 28px;font-size:22px;display:block}.sidebar .logo-box,.nav-label{display:none}.brand-sub{display:block;margin-top:4px;font-size:10px;font-weight:400;letter-spacing:.025em;color:#afc9c5}
.module-nav{gap:5px}.nav-item{min-height:70px;padding:12px 10px;gap:11px;border:1px solid #20312f;border-radius:14px;background:linear-gradient(125deg,#14232055,#040c0bcc);color:#dce6e5;font-size:12px}.nav-name{display:block;font-size:12px;font-weight:500;line-height:1.45}.nav-note,.nav-arrow{display:none}.nav-icon{width:29px;height:29px;background:transparent;border:0;border-radius:0;color:#b6c8cd}.nav-icon svg{width:23px;height:23px}.nav-item.active{background:radial-gradient(ellipse at 10% 50%,#087b51aa,transparent 85%),linear-gradient(110deg,#06412d,#07120f);border-color:#31e9a4;box-shadow:inset 0 0 5px #56ffb6,0 0 10px #00e39266;color:#fff}.nav-item.active .nav-icon{background:transparent;color:#b6ffe3}
.sidebar-footer{padding:16px 9px 12px;border-top:0}.admin-mini{gap:8px}.admin-mini .avatar{width:27px;height:27px;font-size:11px;background:#153d30;color:#a4dbc9}.admin-mini b{font-size:11px}.admin-mini span{font-size:9px;color:#80a99c}.account-actions{gap:5px;margin-top:9px}.account-actions button{padding:7px 5px;font-size:9px;background:#071a15;color:#9bb4aa;border:1px solid #224437}
.main-shell{margin-left:210px;min-height:calc(100vh - 24px);border:1px solid #64716f;border-left:0;border-radius:0 20px 20px 70px;box-shadow:inset 0 0 0 5px #161e20,inset 0 0 0 6px #414b4d;background:radial-gradient(ellipse at 50% 100%,#18242766,transparent 40%),#090f11;overflow:hidden}.content{max-width:1600px;padding:15px 23px 32px;margin:auto}.topbar{height:65px;background:#0a1315ed;border-bottom:1px solid #28383a;color:#dde8e8;padding:0 24px;box-shadow:none}
body:has(#parkModule:not(.hidden)) .topbar{display:none}
.sidebar>.live-pill{margin:24px 3px 10px;position:relative;z-index:2;width:calc(100% - 6px);justify-content:center;min-height:55px;border-radius:13px;padding:10px;font-size:11px;white-space:normal}.live-pill.error{background:linear-gradient(135deg,#391a1b,#180e10);color:#ffb6b0;border-color:#ad4b43}.live-pill.working{background:#053425;color:#a2fbd5}
.park-page{gap:14px}.park-cockpit-banner{height:270px;min-height:0;border:0;border-radius:12px 12px 0 0;background-position:center center;box-shadow:none;isolation:isolate;margin:-8px -15px 0}.park-cockpit-banner::before{background:linear-gradient(90deg,#070d1440,transparent 55%),linear-gradient(0deg,#090f11,transparent 25%)}
.park-cockpit-copy{left:27px;top:17px;gap:5px}.park-cockpit-copy strong{font-size:27px}.park-cockpit-copy>span{font-size:11px;letter-spacing:0;text-transform:none;color:#b8c3c7}.park-cockpit-copy .park-cockpit-plate{font-size:9px;letter-spacing:.1em;color:#9eb3ad;margin-top:3px;padding:0;border:0;background:none}
.cockpit-arch{position:absolute;bottom:0;left:0;width:100%;height:175px;z-index:1;pointer-events:none}.cockpit-toyota{position:absolute;left:41%;bottom:103px;width:50px;height:34px;filter:drop-shadow(0 0 5px #b7f5d080);z-index:2}
.quick-actions{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:0;margin:-104px 4% 2px;padding:0 10px 13px;background:transparent;border:0;border-bottom:1px solid #8fa5a55e;border-radius:0 0 50% 14%;box-shadow:0 7px 10px #0009}
.quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:84px;min-height:0;min-width:0;padding:10px 5px;border:1px solid #4d5f5c;border-top-color:#adc8bc66;border-radius:10px 10px 8px 8px;background:linear-gradient(115deg,#16201ee8,#080f10f5 80%);color:#d8e2e0;font-size:12px;font-weight:500;text-align:center;box-shadow:inset 0 2px 6px #b3cecb10,inset 0 -8px 12px #0009}
.quick-action:nth-child(1){border-radius:65% 10px 8px 48%;height:81px;padding-left:15px;transform:rotate(-3deg)}.quick-action:nth-child(2){height:101px;border-top-left-radius:28px}.quick-action:nth-child(3){height:105px}.quick-action:nth-child(4){height:101px;border-top-right-radius:28px}.quick-action:nth-child(5){height:81px;border-radius:10px 65% 48% 8px;padding-right:15px;transform:rotate(3deg)}
.quick-actions{border-radius:0 0 50% 50%}
#emptyCars .module-frame-wrap,#emptyCars .module-frame,#emptyCars .frame-loader{background:#090f11;border-color:#34454a}#emptyCars .module-frame-wrap{border-radius:16px}#emptyCars .loader-card{color:#9bb5aa}#emptyCars .spinner{border-color:#294d3e;border-top-color:#53eaa2}
.quick-action svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.6;fill:none;flex-shrink:0}.quick-action>span{display:none}.quick-action.active{color:#e9fff8;background:radial-gradient(ellipse at 35% 55%,#078f5a,#043523 72%,#061310);border-color:#7effc5;box-shadow:inset 0 0 7px #7bffbd,0 0 6px #00ff98,0 0 19px #00ed8866}.quick-action.active svg{color:#a0ffda;filter:drop-shadow(0 0 5px #00ffb7)}
#drivers.section-card{padding:0;background:transparent;border:0;box-shadow:none}#drivers .section-head>div:first-child{display:none}#drivers .section-head{margin:0 0 13px}#drivers .tools{display:grid;grid-template-columns:1fr 230px;width:100%;gap:16px}#drivers .tools .input{width:100%!important;min-width:0;height:43px;font-size:12px;border-radius:12px;background:linear-gradient(120deg,#1b2529,#141b1e);border-color:#364348}#driverSearch{padding-left:35px;background-image:radial-gradient(circle at 17px 50%,transparent 4px,#c1cecf 4px,#c1cecf 5.5px,transparent 6px)!important}
.input::placeholder{color:#9eaeb0;opacity:1}.table th{background:#11191c;color:#a3b1b4}.driver-row:hover{background:#153329}
#drivers .table-wrap{border:0;overflow-x:auto;background:transparent}#drivers .table{border-collapse:separate;border-spacing:0 7px;min-width:710px}#drivers .table th{background:transparent;border:0;padding:4px 12px;font-size:10px;text-transform:none;font-weight:400;letter-spacing:0}#drivers .table td{padding:10px 12px;font-size:12px;background:linear-gradient(180deg,#1b2529,#10191c);border-top:1px solid #38454a;border-bottom:1px solid #2b393c;white-space:nowrap}#drivers .table td:first-child{border-left:1px solid #38454a;border-radius:12px 0 0 12px;padding-left:43px;position:relative}#drivers .table td:last-child{border-right:1px solid #38454a;border-radius:0 12px 12px 0}#drivers .table td:first-child::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:25px;height:25px;border:1px solid #849a9f;border-radius:50%;background:radial-gradient(circle at 50% 33%,#c3d2d6 0 4px,transparent 4.5px),radial-gradient(ellipse at 50% 106%,#adc1c7 0 10px,transparent 10.5px),#243037}#drivers .table td b{font-weight:500}#drivers .table .muted{font-size:10px;margin-top:3px}#drivers .driver-row:hover td{background:#18382f}#drivers .table td:nth-child(4){color:#d2eae3}
.badge{color:#aaf1d0;background:linear-gradient(#126443,#073c2d);border:1px solid #358f69;border-radius:7px;font-size:9px;font-weight:400;padding:4px 8px;box-shadow:inset 0 1px #ffffff20}.badge[data-system="salary"]{color:#c4e4ff;background:linear-gradient(#164570,#102b4c);border-color:#376487}.badge[data-system="balance_only"]{color:#e5ceff;background:linear-gradient(#453063,#271d41);border-color:#6b5388}.badge[data-system="percentage"]{color:#ffe2a0;background:linear-gradient(#665016,#352a0e);border-color:#8a7030}
.salary-row-overridden,.calculator-row.needs-rides{background:#302819}.calculator-row.ready{background:#112c21}.calculator-launch{background:#142922;border-color:#365647}.health-dialog,.salary-dialog,.password-dialog,.live-detail{color:#e1e9e9;background:#111c1e}.health-item,.health-summary,.live-detail-cell,.live-inline-metrics>div{background:#152327;color:#d8e9e7;border-color:#364749}.health-summary.error{background:#352021}.health-action,.health-meta{color:#a4b7b3}.health-item.error{background:#291c1e}.live-detail-hero,.live-inline-detail,.live-driver,.live-order{background:#142421;color:#d0e5dc;border-color:#35554a}.live-driver.selected{background:#1a3d2f}.live-detail-vehicle,.live-route-copy span{color:#9cb6ae}.login-card{background:#122022;border-color:#3a5250}.login-page{background:#081113}
@media(min-width:821px){.park-cockpit-banner{background-size:82% auto;background-position:right bottom;background-repeat:no-repeat;background-color:#080f17}.main-shell::after{content:"TOYOTA                                      FIELDER";display:block;white-space:pre;padding:12px 25px;color:#6f8084;font-size:10px;letter-spacing:.22em;border-top:1px solid #445052;margin:15px 12px 0}.content{min-height:calc(100vh - 100px)}}
@media(max-width:1100px) and (min-width:821px){.sidebar{width:176px}.main-shell{margin-left:176px}.content{padding-left:15px;padding-right:15px}.quick-action{font-size:10px}.park-cockpit-banner{height:235px}.nav-name{font-size:11px}#drivers .tools{grid-template-columns:1fr 170px}}
@media(max-width:820px){
 body{padding-bottom:0}.workspace{padding:0}.main-shell{margin-left:0;border:0;border-radius:0;box-shadow:none;min-height:100vh}.content{padding:12px 14px 95px}.sidebar{inset:auto 8px 8px;width:auto;height:65px;border-radius:18px;padding:5px 6px;background:linear-gradient(100deg,#00271d,#020b0bf5);border:1px solid #477568;box-shadow:0 -4px 16px #0009,inset 0 1px #55d39a33;transform:none}.sidebar::after,.sidebar .brand-mark,.sidebar-footer,.sidebar>.live-pill{display:none}.module-nav{height:100%;gap:2px}.nav-item{height:54px;padding:4px 1px;gap:4px;border:0;border-radius:11px;background:transparent;box-shadow:none}.nav-item.active{background:#054832;border:1px solid #248b68;box-shadow:inset 0 0 10px #00e79522}.nav-name{font-size:8px;line-height:1.1}.nav-icon,.nav-icon svg{height:20px;width:20px}.topbar{height:57px;padding:0 14px}.page-title{font-size:15px}
 .park-cockpit-banner{height:230px;margin:-12px -14px 0;border-radius:0;background-position:right top;background-size:auto 270px}.park-cockpit-copy{left:17px;top:20px}.park-cockpit-copy strong{font-size:24px}.park-cockpit-copy>span{font-size:10px}.park-cockpit-copy .park-cockpit-plate{font-size:8px}.cockpit-arch{display:none}.cockpit-toyota{left:auto;right:24px;top:24px;width:37px;height:24px}.park-cockpit-banner::before{background:linear-gradient(180deg,#06101655,transparent 60%,#090f11),linear-gradient(90deg,#040d1655,transparent)}
 .topbar>#whatsappHealthPill{position:fixed;right:12px;top:12px;z-index:60;max-width:160px;font-size:9px;padding:7px;background:#081811ee}.topbar:has(>#whatsappHealthPill){display:block!important;height:0;padding:0;border:0;overflow:visible}.topbar:has(>#whatsappHealthPill) .crumb{display:none}
 .quick-actions{grid-template-columns:repeat(6,1fr);gap:6px;margin:-12px 0 0;padding:0;border:0;border-radius:0;box-shadow:none}.quick-action,.quick-action:nth-child(n){height:70px;min-height:0;grid-column:span 2;padding:7px 3px;border-radius:11px;transform:none;font-size:10px;gap:5px;background:linear-gradient(130deg,#233034,#0d1416);box-shadow:inset 0 1px #fff1}.quick-action:nth-child(4),.quick-action:nth-child(5){grid-column:span 3;height:58px}.quick-action.active{background:radial-gradient(ellipse at 30% 30%,#087a50,#052b20);box-shadow:inset 0 0 6px #4cffa9,0 0 9px #00ce8566}.quick-action svg{width:21px;height:21px}
 #drivers .tools{grid-template-columns:minmax(0,1fr) 105px;gap:7px}#drivers .tools .input{font-size:10px;height:35px;padding:6px 9px;border-radius:9px}#drivers .tools #driverSearch{padding-left:30px}#drivers .section-head{margin-bottom:5px}.park-page{gap:12px}
 #drivers .table{display:block;min-width:0;border-spacing:0}#drivers .table tbody{gap:7px}#drivers .table tr{grid-template-columns:1fr 1fr;gap:4px 9px;position:relative;padding:10px 10px 10px 39px;border:1px solid #34454a;border-radius:12px;background:linear-gradient(125deg,#1c282c,#10191c)}#drivers .table td,#drivers .table td:first-child,#drivers .table td:last-child{display:block;padding:0;border:0;border-radius:0;background:transparent;white-space:normal;font-size:10px}#drivers .table td:nth-child(n)::before{content:none}#drivers .table td:first-child{grid-column:1;grid-row:1;font-size:12px;position:static}#drivers .table td:first-child::before{content:"";left:8px;top:13px;transform:none;width:23px;height:23px}#drivers .table td:first-child .muted{display:none}#drivers .table td:nth-child(2){grid-column:1;font-size:9px;color:#9db0b5}#drivers .table td:nth-child(3){grid-column:2;grid-row:1 / span 2;align-self:center;font-size:9px;color:#aac5be;overflow-wrap:anywhere}#drivers .table td:nth-child(4){grid-column:1 / -1;font-size:10px;color:#a5beb7}#drivers .table td:nth-child(4)::before{content:'Həftəlik gəlir: ';color:#7f9993;font-size:9px}#drivers .table td:nth-child(5){grid-column:1 / -1}#drivers .table td:nth-child(5)::before{content:none}#drivers .table tr:hover td{background:transparent}.badge{font-size:9px;padding:3px 7px;margin:2px}.toast{bottom:84px}
}

/* Selected Park508 layout: low logo-free wheel navigation and inline driver editor. */
.cockpit-toyota{display:none!important}
@media(min-width:821px){
  .park-cockpit-banner{height:285px;margin-bottom:12px}
  .park-cockpit-banner .quick-actions{position:absolute;left:4%;right:4%;bottom:0;width:auto;margin:0;padding:0 10px 12px}
  .quick-action:nth-child(1),.quick-action:nth-child(5){height:84px}
  .quick-action:nth-child(2),.quick-action:nth-child(4){height:96px}
  .quick-action:nth-child(3){height:100px}
}
#drivers .driver-row.selected td{background:linear-gradient(180deg,#073c2d,#091a17);border-top-color:#32eda4;border-bottom-color:#1ecb89;box-shadow:inset 0 1px #54ffc155}
#drivers .driver-row.selected td:first-child{border-left-color:#31e9a4;border-radius:12px 0 0 0}
#drivers .driver-row.selected td:last-child{border-right-color:#31e9a4;border-radius:0 12px 0 0;position:relative;padding-right:40px}
.driver-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#b7ffdf;font-size:17px;font-weight:900}
#drivers .driver-detail-row{cursor:default}
#drivers .driver-detail-row>td,#drivers .driver-detail-row>td:first-child,#drivers .driver-detail-row>td:last-child{display:table-cell!important;padding:0!important;border:1px solid #20d993!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:#06110f!important;white-space:normal!important;box-shadow:inset 0 0 24px #00d88b12,0 10px 28px #0007}
#drivers .driver-detail-row>td::before{display:none!important}
.driver-detail-panel{display:block;padding:12px;background:radial-gradient(ellipse at 50% 0,#0b3126aa,transparent 43%),linear-gradient(150deg,#071713,#040b0b);color:#e3ece9}
.driver-detail-metrics{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.driver-detail-panel .metric{background:linear-gradient(135deg,#13211e,#09110f);border-color:#31463f;color:#a9bbb5;padding:9px 13px}
.driver-detail-panel .metric b{color:#43e7a1;font-size:16px}
.driver-profile-strip{display:grid;grid-template-columns:.75fr 1.1fr 1.1fr auto;gap:10px;align-items:end;padding:11px;border:1px solid #28443a;border-radius:13px;background:linear-gradient(135deg,#0b1d18,#07100e);margin-bottom:10px}
.driver-detail-panel .field{margin:0;gap:5px}
.driver-detail-panel .field span{color:#a9bbb5;font-size:11px}
.driver-detail-panel .field input,.driver-detail-panel .field select{min-height:39px;background:#08120f;color:#eef5f2;border-color:#314b42;border-radius:9px;padding:9px 11px}
.driver-profile-action{align-self:end}.driver-profile-action .primary{min-height:39px;white-space:nowrap}
.driver-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.driver-detail-panel .section-card{padding:13px;background:linear-gradient(145deg,#10221c,#07110f);border-color:#315448;border-radius:13px;box-shadow:inset 0 1px #ffffff08,0 7px 20px #0005}
.driver-detail-panel .section-card h3{font-size:16px;color:#f0f5f3;margin-bottom:3px}
.driver-detail-panel .system-state{color:#42e6a0}
.driver-detail-panel .rule{background:#071511;border:1px solid #243f36;color:#aebdb8;padding:8px 10px;margin:8px 0;font-size:11px}
.driver-detail-panel .actions{margin-top:9px;display:grid;grid-template-columns:1fr 1fr}
.driver-detail-panel .actions button{min-height:36px;padding:8px 10px}
.driver-detail-panel .danger{background:#1d0d0e;color:#ff8f88;border-color:#8d302d}
@media(max-width:1100px) and (min-width:821px){.driver-profile-strip{grid-template-columns:1fr 1fr}.driver-profile-action .primary{width:100%}}
@media(max-width:820px){
  .park-cockpit-banner{height:318px!important;margin-bottom:7px!important}
  .park-cockpit-banner .quick-actions{position:absolute;left:10px;right:10px;bottom:8px;width:auto;margin:0!important}
  #drivers .driver-detail-row{display:block!important;padding:0!important;border:0!important;background:transparent!important}
  #drivers .driver-detail-row>td,#drivers .driver-detail-row>td:first-child,#drivers .driver-detail-row>td:last-child{display:block!important;width:100%!important}
  .driver-profile-strip,.driver-system-grid{grid-template-columns:1fr}
  .driver-profile-action .primary{width:100%}
  .driver-detail-panel{padding:9px}.driver-detail-metrics{display:grid;grid-template-columns:1fr 1fr}.driver-detail-metrics .metric:last-child{grid-column:1/-1}
}

/* v7: tactile hero artwork with native, keyboard-accessible controls. */
.cockpit-arch,.cockpit-toyota{display:none!important}
.park-cockpit-banner{height:auto!important;aspect-ratio:3/1;min-height:0;margin:0 -8px -4px!important;background:#071010 url('/assets/park508-cockpit-hero.png?v=7') center/100% 100% no-repeat;border-radius:12px 12px 0 0;overflow:visible}
.park-cockpit-banner::before{display:none}
.park-cockpit-copy{display:none}
.park-cockpit-banner .quick-actions.wheel-navigation{position:absolute;inset:0;bottom:0;width:100%;height:100%;display:block;margin:0!important;padding:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;overflow:visible}
.wheel-navigation .quick-action:nth-child(n){position:absolute;inset:auto;left:var(--wheel-x);top:var(--wheel-y);width:var(--wheel-width);height:18%;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;grid-column:auto;margin:0;padding:3px 6px;border:1px solid transparent;border-radius:18px;transform:translate(-50%,-50%) rotate(var(--wheel-tilt));clip-path:none;z-index:1;cursor:pointer;color:#e3eeea;background:transparent;box-shadow:none;transition:background .15s,box-shadow .15s,color .15s}
.wheel-navigation .quick-action:nth-child(n):hover{transform:translate(-50%,-50%) rotate(var(--wheel-tilt));color:#fff;background:#35e89f14;box-shadow:inset 0 0 12px #3cffb52b}
.wheel-navigation .quick-action:nth-child(n).active{color:#edfff7;background:linear-gradient(160deg,#078454c9,#03482ec9 65%,#012b20ba);border-color:#60ffc6;box-shadow:inset 0 0 10px #47ffb76b,0 0 5px #50ffc5,0 0 19px #00e6936b}
.wheel-navigation .quick-action:nth-child(n):focus-visible{outline:3px solid #fff3ac;outline-offset:4px}
.wheel-navigation .quick-action>.wheel-key-label{display:flex;position:static;width:100%;margin:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:inherit;text-shadow:0 2px 3px #000;pointer-events:none}
.wheel-navigation .wheel-key-label svg{width:clamp(19px,1.9vw,30px);height:clamp(19px,1.9vw,30px);fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.wheel-navigation .wheel-key-title{display:block;margin:0;color:inherit;font-size:clamp(10px,.96vw,15px);font-weight:650;line-height:1.2;text-align:center;white-space:normal}

/* One live status and one account identity, in the main header on every page. */
.topbar,body:has(#parkModule:not(.hidden)) .topbar{display:flex;position:relative;z-index:55;min-height:90px;height:auto;padding:18px 30px;gap:16px;background:#090f11;border:0;box-shadow:none;backdrop-filter:none;overflow:visible}
.header-park-brand{display:none;flex-direction:column;gap:4px;flex-shrink:0}
.header-park-brand strong{color:#f1f7f4;font-size:28px;letter-spacing:-.04em}
.header-park-brand>span{font-size:11px;color:#a1b6af}
body:has(#parkModule:not(.hidden)) .header-park-brand{display:flex}
body:has(#parkModule:not(.hidden)) .topbar .crumb{display:none}
.header-account{margin-left:auto;display:flex;align-items:center;gap:17px;min-width:0}
.header-account .live-pill{position:static;width:auto;min-height:40px;max-width:260px;margin:0;padding:10px 13px;border-radius:12px;font-size:11px;line-height:1.3;white-space:normal;justify-content:center}
.header-profile{position:relative;flex-shrink:0;color:#e0eee8}
.header-profile summary{cursor:pointer;list-style:none;padding:4px 0;min-height:44px}
.header-profile summary::-webkit-details-marker{display:none}
.header-profile summary:focus-visible{outline:2px solid #54edb2;outline-offset:4px;border-radius:9px}
.header-profile .admin-mini{gap:9px}
.header-profile .avatar{display:grid;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1c5740,#08251c);color:#c9ffe6;font-size:14px;border:1px solid #467860;margin:0}
.header-profile .admin-identity{display:block;margin:0;max-width:150px}
.header-profile .admin-identity b{display:block;font-size:12px;color:#edf6f2;overflow:hidden;text-overflow:ellipsis}
.header-profile .admin-identity>span{font-size:9px;color:#98b0a5;margin-top:3px}
.header-profile .profile-chevron{font-size:15px;color:#94b5a4;margin:0 0 0 5px}
.header-profile .account-actions{position:absolute;right:0;top:calc(100% + 9px);z-index:70;min-width:185px;padding:8px;margin:0;display:grid;grid-template-columns:1fr;gap:5px;background:#091b14;border:1px solid #35634e;border-radius:13px;box-shadow:0 10px 30px #000b}
.header-profile .account-actions button{min-height:39px;font-size:12px;padding:10px;text-align:left}
.header-profile .account-actions button:hover{background:#154b34;color:#fff}
@media(max-width:1100px) and (min-width:821px){.header-account{gap:10px}.topbar,body:has(#parkModule:not(.hidden)) .topbar{padding:15px 22px}.header-account .live-pill{max-width:195px;font-size:10px}.wheel-navigation .quick-action:nth-child(n){border-radius:11px}}
@media(max-width:820px){
  .topbar,body:has(#parkModule:not(.hidden)) .topbar{min-height:100px;height:auto;padding:10px 15px;gap:10px;align-items:center}
  .header-park-brand strong{font-size:24px}.header-park-brand>span{font-size:10px}
  .header-account{flex-direction:column-reverse;align-items:flex-end;gap:5px}
  .header-account .live-pill{max-width:210px;min-height:30px;padding:6px 9px;font-size:10px;border-radius:9px}
  .header-profile summary{min-height:38px}.header-profile .avatar{width:30px;height:30px}.header-profile .admin-identity{max-width:120px}
  .topbar .crumb{min-width:0}.topbar .page-subtitle{display:none}.topbar .page-title{font-size:14px}
  .park-cockpit-banner{height:310px!important;aspect-ratio:auto;margin:0 -8px 4px!important;background-size:200% auto;background-position:right top;border-radius:10px;overflow:hidden}
  .park-cockpit-banner::before{display:block;position:absolute;inset:0;content:'';background:linear-gradient(180deg,transparent 0,transparent 23%,#071010 48%,#071010 100%);z-index:0;pointer-events:none}
  .park-cockpit-banner .quick-actions.wheel-navigation{inset:auto 6px 0;width:calc(100% - 12px);height:167px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;overflow:visible}
  .wheel-navigation .quick-action:nth-child(n){position:relative;inset:auto;width:auto;height:auto;min-height:76px;grid-column:span 2;transform:none;padding:8px 4px;border:1px solid #456154;border-radius:13px;background:linear-gradient(160deg,#233029,#0a1510 45%,#07100d);box-shadow:inset 0 1px #ffffff1a,0 3px 8px #0008}
  .wheel-navigation .quick-action:nth-child(4),.wheel-navigation .quick-action:nth-child(5){grid-column:span 3}
  .wheel-navigation .quick-action:nth-child(n):hover{transform:none}
  .wheel-navigation .quick-action>.wheel-key-label{gap:6px}.wheel-navigation .wheel-key-label svg{width:24px;height:24px}.wheel-navigation .wheel-key-title{font-size:12px;line-height:1.2}
}
@media(prefers-reduced-motion:reduce){.wheel-navigation .quick-action:nth-child(n){transition:none}}

/* v8: start at the car roof; account over the upper-left of the hero. */
body:has(#parkModule:not(.hidden)) .workspace{padding-top:0}
body:has(#parkModule:not(.hidden)) .main-shell{position:relative;border-top:0;border-top-left-radius:0;border-top-right-radius:0}
body:has(#parkModule:not(.hidden)) .content{padding-top:0}
body:has(#parkModule:not(.hidden)) .header-park-brand{display:none}
body:has(#parkModule:not(.hidden)) .topbar{position:absolute;inset:10px auto auto 28px;width:max-content;max-width:calc(100% - 56px);height:auto;min-height:0;padding:0;background:transparent;pointer-events:none}
body:has(#parkModule:not(.hidden)) .header-account{margin:0;flex-direction:column-reverse;align-items:flex-start;gap:9px;pointer-events:auto}
body:has(#parkModule:not(.hidden)) .header-profile{padding:4px 10px;border-radius:12px;background:#06130ee8;border:1px solid #416453;box-shadow:0 4px 14px #0007}
body:has(#parkModule:not(.hidden)) .header-profile .account-actions{left:0;right:auto}
body:has(#parkModule:not(.hidden)) .header-account .live-pill{max-width:230px;background-color:#071b15ed;box-shadow:0 4px 14px #0007}
body:has(#parkModule:not(.hidden)) .header-account .live-pill.error{background:#301314f2}
@media(min-width:821px){
  /* Trim 20% of the original sky, without rescaling or moving buttons off their shells. */
  .park-cockpit-banner{aspect-ratio:3.75/1;background-size:100% 125%;background-position:center bottom;border-radius:0}
  .park-cockpit-banner .quick-actions.wheel-navigation{top:auto;bottom:0;height:125%}
}
@media(max-width:820px){
  body:has(#parkModule:not(.hidden)) .topbar{inset:8px auto auto 14px;max-width:calc(100% - 28px)}
  body:has(#parkModule:not(.hidden)) .header-account{gap:5px}
  body:has(#parkModule:not(.hidden)) .header-account .live-pill{max-width:180px}
  body:has(#parkModule:not(.hidden)) .park-cockpit-banner{background-position:right -38px}
}

/* v9: full report data fits phones instead of keeping the desktop table width. */
#salaryReports,#completionCalculator,#parkModule{min-width:0;max-width:100%}
@media(max-width:820px){
  #salaryReports>*,#completionCalculator>*,.salary-toolbar>*,#salaryReports .section-head>*,#completionCalculator .section-head>*{min-width:0;max-width:100%}
  #salaryReports .section-head,.salary-toolbar,#completionCalculator .section-head,.calculator-head{align-items:stretch;flex-direction:column}
  #salaryReports .tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px}
  #salaryReports .tools .input{grid-column:1/-1}
  #salaryReports .tools .field{min-width:0;margin:0}
  #salaryReports input,#salaryReports select,#calculatorSearch{box-sizing:border-box;min-width:0;width:100%;max-width:100%;font-size:16px;min-height:44px}
  #salaryReports .tools button,#completionCalculator button{white-space:normal;min-height:44px;font-size:14px}
  #completionCalculator .tools{width:100%}
  .salary-stat-grid,#completionCalculator .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .salary-stat-grid .salary-stat{min-width:0;padding:13px}
  .salary-stat-grid .salary-stat b{font-size:20px;overflow-wrap:anywhere}
  #salaryReports .muted,#completionCalculator .muted,#completionCalculator .stat b{overflow-wrap:anywhere}
  #salaryReports .table-wrap,#completionCalculator .table-wrap{min-width:0;max-width:100%;overflow:visible;border:0;background:transparent}
  #salaryReports .mobile-report-table,#completionCalculator .mobile-report-table{display:block;min-width:0;width:100%;max-width:100%;border:0}
  .mobile-report-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .mobile-report-table tbody{display:grid;width:100%;gap:12px}
  .mobile-report-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;min-width:0;border:1px solid #365347;border-radius:14px;background:#101e19;overflow:hidden}
  .mobile-report-table tbody td{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;width:auto;padding:12px!important;border:0;border-bottom:1px solid #294237;white-space:normal;overflow-wrap:anywhere;font-size:14px;color:#edf6f0}
  .mobile-report-table tbody td::before{content:attr(data-label);display:block;font-size:12px;line-height:1.3;color:#9fb9ac;font-weight:500}
  .mobile-report-table tbody td:first-child{grid-column:1/-1;background:#19372b}
  .mobile-report-table tbody td:first-child b{font-size:17px}
  .mobile-report-table tbody td:last-child{grid-column:1/-1;border-bottom:0}
  .mobile-report-table tbody td:last-child button{width:100%;min-height:44px}
  #salaryRows td:nth-child(6){grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  #salaryRows td:nth-child(6)::before{flex-basis:100%}
  #salaryRows td:nth-child(7){grid-column:1/-1;background:#092b1d;color:#69f5b1}
  #salaryMonthlyRows td:last-child{background:#092b1d;color:#69f5b1}
  .mobile-report-table tbody tr.salary-row-overridden{border-color:#ad8844}
  .mobile-report-table tbody tr.needs-rides{border-color:#967544}
  .salary-dialog{width:calc(100% - 20px);max-width:100%;max-height:calc(100dvh - 20px)}
  .salary-dialog-body{padding:16px;max-height:calc(100dvh - 20px);overflow:auto;overflow-wrap:anywhere}
  .salary-edit-grid{grid-template-columns:minmax(0,1fr)}
  .salary-dialog .field{min-width:0}
  .salary-dialog input,.salary-dialog select{min-width:0;max-width:100%;width:100%;font-size:16px}
  .salary-dialog button{min-height:44px;white-space:normal}
  .salary-adjustment{align-items:stretch;flex-direction:column}
}