/* SwiftRunner V4.1.19 — International UI polish layer
   Visual-only layer. No API, authentication, payment, delivery or Firebase logic changes. */
:root{
  --ui-red:#e51b2a;
  --ui-red-dark:#c91422;
  --ui-ink:#101828;
  --ui-muted:#667085;
  --ui-line:#e4e7ec;
  --ui-bg:#f6f8fb;
  --ui-surface:#ffffff;
  --ui-success:#067647;
  --ui-success-bg:#ecfdf3;
  --ui-warning:#b54708;
  --ui-warning-bg:#fffaeb;
  --ui-danger:#b42318;
  --ui-danger-bg:#fef3f2;
  --ui-focus:0 0 0 4px rgba(229,27,42,.12);
  --ui-shadow:0 8px 28px rgba(16,24,40,.055);
  --ui-shadow-lg:0 18px 55px rgba(16,24,40,.12);
}

/* Global consistency */
body{background:var(--ui-bg);color:var(--ui-ink)}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--ui-focus)!important}

/* Keep semantic status colors semantic. */
.status.good,.badge.approved{background:var(--ui-success-bg)!important;color:var(--ui-success)!important;border-color:#abefc6!important}
.status.bad,.danger-text{color:var(--ui-danger)!important}
.status.held{background:var(--ui-warning-bg)!important;color:var(--ui-warning)!important}
.alert{background:var(--ui-success-bg);border-color:#abefc6;color:#05603a}
.alert.warning{background:var(--ui-warning-bg);border-color:#fedf89;color:#93370d}
.alert.error{background:var(--ui-danger-bg);border-color:#fecdca;color:#912018}

/* Typography: avoid tiny dashboard text. */
.field label{font-size:13px;line-height:1.35}
.field input,.field select,.field textarea{font-size:14px;min-height:48px}
.sub{font-size:13px;line-height:1.55}

/* Cards and sections */
.card,.form-card,.metric-card,.metric,.job-card,.order-card,.product-card{box-shadow:var(--ui-shadow)}
.card,.form-card{border-color:var(--ui-line)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:24px 0 12px}
.section-head h2{margin:0;font-size:20px;letter-spacing:-.025em}
.section-head p{margin:4px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.5}

/* Buttons: one professional interaction language. */
.btn{min-height:46px;border-radius:12px;font-size:13px;font-weight:800;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}
.btn:not(.secondary):not(.danger):not(.btn-soft),.btn-red{background:var(--ui-red);border-color:var(--ui-red);color:#fff}
.btn:not(.secondary):not(.danger):not(.btn-soft):hover,.btn-red:hover{background:var(--ui-red-dark);border-color:var(--ui-red-dark);box-shadow:0 7px 18px rgba(229,27,42,.18)}
.btn.secondary,.btn-soft{background:#fff;border-color:var(--ui-line);color:var(--ui-ink)}
.btn.secondary:hover,.btn-soft:hover{background:#f8fafc;border-color:#d0d5dd}

/* Application shell */
.tw-topbar{box-shadow:0 1px 0 rgba(16,24,40,.02)}
.tw-main{padding-top:26px}
.tw-page-context small{font-size:11px}
.tw-page-context strong{font-size:17px}
.tw-icon-button{transition:background .14s ease,border-color .14s ease,transform .14s ease}
.tw-icon-button:hover{background:#f8fafc;border-color:#d0d5dd;transform:translateY(-1px)}

/* Product/order surfaces */
.product-card,.order-card,.job-card{overflow:hidden}
.product-card h3,.order-card h3,.job-card h3{letter-spacing:-.02em}

/* Inputs and searchable controls */
input,select,textarea{accent-color:var(--ui-red)}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#b8c0cc}

/* Notifications */
.notification-panel{border:1px solid var(--ui-line)!important;box-shadow:var(--ui-shadow-lg)!important}
.notification-center-item{transition:background .14s ease}
.notification-center-item:hover{background:#f8fafc}

/* Top information popups / dialogs */
.runner-info-card{box-shadow:var(--ui-shadow-lg)!important;border:1px solid var(--ui-line)!important}
.runner-info-kicker{color:var(--ui-red)!important}

/* Toasts */
.runner-toast-top{border-radius:14px!important;box-shadow:var(--ui-shadow-lg)!important;font-size:13px!important;font-weight:750!important;padding:13px 16px!important}

/* Maps: make the map a contained product component, not the whole page. */
.map,.delivery-map,.stable-map{border:1px solid var(--ui-line);box-shadow:var(--ui-shadow);background:#e9eef3}

/* Mobile ergonomics */
@media(max-width:767px){
  .tw-main{padding:14px 12px calc(20px + var(--safe-bottom))!important}
  .page-title{font-size:26px;letter-spacing:-.035em}
  .card{border-radius:18px;padding:16px}
  .metrics{gap:9px}
  .metric{min-height:92px;padding:14px}
  .metric strong{font-size:22px}
  .quick{gap:8px}
  .quick>a{padding:13px;border-radius:14px}
  .section-head{margin:20px 0 10px}
  .section-head h2{font-size:18px}
  .btn{min-height:48px}
  .tw-topbar{min-height:64px}
}

/* Small-screen safety */
@media(max-width:390px){
  .tw-main{padding-left:10px!important;padding-right:10px!important}
  .page-title{font-size:24px}
  .card{padding:14px}
  .btn{font-size:12px}
}

/* Reduced motion accessibility */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* V4.1.19 — unified account menu, cleaner navigation and professional admin permissions */
.tw-logo-plate{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.tw-sidebar .tw-logo-img,.tw-drawer .tw-logo-img{content:normal!important;width:142px!important;height:auto!important;max-height:48px!important;object-fit:contain!important;}
.tw-topbar .tw-logo-img{width:136px!important;height:auto!important;max-height:42px!important;object-fit:contain!important;}
.runner-account-wrap{position:relative;display:flex;align-items:center;}
.runner-account-trigger{cursor:pointer;border:0!important;padding:0!important;background:transparent!important;display:grid!important;place-items:center!important;box-shadow:none!important;}
.runner-account-trigger:focus-visible{outline:3px solid rgba(239,35,60,.24)!important;outline-offset:3px!important;}
.runner-account-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(310px,calc(100vw - 24px));z-index:9200;background:#fff;border:1px solid #e7ebf0;border-radius:20px;box-shadow:0 22px 60px rgba(15,23,42,.18);padding:10px;animation:runnerAccountDrop .16s ease-out;}
.runner-account-menu[hidden]{display:none!important;}
.runner-account-menu-head{display:flex;align-items:center;gap:11px;padding:11px;border-radius:14px;background:#f7f9fb;border:1px solid #edf0f3;margin-bottom:8px;}
.runner-account-menu-head b{display:block;color:#101820;font-size:13px;font-weight:900;line-height:1.25;}
.runner-account-menu-head small{display:block;margin-top:3px;color:#75808c;font-size:10px;font-weight:700;}
.runner-account-menu-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#101820;color:#fff;font-weight:900;}
.runner-account-menu-avatar img{width:100%;height:100%;object-fit:cover;}
.runner-account-menu-items{display:grid;gap:3px;}
.runner-account-menu-items a{display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 10px;border-radius:12px;color:#18212a;text-decoration:none;font-size:12px;font-weight:850;}
.runner-account-menu-items a:hover{background:#f5f7f9;}
.runner-account-menu-items a svg{width:19px;height:19px;color:#697581;flex:0 0 19px;}
.runner-account-menu-items a.danger{color:#b21e2a;background:#fff4f5;margin-top:3px;}
.runner-account-menu-items a.danger svg{color:#d7192d;}
.tw-drawer-note{display:none!important;}
@keyframes runnerAccountDrop{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Permission lists should read as distinct capabilities, never as concatenated text. */
.role-permission-list{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:12px!important;}
.role-permission-list span{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:6px 9px!important;border-radius:9px!important;background:#f4f6f8!important;border:1px solid #e7ebef!important;color:#3d4852!important;font-size:10px!important;font-weight:750!important;line-height:1.2!important;white-space:normal!important;}
.role-card{padding:18px!important;border:1px solid #e5e9ee!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important;margin-bottom:10px!important;}
.role-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:0!important;}
.role-card-head b{display:block!important;font-size:15px!important;line-height:1.25!important;}
.role-card-head small{display:block!important;color:#7a8590!important;font-size:10px!important;margin-top:4px!important;}
.role-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}

/* User-facing errors: keep technical details in server logs, not in the product UI. */
.alert.error{line-height:1.45!important;}
@media(max-width:760px){
 .runner-account-menu{right:-6px;width:min(300px,calc(100vw - 20px));border-radius:18px;}
 .runner-account-menu-items a{min-height:46px;}
 .role-cards{grid-template-columns:1fr!important;}
 .role-permission-list span{font-size:9px!important;}
}

/* V4.1.20 account/avatar + brand visibility fix */
.tw-top-actions .runner-account-trigger.tw-avatar,
.tw-top-actions .runner-account-trigger.top-avatar {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 50% !important;
  background: #0b0f14 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 4px 14px rgba(15,23,42,.14) !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  line-height: 1 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}
.tw-top-actions .runner-account-trigger .avatar-fallback {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #ffffff !important;
  background: #0b0f14 !important;
  font-weight: 900 !important;
}
.tw-top-actions .runner-account-trigger .top-avatar-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}
.tw-sidebar .tw-logo-plate,
.tw-drawer .tw-logo-plate {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.tw-sidebar .tw-logo-img,
.tw-drawer .tw-logo-img {
  content:normal!important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
}
.tw-drawer-head .tw-logo-img {
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  max-height: 44px !important;
}
@media (max-width: 760px) {
  .tw-drawer-head .tw-logo-img {
    width: 146px !important;
    max-width: 146px !important;
    max-height: 43px !important;
  }
  .tw-top-actions .runner-account-trigger.tw-avatar,
  .tw-top-actions .runner-account-trigger.top-avatar {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
}

/* V4.3.1 — mobile/desktop brand + account controls hardening.
   Do not use CSS content:url() for critical logos: older Android WebViews can
   render replaced-image overrides inconsistently. The dashboard JS now supplies
   a real embedded image source; this layer only controls presentation. */
.tw-sidebar .tw-logo-plate,
.tw-drawer .tw-logo-plate{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
}
.tw-sidebar .tw-logo-img,
.tw-drawer .tw-logo-img{
  content:normal!important;
  display:block!important;
  width:146px!important;
  max-width:146px!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
  object-position:left center!important;
  visibility:visible!important;
  opacity:1!important;
  background:transparent!important;
}
.tw-drawer-head .tw-logo-img{width:150px!important;max-width:150px!important;max-height:46px!important;}
.tw-top-actions{flex:0 0 auto!important;min-width:max-content!important;}
.tw-top-actions .runner-account-wrap{flex:0 0 40px!important;min-width:40px!important;}
.tw-top-actions .runner-account-trigger,
.tw-top-actions .runner-account-trigger.tw-avatar,
.tw-top-actions .runner-account-trigger.top-avatar{
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#0b0f14!important;
  color:#fff!important;
}
.tw-top-actions .runner-account-trigger .avatar-fallback{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  color:#fff!important;
  background:#0b0f14!important;
  font-size:14px!important;
  font-weight:900!important;
}
.tw-top-actions .runner-account-trigger .top-avatar-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

@media (max-width: 767px){
  /* The mobile header uses the menu + context + actions. Branding remains
     prominent in the drawer and splash instead of consuming the action space. */
  .tw-mobile-brand{flex:0 0 42px!important;width:42px!important;min-width:42px!important;}
  .tw-mobile-brand .tw-brand.compact{display:none!important;}
  .tw-page-context{flex:1 1 auto!important;min-width:0!important;}
  .tw-page-context strong{min-width:0!important;}
  .tw-top-actions .tw-avatar{display:grid!important;}
  .tw-top-actions .runner-account-trigger.tw-avatar,
  .tw-top-actions .runner-account-trigger.top-avatar{display:grid!important;}
  .tw-top-actions .runner-account-wrap{display:flex!important;}
}

@media (max-width: 370px){
  /* Preserve the account avatar at every phone width. Messages can be reached
     from the drawer and conversation list, so it is the expendable top action. */
  .tw-top-actions .tw-message-top{display:none!important;}
  .tw-top-actions{gap:5px!important;}
  .tw-icon-button{width:38px!important;height:38px!important;}
  .tw-top-actions .runner-account-trigger,
  .tw-top-actions .runner-account-trigger.tw-avatar,
  .tw-top-actions .runner-account-trigger.top-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
  .tw-top-actions .runner-account-wrap{flex-basis:38px!important;min-width:38px!important;}
  .tw-menu-trigger{width:40px!important;height:40px!important;}
  .tw-page-context small{font-size:8px!important;}
  .tw-page-context strong{font-size:13px!important;}
}

@media (max-width: 330px){
  .tw-topbar{padding-left:8px!important;padding-right:8px!important;gap:5px!important;}
  .tw-page-context{padding:0 2px!important;}
  .tw-top-actions .runner-account-menu{right:-4px!important;width:min(270px,calc(100vw - 16px))!important;}
}

/* V4.2 production polish: safety + driver performance */
.safety-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;margin-top:16px}.safety-hero{display:flex;flex-direction:column;gap:14px}.safety-shield{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(229,9,20,.1);font-size:28px}.safety-active{border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:14px;display:grid;gap:10px}.safety-active small{display:block;color:var(--muted,#697386)}.safety-actions,.safety-contact-actions{display:flex;gap:8px;flex-wrap:wrap}.safety-contact-list{display:grid;gap:8px}.safety-contact-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid var(--border,#e5e7eb);border-radius:14px}.safety-contact-row small{display:block;color:var(--muted,#697386);margin-top:3px}.safety-contact-row form{margin:0}.safety-contact-form{margin-top:14px}.safety-checklist{margin-top:16px}.safety-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.safety-check-grid span{padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.035)}.driver-performance-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.driver-performance-strip>div{padding:13px;border:1px solid var(--border,#e5e7eb);border-radius:14px}.driver-performance-strip b,.driver-performance-strip strong{display:block}.driver-performance-strip b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#697386)}.driver-performance-strip strong{font-size:18px;margin-top:4px}@media(max-width:800px){.safety-grid{grid-template-columns:1fr}.safety-contact-row{align-items:flex-start;flex-direction:column}.safety-actions,.safety-contact-actions{width:100%}.safety-actions .btn,.safety-contact-actions .btn{flex:1}.safety-check-grid{grid-template-columns:1fr}.driver-performance-strip{grid-template-columns:1fr 1fr}.driver-performance-strip>div:last-child{grid-column:1/-1}}@media(max-width:430px){.driver-performance-strip{grid-template-columns:1fr}.driver-performance-strip>div:last-child{grid-column:auto}}

.driver-goal-bonus{display:block;margin-top:5px;font-size:11px;color:var(--muted,#697386)}

/* SwiftRunner V4.3.8 — LIGHT AUTHENTICATION BASELINE
   Authentication is intentionally light for readability and fast rendering.
   Do not reintroduce the large photographic auth background here. */
.auth-page{
  background:#f5f7fa!important;
  color:#111827!important;
}
.auth-shell.auth-v342{
  position:relative!important;
  isolation:isolate;
  min-height:100svh;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
}
.auth-shell.auth-v342::before,
.auth-shell.auth-v342::after{
  display:none!important;
}
.auth-shell.auth-v342 .auth-card-v342{
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 18px 45px rgba(15,23,42,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.auth-shell.auth-v342 .auth-logo-plate{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.auth-shell.auth-v342 .auth-logo-plate .auth-logo{
  width:min(260px,78vw)!important;
  height:auto!important;
  max-height:78px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.auth-shell.auth-v342 .auth-brand-copy strong,
.auth-shell.auth-v342 .auth-intro h1,
.auth-shell.auth-v342 .auth-step-intro h2{
  color:#111827!important;
}
.auth-shell.auth-v342 .auth-brand-copy small,
.auth-shell.auth-v342 .auth-intro p,
.auth-shell.auth-v342 .auth-step-intro p,
.auth-shell.auth-v342 .muted{
  color:#667085!important;
}
.auth-shell.auth-v342 .auth-field label,
.auth-shell.auth-v342 .field label{
  color:#1d2939!important;
}
.auth-shell.auth-v342 .auth-help-row{color:#667085!important;}
.auth-shell.auth-v342 .auth-help-row a{color:#c9182b!important;}
.auth-shell.auth-v342 .auth-eyebrow,
.auth-shell.auth-v342 .auth-step-intro .auth-eyebrow{
  color:#c9182b!important;
}
.auth-shell.auth-v342 .auth-steps-v342 .step{
  color:#475467!important;
  border-color:#e4e7ec!important;
  background:#f8fafc!important;
}
.auth-shell.auth-v342 .auth-steps-v342 .step.active{
  color:#a20b13!important;
  background:#fff1f2!important;
  border-color:#f3b5ba!important;
}
.auth-shell.auth-v342 .auth-steps-v342 .step b{
  background:#eef2f6!important;
  color:#475467!important;
}
.auth-shell.auth-v342 .auth-steps-v342 .step.active b{
  background:#e50914!important;
  color:#fff!important;
}
.auth-shell.auth-v342 .auth-section-label,
.auth-shell.auth-v342 .auth-trust,
.auth-shell.auth-v342 .auth-action-card{
  background:#f8fafc!important;
  color:#111827!important;
  border-color:#e4e7ec!important;
}
.auth-shell.auth-v342 .auth-section-label b,
.auth-shell.auth-v342 .auth-section-label small,
.auth-shell.auth-v342 .secure-note b,
.auth-shell.auth-v342 .secure-note small,
.auth-shell.auth-v342 .account-type-static b,
.auth-shell.auth-v342 .account-type-static small,
.auth-shell.auth-v342 .phone-entry>span{
  color:#344054!important;
}
.auth-shell.auth-v342 .terms-consent{color:#344054!important;background:#f8fafc!important;}
.auth-shell.auth-v342 .terms-consent small{color:#667085!important;}
.auth-shell.auth-v342 .auth-trust>span{background:#111827!important;color:#fff!important;}
@media(max-width:700px){
  .auth-shell.auth-v342 .auth-logo-plate .auth-logo{width:min(235px,72vw)!important;max-height:68px!important;}
  .auth-shell.auth-v342 .auth-card-v342{box-shadow:0 12px 32px rgba(15,23,42,.08)!important;}
}


/* SwiftRunner V4.3.15: accessible dark theme + mobile scroll/navigation */
html,body{max-width:100%;overflow-x:clip}
body{padding-bottom:env(safe-area-inset-bottom,0)!important}
@media(max-width:767px){
  .bottom-nav,.bottom-navigation,.mobile-bottom-nav,.app-bottom-nav,.tw-bottom-nav,
  nav[aria-label="Bottom navigation"],[data-bottom-nav],.bottom-tabs,.fixed-bottom-nav{
    display:none!important;visibility:hidden!important;pointer-events:none!important
  }
  main,.container,.admin-container,.tw-content,.admin-workspace{
    padding-bottom:max(16px,env(safe-area-inset-bottom,0px))!important
  }
  .admin-sidebar,.tw-sidebar{overscroll-behavior:contain}
}
/* Dark mode: explicitly set readable foreground/background pairs instead of relying
   on inherited colors from the light theme. */
html.runner-dark,body.runner-dark,body[data-runner-theme="dark"]{
  color-scheme:dark;background:#0b1118!important;color:#f1f5f9!important
}
body.runner-dark main,body.runner-dark .container,body.runner-dark .card,
body.runner-dark .metric-card,body.runner-dark .metric,body.runner-dark .dashboard-hero,
body.runner-dark .admin-chart-card,body.runner-dark .admin-focus-card,
body[data-runner-theme="dark"] main,body[data-runner-theme="dark"] .container,
body[data-runner-theme="dark"] .card,body[data-runner-theme="dark"] .metric-card,
body[data-runner-theme="dark"] .metric,body[data-runner-theme="dark"] .dashboard-hero,
body[data-runner-theme="dark"] .admin-chart-card,body[data-runner-theme="dark"] .admin-focus-card{
  background-color:#111b26!important;color:#f1f5f9!important;border-color:#334155!important
}
body.runner-dark h1,body.runner-dark h2,body.runner-dark h3,body.runner-dark h4,
body.runner-dark p,body.runner-dark label,body.runner-dark li,body.runner-dark strong,
body.runner-dark b,body.runner-dark .section-head,body.runner-dark .metric small,
body[data-runner-theme="dark"] h1,body[data-runner-theme="dark"] h2,
body[data-runner-theme="dark"] h3,body[data-runner-theme="dark"] h4,
body[data-runner-theme="dark"] p,body[data-runner-theme="dark"] label,
body[data-runner-theme="dark"] li,body[data-runner-theme="dark"] strong,
body[data-runner-theme="dark"] b,body[data-runner-theme="dark"] .section-head,
body[data-runner-theme="dark"] .metric small{color:#f1f5f9}
body.runner-dark small,body.runner-dark .muted,body.runner-dark .eyebrow,
body.runner-dark .trend,body[data-runner-theme="dark"] small,
body[data-runner-theme="dark"] .muted,body[data-runner-theme="dark"] .eyebrow,
body[data-runner-theme="dark"] .trend{color:#b8c4d3!important}
body.runner-dark input,body.runner-dark select,body.runner-dark textarea,
body[data-runner-theme="dark"] input,body[data-runner-theme="dark"] select,
body[data-runner-theme="dark"] textarea{background:#0b1118!important;color:#f8fafc!important;border-color:#475569!important}
body.runner-dark a:not(.btn):not(.admin-sidebar-nav a),
body[data-runner-theme="dark"] a:not(.btn):not(.admin-sidebar-nav a){color:#fca5a5}
body.runner-dark .admin-topbar,body[data-runner-theme="dark"] .admin-topbar{
 background:#111b26!important;color:#f8fafc!important;border-color:#334155!important
}