html[data-theme="day"] {
  --mk-bg: #e9f3ff;
  --mk-bg-alt: #d3e4f7;
  --mk-panel: rgba(255, 255, 255, 0.94);
  --mk-panel-strong: #ffffff;
  --mk-panel-soft: rgba(244, 249, 255, 0.96);
  --mk-border: rgba(78, 122, 171, 0.18);
  --mk-text: #13253f;
  --mk-text-soft: #5b7394;
  --mk-heading: #0f2138;
  --mk-accent: #1795de;
  --mk-accent-strong: #0f6fb9;
  --mk-accent-soft: rgba(23, 149, 222, 0.12);
  --mk-accent-cyan: #59ccff;
  --mk-gold: #ffca4d;
  --mk-gold-strong: #efaf24;
  --mk-success: #31b57a;
  --mk-danger: #df5b77;
  --mk-shadow: 0 22px 48px rgba(56, 87, 127, 0.12);
  --mk-shadow-strong: 0 34px 76px rgba(33, 58, 93, 0.17);
  --mk-map-filter: none;
}

/* v271: map-first polish inspired by modern driver apps, using only real shift data. */
.driver-map-shift-pill {
  display: none;
}

body.driver-map-mode .driver-map-shift-pill {
  position: absolute;
  top: 9px;
  left: 50%;
  z-index: 725;
  display: grid;
  min-width: 166px;
  min-height: 50px;
  place-items: center;
  align-content: center;
  gap: 1px;
  padding: 6px 18px 7px;
  transform: translateX(-50%);
  border: 1px solid rgba(111, 189, 231, 0.3);
  border-radius: 999px;
  background: rgba(7, 20, 37, 0.9);
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(4, 16, 31, 0.3);
  backdrop-filter: blur(18px) saturate(1.16);
  -webkit-backdrop-filter: blur(18px) saturate(1.16);
}

body.driver-map-mode .driver-map-shift-pill::before {
  position: absolute;
  top: 50%;
  left: 9px;
  width: 7px;
  height: 7px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #48d58a;
  box-shadow: 0 0 0 4px rgba(72, 213, 138, 0.14);
  content: "";
}

body.driver-map-mode .driver-map-shift-pill[data-tone="pause"]::before,
body.driver-map-mode .driver-map-shift-pill[data-tone="offline"]::before {
  background: #f5b83b;
  box-shadow: 0 0 0 4px rgba(245, 184, 59, 0.15);
}

body.driver-map-mode .driver-map-shift-pill[data-tone="busy"]::before,
body.driver-map-mode .driver-map-shift-pill[data-tone="passenger"]::before,
body.driver-map-mode .driver-map-shift-pill[data-tone="oncall"]::before {
  background: #45b8f4;
  box-shadow: 0 0 0 4px rgba(69, 184, 244, 0.15);
}

body.driver-map-mode .driver-map-shift-pill strong {
  max-width: 145px;
  overflow: hidden;
  color: inherit;
  font-size: 19px;
  font-weight: 1000;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.driver-map-mode .driver-map-shift-pill span {
  color: rgba(226, 240, 253, 0.75);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.1;
}

html[data-theme="day"] body.driver-map-mode .driver-map-shift-pill {
  border-color: rgba(30, 76, 115, 0.14);
  background: rgba(255, 255, 255, 0.94);
  color: #0a1a2d;
  box-shadow: 0 12px 28px rgba(27, 65, 104, 0.18);
}

html[data-theme="day"] body.driver-map-mode .driver-map-shift-pill span {
  color: #5c7188;
}

body.driver-map-mode .map-work-stack-head {
  min-height: 40px !important;
  padding: 6px 9px 6px 13px !important;
  border-color: rgba(103, 188, 236, 0.28) !important;
  border-radius: 14px !important;
  background: rgba(7, 20, 37, 0.9) !important;
  box-shadow: 0 10px 26px rgba(3, 14, 28, 0.28) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
}

body.driver-map-mode .map-work-stack-head strong {
  font-size: 15px !important;
}

html[data-theme="day"] body.driver-map-mode .map-work-stack-head {
  border-color: rgba(30, 76, 115, 0.14) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0a1a2d !important;
  box-shadow: 0 10px 24px rgba(27, 65, 104, 0.15) !important;
}

body.driver-map-mode .driver-map-work-panel.is-standby {
  padding: 13px 16px !important;
  border-radius: 18px !important;
  background: rgba(7, 20, 37, 0.91) !important;
  box-shadow: 0 16px 38px rgba(3, 14, 28, 0.32) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
}

html[data-theme="day"] body.driver-map-mode .driver-map-work-panel.is-standby {
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 16px 34px rgba(27, 65, 104, 0.17) !important;
}

body .driver-app .driver-bottom-actionbar {
  gap: 7px !important;
  padding: 7px !important;
  border-radius: 22px !important;
  background: rgba(7, 20, 37, 0.91) !important;
  box-shadow: 0 -12px 36px rgba(3, 14, 28, 0.28) !important;
}

html[data-theme="day"] body .driver-app .driver-bottom-actionbar {
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 -12px 32px rgba(27, 65, 104, 0.17) !important;
}

body .driver-app .driver-bottom-actionbar .sheet-action-button {
  min-height: 54px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
}

@media (max-width: 520px) {
  body.driver-map-mode .driver-map-shift-pill {
    top: 8px;
    min-width: 136px;
    min-height: 38px;
    max-width: calc(100% - 168px);
    padding: 5px 13px 5px 17px;
  }

  body.driver-map-mode .driver-map-shift-pill::before {
    left: 7px;
    width: 6px;
    height: 6px;
  }

  body.driver-map-mode .driver-map-shift-pill strong {
    max-width: 118px;
    font-size: 16px;
  }

  body.driver-map-mode .driver-map-shift-pill span {
    font-size: 8px;
  }

  body .driver-app .driver-bottom-actionbar .sheet-action-button {
    min-height: 52px !important;
  }
}

@media (max-width: 350px) {
  body.driver-map-mode .driver-map-shift-pill {
    min-width: 116px;
    max-width: 124px;
    padding-right: 9px;
  }

  body.driver-map-mode .driver-map-shift-pill strong {
    max-width: 96px;
    font-size: 14px;
  }
}

[hidden],
.panel-actions[hidden],
.panel-actions button[hidden],
body.admin-owner .map-panel .panel-actions {
  display: none !important;
}

/* v156 - safe backup restore */
.restore-box {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid var(--mk-line, rgba(120, 145, 180, 0.24));
  border-radius: 16px;
  background: var(--mk-surface-soft, rgba(255, 255, 255, 0.05));
  display: grid;
  gap: 14px;
}

.restore-box-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.restore-box-head strong {
  display: block;
  color: var(--mk-text, #0c1728);
  font-size: 17px;
  line-height: 1.2;
}

.restore-box-head small,
.restore-preview small {
  display: block;
  margin-top: 5px;
  color: var(--mk-muted, #61708a);
  line-height: 1.45;
}

.restore-file-input {
  display: none !important;
}

.restore-file-label {
  margin: 0;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
}

.restore-preview {
  border: 1px solid rgba(38, 162, 255, 0.26);
  border-radius: 14px;
  padding: 14px;
  background: rgba(38, 162, 255, 0.08);
}

.restore-status span {
  color: var(--mk-accent, #2596f3);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.restore-status strong {
  display: block;
  margin-top: 3px;
  color: var(--mk-text, #0c1728);
  font-size: 20px;
}

.restore-preview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.restore-preview-grid span {
  min-height: 58px;
  border: 1px solid var(--mk-line, rgba(120, 145, 180, 0.24));
  border-radius: 12px;
  padding: 10px;
  background: var(--mk-card, rgba(255, 255, 255, 0.72));
  color: var(--mk-muted, #61708a);
  font-size: 12px;
  font-weight: 800;
}

.restore-preview-grid b {
  display: block;
  color: var(--mk-text, #0c1728);
  font-size: 22px;
  line-height: 1;
}

.danger-btn.restore-confirm-btn {
  min-height: 48px;
  border: 1px solid rgba(143, 32, 48, 0.38);
  border-radius: 12px;
  background: linear-gradient(135deg, #c92f3b, #7c1320);
  color: #ffffff;
  font-weight: 900;
  box-shadow: 0 14px 30px rgba(124, 19, 32, 0.22);
  cursor: pointer;
}

.danger-btn.restore-confirm-btn:disabled {
  cursor: not-allowed;
  opacity: 1;
  filter: none;
  background: linear-gradient(135deg, #e9eef6, #d7e2ef);
  border-color: rgba(104, 131, 165, 0.24);
  color: #6d7f99;
  box-shadow: none;
}

html[data-theme="day"] .restore-box {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(87, 128, 178, 0.22);
}

html[data-theme="day"] .restore-preview {
  background: rgba(23, 149, 222, 0.1);
  border-color: rgba(23, 149, 222, 0.25);
}

html[data-theme="day"] .restore-preview-grid span {
  background: #ffffff;
}

html[data-theme="day"] .danger-btn.restore-confirm-btn {
  background: linear-gradient(135deg, #c92f3b, #7c1320) !important;
  color: #ffffff !important;
}

html[data-theme="day"] .danger-btn.restore-confirm-btn:disabled {
  background: linear-gradient(135deg, #eef4fb, #d9e5f2) !important;
  border-color: rgba(93, 124, 163, 0.25) !important;
  color: #6c7f99 !important;
}

html[data-theme="night"] .restore-box {
  background: rgba(12, 23, 40, 0.76);
  border-color: rgba(92, 154, 255, 0.22);
}

html[data-theme="night"] .restore-preview {
  background: rgba(37, 150, 243, 0.12);
  border-color: rgba(71, 177, 255, 0.32);
}

html[data-theme="night"] .restore-preview-grid span {
  background: rgba(17, 32, 54, 0.9);
  border-color: rgba(112, 151, 197, 0.22);
}

html[data-theme="night"] .restore-box-head strong,
html[data-theme="night"] .restore-status strong,
html[data-theme="night"] .restore-preview-grid b {
  color: #f8fbff;
}

html[data-theme="night"] .restore-box-head small,
html[data-theme="night"] .restore-preview small,
html[data-theme="night"] .restore-preview-grid span {
  color: rgba(218, 232, 250, 0.78);
}

@media (max-width: 720px) {
  .restore-box-head {
    grid-template-columns: 1fr;
  }

  .restore-file-label,
  .danger-btn.restore-confirm-btn {
    width: 100%;
  }

  .restore-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* v155: launch center - one place that turns the system into a sellable product checklist. */
body.admin-lean .launch-center-panel {
  grid-column: 1 / -1 !important;
}

body.admin-lean .launch-center {
  display: grid !important;
  gap: 12px !important;
}

body.admin-lean .launch-score-card {
  display: grid !important;
  grid-template-columns: minmax(190px, 0.7fr) minmax(0, 1.3fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  padding: 14px !important;
  border: 1px solid rgba(42, 82, 124, 0.18) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%) !important;
  color: #102136 !important;
}

html[data-theme="night"] body.admin-lean .launch-score-card {
  border-color: rgba(123, 166, 210, 0.16) !important;
  background: linear-gradient(135deg, rgba(16, 25, 38, 0.98) 0%, rgba(12, 22, 35, 0.98) 100%) !important;
  color: #f3f8ff !important;
}

body.admin-lean .launch-score-card > div {
  display: grid !important;
  gap: 5px !important;
  padding: 12px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(42, 82, 124, 0.12) !important;
}

html[data-theme="night"] body.admin-lean .launch-score-card > div {
  background: rgba(8, 16, 27, 0.58) !important;
  border-color: rgba(123, 166, 210, 0.12) !important;
}

body.admin-lean .launch-score-card span,
body.admin-lean .launch-check-head span {
  color: var(--pro-admin-muted, #5d7189) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.admin-lean .launch-score-card strong {
  color: var(--pro-admin-ink, #102136) !important;
  font-size: clamp(34px, 6vw, 56px) !important;
  line-height: 0.95 !important;
}

body.admin-lean .launch-score-card small,
body.admin-lean .launch-score-card p {
  margin: 0 !important;
  color: var(--pro-admin-muted, #5d7189) !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

body.admin-lean .launch-score-card p {
  display: flex !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 8px !important;
  background: rgba(29, 111, 216, 0.08) !important;
  border: 1px solid rgba(29, 111, 216, 0.14) !important;
}

html[data-theme="night"] body.admin-lean .launch-score-card :is(span, strong, small, p) {
  color: #f3f8ff !important;
}

html[data-theme="night"] body.admin-lean .launch-score-card span,
html[data-theme="night"] body.admin-lean .launch-check-head span {
  color: rgba(214, 229, 244, 0.72) !important;
}

body.admin-lean .launch-score-card.good {
  border-left: 5px solid #32b36c !important;
}

body.admin-lean .launch-score-card.warn {
  border-left: 5px solid #d49a20 !important;
}

body.admin-lean .launch-score-card.hot {
  border-left: 5px solid #e24b4b !important;
}

body.admin-lean .launch-check-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 10px !important;
}

body.admin-lean .launch-check {
  min-height: 176px !important;
  display: grid !important;
  gap: 8px !important;
  align-content: start !important;
  padding: 13px !important;
  border: 1px solid rgba(42, 82, 124, 0.16) !important;
  border-radius: 8px !important;
  background: var(--pro-admin-panel, #ffffff) !important;
  color: var(--pro-admin-ink, #102136) !important;
  box-shadow: 0 12px 26px rgba(8, 17, 28, 0.08) !important;
}

html[data-theme="night"] body.admin-lean .launch-check {
  border-color: rgba(123, 166, 210, 0.14) !important;
  background: rgba(16, 25, 38, 0.96) !important;
  color: #f3f8ff !important;
  box-shadow: none !important;
}

body.admin-lean .launch-check.good {
  border-left: 5px solid #32b36c !important;
}

body.admin-lean .launch-check.warn {
  border-left: 5px solid #d49a20 !important;
}

body.admin-lean .launch-check.hot {
  border-left: 5px solid #e24b4b !important;
}

body.admin-lean .launch-check-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

body.admin-lean .launch-check-head b {
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: rgba(29, 111, 216, 0.10) !important;
  color: var(--pro-admin-ink, #102136) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

body.admin-lean .launch-check.good .launch-check-head b {
  background: rgba(50, 179, 108, 0.14) !important;
  color: #0f6b3c !important;
}

body.admin-lean .launch-check.warn .launch-check-head b {
  background: rgba(212, 154, 32, 0.16) !important;
  color: #7a4b00 !important;
}

body.admin-lean .launch-check.hot .launch-check-head b {
  background: rgba(226, 75, 75, 0.16) !important;
  color: #8d1d1d !important;
}

html[data-theme="night"] body.admin-lean .launch-check-head b {
  color: #f3f8ff !important;
}

body.admin-lean .launch-check strong {
  color: var(--pro-admin-ink, #102136) !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
}

body.admin-lean .launch-check small {
  color: var(--pro-admin-muted, #5d7189) !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

html[data-theme="night"] body.admin-lean .launch-check :is(strong, small) {
  color: #f3f8ff !important;
}

html[data-theme="night"] body.admin-lean .launch-check small {
  color: rgba(214, 229, 244, 0.76) !important;
}

body.admin-lean .launch-action {
  width: 100% !important;
  min-height: 42px !important;
  margin-top: auto !important;
  border: 1px solid rgba(29, 111, 216, 0.22) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #36b9df 0%, #1d6fd8 100%) !important;
  color: #ffffff !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

body.admin-lean .launch-check.warn .launch-action {
  background: linear-gradient(135deg, #f0bd42 0%, #d97706 100%) !important;
  color: #101827 !important;
}

body.admin-lean .launch-check.hot .launch-action {
  background: linear-gradient(135deg, #ff6b6b 0%, #d92d20 100%) !important;
  color: #ffffff !important;
}

@media (max-width: 720px) {
  body.admin-lean .launch-score-card {
    grid-template-columns: 1fr !important;
  }

  body.admin-lean .launch-check-grid {
    grid-template-columns: 1fr !important;
  }

  body.admin-lean .launch-check {
    min-height: 0 !important;
  }
}

html[data-theme="night"] {
  --mk-bg: #09111d;
  --mk-bg-alt: #0f1b2e;
  --mk-panel: rgba(15, 23, 38, 0.88);
  --mk-panel-strong: rgba(19, 31, 50, 0.94);
  --mk-panel-soft: rgba(19, 31, 50, 0.76);
  --mk-border: rgba(109, 148, 196, 0.2);
  --mk-text: #f2f7ff;
  --mk-text-soft: #9db2cf;
  --mk-heading: #ffffff;
  --mk-accent: #32a6ea;
  --mk-accent-strong: #1388d5;
  --mk-accent-soft: rgba(50, 166, 234, 0.16);
  --mk-accent-cyan: #7fe2ff;
  --mk-gold: #ffd347;
  --mk-gold-strong: #f2bb2c;
  --mk-success: #4fd18b;
  --mk-danger: #ff6a88;
  --mk-shadow: 0 26px 54px rgba(0, 0, 0, 0.42);
  --mk-shadow-strong: 0 38px 82px rgba(0, 0, 0, 0.56);
  --mk-map-filter: brightness(0.58) saturate(0.78) contrast(1.12) grayscale(0.08);
}

html,
body {
  background:
    radial-gradient(circle at top left, rgba(88, 200, 255, 0.08), transparent 26%),
    linear-gradient(180deg, rgba(17, 108, 182, 0.06), transparent 24%),
    var(--mk-bg) !important;
  color: var(--mk-text);
  transition: background-color 180ms ease, color 180ms ease;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(126, 154, 191, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 154, 191, 0.08) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 68%);
  opacity: 0.22;
  z-index: 0;
}

main,
.app-shell,
.driver-app,
.login-page {
  position: relative;
  z-index: 1;
}

.theme-toggle-nav,
.theme-switch,
[data-theme-toggle] {
  border: 1px solid var(--mk-border);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(88, 200, 255, 0.08));
  color: var(--mk-heading);
  box-shadow: 0 10px 26px rgba(17, 108, 182, 0.14);
}

html[data-theme="night"] .theme-toggle-nav,
html[data-theme="night"] .theme-switch,
html[data-theme="night"] [data-theme-toggle] {
  background: linear-gradient(135deg, rgba(50, 166, 234, 0.16), rgba(15, 23, 38, 0.92));
  color: var(--mk-text);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.theme-switch {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  margin: 0 0 16px;
  font: inherit;
  font-weight: 800;
}

/* Login */
.login-page {
  padding: clamp(18px, 4vw, 48px);
  gap: 30px;
}

.login-visual {
  border: 1px solid var(--mk-border);
  border-radius: 32px;
  background:
    linear-gradient(180deg, rgba(9, 17, 29, 0.08), rgba(9, 17, 29, 0.9)),
    radial-gradient(circle at top right, rgba(88, 200, 255, 0.24), transparent 26%),
    url("assets/login-taxi-owner.jpg") center 58% / cover;
  box-shadow: var(--mk-shadow-strong);
}

.login-visual span {
  letter-spacing: 0.14em;
  color: var(--mk-accent-cyan);
}

.login-visual h1 {
  color: #fff;
  max-width: 740px;
}

.login-visual p {
  color: rgba(238, 245, 255, 0.82);
  max-width: 560px;
}

.login-box {
  border: 1px solid var(--mk-border);
  border-radius: 28px;
  background: var(--mk-panel);
  backdrop-filter: blur(18px);
  box-shadow: var(--mk-shadow-strong);
}

.brand-line {
  margin-bottom: 18px;
}

.brand-dot {
  border-radius: 16px;
  background: linear-gradient(135deg, var(--mk-gold), var(--mk-gold-strong));
  box-shadow: 0 14px 28px rgba(244, 173, 31, 0.24);
}

.brand-line strong {
  color: var(--mk-heading);
}

.brand-line span,
.company-choice small,
.message {
  color: var(--mk-text-soft);
}

.company-choice,
.login-form label {
  color: var(--mk-text-soft);
}

.login-form input,
.login-form select,
.company-choice select {
  border: 1px solid var(--mk-border);
  border-radius: 14px;
  background: var(--mk-panel-strong);
  color: var(--mk-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.tabs {
  padding: 6px;
  border: 1px solid var(--mk-border);
  border-radius: 16px;
  background: rgba(17, 108, 182, 0.05);
}

.tab {
  border-radius: 12px;
  border-color: transparent;
  background: transparent;
  color: var(--mk-text-soft);
}

.tab.active,
.login-form button {
  border-color: rgba(17, 108, 182, 0.18);
  background: linear-gradient(135deg, var(--mk-gold), var(--mk-gold-strong));
  color: #102138;
  box-shadow: 0 16px 30px rgba(244, 173, 31, 0.22);
}

/* Admin */
.sidebar {
  border-right: 1px solid var(--mk-border);
  background:
    linear-gradient(180deg, rgba(88, 200, 255, 0.12), transparent 18%),
    var(--mk-panel-soft) !important;
  backdrop-filter: blur(18px);
}

.brand,
.sidebar-card,
.topbar,
.panel,
.status-strip div {
  border-color: var(--mk-border) !important;
  background: var(--mk-panel) !important;
  box-shadow: var(--mk-shadow);
}

.brand-mark {
  background: linear-gradient(135deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(17, 108, 182, 0.22);
}

body .brand-mark.taxibrain-brand-mark {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(242, 184, 75, 0.52) !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(4, 12, 24, 0.22) !important;
}

body .brand-mark.taxibrain-brand-mark img {
  width: 186%;
  height: auto;
  max-width: none;
  display: block;
  transform: translate(-23%, -10%);
}

.brand strong,
.sidebar strong,
.sidebar-card strong,
.topbar h1,
.panel-heading h2,
.status-strip span {
  color: var(--mk-heading) !important;
}

.brand span,
.sidebar-card small,
.status-strip small,
.eyebrow,
.panel-heading p,
.topbar small,
.topbar-company-badge,
.admin-row small,
.form-note,
label {
  color: var(--mk-text-soft) !important;
}

.nav-item,
.fleet-switcher button,
.fleet-switcher select,
.ghost-btn,
.panel-actions button,
.filter-tabs button,
.queue-filter button,
.queue-toolbar button,
.admin-action,
.mini-ghost {
  border: 1px solid var(--mk-border) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.52) !important;
  color: var(--mk-heading) !important;
}

html[data-theme="night"] .nav-item,
html[data-theme="night"] .fleet-switcher button,
html[data-theme="night"] .fleet-switcher select,
html[data-theme="night"] .ghost-btn,
html[data-theme="night"] .panel-actions button,
html[data-theme="night"] .filter-tabs button,
html[data-theme="night"] .queue-filter button,
html[data-theme="night"] .queue-toolbar button,
html[data-theme="night"] .admin-action,
html[data-theme="night"] .mini-ghost {
  background: rgba(19, 31, 50, 0.88) !important;
  color: var(--mk-text) !important;
}

.nav-item:hover,
.fleet-switcher button.active,
.panel-actions button.active,
.queue-filter button.active,
.filter-tabs button.active,
.theme-toggle-nav {
  background: linear-gradient(135deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(17, 108, 182, 0.24);
}

input,
select,
textarea {
  border: 1px solid var(--mk-border) !important;
  border-radius: 14px !important;
  background: var(--mk-panel-strong) !important;
  color: var(--mk-text) !important;
}

.panel .stat-card,
.admin-row,
.order-card,
.metric-card,
.telephony-card,
.ridebook-entry,
.driver-card,
.customer-card,
.company-card,
.shift-card,
.summary-chip {
  border-color: var(--mk-border) !important;
  background: var(--mk-panel-strong) !important;
  box-shadow: var(--mk-shadow);
}

.map-panel .leaflet-tile,
.driver-map .leaflet-tile,
.live-map .leaflet-tile {
  filter: var(--mk-map-filter);
}

.map-panel .leaflet-control-zoom a,
.driver-map .leaflet-control-zoom a {
  border-color: var(--mk-border) !important;
  background: var(--mk-panel-strong) !important;
  color: var(--mk-heading) !important;
}

.topbar,
.panel-heading {
  backdrop-filter: blur(16px);
}

/* Driver */
.driver-topbar {
  background:
    linear-gradient(135deg, rgba(88, 200, 255, 0.16), transparent 34%),
    var(--mk-panel-soft) !important;
  border-bottom: 1px solid var(--mk-border);
  box-shadow: var(--mk-shadow);
}

.driver-topbar::before {
  content: "mujokres.cz" !important;
  color: #102138 !important;
  background: linear-gradient(135deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  box-shadow: 0 18px 28px rgba(17, 108, 182, 0.18);
}

#menuButton {
  background: rgba(255, 255, 255, 0.54) !important;
  border: 1px solid var(--mk-border) !important;
  color: var(--mk-heading) !important;
}

#menuButton::after {
  content: "mujokres.cz\A dispatch" !important;
  white-space: pre !important;
  background: linear-gradient(135deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  color: #fff !important;
  border: 1px solid rgba(17, 108, 182, 0.12);
  box-shadow: 0 18px 30px rgba(17, 108, 182, 0.24);
}

.driver-identity strong {
  color: var(--mk-heading) !important;
}

.driver-identity small {
  color: var(--mk-text-soft) !important;
}

.driver-status-pill,
#driverSelect {
  border: 1px solid var(--mk-border) !important;
  background: rgba(255, 255, 255, 0.52) !important;
  color: var(--mk-heading) !important;
}

.driver-status-pill.status-free {
  background: rgba(79, 209, 139, 0.14) !important;
  color: #0d6b41 !important;
}

.driver-status-pill.status-busy,
.driver-status-pill.status-oncall,
.driver-status-pill.status-passenger {
  background: rgba(255, 203, 68, 0.16) !important;
  color: #8e5b06 !important;
}

.driver-status-pill.status-pause,
.driver-status-pill.status-offline {
  background: rgba(228, 91, 117, 0.14) !important;
  color: #9e2444 !important;
}

.jobs-sheet,
.drawer,
.driver-modal,
.driver-modal-card,
.jobs-summary-card,
.driver-roster-panel,
.missed-calls-modal {
  border: 1px solid var(--mk-border) !important;
  background: var(--mk-panel) !important;
  backdrop-filter: blur(20px);
  box-shadow: var(--mk-shadow-strong);
}

.jobs-sheet {
  border-radius: 34px 34px 0 0 !important;
}

.jobs-sheet::before {
  background: rgba(92, 116, 148, 0.32) !important;
}

.live-dispatch-title strong,
.jobs-sheet h2,
.jobs-sheet h3,
.drawer-title strong,
.driver-modal h2,
.driver-modal h3,
.driver-modal strong,
.job-card strong,
.compact-job-row strong {
  color: var(--mk-heading) !important;
}

.live-dispatch-title span,
.jobs-sheet .eyebrow,
.job-meta,
.job-note,
.driver-next-action,
.compact-job-row small,
.compact-job-row em,
.empty-state,
.empty-state span,
.empty-state em {
  color: var(--mk-text-soft) !important;
}

.driver-standby-card,
.empty-state.compact,
.live-dispatch-section,
.phone-history-card,
.drawer-summary-card,
.driver-roster-card {
  border: 1px solid var(--mk-border) !important;
  background: var(--mk-panel-strong) !important;
  box-shadow: var(--mk-shadow);
}

.driver-standby-card,
.empty-state.compact {
  border-radius: 24px !important;
}

.live-dispatch-card,
.job-card,
.planned-job,
.call-job,
.compact-job-row {
  border: 1px solid var(--mk-border) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(236, 244, 255, 0.96)) !important;
  box-shadow: 0 18px 36px rgba(50, 89, 137, 0.12);
}

html[data-theme="night"] .live-dispatch-card,
html[data-theme="night"] .job-card,
html[data-theme="night"] .planned-job,
html[data-theme="night"] .call-job,
html[data-theme="night"] .compact-job-row {
  background: linear-gradient(180deg, rgba(21, 33, 52, 0.94), rgba(13, 22, 37, 0.96)) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.26);
}

.live-dispatch-card {
  border-radius: 28px !important;
  padding: 18px 18px 18px 92px !important;
  position: relative;
  overflow: hidden;
}

.live-dispatch-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(88, 200, 255, 0.12), transparent 40%);
  pointer-events: none;
}

.live-dispatch-card.tone-mine,
.job-card.is-mine,
.compact-job-row.is-mine,
.compact-job-row.is-mine-offer {
  border-color: rgba(79, 209, 139, 0.36) !important;
}

.live-dispatch-card.tone-offer,
.live-dispatch-card.tone-call,
.compact-job-row.is-call {
  border-color: rgba(255, 203, 68, 0.42) !important;
}

.live-dispatch-card.tone-callback,
.job-card.has-customer-recall,
.compact-job-row.has-customer-recall {
  border-color: rgba(228, 91, 117, 0.36) !important;
}

.live-dispatch-card.tone-ringback,
.job-card.ringback-job,
.compact-job-row.is-ringback {
  border-color: rgba(245, 158, 11, 0.52) !important;
}

.live-dispatch-index,
.compact-job-number {
  background: linear-gradient(160deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  color: #fff !important;
  box-shadow: 0 18px 28px rgba(17, 108, 182, 0.24);
}

.live-dispatch-top strong,
.live-dispatch-meta,
.live-dispatch-note,
.live-dispatch-footer span {
  position: relative;
  z-index: 1;
}

.live-dispatch-chip,
.chip {
  border: 1px solid transparent !important;
  background: rgba(17, 108, 182, 0.1) !important;
  color: var(--mk-accent-strong) !important;
}

.live-dispatch-card .live-dispatch-chip,
.chip.hot,
.compact-job-row.is-new-offer .chip,
.job-card.is-new-offer .chip {
  background: rgba(255, 203, 68, 0.16) !important;
  color: #99630a !important;
}

.live-dispatch-actions,
.driver-action-grid,
.job-actions,
.last-order-actions {
  display: grid;
  gap: 10px;
}

.live-dispatch-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.driver-action-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.live-dispatch-actions button,
.driver-action-grid button,
.job-actions button,
.last-order-actions button,
.action-tile,
.bottom-actions button,
.drawer button {
  min-height: 50px;
  border: 1px solid rgba(17, 108, 182, 0.1) !important;
  border-radius: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 28px rgba(17, 108, 182, 0.12);
}

.mini-call,
.action-call,
.bottom-actions .bottom-primary,
.primary.action-call {
  background: linear-gradient(135deg, #42d392, #1cb5a3) !important;
  color: #fff !important;
}

.mini-info,
.action-note,
.bottom-actions .bottom-secondary {
  background: linear-gradient(135deg, rgba(17, 108, 182, 0.12), rgba(88, 200, 255, 0.22)) !important;
  color: var(--mk-heading) !important;
}

.mini-transfer,
.action-transfer {
  background: linear-gradient(135deg, #58c8ff, #1d8fd8) !important;
  color: #fff !important;
}

.mini-primary,
.mini-accept,
.primary,
.wide-action,
.action-accept {
  background: linear-gradient(135deg, var(--mk-gold), var(--mk-gold-strong)) !important;
  color: #102138 !important;
}

.warn,
.mini-decline,
.bottom-actions .bottom-danger {
  background: linear-gradient(135deg, #ff879d, #e45b75) !important;
  color: #fff !important;
}

.live-dispatch-actions .mini-primary:last-child,
.driver-action-grid .wide-action,
.job-actions .action-accept,
.bottom-actions button {
  grid-column: 1 / -1;
}

.bottom-actions {
  border: 1px solid var(--mk-border) !important;
  background: var(--mk-panel) !important;
  box-shadow: var(--mk-shadow) !important;
}

.drawer button.active,
.drawer button:hover,
.drawer a:hover {
  background: linear-gradient(135deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  color: #fff !important;
}

.drawer-title strong::before {
  content: "MD" !important;
  background: linear-gradient(135deg, var(--mk-gold), var(--mk-gold-strong)) !important;
  color: #102138 !important;
}

.phone-history-card.done,
.live-dispatch-card.tone-mine {
  box-shadow: 0 22px 44px rgba(36, 124, 82, 0.16);
}

.phone-history-card.missed,
.phone-history-card.ringback,
.phone-history-card.callback {
  box-shadow: 0 22px 44px rgba(228, 91, 117, 0.16);
}

.phone-history-card.ringback {
  border-color: rgba(245, 158, 11, 0.48) !important;
  box-shadow: 0 22px 44px rgba(245, 158, 11, 0.14) !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: var(--mk-panel-strong) !important;
  color: var(--mk-text) !important;
}

.leaflet-popup-content {
  color: var(--mk-heading) !important;
}

/* Shared polish */
html[data-theme="day"] .topbar,
html[data-theme="day"] .panel,
html[data-theme="day"] .brand,
html[data-theme="day"] .sidebar-card,
html[data-theme="day"] .status-strip div,
html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal,
html[data-theme="day"] .missed-calls-modal {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(236, 245, 255, 0.96)) !important;
}

.segment,
.segmented .segment,
.nav-item,
.fleet-switcher button,
.fleet-switcher select,
.ghost-btn,
.panel-actions button,
.filter-tabs button,
.queue-filter button,
.queue-toolbar button,
.admin-action,
.mini-ghost,
.drawer button,
.driver-status-pill,
#driverSelect {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(230, 240, 252, 0.96)) !important;
  color: var(--mk-heading) !important;
}

html[data-theme="night"] .segment,
html[data-theme="night"] .segmented .segment,
html[data-theme="night"] .driver-status-pill,
html[data-theme="night"] #driverSelect {
  background: linear-gradient(180deg, rgba(22, 36, 58, 0.94), rgba(13, 24, 39, 0.96)) !important;
  color: var(--mk-text) !important;
}

.segment.active,
.segmented .segment.active,
.nav-item:hover,
.fleet-switcher button.active,
.panel-actions button.active,
.queue-filter button.active,
.filter-tabs button.active,
.theme-toggle-nav,
.drawer button.active {
  background: linear-gradient(135deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(17, 108, 182, 0.22);
}

.summary-item,
.command-card,
.health-card,
.leader-row,
.driver-day-card,
.attendance-preview-card,
.attendance-metric,
.phone-history-summary div,
.driver-roster-summary div,
.accounting-metrics div,
.driver-day-metrics div,
.driver-card,
.order-card,
.customer-card,
.company-card,
.telephony-card,
.ridebook-entry,
.history-board article,
.command-grid > *,
.metric-grid > *,
#accountingBoard > *,
#driverDayBoard > *,
#attendancePreview > *,
#historyBoard > *,
#adminStatsGrid > * {
  border: 1px solid var(--mk-border) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(235, 244, 255, 0.98)) !important;
  box-shadow: var(--mk-shadow) !important;
}

html[data-theme="night"] .summary-item,
html[data-theme="night"] .command-card,
html[data-theme="night"] .health-card,
html[data-theme="night"] .leader-row,
html[data-theme="night"] .driver-day-card,
html[data-theme="night"] .attendance-preview-card,
html[data-theme="night"] .attendance-metric,
html[data-theme="night"] .phone-history-summary div,
html[data-theme="night"] .driver-roster-summary div,
html[data-theme="night"] .accounting-metrics div,
html[data-theme="night"] .driver-day-metrics div,
html[data-theme="night"] .driver-card,
html[data-theme="night"] .order-card,
html[data-theme="night"] .customer-card,
html[data-theme="night"] .company-card,
html[data-theme="night"] .telephony-card,
html[data-theme="night"] .ridebook-entry,
html[data-theme="night"] .history-board article,
html[data-theme="night"] .command-grid > *,
html[data-theme="night"] .metric-grid > *,
html[data-theme="night"] #accountingBoard > *,
html[data-theme="night"] #driverDayBoard > *,
html[data-theme="night"] #attendancePreview > *,
html[data-theme="night"] #historyBoard > *,
html[data-theme="night"] #adminStatsGrid > * {
  background:
    linear-gradient(180deg, rgba(22, 34, 54, 0.96), rgba(13, 24, 39, 0.98)) !important;
}

.summary-item strong,
.command-card strong,
.health-card strong,
.leader-row strong,
.driver-day-card strong,
.attendance-preview-head strong,
.attendance-preview-driver,
.phone-history-summary strong,
.driver-roster-summary strong,
.accounting-metrics strong,
.driver-day-metrics strong,
.order-card strong,
.company-card strong,
.customer-card strong {
  color: var(--mk-heading) !important;
}

.summary-item span,
.command-card small,
.health-card small,
.leader-row small,
.driver-day-card small,
.attendance-preview-card small,
.attendance-preview-head small,
.phone-history-summary span,
.driver-roster-summary span,
.accounting-metrics span,
.driver-day-metrics span,
.order-card small,
.company-card small,
.customer-card small {
  color: var(--mk-text-soft) !important;
}

html[data-theme="day"] .driver-topbar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(231, 242, 255, 0.92)),
    linear-gradient(135deg, rgba(89, 204, 255, 0.12), transparent 40%) !important;
}

html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal,
html[data-theme="day"] .missed-calls-modal {
  box-shadow: 0 32px 72px rgba(38, 68, 106, 0.16) !important;
}

html[data-theme="day"] .driver-standby-card,
html[data-theme="day"] .empty-state.compact,
html[data-theme="day"] .live-dispatch-section,
html[data-theme="day"] .phone-history-card,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .driver-roster-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(239, 247, 255, 0.98)) !important;
}

html[data-theme="day"] .live-dispatch-card,
html[data-theme="day"] .job-card,
html[data-theme="day"] .planned-job,
html[data-theme="day"] .call-job,
html[data-theme="day"] .compact-job-row {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 244, 255, 0.98)) !important;
}

html[data-theme="day"] .driver-standby-card {
  background:
    linear-gradient(135deg, rgba(49, 181, 122, 0.1), rgba(89, 204, 255, 0.08)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 247, 255, 0.98)) !important;
}

html[data-theme="day"] .live-dispatch-card::after {
  background: linear-gradient(135deg, rgba(89, 204, 255, 0.18), transparent 44%);
}

.topbar-company-badge,
.driver-identity small,
.jobs-sheet .eyebrow,
.panel-heading .eyebrow {
  letter-spacing: 0.04em;
}

.driver-modal input,
.driver-modal select,
.driver-modal textarea,
.order-form input,
.order-form select,
.order-form textarea,
.companies-form input,
.companies-form select,
.companies-form textarea {
  background: var(--mk-panel-strong) !important;
  color: var(--mk-text) !important;
}

.driver-modal-done,
.primary-btn,
.login-form button {
  box-shadow: 0 18px 36px rgba(17, 108, 182, 0.16);
}

@media (max-width: 820px) {
  .login-page {
    gap: 18px;
  }

  .login-box {
    border-radius: 24px;
    padding: 18px;
  }

  .jobs-sheet {
    border-radius: 28px 28px 0 0 !important;
  }

  .live-dispatch-card {
    padding-left: 82px !important;
  }
}

/* Visual refresh v88 */
html[data-theme="day"] {
  --mk-bg: #e8f0fb;
  --mk-bg-alt: #d7e4f3;
  --mk-panel: rgba(247, 250, 255, 0.9);
  --mk-panel-strong: rgba(252, 254, 255, 0.98);
  --mk-panel-soft: rgba(239, 246, 255, 0.88);
  --mk-border: rgba(54, 93, 138, 0.18);
  --mk-text: #14253c;
  --mk-text-soft: #647c97;
  --mk-heading: #0c2036;
  --mk-accent: #1f88da;
  --mk-accent-strong: #166fbc;
  --mk-accent-soft: rgba(31, 136, 218, 0.15);
  --mk-accent-cyan: #5bc7ff;
  --mk-gold: #f6c64d;
  --mk-gold-strong: #eba82f;
  --mk-success: #31b678;
  --mk-danger: #dd607a;
  --mk-shadow: 0 22px 48px rgba(34, 61, 94, 0.12);
  --mk-shadow-strong: 0 34px 78px rgba(23, 46, 76, 0.18);
}

html[data-theme="night"] {
  --mk-bg: #09111d;
  --mk-bg-alt: #0d1830;
  --mk-panel: rgba(16, 25, 41, 0.88);
  --mk-panel-strong: rgba(19, 31, 50, 0.95);
  --mk-panel-soft: rgba(16, 27, 46, 0.8);
  --mk-border: rgba(88, 122, 173, 0.24);
  --mk-text: #f1f7ff;
  --mk-text-soft: #9bb0cb;
  --mk-heading: #ffffff;
  --mk-accent: #2297e6;
  --mk-accent-strong: #1383cf;
  --mk-accent-soft: rgba(34, 151, 230, 0.18);
  --mk-accent-cyan: #79ddff;
  --mk-gold: #ffd24e;
  --mk-gold-strong: #f0b632;
  --mk-success: #4fd08a;
  --mk-danger: #ff6d8a;
}

html,
body {
  background:
    radial-gradient(circle at top left, rgba(91, 199, 255, 0.16), transparent 25%),
    radial-gradient(circle at top right, rgba(34, 151, 230, 0.09), transparent 28%),
    linear-gradient(180deg, rgba(16, 79, 143, 0.05), transparent 22%),
    var(--mk-bg) !important;
}

body::before {
  background-image:
    linear-gradient(rgba(121, 149, 185, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(121, 149, 185, 0.07) 1px, transparent 1px);
  opacity: 0.18;
}

.login-visual {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(4, 13, 27, 0.12), rgba(4, 13, 27, 0.84)),
    radial-gradient(circle at top right, rgba(91, 199, 255, 0.26), transparent 28%),
    linear-gradient(135deg, rgba(9, 21, 39, 0.22), transparent 45%),
    url("assets/login-taxi-owner.jpg") center 58% / cover !important;
}

.login-visual::after {
  content: "";
  position: absolute;
  inset: auto 24px 24px 24px;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 211, 71, 0), rgba(255, 211, 71, 0.55), rgba(91, 199, 255, 0));
  pointer-events: none;
}

.login-visual span {
  color: #ffd34a;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}

.login-visual h1 {
  max-width: 700px;
  text-wrap: balance;
}

.login-visual p {
  max-width: 500px;
  color: rgba(239, 246, 255, 0.84);
}

.login-box {
  background:
    linear-gradient(180deg, rgba(247, 251, 255, 0.94), rgba(237, 245, 255, 0.9)) !important;
}

html[data-theme="night"] .login-box {
  background:
    linear-gradient(180deg, rgba(15, 24, 39, 0.95), rgba(10, 18, 31, 0.92)) !important;
}

html[data-theme="day"] .sidebar {
  background:
    linear-gradient(180deg, rgba(12, 23, 38, 0.97), rgba(9, 18, 31, 0.98)) !important;
  border-right: 1px solid rgba(91, 199, 255, 0.16) !important;
  box-shadow: 18px 0 42px rgba(13, 28, 47, 0.1);
}

html[data-theme="day"] .sidebar .brand,
html[data-theme="day"] .sidebar .sidebar-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 247, 255, 0.98)) !important;
}

html[data-theme="day"] .sidebar .nav-item,
html[data-theme="day"] .sidebar .theme-toggle-nav,
html[data-theme="day"] .sidebar .install-nav,
html[data-theme="day"] .sidebar .sound-toggle,
html[data-theme="day"] .fleet-switcher button,
html[data-theme="day"] .fleet-switcher select,
html[data-theme="day"] .filter-tabs button,
html[data-theme="day"] .queue-filter button,
html[data-theme="day"] .queue-toolbar button,
html[data-theme="day"] .panel-actions button,
html[data-theme="day"] .ghost-btn,
html[data-theme="day"] .admin-action,
html[data-theme="day"] .mini-ghost,
html[data-theme="day"] .driver-status-pill,
html[data-theme="day"] #driverSelect,
html[data-theme="day"] .drawer button {
  background: linear-gradient(180deg, rgba(24, 38, 60, 0.95), rgba(11, 23, 40, 0.97)) !important;
  color: #eef6ff !important;
  border-color: rgba(44, 107, 174, 0.16) !important;
  box-shadow: 0 14px 28px rgba(16, 35, 59, 0.14);
}

html[data-theme="day"] .sidebar .nav-item:hover,
html[data-theme="day"] .sidebar .theme-toggle-nav,
html[data-theme="day"] .fleet-switcher button.active,
html[data-theme="day"] .filter-tabs button.active,
html[data-theme="day"] .queue-filter button.active,
html[data-theme="day"] .queue-toolbar button.active,
html[data-theme="day"] .panel-actions button.active,
html[data-theme="day"] .drawer button.active {
  background: linear-gradient(135deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(26, 122, 201, 0.24);
}

html[data-theme="day"] .driver-topbar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 242, 252, 0.94)),
    linear-gradient(135deg, rgba(91, 199, 255, 0.14), transparent 40%) !important;
  box-shadow: 0 18px 34px rgba(29, 54, 84, 0.1);
}

.driver-topbar::before,
#menuButton::after {
  border-radius: 18px !important;
  letter-spacing: 0.03em;
  font-weight: 900 !important;
}

.driver-topbar::before {
  content: "mujokres.cz" !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  box-shadow: 0 16px 28px rgba(19, 118, 196, 0.22);
}

#menuButton::after {
  content: "mujokres.cz\A DISPECINK" !important;
  white-space: pre !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #2297e6, #37b8ee) !important;
  box-shadow: 0 16px 30px rgba(20, 108, 181, 0.22);
}

.jobs-sheet {
  background:
    linear-gradient(180deg, rgba(247, 251, 255, 0.96), rgba(239, 246, 255, 0.98)) !important;
}

html[data-theme="night"] .jobs-sheet {
  background:
    linear-gradient(180deg, rgba(18, 29, 46, 0.96), rgba(11, 20, 34, 0.98)) !important;
}

.live-dispatch-section,
.phone-history-card,
.driver-standby-card,
.empty-state.compact,
.drawer-summary-card,
.driver-roster-card {
  border-radius: 24px !important;
}

.live-dispatch-title {
  align-items: center;
  margin-bottom: 14px;
}

.live-dispatch-title strong {
  font-size: clamp(28px, 3vw, 34px);
  line-height: 0.98;
}

.live-dispatch-title span {
  min-width: 38px;
  min-height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  font-weight: 900;
  background: linear-gradient(135deg, rgba(255, 211, 71, 0.2), rgba(91, 199, 255, 0.18)) !important;
  color: var(--mk-heading) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.live-dispatch-card,
.job-card,
.planned-job,
.call-job,
.compact-job-row {
  position: relative;
  overflow: hidden;
  border-radius: 26px !important;
  border-color: rgba(86, 126, 173, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(250, 253, 255, 0.98), rgba(233, 243, 255, 0.98)) !important;
  box-shadow:
    0 24px 48px rgba(27, 54, 88, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

html[data-theme="night"] .live-dispatch-card,
html[data-theme="night"] .job-card,
html[data-theme="night"] .planned-job,
html[data-theme="night"] .call-job,
html[data-theme="night"] .compact-job-row {
  background:
    linear-gradient(180deg, rgba(20, 31, 49, 0.96), rgba(12, 21, 36, 0.98)) !important;
  box-shadow:
    0 28px 56px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.live-dispatch-card::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 14px;
  width: 6px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--mk-accent-cyan), var(--mk-accent));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22);
  opacity: 0.92;
}

.live-dispatch-card.tone-mine::before,
.job-card.is-mine::before,
.compact-job-row.is-mine::before {
  background: linear-gradient(180deg, #47d98e, #1e9865);
}

.live-dispatch-card.tone-offer::before,
.live-dispatch-card.tone-call::before,
.job-card.is-new-offer::before,
.compact-job-row.is-call::before {
  background: linear-gradient(180deg, #ffd459, #f0b12d);
}

.live-dispatch-card.tone-callback::before,
.job-card.has-customer-recall::before,
.compact-job-row.has-customer-recall::before {
  background: linear-gradient(180deg, #ff86a2, #db4d70);
}

.live-dispatch-card.tone-ringback::before,
.job-card.ringback-job::before,
.compact-job-row.is-ringback::before {
  background: linear-gradient(180deg, #ffcf4a, #f59e0b);
}

.live-dispatch-card::after {
  background: linear-gradient(135deg, rgba(91, 199, 255, 0.16), transparent 44%) !important;
}

.live-dispatch-index,
.compact-job-number {
  border-radius: 22px !important;
  background: linear-gradient(160deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 28px rgba(15, 104, 172, 0.22);
}

.live-dispatch-chip,
.chip {
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em;
}

.live-dispatch-card .live-dispatch-chip,
.chip.hot,
.compact-job-row.is-new-offer .chip,
.job-card.is-new-offer .chip {
  background: linear-gradient(135deg, rgba(255, 211, 71, 0.2), rgba(255, 211, 71, 0.14)) !important;
  color: #8f5f04 !important;
}

.live-dispatch-meta {
  font-weight: 700;
}

.live-dispatch-note,
.job-note {
  border-radius: 16px !important;
  border: 1px solid rgba(92, 129, 174, 0.14) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(236, 244, 255, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

html[data-theme="night"] .live-dispatch-note,
html[data-theme="night"] .job-note {
  background: linear-gradient(180deg, rgba(22, 35, 54, 0.92), rgba(13, 22, 37, 0.96)) !important;
}

.live-dispatch-footer {
  padding-top: 2px;
}

.live-dispatch-footer span {
  font-weight: 800;
}

.live-dispatch-actions,
.driver-action-grid,
.job-actions,
.last-order-actions {
  gap: 12px !important;
}

.live-dispatch-actions button,
.driver-action-grid button,
.job-actions button,
.last-order-actions button,
.action-tile,
.bottom-actions button,
.drawer button {
  min-height: 54px;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 30px rgba(20, 42, 70, 0.14) !important;
  transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.live-dispatch-actions button:hover,
.driver-action-grid button:hover,
.job-actions button:hover,
.last-order-actions button:hover,
.bottom-actions button:hover,
.drawer button:hover {
  transform: translateY(-1px);
  filter: saturate(1.04);
}

.mini-call,
.action-call,
.bottom-primary.action-call {
  background: linear-gradient(135deg, #3fd2a3, #148bc3) !important;
  color: #ffffff !important;
  border-color: rgba(35, 139, 195, 0.18) !important;
}

.mini-info,
.action-note,
.bottom-secondary.action-info {
  background: linear-gradient(135deg, #243a5b, #16293f) !important;
  color: #f0f6ff !important;
  border-color: rgba(29, 63, 108, 0.18) !important;
}

.mini-transfer,
.action-transfer,
.bottom-primary.stage-arrived,
.bottom-primary.stage-boarding {
  background: linear-gradient(135deg, #2aa5e4, #1b7cc8) !important;
  color: #ffffff !important;
  border-color: rgba(32, 124, 200, 0.18) !important;
}

.mini-primary,
.mini-accept,
.primary,
.wide-action,
.action-accept,
.bottom-primary.stage-complete {
  background: linear-gradient(135deg, var(--mk-gold), var(--mk-gold-strong)) !important;
  color: #102138 !important;
  border-color: rgba(232, 169, 39, 0.24) !important;
}

.warn,
.mini-decline,
.bottom-danger,
.bottom-danger.action-cancel {
  background: linear-gradient(135deg, #ff8ca1, #df5c78) !important;
  color: #ffffff !important;
  border-color: rgba(211, 91, 115, 0.26) !important;
}

.driver-standby-card,
.empty-state.compact {
  background:
    linear-gradient(135deg, rgba(49, 182, 122, 0.12), rgba(91, 199, 255, 0.08)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 247, 255, 0.98)) !important;
}

html[data-theme="night"] .driver-standby-card,
html[data-theme="night"] .empty-state.compact {
  background:
    linear-gradient(135deg, rgba(49, 182, 122, 0.12), rgba(34, 151, 230, 0.1)),
    linear-gradient(180deg, rgba(19, 31, 49, 0.95), rgba(11, 20, 34, 0.98)) !important;
}

.empty-state strong,
.driver-live-empty strong {
  color: var(--mk-heading) !important;
}

.empty-state em,
.driver-live-empty em {
  color: #d39411 !important;
}

/* Contrast hotfix v89 for day mode driver board */
html[data-theme="day"] .sheet-heading h1,
html[data-theme="day"] .jobs-sheet h1,
html[data-theme="day"] .live-dispatch-title strong,
html[data-theme="day"] .empty-state strong,
html[data-theme="day"] .driver-live-empty strong {
  color: var(--mk-heading) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .jobs-sheet .eyebrow,
html[data-theme="day"] .empty-state,
html[data-theme="day"] .empty-state span,
html[data-theme="day"] .driver-live-empty,
html[data-theme="day"] .driver-live-empty span {
  color: var(--mk-text-soft) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .live-dispatch-title span {
  background: linear-gradient(135deg, rgba(255, 205, 76, 0.34), rgba(23, 149, 222, 0.16)) !important;
  color: var(--mk-heading) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 10px 20px rgba(28, 78, 128, 0.1) !important;
}

html[data-theme="day"] .empty-state em,
html[data-theme="day"] .driver-live-empty em {
  color: var(--mk-gold-strong) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .driver-live-list {
  gap: 16px;
}

html[data-theme="day"] .driver-live-headline strong,
html[data-theme="day"] .driver-live-head strong,
html[data-theme="day"] .driver-live-note,
html[data-theme="day"] .driver-live-foot span:first-child {
  color: var(--mk-heading) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .driver-live-headline span,
html[data-theme="day"] .driver-live-meta,
html[data-theme="day"] .driver-live-meta span,
html[data-theme="day"] .driver-live-foot span:last-child {
  color: var(--mk-text-soft) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .driver-live-headline em {
  background: linear-gradient(135deg, rgba(255, 205, 76, 0.32), rgba(91, 199, 255, 0.14)) !important;
  color: var(--mk-heading) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 12px 24px rgba(26, 70, 115, 0.12) !important;
}

html[data-theme="day"] .driver-live-row {
  border-color: rgba(85, 126, 173, 0.18) !important;
  background:
    radial-gradient(circle at top left, rgba(91, 199, 255, 0.12), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(239, 247, 255, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 18px 34px rgba(26, 70, 115, 0.12) !important;
}

html[data-theme="day"] .driver-live-row.is-call {
  border-color: rgba(31, 136, 218, 0.24) !important;
  background:
    radial-gradient(circle at top left, rgba(31, 136, 218, 0.14), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(236, 246, 255, 0.98)) !important;
}

html[data-theme="day"] .driver-live-row.is-callback {
  border-color: rgba(235, 168, 47, 0.3) !important;
  background:
    radial-gradient(circle at top left, rgba(246, 198, 77, 0.18), transparent 40%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 234, 0.98)) !important;
}

html[data-theme="day"] .driver-live-row.is-mine,
html[data-theme="day"] .driver-live-row.tone-accepted,
html[data-theme="day"] .driver-live-row.tone-drive,
html[data-theme="day"] .driver-live-row.tone-arrived,
html[data-theme="day"] .driver-live-row.tone-riding {
  border-color: rgba(49, 182, 122, 0.28) !important;
  background:
    radial-gradient(circle at top left, rgba(49, 182, 122, 0.16), transparent 40%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(239, 250, 245, 0.98)) !important;
}

html[data-theme="day"] .driver-live-row.tone-offer {
  border-color: rgba(221, 96, 122, 0.34) !important;
  background:
    radial-gradient(circle at top left, rgba(221, 96, 122, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 242, 246, 0.98)) !important;
}

html[data-theme="day"] .driver-live-note {
  border-color: rgba(85, 126, 173, 0.14) !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="day"] .driver-live-alert {
  color: var(--mk-gold-strong) !important;
}

html[data-theme="day"] .driver-live-status {
  border-color: rgba(85, 126, 173, 0.16) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: var(--mk-heading) !important;
}

html[data-theme="day"] .driver-live-actions button,
html[data-theme="day"] .driver-live-close {
  border-color: rgba(85, 126, 173, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 12px 22px rgba(26, 70, 115, 0.1) !important;
}

html[data-theme="day"] .driver-live-empty,
html[data-theme="day"] .empty-state.compact {
  background:
    linear-gradient(135deg, rgba(49, 182, 122, 0.1), rgba(91, 199, 255, 0.07)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(242, 248, 255, 0.99)) !important;
  border-color: rgba(85, 126, 173, 0.14) !important;
}

/* Night polish v90 for driver drawer + live board */
html[data-theme="night"] .drawer {
  background:
    linear-gradient(180deg, rgba(12, 21, 36, 0.98), rgba(7, 13, 24, 0.99)),
    linear-gradient(135deg, rgba(17, 108, 182, 0.12), transparent 42%) !important;
  border-left-color: rgba(92, 134, 192, 0.24) !important;
}

html[data-theme="night"] .drawer button {
  background:
    linear-gradient(180deg, rgba(22, 35, 56, 0.98), rgba(13, 23, 40, 0.98)) !important;
  color: #eef6ff !important;
  border: 1px solid rgba(83, 120, 171, 0.2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 28px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="night"] .drawer button:hover,
html[data-theme="night"] .drawer button.active {
  background: linear-gradient(135deg, #1591db, #5cc9ff) !important;
  color: #ffffff !important;
  border-color: rgba(92, 201, 255, 0.34) !important;
  box-shadow: 0 18px 34px rgba(16, 100, 164, 0.28) !important;
}

html[data-theme="night"] .drawer button.drawer-close-big {
  background: linear-gradient(135deg, rgba(255, 204, 76, 0.24), rgba(28, 38, 57, 0.98)) !important;
  color: #ffe08a !important;
  border-color: rgba(255, 204, 76, 0.34) !important;
}

html[data-theme="night"] .drawer #driverLogout {
  background: linear-gradient(135deg, rgba(244, 106, 134, 0.22), rgba(41, 20, 30, 0.98)) !important;
  color: #ffd8df !important;
  border-color: rgba(244, 106, 134, 0.3) !important;
}

html[data-theme="night"] .drawer-title .drawer-close-button {
  background: linear-gradient(180deg, rgba(22, 35, 56, 0.98), rgba(13, 23, 40, 0.98)) !important;
  color: #eef6ff !important;
  border-color: rgba(83, 120, 171, 0.2) !important;
}

html[data-theme="night"] .drawer-summary-card {
  background:
    linear-gradient(180deg, rgba(19, 31, 50, 0.96), rgba(11, 20, 34, 0.98)) !important;
  border-color: rgba(85, 126, 173, 0.16) !important;
}

html[data-theme="night"] .live-dispatch-title span {
  background: linear-gradient(135deg, rgba(255, 205, 76, 0.24), rgba(92, 201, 255, 0.16)) !important;
  color: #f3f8ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 20px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="night"] .driver-live-empty,
html[data-theme="night"] .empty-state.compact {
  border-color: rgba(85, 126, 173, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 34px rgba(0, 0, 0, 0.24) !important;
}

/* Final polish v94: stronger contrast for day mode and cleaner driver header */
html[data-theme="day"] #menuButton,
html[data-theme="night"] #menuButton {
  box-shadow:
    0 14px 28px rgba(20, 74, 122, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

html[data-theme="day"] #menuButton::after,
html[data-theme="night"] #menuButton::after {
  content: "mujokres.cz\A dispecink" !important;
  white-space: pre !important;
  display: block;
  text-align: center;
  font-size: 10.5px !important;
  line-height: 1.04 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

html[data-theme="day"] .driver-queue-tabs button {
  background: linear-gradient(180deg, rgba(23, 37, 58, 0.96), rgba(12, 22, 38, 0.98)) !important;
  color: #eef6ff !important;
  border-color: rgba(58, 123, 193, 0.18) !important;
}

html[data-theme="day"] .driver-queue-tabs button.active {
  background: linear-gradient(135deg, var(--mk-accent), var(--mk-accent-cyan)) !important;
  color: #ffffff !important;
}

html[data-theme="day"] .driver-queue-tabs button strong {
  background: rgba(255, 255, 255, 0.18) !important;
  color: currentColor !important;
}

html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .jobs-sheet * {
  text-shadow: none !important;
}

html[data-theme="day"] .jobs-sheet :is(
  h1,
  h2,
  h3,
  .live-dispatch-title strong,
  .driver-state-banner strong,
  .driver-live-empty strong,
  .driver-live-note strong,
  .live-dispatch-card strong,
  .job-card strong,
  .planned-job strong,
  .call-job strong,
  .compact-job-row strong
) {
  color: var(--mk-heading) !important;
  opacity: 1 !important;
}

html[data-theme="day"] .jobs-sheet :is(
  .eyebrow,
  .driver-state-banner span,
  .driver-live-empty span,
  .driver-live-note,
  .driver-live-note span,
  .live-dispatch-card small,
  .job-card small,
  .planned-job small,
  .call-job small,
  .compact-job-row small,
  p,
  em
) {
  color: #607a99 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .driver-state-banner small,
html[data-theme="day"] .driver-live-headline span,
html[data-theme="day"] .driver-live-meta,
html[data-theme="day"] .driver-live-meta span,
html[data-theme="day"] .driver-live-foot span:last-child,
html[data-theme="day"] .driver-live-empty p,
html[data-theme="day"] .empty-state.compact p {
  color: #607a99 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .driver-live-foot span:first-child,
html[data-theme="day"] .driver-live-headline strong,
html[data-theme="day"] .driver-live-head strong,
html[data-theme="day"] .sheet-heading h1,
html[data-theme="day"] .sheet-heading .eyebrow {
  color: var(--mk-heading) !important;
  opacity: 1 !important;
}

html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .phone-history-summary,
html[data-theme="day"] .driver-roster-summary,
html[data-theme="day"] .driver-roster-card {
  text-shadow: none !important;
}

html[data-theme="day"] .drawer-summary-card strong,
html[data-theme="day"] .phone-history-summary strong,
html[data-theme="day"] .driver-roster-summary strong,
html[data-theme="day"] .driver-roster-card strong {
  color: var(--mk-heading) !important;
  opacity: 1 !important;
}

html[data-theme="day"] .drawer-summary-card span,
html[data-theme="day"] .drawer-summary-card small,
html[data-theme="day"] .phone-history-summary span,
html[data-theme="day"] .driver-roster-summary span,
html[data-theme="day"] .driver-roster-card small {
  color: #607a99 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel,
html[data-theme="day"] .panel * {
  text-shadow: none !important;
}

html[data-theme="day"] .panel :is(
  h1,
  h2,
  h3,
  th,
  .panel-heading h2,
  .status-strip span,
  .summary-item strong,
  .metric-card strong,
  .health-card strong,
  .command-card strong,
  .leader-row strong,
  .driver-day-card strong,
  .attendance-preview-head strong,
  .attendance-preview-driver,
  .phone-history-summary strong,
  .driver-roster-summary strong,
  .accounting-metrics strong,
  .driver-day-metrics strong,
  .admin-row strong,
  .order-card strong,
  .customer-card strong,
  .company-card strong,
  .telephony-card strong,
  .ridebook-entry strong
) {
  color: var(--mk-heading) !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel :is(
  td,
  p,
  small,
  label,
  .panel-heading p,
  .eyebrow,
  .admin-row small,
  .driver-day-card small,
  .attendance-preview-card small,
  .attendance-preview-head small,
  .phone-history-summary span,
  .driver-roster-summary span,
  .accounting-metrics span,
  .driver-day-metrics span,
  .order-card small,
  .company-card small,
  .customer-card small,
  .telephony-card small,
  .ridebook-entry small,
  .table-tools input,
  .table-tools select
) {
  color: #607a99 !important;
  opacity: 1 !important;
}

/* Final polish v96: stronger daylight contrast and tighter driver controls */
html[data-theme="day"] {
  --mk-surface-strong: #f5f9ff;
  --mk-surface-soft: #ffffff;
  --mk-panel-line: rgba(61, 108, 164, 0.18);
  --mk-copy-strong: #17324d;
  --mk-copy-soft: #5c7696;
}

html[data-theme="day"] #menuButton,
html[data-theme="night"] #menuButton {
  background: linear-gradient(135deg, #47b5ff, #2a78f3 55%, #193b86) !important;
  border-color: rgba(92, 177, 255, 0.34) !important;
  color: #f5fbff !important;
  box-shadow:
    0 16px 34px rgba(25, 84, 165, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

html[data-theme="day"] #menuButton::after,
html[data-theme="night"] #menuButton::after {
  content: "mujokres.cz\A DISPECINK" !important;
  font-size: 10px !important;
  line-height: 1.02 !important;
  letter-spacing: 0.04em !important;
  color: #f8fbff !important;
}

html[data-theme="day"] .driver-queue-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html[data-theme="day"] .driver-queue-tabs button,
html[data-theme="night"] .driver-queue-tabs button {
  min-height: 38px !important;
  padding: 0 9px !important;
  border-radius: 14px !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
}

html[data-theme="day"] .driver-queue-tabs button strong,
html[data-theme="night"] .driver-queue-tabs button strong {
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;
  font-size: 9px !important;
}

@media (max-width: 520px) {
  html[data-theme="day"] .driver-queue-tabs,
  html[data-theme="night"] .driver-queue-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button,
  html[data-theme="night"] .driver-queue-tabs button {
    min-height: 36px !important;
    padding: 0 7px !important;
    font-size: 10px !important;
    gap: 5px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button strong,
  html[data-theme="night"] .driver-queue-tabs button strong {
    min-width: 17px !important;
    height: 17px !important;
    font-size: 8px !important;
  }
}

html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal,
html[data-theme="day"] .live-dispatch-card,
html[data-theme="day"] .call-job,
html[data-theme="day"] .job-card,
html[data-theme="day"] .planned-job,
html[data-theme="day"] .compact-job-row,
html[data-theme="day"] .driver-live-empty,
html[data-theme="day"] .driver-state-banner,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .phone-history-summary,
html[data-theme="day"] .phone-history-summary div,
html[data-theme="day"] .driver-roster-card {
  text-shadow: none !important;
}

html[data-theme="day"] .jobs-sheet {
  background:
    linear-gradient(180deg, rgba(251, 254, 255, 0.98), rgba(238, 246, 255, 0.985)),
    linear-gradient(135deg, rgba(83, 191, 255, 0.08), transparent 52%) !important;
}

html[data-theme="day"] .driver-state-banner,
html[data-theme="day"] .driver-live-empty,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .phone-history-summary div,
html[data-theme="day"] .driver-roster-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(245, 250, 255, 0.985)) !important;
  border-color: rgba(78, 126, 186, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 16px 34px rgba(34, 88, 154, 0.08) !important;
}

html[data-theme="day"] .sheet-heading h1,
html[data-theme="day"] .sheet-heading .eyebrow,
html[data-theme="day"] .driver-state-banner strong,
html[data-theme="day"] .driver-live-empty strong,
html[data-theme="day"] .driver-live-headline strong,
html[data-theme="day"] .driver-live-head strong,
html[data-theme="day"] .drawer-title strong,
html[data-theme="day"] .drawer-summary-card strong,
html[data-theme="day"] .phone-history-summary strong,
html[data-theme="day"] .driver-roster-card strong,
html[data-theme="day"] .driver-roster-summary strong {
  color: #17324d !important;
  opacity: 1 !important;
}

html[data-theme="day"] .driver-state-banner small,
html[data-theme="day"] .driver-live-empty span,
html[data-theme="day"] .driver-live-empty p,
html[data-theme="day"] .driver-live-meta,
html[data-theme="day"] .driver-live-meta span,
html[data-theme="day"] .driver-live-note,
html[data-theme="day"] .driver-live-note span,
html[data-theme="day"] .driver-live-empty em,
html[data-theme="day"] .drawer-summary-card span,
html[data-theme="day"] .drawer-summary-card small,
html[data-theme="day"] .phone-history-summary span,
html[data-theme="day"] .driver-roster-card small,
html[data-theme="day"] .driver-roster-summary span,
html[data-theme="day"] .drawer button {
  color: #5c7696 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .drawer button {
  background: linear-gradient(180deg, rgba(21, 35, 57, 0.97), rgba(13, 24, 40, 0.98)) !important;
  color: #eff6ff !important;
  border: 1px solid rgba(67, 126, 202, 0.2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 28px rgba(16, 53, 105, 0.14) !important;
}

html[data-theme="day"] .drawer button:hover,
html[data-theme="day"] .drawer button.active,
html[data-theme="day"] .drawer button[data-theme-toggle],
html[data-theme="day"] .drawer button#driverSoundToggle {
  color: #ffffff !important;
}

/* Final visual polish for driver/admin day mode */
html[data-theme="day"] #menuButton,
html[data-theme="night"] #menuButton {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  width: 122px !important;
  height: 52px !important;
  padding: 0 10px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(86, 168, 243, 0.3) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 242, 255, 0.96)),
    linear-gradient(135deg, rgba(77, 179, 255, 0.12), transparent 58%) !important;
  color: #17324d !important;
  box-shadow:
    0 14px 30px rgba(36, 97, 173, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html[data-theme="day"] #menuButton::before,
html[data-theme="night"] #menuButton::before {
  content: "MD" !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #54bcff, #2572ea 58%, #173b82) !important;
  color: #f8fbff !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  box-shadow:
    0 8px 18px rgba(39, 112, 198, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="day"] #menuButton::after,
html[data-theme="night"] #menuButton::after {
  content: "Mujokres.cz\A dispečink" !important;
  white-space: pre !important;
  display: block !important;
  text-align: left !important;
  color: #18324d !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

html[data-theme="day"] .driver-queue-tabs,
html[data-theme="night"] .driver-queue-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

html[data-theme="day"] .driver-queue-tabs button,
html[data-theme="night"] .driver-queue-tabs button {
  min-height: 34px !important;
  padding: 0 8px !important;
  gap: 5px !important;
  border-radius: 13px !important;
  font-size: 10px !important;
}

html[data-theme="day"] .driver-queue-tabs button span,
html[data-theme="night"] .driver-queue-tabs button span {
  font-weight: 1000 !important;
}

html[data-theme="day"] .driver-queue-tabs button strong,
html[data-theme="night"] .driver-queue-tabs button strong {
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 3px !important;
  font-size: 8px !important;
}

html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .jobs-sheet * {
  text-shadow: none !important;
}

html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal {
  color: #17324d !important;
}

html[data-theme="day"] .sheet-heading h1,
html[data-theme="day"] .sheet-heading strong,
html[data-theme="day"] .driver-live-headline strong,
html[data-theme="day"] .driver-live-head strong,
html[data-theme="day"] .driver-live-empty strong,
html[data-theme="day"] .driver-state-banner strong,
html[data-theme="day"] .driver-modal h2,
html[data-theme="day"] .driver-modal h3,
html[data-theme="day"] .driver-modal strong,
html[data-theme="day"] .drawer-title strong,
html[data-theme="day"] .drawer-summary-card strong,
html[data-theme="day"] .phone-history-summary strong,
html[data-theme="day"] .driver-roster-summary strong,
html[data-theme="day"] .driver-roster-card strong {
  color: #17324d !important;
  opacity: 1 !important;
}

html[data-theme="day"] .sheet-heading .eyebrow,
html[data-theme="day"] .driver-live-headline span,
html[data-theme="day"] .driver-live-meta,
html[data-theme="day"] .driver-live-meta span,
html[data-theme="day"] .driver-live-note,
html[data-theme="day"] .driver-live-note span,
html[data-theme="day"] .driver-live-foot span,
html[data-theme="day"] .driver-live-empty p,
html[data-theme="day"] .driver-state-banner small,
html[data-theme="day"] .driver-live-alert,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .drawer-summary-card span,
html[data-theme="day"] .drawer-summary-card small,
html[data-theme="day"] .phone-history-summary,
html[data-theme="day"] .phone-history-summary span,
html[data-theme="day"] .driver-roster-summary,
html[data-theme="day"] .driver-roster-summary span,
html[data-theme="day"] .driver-roster-card,
html[data-theme="day"] .driver-roster-card small,
html[data-theme="day"] .driver-modal p,
html[data-theme="day"] .driver-modal small,
html[data-theme="day"] .driver-modal label {
  color: #5c7696 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .driver-live-empty,
html[data-theme="day"] .driver-state-banner,
html[data-theme="day"] .driver-live-row,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .phone-history-summary div,
html[data-theme="day"] .driver-roster-card,
html[data-theme="day"] .driver-modal .modal-card,
html[data-theme="day"] .driver-modal .modal-section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(245, 250, 255, 0.985)) !important;
  border-color: rgba(78, 126, 186, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 16px 34px rgba(34, 88, 154, 0.08) !important;
}

html[data-theme="day"] .driver-live-actions button,
html[data-theme="day"] .driver-live-close {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 10px 24px rgba(20, 77, 142, 0.14) !important;
}

html[data-theme="day"] .panel,
html[data-theme="day"] .panel * {
  text-shadow: none !important;
}

html[data-theme="day"] .panel {
  color: #17324d !important;
}

html[data-theme="day"] .panel-heading h2,
html[data-theme="day"] .panel-heading .eyebrow,
html[data-theme="day"] .panel h1,
html[data-theme="day"] .panel h2,
html[data-theme="day"] .panel h3,
html[data-theme="day"] .panel strong,
html[data-theme="day"] .panel th,
html[data-theme="day"] .panel .topbar-company-badge {
  color: #17324d !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel p,
html[data-theme="day"] .panel small,
html[data-theme="day"] .panel td,
html[data-theme="day"] .panel label,
html[data-theme="day"] .panel input,
html[data-theme="day"] .panel select,
html[data-theme="day"] .panel textarea,
html[data-theme="day"] .panel span,
html[data-theme="day"] .panel div {
  opacity: 1 !important;
}

html[data-theme="day"] .panel :is(
  .metric-card,
  .summary-item,
  .health-card,
  .command-card,
  .leader-row,
  .driver-day-card,
  .attendance-preview-card,
  .company-card,
  .customer-card,
  .order-card,
  .telephony-card,
  .ridebook-entry,
  .stats-chart-shell,
  .stats-detail-layout > div,
  .companies-toolbar,
  .backup-actions,
  .events-list article,
  .history-board > article,
  .attendance-table td,
  .attendance-summary-card,
  .payments-summary-card,
  .ridebook-summary-card
) {
  color: #5c7696 !important;
}

html[data-theme="day"] .panel :is(
  .metric-card,
  .summary-item,
  .health-card,
  .command-card,
  .leader-row,
  .driver-day-card,
  .attendance-preview-card,
  .company-card,
  .customer-card,
  .order-card,
  .telephony-card,
  .ridebook-entry,
  .stats-chart-shell,
  .stats-detail-layout > div,
  .companies-toolbar,
  .backup-actions,
  .events-list article,
  .history-board > article,
  .attendance-summary-card,
  .payments-summary-card,
  .ridebook-summary-card
) :is(strong, b, h1, h2, h3, h4, th) {
  color: #17324d !important;
}

html[data-theme="day"] .filter-tabs button,
html[data-theme="day"] .queue-filter button,
html[data-theme="day"] .segmented .segment {
  background: linear-gradient(180deg, rgba(20, 35, 56, 0.96), rgba(12, 23, 40, 0.98)) !important;
  color: #edf6ff !important;
}

html[data-theme="day"] .filter-tabs button.active,
html[data-theme="day"] .queue-filter button.active,
html[data-theme="day"] .segmented .segment.active {
  background: linear-gradient(135deg, #45b5ff, #2d79ef) !important;
  color: #ffffff !important;
}

@media (max-width: 520px) {
  html[data-theme="day"] #menuButton,
  html[data-theme="night"] #menuButton {
    width: 108px !important;
    height: 48px !important;
    gap: 6px !important;
    padding: 0 9px !important;
  }

  html[data-theme="day"] #menuButton::before,
  html[data-theme="night"] #menuButton::before {
    width: 28px !important;
    height: 28px !important;
    font-size: 14px !important;
  }

  html[data-theme="day"] #menuButton::after,
  html[data-theme="night"] #menuButton::after {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html[data-theme="day"] .driver-queue-tabs,
  html[data-theme="night"] .driver-queue-tabs {
    gap: 4px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button,
  html[data-theme="night"] .driver-queue-tabs button {
    min-height: 32px !important;
    padding: 0 6px !important;
    gap: 4px !important;
    font-size: 9px !important;
  }
}

html[data-theme="night"] .drawer button,
html[data-theme="night"] .drawer .drawer-close-big,
html[data-theme="night"] .drawer #driverLogout {
  color: #eef6ff !important;
}

html[data-theme="day"] .panel {
  background:
    linear-gradient(180deg, rgba(249, 252, 255, 0.985), rgba(239, 247, 255, 0.985)),
    linear-gradient(135deg, rgba(80, 176, 255, 0.05), transparent 58%) !important;
  border-color: rgba(75, 121, 180, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 20px 44px rgba(25, 76, 135, 0.08) !important;
}

html[data-theme="day"] .panel-heading {
  background:
    linear-gradient(180deg, rgba(233, 243, 255, 0.94), rgba(220, 235, 251, 0.94)) !important;
  border-bottom-color: rgba(72, 120, 180, 0.16) !important;
}

html[data-theme="day"] .panel :is(
  .metric-card,
  .summary-item,
  .health-card,
  .command-card,
  .leader-row,
  .driver-day-card,
  .attendance-preview-card,
  .company-card,
  .customer-card,
  .order-card,
  .telephony-card,
  .ridebook-entry,
  .stats-chart-shell,
  .stats-detail-layout > div,
  .companies-toolbar,
  .backup-actions,
  .events-list article,
  .history-board > article
) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 249, 255, 0.99)) !important;
  border-color: rgba(79, 128, 189, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 30px rgba(26, 79, 140, 0.06) !important;
}

html[data-theme="day"] .panel :is(
  h1,
  h2,
  h3,
  strong,
  th,
  .panel-heading h2,
  .panel-heading .eyebrow,
  .metric-card span,
  .metric-card strong,
  .status-strip span,
  .driver-day-card strong,
  .attendance-preview-head strong,
  .attendance-preview-driver,
  .leader-row strong,
  .health-card strong,
  .command-card strong,
  .order-card strong,
  .customer-card strong,
  .company-card strong,
  .telephony-card strong,
  .ridebook-entry strong
) {
  color: #17324d !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel :is(
  p,
  small,
  td,
  label,
  input,
  select,
  textarea,
  .panel-heading p,
  .topbar-company-badge,
  .metric-card small,
  .driver-day-card small,
  .attendance-preview-card small,
  .attendance-preview-head small,
  .order-card small,
  .customer-card small,
  .company-card small,
  .telephony-card small,
  .ridebook-entry small,
  .helper-text
) {
  color: #5c7696 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .filter-tabs button,
html[data-theme="day"] .queue-filter button,
html[data-theme="day"] .segmented .segment {
  background: linear-gradient(180deg, rgba(20, 35, 56, 0.96), rgba(12, 23, 40, 0.98)) !important;
  color: #eef6ff !important;
  border-color: rgba(58, 123, 193, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 24px rgba(16, 53, 105, 0.12) !important;
}

html[data-theme="day"] .filter-tabs button.active,
html[data-theme="day"] .queue-filter button.active,
html[data-theme="day"] .segmented .segment.active {
  background: linear-gradient(135deg, #39a9ff, #276ee8) !important;
  color: #ffffff !important;
  border-color: rgba(67, 175, 255, 0.24) !important;
}

/* Final hotfix v97: driver + admin light mode readability */
html[data-theme="day"] #menuButton,
html[data-theme="night"] #menuButton {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  width: 114px !important;
  min-width: 114px !important;
  height: 50px !important;
  padding: 0 10px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(72, 155, 235, 0.28) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(231, 242, 255, 0.96)),
    linear-gradient(135deg, rgba(67, 177, 255, 0.16), transparent 56%) !important;
  color: #17324d !important;
  box-shadow:
    0 18px 34px rgba(40, 101, 177, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html[data-theme="day"] #menuButton::before,
html[data-theme="night"] #menuButton::before {
  content: "MD" !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #5bc0ff, #2f82f2 58%, #1b4fa8) !important;
  color: #f8fbff !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  box-shadow:
    0 8px 18px rgba(41, 112, 196, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html[data-theme="day"] #menuButton::after,
html[data-theme="night"] #menuButton::after {
  content: "Mujokres.cz\A dispečink" !important;
  white-space: pre !important;
  display: block !important;
  text-align: left !important;
  color: #17324d !important;
  font-size: 9px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

html[data-theme="day"] .driver-queue-tabs,
html[data-theme="night"] .driver-queue-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

html[data-theme="day"] .driver-queue-tabs button,
html[data-theme="night"] .driver-queue-tabs button {
  min-height: 30px !important;
  padding: 0 6px !important;
  gap: 4px !important;
  border-radius: 12px !important;
  font-size: 9px !important;
}

html[data-theme="day"] .driver-queue-tabs button span,
html[data-theme="night"] .driver-queue-tabs button span {
  font-size: 9px !important;
  font-weight: 950 !important;
}

html[data-theme="day"] .driver-queue-tabs button strong,
html[data-theme="night"] .driver-queue-tabs button strong {
  min-width: 15px !important;
  height: 15px !important;
  padding: 0 3px !important;
  font-size: 8px !important;
}

html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal,
html[data-theme="day"] .jobs-sheet *,
html[data-theme="day"] .drawer *,
html[data-theme="day"] .driver-modal * {
  text-shadow: none !important;
}

html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal {
  color: #17324d !important;
}

html[data-theme="day"] .jobs-sheet {
  background:
    linear-gradient(180deg, rgba(252, 254, 255, 0.985), rgba(236, 245, 255, 0.985)),
    linear-gradient(135deg, rgba(74, 177, 255, 0.08), transparent 55%) !important;
}

html[data-theme="day"] .sheet-heading h1,
html[data-theme="day"] .sheet-heading .eyebrow,
html[data-theme="day"] .driver-state-banner strong,
html[data-theme="day"] .driver-live-empty strong,
html[data-theme="day"] .driver-live-head strong,
html[data-theme="day"] .driver-live-headline strong,
html[data-theme="day"] .driver-live-row strong,
html[data-theme="day"] .drawer-title strong,
html[data-theme="day"] .drawer-summary-card strong,
html[data-theme="day"] .phone-history-summary strong,
html[data-theme="day"] .driver-roster-card strong,
html[data-theme="day"] .driver-roster-summary strong,
html[data-theme="day"] .driver-modal h2,
html[data-theme="day"] .driver-modal h3,
html[data-theme="day"] .driver-modal strong {
  color: #17324d !important;
  opacity: 1 !important;
}

html[data-theme="day"] .driver-state-banner small,
html[data-theme="day"] .driver-live-empty p,
html[data-theme="day"] .driver-live-empty span,
html[data-theme="day"] .driver-live-meta,
html[data-theme="day"] .driver-live-meta span,
html[data-theme="day"] .driver-live-note,
html[data-theme="day"] .driver-live-note span,
html[data-theme="day"] .driver-live-foot span,
html[data-theme="day"] .driver-live-alert,
html[data-theme="day"] .drawer-summary-card span,
html[data-theme="day"] .drawer-summary-card small,
html[data-theme="day"] .phone-history-summary span,
html[data-theme="day"] .driver-roster-card small,
html[data-theme="day"] .driver-roster-summary span,
html[data-theme="day"] .driver-modal p,
html[data-theme="day"] .driver-modal small,
html[data-theme="day"] .driver-modal label {
  color: #5b7392 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .driver-state-banner,
html[data-theme="day"] .driver-live-empty,
html[data-theme="day"] .driver-live-row,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .phone-history-summary div,
html[data-theme="day"] .driver-roster-card,
html[data-theme="day"] .driver-modal .modal-card,
html[data-theme="day"] .driver-modal .modal-section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 250, 255, 0.99)) !important;
  border-color: rgba(77, 127, 186, 0.2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 16px 34px rgba(29, 82, 145, 0.08) !important;
}

html[data-theme="day"] .drawer button,
html[data-theme="night"] .drawer button {
  background: linear-gradient(180deg, rgba(28, 45, 72, 0.98), rgba(15, 28, 48, 0.99)) !important;
  color: #f3f8ff !important;
  border: 1px solid rgba(74, 132, 202, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 26px rgba(12, 40, 83, 0.16) !important;
}

html[data-theme="day"] .drawer button#driverSoundToggle,
html[data-theme="day"] .drawer button[data-theme-toggle],
html[data-theme="night"] .drawer button#driverSoundToggle,
html[data-theme="night"] .drawer button[data-theme-toggle] {
  background: linear-gradient(135deg, #54c4ff, #2b84f4) !important;
  color: #ffffff !important;
  border-color: rgba(88, 186, 255, 0.24) !important;
}

html[data-theme="day"] .drawer button#closeDrawerBig,
html[data-theme="night"] .drawer button#closeDrawerBig {
  background: linear-gradient(180deg, rgba(37, 67, 113, 0.98), rgba(21, 40, 70, 0.99)) !important;
}

html[data-theme="day"] .drawer button#driverLogout,
html[data-theme="night"] .drawer button#driverLogout {
  background: linear-gradient(180deg, rgba(73, 29, 43, 0.98), rgba(42, 18, 28, 0.99)) !important;
  color: #ffe5ea !important;
  border-color: rgba(236, 112, 148, 0.24) !important;
}

html[data-theme="day"] .panel,
html[data-theme="day"] .panel * {
  text-shadow: none !important;
}

html[data-theme="day"] .panel {
  color: #17324d !important;
  background:
    linear-gradient(180deg, rgba(248, 252, 255, 0.985), rgba(234, 243, 255, 0.985)),
    linear-gradient(135deg, rgba(68, 173, 255, 0.06), transparent 58%) !important;
  border-color: rgba(78, 126, 186, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 20px 44px rgba(24, 74, 133, 0.08) !important;
}

html[data-theme="day"] .panel-heading {
  background: linear-gradient(180deg, rgba(236, 244, 255, 0.96), rgba(223, 236, 252, 0.96)) !important;
  border-bottom-color: rgba(76, 121, 180, 0.16) !important;
}

html[data-theme="day"] .panel h1,
html[data-theme="day"] .panel h2,
html[data-theme="day"] .panel h3,
html[data-theme="day"] .panel th,
html[data-theme="day"] .panel strong,
html[data-theme="day"] .panel-heading h2,
html[data-theme="day"] .panel-heading .eyebrow,
html[data-theme="day"] .topbar-company-badge,
html[data-theme="day"] .metric-card strong,
html[data-theme="day"] .summary-item strong,
html[data-theme="day"] .driver-day-card strong,
html[data-theme="day"] .attendance-preview-head strong,
html[data-theme="day"] .attendance-preview-driver,
html[data-theme="day"] .health-card strong,
html[data-theme="day"] .command-card strong,
html[data-theme="day"] .order-card strong,
html[data-theme="day"] .customer-card strong,
html[data-theme="day"] .company-card strong,
html[data-theme="day"] .telephony-card strong,
html[data-theme="day"] .ridebook-entry strong,
html[data-theme="day"] .history-board > article strong,
html[data-theme="day"] .events-list article strong {
  color: #17324d !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel p,
html[data-theme="day"] .panel small,
html[data-theme="day"] .panel td,
html[data-theme="day"] .panel label,
html[data-theme="day"] .panel input,
html[data-theme="day"] .panel select,
html[data-theme="day"] .panel textarea,
html[data-theme="day"] .panel span,
html[data-theme="day"] .helper-text,
html[data-theme="day"] .metric-card small,
html[data-theme="day"] .summary-item small,
html[data-theme="day"] .driver-day-card small,
html[data-theme="day"] .attendance-preview-card small,
html[data-theme="day"] .order-card small,
html[data-theme="day"] .customer-card small,
html[data-theme="day"] .company-card small,
html[data-theme="day"] .telephony-card small,
html[data-theme="day"] .ridebook-entry small {
  color: #5b7392 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel :is(
  .metric-card,
  .summary-item,
  .health-card,
  .command-card,
  .leader-row,
  .driver-day-card,
  .attendance-preview-card,
  .company-card,
  .customer-card,
  .order-card,
  .telephony-card,
  .ridebook-entry,
  .stats-chart-shell,
  .stats-detail-layout > div,
  .companies-toolbar,
  .backup-actions,
  .events-list article,
  .history-board > article,
  .attendance-summary-card,
  .payments-summary-card,
  .ridebook-summary-card
) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.992), rgba(244, 249, 255, 0.992)) !important;
  border-color: rgba(81, 129, 188, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 14px 28px rgba(24, 74, 133, 0.06) !important;
}

html[data-theme="day"] .filter-tabs button,
html[data-theme="day"] .queue-filter button,
html[data-theme="day"] .segmented .segment {
  background: linear-gradient(180deg, rgba(24, 39, 60, 0.98), rgba(12, 24, 40, 0.99)) !important;
  color: #eff6ff !important;
  border-color: rgba(71, 128, 200, 0.2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 24px rgba(14, 44, 88, 0.12) !important;
}

html[data-theme="day"] .filter-tabs button.active,
html[data-theme="day"] .queue-filter button.active,
html[data-theme="day"] .segmented .segment.active {
  background: linear-gradient(135deg, #4fc0ff, #2d7cf0) !important;
  color: #ffffff !important;
  border-color: rgba(92, 190, 255, 0.26) !important;
}

@media (max-width: 520px) {
  html[data-theme="day"] #menuButton,
  html[data-theme="night"] #menuButton {
    width: 102px !important;
    min-width: 102px !important;
    height: 46px !important;
    gap: 6px !important;
    padding: 0 8px !important;
  }

  html[data-theme="day"] #menuButton::before,
  html[data-theme="night"] #menuButton::before {
    width: 26px !important;
    height: 26px !important;
    font-size: 13px !important;
  }

  html[data-theme="day"] #menuButton::after,
  html[data-theme="night"] #menuButton::after {
    font-size: 8px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button,
  html[data-theme="night"] .driver-queue-tabs button {
    min-height: 28px !important;
    padding: 0 5px !important;
    font-size: 8px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button strong,
  html[data-theme="night"] .driver-queue-tabs button strong {
    min-width: 14px !important;
    height: 14px !important;
    font-size: 7px !important;
  }
}

/* Final visual cleanup v98: cache-safe polish for driver + admin only. */
:root {
  --mk-ice: #f6fbff;
  --mk-ice-2: #ebf5ff;
  --mk-blue-1: #48b3ff;
  --mk-blue-2: #2d7cf0;
  --mk-blue-3: #193f8f;
  --mk-navy-1: #16243a;
  --mk-navy-2: #0f1b2d;
  --mk-day-ink: #17324d;
  --mk-day-muted: #6480a0;
  --mk-card-line: rgba(73, 127, 194, 0.18);
}

html[data-theme="day"] #menuButton,
html[data-theme="night"] #menuButton {
  position: relative !important;
  width: 104px !important;
  min-width: 104px !important;
  height: 52px !important;
  padding: 0 10px 0 42px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(82, 161, 237, 0.28) !important;
  overflow: hidden !important;
}

html[data-theme="day"] #menuButton {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(235, 244, 255, 0.98)),
    linear-gradient(135deg, rgba(72, 179, 255, 0.16), rgba(45, 124, 240, 0.12)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 12px 24px rgba(33, 92, 163, 0.14) !important;
}

html[data-theme="night"] #menuButton {
  background:
    linear-gradient(135deg, rgba(69, 183, 255, 0.96), rgba(37, 124, 221, 0.95) 58%, rgba(22, 64, 144, 0.95)),
    rgba(20, 34, 58, 0.94) !important;
  box-shadow:
    0 18px 30px rgba(26, 75, 152, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

html[data-theme="day"] #menuButton::before,
html[data-theme="night"] #menuButton::before {
  content: "MD" !important;
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 8px 18px rgba(37, 124, 221, 0.18) !important;
}

html[data-theme="day"] #menuButton::before {
  background: linear-gradient(135deg, var(--mk-blue-1), var(--mk-blue-2)) !important;
  color: #ffffff !important;
}

html[data-theme="night"] #menuButton::before {
  background: linear-gradient(135deg, #f4d25c, #f1ab31) !important;
  color: #10213a !important;
}

html[data-theme="day"] #menuButton::after,
html[data-theme="night"] #menuButton::after {
  content: "mujokres.cz\A dispečink" !important;
  position: static !important;
  display: block !important;
  white-space: pre !important;
  background: none !important;
  text-transform: none !important;
  text-align: left !important;
  font-size: 9px !important;
  line-height: 1.02 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html[data-theme="day"] #menuButton::after {
  color: #16406d !important;
}

html[data-theme="night"] #menuButton::after {
  color: #ffffff !important;
}

html[data-theme="day"] .driver-queue-tabs,
html[data-theme="night"] .driver-queue-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

html[data-theme="day"] .driver-queue-tabs button,
html[data-theme="night"] .driver-queue-tabs button {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 6px 8px !important;
  border-radius: 16px !important;
  gap: 6px !important;
  justify-content: space-between !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 18px rgba(15, 48, 93, 0.08) !important;
}

html[data-theme="day"] .driver-queue-tabs button {
  background: linear-gradient(180deg, rgba(26, 42, 67, 0.98), rgba(12, 22, 37, 0.99)) !important;
  color: #f3f8ff !important;
  border: 1px solid rgba(70, 127, 197, 0.18) !important;
}

html[data-theme="night"] .driver-queue-tabs button {
  background: linear-gradient(180deg, rgba(33, 47, 72, 0.98), rgba(17, 27, 43, 0.99)) !important;
  color: #f3f8ff !important;
  border: 1px solid rgba(82, 140, 210, 0.18) !important;
}

html[data-theme="day"] .driver-queue-tabs button.active,
html[data-theme="night"] .driver-queue-tabs button.active {
  background: linear-gradient(135deg, var(--mk-blue-1), var(--mk-blue-2)) !important;
  color: #ffffff !important;
  border-color: rgba(84, 188, 255, 0.22) !important;
}

html[data-theme="day"] .driver-queue-tabs button span,
html[data-theme="night"] .driver-queue-tabs button span {
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

html[data-theme="day"] .driver-queue-tabs button strong,
html[data-theme="night"] .driver-queue-tabs button strong {
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal {
  color: var(--mk-day-ink) !important;
}

html[data-theme="day"] .jobs-sheet {
  background:
    linear-gradient(180deg, rgba(250, 253, 255, 0.99), rgba(235, 244, 255, 0.99)),
    linear-gradient(135deg, rgba(72, 179, 255, 0.08), rgba(45, 124, 240, 0.05)) !important;
  box-shadow:
    0 -10px 34px rgba(24, 74, 133, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

html[data-theme="day"] .sheet-heading h1,
html[data-theme="day"] .sheet-heading .eyebrow,
html[data-theme="day"] .driver-live-head strong,
html[data-theme="day"] .driver-live-headline strong,
html[data-theme="day"] .driver-state-banner strong,
html[data-theme="day"] .driver-live-empty strong,
html[data-theme="day"] .driver-live-row strong,
html[data-theme="day"] .driver-roster-card strong,
html[data-theme="day"] .drawer-title strong,
html[data-theme="day"] .drawer-summary-card strong,
html[data-theme="day"] .phone-history-summary strong,
html[data-theme="day"] .driver-modal h2,
html[data-theme="day"] .driver-modal h3,
html[data-theme="day"] .driver-modal strong {
  color: var(--mk-day-ink) !important;
  opacity: 1 !important;
}

html[data-theme="day"] .driver-live-empty p,
html[data-theme="day"] .driver-live-note,
html[data-theme="day"] .driver-live-meta,
html[data-theme="day"] .driver-live-meta span,
html[data-theme="day"] .driver-live-foot span,
html[data-theme="day"] .driver-state-banner small,
html[data-theme="day"] .drawer-summary-card span,
html[data-theme="day"] .drawer-summary-card small,
html[data-theme="day"] .phone-history-summary span,
html[data-theme="day"] .driver-roster-card small,
html[data-theme="day"] .driver-modal p,
html[data-theme="day"] .driver-modal small,
html[data-theme="day"] .driver-modal label {
  color: var(--mk-day-muted) !important;
  opacity: 1 !important;
}

html[data-theme="day"] .driver-live-empty,
html[data-theme="day"] .driver-state-banner,
html[data-theme="day"] .driver-live-row,
html[data-theme="day"] .driver-roster-card,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .phone-history-summary div,
html[data-theme="day"] .driver-modal .modal-card,
html[data-theme="day"] .driver-modal .modal-section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.995), rgba(244, 249, 255, 0.995)) !important;
  border-color: var(--mk-card-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 16px 28px rgba(25, 77, 134, 0.08) !important;
}

html[data-theme="day"] .driver-live-empty {
  padding: 24px 22px !important;
}

html[data-theme="day"] .driver-live-empty span:last-child {
  color: #d2a221 !important;
}

html[data-theme="night"] .drawer button,
html[data-theme="night"] .drawer .drawer-link,
html[data-theme="night"] .driver-modal .driver-modal-done {
  background: linear-gradient(180deg, rgba(28, 46, 73, 0.98), rgba(13, 24, 40, 0.99)) !important;
  color: #f3f8ff !important;
  border: 1px solid rgba(70, 132, 205, 0.18) !important;
}

html[data-theme="day"] .drawer button,
html[data-theme="day"] .drawer .drawer-link,
html[data-theme="day"] .driver-modal .driver-modal-done {
  background: linear-gradient(180deg, rgba(26, 42, 67, 0.98), rgba(12, 22, 37, 0.99)) !important;
  color: #f3f8ff !important;
  border: 1px solid rgba(70, 132, 205, 0.18) !important;
}

html[data-theme="day"] .drawer button#driverSoundToggle,
html[data-theme="day"] .drawer button[data-theme-toggle],
html[data-theme="night"] .drawer button#driverSoundToggle,
html[data-theme="night"] .drawer button[data-theme-toggle] {
  background: linear-gradient(135deg, var(--mk-blue-1), var(--mk-blue-2)) !important;
  color: #ffffff !important;
}

html[data-theme="day"] .drawer button#closeDrawerBig,
html[data-theme="night"] .drawer button#closeDrawerBig {
  background: linear-gradient(180deg, rgba(33, 53, 84, 0.98), rgba(16, 28, 45, 0.99)) !important;
  color: #ffffff !important;
}

html[data-theme="day"] .drawer button#driverLogout,
html[data-theme="night"] .drawer button#driverLogout {
  background: linear-gradient(180deg, rgba(88, 34, 52, 0.98), rgba(48, 20, 31, 0.99)) !important;
  color: #ffe8ee !important;
}

html[data-theme="day"] .panel,
html[data-theme="day"] .panel * {
  text-shadow: none !important;
}

html[data-theme="day"] .panel {
  color: var(--mk-day-ink) !important;
  background:
    linear-gradient(180deg, rgba(248, 252, 255, 0.99), rgba(234, 243, 255, 0.99)),
    linear-gradient(135deg, rgba(72, 179, 255, 0.06), rgba(45, 124, 240, 0.03)) !important;
  border-color: rgba(82, 130, 187, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 18px 36px rgba(24, 74, 133, 0.07) !important;
}

html[data-theme="day"] .panel-heading {
  background: linear-gradient(180deg, rgba(238, 245, 255, 0.98), rgba(223, 236, 252, 0.98)) !important;
  border-bottom: 1px solid rgba(77, 127, 186, 0.16) !important;
}

html[data-theme="day"] .panel h1,
html[data-theme="day"] .panel h2,
html[data-theme="day"] .panel h3,
html[data-theme="day"] .panel th,
html[data-theme="day"] .panel strong,
html[data-theme="day"] .panel-heading h2,
html[data-theme="day"] .panel-heading .eyebrow,
html[data-theme="day"] .topbar-company-badge,
html[data-theme="day"] .metric-card strong,
html[data-theme="day"] .summary-item strong,
html[data-theme="day"] .driver-day-card strong,
html[data-theme="day"] .attendance-preview-head strong,
html[data-theme="day"] .attendance-preview-driver,
html[data-theme="day"] .health-card strong,
html[data-theme="day"] .command-card strong,
html[data-theme="day"] .order-card strong,
html[data-theme="day"] .customer-card strong,
html[data-theme="day"] .company-card strong,
html[data-theme="day"] .telephony-card strong,
html[data-theme="day"] .ridebook-entry strong,
html[data-theme="day"] .history-board > article strong,
html[data-theme="day"] .events-list article strong,
html[data-theme="day"] .leader-row strong,
html[data-theme="day"] .attendance-summary-card strong,
html[data-theme="day"] .payments-summary-card strong,
html[data-theme="day"] .ridebook-summary-card strong {
  color: var(--mk-day-ink) !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel p,
html[data-theme="day"] .panel small,
html[data-theme="day"] .panel td,
html[data-theme="day"] .panel label,
html[data-theme="day"] .panel input,
html[data-theme="day"] .panel select,
html[data-theme="day"] .panel textarea,
html[data-theme="day"] .panel span,
html[data-theme="day"] .helper-text,
html[data-theme="day"] .metric-card small,
html[data-theme="day"] .summary-item small,
html[data-theme="day"] .driver-day-card small,
html[data-theme="day"] .attendance-preview-card small,
html[data-theme="day"] .attendance-preview-head small,
html[data-theme="day"] .leader-row small,
html[data-theme="day"] .order-card small,
html[data-theme="day"] .customer-card small,
html[data-theme="day"] .company-card small,
html[data-theme="day"] .telephony-card small,
html[data-theme="day"] .ridebook-entry small,
html[data-theme="day"] .history-board > article span,
html[data-theme="day"] .events-list article span {
  color: var(--mk-day-muted) !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel :is(
  .metric-card,
  .summary-item,
  .health-card,
  .command-card,
  .leader-row,
  .driver-day-card,
  .attendance-preview-card,
  .attendance-summary-card,
  .payments-summary-card,
  .ridebook-summary-card,
  .company-card,
  .customer-card,
  .order-card,
  .telephony-card,
  .ridebook-entry,
  .stats-chart-shell,
  .stats-detail-layout > div,
  .companies-toolbar,
  .backup-actions,
  .events-list article,
  .history-board > article
) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.996), rgba(244, 249, 255, 0.996)) !important;
  border-color: var(--mk-card-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 14px 28px rgba(24, 74, 133, 0.06) !important;
}

html[data-theme="day"] .filter-tabs button,
html[data-theme="day"] .queue-filter button,
html[data-theme="day"] .segmented .segment {
  background: linear-gradient(180deg, rgba(26, 42, 67, 0.98), rgba(12, 22, 37, 0.99)) !important;
  color: #f3f8ff !important;
  border: 1px solid rgba(70, 127, 197, 0.18) !important;
  box-shadow: 0 10px 22px rgba(14, 44, 88, 0.12) !important;
}

html[data-theme="day"] .filter-tabs button.active,
html[data-theme="day"] .queue-filter button.active,
html[data-theme="day"] .segmented .segment.active {
  background: linear-gradient(135deg, var(--mk-blue-1), var(--mk-blue-2)) !important;
  color: #ffffff !important;
  border-color: rgba(92, 190, 255, 0.24) !important;
}

@media (max-width: 520px) {
  html[data-theme="day"] #menuButton,
  html[data-theme="night"] #menuButton {
    width: 94px !important;
    min-width: 94px !important;
    height: 46px !important;
    padding: 0 8px 0 36px !important;
    border-radius: 16px !important;
  }

  html[data-theme="day"] #menuButton::before,
  html[data-theme="night"] #menuButton::before {
    left: 8px !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 11px !important;
  }

  html[data-theme="day"] #menuButton::after,
  html[data-theme="night"] #menuButton::after {
    font-size: 7.5px !important;
    line-height: 1 !important;
  }

  html[data-theme="day"] .driver-queue-tabs,
  html[data-theme="night"] .driver-queue-tabs {
    gap: 6px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button,
  html[data-theme="night"] .driver-queue-tabs button {
    min-height: 34px !important;
    padding: 5px 6px !important;
    border-radius: 14px !important;
    gap: 4px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button span,
  html[data-theme="night"] .driver-queue-tabs button span {
    font-size: 8.5px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button strong,
  html[data-theme="night"] .driver-queue-tabs button strong {
    min-width: 15px !important;
    height: 15px !important;
    padding: 0 3px !important;
    font-size: 8px !important;
  }
}

/* v99 readability hardening */
html[data-theme="day"] #menuButton,
html[data-theme="night"] #menuButton {
  box-shadow:
    0 16px 34px rgba(31, 92, 182, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

html[data-theme="day"] .driver-identity strong,
html[data-theme="day"] .driver-identity small,
html[data-theme="day"] .driver-status-pill,
html[data-theme="day"] .driver-live-headline strong,
html[data-theme="day"] .driver-live-headline span,
html[data-theme="day"] .driver-live-empty strong,
html[data-theme="day"] .driver-live-empty span,
html[data-theme="day"] .driver-live-empty em,
html[data-theme="day"] .driver-state-banner strong,
html[data-theme="day"] .driver-state-banner span,
html[data-theme="day"] .driver-state-banner small,
html[data-theme="day"] .driver-live-card *,
html[data-theme="day"] .drawer-summary-card *,
html[data-theme="day"] .drawer button,
html[data-theme="day"] .drawer .drawer-link,
html[data-theme="day"] .driver-modal *,
html[data-theme="day"] .sheet-card *,
html[data-theme="day"] .driver-queue-tabs button {
  color: #17304f !important;
  opacity: 1 !important;
}

html[data-theme="day"] .driver-live-empty,
html[data-theme="day"] .driver-state-banner,
html[data-theme="day"] .driver-live-card,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .drawer button,
html[data-theme="day"] .drawer .drawer-link,
html[data-theme="day"] .driver-modal .driver-modal-card,
html[data-theme="day"] .sheet-card,
html[data-theme="day"] .bottom-actions button,
html[data-theme="day"] .driver-queue-tabs button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 255, 0.98)) !important;
  border-color: rgba(126, 165, 214, 0.28) !important;
  box-shadow:
    0 14px 30px rgba(39, 82, 140, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

html[data-theme="day"] .driver-live-headline em,
html[data-theme="day"] .driver-queue-tabs button strong {
  background: linear-gradient(135deg, #5fb8ff, #2e79ee) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(46, 121, 238, 0.2) !important;
}

html[data-theme="day"] .driver-queue-tabs button.active,
html[data-theme="day"] .bottom-actions button,
html[data-theme="day"] .drawer button.drawer-close-big,
html[data-theme="day"] .sheet-action-button.primary,
html[data-theme="day"] .driver-modal .primary-btn {
  background: linear-gradient(135deg, #4db8ff, #246be6 58%, #173f95) !important;
  color: #ffffff !important;
  border-color: rgba(68, 135, 232, 0.32) !important;
}

html[data-theme="day"] .driver-modal .warn,
html[data-theme="day"] .sheet-action-button.warn {
  background: linear-gradient(135deg, #ffd467, #ffb62f) !important;
  color: #122238 !important;
  border-color: rgba(231, 165, 34, 0.35) !important;
}

html[data-theme="day"] .driver-modal .danger,
html[data-theme="day"] .sheet-action-button.danger {
  background: linear-gradient(135deg, #ff9ca9, #ff5c7b) !important;
  color: #ffffff !important;
  border-color: rgba(220, 77, 111, 0.34) !important;
}

html[data-theme="night"] .drawer button,
html[data-theme="night"] .drawer .drawer-link,
html[data-theme="night"] .driver-modal .driver-modal-card,
html[data-theme="night"] .sheet-card,
html[data-theme="night"] .bottom-actions button {
  color: #edf4ff !important;
  background:
    linear-gradient(180deg, rgba(22, 30, 49, 0.98), rgba(11, 18, 31, 0.99)) !important;
  border-color: rgba(89, 122, 182, 0.24) !important;
}

html[data-theme="night"] .driver-queue-tabs button,
html[data-theme="night"] .driver-live-headline em {
  background:
    linear-gradient(135deg, rgba(31, 40, 61, 0.98), rgba(16, 23, 38, 0.99)) !important;
  color: #edf4ff !important;
}

html[data-theme="day"] .panel,
html[data-theme="day"] .panel * {
  text-shadow: none !important;
}

html[data-theme="day"] .panel :is(
  h1, h2, h3, h4, strong, label, th, .pill, .panel-heading, .queue-filter button, .filter-tabs button
) {
  color: #16304d !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel :is(
  p, span, small, td, input, select, textarea, .helper-text
) {
  color: #5d7291 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel :is(
  .admin-row,
  .metric-card,
  .summary-item,
  .health-card,
  .command-card,
  .leader-row,
  .driver-day-card,
  .attendance-preview-card,
  .attendance-summary-card,
  .payments-summary-card,
  .ridebook-summary-card,
  .company-card,
  .customer-card,
  .order-card,
  .telephony-card,
  .ridebook-entry,
  .stats-chart-shell,
  .stats-detail-layout > div,
  .companies-toolbar,
  .backup-actions,
  .events-list article,
  .history-board > article
) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.99)) !important;
  border-color: rgba(124, 165, 216, 0.22) !important;
}

html[data-theme="day"] .panel .pill,
html[data-theme="day"] .panel .driver-state-pill {
  background: rgba(215, 232, 255, 0.92) !important;
  color: #16304d !important;
}

html[data-theme="day"] .panel .filter-tabs button,
html[data-theme="day"] .panel .queue-filter button,
html[data-theme="day"] .panel .segmented .segment {
  background: linear-gradient(180deg, rgba(25, 41, 66, 0.98), rgba(11, 20, 35, 0.99)) !important;
  color: #eef5ff !important;
}

html[data-theme="day"] .panel .filter-tabs button.active,
html[data-theme="day"] .panel .queue-filter button.active,
html[data-theme="day"] .panel .segmented .segment.active {
  background: linear-gradient(135deg, #58b8ff, #2878ef 60%, #163f93) !important;
  color: #ffffff !important;
}

@media (max-width: 640px) {
  html[data-theme="day"] .driver-queue-tabs,
  html[data-theme="night"] .driver-queue-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button,
  html[data-theme="night"] .driver-queue-tabs button {
    min-height: 40px !important;
    padding: 6px 6px !important;
    border-radius: 14px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button span,
  html[data-theme="night"] .driver-queue-tabs button span {
    font-size: 9px !important;
    line-height: 1.05 !important;
  }

  html[data-theme="day"] .driver-queue-tabs button strong,
  html[data-theme="night"] .driver-queue-tabs button strong {
    min-width: 16px !important;
    height: 16px !important;
    font-size: 8px !important;
  }
}

/* v100 phone/admin readability pass */
html[data-theme="day"] #menuButton,
html[data-theme="night"] #menuButton {
  width: 100px !important;
  height: 44px !important;
  border-radius: 16px !important;
  box-shadow:
    0 14px 30px rgba(28, 74, 142, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html[data-theme="day"] #menuButton {
  border-color: rgba(87, 146, 228, 0.28) !important;
  background: linear-gradient(135deg, #66c3ff, #2b83ef 58%, #163f8f) !important;
}

html[data-theme="night"] #menuButton {
  border-color: rgba(92, 151, 226, 0.24) !important;
  background: linear-gradient(135deg, #183257, #19497e 52%, #13294a) !important;
}

html[data-theme="day"] #menuButton::after,
html[data-theme="night"] #menuButton::after {
  content: "Mujokres.cz\A dispe\u010dink" !important;
  white-space: pre !important;
  display: block !important;
  text-align: center !important;
  font-size: 8.4px !important;
  line-height: 1.08 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

html[data-theme="day"] .driver-queue-tabs,
html[data-theme="night"] .driver-queue-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 2px 0 12px !important;
}

html[data-theme="day"] .driver-queue-tabs button,
html[data-theme="night"] .driver-queue-tabs button {
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 4px 6px !important;
  gap: 4px !important;
  border-radius: 13px !important;
}

html[data-theme="day"] .driver-queue-tabs button span,
html[data-theme="night"] .driver-queue-tabs button span {
  font-size: 8px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-theme="day"] .driver-queue-tabs button strong,
html[data-theme="night"] .driver-queue-tabs button strong {
  min-width: 15px !important;
  height: 15px !important;
  padding: 0 3px !important;
  font-size: 8px !important;
  border-radius: 999px !important;
}

html[data-theme="day"] .driver-queue-tabs button {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.98)) !important;
  border: 1px solid rgba(124, 165, 216, 0.28) !important;
  color: #18334f !important;
}

html[data-theme="night"] .driver-queue-tabs button {
  background: linear-gradient(180deg, rgba(24, 34, 53, 0.98), rgba(12, 20, 34, 0.99)) !important;
  border: 1px solid rgba(78, 113, 173, 0.22) !important;
  color: #eef5ff !important;
}

html[data-theme="day"] .driver-queue-tabs button.active,
html[data-theme="night"] .driver-queue-tabs button.active {
  background: linear-gradient(135deg, #4dbbff, #2b81ef 60%, #163f95) !important;
  color: #ffffff !important;
  border-color: rgba(67, 134, 230, 0.3) !important;
}

html[data-theme="day"] .driver-queue-tabs button.active strong,
html[data-theme="night"] .driver-queue-tabs button.active strong {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

html[data-theme="day"] .driver-state-banner,
html[data-theme="day"] .driver-live-empty,
html[data-theme="day"] .driver-live-card,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .driver-modal .driver-modal-card,
html[data-theme="day"] .sheet-card,
html[data-theme="day"] .drawer .drawer-link,
html[data-theme="day"] .drawer button:not(.theme-switch) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(242, 248, 255, 0.98)) !important;
  border-color: rgba(118, 160, 214, 0.28) !important;
  box-shadow:
    0 16px 34px rgba(38, 83, 145, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

html[data-theme="day"] .driver-state-banner strong,
html[data-theme="day"] .driver-live-empty strong,
html[data-theme="day"] .driver-live-card strong,
html[data-theme="day"] .drawer-summary-card strong,
html[data-theme="day"] .drawer .drawer-link,
html[data-theme="day"] .drawer button:not(.theme-switch),
html[data-theme="day"] .driver-modal strong,
html[data-theme="day"] .sheet-card strong {
  color: #132d4a !important;
}

html[data-theme="day"] .driver-state-banner span,
html[data-theme="day"] .driver-state-banner small,
html[data-theme="day"] .driver-live-empty span,
html[data-theme="day"] .driver-live-empty em,
html[data-theme="day"] .driver-live-card span,
html[data-theme="day"] .driver-live-card small,
html[data-theme="day"] .drawer-summary-card span,
html[data-theme="day"] .drawer-summary-card small,
html[data-theme="day"] .driver-modal label,
html[data-theme="day"] .sheet-card label,
html[data-theme="day"] .sheet-card small {
  color: #556a87 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .drawer button.drawer-close-big,
html[data-theme="day"] .drawer button.theme-switch,
html[data-theme="day"] .sheet-action-button.primary,
html[data-theme="day"] .driver-modal .primary-btn,
html[data-theme="day"] .bottom-actions button {
  background: linear-gradient(135deg, #55c0ff, #2b82ef 58%, #163f96) !important;
  color: #ffffff !important;
  border-color: rgba(64, 131, 229, 0.3) !important;
}

html[data-theme="night"] .drawer button,
html[data-theme="night"] .drawer .drawer-link {
  background: linear-gradient(180deg, rgba(20, 30, 48, 0.98), rgba(10, 18, 31, 0.99)) !important;
  color: #eef5ff !important;
  border-color: rgba(88, 124, 188, 0.22) !important;
}

html[data-theme="night"] .drawer-summary-card strong,
html[data-theme="night"] .drawer .drawer-link,
html[data-theme="night"] .drawer button {
  color: #f5f8ff !important;
}

html[data-theme="night"] .drawer-summary-card span,
html[data-theme="night"] .drawer-summary-card small {
  color: #b3c1d8 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel {
  color: #16304d !important;
}

html[data-theme="day"] .panel :is(
  .metric-card,
  .summary-item,
  .health-card,
  .command-card,
  .leader-row,
  .driver-day-card,
  .attendance-preview-card,
  .attendance-summary-card,
  .payments-summary-card,
  .ridebook-summary-card,
  .company-card,
  .customer-card,
  .order-card,
  .telephony-card,
  .ridebook-entry,
  .stats-chart-shell,
  .stats-detail-layout > div,
  .companies-toolbar,
  .backup-actions,
  .events-list article,
  .history-board > article,
  table tbody tr,
  .admin-row
) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 249, 255, 0.98)) !important;
  border-color: rgba(124, 166, 218, 0.26) !important;
  box-shadow: 0 14px 30px rgba(39, 82, 140, 0.08) !important;
}

html[data-theme="day"] .panel :is(h1, h2, h3, h4, strong, th, .pill, .panel-heading) {
  color: #15304d !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel :is(span, small, td, input, select, textarea, p, .helper-text) {
  color: #5b7290 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .panel input,
html[data-theme="day"] .panel select,
html[data-theme="day"] .panel textarea {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(124, 166, 218, 0.3) !important;
  color: #17314f !important;
}

html[data-theme="day"] .panel .filter-tabs button,
html[data-theme="day"] .panel .queue-filter button,
html[data-theme="day"] .panel .segmented .segment {
  background: linear-gradient(180deg, rgba(25, 40, 66, 0.98), rgba(13, 20, 35, 0.99)) !important;
  color: #f3f7ff !important;
  border-color: rgba(84, 117, 172, 0.24) !important;
}

html[data-theme="day"] .panel .filter-tabs button.active,
html[data-theme="day"] .panel .queue-filter button.active,
html[data-theme="day"] .panel .segmented .segment.active {
  background: linear-gradient(135deg, #55c0ff, #287eef 60%, #163f93) !important;
  color: #ffffff !important;
}

@media (max-width: 640px) {
  html[data-theme="day"] #menuButton,
  html[data-theme="night"] #menuButton {
    width: 96px !important;
    height: 42px !important;
  }

  html[data-theme="day"] #menuButton::after,
  html[data-theme="night"] #menuButton::after {
    font-size: 7.8px !important;
  }

  html[data-theme="day"] .driver-queue-tabs,
  html[data-theme="night"] .driver-queue-tabs {
    gap: 4px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button,
  html[data-theme="night"] .driver-queue-tabs button {
    min-height: 32px !important;
    padding: 3px 5px !important;
    gap: 3px !important;
    border-radius: 12px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button span,
  html[data-theme="night"] .driver-queue-tabs button span {
    font-size: 7.6px !important;
  }

  html[data-theme="day"] .driver-queue-tabs button strong,
  html[data-theme="night"] .driver-queue-tabs button strong {
    min-width: 14px !important;
    height: 14px !important;
    font-size: 7px !important;
  }
}
/* 2026-07-05: final driver visual guardrails.
   This block intentionally touches only visual layers, not call or ride logic. */
html[data-theme="day"] .driver-map .leaflet-tile,
html[data-theme="day"] .live-map .leaflet-tile,
html[data-theme="day"] .map-panel .leaflet-tile {
  filter: none !important;
}

html[data-theme="night"] .driver-map .leaflet-tile,
html[data-theme="night"] .live-map .leaflet-tile,
html[data-theme="night"] .map-panel .leaflet-tile {
  filter: grayscale(0.38) brightness(0.56) contrast(1.08) saturate(0.72) !important;
}

html[data-theme="night"] .driver-map::after,
html[data-theme="night"] .live-map::after {
  background:
    linear-gradient(180deg, rgba(5, 10, 18, 0.18), rgba(5, 10, 18, 0.46)),
    radial-gradient(circle at 70% 20%, rgba(46, 139, 196, 0.12), transparent 38%) !important;
  mix-blend-mode: normal !important;
}

html[data-theme="day"] .driver-topbar {
  background: rgba(248, 252, 255, 0.94) !important;
  border-bottom: 1px solid rgba(20, 54, 82, 0.12) !important;
  box-shadow: 0 18px 42px rgba(25, 65, 96, 0.12) !important;
  color: #102033 !important;
}

html[data-theme="night"] .driver-topbar {
  background: linear-gradient(180deg, rgba(12, 23, 39, 0.98), rgba(7, 14, 26, 0.98)) !important;
  border-bottom: 1px solid rgba(71, 159, 219, 0.16) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.34) !important;
  color: #f7fbff !important;
}

html[data-theme="day"] .driver-topbar :is(strong, small),
html[data-theme="night"] .driver-topbar :is(strong, small) {
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] .driver-topbar strong {
  color: #102033 !important;
}

html[data-theme="day"] .driver-topbar small {
  color: #5c6b7d !important;
}

html[data-theme="night"] .driver-topbar strong {
  color: #f8fbff !important;
}

html[data-theme="night"] .driver-topbar small {
  color: #b9c8da !important;
}

html[data-theme="day"] #menuButton,
html[data-theme="night"] #menuButton {
  width: 118px !important;
  min-width: 118px !important;
  height: 48px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 17px !important;
  border: 1px solid rgba(46, 139, 196, 0.26) !important;
  color: transparent !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 34px rgba(20, 111, 164, 0.20) !important;
}

html[data-theme="day"] #menuButton {
  background: linear-gradient(135deg, #48c8f0 0%, #168bc0 54%, #0d355d 100%) !important;
}

html[data-theme="night"] #menuButton {
  background: linear-gradient(135deg, #12344f 0%, #1685b6 58%, #0a1728 100%) !important;
}

html[data-theme="day"] #menuButton::before,
html[data-theme="night"] #menuButton::before {
  content: none !important;
  display: none !important;
}

html[data-theme="day"] #menuButton::after,
html[data-theme="night"] #menuButton::after {
  content: "mujokres.cz\A DISPEČINK" !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 10px !important;
  line-height: 1.08 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: pre-line !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="day"] .jobs-sheet,
html[data-theme="day"] .driver-bottom-actions,
html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal {
  color: #102033 !important;
}

html[data-theme="day"] .jobs-sheet :is(h1, h2, h3, strong, .section-title, .driver-status-card strong),
html[data-theme="day"] .drawer :is(h1, h2, h3, strong, button),
html[data-theme="day"] .driver-modal :is(h1, h2, h3, strong, button) {
  color: #102033 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] .jobs-sheet :is(p, span, small, label),
html[data-theme="day"] .drawer :is(p, span, small, label),
html[data-theme="day"] .driver-modal :is(p, span, small, label) {
  color: #53657a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] .jobs-sheet .eyebrow,
html[data-theme="day"] .jobs-sheet .section-kicker,
html[data-theme="day"] .jobs-sheet .empty-state strong:last-child,
html[data-theme="night"] .jobs-sheet .eyebrow,
html[data-theme="night"] .jobs-sheet .section-kicker,
html[data-theme="night"] .jobs-sheet .empty-state strong:last-child {
  color: #f0b429 !important;
  opacity: 1 !important;
}

html[data-theme="night"] .jobs-sheet {
  background: linear-gradient(180deg, rgba(14, 26, 44, 0.98), rgba(6, 13, 24, 0.99)) !important;
  color: #f8fbff !important;
  border-color: rgba(92, 151, 226, 0.18) !important;
}

html[data-theme="night"] .jobs-sheet :is(h1, h2, h3, strong, .section-title, .driver-status-card strong) {
  color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="night"] .jobs-sheet :is(p, span, small, label) {
  color: #c4d1df !important;
  opacity: 1 !important;
}

html[data-theme="night"] .jobs-sheet .empty-state,
html[data-theme="night"] .jobs-sheet .driver-status-card,
html[data-theme="night"] .jobs-sheet .queue-card,
html[data-theme="night"] .jobs-sheet .ride-card {
  background: linear-gradient(145deg, rgba(19, 33, 52, 0.95), rgba(8, 17, 31, 0.96)) !important;
  border-color: rgba(70, 165, 218, 0.18) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="day"] .jobs-sheet .empty-state,
html[data-theme="day"] .jobs-sheet .driver-status-card,
html[data-theme="day"] .jobs-sheet .queue-card,
html[data-theme="day"] .jobs-sheet .ride-card {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(31, 88, 130, 0.14) !important;
  box-shadow: 0 18px 46px rgba(44, 87, 125, 0.14) !important;
}

@media (max-width: 720px) {
  html[data-theme="day"] #menuButton,
  html[data-theme="night"] #menuButton {
    width: 104px !important;
    min-width: 104px !important;
    height: 46px !important;
    border-radius: 16px !important;
  }

  html[data-theme="day"] #menuButton::after,
  html[data-theme="night"] #menuButton::after {
    font-size: 9px !important;
  }
}

/* v103: final safe visual polish. This layer only changes presentation, not call routing. */
html[data-theme="day"] #menuButton::after,
html[data-theme="night"] #menuButton::after {
  content: "mujokres.cz\A DISPE\010CINK" !important;
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="night"] .driver-map .leaflet-tile,
html[data-theme="night"] .live-map .leaflet-tile,
html[data-theme="night"] .map-panel .leaflet-tile {
  filter: grayscale(0.34) brightness(0.62) contrast(1.05) saturate(0.78) hue-rotate(0deg) !important;
}

html[data-theme="night"] .driver-map::after,
html[data-theme="night"] .live-map::after {
  background: rgba(5, 10, 18, 0.32) !important;
  mix-blend-mode: normal !important;
}

html[data-theme="day"] .readiness-badge {
  background: #e8f6ff !important;
  border-color: rgba(15, 129, 178, 0.22) !important;
  color: #12314d !important;
}

html[data-theme="day"] .readiness-badge.good {
  background: #e8fbf1 !important;
  border-color: rgba(47, 164, 103, 0.24) !important;
  color: #0e5633 !important;
}

html[data-theme="day"] .readiness-badge.warn {
  background: #fff4db !important;
  border-color: rgba(212, 153, 30, 0.28) !important;
  color: #6d4500 !important;
}

html[data-theme="day"] .readiness-card,
html[data-theme="day"] .panel .stat-card,
html[data-theme="day"] .panel .metric-card,
html[data-theme="day"] .panel .summary-item,
html[data-theme="day"] .panel .admin-row,
html[data-theme="day"] .panel .driver-card,
html[data-theme="day"] .panel .order-card,
html[data-theme="day"] .panel .call-card,
html[data-theme="day"] .panel .company-card {
  background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%) !important;
  border-color: rgba(31, 88, 130, 0.16) !important;
  color: #102033 !important;
  box-shadow: 0 16px 36px rgba(20, 55, 91, 0.10) !important;
}

html[data-theme="day"] .readiness-card :is(span, strong, small),
html[data-theme="day"] .panel .stat-card :is(span, strong, small, p, label),
html[data-theme="day"] .panel .metric-card :is(span, strong, small, p, label),
html[data-theme="day"] .panel .summary-item :is(span, strong, small, p, label),
html[data-theme="day"] .panel .admin-row :is(span, strong, small, p, label),
html[data-theme="day"] .panel .driver-card :is(span, strong, small, p, label),
html[data-theme="day"] .panel .order-card :is(span, strong, small, p, label),
html[data-theme="day"] .panel .call-card :is(span, strong, small, p, label),
html[data-theme="day"] .panel .company-card :is(span, strong, small, p, label) {
  color: #102033 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] .readiness-card small,
html[data-theme="day"] .panel .stat-card small,
html[data-theme="day"] .panel .metric-card small,
html[data-theme="day"] .panel .summary-item small,
html[data-theme="day"] .panel .admin-row small,
html[data-theme="day"] .panel .driver-card small,
html[data-theme="day"] .panel .order-card small,
html[data-theme="day"] .panel .call-card small,
html[data-theme="day"] .panel .company-card small {
  color: #53657a !important;
}

html[data-theme="day"] .panel-heading,
html[data-theme="day"] .section-heading,
html[data-theme="day"] .table-header,
html[data-theme="day"] .panel .heading-row {
  color: #102033 !important;
}

/* Readable operations alarm cards: keep the warning, remove the pink wall. */
.ops-readiness-panel .readiness-card.hot,
html[data-theme="day"] .ops-readiness-panel .readiness-card.hot,
html[data-theme="night"] .ops-readiness-panel .readiness-card.hot {
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 106, 136, 0.20), transparent 34%),
    linear-gradient(145deg, #172235 0%, #101827 100%) !important;
  border-color: rgba(255, 106, 136, 0.70) !important;
  box-shadow:
    inset 5px 0 0 rgba(255, 106, 136, 0.92),
    0 18px 36px rgba(255, 106, 136, 0.12) !important;
  color: #f8fbff !important;
}

.ops-readiness-panel .readiness-card.hot span,
html[data-theme="day"] .ops-readiness-panel .readiness-card.hot span,
html[data-theme="night"] .ops-readiness-panel .readiness-card.hot span {
  color: #ffb9c8 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.ops-readiness-panel .readiness-card.hot strong,
html[data-theme="day"] .ops-readiness-panel .readiness-card.hot strong,
html[data-theme="night"] .ops-readiness-panel .readiness-card.hot strong {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.ops-readiness-panel .readiness-card.hot small,
html[data-theme="day"] .ops-readiness-panel .readiness-card.hot small,
html[data-theme="night"] .ops-readiness-panel .readiness-card.hot small {
  color: #ffdce4 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.ops-readiness-panel .readiness-card {
  position: relative;
}

.ops-readiness-panel .readiness-card.acknowledged,
html[data-theme="day"] .ops-readiness-panel .readiness-card.acknowledged,
html[data-theme="night"] .ops-readiness-panel .readiness-card.acknowledged {
  background:
    radial-gradient(circle at 92% 12%, rgba(105, 179, 123, 0.14), transparent 34%),
    linear-gradient(145deg, #142033 0%, #101827 100%) !important;
  border-color: rgba(105, 179, 123, 0.48) !important;
  box-shadow:
    inset 5px 0 0 rgba(105, 179, 123, 0.78),
    0 14px 30px rgba(21, 70, 96, 0.12) !important;
  opacity: 0.78;
}

.ops-readiness-panel .readiness-card.acknowledged span,
.ops-readiness-panel .readiness-card.acknowledged strong,
.ops-readiness-panel .readiness-card.acknowledged small,
html[data-theme="day"] .ops-readiness-panel .readiness-card.acknowledged span,
html[data-theme="day"] .ops-readiness-panel .readiness-card.acknowledged strong,
html[data-theme="day"] .ops-readiness-panel .readiness-card.acknowledged small,
html[data-theme="night"] .ops-readiness-panel .readiness-card.acknowledged span,
html[data-theme="night"] .ops-readiness-panel .readiness-card.acknowledged strong,
html[data-theme="night"] .ops-readiness-panel .readiness-card.acknowledged small {
  color: #eafff4 !important;
}

.ops-readiness-panel .readiness-resolve {
  justify-self: start;
  min-height: 32px;
  border: 1px solid rgba(105, 179, 123, 0.46);
  border-radius: 999px;
  background: rgba(105, 179, 123, 0.13);
  color: #dfffea;
  padding: 6px 11px;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.ops-readiness-panel .readiness-resolve:hover,
.ops-readiness-panel .readiness-resolve:focus-visible {
  background: rgba(105, 179, 123, 0.22);
  border-color: rgba(105, 179, 123, 0.78);
  outline: none;
}

html[data-theme="day"] .ops-readiness-panel .readiness-resolve {
  background: rgba(21, 116, 70, 0.10);
  border-color: rgba(21, 116, 70, 0.28);
  color: #0d5132;
}

/* v108: stronger readability layer. Visual-only; no phone routing or data logic. */
html[data-theme="day"] body,
html[data-theme="day"] body.admin-lean,
html[data-theme="day"] .app-shell,
html[data-theme="day"] .admin-main,
html[data-theme="day"] .content,
html[data-theme="day"] .panel {
  color: #102033 !important;
}

html[data-theme="day"] body.admin-lean .panel :is(h1, h2, h3, h4, strong, b, label, th, .eyebrow, .section-kicker, .panel-heading, .section-heading) {
  color: #102033 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .panel :is(p, span, small, td, li, .helper-text, .form-note) {
  color: #49627c !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .panel :is(.stat-card, .metric-card, .summary-item, .admin-row, .driver-card, .order-card, .customer-card, .company-card, .call-card, .ridebook-entry, .attendance-metric, .driver-day-card, .payment-card, .health-card, .stats-card, .leaderboard-row) {
  background: linear-gradient(145deg, #ffffff, #eef7ff) !important;
  border-color: rgba(48, 123, 170, 0.22) !important;
  box-shadow: 0 12px 28px rgba(15, 36, 58, 0.08) !important;
  color: #102033 !important;
}

html[data-theme="day"] body.admin-lean .panel :is(.stat-card, .metric-card, .summary-item, .admin-row, .driver-card, .order-card, .customer-card, .company-card, .call-card, .ridebook-entry, .attendance-metric, .driver-day-card, .payment-card, .health-card, .stats-card, .leaderboard-row) :is(strong, b, h3, h4) {
  color: #102033 !important;
  opacity: 1 !important;
}

html[data-theme="day"] body.admin-lean .panel :is(.stat-card, .metric-card, .summary-item, .admin-row, .driver-card, .order-card, .customer-card, .company-card, .call-card, .ridebook-entry, .attendance-metric, .driver-day-card, .payment-card, .health-card, .stats-card, .leaderboard-row) :is(span, small, p, label) {
  color: #49627c !important;
  opacity: 1 !important;
}

html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal {
  background: linear-gradient(180deg, #f8fcff 0%, #eaf4ff 100%) !important;
  color: #102033 !important;
}

html[data-theme="day"] .drawer *,
html[data-theme="day"] .driver-modal * {
  text-shadow: none !important;
}

html[data-theme="day"] .drawer :is(h1, h2, h3, strong, b, label),
html[data-theme="day"] .driver-modal :is(h1, h2, h3, strong, b, label) {
  color: #102033 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .drawer :is(p, span, small),
html[data-theme="day"] .driver-modal :is(p, span, small) {
  color: #4f637a !important;
  opacity: 1 !important;
}

html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .drawer .menu-card,
html[data-theme="day"] .drawer .driver-stat-card,
html[data-theme="day"] .drawer .menu-stat,
html[data-theme="day"] .driver-modal :is(.stat-card, .metric-card, .summary-item) {
  background: linear-gradient(145deg, #ffffff, #eef7ff) !important;
  border-color: rgba(48, 123, 170, 0.22) !important;
  color: #102033 !important;
  box-shadow: 0 12px 26px rgba(15, 36, 58, 0.08) !important;
}

html[data-theme="day"] .drawer-summary-card :is(strong, b, span, p, small),
html[data-theme="day"] .drawer .menu-card :is(strong, b, span, p, small),
html[data-theme="day"] .drawer .driver-stat-card :is(strong, b, span, p, small),
html[data-theme="day"] .drawer .menu-stat :is(strong, b, span, p, small) {
  color: #102033 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .drawer button:not(.theme-switch):not(#driverSoundToggle):not(#closeDrawerBig):not(#driverLogout),
html[data-theme="day"] .drawer .drawer-link {
  background: linear-gradient(180deg, #132235, #0b1828) !important;
  border-color: rgba(17, 63, 104, 0.24) !important;
  color: #ffffff !important;
}

html[data-theme="day"] .drawer button :is(span, strong, small),
html[data-theme="night"] .drawer button :is(span, strong, small) {
  color: inherit !important;
  opacity: 1 !important;
}

html[data-theme="day"] .filter-pill,
html[data-theme="day"] .segment,
html[data-theme="day"] .jobs-filter,
html[data-theme="day"] .driver-tab,
html[data-theme="day"] .jobs-tab {
  color: #102033 !important;
}

/* v109: readable operational alerts; visual-only, no telephony changes. */
.ops-readiness-panel .readiness-card.hot,
html[data-theme="day"] .ops-readiness-panel .readiness-card.hot,
html[data-theme="night"] .ops-readiness-panel .readiness-card.hot {
  background: linear-gradient(145deg, #27182a 0%, #101827 100%) !important;
  border-color: rgba(255, 111, 145, 0.82) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 36px rgba(255, 80, 125, 0.14) !important;
}

.ops-readiness-panel .readiness-card.hot span,
.ops-readiness-panel .readiness-card.hot strong,
.ops-readiness-panel .readiness-card.hot small {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.ops-readiness-panel .readiness-card.hot span {
  color: #ffd6e0 !important;
}

.ops-readiness-panel .readiness-card.hot .readiness-resolve {
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
}

/* v110: final contrast guard for admin day mode. Visual-only; no routing, calls or data logic. */
html[data-theme="day"] body.admin-lean {
  background: #08111e !important;
}

html[data-theme="day"] body.admin-lean :is(.panel, .topbar, .workspace-card, .admin-section-card) {
  background: linear-gradient(180deg, #f7fbff 0%, #eaf4ff 100%) !important;
  border-color: rgba(19, 64, 104, 0.18) !important;
  color: #0b1b2d !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean :is(.panel, .topbar, .workspace-card, .admin-section-card)
  :is(h1, h2, h3, h4, strong, b, th, label, .eyebrow, .section-kicker, .panel-heading, .section-heading) {
  color: #0b1b2d !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean :is(.panel, .topbar, .workspace-card, .admin-section-card)
  :is(p, span, small, td, li, .helper-text, .form-note, .muted) {
  color: #4f6680 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean :is(
  .stat-card,
  .metric-card,
  .summary-item,
  .admin-row,
  .driver-card,
  .order-card,
  .customer-card,
  .company-card,
  .call-card,
  .ridebook-entry,
  .attendance-metric,
  .driver-day-card,
  .payment-card,
  .health-card,
  .stats-card,
  .leaderboard-row
) {
  background: linear-gradient(145deg, #ffffff 0%, #eff7ff 100%) !important;
  border-color: rgba(35, 103, 150, 0.22) !important;
  color: #0b1b2d !important;
  box-shadow: 0 12px 26px rgba(9, 33, 58, 0.08) !important;
}

html[data-theme="day"] body.admin-lean :is(
  .stat-card,
  .metric-card,
  .summary-item,
  .admin-row,
  .driver-card,
  .order-card,
  .customer-card,
  .company-card,
  .call-card,
  .ridebook-entry,
  .attendance-metric,
  .driver-day-card,
  .payment-card,
  .health-card,
  .stats-card,
  .leaderboard-row
) :is(h3, h4, strong, b, th, label) {
  color: #0b1b2d !important;
  opacity: 1 !important;
}

html[data-theme="day"] body.admin-lean :is(
  .stat-card,
  .metric-card,
  .summary-item,
  .admin-row,
  .driver-card,
  .order-card,
  .customer-card,
  .company-card,
  .call-card,
  .ridebook-entry,
  .attendance-metric,
  .driver-day-card,
  .payment-card,
  .health-card,
  .stats-card,
  .leaderboard-row
) :is(p, span, small, td, li) {
  color: #55708b !important;
  opacity: 1 !important;
}

html[data-theme="day"] body.admin-lean :is(.table-header, .admin-row-head, thead, .list-header) {
  background: linear-gradient(180deg, #d9edff 0%, #cfe6fa 100%) !important;
  color: #081827 !important;
}

html[data-theme="day"] body.admin-lean :is(.table-header, .admin-row-head, thead, .list-header) * {
  color: #081827 !important;
  opacity: 1 !important;
}

html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.hot {
  background: linear-gradient(145deg, #261826 0%, #101827 100%) !important;
  border-color: rgba(255, 111, 145, 0.88) !important;
  color: #ffffff !important;
}

html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.hot :is(span, strong, small) {
  color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.hot span {
  color: #ffd6e0 !important;
}

/* v111: admin readiness cards stay readable and can be acknowledged safely. */
body.admin-lean .ops-readiness-panel .readiness-card.hot,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.hot,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card.hot {
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 111, 145, 0.20), transparent 34%),
    linear-gradient(145deg, #241321 0%, #0d1727 100%) !important;
  border-color: rgba(255, 111, 145, 0.88) !important;
  color: #ffffff !important;
  box-shadow:
    inset 5px 0 0 rgba(255, 111, 145, 0.86),
    0 16px 32px rgba(255, 88, 130, 0.15) !important;
}

body.admin-lean .ops-readiness-panel .readiness-card.warn,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.warn,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card.warn {
  background:
    radial-gradient(circle at 92% 10%, rgba(250, 204, 21, 0.16), transparent 34%),
    linear-gradient(145deg, #211c12 0%, #0d1727 100%) !important;
  border-color: rgba(250, 204, 21, 0.72) !important;
  color: #ffffff !important;
  box-shadow:
    inset 5px 0 0 rgba(250, 204, 21, 0.74),
    0 16px 32px rgba(250, 204, 21, 0.10) !important;
}

body.admin-lean .ops-readiness-panel .readiness-card :is(span, strong, small),
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card :is(span, strong, small),
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card :is(span, strong, small) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.admin-lean .ops-readiness-panel .readiness-card span,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card span,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card span {
  color: #b9d8f4 !important;
}

body.admin-lean .ops-readiness-panel .readiness-card small,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card small,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card small {
  color: #d7e6f5 !important;
}

body.admin-lean .ops-readiness-panel .readiness-card.acknowledged,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.acknowledged,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card.acknowledged {
  border-color: rgba(105, 179, 123, 0.58) !important;
  box-shadow:
    inset 5px 0 0 rgba(105, 179, 123, 0.78),
    0 10px 24px rgba(21, 70, 96, 0.10) !important;
  opacity: 0.78;
}

body.admin-lean .ops-readiness-panel .readiness-resolve,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-resolve,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-resolve {
  background: linear-gradient(135deg, #2aa7df 0%, #1b5fd7 100%) !important;
  border-color: rgba(125, 210, 255, 0.55) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(37, 123, 214, 0.22) !important;
}

body.admin-lean .ops-readiness-panel .readiness-card.acknowledged .readiness-resolve,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.acknowledged .readiness-resolve,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card.acknowledged .readiness-resolve {
  background: linear-gradient(135deg, #57c982 0%, #24935a 100%) !important;
  border-color: rgba(148, 255, 190, 0.52) !important;
}

/* Admin can switch between day and night; keep the theme control visible in navigation. */
body.admin-lean .theme-toggle-nav {
  display: flex !important;
}

body.admin-lean .ops-readiness-panel .readiness-card.hot,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.hot,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card.hot {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 111, 145, 0.16), transparent 32%),
    linear-gradient(145deg, #24131d 0%, #111b2a 54%, #0b1422 100%) !important;
  border-color: rgba(255, 102, 140, 0.92) !important;
  color: #ffffff !important;
}

body.admin-lean .ops-readiness-panel .readiness-card.hot :is(span, strong, small),
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.hot :is(span, strong, small),
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card.hot :is(span, strong, small) {
  color: #ffffff !important;
  opacity: 1 !important;
}

body.admin-lean .ops-readiness-panel .readiness-card.hot span,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.hot span,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-card.hot span {
  color: #ffd3dd !important;
}

.ops-readiness-panel .readiness-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.ops-readiness-panel .readiness-jump,
.ops-readiness-panel .readiness-resolve {
  min-height: 38px;
  border-radius: 12px;
  padding: 0 14px;
  font: inherit;
  font-weight: 900;
  letter-spacing: 0;
  cursor: pointer;
}

body.admin-lean .ops-readiness-panel .readiness-jump,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-jump,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-jump {
  background: rgba(11, 24, 39, 0.92) !important;
  border: 1px solid rgba(112, 190, 255, 0.42) !important;
  color: #dff3ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.admin-lean .ops-readiness-panel .readiness-actions .readiness-resolve,
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-actions .readiness-resolve,
html[data-theme="night"] body.admin-lean .ops-readiness-panel .readiness-actions .readiness-resolve {
  background: linear-gradient(135deg, #2aa7df 0%, #1b5fd7 100%) !important;
  border: 1px solid rgba(125, 210, 255, 0.55) !important;
  color: #ffffff !important;
}

/* Admin day-mode neutral readiness cards need dark copy; warnings stay high-contrast. */
html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card:not(.hot):not(.warn) {
  background: linear-gradient(180deg, #ffffff 0%, #eef7ff 100%) !important;
  border-color: rgba(43, 91, 132, 0.20) !important;
  color: #102033 !important;
  box-shadow:
    inset 5px 0 0 rgba(42, 167, 223, 0.28),
    0 14px 28px rgba(20, 55, 91, 0.10) !important;
}

html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card.good {
  box-shadow:
    inset 5px 0 0 rgba(46, 160, 95, 0.45),
    0 14px 28px rgba(20, 55, 91, 0.10) !important;
}

html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card:not(.hot):not(.warn) :is(span, strong) {
  color: #102033 !important;
}

html[data-theme="day"] body.admin-lean .ops-readiness-panel .readiness-card:not(.hot):not(.warn) small {
  color: #4f6378 !important;
}

html[data-theme="day"] body.admin-lean .topbar h1 {
  line-height: 1.08 !important;
  overflow: visible !important;
}

/* v118: owner branding. Only visual polish, no dispatch/phone logic changes. */
.login-visual {
  background:
    linear-gradient(180deg, rgba(4, 8, 14, 0.02) 0%, rgba(4, 8, 14, 0.46) 42%, rgba(4, 8, 14, 0.94) 88%),
    linear-gradient(116deg, rgba(5, 12, 22, 0.86) 0%, rgba(5, 12, 22, 0.28) 48%, rgba(4, 8, 14, 0.90) 100%),
    url("assets/login-taxi-owner.jpg") center 58% / cover !important;
  border-color: rgba(80, 185, 230, 0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 32px 90px rgba(0, 0, 0, 0.56),
    0 0 60px rgba(30, 150, 205, 0.12) !important;
}

.login-visual::before {
  background:
    radial-gradient(circle at 72% 34%, rgba(64, 188, 234, 0.24), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(212, 173, 82, 0.18), transparent 24%) !important;
}

.login-visual span {
  color: #53c6f0 !important;
  letter-spacing: 0.18em !important;
  text-shadow: 0 10px 26px rgba(0, 0, 0, 0.44) !important;
}

.login-visual h1 {
  max-width: 720px !important;
  color: #fffaf0 !important;
  text-shadow: 0 18px 50px rgba(0, 0, 0, 0.62) !important;
}

.login-visual p {
  color: rgba(236, 246, 255, 0.90) !important;
  text-shadow: 0 12px 32px rgba(0, 0, 0, 0.58) !important;
}

.login-owner-note {
  margin: 18px 0 0 !important;
  padding-top: 14px;
  border-top: 1px solid rgba(159, 203, 232, 0.18);
  color: rgba(214, 229, 242, 0.66) !important;
  font-size: 12px !important;
  line-height: 1.45;
}

.login-owner-note a {
  color: #8ad5ff !important;
  text-decoration: none;
}

.login-owner-note a:hover {
  text-decoration: underline;
}

.driver-owner-note {
  margin: 12px 6px 0;
  padding-top: 14px;
  border-top: 1px solid rgba(148, 188, 220, 0.16);
  color: rgba(213, 229, 244, 0.58);
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
}

/* v123: professional admin and driver layout polish. Visual only. */
:root {
  --pro-admin-bg: #edf3f6;
  --pro-admin-ink: #132033;
  --pro-admin-muted: #607085;
  --pro-admin-soft: #f5f8fb;
  --pro-admin-panel: #ffffff;
  --pro-admin-line: rgba(33, 58, 84, 0.14);
  --pro-admin-line-strong: rgba(33, 58, 84, 0.24);
  --pro-admin-blue: #1d6fd8;
  --pro-admin-green: #18845b;
  --pro-admin-amber: #b7791f;
  --pro-admin-red: #be3b3b;
  --pro-admin-shadow: 0 18px 44px rgba(24, 48, 72, 0.10);
}

html[data-theme="night"] {
  --pro-admin-bg: #0b1118;
  --pro-admin-ink: #f4f8fb;
  --pro-admin-muted: #a7b4c4;
  --pro-admin-soft: #111a24;
  --pro-admin-panel: #101820;
  --pro-admin-line: rgba(216, 232, 244, 0.12);
  --pro-admin-line-strong: rgba(216, 232, 244, 0.22);
  --pro-admin-blue: #57b7ea;
  --pro-admin-green: #70d28d;
  --pro-admin-amber: #f0c85a;
  --pro-admin-red: #ff7470;
  --pro-admin-shadow: 0 18px 44px rgba(0, 0, 0, 0.36);
}

body.admin-lean {
  background: linear-gradient(180deg, var(--pro-admin-bg) 0%, var(--pro-admin-soft) 100%) !important;
  color: var(--pro-admin-ink) !important;
}

body.admin-lean .app-shell {
  grid-template-columns: 282px minmax(0, 1fr) !important;
  min-height: 100dvh !important;
}

body.admin-lean .sidebar {
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  overflow-y: auto !important;
  padding: 20px !important;
  gap: 18px !important;
  background:
    linear-gradient(180deg, rgba(15, 27, 40, 0.98), rgba(8, 17, 28, 0.99)),
    #0c1420 !important;
  border-right: 1px solid rgba(156, 185, 210, 0.16) !important;
  box-shadow: 18px 0 44px rgba(8, 17, 28, 0.16) !important;
}

body.admin-lean .brand {
  min-height: 58px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(228, 238, 248, 0.12) !important;
}

body.admin-lean .brand-mark {
  width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #53b8f0, #1c6bd1 62%, #12375f) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(29, 111, 216, 0.28) !important;
}

body.admin-lean .brand strong {
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.05 !important;
}

body.admin-lean .brand span {
  color: rgba(229, 241, 250, 0.72) !important;
}

body.admin-lean .nav {
  gap: 7px !important;
}

body.admin-lean .nav-item,
body.admin-lean .install-nav,
body.admin-lean .sound-toggle,
body.admin-lean .theme-toggle-nav {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 0 12px !important;
  color: rgba(238, 246, 255, 0.82) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body.admin-lean .nav-item:hover,
body.admin-lean .nav-item.active,
body.admin-lean .theme-toggle-nav:hover {
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(155, 207, 244, 0.20) !important;
  color: #ffffff !important;
}

body.admin-lean .theme-toggle-nav {
  margin-top: auto !important;
  background: rgba(83, 184, 240, 0.10) !important;
  border-color: rgba(83, 184, 240, 0.20) !important;
}

body.admin-lean .main {
  width: 100% !important;
  max-width: 1580px !important;
  margin: 0 auto !important;
  padding: 22px !important;
}

body.admin-lean .topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 45 !important;
  min-height: 82px !important;
  align-items: center !important;
  margin: 0 0 16px !important;
  padding: 16px 18px !important;
  border: 1px solid var(--pro-admin-line) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--pro-admin-ink) !important;
  box-shadow: var(--pro-admin-shadow) !important;
  backdrop-filter: blur(18px) !important;
}

html[data-theme="night"] body.admin-lean .topbar {
  background: rgba(15, 24, 34, 0.93) !important;
}

body.admin-lean .topbar h1 {
  color: var(--pro-admin-ink) !important;
  font-size: 30px !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}

body.admin-lean .topbar .eyebrow,
body.admin-lean .panel-heading .eyebrow {
  color: var(--pro-admin-blue) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.admin-lean .topbar-company-badge {
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-top: 7px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid var(--pro-admin-line) !important;
  background: var(--pro-admin-soft) !important;
  color: var(--pro-admin-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.admin-lean .fleet-switcher {
  grid-template-columns: repeat(2, minmax(92px, 1fr)) !important;
  min-width: min(330px, 100%) !important;
  padding: 6px !important;
  border: 1px solid var(--pro-admin-line) !important;
  border-radius: 8px !important;
  background: var(--pro-admin-soft) !important;
}

body.admin-lean .fleet-switcher button,
body.admin-lean .fleet-switcher select {
  min-height: 38px !important;
  border-radius: 7px !important;
  border-color: transparent !important;
  background: transparent !important;
  color: var(--pro-admin-ink) !important;
}

body.admin-lean .fleet-switcher button.active {
  background: var(--pro-admin-ink) !important;
  color: var(--pro-admin-panel) !important;
}

body.admin-lean .workspace {
  grid-template-columns: minmax(420px, 0.95fr) minmax(460px, 1.05fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

body.admin-lean .workspace > .map-panel,
body.admin-lean .workspace > .statistics-panel,
body.admin-lean .workspace > .telephony-panel,
body.admin-lean .workspace > .companies-panel,
body.admin-lean .workspace > .customers-panel,
body.admin-lean .workspace > .payments-panel,
body.admin-lean .workspace > .ridebook-panel,
body.admin-lean .workspace > .cars-panel,
body.admin-lean .workspace > .events-panel,
body.admin-lean .workspace > .backup-panel,
body.admin-lean .workspace > .voice-prompts-panel,
body.admin-lean .workspace > .ops-panel,
body.admin-lean .workspace > .driver-registry-panel {
  grid-column: 1 / -1 !important;
}

body.admin-lean .workspace > .queue-panel,
body.admin-lean .workspace > .owner-week-panel,
body.admin-lean .workspace > .order-panel,
body.admin-lean .workspace > .driver-day-panel,
body.admin-lean .workspace > .attendance-panel {
  grid-column: 1 / 2 !important;
}

body.admin-lean .workspace > .drivers-panel,
body.admin-lean .workspace > .manage-drivers-panel,
body.admin-lean .workspace > .driver-leaderboard-panel,
body.admin-lean .workspace > .history-board-panel,
body.admin-lean .workspace > .admin-stats-panel,
body.admin-lean .workspace > .accounting-panel {
  grid-column: 2 / 3 !important;
}

body.admin-lean .panel {
  border: 1px solid var(--pro-admin-line) !important;
  border-radius: 8px !important;
  background: var(--pro-admin-panel) !important;
  color: var(--pro-admin-ink) !important;
  box-shadow: var(--pro-admin-shadow) !important;
}

html[data-theme="night"] body.admin-lean .panel {
  background: rgba(16, 24, 33, 0.96) !important;
}

body.admin-lean .panel-heading {
  min-height: 68px !important;
  padding: 15px 16px !important;
  border-bottom: 1px solid var(--pro-admin-line) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0)) !important;
}

html[data-theme="night"] body.admin-lean .panel-heading {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)) !important;
}

body.admin-lean .panel-heading h2 {
  color: var(--pro-admin-ink) !important;
  font-size: 19px !important;
  line-height: 1.12 !important;
}

body.admin-lean .panel-heading p,
body.admin-lean .panel small,
body.admin-lean label {
  color: var(--pro-admin-muted) !important;
}

body.admin-lean input,
body.admin-lean select,
body.admin-lean textarea {
  min-height: 42px !important;
  border: 1px solid var(--pro-admin-line) !important;
  border-radius: 8px !important;
  background: var(--pro-admin-panel) !important;
  color: var(--pro-admin-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
}

html[data-theme="night"] body.admin-lean input,
html[data-theme="night"] body.admin-lean select,
html[data-theme="night"] body.admin-lean textarea {
  background: #0d151f !important;
  box-shadow: none !important;
}

body.admin-lean input:focus,
body.admin-lean select:focus,
body.admin-lean textarea:focus {
  outline: 3px solid rgba(29, 111, 216, 0.16) !important;
  border-color: rgba(29, 111, 216, 0.52) !important;
}

body.admin-lean .primary-btn,
body.admin-lean .ghost-btn,
body.admin-lean .segment,
body.admin-lean .action-btn,
body.admin-lean .panel-actions button,
body.admin-lean .row-actions button,
body.admin-lean .pager button,
body.admin-lean .map-follow-button {
  min-height: 38px !important;
  border-radius: 8px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body.admin-lean .primary-btn,
body.admin-lean .panel-actions button.active,
body.admin-lean .segment.active,
body.admin-lean .row-actions button.primary,
body.admin-lean .map-follow-button:not(.secondary) {
  border-color: rgba(29, 111, 216, 0.18) !important;
  background: linear-gradient(135deg, #2f8ee8, #1d5fc6) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(29, 111, 216, 0.18) !important;
}

body.admin-lean .ghost-btn,
body.admin-lean .segment,
body.admin-lean .panel-actions button,
body.admin-lean .row-actions button,
body.admin-lean .pager button,
body.admin-lean .map-follow-button.secondary {
  border: 1px solid var(--pro-admin-line) !important;
  background: var(--pro-admin-soft) !important;
  color: var(--pro-admin-ink) !important;
}

body.admin-lean .order-form,
body.admin-lean .accounting-board,
body.admin-lean .telephony-board,
body.admin-lean .driver-day-board {
  padding: 16px !important;
}

body.admin-lean .order-tools,
body.admin-lean .table-tools {
  padding: 12px 14px !important;
  background: var(--pro-admin-soft) !important;
  border-bottom: 1px solid var(--pro-admin-line) !important;
}

body.admin-lean .map-panel .map {
  height: 540px !important;
  min-height: 420px !important;
  border-top: 1px solid var(--pro-admin-line) !important;
  background: #dfe8ef !important;
}

body.admin-lean .map-follow-controls {
  padding: 12px 14px !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--pro-admin-line) !important;
  background: var(--pro-admin-soft) !important;
}

body.admin-lean :where(.orders-list, .drivers-list, .events-list, .admin-table-list) {
  max-height: 620px !important;
  scrollbar-width: thin !important;
}

body.admin-lean :where(.stat-card, .metric-card, .summary-item, .admin-row, .driver-card, .order-card, .customer-card, .company-card, .call-card, .ridebook-entry, .attendance-metric, .attendance-preview-card, .driver-day-card, .payment-card, .health-card, .telephony-card, .telephony-column, .telephony-table-wrap, .telephony-note, .stats-card, .stats-summary-card, .owner-week-summary article, .leaderboard-row, .event-row, .car-card) {
  border: 1px solid var(--pro-admin-line) !important;
  border-radius: 8px !important;
  background: var(--pro-admin-panel) !important;
  color: var(--pro-admin-ink) !important;
  box-shadow: none !important;
}

html[data-theme="night"] body.admin-lean :where(.stat-card, .metric-card, .summary-item, .admin-row, .driver-card, .order-card, .customer-card, .company-card, .call-card, .ridebook-entry, .attendance-metric, .attendance-preview-card, .driver-day-card, .payment-card, .health-card, .telephony-card, .telephony-column, .telephony-table-wrap, .telephony-note, .stats-card, .stats-summary-card, .owner-week-summary article, .leaderboard-row, .event-row, .car-card) {
  background: rgba(17, 26, 36, 0.92) !important;
}

body.admin-lean .admin-row {
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
}

body.admin-lean .admin-row-head {
  background: #132033 !important;
  color: #ffffff !important;
}

html[data-theme="night"] body.admin-lean .admin-row-head {
  background: #0a111a !important;
}

body.admin-lean .admin-row strong,
body.admin-lean .driver-card strong,
body.admin-lean .order-card strong,
body.admin-lean .metric-card strong,
body.admin-lean .stats-summary-card strong,
body.admin-lean .health-card strong,
body.admin-lean .telephony-card strong {
  color: var(--pro-admin-ink) !important;
  overflow-wrap: anywhere !important;
}

body.admin-lean .admin-row small,
body.admin-lean .driver-meta,
body.admin-lean .order-card small,
body.admin-lean .metric-card span,
body.admin-lean .stats-summary-card span,
body.admin-lean .stats-summary-card small,
body.admin-lean .health-card span,
body.admin-lean .health-card small,
body.admin-lean .telephony-card span,
body.admin-lean .telephony-card small {
  color: var(--pro-admin-muted) !important;
  overflow-wrap: anywhere !important;
}

body.admin-lean .driver-performance {
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)) !important;
  gap: 8px !important;
}

body.admin-lean .accounting-overview,
body.admin-lean .accounting-outcome,
body.admin-lean .telephony-layout,
body.admin-lean .stats-detail-layout,
body.admin-lean .attendance-preview,
body.admin-lean .attendance-layout {
  min-width: 0 !important;
}

body.admin-lean .accounting-overview {
  grid-template-columns: minmax(280px, 0.62fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
}

body.admin-lean .accounting-outcome {
  min-height: 142px !important;
}

body.admin-lean .accounting-outcome-card {
  min-height: 142px !important;
  border-radius: 8px !important;
  padding: 13px !important;
  box-shadow: none !important;
}

body.admin-lean .accounting-metrics,
body.admin-lean .summary-grid,
body.admin-lean .health-grid,
body.admin-lean .telephony-grid,
body.admin-lean .stats-summary-grid,
body.admin-lean .history-metrics {
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important;
}

body.admin-lean .accounting-drivers article {
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)) !important;
}

@media (max-width: 920px) {
  body.admin-lean .accounting-overview {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

body.admin-lean .history-board,
body.admin-lean .history-list,
body.admin-lean .history-row {
  min-width: 0 !important;
}

body.admin-lean .history-row {
  width: 100% !important;
}

body.admin-lean .driver-card .order-actions,
body.admin-lean .row-actions,
body.admin-lean .detail-actions {
  gap: 8px !important;
}

body.admin-lean .driver-card .order-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

body.admin-lean .driver-card .order-actions .action-btn {
  min-height: 46px !important;
  border-radius: 9px !important;
  border: 1px solid transparent !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  box-shadow: 0 12px 22px rgba(17, 33, 50, 0.10) !important;
}

body.admin-lean .driver-card .order-actions .action-btn:hover:not(:disabled) {
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 26px rgba(17, 33, 50, 0.16) !important;
}

body.admin-lean .driver-card .order-actions .driver-action-edit {
  border-color: rgba(39, 148, 221, 0.28) !important;
  background: linear-gradient(135deg, #36b4e8, #1d67d8) !important;
}

body.admin-lean .driver-card .order-actions .driver-action-pause {
  border-color: rgba(16, 24, 39, 0.22) !important;
  background: linear-gradient(135deg, #1b2840, #08111f) !important;
}

body.admin-lean .driver-card .order-actions .driver-action-return,
body.admin-lean .driver-card .order-actions .driver-action-enable {
  border-color: rgba(37, 138, 84, 0.30) !important;
  background: linear-gradient(135deg, #51d782, #16895a) !important;
}

body.admin-lean .driver-card .order-actions .driver-action-disable {
  border-color: rgba(211, 69, 69, 0.30) !important;
  background: linear-gradient(135deg, #ff8176, #d83d45) !important;
}

html[data-theme="day"] body.admin-lean .driver-card .order-actions .driver-action-pause {
  background: linear-gradient(135deg, #26364e, #111c2d) !important;
}

body.admin-lean .pill {
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.admin-lean .detail-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}

body.admin-lean .detail-grid div,
body.admin-lean .detail-note {
  border-radius: 8px !important;
  border-color: var(--pro-admin-line) !important;
  background: var(--pro-admin-soft) !important;
}

.driver-app {
  background: linear-gradient(180deg, #08111b 0%, #0a121d 46%, #05080d 100%) !important;
}

html[data-theme="day"] .driver-app {
  background: linear-gradient(180deg, #eaf2f8 0%, #f8fbfe 48%, #dfeaf1 100%) !important;
  color: #16263b !important;
}

.driver-topbar {
  height: 78px !important;
  grid-template-columns: 118px minmax(0, 1fr) auto auto !important;
  gap: 9px !important;
  padding: calc(9px + env(safe-area-inset-top)) 12px 10px !important;
  border-bottom: 1px solid rgba(185, 208, 226, 0.18) !important;
  background: rgba(8, 15, 24, 0.94) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.30) !important;
}

html[data-theme="day"] .driver-topbar {
  background: rgba(248, 252, 255, 0.94) !important;
  color: #16263b !important;
  border-bottom-color: rgba(42, 82, 124, 0.16) !important;
  box-shadow: 0 12px 28px rgba(32, 82, 130, 0.12) !important;
}

html[data-theme="night"] #menuButton {
  background: linear-gradient(135deg, #2a94dd, #1558b8) !important;
  color: #ffffff !important;
  border-color: rgba(123, 203, 255, 0.26) !important;
}

html[data-theme="night"] #menuButton::after {
  color: #f2f8ff !important;
}

html[data-theme="day"] #menuButton {
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #16263b !important;
}

html[data-theme="day"] #menuButton::after {
  color: #16263b !important;
}

.driver-identity {
  min-width: 0 !important;
}

.driver-identity > div {
  min-width: 0 !important;
}

.driver-identity strong {
  max-width: 100% !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.08 !important;
}

html[data-theme="day"] .driver-identity strong {
  color: #16263b !important;
}

.driver-identity small {
  max-width: 100% !important;
  color: rgba(227, 237, 246, 0.72) !important;
  font-size: 12px !important;
}

html[data-theme="day"] .driver-identity small {
  color: #64758b !important;
}

.driver-status-pill {
  min-width: 66px !important;
  min-height: 34px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

html[data-theme="day"] .driver-topbar .driver-status-pill {
  background: #ffffff !important;
  border-color: rgba(42, 82, 124, 0.18) !important;
  color: #16263b !important;
  box-shadow: 0 8px 20px rgba(32, 82, 130, 0.08) !important;
}

html[data-theme="day"] .driver-topbar .driver-status-pill.status-free {
  background: #e8f8ef !important;
  border-color: rgba(32, 137, 88, 0.24) !important;
  color: #17623f !important;
}

html[data-theme="day"] .driver-topbar .driver-status-pill.status-busy,
html[data-theme="day"] .driver-topbar .driver-status-pill.status-offer {
  background: #fff4d8 !important;
  border-color: rgba(183, 121, 31, 0.28) !important;
  color: #875414 !important;
}

html[data-theme="day"] .driver-topbar .driver-status-pill.status-passenger,
html[data-theme="day"] .driver-topbar .driver-status-pill.status-pause,
html[data-theme="day"] .driver-topbar .driver-status-pill.status-oncall {
  background: #eaf3ff !important;
  border-color: rgba(29, 111, 216, 0.24) !important;
  color: #1d5ca5 !important;
}

html[data-theme="day"] .driver-topbar .driver-status-pill.status-offline {
  background: #eef2f5 !important;
  border-color: rgba(96, 112, 133, 0.22) !important;
  color: #607085 !important;
}

#driverSelect {
  max-width: 76px !important;
  min-height: 38px !important;
  border-radius: 8px !important;
}

html[data-theme="day"] #driverSelect {
  background: #ffffff !important;
  color: #16263b !important;
  border-color: rgba(42, 82, 124, 0.18) !important;
}

.driver-map {
  top: calc(78px + env(safe-area-inset-top)) !important;
  height: 250px !important;
  border-bottom: 1px solid rgba(185, 208, 226, 0.18) !important;
}

html[data-theme="day"] .driver-map::after {
  background: linear-gradient(180deg, rgba(234, 242, 248, 0), rgba(234, 242, 248, 0.82)) !important;
}

.jobs-sheet {
  top: calc(78px + 218px + env(safe-area-inset-top)) !important;
  padding: 0 14px calc(168px + env(safe-area-inset-bottom)) !important;
  border-radius: 18px 18px 0 0 !important;
  border-top: 1px solid rgba(185, 208, 226, 0.18) !important;
  background: rgba(13, 20, 30, 0.98) !important;
  box-shadow: 0 -18px 42px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="day"] .jobs-sheet {
  background: rgba(249, 252, 255, 0.98) !important;
  color: #16263b !important;
  box-shadow: 0 -16px 38px rgba(32, 82, 130, 0.12) !important;
}

.jobs-sheet.sheet-expanded {
  top: calc(92px + env(safe-area-inset-top)) !important;
}

.sheet-handle {
  width: 52px !important;
  height: 5px !important;
  margin: 10px auto 8px !important;
  border-radius: 999px !important;
}

.sheet-heading {
  align-items: center !important;
  padding: 4px 0 12px !important;
}

.sheet-heading h1 {
  color: #ffffff !important;
  font-size: 29px !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

html[data-theme="day"] .sheet-heading h1 {
  color: #16263b !important;
}

.sheet-action-button {
  min-width: 88px !important;
  min-height: 42px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
}

.driver-queue-tabs {
  gap: 6px !important;
  margin: 2px 0 12px !important;
}

.driver-queue-tabs button {
  min-height: 38px !important;
  border-radius: 8px !important;
  padding: 0 9px !important;
  overflow: hidden !important;
}

.driver-pulse {
  gap: 8px !important;
}

.driver-live-row,
.compact-job-row,
.job-card,
.planned-job,
.call-job,
.standby-card,
.driver-live-empty,
.empty-state,
.phone-history-card,
.phone-history-summary div,
.drawer-summary-card,
.driver-roster-card {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.driver-live-row,
.compact-job-row {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 13px !important;
}

html[data-theme="day"] .driver-live-row,
html[data-theme="day"] .compact-job-row,
html[data-theme="day"] .phone-history-card,
html[data-theme="day"] .phone-history-summary div,
html[data-theme="day"] .drawer-summary-card,
html[data-theme="day"] .driver-roster-card {
  background: #ffffff !important;
  border-color: rgba(42, 82, 124, 0.14) !important;
  color: #16263b !important;
}

.driver-live-index,
.compact-job-number {
  width: 56px !important;
  height: 64px !important;
  border-radius: 8px !important;
  font-size: 30px !important;
}

.driver-live-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.driver-live-head strong,
.compact-job-row strong,
.compact-job-route {
  min-width: 0 !important;
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
  text-wrap: wrap !important;
}

html[data-theme="day"] .driver-live-head strong,
html[data-theme="day"] .compact-job-row strong,
html[data-theme="day"] .compact-job-route {
  color: #16263b !important;
}

.driver-live-status,
.compact-job-chip {
  border-radius: 999px !important;
  white-space: nowrap !important;
}

.driver-live-meta,
.driver-live-foot,
.compact-job-meta,
.compact-job-footer {
  gap: 7px !important;
  color: #aebaca !important;
  font-size: 13px !important;
}

html[data-theme="day"] .driver-live-meta,
html[data-theme="day"] .driver-live-meta span,
html[data-theme="day"] .driver-live-foot,
html[data-theme="day"] .compact-job-meta,
html[data-theme="day"] .compact-job-footer {
  color: #64758b !important;
}

.driver-live-note,
.compact-job-note,
.compact-job-row em {
  border-radius: 8px !important;
  overflow-wrap: anywhere !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
}

.driver-live-actions,
.compact-row-actions {
  gap: 8px !important;
}

.driver-live-actions button,
.compact-row-actions button,
.bottom-actions button,
.last-order-actions button,
.drawer button,
.driver-modal-done {
  border-radius: 8px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.driver-live-actions button,
.compact-row-actions button {
  min-height: 50px !important;
  font-size: 14px !important;
}

.driver-live-actions .mini-main-action,
.compact-row-actions .mini-main-action {
  min-height: 54px !important;
}

.driver-live-close {
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 8px !important;
}

.driver-live-row .driver-live-close + .driver-live-actions {
  margin-top: 4px !important;
}

.bottom-actions {
  gap: 7px !important;
  padding: 9px 10px calc(9px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid rgba(185, 208, 226, 0.18) !important;
  background: rgba(7, 11, 17, 0.95) !important;
}

html[data-theme="day"] .bottom-actions {
  background: rgba(247, 251, 255, 0.96) !important;
  box-shadow: 0 -14px 32px rgba(32, 82, 130, 0.12) !important;
}

.bottom-actions button {
  min-height: 54px !important;
  font-size: 13px !important;
  overflow-wrap: anywhere !important;
}

.drawer {
  width: min(390px, calc(100vw - 28px)) !important;
  padding: calc(16px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom)) !important;
}

html[data-theme="day"] .drawer,
html[data-theme="day"] .driver-modal {
  background: #ffffff !important;
  color: #16263b !important;
  border-color: rgba(42, 82, 124, 0.16) !important;
}

.drawer-title strong::before {
  content: "MD" !important;
  border-radius: 8px !important;
}

.drawer button {
  min-height: 48px !important;
}

.driver-modal {
  border-radius: 10px !important;
  max-height: min(720px, calc(100dvh - 28px)) !important;
}

.driver-modal-body {
  scrollbar-width: thin !important;
}

.phone-history-summary {
  gap: 8px !important;
}

.phone-history-card strong {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (min-width: 760px) {
  .driver-topbar {
    padding-left: max(18px, calc((100vw - 1180px) / 2)) !important;
    padding-right: max(18px, calc((100vw - 1180px) / 2)) !important;
  }

  .driver-map {
    top: calc(78px + env(safe-area-inset-top)) !important;
    height: auto !important;
  }

  .jobs-sheet {
    top: calc(96px + env(safe-area-inset-top)) !important;
    bottom: 104px !important;
    width: min(540px, calc(100vw - 44px)) !important;
    border-radius: 10px !important;
    padding: 0 14px 20px !important;
  }

  .bottom-actions {
    width: min(540px, calc(100vw - 44px)) !important;
    border-radius: 10px !important;
  }
}

@media (max-width: 1180px) {
  body.admin-lean .workspace {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.admin-lean .workspace > .panel {
    grid-column: 1 / -1 !important;
  }

  body.admin-lean .topbar {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }

  body.admin-lean .fleet-switcher {
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  body.admin-lean .app-shell {
    display: block !important;
  }

  body.admin-lean .sidebar {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    padding: 12px 14px !important;
    border-right: 0 !important;
    box-shadow: 0 8px 24px rgba(8, 17, 28, 0.16) !important;
  }

  body.admin-lean .main {
    padding: 12px !important;
  }

  body.admin-lean .topbar {
    position: relative !important;
    min-height: 0 !important;
    padding: 14px !important;
  }

  body.admin-lean .topbar h1 {
    font-size: 25px !important;
  }

  body.admin-lean .panel-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 14px !important;
  }

  body.admin-lean .order-tools {
    grid-template-columns: 1fr !important;
  }

  body.admin-lean .map-panel .map {
    height: 420px !important;
    min-height: 360px !important;
  }

  body.admin-lean .admin-row {
    min-width: 840px !important;
  }
}

@media (max-width: 520px) {
  .driver-topbar {
    grid-template-columns: 108px minmax(0, 1fr) auto auto !important;
    gap: 6px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  #menuButton {
    width: 108px !important;
    height: 48px !important;
    padding: 0 8px !important;
  }

  #menuButton::before {
    width: 28px !important;
    height: 28px !important;
  }

  #menuButton::after {
    font-size: 9px !important;
  }

  .driver-identity {
    gap: 7px !important;
  }

  .driver-identity span {
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
  }

  .driver-identity strong {
    font-size: 15px !important;
  }

  .driver-identity small {
    font-size: 11px !important;
  }

  .driver-status-pill {
    min-width: 56px !important;
    padding: 0 7px !important;
    font-size: 11px !important;
  }

  #driverSelect {
    max-width: 62px !important;
    padding: 0 4px !important;
  }

  .sheet-heading h1 {
    font-size: 27px !important;
  }

  .driver-live-row,
  .compact-job-row {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 11px !important;
  }

  .driver-live-index,
  .compact-job-number {
    width: 50px !important;
    height: 58px !important;
    font-size: 27px !important;
  }

  .driver-live-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .driver-live-status {
    justify-self: start !important;
    margin-top: 6px !important;
  }

  .driver-live-actions,
  .compact-row-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .driver-live-actions button,
  .compact-row-actions button {
    min-width: 0 !important;
    min-height: 48px !important;
  }

  .driver-live-actions .mini-main-action,
  .compact-row-actions .mini-main-action {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }

  .phone-history-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 380px) {
  .driver-topbar {
    grid-template-columns: 96px minmax(0, 1fr) auto !important;
  }

  #menuButton {
    width: 96px !important;
  }

  #driverSelect {
    display: none !important;
  }

  .driver-map {
    height: 228px !important;
  }

  .jobs-sheet {
    top: calc(78px + 196px + env(safe-area-inset-top)) !important;
  }

  .bottom-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.78fr) !important;
  }
}

/* v124: day-mode admin contrast fix for nested operational cards. */
html[data-theme="day"] body.admin-lean .sidebar {
  background:
    linear-gradient(180deg, rgba(12, 23, 38, 0.98), rgba(7, 15, 26, 0.99)) !important;
  color: #ffffff !important;
}

html[data-theme="day"] body.admin-lean .sidebar .brand {
  background: transparent !important;
  border-color: rgba(228, 238, 248, 0.13) !important;
  box-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .sidebar .brand strong {
  color: #ffffff !important;
}

html[data-theme="day"] body.admin-lean .sidebar .brand span {
  color: rgba(229, 241, 250, 0.72) !important;
}

html[data-theme="day"] body.admin-lean .sidebar .nav-item,
html[data-theme="day"] body.admin-lean .sidebar .theme-toggle-nav,
html[data-theme="day"] body.admin-lean .sidebar .install-nav,
html[data-theme="day"] body.admin-lean .sidebar .sound-toggle {
  background: transparent !important;
  color: rgba(238, 246, 255, 0.84) !important;
}

html[data-theme="day"] body.admin-lean .sidebar .nav-item:hover,
html[data-theme="day"] body.admin-lean .sidebar .nav-item.active,
html[data-theme="day"] body.admin-lean .sidebar .theme-toggle-nav:hover {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
}

html[data-theme="day"] body.admin-lean .panel :is(
  .accounting-metrics div,
  .accounting-drivers article,
  .owner-week-summary article,
  .owner-week-track,
  .driver-day-metrics div,
  .history-metrics div,
  .history-row,
  .leader-stats span,
  .stats-accounting-grid article,
  .stats-driver-row,
  .stats-driver-metric,
  .detail-grid div,
  .detail-note,
  .voice-upload-info,
  .telephony-driver
) {
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
  border-color: rgba(42, 82, 124, 0.16) !important;
  color: #132033 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 10px 22px rgba(32, 82, 130, 0.06) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .panel .history-row {
  border-left-color: #1d6fd8 !important;
}

html[data-theme="day"] body.admin-lean .panel :is(
  .accounting-metrics,
  .accounting-drivers,
  .owner-week-summary,
  .owner-week-bars,
  .driver-day-metrics,
  .history-metrics,
  .history-list,
  .leader-stats
) :is(strong, b, h3, h4),
html[data-theme="day"] body.admin-lean .panel :is(
  .accounting-metrics div,
  .accounting-drivers article,
  .owner-week-summary article,
  .owner-week-day,
  .driver-day-metrics div,
  .history-metrics div,
  .history-row,
  .leader-stats span,
  .stats-accounting-grid article,
  .stats-driver-row,
  .stats-driver-metric,
  .detail-grid div,
  .detail-note,
  .voice-upload-info,
  .telephony-driver
) :is(strong, b, h3, h4) {
  color: #132033 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .panel :is(
  .accounting-metrics,
  .accounting-drivers,
  .owner-week-summary,
  .owner-week-bars,
  .driver-day-metrics,
  .history-metrics,
  .history-list,
  .leader-stats
) :is(span, small, p, label),
html[data-theme="day"] body.admin-lean .panel :is(
  .accounting-metrics div,
  .accounting-drivers article,
  .owner-week-summary article,
  .owner-week-day,
  .driver-day-metrics div,
  .history-metrics div,
  .history-row,
  .leader-stats span,
  .stats-accounting-grid article,
  .stats-driver-row,
  .stats-driver-metric,
  .detail-grid div,
  .detail-note,
  .voice-upload-info,
  .telephony-driver
) :is(span, small, p, label) {
  color: #607085 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .panel .owner-week-fill {
  background: linear-gradient(180deg, #5fd87c 0%, #1f9b5b 100%) !important;
}

html[data-theme="day"] body.admin-lean .panel .owner-week-day em {
  background: rgba(220, 38, 38, 0.11) !important;
  color: #b4232f !important;
}

html[data-theme="day"] body.admin-lean .panel .accounting-outcome-card {
  background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
  border-color: rgba(42, 82, 124, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 10px 22px rgba(32, 82, 130, 0.06) !important;
}

html[data-theme="day"] body.admin-lean .panel .accounting-outcome-card::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.64)),
    linear-gradient(180deg, rgba(14, 33, 55, 0.02), rgba(14, 33, 55, 0.08)) !important;
}

html[data-theme="day"] body.admin-lean .panel .accounting-outcome-card.is-done {
  border-color: rgba(22, 163, 74, 0.26) !important;
}

html[data-theme="day"] body.admin-lean .panel .accounting-outcome-card.is-canceled {
  border-color: rgba(220, 38, 38, 0.25) !important;
}

html[data-theme="day"] body.admin-lean .panel .accounting-outcome-card span {
  color: #51647a !important;
}

html[data-theme="day"] body.admin-lean .panel .accounting-outcome-card strong {
  color: #102034 !important;
  text-shadow: none !important;
}

/* v125: clearer driver queue tab labels. */
.driver-queue-tabs button {
  min-height: 42px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

.driver-queue-tabs button span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-weight: 1000 !important;
}

.driver-queue-tabs button strong {
  flex: 0 0 auto !important;
  min-width: 18px !important;
  height: 18px !important;
  font-size: 9px !important;
}

@media (max-width: 520px) {
  .driver-queue-tabs button {
    min-height: 40px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 380px) {
  .driver-queue-tabs button {
    font-size: 10px !important;
  }
}

/* v126: keep the renamed driver tabs readable over older theme-specific rules. */
html[data-theme="day"] body .driver-app .driver-queue-tabs button,
html[data-theme="night"] body .driver-app .driver-queue-tabs button {
  min-height: 42px !important;
  padding: 0 8px !important;
  gap: 6px !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
  border-radius: 10px !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button span,
html[data-theme="night"] body .driver-app .driver-queue-tabs button span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button strong,
html[data-theme="night"] body .driver-app .driver-queue-tabs button strong {
  flex: 0 0 auto !important;
  min-width: 18px !important;
  height: 18px !important;
  font-size: 9px !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button span,
html[data-theme="night"] body .driver-app .driver-queue-tabs button span {
  color: #18334f !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button.active span,
html[data-theme="night"] body .driver-app .driver-queue-tabs button.active span {
  color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(4, 18, 39, 0.28) !important;
}

@media (max-width: 380px) {
  html[data-theme="day"] body .driver-app .driver-queue-tabs button span,
  html[data-theme="night"] body .driver-app .driver-queue-tabs button span {
    font-size: 9.5px !important;
  }
}

/* v127: phone-order scheduling/contact actions with stronger night contrast. */
.mini-schedule,
.action-schedule,
.last-order-actions button[data-call-schedule] {
  background: linear-gradient(135deg, #9fb8ff, #4c75e6) !important;
  color: #061326 !important;
  border-color: rgba(92, 122, 230, 0.30) !important;
}

.mini-contact,
.action-contact,
.last-order-actions button[data-call-contact],
.last-order-actions button[data-order-contact] {
  background: linear-gradient(135deg, #ffffff, #dbe7f5) !important;
  color: #0b1828 !important;
  border-color: rgba(117, 145, 178, 0.30) !important;
}

html[data-theme="night"] body .driver-app :is(
  .driver-live-actions,
  .compact-row-actions,
  .live-dispatch-actions,
  .job-actions,
  .driver-action-grid,
  .last-order-actions
) button {
  border: 1px solid rgba(176, 205, 236, 0.26) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 14px 26px rgba(0, 0, 0, 0.32) !important;
  opacity: 1 !important;
}

html[data-theme="night"] body .driver-app :is(
  .mini-primary,
  .mini-accept,
  .primary,
  .wide-action,
  .action-accept,
  .last-order-actions .mini-primary
) {
  color: #102138 !important;
  text-shadow: none !important;
}

html[data-theme="night"] body .driver-app :is(.mini-schedule, .action-schedule, .last-order-actions button[data-call-schedule]) {
  background: linear-gradient(135deg, #8fb8ff, #386fdf) !important;
  color: #ffffff !important;
}

html[data-theme="night"] body .driver-app :is(.mini-contact, .action-contact, .last-order-actions button[data-call-contact], .last-order-actions button[data-order-contact]) {
  background: linear-gradient(135deg, #f8fbff, #cbd8e9) !important;
  color: #091522 !important;
  text-shadow: none !important;
}

html[data-theme="night"] body .driver-app :is(.mini-info, .action-note, .bottom-secondary.action-info) {
  background: linear-gradient(135deg, #2f496f, #1a2f4a) !important;
  color: #f4f8ff !important;
}

html[data-theme="night"] body .driver-app :is(.mini-transfer, .action-transfer) {
  background: linear-gradient(135deg, #35b9f2, #176fba) !important;
  color: #ffffff !important;
}

html[data-theme="night"] body .driver-app :is(.mini-call, .action-call) {
  background: linear-gradient(135deg, #45d7a8, #128fc8) !important;
  color: #ffffff !important;
}

@media (max-width: 420px) {
  body .driver-app :is(.driver-live-actions, .compact-row-actions) button {
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
  }
}

/* v128: make cash/card payment choices obvious in the driver modal. */
body .driver-app .pay-methods {
  gap: 10px !important;
}

body .driver-app .pay-methods .pay-method-option {
  position: relative !important;
  min-height: 58px !important;
  justify-content: center !important;
  gap: 9px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(87, 126, 174, 0.34) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%) !important;
  color: #12233b !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 10px 22px rgba(31, 74, 120, 0.10) !important;
}

body .driver-app .pay-methods .pay-method-option input {
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  accent-color: #f0b632 !important;
}

body .driver-app .pay-methods .pay-method-option span {
  color: inherit !important;
}

body .driver-app .pay-methods .pay-method-option:has(input:checked) {
  border-color: rgba(240, 182, 50, 0.80) !important;
  background: linear-gradient(135deg, #ffd24e, #f0b632) !important;
  color: #111827 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 14px 28px rgba(240, 182, 50, 0.24) !important;
}

html[data-theme="night"] body .driver-app .pay-methods .pay-method-option {
  border-color: rgba(176, 205, 236, 0.32) !important;
  background: linear-gradient(180deg, rgba(31, 48, 74, 0.98), rgba(15, 27, 46, 0.98)) !important;
  color: #f5f9ff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 24px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="night"] body .driver-app .pay-methods .pay-method-option:has(input:checked) {
  border-color: rgba(255, 217, 98, 0.95) !important;
  background: linear-gradient(135deg, #ffd24e, #f0b632) !important;
  color: #111827 !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 16px 30px rgba(240, 182, 50, 0.28) !important;
}

/* v129: planned rides use the same workflow and stand out with a clear orange frame. */
body .driver-app :is(
  .driver-live-row.tone-planned,
  .compact-job-row.is-planned,
  .driver-queue-tile.is-planned,
  .live-dispatch-card.tone-planned,
  .job-card.status-planovana,
  .planned-job
) {
  border-color: rgba(242, 140, 40, 0.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 0 0 1px rgba(242, 140, 40, 0.18),
    0 18px 34px rgba(242, 140, 40, 0.14) !important;
}

html[data-theme="day"] body .driver-app :is(
  .driver-live-row.tone-planned,
  .compact-job-row.is-planned,
  .driver-queue-tile.is-planned,
  .live-dispatch-card.tone-planned,
  .job-card.status-planovana,
  .planned-job
) {
  background:
    radial-gradient(circle at top left, rgba(255, 210, 78, 0.20), transparent 42%),
    linear-gradient(180deg, #fffaf0 0%, #f8fffb 100%) !important;
}

html[data-theme="night"] body .driver-app :is(
  .driver-live-row.tone-planned,
  .compact-job-row.is-planned,
  .driver-queue-tile.is-planned,
  .live-dispatch-card.tone-planned,
  .job-card.status-planovana,
  .planned-job
) {
  border-color: rgba(255, 182, 72, 0.90) !important;
  background:
    radial-gradient(circle at top left, rgba(255, 194, 92, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(42, 32, 17, 0.94) 0%, rgba(13, 22, 36, 0.98) 100%) !important;
}

body .driver-app :is(
  .driver-live-row.tone-planned .driver-live-index,
  .compact-job-row.is-planned .compact-job-number,
  .driver-queue-tile.is-planned .queue-order-number,
  .live-dispatch-card.tone-planned .live-dispatch-index
) {
  background: linear-gradient(135deg, #ffd24e 0%, #f28c28 100%) !important;
  color: #111827 !important;
  border-color: rgba(255, 210, 78, 0.58) !important;
  text-shadow: none !important;
}

body .driver-app :is(
  .driver-live-row.tone-planned .driver-live-status,
  .live-dispatch-card.tone-planned .live-dispatch-chip,
  .job-card.status-planovana .chip,
  .planned-job .chip
) {
  background: rgba(255, 210, 78, 0.18) !important;
  color: #b45309 !important;
  border-color: rgba(242, 140, 40, 0.28) !important;
}

html[data-theme="night"] body .driver-app :is(
  .driver-live-row.tone-planned .driver-live-status,
  .live-dispatch-card.tone-planned .live-dispatch-chip,
  .job-card.status-planovana .chip,
  .planned-job .chip
) {
  background: rgba(255, 210, 78, 0.17) !important;
  color: #ffd86b !important;
  border-color: rgba(255, 210, 78, 0.34) !important;
}

body .driver-app .driver-live-close {
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, #ffe7e7 0%, #f04438 100%) !important;
  color: #ffffff !important;
  border-color: rgba(240, 68, 56, 0.45) !important;
  font-size: 26px !important;
  font-weight: 1000 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(96, 19, 17, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 12px 22px rgba(240, 68, 56, 0.24) !important;
}

html[data-theme="day"] body .driver-app .driver-live-close {
  background: linear-gradient(135deg, #ffffff 0%, #ffe1de 100%) !important;
  color: #b42318 !important;
  text-shadow: none !important;
}

/* v130: driver job cards use a clear red/orange/green state frame without touching call cards. */
@keyframes nrDriverNewOrderPulse {
  0%,
  100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      0 0 0 1px rgba(255, 76, 76, 0.30),
      0 0 0 4px rgba(255, 76, 76, 0.10),
      0 18px 34px rgba(0, 0, 0, 0.26);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      0 0 0 2px rgba(255, 76, 76, 0.70),
      0 0 24px rgba(255, 76, 76, 0.40),
      0 18px 34px rgba(0, 0, 0, 0.26);
  }
}

body .driver-app :is(
  .driver-live-row.tone-offer,
  .compact-job-row.is-new-offer,
  .driver-queue-tile.is-new-offer,
  .live-dispatch-card.tone-offer,
  .job-card.is-new-offer
) {
  border-color: rgba(255, 76, 76, 0.98) !important;
  background:
    radial-gradient(circle at top left, rgba(255, 76, 76, 0.20), transparent 42%),
    linear-gradient(180deg, rgba(44, 17, 20, 0.98), rgba(12, 14, 22, 0.99)) !important;
  animation: nrDriverNewOrderPulse 1.05s ease-in-out infinite !important;
}

body .driver-app :is(
  .driver-live-row.tone-accepted,
  .driver-live-row.tone-drive,
  .driver-live-row.tone-arrived,
  .compact-job-row.is-accepted-offer,
  .compact-job-row.is-drive,
  .compact-job-row.is-arrived,
  .driver-queue-tile.is-accepted-offer,
  .driver-queue-tile.is-drive,
  .driver-queue-tile.is-arrived,
  .live-dispatch-card.tone-accepted,
  .live-dispatch-card.tone-drive,
  .live-dispatch-card.tone-arrived,
  .job-card.is-accepted-offer,
  .job-card.is-drive,
  .job-card.is-arrived
) {
  border-color: rgba(255, 182, 72, 0.94) !important;
  background:
    radial-gradient(circle at top left, rgba(255, 182, 72, 0.20), transparent 42%),
    linear-gradient(180deg, rgba(42, 30, 13, 0.98), rgba(12, 17, 25, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 0 1px rgba(255, 182, 72, 0.24),
    0 18px 34px rgba(0, 0, 0, 0.28) !important;
  animation: none !important;
}

body .driver-app :is(
  .driver-live-row.tone-riding,
  .compact-job-row.is-riding,
  .driver-queue-tile.is-riding,
  .live-dispatch-card.tone-riding,
  .job-card.is-riding
) {
  border-color: rgba(72, 210, 126, 0.92) !important;
  background:
    radial-gradient(circle at top left, rgba(72, 210, 126, 0.20), transparent 42%),
    linear-gradient(180deg, rgba(12, 35, 22, 0.98), rgba(8, 18, 16, 0.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 0 1px rgba(72, 210, 126, 0.18),
    0 18px 34px rgba(0, 0, 0, 0.26) !important;
  animation: none !important;
}

body .driver-app :is(
  .driver-live-row.tone-offer .driver-live-index,
  .compact-job-row.is-new-offer .compact-job-number,
  .driver-queue-tile.is-new-offer .queue-order-number,
  .live-dispatch-card.tone-offer .live-dispatch-index,
  .job-card.is-new-offer .chip
) {
  background: linear-gradient(135deg, #ff8a7e 0%, #e53333 100%) !important;
  color: #210708 !important;
  text-shadow: none !important;
}

body .driver-app :is(
  .driver-live-row.tone-accepted .driver-live-index,
  .driver-live-row.tone-drive .driver-live-index,
  .driver-live-row.tone-arrived .driver-live-index,
  .compact-job-row.is-accepted-offer .compact-job-number,
  .compact-job-row.is-drive .compact-job-number,
  .compact-job-row.is-arrived .compact-job-number,
  .driver-queue-tile.is-accepted-offer .queue-order-number,
  .driver-queue-tile.is-drive .queue-order-number,
  .driver-queue-tile.is-arrived .queue-order-number,
  .live-dispatch-card.tone-accepted .live-dispatch-index,
  .live-dispatch-card.tone-drive .live-dispatch-index,
  .live-dispatch-card.tone-arrived .live-dispatch-index,
  .job-card.is-accepted-offer .chip,
  .job-card.is-drive .chip,
  .job-card.is-arrived .chip
) {
  background: linear-gradient(135deg, #ffd24e 0%, #f28c28 100%) !important;
  color: #111827 !important;
  text-shadow: none !important;
}

body .driver-app :is(
  .driver-live-row.tone-riding .driver-live-index,
  .compact-job-row.is-riding .compact-job-number,
  .driver-queue-tile.is-riding .queue-order-number,
  .live-dispatch-card.tone-riding .live-dispatch-index,
  .job-card.is-riding .chip
) {
  background: linear-gradient(135deg, #8ff0aa 0%, #2faa63 100%) !important;
  color: #06140b !important;
  text-shadow: none !important;
}

body .driver-app :is(
  .driver-live-status,
  .compact-job-chip,
  .live-dispatch-chip,
  .job-card .chip
) {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

body .driver-app :is(
  .driver-live-row.tone-offer .driver-live-status,
  .compact-job-row.is-new-offer .compact-job-chip,
  .live-dispatch-card.tone-offer .live-dispatch-chip
) {
  background: rgba(255, 76, 76, 0.18) !important;
  color: #ffb4ad !important;
  border-color: rgba(255, 76, 76, 0.34) !important;
}

body .driver-app :is(
  .driver-live-row.tone-accepted .driver-live-status,
  .driver-live-row.tone-drive .driver-live-status,
  .driver-live-row.tone-arrived .driver-live-status,
  .compact-job-row.is-accepted-offer .compact-job-chip,
  .compact-job-row.is-drive .compact-job-chip,
  .compact-job-row.is-arrived .compact-job-chip,
  .live-dispatch-card.tone-accepted .live-dispatch-chip,
  .live-dispatch-card.tone-drive .live-dispatch-chip,
  .live-dispatch-card.tone-arrived .live-dispatch-chip
) {
  background: rgba(255, 182, 72, 0.18) !important;
  color: #ffd86b !important;
  border-color: rgba(255, 182, 72, 0.36) !important;
}

body .driver-app :is(
  .driver-live-row.tone-riding .driver-live-status,
  .compact-job-row.is-riding .compact-job-chip,
  .live-dispatch-card.tone-riding .live-dispatch-chip
) {
  background: rgba(72, 210, 126, 0.18) !important;
  color: #adf7c1 !important;
  border-color: rgba(72, 210, 126, 0.34) !important;
}

html[data-theme="day"] body .driver-app :is(
  .driver-live-row.tone-offer,
  .compact-job-row.is-new-offer,
  .driver-queue-tile.is-new-offer,
  .live-dispatch-card.tone-offer,
  .job-card.is-new-offer
) {
  background:
    radial-gradient(circle at top left, rgba(255, 76, 76, 0.15), transparent 42%),
    linear-gradient(180deg, #fff8f7 0%, #fff1f1 100%) !important;
}

html[data-theme="day"] body .driver-app :is(
  .driver-live-row.tone-accepted,
  .driver-live-row.tone-drive,
  .driver-live-row.tone-arrived,
  .compact-job-row.is-accepted-offer,
  .compact-job-row.is-drive,
  .compact-job-row.is-arrived,
  .driver-queue-tile.is-accepted-offer,
  .driver-queue-tile.is-drive,
  .driver-queue-tile.is-arrived,
  .live-dispatch-card.tone-accepted,
  .live-dispatch-card.tone-drive,
  .live-dispatch-card.tone-arrived,
  .job-card.is-accepted-offer,
  .job-card.is-drive,
  .job-card.is-arrived
) {
  background:
    radial-gradient(circle at top left, rgba(255, 182, 72, 0.16), transparent 42%),
    linear-gradient(180deg, #fffaf0 0%, #fff7e8 100%) !important;
}

html[data-theme="day"] body .driver-app :is(
  .driver-live-row.tone-riding,
  .compact-job-row.is-riding,
  .driver-queue-tile.is-riding,
  .live-dispatch-card.tone-riding,
  .job-card.is-riding
) {
  background:
    radial-gradient(circle at top left, rgba(72, 210, 126, 0.15), transparent 42%),
    linear-gradient(180deg, #f5fff8 0%, #ecfff2 100%) !important;
}

html[data-theme="day"] body .driver-app :is(
  .driver-live-row.tone-offer .driver-live-status,
  .compact-job-row.is-new-offer .compact-job-chip,
  .live-dispatch-card.tone-offer .live-dispatch-chip
) {
  color: #b42318 !important;
}

html[data-theme="day"] body .driver-app :is(
  .driver-live-row.tone-accepted .driver-live-status,
  .driver-live-row.tone-drive .driver-live-status,
  .driver-live-row.tone-arrived .driver-live-status,
  .compact-job-row.is-accepted-offer .compact-job-chip,
  .compact-job-row.is-drive .compact-job-chip,
  .compact-job-row.is-arrived .compact-job-chip,
  .live-dispatch-card.tone-accepted .live-dispatch-chip,
  .live-dispatch-card.tone-drive .live-dispatch-chip,
  .live-dispatch-card.tone-arrived .live-dispatch-chip
) {
  color: #92400e !important;
}

html[data-theme="day"] body .driver-app :is(
  .driver-live-row.tone-riding .driver-live-status,
  .compact-job-row.is-riding .compact-job-chip,
  .live-dispatch-card.tone-riding .live-dispatch-chip
) {
  color: #166534 !important;
}

/* v131: keep the cancel X away from the status chip and make contact saving obvious. */
body .driver-app .driver-live-row.has-cancel-action .driver-live-head {
  padding-right: 56px !important;
}

body .driver-app .driver-live-row.has-cancel-action .driver-live-status {
  max-width: 112px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .driver-app .driver-live-close {
  top: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border: 2px solid rgba(255, 255, 255, 0.34) !important;
  background: linear-gradient(135deg, #ff5a50 0%, #d92d20 52%, #9f1f17 100%) !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 1000 !important;
  text-shadow: 0 1px 1px rgba(72, 10, 8, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 0 0 1px rgba(217, 45, 32, 0.20),
    0 14px 24px rgba(217, 45, 32, 0.32) !important;
}

html[data-theme="day"] body .driver-app .driver-live-close {
  background: linear-gradient(135deg, #ff5a50 0%, #d92d20 52%, #9f1f17 100%) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
  text-shadow: 0 1px 1px rgba(72, 10, 8, 0.42) !important;
}

body .driver-app :is(.mini-contact, .action-contact) {
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 420px) {
  body .driver-app .driver-live-row.has-cancel-action .driver-live-head {
    padding-right: 50px !important;
  }

  body .driver-app :is(.driver-live-actions, .compact-row-actions) .mini-contact {
    font-size: 11px !important;
    padding-inline: 6px !important;
  }
}

/* v132: missed and callback calls get a dedicated driver follow-up panel. */
body .driver-app .driver-call-followup-panel {
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
  padding: 16px !important;
  border: 1px solid rgba(255, 86, 86, 0.72) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at top left, rgba(255, 86, 86, 0.18), transparent 44%),
    linear-gradient(180deg, rgba(42, 18, 24, 0.98), rgba(11, 17, 27, 0.98)) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 0 1px rgba(255, 86, 86, 0.14),
    0 16px 32px rgba(0, 0, 0, 0.26) !important;
}

body .driver-app .driver-call-followup-panel.tone-callback {
  border-color: rgba(255, 205, 72, 0.78) !important;
  background:
    radial-gradient(circle at top left, rgba(255, 205, 72, 0.18), transparent 44%),
    linear-gradient(180deg, rgba(42, 30, 12, 0.98), rgba(11, 17, 27, 0.98)) !important;
}

body .driver-app .driver-call-followup-panel.tone-ringback {
  border-color: rgba(245, 158, 11, 0.84) !important;
  background:
    radial-gradient(circle at top left, rgba(245, 158, 11, 0.2), transparent 44%),
    linear-gradient(180deg, rgba(44, 29, 9, 0.98), rgba(11, 17, 27, 0.98)) !important;
}

body .driver-app .driver-call-followup-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body .driver-app .driver-call-followup-head div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body .driver-app .driver-call-followup-head span {
  color: #ffb4ad !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}

body .driver-app .driver-call-followup-panel.tone-callback .driver-call-followup-head span {
  color: #ffd86b !important;
}

body .driver-app .driver-call-followup-panel.tone-ringback .driver-call-followup-head span {
  color: #ffcf6b !important;
}

body .driver-app .driver-call-followup-head strong {
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

body .driver-app .driver-call-followup-head small {
  color: #dce6f2 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

body .driver-app .driver-call-followup-head em {
  display: grid !important;
  place-items: center !important;
  min-width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ff8a7e, #e53333) !important;
  color: #210708 !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 1000 !important;
}

body .driver-app .driver-call-followup-panel.tone-callback .driver-call-followup-head em {
  background: linear-gradient(135deg, #ffd24e, #f28c28) !important;
  color: #111827 !important;
}

body .driver-app .driver-call-followup-panel.tone-ringback .driver-call-followup-head em {
  background: linear-gradient(135deg, #ffcf4a, #f59e0b) !important;
  color: #111827 !important;
}

body .driver-app .driver-call-followup-focus {
  display: grid !important;
  gap: 4px !important;
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

body .driver-app .driver-call-followup-focus strong {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
}

body .driver-app .driver-call-followup-focus span,
body .driver-app .driver-call-followup-focus p {
  margin: 0 !important;
  color: #cbd7e5 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

body .driver-app .driver-call-followup-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body .driver-app .driver-call-followup-actions button {
  min-height: 46px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

body .driver-app .driver-call-followup-mini-list {
  display: grid !important;
  gap: 8px !important;
}

body .driver-app .driver-call-followup-mini {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #ffffff !important;
  text-align: left !important;
}

body .driver-app .driver-call-followup-mini span {
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: rgba(255, 86, 86, 0.18) !important;
  color: #ffb4ad !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
}

body .driver-app .driver-call-followup-mini.callback span {
  background: rgba(255, 205, 72, 0.18) !important;
  color: #ffd86b !important;
}

body .driver-app .driver-call-followup-mini.ringback span {
  background: rgba(245, 158, 11, 0.2) !important;
  color: #ffcf6b !important;
}

body .driver-app .driver-call-followup-mini strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
}

body .driver-app .driver-call-followup-mini small {
  color: #aebaca !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

html[data-theme="day"] body .driver-app .driver-call-followup-panel {
  background:
    radial-gradient(circle at top left, rgba(255, 86, 86, 0.15), transparent 44%),
    linear-gradient(180deg, #fff8f7 0%, #fff1f1 100%) !important;
  color: #16263b !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 14px 28px rgba(179, 38, 30, 0.12) !important;
}

html[data-theme="day"] body .driver-app .driver-call-followup-panel.tone-callback {
  background:
    radial-gradient(circle at top left, rgba(255, 205, 72, 0.18), transparent 44%),
    linear-gradient(180deg, #fffaf0 0%, #fff7e8 100%) !important;
}

html[data-theme="day"] body .driver-app .driver-call-followup-panel.tone-ringback {
  background:
    radial-gradient(circle at top left, rgba(245, 158, 11, 0.17), transparent 44%),
    linear-gradient(180deg, #fff7e8 0%, #fffaf0 100%) !important;
}

html[data-theme="day"] body .driver-app .driver-call-followup-head strong,
html[data-theme="day"] body .driver-app .driver-call-followup-focus strong,
html[data-theme="day"] body .driver-app .driver-call-followup-mini {
  color: #16263b !important;
}

html[data-theme="day"] body .driver-app .driver-call-followup-head small,
html[data-theme="day"] body .driver-app .driver-call-followup-focus span,
html[data-theme="day"] body .driver-app .driver-call-followup-focus p,
html[data-theme="day"] body .driver-app .driver-call-followup-mini small {
  color: #64758b !important;
}

html[data-theme="day"] body .driver-app .driver-call-followup-focus,
html[data-theme="day"] body .driver-app .driver-call-followup-mini {
  border-color: rgba(132, 73, 57, 0.14) !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

/* v133: admin layout cleanup. Keep visible admin sections aligned and readable. */
body.admin-lean .main {
  max-width: 1480px !important;
}

body.admin-lean .workspace {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

body.admin-lean .workspace > .panel {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.admin-lean .workspace > .panel.section-hidden {
  display: none !important;
}

body.admin-lean .panel,
body.admin-lean .panel-heading,
body.admin-lean .order-form,
body.admin-lean .summary-grid,
body.admin-lean .metric-grid,
body.admin-lean .health-grid,
body.admin-lean .telephony-grid,
body.admin-lean .stats-summary-grid,
body.admin-lean .stats-detail-layout,
body.admin-lean .owner-week-board,
body.admin-lean .owner-week-summary,
body.admin-lean .owner-week-bars,
body.admin-lean .attendance-preview-grid,
body.admin-lean .driver-day-board,
body.admin-lean .leaderboard-list,
body.admin-lean .history-board,
body.admin-lean .queue-list,
body.admin-lean .admin-list {
  min-width: 0 !important;
}

body.admin-lean .panel-heading {
  flex-wrap: wrap !important;
}

body.admin-lean .order-form {
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
}

body.admin-lean .order-form .primary-btn,
body.admin-lean .order-form .form-note,
body.admin-lean .order-form label:has(textarea),
body.admin-lean .order-form label:has(input[name="note"]) {
  grid-column: 1 / -1 !important;
}

body.admin-lean .command-grid,
body.admin-lean .readiness-grid,
body.admin-lean .summary-grid,
body.admin-lean .metric-grid,
body.admin-lean .health-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

body.admin-lean .accounting-board,
body.admin-lean .stats-detail-layout {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.admin-lean .admin-row,
body.admin-lean .stats-driver-row,
body.admin-lean .leaderboard-row,
body.admin-lean .telephony-row {
  min-width: 0 !important;
}

@media (max-width: 760px) {
  body.admin-lean .order-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.admin-lean .command-grid,
  body.admin-lean .readiness-grid,
  body.admin-lean .summary-grid,
  body.admin-lean .metric-grid,
  body.admin-lean .health-grid,
  body.admin-lean .telephony-grid,
  body.admin-lean .stats-summary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v135: calmer planned-job guidance for drivers. */
body .driver-app .driver-planned-hint,
body .driver-app .compact-job-planned-hint {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 32px !important;
  margin: 7px 0 2px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255, 210, 78, 0.28) !important;
  border-radius: 9px !important;
  background: rgba(255, 210, 78, 0.11) !important;
  color: #ffd86b !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

body .driver-app .driver-planned-hint.quiet,
body .driver-app .compact-job-planned-hint.quiet {
  border-color: rgba(255, 210, 78, 0.18) !important;
  background: rgba(255, 210, 78, 0.07) !important;
  color: #f5c965 !important;
}

body .driver-app .driver-planned-hint.due,
body .driver-app .compact-job-planned-hint.due,
body .driver-app .driver-planned-hint.late,
body .driver-app .compact-job-planned-hint.late {
  border-color: rgba(52, 211, 153, 0.42) !important;
  background: rgba(52, 211, 153, 0.14) !important;
  color: #9ff2c8 !important;
}

html[data-theme="day"] body .driver-app .driver-planned-hint,
html[data-theme="day"] body .driver-app .compact-job-planned-hint {
  border-color: rgba(213, 128, 27, 0.24) !important;
  background: rgba(255, 244, 215, 0.88) !important;
  color: #8a4b0c !important;
}

html[data-theme="day"] body .driver-app .driver-planned-hint.due,
html[data-theme="day"] body .driver-app .compact-job-planned-hint.due,
html[data-theme="day"] body .driver-app .driver-planned-hint.late,
html[data-theme="day"] body .driver-app .compact-job-planned-hint.late {
  border-color: rgba(22, 163, 74, 0.24) !important;
  background: rgba(232, 255, 239, 0.92) !important;
  color: #166534 !important;
}

/* v141: company/admin day-mode contrast for SaaS cards, voice toggles and dial plan. */
html[data-theme="day"] body.admin-lean .companies-form .toggle-line,
html[data-theme="day"] body.admin-lean .odorik-form .toggle-line,
html[data-theme="day"] body.admin-lean #voicePromptsForm .toggle-line,
html[data-theme="day"] body.admin-lean #pricingForm .toggle-line,
html[data-theme="day"] body.admin-lean .company-saas-metric,
html[data-theme="day"] body.admin-lean .company-billing-strip,
html[data-theme="day"] body.admin-lean .company-card-stats > div {
  border-color: rgba(42, 82, 124, 0.16) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
  color: #132033 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 10px 24px rgba(32, 82, 130, 0.07) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .company-card {
  border-color: rgba(42, 82, 124, 0.16) !important;
  background: #ffffff !important;
  color: #132033 !important;
  box-shadow: 0 14px 30px rgba(32, 82, 130, 0.08) !important;
}

html[data-theme="day"] body.admin-lean .companies-form .toggle-line,
html[data-theme="day"] body.admin-lean .odorik-form .toggle-line,
html[data-theme="day"] body.admin-lean #voicePromptsForm .toggle-line,
html[data-theme="day"] body.admin-lean #pricingForm .toggle-line {
  min-height: 52px !important;
  align-items: center !important;
}

html[data-theme="day"] body.admin-lean .companies-form .toggle-line input,
html[data-theme="day"] body.admin-lean .odorik-form .toggle-line input,
html[data-theme="day"] body.admin-lean #voicePromptsForm .toggle-line input,
html[data-theme="day"] body.admin-lean #pricingForm .toggle-line input {
  accent-color: #1d6fd8 !important;
}

html[data-theme="day"] body.admin-lean .companies-form :is(label, small, .form-note),
html[data-theme="day"] body.admin-lean .odorik-form :is(label, small, .form-note),
html[data-theme="day"] body.admin-lean #voicePromptsForm :is(label, small, .helper-text),
html[data-theme="day"] body.admin-lean .company-saas-metric :is(span, small),
html[data-theme="day"] body.admin-lean .company-card :is(small, .company-card-meta, .company-card-stats small, .company-billing-strip small) {
  color: #5b6f88 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .companies-form .toggle-line,
html[data-theme="day"] body.admin-lean .odorik-form .toggle-line,
html[data-theme="day"] body.admin-lean #voicePromptsForm .toggle-line,
html[data-theme="day"] body.admin-lean #pricingForm .toggle-line,
html[data-theme="day"] body.admin-lean .company-saas-metric strong,
html[data-theme="day"] body.admin-lean .company-card :is(strong, b, h3, h4),
html[data-theme="day"] body.admin-lean .company-billing-strip strong {
  color: #0f2138 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .company-chip {
  border-color: rgba(42, 82, 124, 0.18) !important;
  background: #eef6ff !important;
  color: #244765 !important;
}

html[data-theme="day"] body.admin-lean .company-chip.is-ok {
  border-color: rgba(22, 101, 52, 0.22) !important;
  background: #e9f9f0 !important;
  color: #166534 !important;
}

html[data-theme="day"] body.admin-lean .company-chip.is-off {
  border-color: rgba(159, 18, 57, 0.22) !important;
  background: #fff1f2 !important;
  color: #9f1239 !important;
}

html[data-theme="day"] body.admin-lean .company-chip.is-warn {
  border-color: rgba(146, 64, 14, 0.22) !important;
  background: #fff7dd !important;
  color: #92400e !important;
}

html[data-theme="day"] body.admin-lean .company-card-actions button {
  border-color: rgba(42, 82, 124, 0.18) !important;
  background: #f3f8ff !important;
  color: #132033 !important;
  box-shadow: none !important;
}

html[data-theme="day"] body.admin-lean .company-card-actions button[data-company-web-toggle] {
  border-color: rgba(29, 111, 216, 0.28) !important;
  background: linear-gradient(135deg, #53b6ef, #1d6fd8) !important;
  color: #ffffff !important;
}

html[data-theme="day"] body.admin-lean .dial-plan {
  border-color: rgba(42, 82, 124, 0.32) !important;
  background:
    linear-gradient(180deg, rgba(19, 32, 51, 0.98), rgba(11, 20, 34, 0.98)) !important;
  color: #eaf4ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* v142: final professional cockpit polish. Visual-only, no dispatch/telephony logic. */
body.admin-lean,
body .driver-app {
  letter-spacing: 0 !important;
  text-rendering: optimizeLegibility !important;
}

html[data-theme="day"] body.admin-lean {
  --pro-admin-bg: #eaf3fc;
  --pro-admin-panel: #ffffff;
  --pro-admin-soft: #f4f8fd;
  --pro-admin-line: rgba(44, 82, 124, 0.16);
  --pro-admin-ink: #102136;
  --pro-admin-muted: #5d7189;
  --pro-admin-blue: #1d6fd8;
  --pro-admin-teal: #0f9f91;
  --pro-admin-green: #16845a;
  --pro-admin-amber: #b97810;
  --pro-admin-red: #b4234a;
  --pro-admin-shadow: 0 16px 38px rgba(34, 67, 106, 0.10);
}

html[data-theme="night"] body.admin-lean {
  --pro-admin-bg: #08111c;
  --pro-admin-panel: #101b29;
  --pro-admin-soft: #142234;
  --pro-admin-line: rgba(132, 166, 205, 0.18);
  --pro-admin-ink: #f3f8ff;
  --pro-admin-muted: #a7b8cc;
  --pro-admin-blue: #4aa7ef;
  --pro-admin-teal: #44d4c2;
  --pro-admin-green: #5bd18a;
  --pro-admin-amber: #f2c04c;
  --pro-admin-red: #ff6b86;
  --pro-admin-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
}

body.admin-lean .main {
  background:
    linear-gradient(180deg, rgba(29, 111, 216, 0.07), transparent 180px),
    var(--pro-admin-bg) !important;
}

body.admin-lean .topbar,
body.admin-lean .panel {
  border: 1px solid var(--pro-admin-line) !important;
  border-radius: 8px !important;
  background: var(--pro-admin-panel) !important;
  color: var(--pro-admin-ink) !important;
  box-shadow: var(--pro-admin-shadow) !important;
}

body.admin-lean .topbar {
  position: relative !important;
  overflow: hidden !important;
}

body.admin-lean .topbar::before,
body.admin-lean .panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--pro-admin-blue), var(--pro-admin-teal), var(--pro-admin-amber));
  opacity: 0.9;
  pointer-events: none;
}

body.admin-lean .panel {
  position: relative !important;
  overflow: hidden !important;
}

body.admin-lean .panel-heading {
  border-bottom: 1px solid var(--pro-admin-line) !important;
  background: linear-gradient(180deg, rgba(244, 248, 253, 0.84), rgba(244, 248, 253, 0.54)) !important;
}

html[data-theme="night"] body.admin-lean .panel-heading {
  background: linear-gradient(180deg, rgba(20, 34, 52, 0.92), rgba(14, 24, 38, 0.68)) !important;
}

body.admin-lean :is(h1, h2, h3, h4, .topbar h1, .panel-heading h2, strong, b) {
  color: var(--pro-admin-ink) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.admin-lean :is(.eyebrow, small, .helper-text, label, .panel-scope, .order-meta, .driver-meta) {
  color: var(--pro-admin-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.admin-lean :is(input, select, textarea) {
  min-height: 44px !important;
  border: 1px solid var(--pro-admin-line) !important;
  border-radius: 8px !important;
  background: var(--pro-admin-panel) !important;
  color: var(--pro-admin-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="night"] body.admin-lean :is(input, select, textarea) {
  background: #0d1724 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.admin-lean :is(input, select, textarea):focus {
  border-color: rgba(29, 111, 216, 0.54) !important;
  outline: 3px solid rgba(29, 111, 216, 0.16) !important;
  outline-offset: 0 !important;
}

body.admin-lean :is(.primary-btn, .ghost-btn, .action-btn, .admin-action, .panel-actions button, .segment, .pager button, .company-card-actions button) {
  min-height: 40px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(29, 111, 216, 0.24) !important;
  font-weight: 850 !important;
  box-shadow: none !important;
  transition: transform 120ms ease, border-color 120ms ease, background-color 120ms ease, color 120ms ease !important;
}

body.admin-lean :is(.primary-btn, .segment.active, .pager button.active) {
  background: linear-gradient(135deg, #34b8ef, #1d6fd8) !important;
  color: #ffffff !important;
  border-color: rgba(29, 111, 216, 0.36) !important;
}

body.admin-lean :is(.ghost-btn, .admin-action, .panel-actions button, .segment, .pager button) {
  background: var(--pro-admin-soft) !important;
  color: var(--pro-admin-ink) !important;
}

body.admin-lean :is(.primary-btn, .ghost-btn, .action-btn, .admin-action, .panel-actions button, .segment, .pager button, .company-card-actions button):hover {
  transform: translateY(-1px) !important;
  border-color: rgba(29, 111, 216, 0.46) !important;
}

body.admin-lean :where(.stat-card, .metric-card, .summary-item, .admin-row, .driver-card, .order-card, .customer-card, .company-card, .call-card, .ridebook-entry, .attendance-metric, .attendance-preview-card, .driver-day-card, .payment-card, .health-card, .telephony-card, .telephony-column, .telephony-table-wrap, .telephony-note, .stats-card, .stats-summary-card, .leaderboard-row, .event-row, .car-card, .company-saas-metric, .company-billing-strip) {
  border-radius: 8px !important;
  border-color: var(--pro-admin-line) !important;
  background: var(--pro-admin-panel) !important;
  color: var(--pro-admin-ink) !important;
  box-shadow: 0 8px 22px rgba(32, 82, 130, 0.06) !important;
}

html[data-theme="night"] body.admin-lean :where(.stat-card, .metric-card, .summary-item, .admin-row, .driver-card, .order-card, .customer-card, .company-card, .call-card, .ridebook-entry, .attendance-metric, .attendance-preview-card, .driver-day-card, .payment-card, .health-card, .telephony-card, .telephony-column, .telephony-table-wrap, .telephony-note, .stats-card, .stats-summary-card, .leaderboard-row, .event-row, .car-card, .company-saas-metric, .company-billing-strip) {
  background: #101b29 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

body.admin-lean .telephony-card.good,
body.admin-lean .health-card.good,
body.admin-lean .company-chip.is-ok {
  border-color: rgba(22, 132, 90, 0.28) !important;
  background: rgba(22, 132, 90, 0.10) !important;
  color: var(--pro-admin-green) !important;
}

body.admin-lean .telephony-card.warn,
body.admin-lean .company-chip.is-warn {
  border-color: rgba(185, 120, 16, 0.30) !important;
  background: rgba(185, 120, 16, 0.12) !important;
  color: var(--pro-admin-amber) !important;
}

body.admin-lean .telephony-card.hot,
body.admin-lean .company-chip.is-off {
  border-color: rgba(180, 35, 74, 0.28) !important;
  background: rgba(180, 35, 74, 0.10) !important;
  color: var(--pro-admin-red) !important;
}

body.admin-lean .sidebar {
  border-right: 1px solid rgba(132, 166, 205, 0.16) !important;
  background: linear-gradient(180deg, #0d1a2a, #07111d) !important;
  box-shadow: 12px 0 28px rgba(0, 0, 0, 0.14) !important;
}

body.admin-lean .sidebar .brand,
body.admin-lean .sidebar .sidebar-card {
  border-radius: 8px !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}

body.admin-lean .sidebar .nav-item,
body.admin-lean .sidebar .theme-toggle-nav,
body.admin-lean .sidebar .install-nav,
body.admin-lean .sidebar .sound-toggle {
  min-height: 44px !important;
  border-radius: 8px !important;
}

body.admin-lean .sidebar .nav-item.active {
  background: linear-gradient(135deg, rgba(52, 184, 239, 0.20), rgba(29, 111, 216, 0.28)) !important;
  color: #ffffff !important;
  border-color: rgba(90, 180, 238, 0.26) !important;
}

body.admin-lean .dial-plan {
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(13, 25, 40, 0.98), rgba(7, 15, 26, 0.98)) !important;
  color: #eaf4ff !important;
  border-color: rgba(117, 158, 205, 0.28) !important;
}

html[data-theme="day"] body .driver-app {
  --driver-bg: #ecf5ff;
  --driver-panel: rgba(255, 255, 255, 0.94);
  --driver-soft: #f4f9ff;
  --driver-line: rgba(43, 84, 129, 0.16);
  --driver-ink: #102136;
  --driver-muted: #60758e;
  --driver-blue: #1d6fd8;
  --driver-teal: #0f9f91;
  --driver-green: #16845a;
  --driver-amber: #b97810;
  --driver-red: #b4234a;
  background: var(--driver-bg) !important;
  color: var(--driver-ink) !important;
}

html[data-theme="night"] body .driver-app {
  --driver-bg: #07111d;
  --driver-panel: rgba(15, 26, 42, 0.94);
  --driver-soft: rgba(20, 34, 52, 0.86);
  --driver-line: rgba(132, 166, 205, 0.18);
  --driver-ink: #f3f8ff;
  --driver-muted: #a9bad0;
  --driver-blue: #4aa7ef;
  --driver-teal: #44d4c2;
  --driver-green: #5bd18a;
  --driver-amber: #f2c04c;
  --driver-red: #ff6b86;
  background: var(--driver-bg) !important;
  color: var(--driver-ink) !important;
}

body .driver-app :is(.driver-topbar, .jobs-sheet, .drawer, .driver-modal) {
  border: 1px solid var(--driver-line) !important;
  border-radius: 8px !important;
  background: var(--driver-panel) !important;
  color: var(--driver-ink) !important;
  box-shadow: 0 18px 44px rgba(14, 38, 70, 0.14) !important;
}

html[data-theme="night"] body .driver-app :is(.driver-topbar, .jobs-sheet, .drawer, .driver-modal) {
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.34) !important;
}

body .driver-app .jobs-sheet {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

body .driver-app .jobs-sheet::before {
  content: "";
  display: block;
  height: 3px;
  margin: -1px -1px 0;
  background: linear-gradient(90deg, var(--driver-blue), var(--driver-teal), var(--driver-amber));
}

body .driver-app :is(.sheet-heading h1, .driver-identity strong, .driver-state-banner strong, .compact-job-route, .driver-live-head strong, .job-card strong) {
  color: var(--driver-ink) !important;
  opacity: 1 !important;
}

body .driver-app :is(.eyebrow, .driver-identity small, .driver-state-banner small, .driver-live-meta, .compact-job-meta, .compact-job-footer, .job-note, .empty-state, .driver-planned-hint) {
  color: var(--driver-muted) !important;
  opacity: 1 !important;
}

body .driver-app :is(.driver-state-banner, .driver-live-row, .compact-job-row, .job-card, .phone-history-card, .drawer-summary-card, .driver-roster-card, .driver-call-followup-panel) {
  border-radius: 8px !important;
  border: 1px solid var(--driver-line) !important;
  background: var(--driver-panel) !important;
  box-shadow: 0 10px 26px rgba(20, 54, 94, 0.08) !important;
}

html[data-theme="night"] body .driver-app :is(.driver-state-banner, .driver-live-row, .compact-job-row, .job-card, .phone-history-card, .drawer-summary-card, .driver-roster-card, .driver-call-followup-panel) {
  background: var(--driver-soft) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25) !important;
}

body .driver-app .driver-state-banner.state-free {
  border-color: rgba(22, 132, 90, 0.28) !important;
  background: rgba(22, 132, 90, 0.10) !important;
}

body .driver-app :is(.driver-state-banner.state-offer, .compact-job-row.is-new-offer, .job-card.is-new-offer) {
  border-color: rgba(180, 35, 74, 0.36) !important;
  background: rgba(180, 35, 74, 0.08) !important;
}

body .driver-app :is(.compact-job-row.is-accepted-offer, .compact-job-row.is-planned, .planned-job) {
  border-color: rgba(185, 120, 16, 0.34) !important;
  background: rgba(185, 120, 16, 0.08) !important;
}

body .driver-app :is(.compact-job-row.is-running, .compact-job-row.is-drive, .compact-job-row.is-arrived, .compact-job-row.is-riding) {
  border-color: rgba(22, 132, 90, 0.34) !important;
  background: rgba(22, 132, 90, 0.08) !important;
}

body .driver-app :is(button, .small-button, .sheet-action-button, .driver-queue-tabs button, .bottom-actions button, .driver-live-actions button, .compact-row-actions button, .job-actions button, .last-order-actions button, .callable-order-actions button) {
  border-radius: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

body .driver-app :is(.sheet-action-button, .bottom-actions button, .mini-accept, .mini-primary, .action-call, .callable-order-actions button[data-callable-order-call]) {
  border-color: rgba(29, 111, 216, 0.32) !important;
  background: linear-gradient(135deg, #35c6d6, #1d6fd8) !important;
  color: #ffffff !important;
}

body .driver-app :is(.mini-schedule, .action-schedule) {
  border-color: rgba(185, 120, 16, 0.28) !important;
  background: rgba(185, 120, 16, 0.13) !important;
  color: var(--driver-amber) !important;
}

body .driver-app :is(.mini-contact, .action-contact) {
  border-color: rgba(15, 159, 145, 0.28) !important;
  background: rgba(15, 159, 145, 0.12) !important;
  color: var(--driver-teal) !important;
}

body .driver-app :is(.mini-decline, .driver-live-close, .driver-modal-form button.danger) {
  border-color: rgba(180, 35, 74, 0.30) !important;
  background: rgba(180, 35, 74, 0.12) !important;
  color: var(--driver-red) !important;
}

body .driver-app .driver-queue-tabs button {
  min-height: 48px !important;
  background: var(--driver-soft) !important;
  color: var(--driver-ink) !important;
  border: 1px solid var(--driver-line) !important;
}

body .driver-app .driver-queue-tabs button.active {
  background: linear-gradient(135deg, #35c6d6, #1d6fd8) !important;
  border-color: rgba(29, 111, 216, 0.42) !important;
  color: #ffffff !important;
}

body .driver-app :is(.driver-live-actions button, .compact-row-actions button, .job-actions button, .bottom-actions button):active {
  transform: translateY(1px) scale(0.99) !important;
}

body .driver-app :is(input, select, textarea) {
  border-radius: 8px !important;
  border-color: var(--driver-line) !important;
  background: var(--driver-panel) !important;
  color: var(--driver-ink) !important;
}

@media (max-width: 760px) {
  body.admin-lean .main {
    padding: 10px !important;
  }

  body .driver-app :is(.driver-topbar, .jobs-sheet, .drawer, .driver-modal) {
    border-radius: 8px !important;
  }

  body .driver-app .driver-queue-tabs {
    gap: 8px !important;
  }
}

/* v143: polished scrollbars for admin/sidebar. */
body.admin-lean,
body.admin-lean * {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(74, 167, 239, 0.74) rgba(8, 17, 29, 0.18) !important;
}

html[data-theme="day"] body.admin-lean,
html[data-theme="day"] body.admin-lean * {
  scrollbar-color: rgba(29, 111, 216, 0.70) rgba(218, 233, 247, 0.72) !important;
}

body.admin-lean .sidebar {
  scrollbar-gutter: stable !important;
}

body.admin-lean .sidebar,
body.admin-lean .main {
  overscroll-behavior: contain !important;
}

body.admin-lean::-webkit-scrollbar,
body.admin-lean *::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}

body.admin-lean::-webkit-scrollbar-button,
body.admin-lean *::-webkit-scrollbar-button {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body.admin-lean::-webkit-scrollbar-track,
body.admin-lean *::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: rgba(8, 17, 29, 0.16) !important;
}

html[data-theme="day"] body.admin-lean::-webkit-scrollbar-track,
html[data-theme="day"] body.admin-lean *::-webkit-scrollbar-track {
  background: linear-gradient(180deg, rgba(222, 236, 249, 0.88), rgba(203, 224, 244, 0.74)) !important;
}

body.admin-lean::-webkit-scrollbar-thumb,
body.admin-lean *::-webkit-scrollbar-thumb {
  min-height: 64px !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, #70d7ff, #1d6fd8) border-box !important;
  background-clip: padding-box, border-box !important;
}

body.admin-lean::-webkit-scrollbar-thumb:hover,
body.admin-lean *::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, #a2e7ff, #2f86f0) border-box !important;
}

body.admin-lean .sidebar::-webkit-scrollbar-track {
  border-left: 1px solid rgba(132, 166, 205, 0.10) !important;
  background: linear-gradient(180deg, rgba(8, 20, 34, 0.92), rgba(9, 24, 40, 0.92)) !important;
}

body.admin-lean .sidebar::-webkit-scrollbar-thumb {
  border: 2px solid rgba(8, 20, 34, 0.92) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
  background: linear-gradient(180deg, #7fddff, #2382ee) border-box !important;
}

body.admin-lean .sidebar::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a8ebff, #45a0ff) border-box !important;
}

body.admin-lean .main::-webkit-scrollbar-track {
  box-shadow: inset 1px 0 0 rgba(42, 82, 124, 0.10) !important;
}

html[data-theme] body.admin-lean .sidebar::-webkit-scrollbar-track,
html[data-theme] body.admin-lean .sidebar::-webkit-scrollbar-track-piece {
  border-left: 1px solid rgba(132, 166, 205, 0.10) !important;
  background: linear-gradient(180deg, rgba(8, 20, 34, 0.96), rgba(7, 18, 31, 0.96)) !important;
}

html[data-theme] body.admin-lean .sidebar::-webkit-scrollbar-thumb {
  border: 2px solid rgba(8, 20, 34, 0.96) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.13) !important;
  background: linear-gradient(180deg, #73d9ff, #267de5) border-box !important;
}

/* v145: driver ride book view with privacy-safe entries. */
body .driver-app .driver-ridebook-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body .driver-app .driver-ridebook-summary div:first-child {
  grid-column: 1 / -1 !important;
}

body .driver-app .ridebook-privacy-note {
  display: grid !important;
  gap: 4px !important;
  margin: 12px 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(44, 160, 220, 0.26) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(44, 160, 220, 0.16), rgba(33, 196, 160, 0.10)) !important;
  color: var(--driver-ink, #0f1e32) !important;
}

body .driver-app .ridebook-privacy-note strong {
  font-size: 14px !important;
  font-weight: 1000 !important;
}

body .driver-app .ridebook-privacy-note span {
  color: var(--driver-muted, #5b6d82) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body .driver-app .driver-ridebook-card {
  border-left: 4px solid rgba(20, 184, 166, 0.78) !important;
}

body .driver-app .driver-ridebook-card.canceled {
  border-left-color: rgba(220, 67, 96, 0.82) !important;
}

body .driver-app .driver-ridebook-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 10px !important;
}

body .driver-app .driver-ridebook-tags span {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid rgba(93, 129, 171, 0.26) !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  background: rgba(238, 246, 255, 0.78) !important;
  color: var(--driver-ink, #0f1e32) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body .driver-app .driver-ridebook-detail {
  display: grid !important;
  gap: 12px !important;
}

body .driver-app .driver-ridebook-detail-grid {
  display: grid !important;
  grid-template-columns: minmax(92px, 0.45fr) minmax(0, 1fr) !important;
  gap: 8px 12px !important;
  padding: 14px !important;
  border: 1px solid var(--driver-line, #d6e2ee) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.68) !important;
}

body .driver-app .driver-ridebook-detail-grid span {
  color: var(--driver-muted, #5b6d82) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body .driver-app .driver-ridebook-detail-grid strong {
  min-width: 0 !important;
  color: var(--driver-ink, #0f1e32) !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  overflow-wrap: anywhere !important;
}

body .driver-app .driver-ridebook-detail p {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--driver-line, #d6e2ee) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.70) !important;
  color: var(--driver-muted, #5b6d82) !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;
}

html[data-theme="night"] body .driver-app .ridebook-privacy-note {
  border-color: rgba(71, 190, 236, 0.28) !important;
  background: linear-gradient(135deg, rgba(45, 166, 220, 0.18), rgba(20, 184, 166, 0.10)) !important;
  color: #f7fbff !important;
}

html[data-theme="night"] body .driver-app .ridebook-privacy-note span,
html[data-theme="night"] body .driver-app .driver-ridebook-detail p {
  color: rgba(222, 233, 246, 0.78) !important;
}

html[data-theme="night"] body .driver-app .driver-ridebook-tags span,
html[data-theme="night"] body .driver-app .driver-ridebook-detail-grid,
html[data-theme="night"] body .driver-app .driver-ridebook-detail p {
  border-color: rgba(126, 164, 210, 0.20) !important;
  background: rgba(14, 26, 43, 0.78) !important;
  color: #f7fbff !important;
}

html[data-theme="night"] body .driver-app .driver-ridebook-detail-grid span {
  color: rgba(207, 222, 241, 0.72) !important;
}

html[data-theme="night"] body .driver-app .driver-ridebook-detail-grid strong {
  color: #ffffff !important;
}

/* v146: compact driver workflow. No bottom menu strip, shorter cards, clearer action colors. */
body .driver-app .bottom-actions.hidden-mode,
body .driver-app .bottom-actions:empty {
  display: none !important;
}

body .driver-app .jobs-sheet {
  bottom: 0 !important;
  padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  scrollbar-gutter: stable !important;
}

body .driver-app .jobs-sheet.sheet-expanded {
  min-height: 0 !important;
}

body .driver-app :is(.driver-live-row, .compact-job-row) {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 8px !important;
}

body .driver-app :is(.driver-live-index, .compact-job-number) {
  width: 44px !important;
  height: 52px !important;
  border-radius: 8px !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

body .driver-app :is(.driver-live-main, .compact-job-body) {
  gap: 7px !important;
}

body .driver-app :is(.driver-live-head, .compact-job-route-row) {
  gap: 8px !important;
}

body .driver-app :is(.driver-live-head strong, .compact-job-route) {
  font-size: 17px !important;
  line-height: 1.14 !important;
}

body .driver-app :is(.driver-live-status, .compact-job-chip) {
  min-height: 26px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
}

body .driver-app :is(.driver-live-meta, .driver-live-foot, .compact-job-meta, .compact-job-footer) {
  gap: 6px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body .driver-app :is(.driver-live-note, .compact-job-note) {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  margin-top: 0 !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
  overflow: hidden !important;
}

body .driver-app :is(.driver-live-actions, .compact-row-actions) {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-top: 6px !important;
}

body .driver-app :is(.driver-live-actions button, .compact-row-actions button) {
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body .driver-app :is(.driver-live-actions .mini-main-action, .compact-row-actions .mini-main-action) {
  grid-column: 1 / -1 !important;
  order: 20 !important;
  min-height: 48px !important;
  font-size: 15px !important;
}

body .driver-app .driver-card-note-preview {
  grid-column: 1 / -1 !important;
  order: 10 !important;
  display: grid !important;
  gap: 4px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(93, 129, 171, 0.24) !important;
  border-radius: 8px !important;
  background: rgba(93, 129, 171, 0.10) !important;
}

body .driver-app .driver-card-note-preview span {
  color: var(--driver-amber, #f2c04c) !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body .driver-app .driver-card-note-preview p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  margin: 0 !important;
  color: var(--driver-ink, #f3f8ff) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
}

body .driver-app .driver-action-grid .driver-card-note-preview {
  order: 10 !important;
}

body .driver-app .driver-action-grid .wide-action {
  order: 20 !important;
}

body .driver-app :is(.driver-live-row.tone-offer, .compact-job-row.is-new-offer, .job-card.is-new-offer) {
  border-color: rgba(255, 62, 62, 0.98) !important;
  background:
    radial-gradient(circle at top left, rgba(255, 62, 62, 0.22), transparent 44%),
    linear-gradient(180deg, rgba(47, 15, 20, 0.98), rgba(13, 15, 24, 0.99)) !important;
  animation: nrDriverNewOrderPulse 1.05s ease-in-out infinite !important;
}

html[data-theme="day"] body .driver-app :is(.driver-live-row.tone-offer, .compact-job-row.is-new-offer, .job-card.is-new-offer) {
  background:
    radial-gradient(circle at top left, rgba(255, 62, 62, 0.16), transparent 44%),
    linear-gradient(180deg, #fff7f7 0%, #fff0f0 100%) !important;
}

body .driver-app :is(.driver-live-row.tone-offer .driver-live-status, .compact-job-row.is-new-offer .compact-job-chip, .job-card.is-new-offer .chip) {
  border-color: rgba(255, 62, 62, 0.42) !important;
  background: rgba(255, 62, 62, 0.18) !important;
  color: #ffb3b3 !important;
}

html[data-theme="day"] body .driver-app :is(.driver-live-row.tone-offer .driver-live-status, .compact-job-row.is-new-offer .compact-job-chip, .job-card.is-new-offer .chip) {
  color: #b42318 !important;
}

body .driver-app .driver-live-row.has-cancel-action .driver-live-head {
  padding-right: 42px !important;
}

body .driver-app .driver-live-row.has-cancel-action .driver-live-status {
  max-width: 96px !important;
}

body .driver-app .driver-live-close {
  top: 8px !important;
  right: 8px !important;
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 8px !important;
  font-size: 24px !important;
}

body .driver-app :is(.mini-accept, .mini-primary, .mini-main-action, .bottom-primary.action-accept) {
  border-color: rgba(29, 111, 216, 0.42) !important;
  background: linear-gradient(135deg, #34c6d7, #1d6fd8) !important;
  color: #ffffff !important;
}

body .driver-app :is(.stage-arrived, .stage-boarding) {
  border-color: rgba(14, 165, 183, 0.42) !important;
  background: linear-gradient(135deg, #36cfc2, #1687d9) !important;
  color: #ffffff !important;
}

body .driver-app .stage-complete {
  border-color: rgba(22, 132, 90, 0.44) !important;
  background: linear-gradient(135deg, #52d883, #158a5a) !important;
  color: #ffffff !important;
}

body .driver-app :is(.mini-call, .action-call) {
  border-color: rgba(15, 159, 145, 0.34) !important;
  background: linear-gradient(135deg, #48d6c0, #119a89) !important;
  color: #06201d !important;
}

body .driver-app :is(.mini-schedule, .action-schedule) {
  border-color: rgba(185, 120, 16, 0.34) !important;
  background: linear-gradient(135deg, #ffd66d, #d99021) !important;
  color: #241607 !important;
}

body .driver-app :is(.mini-contact, .action-contact) {
  border-color: rgba(22, 132, 90, 0.34) !important;
  background: linear-gradient(135deg, #a6f0bf, #35a869) !important;
  color: #06170d !important;
}

body .driver-app :is(.mini-transfer, .action-transfer) {
  border-color: rgba(43, 104, 189, 0.34) !important;
  background: linear-gradient(135deg, #7fb5ff, #2868c9) !important;
  color: #ffffff !important;
}

body .driver-app :is(.mini-info, .mini-more, .action-note, .action-recording) {
  border-color: rgba(93, 129, 171, 0.32) !important;
  background: linear-gradient(135deg, rgba(93, 129, 171, 0.24), rgba(37, 62, 94, 0.92)) !important;
  color: #f3f8ff !important;
}

body .driver-app .mini-reminder {
  border-color: rgba(80, 126, 217, 0.34) !important;
  background: linear-gradient(135deg, #a8c6ff, #4b7fe2) !important;
  color: #07152e !important;
}

body .driver-app :is(.mini-decline, .driver-modal-form button.danger) {
  border-color: rgba(198, 40, 40, 0.38) !important;
  background: linear-gradient(135deg, #ff7c78, #d92d20) !important;
  color: #ffffff !important;
}

body .driver-app .driver-quick-action-menu {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

body .driver-app .driver-quick-action-menu button {
  min-height: 50px !important;
  border-radius: 8px !important;
  border: 1px solid var(--driver-line, rgba(43, 84, 129, 0.16)) !important;
  font-weight: 950 !important;
}

body .driver-app .driver-quick-action-menu .is-danger {
  grid-column: 1 / -1 !important;
}

@media (min-width: 760px) {
  body .driver-app .jobs-sheet {
    bottom: 22px !important;
    padding-bottom: 18px !important;
  }
}

@media (max-width: 420px) {
  body .driver-app :is(.driver-live-actions, .compact-row-actions) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body .driver-app :is(.driver-live-head strong, .compact-job-route) {
    font-size: 16px !important;
  }
}

/* v149: telephony test cockpit and call audit. */
body.admin-lean :is(.telephony-test-console, .telephony-audit-wrap, .telephony-audit-card) {
  border: 1px solid var(--pro-admin-line, rgba(44, 82, 124, 0.16)) !important;
  border-radius: 8px !important;
  background: var(--pro-admin-panel, #ffffff) !important;
  color: var(--pro-admin-ink, #102136) !important;
  box-shadow: none !important;
}

html[data-theme="night"] body.admin-lean :is(.telephony-test-console, .telephony-audit-wrap, .telephony-audit-card) {
  background: rgba(17, 26, 36, 0.94) !important;
  color: #f3f8ff !important;
}

body.admin-lean .telephony-test-actions {
  grid-template-columns: repeat(auto-fit, minmax(152px, 1fr)) !important;
}

body.admin-lean .telephony-test-btn {
  border-radius: 8px !important;
  border: 1px solid rgba(42, 82, 124, 0.18) !important;
  background: #f4f8fd !important;
  color: var(--pro-admin-ink, #102136) !important;
  box-shadow: none !important;
}

body.admin-lean .telephony-test-btn.primary {
  border-color: rgba(29, 111, 216, 0.28) !important;
  background: linear-gradient(135deg, #53b6ef, #1d6fd8) !important;
  color: #ffffff !important;
}

body.admin-lean .telephony-test-btn.warn {
  border-color: rgba(185, 120, 16, 0.32) !important;
  background: #fff7dd !important;
  color: #5f3708 !important;
}

body.admin-lean .telephony-test-btn.danger {
  border-color: rgba(180, 35, 74, 0.28) !important;
  background: #fff1f2 !important;
  color: #9f1239 !important;
}

body.admin-lean .telephony-test-btn small {
  color: currentColor !important;
  opacity: 0.72 !important;
}

html[data-theme="night"] body.admin-lean .telephony-test-btn {
  border-color: rgba(123, 166, 210, 0.18) !important;
  background: rgba(19, 32, 51, 0.96) !important;
  color: #eaf4ff !important;
}

html[data-theme="night"] body.admin-lean .telephony-test-btn.primary {
  background: linear-gradient(135deg, #25b4cf, #1d6fd8) !important;
  color: #ffffff !important;
}

html[data-theme="night"] body.admin-lean .telephony-test-btn.warn {
  background: rgba(185, 120, 16, 0.20) !important;
  color: #ffd77a !important;
}

html[data-theme="night"] body.admin-lean .telephony-test-btn.danger {
  background: rgba(180, 35, 74, 0.20) !important;
  color: #ffb4c2 !important;
}

body.admin-lean .telephony-test-result {
  border-color: rgba(22, 132, 90, 0.26) !important;
  background: #e9f9f0 !important;
  color: #0f5135 !important;
}

html[data-theme="night"] body.admin-lean .telephony-test-result {
  background: rgba(22, 132, 90, 0.18) !important;
  color: #baf4d4 !important;
}

body.admin-lean .telephony-audit-card li {
  background: var(--pro-admin-soft, #f4f8fd) !important;
  color: var(--pro-admin-ink, #102136) !important;
}

html[data-theme="night"] body.admin-lean .telephony-audit-card li {
  background: rgba(10, 17, 26, 0.72) !important;
  color: #f3f8ff !important;
}

body.admin-lean .telephony-audit-head span,
body.admin-lean .telephony-audit-card li span,
body.admin-lean .telephony-audit-card li small,
body.admin-lean .telephony-test-result small {
  color: var(--pro-admin-muted, #5d7189) !important;
}

html[data-theme="night"] body.admin-lean .telephony-audit-head span,
html[data-theme="night"] body.admin-lean .telephony-audit-card li span,
html[data-theme="night"] body.admin-lean .telephony-audit-card li small,
html[data-theme="night"] body.admin-lean .telephony-test-result small {
  color: rgba(214, 229, 244, 0.76) !important;
}

/* v151: driver map seam and readable modal selects. Visual-only. */
body .driver-app .driver-map {
  isolation: isolate !important;
  background: #0d1724 !important;
}

html[data-theme="day"] body .driver-app .driver-map {
  background: #dcebf5 !important;
}

body .driver-app .driver-map.leaflet-ready :is(.map-grid, .route-line, .place, #driverMapPins) {
  display: none !important;
}

body .driver-app .live-map {
  inset: -1px !important;
  background: #0d1724 !important;
}

html[data-theme="day"] body .driver-app .live-map {
  background: #dcebf5 !important;
}

body .driver-app .live-map :is(.leaflet-container, .leaflet-pane, .leaflet-map-pane, .leaflet-tile-pane) {
  background: transparent !important;
}

body .driver-app .live-map .leaflet-tile {
  filter: none !important;
  outline: 1px solid transparent !important;
  border: 0 !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

html[data-theme="night"] body .driver-app .live-map .leaflet-tile-pane {
  filter: var(--mk-map-filter) !important;
}

html[data-theme="day"] body .driver-app .live-map .leaflet-tile-pane {
  filter: none !important;
}

body .driver-app .driver-modal-form select {
  color-scheme: light !important;
  background: #ffffff !important;
  color: #102136 !important;
}

body .driver-app .driver-modal-form select option,
body .driver-app .driver-modal-form select optgroup {
  background: #ffffff !important;
  color: #102136 !important;
}

body .driver-app .driver-modal-form select option:checked {
  background: #1d6fd8 !important;
  color: #ffffff !important;
}

html[data-theme="night"] body .driver-app .driver-modal-form select {
  color-scheme: dark !important;
  background: #101b29 !important;
  color: #f3f8ff !important;
}

html[data-theme="night"] body .driver-app .driver-modal-form select option,
html[data-theme="night"] body .driver-app .driver-modal-form select optgroup {
  background: #101b29 !important;
  color: #f3f8ff !important;
}

html[data-theme="night"] body .driver-app .driver-modal-form select option:checked {
  background: #1d6fd8 !important;
  color: #ffffff !important;
}

/* v153: company Odorik setup wizard. Admin visuals only. */
body.admin-lean .odorik-setup-shell {
  border-radius: 8px !important;
  border-color: var(--pro-admin-line, rgba(42, 82, 124, 0.18)) !important;
  background: var(--pro-admin-panel, #ffffff) !important;
  color: var(--pro-admin-ink, #102136) !important;
  box-shadow: none !important;
}

html[data-theme="night"] body.admin-lean .odorik-setup-shell {
  border-color: rgba(123, 166, 210, 0.18) !important;
  background: rgba(17, 26, 36, 0.96) !important;
  color: #f3f8ff !important;
}

body.admin-lean .odorik-setup-grid article,
body.admin-lean .odorik-health-empty,
body.admin-lean .odorik-health-summary,
body.admin-lean .odorik-check-list article,
body.admin-lean .odorik-manual {
  border-radius: 8px !important;
  border-color: rgba(42, 82, 124, 0.16) !important;
  background: var(--pro-admin-soft, #f4f8fd) !important;
  color: var(--pro-admin-ink, #102136) !important;
}

html[data-theme="night"] body.admin-lean .odorik-setup-grid article,
html[data-theme="night"] body.admin-lean .odorik-health-empty,
html[data-theme="night"] body.admin-lean .odorik-health-summary,
html[data-theme="night"] body.admin-lean .odorik-check-list article,
html[data-theme="night"] body.admin-lean .odorik-manual {
  border-color: rgba(123, 166, 210, 0.18) !important;
  background: rgba(11, 20, 33, 0.72) !important;
  color: #f3f8ff !important;
}

body.admin-lean .odorik-setup-shell :is(h3, h4, strong, b) {
  color: var(--pro-admin-ink, #102136) !important;
}

html[data-theme="night"] body.admin-lean .odorik-setup-shell :is(h3, h4, strong, b) {
  color: #f3f8ff !important;
}

body.admin-lean .odorik-setup-shell :is(small, span, li, label) {
  color: var(--pro-admin-muted, #5d7189) !important;
}

html[data-theme="night"] body.admin-lean .odorik-setup-shell :is(small, span, li, label) {
  color: rgba(214, 229, 244, 0.78) !important;
}

body.admin-lean .odorik-action-row button {
  border-radius: 8px !important;
  background: #eef5ff !important;
  color: #102136 !important;
}

body.admin-lean .odorik-action-row button:first-child {
  background: linear-gradient(135deg, #35b7df, #1d6fd8) !important;
  color: #ffffff !important;
}

html[data-theme="night"] body.admin-lean .odorik-action-row button {
  background: rgba(19, 32, 51, 0.96) !important;
  color: #f3f8ff !important;
}

body.admin-lean .odorik-check-list article.ok b {
  background: #dff8e9 !important;
  color: #0f5135 !important;
}

body.admin-lean .odorik-check-list article.warn b {
  background: #fff2ca !important;
  color: #7a4b00 !important;
}

/* v154: owner mobile admin lists become readable cards instead of squeezed tables. */
@media (max-width: 720px) {
  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-table-list {
    max-height: none !important;
    overflow: visible !important;
    padding: 12px !important;
    gap: 10px !important;
    background: transparent !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row-head {
    display: none !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row {
    min-width: 0 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 12px !important;
    border: 1px solid rgba(42, 82, 124, 0.18) !important;
    border-radius: 10px !important;
    background: var(--pro-admin-panel, #ffffff) !important;
    box-shadow: 0 10px 24px rgba(8, 17, 28, 0.08) !important;
  }

  html[data-theme="night"] body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row {
    border-color: rgba(123, 166, 210, 0.16) !important;
    background: rgba(16, 25, 38, 0.96) !important;
    box-shadow: none !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row > div {
    min-width: 0 !important;
    padding: 8px 9px !important;
    border: 1px solid rgba(42, 82, 124, 0.12) !important;
    border-radius: 8px !important;
    background: var(--pro-admin-soft, #f4f8fd) !important;
  }

  html[data-theme="night"] body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row > div {
    border-color: rgba(123, 166, 210, 0.12) !important;
    background: rgba(8, 16, 27, 0.64) !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row > div:not(.row-actions)::before {
    content: attr(data-label);
    display: block;
    margin: 0 0 4px;
    color: var(--pro-admin-muted, #5d7189) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
  }

  html[data-theme="night"] body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row > div:not(.row-actions)::before {
    color: rgba(214, 229, 244, 0.68) !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row-main {
    grid-column: 1 / -1 !important;
    padding: 11px !important;
    border-color: rgba(29, 111, 216, 0.18) !important;
    background: linear-gradient(180deg, rgba(47, 142, 232, 0.08), var(--pro-admin-soft, #f4f8fd)) !important;
  }

  html[data-theme="night"] body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row-main {
    border-color: rgba(67, 172, 223, 0.18) !important;
    background: linear-gradient(180deg, rgba(47, 142, 232, 0.16), rgba(8, 16, 27, 0.7)) !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row strong {
    overflow-wrap: anywhere !important;
    color: var(--pro-admin-ink, #102136) !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row-main strong {
    font-size: 18px !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row small {
    overflow-wrap: anywhere !important;
    color: var(--pro-admin-muted, #5d7189) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html[data-theme="night"] body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row strong {
    color: #f3f8ff !important;
  }

  html[data-theme="night"] body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row small {
    color: rgba(214, 229, 244, 0.74) !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .row-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .row-actions button {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    font-size: 14px !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .pill {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .pager {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    padding: 10px 0 0 !important;
    border-top: 0 !important;
    background: transparent !important;
  }

  body.admin-lean :is(.customers-panel, .payments-panel, .ridebook-panel) .admin-row.admin-row-head {
    display: none !important;
  }
}

/* v156 - keep restore action visible after global admin button rules */
body.admin-lean .danger-btn.restore-confirm-btn,
html[data-theme="day"] body.admin-lean .danger-btn.restore-confirm-btn,
html[data-theme="night"] body.admin-lean .danger-btn.restore-confirm-btn {
  background: linear-gradient(135deg, #c92f3b, #7c1320) !important;
  color: #ffffff !important;
  border: 1px solid rgba(143, 32, 48, 0.38) !important;
}

body.admin-lean .danger-btn.restore-confirm-btn:disabled,
html[data-theme="day"] body.admin-lean .danger-btn.restore-confirm-btn:disabled,
html[data-theme="night"] body.admin-lean .danger-btn.restore-confirm-btn:disabled {
  background: linear-gradient(135deg, #eef4fb, #d9e5f2) !important;
  color: #6c7f99 !important;
  border-color: rgba(93, 124, 163, 0.25) !important;
  opacity: 1 !important;
}

/* v160 - driver mobile statistics. Scoped to driver app only. */
body .driver-app .driver-summary-chart-card {
  align-content: stretch !important;
  gap: 8px !important;
}

body .driver-app .driver-stats-panel {
  display: grid !important;
  gap: 12px !important;
}

body .driver-app .driver-stats-hero,
body .driver-app .driver-stats-card,
body .driver-app .driver-stats-metrics > div {
  border: 1px solid rgba(78, 129, 190, 0.22) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(235, 244, 255, 0.82)) !important;
  color: #0f1e32 !important;
  box-shadow: 0 12px 24px rgba(19, 45, 74, 0.08) !important;
}

body .driver-app .driver-stats-hero {
  padding: 16px !important;
  background: linear-gradient(135deg, rgba(35, 164, 222, 0.18), rgba(31, 198, 160, 0.16), rgba(255, 204, 74, 0.14)) !important;
}

body .driver-app .driver-stats-hero span,
body .driver-app .driver-stats-card-head span,
body .driver-app .driver-stats-metrics span,
body .driver-app .driver-stats-day-row span,
body .driver-app .driver-stats-day-row small,
body .driver-app .driver-stats-bar small {
  color: #53687f !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body .driver-app .driver-stats-hero span,
body .driver-app .driver-stats-card-head span {
  text-transform: uppercase !important;
}

body .driver-app .driver-stats-hero strong {
  display: block !important;
  margin-top: 2px !important;
  color: #081827 !important;
  font-size: 40px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body .driver-app .driver-stats-hero small {
  display: block !important;
  margin-top: 8px !important;
  color: #53687f !important;
  font-weight: 900 !important;
}

body .driver-app .driver-stats-metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body .driver-app .driver-stats-metrics > div {
  min-height: 82px !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  padding: 12px !important;
}

body .driver-app .driver-stats-metrics strong {
  color: #0c1e33 !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
}

body .driver-app .driver-stats-card {
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
}

body .driver-app .driver-stats-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body .driver-app .driver-stats-card-head strong {
  color: #0c1e33 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
}

body .driver-app .driver-stats-bars {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: end !important;
}

body .driver-app .driver-stats-bars.mini {
  gap: 5px !important;
  margin-top: 2px !important;
}

body .driver-app .driver-stats-bar {
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: 96px auto auto !important;
  gap: 5px !important;
  text-align: center !important;
}

body .driver-app .driver-stats-bars.mini .driver-stats-bar {
  grid-template-rows: 52px auto !important;
}

body .driver-app .driver-stats-bars.mini .driver-stats-bar small {
  display: none !important;
}

body .driver-app .driver-stats-track {
  min-height: 52px !important;
  display: flex !important;
  align-items: flex-end !important;
  border: 1px solid rgba(80, 122, 169, 0.18) !important;
  border-radius: 999px !important;
  padding: 3px !important;
  background: rgba(15, 32, 52, 0.08) !important;
  overflow: hidden !important;
}

body .driver-app .driver-stats-fill {
  width: 100% !important;
  min-height: 6px !important;
  display: block !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #69d8ff, #2377ea) !important;
  box-shadow: 0 8px 18px rgba(35, 119, 234, 0.22) !important;
}

body .driver-app .driver-stats-bar strong {
  color: #132033 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body .driver-app .driver-summary-chart-card .driver-stats-track {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body .driver-app .driver-summary-chart-card .driver-stats-bar strong {
  color: rgba(255, 255, 255, 0.82) !important;
}

body .driver-app .driver-payment-split {
  display: grid !important;
  gap: 10px !important;
}

body .driver-app .driver-payment-track {
  height: 18px !important;
  display: flex !important;
  border-radius: 999px !important;
  background: rgba(15, 32, 52, 0.10) !important;
  overflow: hidden !important;
}

body .driver-app .driver-payment-track .cash {
  background: linear-gradient(90deg, #40d08a, #20a866) !important;
}

body .driver-app .driver-payment-track .card {
  background: linear-gradient(90deg, #6ea8ff, #246fe5) !important;
}

body .driver-app .driver-payment-legend {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body .driver-app .driver-payment-legend span {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #53687f !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body .driver-app .driver-payment-legend b {
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px !important;
  border-radius: 999px !important;
  background: #20a866 !important;
}

body .driver-app .driver-payment-legend span:nth-child(2) b {
  background: #246fe5 !important;
}

body .driver-app .driver-stats-day-list {
  display: grid !important;
  gap: 7px !important;
}

body .driver-app .driver-stats-day-row {
  min-height: 42px !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) minmax(96px, auto) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(80, 122, 169, 0.16) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.62) !important;
}

body .driver-app .driver-stats-day-row strong {
  color: #0c1e33 !important;
  font-size: 16px !important;
  overflow-wrap: anywhere !important;
}

html[data-theme="night"] body .driver-app .driver-stats-hero,
html[data-theme="night"] body .driver-app .driver-stats-card,
html[data-theme="night"] body .driver-app .driver-stats-metrics > div {
  border-color: rgba(126, 164, 210, 0.18) !important;
  background: linear-gradient(180deg, rgba(20, 32, 51, 0.96), rgba(10, 17, 29, 0.96)) !important;
  color: #f7fbff !important;
}

html[data-theme="night"] body .driver-app .driver-stats-hero {
  background: linear-gradient(135deg, rgba(35, 164, 222, 0.20), rgba(31, 198, 160, 0.14), rgba(255, 204, 74, 0.10)) !important;
}

html[data-theme="night"] body .driver-app .driver-stats-hero strong,
html[data-theme="night"] body .driver-app .driver-stats-metrics strong,
html[data-theme="night"] body .driver-app .driver-stats-card-head strong,
html[data-theme="night"] body .driver-app .driver-stats-bar strong,
html[data-theme="night"] body .driver-app .driver-stats-day-row strong {
  color: #ffffff !important;
}

html[data-theme="night"] body .driver-app .driver-stats-hero span,
html[data-theme="night"] body .driver-app .driver-stats-hero small,
html[data-theme="night"] body .driver-app .driver-stats-card-head span,
html[data-theme="night"] body .driver-app .driver-stats-metrics span,
html[data-theme="night"] body .driver-app .driver-stats-day-row span,
html[data-theme="night"] body .driver-app .driver-stats-day-row small,
html[data-theme="night"] body .driver-app .driver-stats-bar small,
html[data-theme="night"] body .driver-app .driver-payment-legend span {
  color: rgba(222, 233, 246, 0.76) !important;
}

html[data-theme="night"] body .driver-app .driver-stats-track,
html[data-theme="night"] body .driver-app .driver-payment-track,
html[data-theme="night"] body .driver-app .driver-stats-day-row {
  border-color: rgba(126, 164, 210, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

@media (max-width: 420px) {
  body .driver-app .driver-stats-metrics {
    grid-template-columns: 1fr 1fr !important;
  }

  body .driver-app .driver-stats-day-row {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  body .driver-app .driver-stats-day-row small {
    grid-column: 1 / -1 !important;
  }

  body .driver-app .driver-stats-hero strong {
    font-size: 34px !important;
  }
}

body .driver-app .sheet-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

body .driver-app .pause-action-button {
  border-color: rgba(139, 92, 246, 0.4) !important;
  background: linear-gradient(135deg, #a855f7, #6d28d9) !important;
  color: #ffffff !important;
}

body .driver-app .pause-action-button.is-paused {
  border-color: rgba(29, 111, 216, 0.32) !important;
  background: linear-gradient(135deg, #35c6d6, #1d6fd8) !important;
  color: #ffffff !important;
}

body .driver-app .pause-action-button.is-blocked {
  border-color: rgba(220, 38, 38, 0.38) !important;
  background: linear-gradient(135deg, #ef4444, #991b1b) !important;
  color: #ffffff !important;
}

body.admin-lean .orders-table-list {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

body.admin-lean .orders-table-list .admin-row {
  min-width: 1640px !important;
  grid-template-columns: 0.95fr 0.9fr 1.05fr 1.35fr 1fr 1fr 0.85fr 0.8fr 1.35fr 0.9fr !important;
}

/* v175: AA readable driver tabs, with blue reserved only for the active tab. */
body .driver-app .driver-queue-tabs button:not(.active) {
  border-color: rgba(124, 151, 184, 0.24) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  color: rgba(236, 244, 255, 0.78) !important;
}

body .driver-app .driver-queue-tabs button:not(.active) span {
  color: rgba(236, 244, 255, 0.78) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.18) !important;
}

body .driver-app .driver-queue-tabs button strong {
  opacity: 1 !important;
  text-shadow: none !important;
}

body .driver-app .driver-queue-tabs button:not(.active) strong {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

body .driver-app .driver-queue-tabs button.active {
  background: linear-gradient(135deg, #35c6d6, #1d6fd8) !important;
  border-color: rgba(29, 111, 216, 0.52) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(29, 111, 216, 0.24) !important;
}

body .driver-app .driver-queue-tabs button.active span,
body .driver-app .driver-queue-tabs button.active strong {
  color: #ffffff !important;
}

body .driver-app .driver-queue-tabs button.active strong {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.24) !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button:not(.active) {
  border-color: rgba(57, 91, 130, 0.20) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: rgba(16, 33, 54, 0.78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button:not(.active) span {
  color: rgba(16, 33, 54, 0.78) !important;
  text-shadow: none !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button:not(.active) strong {
  border-color: rgba(35, 75, 120, 0.12) !important;
  background: rgba(15, 32, 52, 0.10) !important;
  color: #102136 !important;
}

/* v177: final readable queue segments for day/night driving. */
body .driver-app .driver-queue-tabs {
  gap: 8px !important;
}

body .driver-app .driver-queue-tabs button {
  min-height: 46px !important;
  padding: 0 11px !important;
  gap: 8px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

body .driver-app .driver-queue-tabs button span {
  font-size: 13px !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

body .driver-app .driver-queue-tabs button strong {
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

html[data-theme="night"] body .driver-app .driver-queue-tabs button:not(.active) {
  border-color: rgba(151, 174, 205, 0.24) !important;
  background: linear-gradient(180deg, rgba(25, 39, 59, 0.98), rgba(14, 24, 39, 0.98)) !important;
  color: rgba(244, 248, 255, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="night"] body .driver-app .driver-queue-tabs button:not(.active) span {
  color: rgba(244, 248, 255, 0.82) !important;
  text-shadow: none !important;
}

html[data-theme="night"] body .driver-app .driver-queue-tabs button:not(.active) strong {
  border-color: rgba(255, 255, 255, 0.10) !important;
  background: #e8f0fa !important;
  color: #102136 !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button:not(.active) {
  border-color: rgba(72, 105, 143, 0.22) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 253, 0.98)) !important;
  color: rgba(16, 33, 54, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button:not(.active) span {
  color: rgba(16, 33, 54, 0.82) !important;
  text-shadow: none !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button:not(.active) strong {
  border-color: rgba(33, 58, 88, 0.10) !important;
  background: #e7eef6 !important;
  color: #102136 !important;
}

body .driver-app .driver-queue-tabs button.active {
  border-color: rgba(29, 111, 216, 0.56) !important;
  background: linear-gradient(135deg, #1d6fd8 0%, #1558c9 58%, #0f3f9f 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(29, 111, 216, 0.28) !important;
}

body .driver-app .driver-queue-tabs button.active span {
  color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(3, 16, 34, 0.32) !important;
}

body .driver-app .driver-queue-tabs button.active strong {
  border-color: rgba(255, 255, 255, 0.20) !important;
  background: #ffffff !important;
  color: #1558c9 !important;
}

@media (max-width: 520px) {
  body .driver-app .driver-queue-tabs {
    gap: 6px !important;
  }

  body .driver-app .driver-queue-tabs button {
    min-height: 43px !important;
    padding: 0 8px !important;
    gap: 6px !important;
    border-radius: 12px !important;
  }

  body .driver-app .driver-queue-tabs button span {
    font-size: 11.5px !important;
  }

  body .driver-app .driver-queue-tabs button strong {
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    font-size: 10px !important;
  }
}

/* v178: beat older theme-specific tab sizing rules. */
html[data-theme="day"] body .driver-app .driver-queue-tabs,
html[data-theme="night"] body .driver-app .driver-queue-tabs {
  gap: 8px !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button,
html[data-theme="night"] body .driver-app .driver-queue-tabs button {
  min-height: 46px !important;
  padding: 0 11px !important;
  gap: 8px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button span,
html[data-theme="night"] body .driver-app .driver-queue-tabs button span {
  font-size: 13px !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

html[data-theme="day"] body .driver-app .driver-queue-tabs button strong,
html[data-theme="night"] body .driver-app .driver-queue-tabs button strong {
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

@media (max-width: 520px) {
  html[data-theme="day"] body .driver-app .driver-queue-tabs,
  html[data-theme="night"] body .driver-app .driver-queue-tabs {
    gap: 6px !important;
  }

  html[data-theme="day"] body .driver-app .driver-queue-tabs button,
  html[data-theme="night"] body .driver-app .driver-queue-tabs button {
    min-height: 43px !important;
    padding: 0 8px !important;
    gap: 6px !important;
    border-radius: 12px !important;
  }

  html[data-theme="day"] body .driver-app .driver-queue-tabs button span,
  html[data-theme="night"] body .driver-app .driver-queue-tabs button span {
    font-size: 11.5px !important;
  }

  html[data-theme="day"] body .driver-app .driver-queue-tabs button strong,
  html[data-theme="night"] body .driver-app .driver-queue-tabs button strong {
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    font-size: 10px !important;
  }
}

/* v182: real Odorik credit display for each company. */
.summary-item.odorik-credit,
.company-odorik-credit {
  position: relative;
  overflow: hidden;
}

.summary-item.odorik-credit::before,
.company-odorik-credit::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.12), transparent 56%);
}

.summary-item.odorik-credit.good,
.company-odorik-credit.good {
  border-color: rgba(52, 211, 153, 0.42) !important;
  box-shadow: inset 4px 0 0 rgba(52, 211, 153, 0.9);
}

.summary-item.odorik-credit.warn,
.company-odorik-credit.warn {
  border-color: rgba(245, 158, 11, 0.42) !important;
  box-shadow: inset 4px 0 0 rgba(245, 158, 11, 0.9);
}

.summary-item.odorik-credit.hot,
.company-odorik-credit.hot {
  border-color: rgba(239, 68, 68, 0.48) !important;
  box-shadow: inset 4px 0 0 rgba(239, 68, 68, 0.92);
}

.summary-item.odorik-credit small,
.company-odorik-credit small {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 3px;
}

.summary-item.odorik-credit strong,
.summary-item.odorik-credit span,
.company-odorik-credit strong,
.company-odorik-credit small {
  position: relative;
  z-index: 1;
}

.company-odorik-credit {
  display: grid;
  align-content: center;
  min-height: 74px;
  padding: 13px 14px;
  border: 1px solid var(--mk-border, rgba(125, 160, 205, 0.28));
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
}

.company-odorik-credit strong {
  font-size: clamp(18px, 2vw, 26px);
}

html[data-theme="day"] .company-odorik-credit {
  background: rgba(255, 255, 255, 0.74);
}

.odorik-credit-board {
  display: grid;
  gap: 12px;
}

.odorik-credit-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 118px;
  padding: 22px;
  border: 1px solid rgba(88, 122, 173, 0.28);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(20, 35, 56, 0.94), rgba(12, 22, 36, 0.96)),
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.24), transparent 42%);
  color: #f8fbff;
  box-shadow: 0 18px 48px rgba(4, 12, 24, 0.18);
}

.odorik-credit-hero.good {
  border-color: rgba(52, 211, 153, 0.44);
}

.odorik-credit-hero.warn {
  border-color: rgba(245, 158, 11, 0.48);
}

.odorik-credit-hero.hot {
  border-color: rgba(239, 68, 68, 0.5);
}

.odorik-credit-hero span,
.odorik-credit-hero small {
  display: block;
  color: rgba(226, 238, 255, 0.78);
  font-weight: 850;
}

.odorik-credit-hero strong {
  display: block;
  margin: 4px 0 2px;
  font-size: clamp(36px, 6vw, 68px);
  line-height: 0.95;
  letter-spacing: 0;
}

.odorik-credit-hero b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.odorik-credit-hero.good b {
  background: rgba(52, 211, 153, 0.18);
  color: #9ff2c8;
}

.odorik-credit-hero.warn b {
  background: rgba(245, 158, 11, 0.17);
  color: #ffd782;
}

.odorik-credit-hero.hot b {
  background: rgba(239, 68, 68, 0.18);
  color: #ffb4b4;
}

html[data-theme="day"] .odorik-credit-hero {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 245, 255, 0.98)),
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.14), transparent 42%);
  color: #10233d;
}

html[data-theme="day"] .odorik-credit-hero span,
html[data-theme="day"] .odorik-credit-hero small {
  color: rgba(40, 61, 91, 0.78);
}

@media (max-width: 680px) {
  .odorik-credit-hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding: 18px;
  }

  .odorik-credit-hero b {
    min-width: 0;
    width: fit-content;
  }
}

/* v196 - sales leads from public login form. */
.sales-leads-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.sales-lead-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(18, 54, 86, 0.92), rgba(10, 23, 39, 0.96)),
    radial-gradient(circle at top right, rgba(247, 186, 49, 0.16), transparent 45%);
  color: #f7fbff;
  padding: 16px;
  box-shadow: 0 18px 44px rgba(3, 10, 22, 0.18);
}

.sales-lead-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.sales-lead-card span,
.sales-lead-card small,
.sales-lead-card time {
  color: rgba(223, 238, 255, 0.78);
  font-weight: 850;
}

.sales-lead-card-head span {
  display: block;
  margin-bottom: 4px;
  color: #69d2ff;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.sales-lead-card strong {
  display: block;
  color: #ffffff;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.08;
}

.sales-lead-card-head b {
  flex: 0 0 auto;
  border: 1px solid rgba(247, 186, 49, 0.34);
  border-radius: 999px;
  background: rgba(247, 186, 49, 0.15);
  color: #ffdf7d;
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 1000;
}

.sales-lead-contact {
  display: grid;
  gap: 3px;
  border: 1px solid rgba(129, 170, 220, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  padding: 11px 12px;
}

.sales-lead-contact span {
  color: #ffffff;
}

.sales-lead-card p {
  margin: 0;
  color: rgba(232, 242, 255, 0.9);
  font-weight: 760;
  line-height: 1.45;
}

.sales-lead-pipeline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.sales-lead-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 30px;
  border: 1px solid rgba(129, 170, 220, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #eaf6ff !important;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 1000;
}

.sales-lead-status.is-new,
.sales-lead-status.is-pricing {
  border-color: rgba(247, 186, 49, 0.4);
  background: rgba(247, 186, 49, 0.18);
  color: #ffe39a !important;
}

.sales-lead-status.is-contacted {
  border-color: rgba(56, 189, 248, 0.4);
  background: rgba(56, 189, 248, 0.16);
  color: #bff0ff !important;
}

.sales-lead-status.is-won,
.sales-lead-status.is-resolved {
  border-color: rgba(34, 197, 94, 0.38);
  background: rgba(34, 197, 94, 0.16);
  color: #b8ffd5 !important;
}

.sales-lead-status.is-lost {
  border-color: rgba(248, 113, 113, 0.42);
  background: rgba(248, 113, 113, 0.14);
  color: #ffd0d0 !important;
}

.sales-lead-internal {
  border: 1px solid rgba(247, 186, 49, 0.26);
  border-radius: 10px;
  background: rgba(247, 186, 49, 0.08);
  padding: 10px 11px;
}

.sales-lead-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.sales-lead-actions a,
.sales-lead-actions button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(129, 170, 220, 0.24);
  border-radius: 9px;
  background: rgba(20, 47, 82, 0.92);
  color: #ffffff;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 1000;
  text-decoration: none;
}

.sales-lead-actions a,
.sales-lead-actions button[data-sales-lead-status="resolved"] {
  background: linear-gradient(135deg, #24b7d4, #2563eb);
}

.sales-lead-actions button[data-sales-lead-status="pricing"] {
  background: linear-gradient(135deg, #f6c34b, #f59e0b);
  color: #102033;
}

.sales-lead-actions .danger {
  background: rgba(127, 29, 29, 0.82);
  color: #fecaca;
}

.sales-lead-card footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  border-top: 1px solid rgba(129, 170, 220, 0.18);
  padding-top: 10px;
}

html[data-theme="day"] .sales-lead-card {
  border-color: rgba(25, 117, 210, 0.2);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(235, 246, 255, 0.96)),
    radial-gradient(circle at top right, rgba(247, 186, 49, 0.16), transparent 45%);
  color: #10233d;
}

html[data-theme="day"] .sales-lead-card strong,
html[data-theme="day"] .sales-lead-contact span {
  color: #10233d;
}

html[data-theme="day"] .sales-lead-card span,
html[data-theme="day"] .sales-lead-card small,
html[data-theme="day"] .sales-lead-card time {
  color: rgba(39, 61, 89, 0.76);
}

html[data-theme="day"] .sales-lead-card-head span {
  color: #0f7ecb;
}

html[data-theme="day"] .sales-lead-contact {
  border-color: rgba(25, 117, 210, 0.16);
  background: rgba(255, 255, 255, 0.68);
}

html[data-theme="day"] .sales-lead-card p {
  color: rgba(20, 38, 61, 0.88);
}

html[data-theme="day"] .sales-lead-status {
  color: #123052 !important;
}

html[data-theme="day"] .sales-lead-status.is-new,
html[data-theme="day"] .sales-lead-status.is-pricing {
  background: #fff7d6;
  color: #7a4800 !important;
}

html[data-theme="day"] .sales-lead-status.is-contacted {
  background: #e0f2fe;
  color: #075985 !important;
}

html[data-theme="day"] .sales-lead-status.is-won,
html[data-theme="day"] .sales-lead-status.is-resolved {
  background: #dcfce7;
  color: #166534 !important;
}

html[data-theme="day"] .sales-lead-status.is-lost {
  background: #fee2e2;
  color: #991b1b !important;
}

html[data-theme="day"] .sales-lead-internal {
  background: #fffbeb;
  color: #17233a;
}

html[data-theme="day"] .sales-lead-actions a,
html[data-theme="day"] .sales-lead-actions button {
  color: #ffffff;
}

html[data-theme="day"] .sales-lead-actions button[data-sales-lead-status="pricing"] {
  color: #102033;
}

/* v203: make completed and canceled rides obvious in every ride book view. */
body :is(.pill.done, .pill.ridebook-status-ok) {
  border: 1px solid rgba(34, 197, 94, 0.38) !important;
  background: rgba(34, 197, 94, 0.16) !important;
  color: #86efac !important;
}

body :is(.pill.canceled, .pill.ridebook-status-canceled, .pill.danger) {
  border: 1px solid rgba(239, 68, 68, 0.42) !important;
  background: rgba(239, 68, 68, 0.16) !important;
  color: #fecaca !important;
}

html[data-theme="day"] body :is(.pill.done, .pill.ridebook-status-ok) {
  background: #dcfce7 !important;
  border-color: #86efac !important;
  color: #166534 !important;
}

html[data-theme="day"] body :is(.pill.canceled, .pill.ridebook-status-canceled, .pill.danger) {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #991b1b !important;
}

body :is(.ridebook-row.status-Dokonceno, .order-table-row.status-Dokonceno, .order-card.status-Dokonceno) {
  border-color: rgba(34, 197, 94, 0.38) !important;
  box-shadow: inset 4px 0 0 rgba(34, 197, 94, 0.86) !important;
}

body :is(.ridebook-row.status-Zruseno, .order-table-row.status-Zruseno, .order-card.status-Zruseno) {
  border-color: rgba(239, 68, 68, 0.42) !important;
  box-shadow: inset 4px 0 0 rgba(239, 68, 68, 0.88) !important;
}

html[data-theme="night"] body :is(.ridebook-row.status-Dokonceno, .order-table-row.status-Dokonceno, .order-card.status-Dokonceno) {
  background:
    radial-gradient(circle at top left, rgba(34, 197, 94, 0.14), transparent 46%),
    linear-gradient(180deg, rgba(15, 28, 24, 0.98), rgba(9, 15, 18, 0.98)) !important;
}

html[data-theme="night"] body :is(.ridebook-row.status-Zruseno, .order-table-row.status-Zruseno, .order-card.status-Zruseno) {
  background:
    radial-gradient(circle at top left, rgba(239, 68, 68, 0.14), transparent 46%),
    linear-gradient(180deg, rgba(34, 17, 18, 0.98), rgba(12, 13, 17, 0.98)) !important;
}

html[data-theme="day"] body :is(.ridebook-row.status-Dokonceno, .order-table-row.status-Dokonceno, .order-card.status-Dokonceno) {
  background:
    radial-gradient(circle at top left, rgba(34, 197, 94, 0.13), transparent 45%),
    linear-gradient(180deg, #f7fff9 0%, #effdf4 100%) !important;
}

html[data-theme="day"] body :is(.ridebook-row.status-Zruseno, .order-table-row.status-Zruseno, .order-card.status-Zruseno) {
  background:
    radial-gradient(circle at top left, rgba(239, 68, 68, 0.13), transparent 45%),
    linear-gradient(180deg, #fff7f7 0%, #fff0f0 100%) !important;
}

body .driver-app :is(.phone-history-card.done, .driver-ridebook-card.done) {
  border-color: rgba(34, 197, 94, 0.48) !important;
  background:
    radial-gradient(circle at top left, rgba(34, 197, 94, 0.16), transparent 44%),
    linear-gradient(180deg, rgba(17, 35, 26, 0.98), rgba(9, 16, 18, 0.98)) !important;
  box-shadow: inset 4px 0 0 rgba(34, 197, 94, 0.9) !important;
}

body .driver-app :is(.phone-history-card.canceled, .driver-ridebook-card.canceled) {
  border-color: rgba(239, 68, 68, 0.5) !important;
  background:
    radial-gradient(circle at top left, rgba(239, 68, 68, 0.16), transparent 44%),
    linear-gradient(180deg, rgba(38, 18, 20, 0.98), rgba(12, 14, 18, 0.98)) !important;
  box-shadow: inset 4px 0 0 rgba(239, 68, 68, 0.92) !important;
}

body .driver-app :is(.phone-history-card.done, .driver-ridebook-card.done) > div > span,
body .driver-app :is(.driver-live-status.status-done, .compact-job-row.tone-done .compact-job-chip, .live-dispatch-card.tone-done .live-dispatch-chip) {
  border-color: rgba(34, 197, 94, 0.42) !important;
  background: rgba(34, 197, 94, 0.18) !important;
  color: #bbf7d0 !important;
}

body .driver-app :is(.phone-history-card.canceled, .driver-ridebook-card.canceled) > div > span,
body .driver-app :is(.driver-live-status.status-canceled, .compact-job-row.tone-canceled .compact-job-chip, .live-dispatch-card.tone-canceled .live-dispatch-chip) {
  border-color: rgba(239, 68, 68, 0.44) !important;
  background: rgba(239, 68, 68, 0.18) !important;
  color: #fecaca !important;
}

html[data-theme="day"] body .driver-app :is(.phone-history-card.done, .driver-ridebook-card.done) {
  background:
    radial-gradient(circle at top left, rgba(34, 197, 94, 0.14), transparent 45%),
    linear-gradient(180deg, #f7fff9 0%, #effdf4 100%) !important;
}

html[data-theme="day"] body .driver-app :is(.phone-history-card.canceled, .driver-ridebook-card.canceled) {
  background:
    radial-gradient(circle at top left, rgba(239, 68, 68, 0.14), transparent 45%),
    linear-gradient(180deg, #fff7f7 0%, #fff0f0 100%) !important;
}

html[data-theme="day"] body .driver-app :is(.phone-history-card.done, .driver-ridebook-card.done) > div > span,
html[data-theme="day"] body .driver-app :is(.driver-live-status.status-done, .compact-job-row.tone-done .compact-job-chip, .live-dispatch-card.tone-done .live-dispatch-chip) {
  background: #dcfce7 !important;
  border-color: #86efac !important;
  color: #166534 !important;
}

html[data-theme="day"] body .driver-app :is(.phone-history-card.canceled, .driver-ridebook-card.canceled) > div > span,
html[data-theme="day"] body .driver-app :is(.driver-live-status.status-canceled, .compact-job-row.tone-canceled .compact-job-chip, .live-dispatch-card.tone-canceled .live-dispatch-chip) {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #991b1b !important;
}

/* v204: route detail clarity and admin-confirmed car licences. */
body.admin-lean .order-detail-modal {
  width: min(940px, calc(100vw - 28px)) !important;
}

body.admin-lean .modal-head {
  align-items: flex-start !important;
}

body.admin-lean .modal-head h2,
body.admin-lean #orderDetailTitle {
  max-width: min(720px, 72vw) !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

body.admin-lean .order-route-quality {
  display: grid;
  gap: 3px;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 8px;
  background: rgba(14, 23, 38, 0.78);
  padding: 10px 12px;
}

body.admin-lean .order-route-quality strong {
  color: #e8f6ff;
  font-size: 14px;
  font-weight: 950;
}

body.admin-lean .order-route-quality span {
  color: rgba(216, 231, 247, 0.82);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

body.admin-lean .order-route-quality.is-gps {
  border-color: rgba(34, 197, 94, 0.34);
  background: rgba(10, 50, 35, 0.64);
}

body.admin-lean .order-route-quality.is-sparse {
  border-color: rgba(245, 158, 11, 0.42);
  background: rgba(78, 50, 8, 0.56);
}

body.admin-lean .order-route-stops {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.admin-lean .order-route-stops article {
  border: 1px solid var(--pro-admin-line, rgba(148, 163, 184, 0.28));
  border-radius: 8px;
  background: rgba(15, 25, 40, 0.84);
  padding: 12px;
}

body.admin-lean .order-route-stops span,
body.admin-lean .company-license-field small {
  display: block;
  color: rgba(125, 211, 252, 0.92);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.admin-lean .order-route-stops strong {
  display: block;
  margin-top: 5px;
  color: #f8fbff;
  font-size: 18px;
  line-height: 1.15;
}

body.admin-lean .order-route-stops small {
  display: block;
  margin-top: 6px;
  color: rgba(216, 231, 247, 0.78);
  font-weight: 750;
  line-height: 1.35;
}

body.admin-lean .order-protocol-panel {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(16, 35, 55, 0.78));
  padding: 14px;
}

body.admin-lean .order-protocol-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body.admin-lean .order-protocol-head span,
body.admin-lean .order-protocol-grid span {
  display: block;
  color: rgba(125, 211, 252, 0.92);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.admin-lean .order-protocol-head strong {
  display: block;
  margin-top: 4px;
  color: #f8fbff;
  font-size: 20px;
  line-height: 1.15;
}

body.admin-lean .order-protocol-head small {
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 999px;
  color: rgba(226, 238, 249, 0.78);
  font-weight: 900;
  padding: 6px 10px;
}

body.admin-lean .order-protocol-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.admin-lean .order-protocol-grid article {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-left: 3px solid rgba(148, 163, 184, 0.55);
  border-radius: 8px;
  background: rgba(8, 16, 28, 0.52);
  padding: 11px;
}

body.admin-lean .order-protocol-grid article.done {
  border-left-color: #22c55e;
}

body.admin-lean .order-protocol-grid article.pending {
  border-left-color: #f59e0b;
}

body.admin-lean .order-protocol-grid strong {
  display: block;
  margin-top: 5px;
  color: #f8fbff;
  font-size: 15px;
  line-height: 1.18;
}

body.admin-lean .order-protocol-grid small {
  display: block;
  margin-top: 5px;
  color: rgba(216, 231, 247, 0.72);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
}

body.admin-lean .company-license-field {
  border: 1px solid rgba(251, 191, 36, 0.34);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.14), rgba(15, 23, 42, 0.72));
  padding: 12px;
}

body.admin-lean .company-onboarding-summary {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  margin-bottom: 8px;
  border: 1px solid rgba(56, 189, 248, 0.18);
  border-radius: 8px;
  background: rgba(8, 16, 28, 0.36);
  padding: 10px 12px;
}

body.admin-lean .company-onboarding-summary strong {
  color: #f8fbff;
  font-size: 14px;
}

body.admin-lean .company-onboarding-summary small {
  color: rgba(216, 231, 247, 0.7);
  font-weight: 800;
}

body.admin-lean .company-card .company-onboarding-strip {
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
  margin-bottom: 12px;
}

body.admin-lean .company-card .company-onboarding-strip article {
  min-height: 78px;
  border-radius: 8px;
}

body.admin-lean .license-alert-list {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

body.admin-lean .license-alert-card {
  border: 1px solid rgba(34, 197, 94, 0.34);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.18), rgba(15, 23, 42, 0.82));
  padding: 13px;
}

body.admin-lean .license-alert-card span {
  display: block;
  color: #86efac;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

body.admin-lean .license-alert-card strong {
  display: block;
  margin-top: 4px;
  color: #f8fbff;
  font-size: 17px;
}

body.admin-lean .license-alert-card small {
  display: block;
  margin-top: 5px;
  color: rgba(216, 231, 247, 0.76);
  font-weight: 800;
}

html[data-theme="day"] body.admin-lean .order-route-quality,
html[data-theme="day"] body.admin-lean .order-route-stops article,
html[data-theme="day"] body.admin-lean .order-protocol-panel,
html[data-theme="day"] body.admin-lean .order-protocol-grid article,
html[data-theme="day"] body.admin-lean .company-onboarding-summary {
  background: #ffffff;
  color: #0e2137;
}

html[data-theme="day"] body.admin-lean .order-route-quality strong,
html[data-theme="day"] body.admin-lean .order-route-stops strong,
html[data-theme="day"] body.admin-lean .order-protocol-head strong,
html[data-theme="day"] body.admin-lean .order-protocol-grid strong,
html[data-theme="day"] body.admin-lean .company-onboarding-summary strong {
  color: #071426;
}

html[data-theme="day"] body.admin-lean .order-route-quality span,
html[data-theme="day"] body.admin-lean .order-route-stops small,
html[data-theme="day"] body.admin-lean .order-protocol-grid small,
html[data-theme="day"] body.admin-lean .company-onboarding-summary small {
  color: #486078;
}

html[data-theme="day"] body.admin-lean .license-alert-card {
  background: linear-gradient(135deg, #ecfdf5, #ffffff);
}

html[data-theme="day"] body.admin-lean .license-alert-card strong {
  color: #082032;
}

body.admin-lean .company-onboarding-isolation {
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(14, 165, 233, 0.14), rgba(15, 23, 42, 0.62)),
    radial-gradient(circle at 100% 0, rgba(250, 204, 21, 0.16), transparent 38%);
  padding: 13px 14px;
}

body.admin-lean .company-onboarding-isolation strong {
  display: block;
  color: #f8fbff;
  font-size: 15px;
}

body.admin-lean .company-onboarding-isolation small {
  display: block;
  margin-top: 5px;
  color: rgba(216, 231, 247, 0.78);
  font-weight: 800;
  line-height: 1.35;
}

body.admin-lean .company-number-pool-field {
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 10px;
  background: rgba(8, 16, 28, 0.28);
  padding: 10px;
}

body.admin-lean .company-number-pool-field small {
  display: block;
  margin-top: 7px;
  color: rgba(216, 231, 247, 0.68);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

body.admin-lean .company-number-pool-admin {
  margin: 10px 0 14px;
}

body.admin-lean .company-number-pool-form {
  display: grid;
  grid-template-columns: minmax(230px, 0.9fr) minmax(260px, 1.1fr) auto;
  gap: 10px;
  align-items: stretch;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 13px;
  background: rgba(8, 16, 28, 0.34);
  padding: 12px;
}

body.admin-lean .company-number-pool-form strong {
  display: block;
  color: #f8fbff;
  font-size: 14px;
}

body.admin-lean .company-number-pool-form small {
  display: block;
  margin-top: 4px;
  color: rgba(216, 231, 247, 0.7);
  font-weight: 800;
  line-height: 1.35;
}

body.admin-lean .company-number-pool-form textarea {
  width: 100%;
  min-height: 58px;
  border-radius: 10px;
}

body.admin-lean .company-number-pool-form button {
  min-width: 110px;
  border: 0;
  border-radius: 10px;
  color: #06111e;
  background: linear-gradient(135deg, #22d3ee, #38bdf8);
  font-weight: 950;
}

body.admin-lean .company-number-pool-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
}

body.admin-lean .company-number-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.56);
  color: #eaf6ff;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 900;
}

body.admin-lean .company-number-pill small {
  color: rgba(216, 231, 247, 0.66);
  font-size: 10px;
}

body.admin-lean .company-number-pill.is-free {
  border-color: rgba(34, 197, 94, 0.34);
}

body.admin-lean .company-number-pill.is-used {
  border-color: rgba(251, 191, 36, 0.34);
}

body.admin-lean .company-number-pill.is-empty {
  border-style: dashed;
}

body.admin-lean .company-visibility-field {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 12px;
  background: rgba(8, 16, 28, 0.32);
  padding: 13px;
}

body.admin-lean .company-visibility-field legend {
  padding: 0 8px;
  color: #f8fbff;
  font-weight: 950;
}

body.admin-lean .company-visibility-field > small {
  display: block;
  margin: 2px 0 11px;
  color: rgba(216, 231, 247, 0.7);
  font-weight: 800;
}

body.admin-lean .company-visibility-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
  gap: 8px;
}

body.admin-lean .company-visibility-grid .toggle-line {
  min-height: 42px;
  margin: 0;
}

html[data-theme="day"] body.admin-lean .company-onboarding-isolation,
html[data-theme="day"] body.admin-lean .company-number-pool-field,
html[data-theme="day"] body.admin-lean .company-number-pool-form,
html[data-theme="day"] body.admin-lean .company-visibility-field {
  background: #ffffff;
  color: #0e2137;
}

html[data-theme="day"] body.admin-lean .company-onboarding-isolation strong,
html[data-theme="day"] body.admin-lean .company-number-pool-form strong,
html[data-theme="day"] body.admin-lean .company-visibility-field legend {
  color: #071426;
}

html[data-theme="day"] body.admin-lean .company-onboarding-isolation small,
html[data-theme="day"] body.admin-lean .company-number-pool-field small,
html[data-theme="day"] body.admin-lean .company-number-pool-form small,
html[data-theme="day"] body.admin-lean .company-visibility-field > small {
  color: #486078;
}

html[data-theme="day"] body.admin-lean .company-number-pill {
  background: #ffffff;
  color: #0e2137;
}

html[data-theme="day"] body.admin-lean .company-number-pill small {
  color: #486078;
}

html[data-theme="day"] .company-onboarding-hub {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(232, 245, 255, 0.98)),
    radial-gradient(circle at top right, rgba(247, 186, 49, 0.14), transparent 44%);
  border-color: rgba(25, 117, 210, 0.18);
  color: #10233d;
}

html[data-theme="day"] .company-onboarding-hub h3,
html[data-theme="day"] .company-onboarding-checklist strong {
  color: #0e2137;
}

html[data-theme="day"] .company-onboarding-hub small,
html[data-theme="day"] .company-onboarding-actions span {
  color: #486078;
}

html[data-theme="day"] .company-onboarding-hub-head > strong {
  background: #e0f2fe;
  color: #075985;
}

html[data-theme="day"] .company-onboarding-progress {
  background: #dbe8f6;
}

html[data-theme="day"] .company-onboarding-checklist article {
  border-color: rgba(25, 117, 210, 0.14);
  background: rgba(255, 255, 255, 0.72);
}

html[data-theme="day"] .company-wizard-step {
  border-color: rgba(25, 117, 210, 0.14);
  background: rgba(255, 255, 255, 0.78);
  color: #0e2137;
  box-shadow: 0 12px 26px rgba(32, 82, 130, 0.08);
}

html[data-theme="day"] .company-wizard-step.is-current {
  border-color: rgba(217, 119, 6, 0.34);
  background: linear-gradient(135deg, #fff7df, #ffffff);
}

html[data-theme="day"] .company-wizard-step.is-done {
  border-color: rgba(22, 101, 52, 0.2);
  background: linear-gradient(135deg, #ecfdf5, #ffffff);
}

html[data-theme="day"] .company-wizard-step strong {
  color: #0e2137;
}

html[data-theme="day"] .company-wizard-step small {
  color: #486078;
}

html[data-theme="day"] .company-wizard-step button {
  background: #123b67;
  color: #ffffff;
}

html[data-theme="day"] .company-wizard-step.is-current button {
  background: linear-gradient(135deg, #f7ba31, #eb9e21);
  color: #08111d;
}

html[data-theme="day"] .company-onboarding-actions {
  border-top-color: rgba(25, 117, 210, 0.14);
}

html[data-theme="day"] .company-onboarding-actions button {
  background: #123b67;
  color: #ffffff;
}

@media (max-width: 720px) {
  .sales-lead-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .company-onboarding-hub-head,
  .company-onboarding-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .company-onboarding-actions span {
    margin-left: 0;
  }

  body.admin-lean .company-number-pool-form {
    grid-template-columns: 1fr;
  }

  body.admin-lean .company-number-pool-form button {
    min-height: 44px;
  }

  body.admin-lean .order-route-stops {
    grid-template-columns: 1fr;
  }

  body.admin-lean .order-protocol-grid {
    grid-template-columns: 1fr;
  }

  body.admin-lean .modal-head h2,
  body.admin-lean #orderDetailTitle {
    max-width: calc(100vw - 130px) !important;
    font-size: 25px !important;
  }
}

body .driver-app .driver-feed-row {
  border-radius: 12px !important;
}

body .driver-app .driver-feed-side {
  display: grid !important;
  justify-items: end !important;
  gap: 6px !important;
  min-width: 50px !important;
}

body .driver-app :is(.driver-feed-phone, .phone-history-call-icon) {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(77, 217, 177, 0.52) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #45d487 0%, #1c9fed 100%) !important;
  color: #061221 !important;
  font-size: 21px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(28, 159, 237, 0.24) !important;
}

body .driver-app :is(.driver-feed-phone, .phone-history-call-icon):disabled {
  border-color: rgba(162, 174, 190, 0.28) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(238, 246, 255, 0.38) !important;
  box-shadow: none !important;
}

body .driver-app .phone-history-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body .driver-app .phone-history-card > div {
  min-width: 0 !important;
}

body .driver-app .phone-history-card > p,
body .driver-app .phone-history-card .last-order-actions,
body .driver-app .phone-history-card .driver-ridebook-tags {
  grid-column: 1 / -1 !important;
}

body .driver-app .phone-history-call-icon {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
}

body .driver-app .driver-call-followup-mini {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body .driver-app .driver-call-followup-mini > div {
  min-width: 0 !important;
}

body .driver-app .driver-call-availability {
  color: rgba(238, 246, 255, 0.72) !important;
  font-weight: 900 !important;
  text-align: center !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-phone, .phone-history-call-icon) {
  border-color: rgba(20, 154, 119, 0.3) !important;
  background: linear-gradient(135deg, #44d3b6 0%, #1f86df 100%) !important;
  color: #061221 !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-phone, .phone-history-call-icon):disabled {
  border-color: rgba(23, 68, 115, 0.14) !important;
  background: rgba(20, 35, 54, 0.08) !important;
  color: rgba(34, 54, 78, 0.46) !important;
}

html[data-theme="day"] body .driver-app .driver-call-availability {
  color: rgba(34, 54, 78, 0.72) !important;
}

/* v229: final cascade guard for the readable driver job feed. */
body .driver-app .driver-feed-list {
  gap: 10px !important;
}

body .driver-app .driver-feed-section-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 5px 2px -1px !important;
  color: rgba(238, 246, 255, 0.74) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body .driver-app .driver-feed-section-title em {
  min-width: 25px !important;
  min-height: 25px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  font-style: normal !important;
}

body .driver-app .driver-feed-row {
  grid-template-columns: 58px minmax(0, 1fr) minmax(82px, auto) !important;
  gap: 12px !important;
  min-height: 88px !important;
  border-left-width: 7px !important;
  padding: 12px 12px 12px 10px !important;
  opacity: 1 !important;
}

body .driver-app .driver-feed-time {
  align-self: stretch !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 5px !important;
  font-size: 15px !important;
}

body .driver-app .driver-feed-time b,
body .driver-app .driver-feed-time > i {
  display: block !important;
  font-style: normal !important;
  line-height: 1 !important;
}

body .driver-app .driver-feed-time > i {
  min-width: 32px !important;
  min-height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
}

body .driver-app .driver-feed-title {
  max-width: 100% !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body .driver-app .driver-feed-main strong {
  font-size: 18px !important;
  line-height: 1.13 !important;
}

body .driver-app .driver-feed-route {
  overflow: hidden !important;
  color: rgba(238, 246, 255, 0.86) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .driver-app .driver-feed-main small {
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px 9px !important;
  font-size: 14px !important;
  line-height: 1.22 !important;
}

body .driver-app .driver-feed-main i {
  max-width: 100% !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  color: rgba(238, 246, 255, 0.68) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body .driver-app .driver-feed-side {
  align-self: stretch !important;
  align-content: center !important;
  min-width: 82px !important;
}

body .driver-app .driver-feed-price {
  max-width: 118px !important;
  overflow: hidden !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .driver-app .driver-feed-status {
  max-width: 118px !important;
  min-height: 30px !important;
  display: grid !important;
  place-items: center !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
}

body .driver-app .driver-feed-row.tone-call.is-ringback {
  border-left-color: #f59e0b !important;
  background:
    linear-gradient(90deg, rgba(245, 158, 11, 0.24), rgba(255, 255, 255, 0.055)) !important;
}

body .driver-app .driver-feed-row.tone-call.is-ringback .driver-feed-status {
  background: rgba(245, 158, 11, 0.32) !important;
  color: #ffe8b3 !important;
}

html[data-theme="day"] body .driver-app .driver-feed-section-title {
  color: #425b76 !important;
}

html[data-theme="day"] body .driver-app .driver-feed-section-title em {
  background: #dbeafe !important;
  color: #173a64 !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row {
  border-color: rgba(20, 55, 94, 0.14) !important;
  background: #ffffff !important;
  color: #071426 !important;
  box-shadow: 0 16px 34px rgba(31, 72, 116, 0.14) !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-title, .driver-feed-main strong, .driver-feed-route, .driver-feed-main small b, .driver-feed-price) {
  color: #071426 !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-time, .driver-feed-main small, .driver-feed-main small em, .driver-feed-main i) {
  color: #425b76 !important;
}

html[data-theme="day"] body .driver-app .driver-feed-time > i {
  color: #061221 !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-row.tone-offer, .driver-feed-row.tone-drive, .driver-feed-row.tone-arrived) {
  border-left-color: #2563eb !important;
  background: linear-gradient(90deg, #eaf3ff 0%, #ffffff 58%) !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-planned {
  border-left-color: #7c3aed !important;
  background: linear-gradient(90deg, #f2edff 0%, #eefbff 58%, #ffffff 100%) !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-row.tone-attention, .driver-feed-row.is-unresolved) {
  border-left-color: #d97706 !important;
  background: linear-gradient(90deg, #fff3d6 0%, #ffffff 62%) !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-row.tone-passenger, .driver-feed-row.tone-done) {
  border-left-color: #16a34a !important;
  background: linear-gradient(90deg, #e8fbea 0%, #ffffff 62%) !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-cancelled {
  border-left-color: #dc2626 !important;
  background: linear-gradient(90deg, #ffe8e8 0%, #ffffff 62%) !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-call {
  border-left-color: #64748b !important;
  background: linear-gradient(90deg, #eef2f7 0%, #ffffff 62%) !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-call.is-unresolved {
  border-left-color: #d97706 !important;
  background: linear-gradient(90deg, #fff3d6 0%, #ffffff 62%) !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-call.is-ringback {
  border-left-color: #d97706 !important;
  background: linear-gradient(90deg, #fff4d7 0%, #ffffff 62%) !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-row.tone-offer, .driver-feed-row.tone-drive, .driver-feed-row.tone-arrived) .driver-feed-status {
  background: #dbeafe !important;
  color: #164a9d !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-planned .driver-feed-status {
  background: #ede9fe !important;
  color: #5b21b6 !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-row.tone-attention, .driver-feed-row.is-unresolved) .driver-feed-status {
  background: #ffedd5 !important;
  color: #9a3412 !important;
}

html[data-theme="day"] body .driver-app :is(.driver-feed-row.tone-passenger, .driver-feed-row.tone-done) .driver-feed-status {
  background: #dcfce7 !important;
  color: #166534 !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-cancelled .driver-feed-status {
  background: #fee2e2 !important;
  color: #991b1b !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-call .driver-feed-status {
  background: #e2e8f0 !important;
  color: #334155 !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-call.is-unresolved .driver-feed-status {
  background: #ffedd5 !important;
  color: #9a3412 !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-call.is-ringback .driver-feed-status {
  background: #ffedd5 !important;
  color: #9a3412 !important;
}

@media (max-width: 520px) {
  body .driver-app .driver-feed-section-title {
    font-size: 11px !important;
  }

  body .driver-app .driver-feed-row {
    grid-template-columns: 52px minmax(0, 1fr) minmax(70px, auto) !important;
    gap: 9px !important;
    min-height: 88px !important;
    padding: 11px 9px 11px 8px !important;
  }

  body .driver-app .driver-feed-main strong {
    font-size: 18px !important;
  }

  body .driver-app .driver-feed-route {
    font-size: 16px !important;
  }

  body .driver-app :is(.driver-feed-main small, .driver-feed-main i) {
    font-size: 14px !important;
  }

  body .driver-app .driver-feed-price {
    max-width: 88px !important;
    font-size: 17px !important;
  }

  body .driver-app .driver-feed-status {
    max-width: 88px !important;
    font-size: 11px !important;
  }
}

body .driver-app .driver-new-feed-button,
body .driver-app .driver-feed-load-more {
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid rgba(59, 130, 246, 0.34) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.18), rgba(37, 99, 235, 0.24)) !important;
  color: rgba(248, 250, 252, 0.96) !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2) !important;
}

body .driver-app .driver-new-feed-button {
  margin: 10px 0 4px !important;
  border-color: rgba(34, 211, 238, 0.5) !important;
}

body .driver-app .driver-feed-load-more {
  margin-top: 12px !important;
}

body .driver-app .driver-feed-row.is-fresh-feed-item {
  animation: driverFreshFeedPulse 1.25s ease-in-out 2 !important;
}

@keyframes driverFreshFeedPulse {
  0%,
  100% {
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
  }
  50% {
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.28), 0 18px 46px rgba(34, 211, 238, 0.2);
  }
}

body .driver-app .driver-history-filters {
  display: grid !important;
  gap: 10px !important;
  margin: 14px 0 !important;
}

body .driver-app .driver-history-filter-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body .driver-app .driver-history-filter-row + .driver-history-filter-row {
  grid-template-columns: minmax(0, 1fr) 150px !important;
}

body .driver-app .driver-history-filter-row button,
body .driver-app .driver-history-filter-row select,
body .driver-app .driver-history-filter-row input {
  min-height: 44px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 12px !important;
  background: rgba(15, 23, 42, 0.88) !important;
  color: rgba(248, 250, 252, 0.9) !important;
  font-weight: 850 !important;
  padding: 0 12px !important;
}

body .driver-app .driver-history-filter-row button.active {
  border-color: rgba(34, 211, 238, 0.58) !important;
  background: linear-gradient(135deg, #22d3ee, #2563eb) !important;
  color: #ffffff !important;
}

html[data-theme="day"] body .driver-app .driver-new-feed-button,
html[data-theme="day"] body .driver-app .driver-feed-load-more {
  border-color: #bfdbfe !important;
  background: linear-gradient(135deg, #e0f7ff, #dbeafe) !important;
  color: #0f3764 !important;
  box-shadow: 0 14px 30px rgba(31, 72, 116, 0.12) !important;
}

html[data-theme="day"] body .driver-app .driver-history-filter-row button,
html[data-theme="day"] body .driver-app .driver-history-filter-row select,
html[data-theme="day"] body .driver-app .driver-history-filter-row input {
  border-color: #cbdff2 !important;
  background: #ffffff !important;
  color: #10243d !important;
}

html[data-theme="day"] body .driver-app .driver-history-filter-row button.active {
  border-color: #2563eb !important;
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
  color: #ffffff !important;
}

@media (max-width: 520px) {
  body .driver-app .driver-history-filter-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .driver-app .driver-history-filter-row + .driver-history-filter-row {
    grid-template-columns: 1fr !important;
  }
}

/* Driver mobile action bar: keep controls below the title, never over it. */
@media (max-width: 520px) {
  body .driver-app .sheet-heading {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 4px 0 12px !important;
  }

  body .driver-app .sheet-heading > div:first-child {
    width: 100% !important;
    min-width: 0 !important;
  }

  body .driver-app .sheet-heading h1 {
    max-width: 100% !important;
    margin: 1px 0 0 !important;
    font-size: clamp(28px, 8vw, 32px) !important;
    line-height: 1.02 !important;
  }

  body .driver-app .sheet-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  body .driver-app .sheet-action-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    line-height: 1.08 !important;
    white-space: normal !important;
  }
}

@media (max-width: 370px) {
  body .driver-app .sheet-actions {
    gap: 6px !important;
  }

  body .driver-app .sheet-action-button {
    min-height: 40px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
  }
}

/* v242: quick driver actions live below the tabs, centered and clear of titles. */
body .driver-app .sheet-heading {
  grid-template-columns: 1fr !important;
  align-items: start !important;
  padding-bottom: 6px !important;
}

body .driver-app .sheet-heading > div:first-child {
  width: 100% !important;
  min-width: 0 !important;
}

body .driver-app .driver-main-actionbar {
  width: min(100%, 760px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 4px auto 16px !important;
  padding: 0 2px !important;
}

body .driver-app .driver-main-actionbar .sheet-action-button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 46px !important;
  padding: 0 10px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  color: #f8fbff !important;
  text-shadow: 0 1px 0 rgba(15, 23, 42, 0.24) !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.18) !important;
}

body .driver-app .driver-main-actionbar .map-mode-toggle-button {
  border-color: rgba(34, 211, 238, 0.44) !important;
  background: linear-gradient(135deg, #22d3ee, #2563eb) !important;
}

body .driver-app .driver-main-actionbar .pause-action-button {
  border-color: rgba(56, 189, 248, 0.38) !important;
  background: linear-gradient(135deg, #38bdf8, #1677d2) !important;
}

body .driver-app .driver-main-actionbar #quickManualOrderButton {
  border-color: rgba(56, 189, 248, 0.42) !important;
  background: linear-gradient(135deg, #2dd4bf, #0ea5e9) !important;
}

body .driver-app .driver-main-actionbar .pause-action-button.is-paused {
  border-color: rgba(74, 222, 128, 0.5) !important;
  background: linear-gradient(135deg, #22c55e, #0ea5e9) !important;
}

body .driver-app .driver-main-actionbar .pause-action-button.is-blocked {
  border-color: rgba(248, 113, 113, 0.52) !important;
  background: linear-gradient(135deg, #ef4444, #f97316) !important;
}

html[data-theme="day"] body .driver-app .driver-main-actionbar .sheet-action-button {
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16) !important;
}

@media (max-width: 520px) {
  body .driver-app .sheet-heading {
    padding: 4px 0 8px !important;
  }

  body .driver-app .driver-main-actionbar {
    gap: 8px !important;
    margin: 8px auto 18px !important;
    padding: 0 !important;
  }

  body .driver-app .driver-main-actionbar .sheet-action-button {
    min-height: 50px !important;
    padding: 0 8px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 370px) {
  body .driver-app .driver-main-actionbar {
    gap: 6px !important;
  }

  body .driver-app .driver-main-actionbar .sheet-action-button {
    min-height: 46px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
  }
}

/* v243: global driver controls live in one fixed bottom bar. */
body .driver-app .driver-bottom-actionbar {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  z-index: 40 !important;
  width: min(760px, calc(100vw - 20px)) !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  padding: 8px !important;
  border: 1px solid rgba(127, 158, 193, 0.28) !important;
  border-radius: 18px !important;
  background: rgba(7, 15, 27, 0.88) !important;
  box-shadow: 0 -16px 38px rgba(5, 12, 23, 0.26) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
}

html[data-theme="day"] body .driver-app .driver-bottom-actionbar {
  border-color: rgba(43, 84, 129, 0.18) !important;
  background: rgba(248, 252, 255, 0.94) !important;
  box-shadow: 0 -12px 34px rgba(27, 65, 104, 0.18) !important;
}

body .driver-app .driver-bottom-actionbar .sheet-action-button {
  min-height: 50px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
}

body .driver-app .jobs-sheet {
  bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  padding-bottom: 18px !important;
}

body.driver-map-mode #driverMapJobsToggle {
  display: none !important;
}

body.driver-map-mode .driver-map-work-panel {
  bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  z-index: 35 !important;
  max-height: min(38dvh, 260px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (min-width: 760px) {
  body .driver-app .driver-bottom-actionbar {
    left: auto !important;
    right: max(22px, calc((100vw - 1180px) / 2)) !important;
    bottom: 22px !important;
    width: min(560px, calc(100vw - 44px)) !important;
    transform: none !important;
  }

  body .driver-app .jobs-sheet {
    bottom: 112px !important;
  }

  body.driver-map-mode .driver-map-work-panel {
    left: auto !important;
    right: max(22px, calc((100vw - 1180px) / 2)) !important;
    bottom: 112px !important;
    width: min(560px, calc(100vw - 44px)) !important;
  }
}

@media (max-width: 370px) {
  body .driver-app .driver-bottom-actionbar {
    width: min(760px, calc(100vw - 14px)) !important;
    padding: 7px !important;
    gap: 6px !important;
  }
}

/* v256: compact Senset-style work rows in TaxiBrain colors. */
body .driver-app .driver-pulse {
  display: none !important;
}

body .driver-app .driver-feed {
  gap: 8px !important;
}

body .driver-app .driver-feed-head {
  margin-bottom: 2px !important;
  padding: 0 2px !important;
}

body .driver-app .driver-feed-head > div > span {
  color: #36c7ec !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body .driver-app .driver-feed-head > div > strong {
  font-size: 23px !important;
  line-height: 1.05 !important;
}

body .driver-app .driver-feed-list {
  gap: 8px !important;
}

body .driver-app .driver-feed-row {
  grid-template-columns: 50px minmax(0, 1fr) 118px !important;
  align-items: stretch !important;
  gap: 10px !important;
  min-height: 116px !important;
  padding: 10px !important;
  border: 1px solid rgba(72, 170, 227, 0.34) !important;
  border-left-width: 1px !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, #0b2039 0%, #0d2b4a 100%) !important;
  color: #f8fbff !important;
  box-shadow: 0 12px 26px rgba(4, 18, 35, 0.24) !important;
}

body .driver-app .driver-feed-row.mode-active {
  border-color: rgba(57, 196, 235, 0.58) !important;
  box-shadow: 0 14px 30px rgba(5, 26, 50, 0.3) !important;
}

body .driver-app .driver-feed-row.tone-offer.mode-active {
  border-color: rgba(239, 68, 68, 0.74) !important;
  animation: driverSensetOfferPulse 1.45s ease-in-out infinite !important;
}

@keyframes driverSensetOfferPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0), 0 14px 30px rgba(5, 26, 50, 0.3);
  }
  50% {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.28), 0 16px 34px rgba(239, 68, 68, 0.18);
  }
}

body .driver-app .driver-feed-time {
  align-self: stretch !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 7px !important;
  padding: 7px 4px !important;
  border-radius: 9px !important;
  background: linear-gradient(160deg, #39c4eb 0%, #176fe0 100%) !important;
  color: #ffffff !important;
}

body .driver-app .driver-feed-time b {
  font-size: 27px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

body .driver-app .driver-feed-time > i {
  min-width: 30px !important;
  min-height: 24px !important;
  background: rgba(3, 18, 35, 0.3) !important;
  color: #ffffff !important;
  font-size: 10px !important;
}

body .driver-app .driver-feed-main {
  align-self: center !important;
  min-width: 0 !important;
  gap: 4px !important;
}

body .driver-app .driver-feed-title {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
  line-height: 1.14 !important;
}

body .driver-app .driver-feed-route {
  color: rgba(239, 247, 255, 0.88) !important;
  font-size: 14px !important;
  line-height: 1.18 !important;
}

body .driver-app .driver-feed-main small {
  color: rgba(216, 232, 248, 0.76) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body .driver-app .driver-feed-main small b,
body .driver-app .driver-feed-main small em {
  color: inherit !important;
}

body .driver-app .driver-feed-main > i {
  color: #f6c84b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  -webkit-line-clamp: 2 !important;
}

body .driver-app .driver-feed-side {
  align-self: stretch !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  grid-auto-rows: min-content !important;
  align-content: center !important;
  justify-items: stretch !important;
  gap: 6px !important;
  min-width: 118px !important;
}

body .driver-app .driver-feed-price {
  grid-column: 1 / -1 !important;
  max-width: none !important;
  color: rgba(230, 241, 251, 0.8) !important;
  font-size: 12px !important;
  text-align: right !important;
}

body .driver-app .driver-feed-price:empty {
  display: none !important;
}

body .driver-app .driver-feed-status {
  grid-column: 1 / -1 !important;
  max-width: none !important;
  min-height: 25px !important;
  padding: 5px 7px !important;
  border: 1px solid rgba(125, 196, 235, 0.26) !important;
  border-radius: 999px !important;
  background: rgba(5, 17, 32, 0.4) !important;
  color: rgba(238, 247, 255, 0.86) !important;
  font-size: 10px !important;
  text-align: center !important;
}

body .driver-app .driver-feed-action {
  grid-column: 1 / -1 !important;
  min-height: 46px !important;
  padding: 7px 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #39c4eb 0%, #176fe0 100%) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(23, 111, 224, 0.3) !important;
}

body .driver-app .driver-feed-action.tone-drive,
body .driver-app .driver-feed-action.tone-arrived {
  background: linear-gradient(135deg, #f7c947 0%, #ee9e24 100%) !important;
  color: #111d2d !important;
  box-shadow: 0 8px 18px rgba(238, 158, 36, 0.26) !important;
}

body .driver-app .driver-feed-action.tone-passenger {
  background: linear-gradient(135deg, #4bd28e 0%, #16a86c 100%) !important;
  color: #062317 !important;
  box-shadow: 0 8px 18px rgba(22, 168, 108, 0.28) !important;
}

body .driver-app .driver-feed-action:disabled {
  opacity: 0.56 !important;
  box-shadow: none !important;
}

body .driver-app .driver-feed-action.is-pending {
  opacity: 0.86 !important;
  cursor: wait !important;
  filter: saturate(0.78) !important;
}

body .driver-app .driver-modal-form[aria-busy="true"] {
  cursor: wait !important;
}

body .driver-app .driver-modal-form[aria-busy="true"] button[type="submit"] {
  opacity: 0.82 !important;
  cursor: wait !important;
}

body .driver-app .driver-feed-phone {
  grid-column: 2 !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
}

body .driver-app .driver-feed-row:not(:has(.driver-feed-action)) .driver-feed-phone {
  grid-column: 1 / -1 !important;
  justify-self: end !important;
}

body .driver-app .driver-feed-empty {
  min-height: 72px !important;
  padding: 14px 16px !important;
  border: 1px dashed rgba(84, 154, 202, 0.34) !important;
  border-radius: 10px !important;
  background: rgba(12, 38, 65, 0.72) !important;
}

body .driver-app .driver-feed-empty strong {
  font-size: 17px !important;
}

body .driver-app .driver-feed-empty span,
body .driver-app .driver-feed-empty em {
  font-size: 12px !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row,
html[data-theme="day"] body .driver-app .driver-feed-row.mode-active {
  border-color: rgba(37, 145, 210, 0.48) !important;
  background: linear-gradient(145deg, #0b2039 0%, #0d2b4a 100%) !important;
  color: #ffffff !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.tone-offer.mode-active {
  border-color: rgba(220, 38, 38, 0.78) !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row :is(.driver-feed-title, .driver-feed-main strong, .driver-feed-route, .driver-feed-main small b, .driver-feed-price) {
  color: inherit !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row .driver-feed-main small,
html[data-theme="day"] body .driver-app .driver-feed-row .driver-feed-main small em {
  color: rgba(216, 232, 248, 0.76) !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row .driver-feed-main > i {
  color: #f6c84b !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row .driver-feed-status {
  background: rgba(5, 17, 32, 0.4) !important;
  color: rgba(238, 247, 255, 0.88) !important;
}

html[data-theme="day"] body .driver-app .driver-feed-empty {
  border-color: rgba(36, 102, 164, 0.2) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #10243d !important;
}

@media (max-width: 520px) {
  body .driver-app .driver-feed-row {
    grid-template-columns: 46px minmax(0, 1fr) 108px !important;
    gap: 8px !important;
    min-height: 112px !important;
    padding: 9px 8px !important;
  }

  body .driver-app .driver-feed-time b {
    font-size: 25px !important;
  }

  body .driver-app .driver-feed-title {
    font-size: 16px !important;
  }

  body .driver-app .driver-feed-route {
    font-size: 13px !important;
  }

  body .driver-app .driver-feed-main small,
  body .driver-app .driver-feed-main > i {
    font-size: 11px !important;
  }

  body .driver-app .driver-feed-side {
    min-width: 108px !important;
  }

  body .driver-app .driver-feed-action {
    min-height: 44px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 370px) {
  body .driver-app .driver-feed-row {
    grid-template-columns: 42px minmax(0, 1fr) 96px !important;
    gap: 6px !important;
    padding: 8px 6px !important;
  }

  body .driver-app .driver-feed-side {
    min-width: 96px !important;
  }

  body .driver-app .driver-feed-action {
    padding-inline: 5px !important;
    font-size: 10px !important;
  }
}

/* v257: Senset-style quick actions stay on the same job row. */
body .driver-app .driver-feed-quick-actions {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding-top: 7px !important;
  border-top: 1px solid rgba(113, 178, 221, 0.2) !important;
}

body .driver-app .driver-feed-quick-actions button {
  min-width: 0 !important;
  min-height: 44px !important;
  display: grid !important;
  grid-template-rows: 20px min-content !important;
  place-items: center !important;
  gap: 2px !important;
  padding: 4px 2px !important;
  border: 1px solid rgba(124, 181, 222, 0.24) !important;
  border-radius: 8px !important;
  background: rgba(6, 18, 34, 0.46) !important;
  color: rgba(239, 247, 255, 0.9) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body .driver-app .driver-feed-quick-actions button b {
  display: grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.09) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

body .driver-app .driver-feed-quick-actions button span {
  max-width: 100% !important;
  overflow: hidden !important;
  color: inherit !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .driver-app .driver-feed-quick-actions button.is-call {
  border-color: rgba(75, 210, 142, 0.42) !important;
  color: #83edb5 !important;
}

body .driver-app .driver-feed-quick-actions button.is-schedule {
  border-color: rgba(247, 201, 71, 0.42) !important;
  color: #f8d873 !important;
}

body .driver-app .driver-feed-quick-actions button.is-transfer {
  border-color: rgba(57, 196, 235, 0.46) !important;
  color: #73d8f3 !important;
}

body .driver-app .driver-feed-quick-actions button.is-note,
body .driver-app .driver-feed-quick-actions button.is-more {
  color: rgba(224, 235, 247, 0.86) !important;
}

body .driver-app .driver-feed-quick-actions button:disabled {
  opacity: 0.5 !important;
}

body .driver-app .driver-feed-row:has(.driver-feed-quick-actions) {
  min-height: 166px !important;
}

@media (max-width: 370px) {
  body .driver-app .driver-feed-quick-actions {
    gap: 4px !important;
  }

  body .driver-app .driver-feed-quick-actions button {
    min-height: 42px !important;
    font-size: 9px !important;
  }
}

/* v258: map mode reuses the exact same working card as the job list. */
body.driver-map-mode .driver-map-work-panel.has-feed-card {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

body.driver-map-mode .driver-map-work-panel.has-feed-card .driver-map-feed-card {
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  box-shadow: 0 16px 42px rgba(2, 12, 24, 0.34) !important;
}

@media (max-width: 520px) {
  body.driver-map-mode .driver-map-work-panel.has-feed-card {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* v259: every active job stays available on both the list and the map. */
body.driver-map-mode .driver-map-work-panel.has-feed-stack {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 7px !important;
  max-height: min(58dvh, 560px) !important;
  overflow: hidden !important;
}

body.driver-map-mode .map-work-stack-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 34px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(88, 179, 232, 0.34) !important;
  border-radius: 9px !important;
  background: rgba(7, 20, 37, 0.9) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(2, 12, 24, 0.24) !important;
}

body.driver-map-mode .map-work-stack-head strong {
  font-size: 13px !important;
  font-weight: 950 !important;
}

body.driver-map-mode .map-work-stack-head em {
  display: grid !important;
  place-items: center !important;
  min-width: 24px !important;
  height: 24px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: #1d8de3 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 1000 !important;
}

body.driver-map-mode .map-work-card-list {
  display: grid !important;
  gap: 8px !important;
  min-height: 0 !important;
  max-height: calc(min(58dvh, 560px) - 41px) !important;
  padding: 0 3px 4px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(77, 175, 230, 0.72) rgba(7, 20, 37, 0.34) !important;
}

body.driver-map-mode .map-work-card-list::-webkit-scrollbar {
  width: 5px !important;
}

body.driver-map-mode .map-work-card-list::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(77, 175, 230, 0.72) !important;
}

@media (max-width: 520px) {
  body.driver-map-mode .driver-map-work-panel.has-feed-card.has-feed-stack {
    max-height: min(58dvh, 560px) !important;
    overflow: hidden !important;
  }
}

/* v260: phone work shares the same two driver surfaces as regular jobs. */
body.driver-map-mode .driver-map-feed-card.tone-call {
  border-color: rgba(247, 201, 71, 0.58) !important;
}

body.driver-map-mode .driver-map-feed-card.tone-call .driver-feed-time {
  overflow-wrap: anywhere !important;
  background: linear-gradient(160deg, #f7c947 0%, #ee9e24 100%) !important;
  color: #102039 !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

/* v267: job descriptions stay readable without changing the existing cards. */
body .driver-app .driver-feed-main > i {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  margin-top: 5px !important;
  padding: 8px 10px !important;
  border-left: 3px solid #f6c84b !important;
  border-radius: 7px !important;
  background: rgba(246, 200, 75, 0.11) !important;
  color: #fff0b5 !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.34 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
}

body .driver-app :is(.driver-live-note, .compact-job-note) {
  -webkit-line-clamp: 3 !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.34 !important;
}

body .driver-app .driver-card-note-preview {
  padding: 10px 12px !important;
}

body .driver-app .driver-card-note-preview span {
  font-size: 11px !important;
}

body .driver-app .driver-card-note-preview p {
  -webkit-line-clamp: 3 !important;
  font-size: 15px !important;
  line-height: 1.34 !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row .driver-feed-main > i {
  background: rgba(246, 200, 75, 0.13) !important;
  color: #ffe69a !important;
}

@media (max-width: 520px) {
  body .driver-app .driver-feed-main > i,
  body .driver-app :is(.driver-live-note, .compact-job-note),
  body .driver-app .driver-card-note-preview p {
    font-size: 15px !important;
    line-height: 1.34 !important;
  }
}

/* v268: keep the photographed map workspace and make a long job stack swipe reliably. */
body.driver-map-mode .driver-map-work-panel.has-feed-card.has-feed-stack {
  overflow: hidden !important;
}

body.driver-map-mode .map-work-stack-head > span {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

body.driver-map-mode .map-work-stack-head button {
  min-height: 30px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(86, 184, 236, 0.38) !important;
  border-radius: 8px !important;
  background: rgba(8, 26, 46, 0.82) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.driver-map-mode .map-work-card-list {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  gap: 8px !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overflow-anchor: none !important;
  overscroll-behavior-x: none !important;
  overscroll-behavior-y: contain !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  will-change: scroll-position !important;
}

body.driver-map-mode .map-work-card-list > .driver-map-feed-card {
  min-width: 0 !important;
  max-width: 100% !important;
  scroll-snap-align: none !important;
  overflow-anchor: none !important;
}

body.driver-map-mode .driver-map-work-panel.is-collapsed {
  grid-template-rows: auto !important;
  max-height: none !important;
}

html[data-theme="day"] body.driver-map-mode .map-work-stack-head button {
  border-color: rgba(37, 99, 235, 0.24) !important;
  background: #ffffff !important;
  color: #12345a !important;
}

body .driver-app .driver-drawer-section {
  display: block !important;
  margin: 8px 2px 1px !important;
  color: #55cdf1 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body .driver-app .driver-menu-feed-list,
body .driver-app .driver-contact-list {
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
}

body .driver-app .driver-contact-list article {
  display: grid !important;
  gap: 4px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(77, 175, 230, 0.3) !important;
  border-radius: 8px !important;
  background: rgba(10, 31, 53, 0.92) !important;
  color: #ffffff !important;
}

body .driver-app .driver-contact-list article strong {
  font-size: 16px !important;
}

body .driver-app .driver-contact-list article span,
body .driver-app .driver-contact-list article small {
  color: rgba(225, 239, 252, 0.78) !important;
  font-size: 13px !important;
}

@media (max-width: 520px) {
  body.driver-map-mode .map-work-card-list {
    scrollbar-width: none !important;
  }

  body.driver-map-mode .map-work-card-list::-webkit-scrollbar {
    display: none !important;
  }
}

/* v269: optional address search and road route rendered by the existing Leaflet map. */
body .driver-navigation {
  display: none;
}

body.driver-map-mode .driver-navigation {
  position: absolute;
  z-index: 740;
  top: 10px;
  left: 50%;
  display: block;
  width: min(720px, calc(100% - 24px));
  transform: translateX(-50%);
  pointer-events: none;
}

body.driver-map-mode .driver-navigation-search {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 42px;
  align-items: center;
  min-height: 54px;
  padding: 0 7px 0 10px;
  border: 1px solid rgba(120, 157, 193, 0.38);
  border-radius: 14px;
  background: rgba(248, 252, 255, 0.96);
  box-shadow: 0 12px 34px rgba(7, 21, 39, 0.24);
  backdrop-filter: blur(18px) saturate(1.15);
  pointer-events: auto;
}

body.driver-map-mode .driver-navigation-search-icon {
  font-size: 20px;
  filter: grayscale(1);
}

body.driver-map-mode .driver-navigation-search input {
  min-width: 0;
  height: 48px;
  padding: 0 6px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #10233d;
  font: inherit;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0;
}

body.driver-map-mode .driver-navigation-search input::placeholder {
  color: rgba(38, 62, 91, 0.68);
  opacity: 1;
}

body.driver-map-mode .driver-navigation-search button,
body.driver-map-mode .driver-navigation-close {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: rgba(16, 38, 66, 0.09);
  color: #10233d;
  font-size: 26px;
  font-weight: 900;
}

body.driver-map-mode .driver-navigation-suggestions {
  margin-top: 7px;
  padding: 6px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(120, 157, 193, 0.34);
  border-radius: 12px;
  background: rgba(248, 252, 255, 0.98);
  box-shadow: 0 18px 42px rgba(7, 21, 39, 0.28);
  pointer-events: auto;
}

body.driver-map-mode .driver-navigation-suggestions button {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-rows: auto auto;
  width: 100%;
  min-height: 58px;
  padding: 8px 10px;
  border: 0;
  border-bottom: 1px solid rgba(86, 121, 158, 0.16);
  background: transparent;
  color: #10233d;
  text-align: left;
}

body.driver-map-mode .driver-navigation-suggestions button:last-of-type {
  border-bottom: 0;
}

body.driver-map-mode .driver-navigation-suggestions button > span {
  grid-row: 1 / 3;
  align-self: center;
  font-size: 20px;
}

body.driver-map-mode .driver-navigation-suggestions strong {
  min-width: 0;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.driver-map-mode .driver-navigation-suggestions small {
  min-width: 0;
  overflow: hidden;
  color: #60738b;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.driver-map-mode .driver-navigation-message {
  padding: 13px 12px;
  color: #52677f;
  font-size: 14px;
  font-weight: 800;
}

body.driver-map-mode .driver-navigation-message.is-error {
  color: #b52f3e;
}

body.driver-map-mode .driver-navigation-active {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 6px 10px;
  width: min(430px, calc(100% - 112px));
  margin-top: 8px;
  padding: 11px 12px;
  border: 1px solid rgba(61, 190, 221, 0.42);
  border-radius: 12px;
  background: rgba(7, 24, 43, 0.94);
  color: #ffffff;
  box-shadow: 0 16px 36px rgba(3, 13, 26, 0.3);
  pointer-events: auto;
}

body.driver-map-mode .driver-navigation-active[hidden] {
  display: none !important;
}

body.driver-map-mode .driver-navigation-active-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body.driver-map-mode .driver-navigation-active-copy span {
  color: #50d8ed;
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

body.driver-map-mode .driver-navigation-active-copy strong {
  overflow: hidden;
  font-size: 16px;
  line-height: 1.16;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.driver-map-mode .driver-navigation-active-copy small {
  color: rgba(226, 239, 251, 0.78);
  font-size: 13px;
  font-weight: 800;
}

body.driver-map-mode .driver-navigation-active .driver-navigation-close {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

body.driver-map-mode .driver-navigation-active-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

body.driver-map-mode .driver-navigation-active-actions::-webkit-scrollbar {
  display: none;
}

body.driver-map-mode .driver-navigation-active-actions button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid rgba(81, 180, 226, 0.36);
  border-radius: 8px;
  background: rgba(20, 55, 88, 0.88);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

body.driver-map-mode .driver-navigation-active-actions button.is-warn {
  border-color: #f3b83f;
  background: #f3b83f;
  color: #12223a;
}

body.driver-map-mode .driver-navigation-attribution {
  position: absolute;
  top: 62px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 6px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 5px 16px rgba(7, 21, 39, 0.18);
  pointer-events: auto;
}

body.driver-map-mode .driver-navigation-attribution[hidden] {
  display: none !important;
}

body.driver-map-mode .driver-navigation-attribution img {
  display: block;
  width: auto;
  height: 30px;
}

body.driver-map-mode .driver-navigation-attribution > a:last-child {
  color: #263c55;
  font-size: 8px;
  font-weight: 750;
  text-decoration: none;
}


html[data-theme="night"] body.driver-map-mode .driver-navigation-search,
html[data-theme="night"] body.driver-map-mode .driver-navigation-suggestions {
  border-color: rgba(83, 167, 216, 0.36);
  background: rgba(7, 20, 37, 0.96);
  color: #ffffff;
}

html[data-theme="night"] body.driver-map-mode .driver-navigation-search input,
html[data-theme="night"] body.driver-map-mode .driver-navigation-search button,
html[data-theme="night"] body.driver-map-mode .driver-navigation-suggestions button {
  color: #ffffff;
}

html[data-theme="night"] body.driver-map-mode .driver-navigation-search input::placeholder,
html[data-theme="night"] body.driver-map-mode .driver-navigation-suggestions small,
html[data-theme="night"] body.driver-map-mode .driver-navigation-message {
  color: rgba(225, 239, 252, 0.76);
}

@media (max-width: 520px) {
  body.driver-map-mode .driver-navigation {
    top: 7px;
    width: calc(100% - 16px);
  }

  body.driver-map-mode .driver-navigation-search {
    min-height: 50px;
    grid-template-columns: 30px minmax(0, 1fr) 38px;
    border-radius: 12px;
  }

  body.driver-map-mode .driver-navigation-search input {
    height: 46px;
    font-size: 16px;
  }

  body.driver-map-mode .driver-navigation-active {
    width: min(410px, calc(100% - 104px));
    padding: 9px 10px;
  }

  body.driver-map-mode .driver-navigation-attribution {
    top: 58px;
  }

}

/* v271 final cascade: keep the map workspace compact after older compatibility rules. */
body.driver-map-mode .map-work-stack-head {
  min-height: 40px !important;
  padding: 6px 9px 6px 13px !important;
  border-color: rgba(103, 188, 236, 0.28) !important;
  border-radius: 14px !important;
  background: rgba(7, 20, 37, 0.9) !important;
  box-shadow: 0 10px 26px rgba(3, 14, 28, 0.28) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
}

body.driver-map-mode .map-work-stack-head strong {
  font-size: 15px !important;
}

html[data-theme="day"] body.driver-map-mode .map-work-stack-head {
  border-color: rgba(30, 76, 115, 0.14) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0a1a2d !important;
  box-shadow: 0 10px 24px rgba(27, 65, 104, 0.15) !important;
}

body .driver-app .driver-bottom-actionbar {
  gap: 7px !important;
  padding: 7px !important;
  border-radius: 22px !important;
  background: rgba(7, 20, 37, 0.91) !important;
  box-shadow: 0 -12px 36px rgba(3, 14, 28, 0.28) !important;
}

html[data-theme="day"] body .driver-app .driver-bottom-actionbar {
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 -12px 32px rgba(27, 65, 104, 0.17) !important;
}

body .driver-app .driver-bottom-actionbar .sheet-action-button {
  min-height: 54px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
}

@media (max-width: 520px) {
  body .driver-app .driver-bottom-actionbar .sheet-action-button {
    min-height: 52px !important;
  }
}

/* Stable FIFO queue: the first card is the current job, following jobs stay compact. */
body .driver-app .driver-feed-queue-role {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(72, 201, 238, 0.4) !important;
  border-radius: 999px !important;
  background: rgba(33, 156, 220, 0.14) !important;
  color: #65dcf6 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body .driver-app .driver-feed-row.is-queue-current {
  border-color: rgba(76, 211, 239, 0.72) !important;
  box-shadow: 0 15px 34px rgba(3, 22, 44, 0.38), inset 3px 0 0 #36c7ec !important;
}

body .driver-app .driver-feed-row.is-queue-compact {
  min-height: 88px !important;
  padding-block: 8px !important;
  border-color: rgba(79, 143, 190, 0.42) !important;
  box-shadow: 0 8px 18px rgba(3, 18, 35, 0.24) !important;
}

body .driver-app .driver-feed-row.is-queue-compact .driver-feed-queue-role {
  border-color: rgba(147, 181, 210, 0.28) !important;
  background: rgba(131, 165, 195, 0.1) !important;
  color: rgba(218, 235, 249, 0.78) !important;
}

body .driver-app .driver-feed-row.is-queue-compact .driver-feed-title {
  font-size: 15px !important;
  line-height: 1.1 !important;
}

body .driver-app .driver-feed-row.is-queue-compact .driver-feed-route {
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .driver-app .driver-feed-row.is-queue-compact .driver-feed-main > i {
  -webkit-line-clamp: 1 !important;
}

body .driver-app .driver-feed-row.is-queue-compact .driver-feed-time {
  padding-block: 5px !important;
}

body .driver-app .driver-feed-row.is-queue-compact .driver-feed-time b {
  font-size: 24px !important;
}

body .driver-app .driver-feed-row.is-queue-compact .driver-feed-side {
  align-content: center !important;
}

html[data-theme="day"] body .driver-app .driver-feed-row.is-queue-current,
html[data-theme="day"] body .driver-app .driver-feed-row.is-queue-compact {
  background: linear-gradient(145deg, #0a2038 0%, #0c2b49 100%) !important;
}

/* Admin order flow: one chronological stream with readable status controls. */
.queue-panel .panel-heading {
  gap: 16px;
  align-items: center;
}

.order-flow-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.order-flow-filters .segment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 11px;
  white-space: nowrap;
}

.order-flow-filters .segment strong {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding-inline: 6px;
  border: 1px solid rgba(142, 185, 220, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  color: inherit;
  font-size: 12px;
  line-height: 1;
}

.order-flow-filters .segment[data-filter="Dokonceno"] strong {
  color: #8ef0b0;
}

.order-flow-filters .segment[data-filter="Zruseno"] strong {
  color: #ff9d9d;
}

.order-flow-filters .segment[data-filter="Dokonceno"].active {
  border-color: rgba(60, 207, 121, 0.7);
  background: #16884e;
  color: #ffffff;
}

.order-flow-filters .segment[data-filter="Zruseno"].active {
  border-color: rgba(255, 105, 105, 0.8);
  background: #c83c45;
  color: #ffffff;
}

.order-flow-filters .segment.active strong {
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.orders-table-list .order-table-row.status-Ceka {
  box-shadow: inset 4px 0 0 #f0ad34;
}

.orders-table-list .order-table-row.status-Na-ceste,
.orders-table-list .order-table-row.status-Na-miste,
.orders-table-list .order-table-row.status-Zakaznik-jede {
  box-shadow: inset 4px 0 0 #32bde8;
}

@media (max-width: 720px) {
  .queue-panel .panel-heading {
    align-items: stretch;
  }

  .order-flow-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .order-flow-filters .segment {
    width: 100%;
  }

  .order-flow-filters .segment[data-filter="all"] {
    grid-column: 1 / -1;
  }
}

/* v294: one-tap customer save from the driver order card. */
body .driver-app :is(.driver-feed-row, .job-card).has-contact-shortcut {
  position: relative !important;
}

body .driver-app .driver-feed-row.has-contact-shortcut {
  padding-right: 46px !important;
}

body .driver-app .driver-feed-row.has-contact-shortcut .driver-feed-side {
  padding-top: 26px !important;
}

body .driver-app .job-card.has-contact-shortcut {
  padding-right: 52px !important;
}

body .driver-app .driver-card-contact-add {
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  z-index: 6 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(86, 220, 245, 0.6) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #41d6f3 0%, #189ee5 100%) !important;
  color: #ffffff !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  box-shadow: 0 10px 20px rgba(14, 165, 233, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

body .driver-app .driver-card-contact-add.is-saved {
  border-color: rgba(90, 230, 160, 0.68) !important;
  background: linear-gradient(135deg, #41e69a 0%, #13b86e 100%) !important;
  box-shadow: 0 10px 20px rgba(22, 163, 74, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

body .driver-app .driver-feed-customer-badge {
  width: fit-content !important;
  max-width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(90, 230, 160, 0.35) !important;
  border-radius: 999px !important;
  background: rgba(35, 197, 129, 0.16) !important;
  color: #a8ffd0 !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body .driver-app .job-title-stack {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

body .driver-app .job-title-stack > strong {
  min-width: 0 !important;
}

html[data-theme="day"] body .driver-app .driver-feed-customer-badge {
  border-color: rgba(134, 239, 172, 0.42) !important;
  background: rgba(22, 163, 74, 0.18) !important;
  color: #bbf7d0 !important;
}

@media (max-width: 380px) {
  body .driver-app .driver-feed-row.has-contact-shortcut {
    padding-right: 40px !important;
  }

  body .driver-app .driver-card-contact-add {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    min-height: 29px !important;
    font-size: 21px !important;
  }
}