/* OXPLUS v2.4.2 FIX4 final portal layer
   Purpose: one readable, slightly brighter theme for admin/HQ/super screens.
   Legacy app.css remains for compatibility with login/rider pages; this file is loaded last. */
:root{
  --ox-bg:#0b1420;
  --ox-surface:#111d2a;
  --ox-surface-2:#162536;
  --ox-line:#314a64;
  --ox-line-soft:#25384c;
  --ox-text:#f2f7fc;
  --ox-muted:#9fb2c5;
  --ox-mint:#50d8c4;
  --ox-blue:#74a8ff;
  --ox-ok:#5bdda2;
  --ox-warn:#f4b55d;
  --ox-danger:#ff7b7d;
}
body{background:radial-gradient(circle at 8% -10%,rgba(76,143,255,.17),transparent 34%),radial-gradient(circle at 100% 0,rgba(72,216,196,.12),transparent 31%),linear-gradient(180deg,#0d1723 0%,#09111a 100%)!important;color:var(--ox-text)}
.topbar{background:rgba(9,16,25,.9)!important;border-color:rgba(65,91,120,.5)!important}
.container{max-width:1560px}
.portal-title,.page-head h1,.section-head h2{color:var(--ox-text)}
.portal-subtitle,.muted{color:var(--ox-muted)!important}
.portal-tabs,.compact-section,.card,.clean-kpi,.clean-branch-card,.super-branch-card,.manage-rider-card,.history-rider-list,.status-grid-table,.system-status-list,.settings-list{border-color:rgba(62,89,120,.7)!important;background:linear-gradient(180deg,rgba(19,31,45,.97),rgba(12,22,33,.97))!important}
.portal-tab{font-size:14px!important;color:#a9bdd1!important}.portal-tab.active{color:#f2fffc!important;background:linear-gradient(135deg,rgba(80,216,196,.20),rgba(116,168,255,.13))!important;box-shadow:inset 0 0 0 1px rgba(80,216,196,.36)!important}
.section-bar h2{font-size:20px!important}.section-bar .tiny,.portal-subtitle,.mini-state,.count-badge{font-size:12px!important}
.clean-search,input,select{font-size:14px!important;color:var(--ox-text)!important;background:linear-gradient(180deg,#101c2a,#0e1925)!important;border-color:#35506d!important}
button,.button-link{font-size:13px!important}.primary{background:linear-gradient(135deg,#55dbc8,#69a5ff)!important;border-color:#5ddccb!important;color:#08131c!important}
.mini-state.ok,.pill.ok{background:rgba(54,143,111,.18)!important;border-color:rgba(91,221,162,.38)!important;color:#a8f2ce!important}.mini-state.wait,.pill.warn{background:rgba(145,96,32,.18)!important;border-color:rgba(244,181,93,.38)!important;color:#ffd397!important}.mini-state.bad{background:rgba(151,55,59,.18)!important;border-color:rgba(255,123,125,.38)!important;color:#ffb0b1!important}
.stat-card{border-color:rgba(63,91,122,.72)!important;background:linear-gradient(180deg,rgba(23,38,55,.99),rgba(14,25,37,.99))!important}.stat-card.hero{background:linear-gradient(135deg,rgba(88,143,255,.18),rgba(80,216,196,.13),rgba(15,27,40,.98))!important}.stat-card strong{color:var(--ox-text)}
.peak-row{border-color:#304a65!important;background:linear-gradient(180deg,#122030,#0d1925)!important}.progress-track i{background:linear-gradient(90deg,var(--ox-blue),var(--ox-mint))!important}.peak-row.is-complete .progress-track i{background:linear-gradient(90deg,#4bc88d,#63e1b0)!important}
.status-grid-head,.history-rider-head{background:linear-gradient(180deg,#1a2a3c,#142335)!important;color:#9fb5ca!important;font-size:12px!important}.status-grid-row,.history-rider-row{font-size:13px!important}.rider-id strong{font-size:15px!important}.rider-id small,.history-rider-row small{font-size:11px!important;color:#8fa6bd!important}.table-seg{font-size:12px!important}
.manage-rider-card>summary,.compact-rider-card>summary{min-height:58px}.rider-admin-summary b,.rider-admin-summary em{font-size:12px!important}.info-grid small,.mini-stat-grid small{font-size:11px!important}.info-grid b,.mini-stat-grid b{font-size:13px!important}
.history-kpis strong{font-size:27px!important}.history-kpis span,.history-day small,.system-status-list span,.system-status-list small,.settings-row-details>summary small{font-size:11px!important}.history-day strong,.settings-row-details>summary strong,.system-status-list b{font-size:14px!important}.history-day-stats{font-size:12px!important}
.clean-kpi span,.clean-branch-numbers span{font-size:13px!important}.clean-kpi strong{font-size:34px!important}.clean-kpi small,.clean-branch-head small{font-size:12px!important}.clean-branch-head strong{font-size:16px!important}
.super-branch-card{box-shadow:0 12px 28px rgba(0,0,0,.22)!important}.super-branch-card .branch-identity>div>strong{font-size:17px!important}.super-branch-card .tiny{font-size:11px!important}.branch-quick-stats small{font-size:11px!important}.branch-quick-stats b{font-size:13px!important}
.agent-update-line{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid var(--ox-line-soft);border-radius:12px;background:linear-gradient(180deg,rgba(20,34,49,.92),rgba(14,24,35,.92))}.agent-update-line b{font-size:13px}.agent-update-line small{font-size:11px;color:var(--ox-muted)}.agent-update-line.success{border-color:rgba(91,221,162,.35);background:rgba(51,139,106,.12)}.agent-update-line.failed{border-color:rgba(255,123,125,.35);background:rgba(150,54,58,.12)}.agent-update-line.requested{border-color:rgba(244,181,93,.30)}.update-check{color:var(--ox-ok);font-weight:900}.update-fail{color:var(--ox-danger);font-weight:900}.update-wait{color:var(--ox-warn);font-size:20px;line-height:.5}.update-spinner{width:13px;height:13px;border:2px solid rgba(116,168,255,.25);border-top-color:var(--ox-blue);border-radius:50%;animation:oxSpin .8s linear infinite}@keyframes oxSpin{to{transform:rotate(360deg)}}
@media(min-width:701px){
  .container{width:min(1560px,calc(100% - 34px))!important;margin-top:20px!important}
  .compact-section{padding:20px 22px!important}
  .super-branch-list{gap:12px!important}
}
@media(max-width:700px){
  .portal-tab{font-size:10px!important}.section-bar h2{font-size:17px!important}
  .compact-section{background:linear-gradient(180deg,rgba(18,30,44,.97),rgba(11,20,30,.98))!important}
  .agent-update-line{grid-template-columns:auto 1fr}.agent-update-line small{grid-column:1/-1}
}

/* FIX7: realtime rider counts, explicit call action, running-first ordering */
.live-filter-stack{display:grid;gap:10px;margin-bottom:12px}.live-region-filter{margin:0}.status-toolbar{margin:0!important}
.segment-number{font-size:14px!important;font-weight:850!important;letter-spacing:-.02em;color:#d6e3ef!important}.segment-number.has-value{background:linear-gradient(180deg,rgba(72,214,163,.18),rgba(43,146,111,.16))!important;border-color:rgba(86,220,171,.38)!important;color:#b8f3d6!important}.segment-number.state-live,.segment-number.state-closing{background:linear-gradient(180deg,rgba(112,164,255,.20),rgba(64,109,190,.17))!important;border-color:rgba(112,164,255,.42)!important;color:#e2ebff!important}.segment-number.state-unknown{color:#f4c47e!important;border-color:rgba(244,181,93,.32)!important;background:rgba(120,82,31,.12)!important}
.mobile-live-rider{border:1px solid rgba(62,89,120,.72);border-radius:16px;background:linear-gradient(180deg,rgba(17,29,42,.98),rgba(10,19,29,.98));overflow:hidden}.mobile-live-rider-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px 10px}.mobile-running-label{flex:0 0 auto;font-size:10px;padding:5px 8px;border-radius:999px;border:1px solid rgba(79,94,110,.55);color:#91a4b7;background:rgba(20,30,42,.75)}.mobile-running-label.running{color:#aef0d0;border-color:rgba(91,221,162,.35);background:rgba(49,137,104,.13)}
.mobile-segment-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:9px 10px 11px;border-top:1px solid rgba(51,73,98,.55)}.mobile-segment-count{display:grid;justify-items:center;gap:3px;min-width:0;padding:7px 3px;border-radius:10px;border:1px solid rgba(45,66,90,.52);background:linear-gradient(180deg,#0f1a27,#0c1621)}.mobile-segment-count small{font-size:9px;color:#8299ae;white-space:nowrap}.mobile-segment-count b{font-size:14px;color:#dbe7f2;line-height:1.05}.mobile-segment-count.has-value{background:linear-gradient(180deg,rgba(47,143,109,.17),rgba(29,91,71,.12));border-color:rgba(83,205,158,.29)}.mobile-segment-count.has-value b{color:#a9edcf}.mobile-segment-count.state-live,.mobile-segment-count.state-closing{background:linear-gradient(180deg,rgba(73,118,199,.18),rgba(45,77,137,.14));border-color:rgba(105,156,242,.32)}.mobile-segment-count.state-live b,.mobile-segment-count.state-closing b{color:#d9e7ff}.mobile-segment-count.state-unknown b{color:#e7b76b}
.call-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:7px 11px;border-radius:11px;border:1px solid rgba(80,216,196,.38);background:linear-gradient(135deg,rgba(55,168,151,.19),rgba(70,121,204,.14));color:#baf2e7!important;font-size:12px!important;font-weight:800;text-decoration:none;white-space:nowrap}.call-button:hover{filter:brightness(1.08)}
@media(max-width:700px){
  .live-filter-stack{gap:8px}.live-region-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:1px}.live-region-filter .filter-chip{flex:0 0 auto}.mobile-live-riders{display:grid!important;gap:8px!important}.mobile-live-rider .rider-id strong{font-size:15px!important}.mobile-live-rider .rider-id small{font-size:10px!important}.mobile-running-label{font-size:9px}
  .rider-admin-summary{gap:7px!important}.rider-admin-summary>b,.rider-admin-summary>em{display:none}.call-button{min-height:32px;padding:6px 9px;font-size:11px!important}.manage-rider-card>summary{gap:8px!important}.manage-rider-card>summary .rider-id{min-width:0;flex:1 1 auto}
}
@media(max-width:430px){
  .mobile-segment-counts{gap:4px;padding:8px 8px 10px}.mobile-segment-count{padding:6px 2px}.mobile-segment-count small{font-size:8px}.mobile-segment-count b{font-size:13px}
}


/* FIX8: desktop history density + reliable region filtering.
   Mobile layout intentionally unchanged. */
.history-rider-row.history-filtered-out{display:none!important}
@media(min-width:701px){
  .history-toolbar{display:grid!important;grid-template-columns:340px 220px!important;justify-content:start!important;align-items:center!important;gap:10px!important;width:auto!important}
  .history-toolbar .clean-search{width:340px!important;max-width:340px!important}
  .history-toolbar #historyRegion{width:220px!important;min-width:220px!important}
  .history-rider-head,.history-rider-row{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(110px,1fr))!important;gap:8px!important;padding:10px 14px!important}
  .history-rider-head>span:not(:first-child),.history-rider-row>b{text-align:center!important;justify-self:stretch!important}
  .history-rider-row>span:first-child{padding-right:8px!important}
}

/* FIX9: desktop filter reliability + calm reject warnings + closed-miss peaks */
.live-rider-row.live-filtered-out,.live-rider-card.live-filtered-out,.history-rider-row.history-filtered-out{display:none!important}
.reject-rate.rate-watch{color:#d7aa68!important}
.reject-rate.rate-near{color:#dc8768!important}
.reject-rate.rate-high{color:#e77470!important}
.peak-row.is-failed{border-color:rgba(222,103,94,.58)!important;background:linear-gradient(180deg,rgba(91,39,42,.24),rgba(24,28,38,.98))!important;box-shadow:inset 0 2px 0 rgba(222,103,94,.55)!important}
.peak-row.is-failed .progress-track i{background:linear-gradient(90deg,#b95755,#df7568)!important}
.peak-row.is-failed .peak-dot{background:#df7568!important;box-shadow:0 0 0 4px rgba(223,117,104,.12)!important}
.peak-row-foot .failed{color:#df7568!important;font-weight:850!important}
.peak-row.is-failed [data-peak-caption]{color:#c99289!important}
.rider-map-button::after{content:'내 권역';margin-left:7px;padding:2px 6px;border-radius:999px;border:1px solid rgba(76,215,194,.28);color:#8fdccb;font-size:10px;font-weight:700}
@media(min-width:701px){
  .live-filter-stack{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;margin-bottom:12px!important}
  .live-filter-stack .rider-toolbar{margin:0!important}
  .live-region-filter{min-width:0!important}
  .live-region-filter .filter-chip{cursor:pointer!important}
}

/* FIX12: realtime complete/reject/cancel + mobile-only light mode */
.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions form{margin:0}.mobile-theme-toggle{display:none}
.live-op-stat{display:inline-flex;align-items:center;justify-content:center;min-height:32px;font-size:13px;font-weight:850;color:#e6eff8;text-align:center}
.mobile-live-summary{display:grid;grid-template-columns:repeat(3,minmax(34px,auto));align-items:center;gap:5px;min-width:0}
.mobile-live-summary>span{display:grid;justify-items:center;gap:2px;min-width:34px;padding:4px 4px;border-radius:9px;background:rgba(18,29,42,.62);border:1px solid rgba(55,78,104,.42)}
.mobile-live-summary small{font-size:8px;line-height:1;color:#8299ae;white-space:nowrap}.mobile-live-summary b{font-size:12px;line-height:1.05;color:#e2ebf4}.mobile-live-summary .reject-rate.rate-watch b,.mobile-live-summary .reject-rate.rate-watch small{color:#d7aa68!important}.mobile-live-summary .reject-rate.rate-near b,.mobile-live-summary .reject-rate.rate-near small{color:#dc8768!important}.mobile-live-summary .reject-rate.rate-high b,.mobile-live-summary .reject-rate.rate-high small{color:#e77470!important}

@media(min-width:701px){
  .status-grid-head,.status-grid-row{grid-template-columns:minmax(180px,1.35fr) 76px 68px 62px 62px repeat(5,minmax(76px,.78fr))!important;gap:7px!important;padding:10px 12px!important}
  .status-grid-head>span:not(:first-child),.status-grid-row>.status-label,.status-grid-row>.live-op-stat{text-align:center!important;justify-self:stretch!important}
  .status-grid-row{min-height:56px!important}.table-seg{min-height:32px!important;padding:6px 6px!important;font-size:12px!important}
}
@media(min-width:701px) and (max-width:980px){
  .status-grid-head,.status-grid-row{grid-template-columns:minmax(135px,1.2fr) 64px 52px 52px 52px repeat(5,minmax(58px,.72fr))!important;gap:5px!important;padding:9px 8px!important}
  .status-grid-head{font-size:10px!important}.status-grid-row .rider-id strong{font-size:13px!important}.status-grid-row .rider-id small,.status-label,.live-op-stat,.table-seg{font-size:10px!important}
}
@media(max-width:700px){
  .mobile-theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;padding:0!important;border-radius:12px!important;border:1px solid #35506d!important;background:linear-gradient(180deg,#152233,#101b29)!important;color:#dce8f4!important;font-size:17px!important;line-height:1}
  .mobile-live-rider-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;justify-content:initial!important;gap:8px!important}
  .mobile-live-rider-head>.rider-id{min-width:0}.mobile-live-rider-head>.rider-id>span{min-width:0}.mobile-live-rider-head>.rider-id strong,.mobile-live-rider-head>.rider-id small{overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:430px){
  .mobile-live-rider-head{gap:5px!important;padding:11px 10px 9px!important}.mobile-live-summary{gap:2px;grid-template-columns:repeat(3,minmax(27px,auto))}.mobile-live-summary>span{min-width:27px;padding:4px 2px}.mobile-live-summary small{font-size:7px}.mobile-live-summary b{font-size:11px}.mobile-running-label{padding:5px 6px!important;font-size:8px!important}.mobile-live-rider .rider-id strong{font-size:14px!important}.mobile-live-rider .rider-id small{font-size:9px!important}
}

@media(max-width:700px){
  html[data-mobile-theme="light"]{
    --bg:#eef3f7;--panel:#ffffff;--panel2:#f5f8fb;--panel3:#edf3f7;--line:#d3dee7;--line2:#c4d2de;--text:#172534;--muted:#6d8092;
    --ox-bg:#eef3f7;--ox-surface:#ffffff;--ox-surface-2:#f5f8fb;--ox-line:#ccd8e2;--ox-line-soft:#dce5ec;--ox-text:#172534;--ox-muted:#6d8092;
  }
  html[data-mobile-theme="light"] body{background:radial-gradient(circle at 0 -10%,rgba(85,164,235,.14),transparent 34%),radial-gradient(circle at 100% 0,rgba(66,193,169,.12),transparent 32%),linear-gradient(180deg,#f4f8fb 0%,#edf3f7 100%)!important;color:#172534!important}
  html[data-mobile-theme="light"] .topbar{background:rgba(250,253,255,.94)!important;border-color:#d7e1e9!important;box-shadow:0 3px 12px rgba(39,63,83,.06)!important}
  html[data-mobile-theme="light"] .brand{color:#172534!important}html[data-mobile-theme="light"] .brand-mark{color:#269f8c!important}
  html[data-mobile-theme="light"] .topbar .ghost{background:#fff!important;border-color:#c8d5df!important;color:#23384b!important}
  html[data-mobile-theme="light"] .mobile-theme-toggle{background:linear-gradient(180deg,#ffffff,#f1f6f9)!important;border-color:#c5d4df!important;color:#2b4053!important;box-shadow:0 3px 10px rgba(33,57,76,.07)!important}
  html[data-mobile-theme="light"] .portal-title,html[data-mobile-theme="light"] .section-bar h2,html[data-mobile-theme="light"] strong,html[data-mobile-theme="light"] b{color:#172534}
  html[data-mobile-theme="light"] .portal-subtitle,html[data-mobile-theme="light"] .muted,html[data-mobile-theme="light"] .tiny,html[data-mobile-theme="light"] .rider-id small,html[data-mobile-theme="light"] .history-rider-row small{color:#6d8092!important}
  html[data-mobile-theme="light"] .portal-tabs,html[data-mobile-theme="light"] .compact-section,html[data-mobile-theme="light"] .card,html[data-mobile-theme="light"] .clean-kpi,html[data-mobile-theme="light"] .clean-branch-card,html[data-mobile-theme="light"] .super-branch-card,html[data-mobile-theme="light"] .manage-rider-card,html[data-mobile-theme="light"] .compact-rider-card,html[data-mobile-theme="light"] .history-rider-list,html[data-mobile-theme="light"] .status-grid-table,html[data-mobile-theme="light"] .system-status-list,html[data-mobile-theme="light"] .settings-list{background:linear-gradient(180deg,#ffffff,#f9fbfc)!important;border-color:#cfdae3!important;box-shadow:0 8px 24px rgba(45,70,90,.07)!important}
  html[data-mobile-theme="light"] .portal-tabs{background:rgba(250,253,255,.97)!important;box-shadow:0 -8px 28px rgba(44,70,90,.13)!important}
  html[data-mobile-theme="light"] .portal-tab{color:#72879a!important}html[data-mobile-theme="light"] .portal-tab.active{background:linear-gradient(180deg,rgba(52,183,160,.16),rgba(80,156,225,.10))!important;color:#173d3a!important;box-shadow:inset 0 0 0 1px rgba(45,169,148,.28)!important}
  html[data-mobile-theme="light"] .nav-icon svg{stroke:currentColor!important}
  html[data-mobile-theme="light"] input,html[data-mobile-theme="light"] select,html[data-mobile-theme="light"] .clean-search,html[data-mobile-theme="light"] .compact-select{background:#ffffff!important;border-color:#c8d5df!important;color:#1b2e3f!important;box-shadow:none!important}html[data-mobile-theme="light"] input::placeholder{color:#91a1af!important}
  html[data-mobile-theme="light"] button:not(.primary):not(.portal-tab):not(.filter-chip):not(.mobile-theme-toggle){background:linear-gradient(180deg,#ffffff,#f2f6f9)!important;border-color:#c8d5df!important;color:#31485a!important}
  html[data-mobile-theme="light"] .filter-chip{background:#f5f8fa!important;border-color:#c9d6e0!important;color:#607487!important}html[data-mobile-theme="light"] .filter-chip.active{background:rgba(42,169,146,.13)!important;border-color:rgba(42,169,146,.38)!important;color:#187563!important}
  html[data-mobile-theme="light"] .segmented-control{background:#edf3f6!important;border-color:#cbd8e1!important}html[data-mobile-theme="light"] .segmented-control button{background:transparent!important;border:0!important;color:#718495!important}html[data-mobile-theme="light"] .segmented-control button.active{background:#ffffff!important;color:#203649!important;box-shadow:0 2px 7px rgba(42,66,85,.08)!important}
  html[data-mobile-theme="light"] .stat-card{background:linear-gradient(180deg,#ffffff,#f5f9fb)!important;border-color:#cfdae3!important}html[data-mobile-theme="light"] .stat-card.hero{background:linear-gradient(135deg,rgba(77,151,234,.12),rgba(59,193,169,.10),#ffffff 70%)!important}html[data-mobile-theme="light"] .stat-card span,html[data-mobile-theme="light"] .stat-card small{color:#6b8092!important}
  html[data-mobile-theme="light"] .peak-row{background:linear-gradient(180deg,#ffffff,#f6f9fb)!important;border-color:#ccd9e3!important}html[data-mobile-theme="light"] .progress-track{background:#e7eef3!important}html[data-mobile-theme="light"] .peak-row.is-failed{background:linear-gradient(180deg,#fff7f5,#ffffff)!important;border-color:rgba(210,110,96,.42)!important}
  html[data-mobile-theme="light"] .mobile-live-rider{background:linear-gradient(180deg,#ffffff,#f9fbfc)!important;border-color:#cbd8e2!important}html[data-mobile-theme="light"] .mobile-live-rider-head{border-color:#dce5eb!important}
  html[data-mobile-theme="light"] .mobile-live-summary>span{background:#f3f7f9!important;border-color:#d5e0e7!important}html[data-mobile-theme="light"] .mobile-live-summary small{color:#738799!important}html[data-mobile-theme="light"] .mobile-live-summary b{color:#22384a!important}
  html[data-mobile-theme="light"] .mobile-running-label{background:#f1f5f7!important;border-color:#d1dce4!important;color:#718494!important}html[data-mobile-theme="light"] .mobile-running-label.running{background:rgba(47,173,132,.11)!important;border-color:rgba(47,173,132,.30)!important;color:#24815f!important}
  html[data-mobile-theme="light"] .mobile-segment-count{background:linear-gradient(180deg,#f7fafc,#f1f5f8)!important;border-color:#d6e0e7!important}html[data-mobile-theme="light"] .mobile-segment-count small{color:#75899b!important}html[data-mobile-theme="light"] .mobile-segment-count b{color:#243a4c!important}html[data-mobile-theme="light"] .mobile-segment-count.has-value{background:linear-gradient(180deg,rgba(52,174,128,.12),rgba(52,174,128,.07))!important;border-color:rgba(52,174,128,.28)!important}html[data-mobile-theme="light"] .mobile-segment-count.has-value b{color:#267e60!important}html[data-mobile-theme="light"] .mobile-segment-count.state-live,html[data-mobile-theme="light"] .mobile-segment-count.state-closing{background:rgba(74,133,213,.10)!important;border-color:rgba(74,133,213,.28)!important}html[data-mobile-theme="light"] .mobile-segment-count.state-live b,html[data-mobile-theme="light"] .mobile-segment-count.state-closing b{color:#315f9a!important}
  html[data-mobile-theme="light"] .history-rider-head,html[data-mobile-theme="light"] .status-grid-head{background:#edf3f7!important;color:#60768a!important}html[data-mobile-theme="light"] .history-rider-row,html[data-mobile-theme="light"] .status-grid-row{border-color:#dde6ec!important}
  html[data-mobile-theme="light"] .history-kpis{border-color:#d7e1e8!important;background:#fff!important}html[data-mobile-theme="light"] .history-kpis>div{border-color:#d7e1e8!important}html[data-mobile-theme="light"] .history-kpis span{color:#708496!important}
  html[data-mobile-theme="light"] .history-day{border-color:#dee7ed!important}html[data-mobile-theme="light"] .history-day-stats{color:#63788b!important}
  html[data-mobile-theme="light"] .info-grid span,html[data-mobile-theme="light"] .mini-stat-grid span{background:#f4f8fa!important;border-color:#d7e1e8!important;color:#6c8092!important}html[data-mobile-theme="light"] .info-grid small,html[data-mobile-theme="light"] .mini-stat-grid small{color:#74889a!important}html[data-mobile-theme="light"] .info-grid b,html[data-mobile-theme="light"] .mini-stat-grid b{color:#1e3345!important}
  html[data-mobile-theme="light"] .manage-rider-body,html[data-mobile-theme="light"] .compact-rider-body{border-color:#dce5eb!important}html[data-mobile-theme="light"] .rider-admin-summary b,html[data-mobile-theme="light"] .rider-admin-summary em{color:#687d90!important}
  html[data-mobile-theme="light"] .system-status-list>div{border-color:#d8e2e9!important}html[data-mobile-theme="light"] .system-status-list span,html[data-mobile-theme="light"] .system-status-list small{color:#718596!important}
  html[data-mobile-theme="light"] .connection-main-action,html[data-mobile-theme="light"] .connection-login,html[data-mobile-theme="light"] .auth-inline{background:#f5f9f8!important;border-color:#cfe0dc!important}html[data-mobile-theme="light"] .connection-main-action.needs-connect{background:#fff8f1!important;border-color:#e4d2bf!important}
  html[data-mobile-theme="light"] .settings-row-details{background:#ffffff!important;border-color:#dce5eb!important}html[data-mobile-theme="light"] .settings-row-details>summary small{color:#738799!important}html[data-mobile-theme="light"] .settings-row-details>summary>span{color:#8698a7!important}html[data-mobile-theme="light"] .setting-toggle-row,html[data-mobile-theme="light"] .troubleshoot-panel{border-color:#dde6ec!important}
  html[data-mobile-theme="light"] .help-popover{background:#f3f7fa!important;border-color:#d2dde6!important;color:#4f6679!important}
  html[data-mobile-theme="light"] .notice,html[data-mobile-theme="light"] .alert{background:#f3f7fa!important;border-color:#d3dee6!important;color:#425a6d!important}html[data-mobile-theme="light"] .notice.warn,html[data-mobile-theme="light"] .alert.warn{background:#fff7eb!important;border-color:#ead5b8!important;color:#835b26!important}
  html[data-mobile-theme="light"] .call-button{background:rgba(43,168,148,.10)!important;border-color:rgba(43,168,148,.32)!important;color:#207764!important}
  html[data-mobile-theme="light"] .status-dot.offline{background:#9ba9b4!important}
  html[data-mobile-theme="light"] .reject-rate.rate-watch{color:#b17b31!important}html[data-mobile-theme="light"] .reject-rate.rate-near{color:#c46749!important}html[data-mobile-theme="light"] .reject-rate.rate-high{color:#ca5d58!important}
}

/* FIX12 light mode: rider personal screen */
@media(max-width:700px){
  html[data-mobile-theme="light"] .rider-live-hero{background:linear-gradient(180deg,#ffffff,#f9fbfc)!important}
  html[data-mobile-theme="light"] .live-clock{background:rgba(39,158,137,.09)!important;border-color:rgba(39,158,137,.30)!important;color:#237e6b!important}html[data-mobile-theme="light"] .live-clock strong{color:#39566b!important}
  html[data-mobile-theme="light"] .week-badge{background:rgba(39,158,137,.10)!important;border-color:rgba(39,158,137,.28)!important;color:#247d69!important}
  html[data-mobile-theme="light"] .rider-map-button{background:linear-gradient(180deg,#ffffff,#f0f6f8)!important;border-color:#c5d5df!important;color:#2c4558!important}
  html[data-mobile-theme="light"] .rider-map-button::after{color:#267d6b!important;border-color:rgba(39,158,137,.30)!important}
  html[data-mobile-theme="light"] .live-segment-row{background:linear-gradient(180deg,#ffffff,#f6f9fb)!important;border-color:#cddae4!important}html[data-mobile-theme="light"] .live-segment-row.state-final{border-color:rgba(55,158,123,.34)!important}html[data-mobile-theme="light"] .live-segment-row.state-live{background:linear-gradient(180deg,rgba(44,171,143,.12),rgba(44,171,143,.06))!important;border-color:rgba(44,171,143,.42)!important;box-shadow:inset 3px 0 0 #39b79e!important}html[data-mobile-theme="light"] .live-segment-row.state-closing{background:#fff9ed!important;border-color:#e6d5ad!important}html[data-mobile-theme="light"] .live-segment-row.state-unknown{background:#f7f9fb!important}
  html[data-mobile-theme="light"] .segment-period{color:#75899a!important}html[data-mobile-theme="light"] .segment-state{border-color:#ccd8e1!important;color:#687d8f!important;background:#f7fafb!important}html[data-mobile-theme="light"] .state-final .segment-state{border-color:rgba(47,155,116,.30)!important;color:#247b5c!important;background:rgba(47,155,116,.07)!important}html[data-mobile-theme="light"] .state-live .segment-state{border-color:rgba(44,171,143,.32)!important;color:#237d68!important;background:rgba(44,171,143,.07)!important}html[data-mobile-theme="light"] .state-closing .segment-state{border-color:#dfc995!important;color:#8c6a27!important;background:#fff5dc!important}
  html[data-mobile-theme="light"] .live-badge{background:rgba(35,145,116,.12)!important;color:#1f7d66!important;border:1px solid rgba(35,145,116,.22)!important}html[data-mobile-theme="light"] .segment-live-value strong{color:#1f9a83!important}html[data-mobile-theme="light"] .segment-live-value small{color:#74889a!important}
  html[data-mobile-theme="light"] .metric{background:linear-gradient(180deg,#f8fbfc,#f1f6f8)!important;border-color:#d2dee7!important}html[data-mobile-theme="light"] .metric strong{color:#278d79!important}html[data-mobile-theme="light"] .metric span{color:#6e8294!important}html[data-mobile-theme="light"] .yellow{color:#ba7323!important}
  html[data-mobile-theme="light"] .today-used-reject{background:#f5f8fa!important;border-color:#d4dfe7!important}html[data-mobile-theme="light"] .today-used-reject strong{color:#2a4052!important}html[data-mobile-theme="light"] .today-used-reject span{color:#718596!important}
  html[data-mobile-theme="light"] .region-progress-row.current{background:rgba(43,166,139,.09)!important;border-color:rgba(43,166,139,.27)!important}html[data-mobile-theme="light"] .region-progress-label>span:last-child{color:#27866f!important}html[data-mobile-theme="light"] .region-progress-track{background:#e4ecef!important}
  html[data-mobile-theme="light"] .region-team-rate{background:#f5f8fa!important;border-color:#d3dee6!important}html[data-mobile-theme="light"] .region-team-rate strong{color:#b87829!important}html[data-mobile-theme="light"] .region-team-rate span{color:#718596!important}
  html[data-mobile-theme="light"] .segment-day{border-color:#dce5eb!important}html[data-mobile-theme="light"] .segment{background:#f5f8fa!important;border-color:#d4dfe7!important}html[data-mobile-theme="light"] .segment.done{background:rgba(43,166,139,.08)!important;border-color:rgba(43,166,139,.26)!important}html[data-mobile-theme="light"] .big-number span{color:#718596!important}
}

/* FIX15: readable native select menus + unified weekly rider participation timeline */
select option{background:#101c2a!important;color:#eef5fb!important}
select option:checked{background:#2a5b87!important;color:#ffffff!important}

.rider-week-metrics-card{max-width:none}
.weekly-participation-card{overflow:hidden}
.weekly-participation-head{align-items:flex-start!important}
.weekly-participation-head>div{display:grid;gap:5px}
.weekly-total-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid rgba(80,216,196,.34);background:rgba(49,147,131,.13);color:#a9eddf;font-size:12px;font-weight:850;white-space:nowrap}
.weekly-participation-list{display:grid;gap:10px}
.weekly-day-row{padding:13px 14px;border:1px solid rgba(55,77,101,.72);border-radius:16px;background:linear-gradient(180deg,rgba(20,33,47,.94),rgba(13,24,35,.96))}
.weekly-day-row.today{border-color:rgba(80,216,196,.52);background:linear-gradient(135deg,rgba(52,154,137,.17),rgba(17,31,43,.97) 52%);box-shadow:inset 3px 0 0 rgba(80,216,196,.8)}
.weekly-day-row.future{opacity:.58}
.weekly-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.weekly-day-date{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.weekly-day-date>strong{font-size:16px}.weekly-day-date>span{font-size:12px;color:#8fa5b8}
.weekly-state-badge,.weekly-live-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:850;line-height:1;border:1px solid rgba(76,96,117,.55);color:#91a5b8;background:rgba(23,35,47,.75)}
.weekly-state-badge.confirmed{border-color:rgba(80,216,196,.22);color:#80cdbf;background:rgba(49,138,122,.10)}.weekly-state-badge.planned{color:#7f91a3}
.weekly-live-badge{border-color:rgba(80,216,196,.35);background:rgba(49,154,135,.14);color:#a9ede0}.weekly-live-badge i,.weekly-live-dot{width:6px;height:6px;border-radius:50%;background:#55dcc6;box-shadow:0 0 0 3px rgba(85,220,198,.12);display:inline-block}
.weekly-day-count{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.weekly-day-count strong{font-size:20px;color:#8fe6d5}.weekly-day-count span{font-size:11px;color:#8197aa}
.weekly-segment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.weekly-segment{min-width:0;min-height:66px;padding:8px 6px;border:1px solid rgba(52,74,98,.72);border-radius:12px;background:linear-gradient(180deg,#101c29,#0d1823);display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;gap:3px;text-align:center}
.weekly-segment small{font-size:9px;color:#8095a8}.weekly-segment>strong{display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px;line-height:1;color:#dce8f2;min-width:0}.weekly-segment>span{font-size:8px;color:#73889b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.weekly-segment.state-done{border-color:rgba(77,202,157,.34);background:linear-gradient(180deg,rgba(42,137,103,.17),rgba(25,83,64,.12))}.weekly-segment.state-done>strong{color:#8fe8c6}.weekly-segment.state-done>span{color:#75a997}
.weekly-segment.state-live{border-color:rgba(89,198,181,.54);background:linear-gradient(180deg,rgba(51,160,141,.19),rgba(28,89,78,.14));box-shadow:inset 0 2px 0 rgba(80,216,196,.55)}.weekly-segment.state-live>strong{color:#b5f2e6}.weekly-segment.state-live>span{color:#92c9bd}
.weekly-segment.state-miss{opacity:.72}.weekly-segment.state-unknown{border-color:rgba(244,181,93,.28)}.weekly-segment.state-unknown>strong{color:#e8ba77}.weekly-segment.state-future>strong{font-size:11px;color:#8193a4}.weekly-segment.state-future>span{color:#687b8c}

@media(max-width:700px){
  .weekly-participation-card{padding:16px!important}.weekly-participation-head{gap:10px!important;margin-bottom:14px!important}.weekly-participation-head h2{font-size:21px!important}.weekly-participation-head .muted{font-size:11px!important;line-height:1.45}.weekly-total-badge{min-height:30px;padding:6px 9px;font-size:10px}
  .weekly-participation-list{gap:8px}.weekly-day-row{padding:11px 10px;border-radius:14px}.weekly-day-row.today{box-shadow:inset 2px 0 0 rgba(80,216,196,.8)}.weekly-day-head{margin-bottom:8px}.weekly-day-date{gap:5px}.weekly-day-date>strong{font-size:15px}.weekly-day-date>span{font-size:10px}.weekly-state-badge,.weekly-live-badge{font-size:8px;padding:4px 6px}.weekly-day-count strong{font-size:17px}.weekly-day-count span{font-size:9px}
  .weekly-segment-grid{gap:4px}.weekly-segment{min-height:60px;padding:7px 2px;border-radius:10px}.weekly-segment small{font-size:8px}.weekly-segment>strong{font-size:13px;gap:3px}.weekly-segment>span{font-size:7px}.weekly-live-dot{width:5px;height:5px}
}
@media(max-width:430px){
  .weekly-participation-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.weekly-day-head{gap:7px}.weekly-segment-grid{gap:3px}.weekly-segment{min-height:56px;padding:6px 1px}.weekly-segment>strong{font-size:12px}.weekly-day-count{gap:3px}.weekly-day-count strong{font-size:16px}.weekly-day-count span{font-size:8px}
}
@media(max-width:700px){
  html[data-mobile-theme="light"] select option{background:#ffffff!important;color:#1b2e3f!important}
  html[data-mobile-theme="light"] .weekly-total-badge{background:rgba(43,166,139,.09)!important;border-color:rgba(43,166,139,.28)!important;color:#237d69!important}
  html[data-mobile-theme="light"] .weekly-day-row{background:linear-gradient(180deg,#ffffff,#f7fafb)!important;border-color:#d4dfe7!important}html[data-mobile-theme="light"] .weekly-day-row.today{background:linear-gradient(135deg,rgba(43,166,139,.10),#ffffff 58%)!important;border-color:rgba(43,166,139,.34)!important;box-shadow:inset 2px 0 0 #2faa91!important}
  html[data-mobile-theme="light"] .weekly-day-date>span,html[data-mobile-theme="light"] .weekly-day-count span{color:#718596!important}html[data-mobile-theme="light"] .weekly-day-count strong{color:#278b76!important}
  html[data-mobile-theme="light"] .weekly-state-badge{background:#f1f5f7!important;border-color:#d5dfe6!important;color:#738696!important}html[data-mobile-theme="light"] .weekly-state-badge.confirmed{background:rgba(43,166,139,.07)!important;border-color:rgba(43,166,139,.23)!important;color:#2b816d!important}html[data-mobile-theme="light"] .weekly-live-badge{background:rgba(43,166,139,.09)!important;border-color:rgba(43,166,139,.28)!important;color:#237d69!important}
  html[data-mobile-theme="light"] .weekly-segment{background:linear-gradient(180deg,#f8fbfc,#f1f5f8)!important;border-color:#d7e1e8!important}html[data-mobile-theme="light"] .weekly-segment small{color:#74889a!important}html[data-mobile-theme="light"] .weekly-segment>strong{color:#31485a!important}html[data-mobile-theme="light"] .weekly-segment>span{color:#7d90a0!important}
  html[data-mobile-theme="light"] .weekly-segment.state-done{background:rgba(43,166,139,.08)!important;border-color:rgba(43,166,139,.26)!important}html[data-mobile-theme="light"] .weekly-segment.state-done>strong{color:#27806a!important}html[data-mobile-theme="light"] .weekly-segment.state-live{background:rgba(43,166,139,.11)!important;border-color:rgba(43,166,139,.34)!important;box-shadow:inset 0 2px 0 rgba(43,166,139,.55)!important}html[data-mobile-theme="light"] .weekly-segment.state-live>strong{color:#237d69!important}
  html[data-mobile-theme="light"] .weekly-segment.state-unknown>strong{color:#b17b31!important}
}

/* FIX17: history-wide region scope */
.history-region-filter{margin:10px 0 14px}.history-region-filter .filter-chip{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;white-space:nowrap}
@media(min-width:701px){
  .history-toolbar{grid-template-columns:340px!important}
  .history-region-filter{overflow:visible!important;flex-wrap:wrap!important}
}
@media(max-width:700px){
  .history-region-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.history-region-filter .filter-chip{flex:0 0 auto}
}

/* FIX18: operational settings redesign + vendor missions */
.operation-settings-list{overflow:hidden}
.operation-settings-list .settings-row-details>summary{min-height:70px;padding:15px 16px!important}
.operation-settings-list .settings-row-details>summary strong{font-size:16px!important;color:#eef7ff!important}
.operation-settings-list .settings-row-details>summary small{font-size:12px!important;color:#8fa6ba!important;line-height:1.45}
.operation-settings-list .settings-detail-body{padding:16px!important;border-top:1px solid rgba(51,74,98,.62)}
.region-summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
.setting-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.setting-choice-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;align-items:center;padding:15px;border:1px solid rgba(58,84,112,.72);border-radius:14px;background:linear-gradient(180deg,rgba(20,34,49,.88),rgba(13,24,35,.92))}
.setting-choice-card>div{display:grid;gap:4px}.setting-choice-card small{font-size:11px;color:#83a0b7}.setting-choice-card strong{font-size:16px}.setting-choice-card p{margin:0;color:#8fa4b7;font-size:11px;line-height:1.55}.setting-choice-card select{width:100%;min-height:42px}
.segment-rule-head,.segment-rule-form{display:grid;grid-template-columns:minmax(150px,1.25fr) 120px 130px 130px 150px 92px 72px;gap:10px;align-items:center}
.segment-rule-head{padding:0 12px 8px;color:#7f96aa;font-size:11px;font-weight:800}
.segment-rule-list{display:grid;border:1px solid rgba(54,78,103,.72);border-radius:14px;overflow:hidden}
.segment-rule-form{padding:11px 12px;background:linear-gradient(180deg,rgba(15,27,39,.97),rgba(12,22,32,.97));border-bottom:1px solid rgba(49,70,94,.65)}
.segment-rule-form:last-child{border-bottom:none}.rule-name{display:grid;gap:2px}.rule-name strong{font-size:14px}.rule-name small{display:none;font-size:10px;color:#8298aa}
.rule-day-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 8px;border-radius:999px;border:1px solid rgba(104,139,176,.28);background:rgba(45,73,101,.18);color:#a9bdd0;font-size:11px;font-weight:800;white-space:nowrap}.rule-day-badge.weekend{border-color:rgba(244,181,93,.28);color:#f3c27f;background:rgba(136,91,31,.12)}
.segment-rule-form label{display:flex;align-items:center;gap:6px;min-width:0}.segment-rule-form label>small{display:none}.segment-rule-form input[type="time"],.segment-rule-form input[type="number"]{width:100%;min-height:38px;padding:8px 9px!important;font-size:13px!important}
.min-count-input{position:relative}.min-count-input input{padding-right:30px!important}.min-count-input em{position:absolute;right:9px;color:#8ea3b6;font-size:11px;font-style:normal;pointer-events:none}
.switch-line{justify-content:center!important}.switch-line>input{position:absolute;opacity:0;pointer-events:none}.switch-line>span{width:34px;height:20px;border-radius:999px;background:#263746;position:relative;border:1px solid #3b5268}.switch-line>span:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#8192a2;transition:.18s}.switch-line>input:checked+span{background:rgba(53,166,139,.28);border-color:rgba(80,216,196,.5)}.switch-line>input:checked+span:after{left:16px;background:#63dfc9}.switch-line>b{font-size:10px;color:#91a3b4}
.save-rule-button{min-height:36px!important;padding:7px 10px!important}.settings-foot-note{margin-top:12px;padding:10px 12px;border-radius:11px;background:rgba(72,110,145,.11);border:1px solid rgba(72,110,145,.22);font-size:11px;color:#91a7b9}.settings-foot-note b{color:#c4d8e8}
.mission-visibility-form{display:grid;gap:0}.setting-toggle-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px;padding:14px 2px;border-bottom:1px solid rgba(49,70,94,.58)}.setting-toggle-row>div{display:grid;gap:3px}.setting-toggle-row strong{font-size:14px}.setting-toggle-row small{font-size:11px;color:#8298aa;line-height:1.45}.toggle-control{position:relative;flex:0 0 auto}.toggle-control input{position:absolute;opacity:0}.toggle-control i{display:block;width:45px;height:25px;border-radius:999px;background:#263746;border:1px solid #3b5268;position:relative}.toggle-control i:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#8494a4;transition:.18s}.toggle-control input:checked+i{background:rgba(53,166,139,.30);border-color:rgba(80,216,196,.52)}.toggle-control input:checked+i:after{left:23px;background:#67e0ca}.mission-settings-save{justify-self:start;margin-top:14px}

.mission-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.mission-card{padding:14px;border:1px solid rgba(63,91,122,.72);border-radius:15px;background:linear-gradient(180deg,rgba(18,32,46,.98),rgba(12,23,34,.98))}.mission-card[hidden]{display:none!important}.mission-card.status-success{border-color:rgba(91,221,162,.38);background:linear-gradient(180deg,rgba(39,113,87,.15),rgba(12,23,34,.98))}.mission-card.status-pending{border-color:rgba(244,181,93,.34)}.mission-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mission-card-head>div{display:grid;gap:3px}.mission-card-head small{font-size:10px;color:#83a0b7}.mission-card-head strong{font-size:16px}.mission-status{padding:4px 7px;border:1px solid rgba(84,132,179,.28);border-radius:999px;color:#a9c4dc;font-size:10px}.mission-time{margin-top:8px;color:#8ea5b8;font-size:11px}.mission-progress{display:flex;align-items:baseline;gap:5px;margin-top:9px}.mission-progress strong{font-size:24px;color:#8ee6d4}.mission-progress span{font-size:12px;color:#a6b9ca}.mission-progress em{margin-left:auto;font-size:11px;color:#9eb1c2;font-style:normal}.mission-track{margin-top:8px}.mission-amount{margin-top:10px;padding-top:9px;border-top:1px solid rgba(48,70,94,.55);font-size:11px;color:#8fa6b8}.mission-amount b{float:right;color:#f0c27d}
.mission-history-list{display:grid;border:1px solid rgba(55,79,106,.7);border-radius:14px;overflow:hidden}.mission-history-row{display:grid;grid-template-columns:minmax(0,1.5fr) 180px 110px;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(49,70,94,.6);background:rgba(14,25,36,.82)}.mission-history-row:last-child{border-bottom:none}.mission-history-main{display:grid;gap:3px}.mission-history-main strong{font-size:13px}.mission-history-main span{font-size:11px;color:#899fb2}.mission-history-result{display:grid;justify-items:end;gap:2px}.mission-history-result b{font-size:13px}.mission-history-result span{font-size:10px;color:#9eb1c1}.mission-history-amount{text-align:right;font-size:13px;font-weight:850;color:#efc17c}.static-empty{display:block!important}
.rider-mission-card{overflow:hidden}.rider-mission-list{display:grid;gap:8px}.rider-mission-row{padding:12px;border:1px solid rgba(56,80,106,.68);border-radius:14px;background:linear-gradient(180deg,rgba(18,31,44,.95),rgba(12,22,32,.96))}.rider-mission-row.status-success{border-color:rgba(80,216,196,.36)}.rider-mission-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rider-mission-title strong{font-size:15px}.rider-mission-title span{font-size:10px;color:#8097aa}.rider-mission-progress{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px}.rider-mission-progress b{font-size:17px;color:#91e7d6}.rider-mission-progress span{font-size:10px;color:#8fa6b8}.rider-mission-amount{margin-top:8px;text-align:right;font-size:10px;color:#8298aa}.rider-mission-amount strong{font-size:13px;color:#efc17b;margin-left:6px}

@media(max-width:900px){
  .setting-choice-grid{grid-template-columns:1fr}.setting-choice-card{grid-template-columns:1fr}.segment-rule-head{display:none}.segment-rule-list{border:none;gap:9px;overflow:visible}.segment-rule-form{grid-template-columns:1fr 1fr;gap:9px;padding:13px;border:1px solid rgba(54,78,103,.72)!important;border-radius:13px}.rule-name{grid-column:1/-1}.rule-name small{display:block}.rule-day-badge{position:absolute;opacity:0;pointer-events:none}.segment-rule-form label{display:grid;gap:4px}.segment-rule-form label>small{display:block;font-size:9px;color:#7f96aa}.min-count-input{display:grid!important}.min-count-input em{top:27px}.switch-line{display:flex!important;justify-content:flex-start!important;align-items:center!important}.save-rule-button{align-self:end}.mission-history-row{grid-template-columns:1fr auto}.mission-history-amount{grid-column:2;grid-row:1/3;align-self:center}.mission-history-result{justify-items:start}
}
@media(max-width:700px){
  .operation-settings-list .settings-row-details>summary{min-height:78px;padding:16px 14px!important}.operation-settings-list .settings-row-details>summary strong{font-size:16px!important}.operation-settings-list .settings-row-details>summary small{font-size:11px!important}.operation-settings-list .settings-detail-body{padding:12px!important}.setting-choice-card{padding:12px}.setting-choice-card strong{font-size:15px}.setting-choice-card p{font-size:10px}.segment-rule-form{grid-template-columns:1fr 1fr;padding:12px 10px}.segment-rule-form input[type="time"],.segment-rule-form input[type="number"]{font-size:14px!important;min-height:42px}.rule-name strong{font-size:15px}.rule-name small{font-size:10px}.setting-toggle-row{padding:13px 0}.setting-toggle-row strong{font-size:14px}.setting-toggle-row small{font-size:10px}.mission-settings-save{width:100%;justify-self:stretch}.mission-card-grid{grid-template-columns:1fr}.mission-card{padding:12px}.mission-progress strong{font-size:21px}.mission-history-row{padding:11px 10px}.mission-history-main strong{font-size:12px}.mission-history-main span{font-size:10px}.mission-history-amount{font-size:12px}
}
@media(max-width:430px){.segment-rule-form{grid-template-columns:1fr 1fr}.save-rule-button{width:100%}}
@media(max-width:700px){
  html[data-mobile-theme="light"] .setting-choice-card,html[data-mobile-theme="light"] .segment-rule-form,html[data-mobile-theme="light"] .mission-card,html[data-mobile-theme="light"] .rider-mission-row,html[data-mobile-theme="light"] .mission-history-row{background:#ffffff!important;border-color:#d7e1e8!important}html[data-mobile-theme="light"] .operation-settings-list .settings-row-details>summary strong,html[data-mobile-theme="light"] .rule-name strong,html[data-mobile-theme="light"] .mission-card-head strong,html[data-mobile-theme="light"] .rider-mission-title strong{color:#1e3345!important}html[data-mobile-theme="light"] .setting-choice-card p,html[data-mobile-theme="light"] .setting-toggle-row small,html[data-mobile-theme="light"] .mission-history-main span{color:#718596!important}
}


/* CLEAN2: rider status visibility + weekday participation matrix */
.rider-status-toggle-list{display:grid;gap:10px}
.region-status-toggle{margin:0;border:1px solid var(--line,#294158);border-radius:14px;background:rgba(18,37,54,.55)}
.segment-subtitle{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:22px 0 10px;padding:0 2px}
.segment-subtitle strong{font-size:15px}.segment-subtitle span{font-size:12px;color:var(--muted,#88a7bf)}
.segment-rule-head.time-only,.segment-rule-form.time-only{grid-template-columns:minmax(180px,1.5fr) 120px 130px 130px 86px 74px}
.participation-title{margin-top:28px}
.participation-table-wrap{overflow-x:auto;border:1px solid var(--line,#294158);border-radius:14px;background:rgba(7,17,25,.5)}
.participation-table{width:100%;min-width:920px;border-collapse:collapse;table-layout:fixed}
.participation-table th,.participation-table td{border-bottom:1px solid rgba(80,113,138,.22);padding:10px 8px;text-align:center}
.participation-table thead th{font-size:12px;color:#a9c8df;background:rgba(18,37,54,.75)}
.participation-table th:first-child{width:130px;text-align:left;padding-left:14px;position:sticky;left:0;z-index:2;background:#0d1b26}
.participation-table tbody th{font-size:13px;color:#eef8ff}
.participation-table tbody tr:last-child th,.participation-table tbody tr:last-child td{border-bottom:0}
.participation-table input{width:72px;min-width:0;text-align:center;border-radius:9px;padding:8px 5px}
.night-rule-cell{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
.night-rule-cell input{width:54px}.night-rule-cell span{color:#6f91aa;font-weight:700}
.participation-rule-help{margin:10px 2px 12px;color:#91b2ca;font-size:12px;line-height:1.6}
.participation-rule-help b{color:#f5fbff}
.participation-save{display:block;margin-left:auto}
@media(max-width:800px){
  .segment-subtitle{display:block}.segment-subtitle span{display:block;margin-top:4px}
  .segment-rule-head.time-only{display:none}
  .segment-rule-form.time-only{grid-template-columns:1fr 1fr;gap:10px}
  .segment-rule-form.time-only .rule-name,.segment-rule-form.time-only .rule-day-badge{grid-column:auto}
  .participation-table{min-width:840px}
}

/* CLEAN3: rider mobile readability refresh. Visual-only: no calculation/API changes. */
.weekly-segment.segments-earned-1{
  border-color:#2dd4e7!important;
  background:linear-gradient(180deg,rgba(19,105,126,.30),rgba(9,44,61,.42))!important;
  box-shadow:inset 0 0 0 1px rgba(45,212,231,.13),0 0 14px rgba(35,194,220,.08);
}
.weekly-segment.segments-earned-1>strong{color:#66e8f5!important;text-shadow:0 0 16px rgba(45,212,231,.14)}
.weekly-segment.segments-earned-2{
  border-color:#c5ef24!important;
  background:linear-gradient(180deg,rgba(99,126,13,.28),rgba(39,55,5,.46))!important;
  box-shadow:inset 0 0 0 1px rgba(197,239,36,.16),0 0 15px rgba(197,239,36,.08);
}
.weekly-segment.segments-earned-2>strong{color:#d3f73a!important;text-shadow:0 0 16px rgba(197,239,36,.13)}
.weekly-earned-badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:2px 7px!important;border-radius:999px!important;border:1px solid rgba(197,239,36,.38)!important;background:rgba(197,239,36,.10)!important;color:#d7f85a!important;font-size:8px!important;font-weight:900!important;line-height:1!important;overflow:visible!important;text-overflow:clip!important}
.weekly-segment>strong{font-variant-numeric:tabular-nums;font-size:20px!important;letter-spacing:-.035em}
.weekly-segment.segments-earned-0.state-miss>strong{color:#aebccc!important}
.weekly-segment.state-live.segments-earned-0{border-color:#536a82!important;background:linear-gradient(180deg,#122233,#0d1b29)!important;box-shadow:none!important}
.weekly-segment.state-live.segments-earned-0>strong{color:#c5d2df!important}
.weekly-day-row.future{opacity:.76}

/* Rider gauges: stronger track/fill separation in dark mode. */
.rider-region-status .region-progress-track,.rider-mission-card .progress-track{
  height:9px!important;
  background:#20364a!important;
  border:1px solid #38546d!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28)!important;
}
.rider-region-status .region-progress-track i,.rider-mission-card .progress-track i{
  background:linear-gradient(90deg,#2fa8ff 0%,#39d7ef 54%,#69efd0 100%)!important;
  box-shadow:0 0 10px rgba(57,215,239,.18)!important;
}
.rider-region-status .region-progress-row.current{background:rgba(31,107,142,.16)!important;border-color:rgba(57,215,239,.38)!important}
.rider-region-status .region-progress-label>span:last-child{color:#67e5f1!important}
.rider-region-status .region-team-rate{background:linear-gradient(180deg,#132538,#0d1d2b)!important;border-color:#324e68!important}
.rider-mission-row{background:linear-gradient(180deg,#122436,#0c1b29)!important;border-color:#304d68!important}
.rider-mission-progress b{color:#5fdff0!important}

@media(max-width:700px){
  .weekly-segment{min-height:67px!important;padding:8px 3px!important;border-width:1.5px!important;background:linear-gradient(180deg,#101f2e,#0b1723)!important}
  .weekly-segment small{font-size:9px!important;color:#9cb0c3!important}
  .weekly-segment>strong{font-size:20px!important;line-height:1.08!important;color:#e5eef6!important}
  .weekly-segment>span:not(.weekly-earned-badge){font-size:8px!important;color:#8da0b3!important}
  .weekly-day-row{border-color:#344e68!important;background:linear-gradient(180deg,#122232,#0b1825)!important}
  .weekly-day-row.today{border-color:#2fc9df!important;background:linear-gradient(135deg,rgba(25,105,130,.22),#0d1b29 55%)!important;box-shadow:inset 3px 0 0 #35d5e7!important}
  .weekly-day-count strong{color:#54dceb!important}
  .weekly-total-badge{border-color:rgba(45,212,231,.42)!important;background:rgba(20,118,139,.18)!important;color:#73e8f2!important}
  .weekly-live-badge{border-color:rgba(45,212,231,.40)!important;background:rgba(20,118,139,.17)!important;color:#79e9f2!important}
  .weekly-live-badge i{background:#43d7e7!important;box-shadow:0 0 0 3px rgba(67,215,231,.14)!important}
  .weekly-segment.segments-earned-1{border-color:#2dd4e7!important;background:linear-gradient(180deg,rgba(19,105,126,.34),rgba(8,42,57,.48))!important}
  .weekly-segment.segments-earned-2{border-color:#c5ef24!important;background:linear-gradient(180deg,rgba(99,126,13,.31),rgba(38,54,4,.50))!important}
}

@media(max-width:430px){
  .weekly-segment{min-height:64px!important;padding:7px 2px!important}
  .weekly-segment>strong{font-size:18px!important}
  .weekly-earned-badge{font-size:7px!important;padding:2px 5px!important}
}

/* CLEAN3 light mode: bright neutral canvas + sky-blue / blue accents. */
@media(max-width:700px){
  html[data-mobile-theme="light"]{
    --bg:#f4f9ff;--panel:#ffffff;--panel2:#f6faff;--panel3:#edf6ff;--line:#d5e4f2;--line2:#c5d9eb;--text:#15263a;--muted:#6b8096;
    --ox-bg:#f4f9ff;--ox-surface:#ffffff;--ox-surface-2:#f6faff;--ox-line:#cfdfed;--ox-line-soft:#dce8f2;--ox-text:#15263a;--ox-muted:#6b8096;
  }
  html[data-mobile-theme="light"] body{background:radial-gradient(circle at 0 -8%,rgba(45,145,255,.13),transparent 35%),radial-gradient(circle at 100% 0,rgba(72,196,255,.09),transparent 30%),linear-gradient(180deg,#fbfdff 0%,#f1f7fd 100%)!important;color:#15263a!important}
  html[data-mobile-theme="light"] .topbar{background:rgba(255,255,255,.96)!important;border-color:#d9e7f3!important;box-shadow:0 3px 14px rgba(42,95,145,.07)!important}
  html[data-mobile-theme="light"] .brand-mark{color:#147fe8!important}
  html[data-mobile-theme="light"] .mobile-theme-toggle{background:#ffffff!important;border-color:#bfd7ec!important;color:#1678d2!important;box-shadow:0 3px 10px rgba(39,116,183,.08)!important}
  html[data-mobile-theme="light"] .topbar .ghost{background:#ffffff!important;border-color:#c8dced!important;color:#1b3650!important}
  html[data-mobile-theme="light"] .card,html[data-mobile-theme="light"] .rider-live-hero{background:linear-gradient(180deg,#ffffff,#fbfdff)!important;border-color:#d4e3ef!important;box-shadow:0 8px 24px rgba(44,98,145,.06)!important}
  html[data-mobile-theme="light"] .week-badge{background:#eef7ff!important;border-color:#bcdcff!important;color:#126fc7!important}
  html[data-mobile-theme="light"] .live-clock{background:#eef8ff!important;border-color:#b9ddfa!important;color:#0879c8!important}
  html[data-mobile-theme="light"] .live-badge{background:#eaf7ff!important;border-color:#b5ddf7!important;color:#0875c0!important}
  html[data-mobile-theme="light"] .metric{background:linear-gradient(180deg,#ffffff,#f4f9ff)!important;border-color:#d4e4f1!important}
  html[data-mobile-theme="light"] .metric strong{color:#147fe8!important}
  html[data-mobile-theme="light"] .yellow{color:#d1771f!important}
  html[data-mobile-theme="light"] .weekly-total-badge{background:#eef7ff!important;border-color:#a9d4ff!important;color:#1174d2!important}
  html[data-mobile-theme="light"] .weekly-day-row{background:#ffffff!important;border-color:#d7e5f0!important;box-shadow:0 3px 12px rgba(42,91,132,.04)!important}
  html[data-mobile-theme="light"] .weekly-day-row.today{background:linear-gradient(135deg,#edf8ff,#ffffff 60%)!important;border-color:#54b9ff!important;box-shadow:inset 3px 0 0 #249cf3!important}
  html[data-mobile-theme="light"] .weekly-day-count strong{color:#1585e8!important}
  html[data-mobile-theme="light"] .weekly-live-badge{background:#edf8ff!important;border-color:#9fd2fa!important;color:#0b78cd!important}
  html[data-mobile-theme="light"] .weekly-live-badge i{background:#168fe9!important;box-shadow:0 0 0 3px rgba(22,143,233,.12)!important}
  html[data-mobile-theme="light"] .weekly-state-badge.confirmed{background:#effaf7!important;border-color:#b8e3d8!important;color:#21846b!important}
  html[data-mobile-theme="light"] .weekly-segment{background:linear-gradient(180deg,#ffffff,#f7faff)!important;border-color:#d8e4ee!important;box-shadow:none!important}
  html[data-mobile-theme="light"] .weekly-segment small{color:#657c92!important}
  html[data-mobile-theme="light"] .weekly-segment>strong{color:#31475d!important;text-shadow:none!important}
  html[data-mobile-theme="light"] .weekly-segment.segments-earned-1{background:linear-gradient(180deg,#f2f9ff,#eaf5ff)!important;border-color:#39aaf7!important;box-shadow:inset 0 0 0 1px rgba(57,170,247,.08)!important}
  html[data-mobile-theme="light"] .weekly-segment.segments-earned-1>strong{color:#087fe0!important}
  html[data-mobile-theme="light"] .weekly-segment.segments-earned-2{background:linear-gradient(180deg,#effcfa,#e7f8f6)!important;border-color:#18b7aa!important;box-shadow:inset 0 0 0 1px rgba(24,183,170,.08)!important}
  html[data-mobile-theme="light"] .weekly-segment.segments-earned-2>strong{color:#079a90!important}
  html[data-mobile-theme="light"] .weekly-earned-badge{background:#ffffff!important;border-color:#70cfc8!important;color:#078c83!important}
  html[data-mobile-theme="light"] .weekly-segment.state-live.segments-earned-0{background:#f7faff!important;border-color:#cbdbe8!important}
  html[data-mobile-theme="light"] .weekly-segment.state-live.segments-earned-0>strong{color:#51677c!important}
  html[data-mobile-theme="light"] .weekly-day-row.future{opacity:.74}
  html[data-mobile-theme="light"] .rider-region-status .region-progress-track,html[data-mobile-theme="light"] .rider-mission-card .progress-track{background:#dcecf9!important;border-color:#c3dced!important;box-shadow:inset 0 1px 2px rgba(30,89,140,.08)!important}
  html[data-mobile-theme="light"] .rider-region-status .region-progress-track i,html[data-mobile-theme="light"] .rider-mission-card .progress-track i{background:linear-gradient(90deg,#167ee8 0%,#2aa6f5 55%,#4bc7f1 100%)!important;box-shadow:none!important}
  html[data-mobile-theme="light"] .rider-region-status .region-progress-row.current{background:#eef8ff!important;border-color:#a9d7f8!important}
  html[data-mobile-theme="light"] .rider-region-status .region-progress-label>span:last-child{color:#1178ce!important}
  html[data-mobile-theme="light"] .rider-region-status .region-team-rate{background:#f5faff!important;border-color:#d0e2f0!important}
  html[data-mobile-theme="light"] .rider-mission-row{background:#ffffff!important;border-color:#d3e3ef!important}
  html[data-mobile-theme="light"] .rider-mission-progress b{color:#117fd8!important}
}

/* ========================================================================
   CLEAN4 — rider visual unification + goal-state gauges
   Scope: mobile rider-facing visual system only. Core sync/calculation untouched.
   ======================================================================== */
@media(max-width:700px){
  /* Dark mode: one deep-navy family with cyan/mint information accents. */
  html:not([data-mobile-theme="light"]){
    --bg:#07111f;--panel:#0d1a29;--panel2:#112235;--panel3:#14283d;--line:#29445e;--line2:#365874;--text:#f2f7fb;--muted:#91a8bd;
    --accent:#32d6e7;--accent2:#6de7d1;--danger:#ff6678;--ok:#55dfc2;
    --ox-bg:#07111f;--ox-surface:#0d1a29;--ox-surface-2:#112235;--ox-line:#29445e;--ox-line-soft:#223950;--ox-text:#f2f7fb;--ox-muted:#91a8bd;
  }
  html:not([data-mobile-theme="light"]) body{
    background:radial-gradient(circle at 0 -10%,rgba(35,160,218,.13),transparent 34%),radial-gradient(circle at 100% 0,rgba(54,214,195,.08),transparent 29%),linear-gradient(180deg,#07111f 0%,#081522 100%)!important;
    color:#f2f7fb!important;
  }
  html:not([data-mobile-theme="light"]) .topbar{background:rgba(6,15,27,.96)!important;border-color:#203950!important;box-shadow:0 4px 18px rgba(0,0,0,.22)!important}
  html:not([data-mobile-theme="light"]) .brand-mark{color:#3bd8ea!important}
  html:not([data-mobile-theme="light"]) .eyebrow,html:not([data-mobile-theme="light"]) .accent{color:#3bd8ea!important}
  html:not([data-mobile-theme="light"]) .card,html:not([data-mobile-theme="light"]) .rider-live-hero{background:linear-gradient(180deg,#0f1e2e,#0b1825)!important;border-color:#29445e!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}
  html:not([data-mobile-theme="light"]) .week-badge,html:not([data-mobile-theme="light"]) .live-clock,html:not([data-mobile-theme="light"]) .live-badge{background:#10293a!important;border-color:#2d6f84!important;color:#62dceb!important}
  html:not([data-mobile-theme="light"]) .rider-map-button{background:linear-gradient(180deg,#102337,#0d1c2b)!important;border-color:#33566f!important;color:#dceaf5!important}
  html:not([data-mobile-theme="light"]) .live-segment-row{background:linear-gradient(180deg,#102133,#0c1a29)!important;border-color:#2d475e!important}
  html:not([data-mobile-theme="light"]) .live-segment-row.state-live{background:linear-gradient(180deg,rgba(25,106,130,.32),rgba(12,42,57,.50))!important;border-color:#31c9df!important;box-shadow:inset 3px 0 0 #35d5e7!important}
  html:not([data-mobile-theme="light"]) .segment-live-value strong{color:#57ddea!important}
  html:not([data-mobile-theme="light"]) .metric{background:linear-gradient(180deg,#102235,#0d1c2b)!important;border-color:#2c485f!important}
  html:not([data-mobile-theme="light"]) .metric strong{color:#50d8e7!important}
  html:not([data-mobile-theme="light"]) .weekly-day-row{background:linear-gradient(180deg,#0f1f30,#0b1826)!important;border-color:#29455e!important}
  html:not([data-mobile-theme="light"]) .weekly-day-row.today{background:linear-gradient(135deg,rgba(28,112,142,.25),#0c1a29 58%)!important;border-color:#31c9df!important;box-shadow:inset 3px 0 0 #35d5e7!important}
  html:not([data-mobile-theme="light"]) .weekly-segment{background:linear-gradient(180deg,#102133,#0c1927)!important;border-color:#2e4961!important}

  /* Light mode: one clean white / sky-blue / blue family. */
  html[data-mobile-theme="light"]{
    --bg:#f4f9ff;--panel:#ffffff;--panel2:#f7fbff;--panel3:#edf6ff;--line:#d2e3f2;--line2:#bfd8ec;--text:#14263a;--muted:#70859a;
    --accent:#1685e8;--accent2:#38aef1;--danger:#e45260;--ok:#149b90;
    --ox-bg:#f4f9ff;--ox-surface:#ffffff;--ox-surface-2:#f7fbff;--ox-line:#d2e3f2;--ox-line-soft:#dce9f4;--ox-text:#14263a;--ox-muted:#70859a;
  }
  html[data-mobile-theme="light"] body{background:radial-gradient(circle at 0 -8%,rgba(32,139,239,.12),transparent 35%),linear-gradient(180deg,#fbfdff 0%,#f2f8fe 100%)!important;color:#14263a!important}
  html[data-mobile-theme="light"] .topbar{background:rgba(255,255,255,.97)!important;border-color:#d5e5f2!important;box-shadow:0 3px 14px rgba(34,99,155,.07)!important}
  html[data-mobile-theme="light"] .brand-mark{color:#167fe0!important}
  html[data-mobile-theme="light"] .eyebrow,html[data-mobile-theme="light"] .accent{color:#167fe0!important}
  html[data-mobile-theme="light"] .rider-live-hero .muted{color:#698198!important}
  html[data-mobile-theme="light"] .live-clock,html[data-mobile-theme="light"] .week-badge,html[data-mobile-theme="light"] .live-badge{background:#eef7ff!important;border-color:#a9d4f5!important;color:#0d78cc!important}
  html[data-mobile-theme="light"] .rider-map-button{background:linear-gradient(180deg,#ffffff,#f2f8fd)!important;border-color:#c4dcec!important;color:#23445f!important}
  html[data-mobile-theme="light"] .live-segment-row{background:linear-gradient(180deg,#ffffff,#f7fbff)!important;border-color:#d2e2ef!important}
  html[data-mobile-theme="light"] .live-segment-row.state-final{border-color:#bcd7ea!important}
  html[data-mobile-theme="light"] .live-segment-row.state-live{background:linear-gradient(180deg,#eff8ff,#e9f5ff)!important;border-color:#45aff5!important;box-shadow:inset 3px 0 0 #249cf3!important}
  html[data-mobile-theme="light"] .segment-live-value strong{color:#1584df!important}
  html[data-mobile-theme="light"] .metric{background:linear-gradient(180deg,#ffffff,#f4f9ff)!important;border-color:#d1e2f0!important}
  html[data-mobile-theme="light"] .metric strong{color:#167fe0!important}

  /* Rider region target gauges: under 100% = red; achieved = blue/cyan. */
  .rider-region-status .region-progress-row.under-goal .region-progress-track i{background:linear-gradient(90deg,#ef5a66 0%,#ff7b83 100%)!important;box-shadow:0 0 8px rgba(239,90,102,.16)!important}
  .rider-region-status .region-progress-row.under-goal .region-progress-label>span:last-child{color:#ff7781!important}
  .rider-region-status .region-progress-row.goal-met .region-progress-track i{background:linear-gradient(90deg,#278df0 0%,#38c8ef 58%,#5de4d1 100%)!important}
  .rider-region-status .region-progress-row.goal-met .region-progress-label>span:last-child{color:#55dce8!important}
  html[data-mobile-theme="light"] .rider-region-status .region-progress-row.under-goal .region-progress-track i{background:linear-gradient(90deg,#df4352 0%,#f36a72 100%)!important;box-shadow:none!important}
  html[data-mobile-theme="light"] .rider-region-status .region-progress-row.under-goal .region-progress-label>span:last-child{color:#d93f4e!important}
  html[data-mobile-theme="light"] .rider-region-status .region-progress-row.goal-met .region-progress-track i{background:linear-gradient(90deg,#167fe8 0%,#31aaf2 60%,#56c9ef 100%)!important;box-shadow:none!important}
  html[data-mobile-theme="light"] .rider-region-status .region-progress-row.goal-met .region-progress-label>span:last-child{color:#1478d0!important}

  /* Keep 1-segment and 2-segment recognition visually distinct in both themes. */
  html[data-mobile-theme="light"] .weekly-segment.segments-earned-1{border-color:#38aaf7!important;background:linear-gradient(180deg,#f2f9ff,#eaf5ff)!important}
  html[data-mobile-theme="light"] .weekly-segment.segments-earned-1>strong{color:#087fe0!important}
  html[data-mobile-theme="light"] .weekly-segment.segments-earned-2{border-color:#13ada3!important;background:linear-gradient(180deg,#effcfb,#e8f9f6)!important}
  html[data-mobile-theme="light"] .weekly-segment.segments-earned-2>strong{color:#078f87!important}
}

/* ========================================================================
   CLEAN8 — light-mode control/badge unification
   Scope: mobile visual styling only. No calculation, sync, DB, login or Agent logic.
   ======================================================================== */
@media(max-width:700px){
  html[data-mobile-theme="light"] .pill{
    background:linear-gradient(180deg,#f5faff,#eaf5ff)!important;
    border-color:#b8d8f2!important;
    color:#176db5!important;
    box-shadow:0 2px 8px rgba(31,111,181,.05)!important;
  }
  html[data-mobile-theme="light"] .pill.live-pill{
    background:linear-gradient(180deg,#effcfb,#e6f8f5)!important;
    border-color:#a8ddd6!important;
    color:#128377!important;
  }
  html[data-mobile-theme="light"] .button-link{
    background:linear-gradient(180deg,#ffffff,#eef7ff)!important;
    border-color:#b9d6ec!important;
    color:#245d8a!important;
    box-shadow:0 2px 8px rgba(39,104,155,.05)!important;
  }
  html[data-mobile-theme="light"] .button-link:hover{
    background:linear-gradient(180deg,#ffffff,#e6f3ff)!important;
    border-color:#8fc4ed!important;
    color:#126fba!important;
  }
  html[data-mobile-theme="light"] .count-badge{
    background:linear-gradient(180deg,#eef7ff,#e5f2ff)!important;
    border-color:#acd2f2!important;
    color:#176db5!important;
  }
  html[data-mobile-theme="light"] .week-arrow{
    background:linear-gradient(180deg,#ffffff,#edf7ff)!important;
    border-color:#b9d6ec!important;
    color:#1c78c5!important;
    box-shadow:0 2px 7px rgba(35,102,155,.05)!important;
  }
  html[data-mobile-theme="light"] .week-arrow.disabled{
    background:#f2f6f9!important;
    border-color:#d5e1e9!important;
    color:#9aabb9!important;
    opacity:1!important;
  }
  html[data-mobile-theme="light"] .history-week-nav .count-badge{
    min-height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}

/* CLEAN15: rider-mission live/history stability + compact mission operations */
.mission-available-alert{border-color:rgba(239,181,83,.46)!important;background:linear-gradient(180deg,rgba(92,62,16,.16),rgba(14,25,36,.92))!important}
.mission-available-alert>summary{cursor:pointer}
.mission-simple-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-top:11px;padding:10px 11px;border-radius:11px;background:rgba(10,20,31,.58);border:1px solid rgba(62,91,121,.48)}
.mission-simple-line>strong{font-size:16px}.mission-simple-line>span{font-size:14px;font-weight:800;color:#8ee6d4}.mission-simple-line>em{font-size:11px;font-style:normal;color:#9db0c0}.mission-simple-line>b{margin-left:auto;font-size:13px;color:#efc17c}
.mission-condition-line{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:11px;color:#8fa6b8}.mission-condition-line strong{font-size:14px;color:#d8e5ef}.edited-badge{padding:2px 6px;border-radius:999px;border:1px solid rgba(93,167,225,.34);font-size:9px;color:#99c8ef}
.mission-edit-details{margin-top:10px;border-top:1px solid rgba(48,70,94,.55);padding-top:8px}.mission-edit-details>summary{cursor:pointer;font-size:10px;color:#8da7bb;list-style:none}.mission-edit-details>summary::-webkit-details-marker{display:none}
.mission-edit-form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1fr) auto;gap:8px;align-items:end;margin-top:9px}.mission-edit-form label{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.mission-edit-form label small{grid-column:1/-1;font-size:9px;color:#7f96aa}.mission-edit-form input{min-width:0}.mission-edit-form label em{font-style:normal;font-size:10px;color:#8298aa}.mission-reset-form{margin-top:7px}
.rider-mission-condition{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:11px;color:#8fa6b8}.rider-mission-condition>strong{font-size:14px;color:#dce8f1}.rider-mission-condition>span{margin-left:auto}.rider-mission-condition>span strong{font-size:14px;color:#efc17b}
@media(max-width:760px){.mission-edit-form{grid-template-columns:1fr 1fr}.mission-edit-form button{grid-column:1/-1}.mission-simple-line>b{margin-left:0;width:100%}}
@media(max-width:560px){.mission-edit-form{grid-template-columns:1fr}.mission-edit-form button{grid-column:auto}.mission-simple-line{align-items:flex-start}.rider-mission-condition{flex-wrap:wrap}.rider-mission-condition>span{margin-left:0;width:100%}}
html[data-mobile-theme="light"] .mission-available-alert{background:#fff9eb!important;border-color:#eed5a5!important}
html[data-mobile-theme="light"] .mission-simple-line{background:#f5faff!important;border-color:#d7e6f1!important}
html[data-mobile-theme="light"] .mission-simple-line>strong,html[data-mobile-theme="light"] .mission-condition-line strong,html[data-mobile-theme="light"] .rider-mission-condition>strong{color:#1e3345!important}
html[data-mobile-theme="light"] .mission-simple-line>span{color:#117fd8!important}

/* CLEAN16: mission diagnostics + sortable weekly rider history */
.history-rider-head>button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:0;cursor:pointer;text-align:left;display:flex;align-items:center;gap:5px}
.history-rider-head>button:not(:first-child){justify-content:center;text-align:center}
.history-rider-head>button:hover{color:#dffcff}.history-rider-head>button i{font-style:normal;color:#55e4d0;min-width:10px}
.mission-diagnostic-panel{margin-top:14px;border:1px solid #29455d;border-radius:14px;background:#0f1e2d;overflow:hidden}
.mission-diagnostic-panel>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.mission-diagnostic-panel>summary::-webkit-details-marker{display:none}
.mission-diagnostic-panel>summary div{display:flex;flex-direction:column;gap:3px}.mission-diagnostic-panel>summary strong{font-size:14px;color:#eef8ff}.mission-diagnostic-panel>summary small{font-size:11px;color:#8ba4b9}.mission-diagnostic-panel>summary>span{color:#7d9ab0;font-size:20px;transition:.2s}.mission-diagnostic-panel[open]>summary>span{transform:rotate(90deg)}
.mission-diagnostic-body{border-top:1px solid #243c52;padding:14px 16px}.mission-diag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mission-diag-grid>div{border:1px solid #29445c;border-radius:11px;background:#122437;padding:11px;display:flex;flex-direction:column;gap:4px}.mission-diag-grid small{font-size:10px;color:#8aa2b6}.mission-diag-grid b{font-size:14px;color:#eaf7ff}.mission-diag-grid b.ok{color:#59dfb9}.mission-diag-grid b.bad{color:#ff7e7e}.mission-diag-grid span{font-size:11px;color:#a7bdcf}.mission-diag-time{margin-top:10px;font-size:10px;color:#7892a8}.mission-diag-raw{margin-top:10px}.mission-diag-raw>summary{cursor:pointer;color:#9eb6c9;font-size:11px}.mission-diag-raw pre{margin-top:8px;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid #29445c;border-radius:10px;background:#091521;padding:10px;color:#b8cada;font-size:10px;line-height:1.45}
@media(max-width:800px){.mission-diag-grid{grid-template-columns:1fr 1fr}.history-rider-head>button{font-size:11px}}
html[data-mobile-theme="light"] .mission-diagnostic-panel{background:#fff;border-color:#d8e4ec}html[data-mobile-theme="light"] .mission-diagnostic-panel>summary strong{color:#20384b}html[data-mobile-theme="light"] .mission-diagnostic-panel>summary small,html[data-mobile-theme="light"] .mission-diag-time{color:#73889a}html[data-mobile-theme="light"] .mission-diagnostic-body{border-color:#e0e8ee}html[data-mobile-theme="light"] .mission-diag-grid>div{background:#f7fbfe;border-color:#d8e5ed}html[data-mobile-theme="light"] .mission-diag-grid b{color:#20384b}html[data-mobile-theme="light"] .mission-diag-grid span{color:#60788b}html[data-mobile-theme="light"] .mission-diag-raw pre{background:#f5f9fc;border-color:#d8e5ed;color:#354e61}

/* CLEAN18: dedicated mission tab */
.mission-hub-head{overflow:visible}
.mission-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}
.mission-kpis>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 13px;border:1px solid rgba(60,88,117,.58);border-radius:12px;background:rgba(11,23,35,.58)}
.mission-kpis strong{font-size:21px;line-height:1.05;color:#eef8ff;font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mission-kpis span{font-size:10px;color:#86a0b5}
.mission-kpis .mission-active-number{color:#efc27f}.mission-kpis .mission-success-number{color:#59dfb9}.mission-kpis .mission-failed-number{color:#ff8585}
.mission-list-head{gap:12px}.mission-search{max-width:260px}
.mission-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 12px}.mission-status-filter{min-width:360px}.mission-toolbar .compact-select{min-width:150px}
.mission-week-table{overflow:hidden;border:1px solid rgba(54,82,111,.64);border-radius:14px;background:rgba(7,16,25,.45)}
.mission-week-head,.mission-week-row{display:grid;grid-template-columns:minmax(155px,1.25fr) minmax(155px,1.2fr) minmax(90px,.72fr) minmax(145px,1.05fr) minmax(105px,.8fr) minmax(82px,.62fr);align-items:center;column-gap:0}
.mission-week-head{min-height:42px;background:rgba(19,39,57,.82);border-bottom:1px solid rgba(64,93,120,.5)}
.mission-week-head span{padding:10px 11px;font-size:10px;font-weight:800;color:#96b1c5;text-align:left}
.mission-week-row{position:relative;border-bottom:1px solid rgba(55,81,105,.38);transition:.16s ease;background:rgba(12,25,37,.34)}
.mission-week-row:last-child{border-bottom:0}.mission-week-row:hover{background:rgba(25,47,65,.48)}
.mission-week-row.status-success{box-shadow:inset 3px 0 0 rgba(76,211,172,.75)}.mission-week-row.status-failed{box-shadow:inset 3px 0 0 rgba(255,106,106,.75)}.mission-week-row.status-running,.mission-week-row.status-pending,.mission-week-row.status-scheduled{box-shadow:inset 3px 0 0 rgba(235,187,103,.72)}
.mission-cell{min-width:0;padding:12px 11px;display:flex;flex-direction:column;gap:3px}.mission-cell strong{font-size:12px;color:#e6f1f8;line-height:1.3}.mission-cell small{font-size:9px;color:#7f99ae;line-height:1.35}.mission-cell>span{font-size:10px;color:#9fb5c6}
.mission-identity small{color:#7b9ab0}.mission-rider-goal{align-items:flex-start}.mission-rider-goal strong{font-size:14px}.mission-rider-goal .edited-badge{font-style:normal;margin-top:2px}
.mission-progress-cell>div:first-child{display:flex;align-items:baseline;gap:4px}.mission-progress-cell>div:first-child strong{font-size:15px;color:#74e0d0}.mission-progress-cell>div:first-child span{font-size:10px;color:#8fa6b8}
.mission-mini-track{width:100%;height:5px;border-radius:999px;overflow:hidden;background:rgba(76,103,128,.35)}.mission-mini-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3ebfae,#67dccc)}
.mission-money strong{font-size:13px;color:#f0cb8f}.mission-result{align-items:flex-start}.mission-result .mission-status{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 8px;border-radius:999px;border:1px solid rgba(85,111,135,.5);background:rgba(23,42,58,.65);font-size:10px;font-weight:850;color:#bdd0df}
.status-success .mission-result .mission-status{color:#70e3c1;border-color:rgba(78,210,171,.34);background:rgba(42,126,102,.16)}.status-failed .mission-result .mission-status{color:#ff9898;border-color:rgba(255,107,107,.34);background:rgba(146,53,53,.14)}.status-running .mission-result .mission-status,.status-pending .mission-result .mission-status,.status-scheduled .mission-result .mission-status{color:#f0c986;border-color:rgba(232,183,94,.34);background:rgba(151,109,37,.13)}
.mission-row-edit{grid-column:1/-1;margin:0 11px 11px;padding-top:9px;border-top:1px dashed rgba(61,89,114,.5)}.mission-row-edit>summary{font-size:9px;color:#7f9db3}.mission-row-edit .mission-edit-form{max-width:610px}
@media(max-width:980px){.mission-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.mission-week-head,.mission-week-row{grid-template-columns:minmax(145px,1.2fr) minmax(140px,1.1fr) minmax(85px,.7fr) minmax(135px,1fr) minmax(100px,.75fr) minmax(76px,.6fr)}.mission-week-table{overflow-x:auto}.mission-week-head,.mission-week-row{min-width:830px}}
@media(max-width:760px){.portal-tabs{gap:3px}.portal-tab{padding-left:4px!important;padding-right:4px!important}.mission-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mission-kpis>div:last-child{grid-column:1/-1}.mission-kpis strong{font-size:18px}.mission-list-head{align-items:flex-start;flex-direction:column}.mission-search{max-width:none;width:100%}.mission-toolbar{align-items:stretch;flex-direction:column}.mission-status-filter{min-width:0;width:100%}.mission-toolbar .compact-select{width:100%}.mission-week-table{border:0;background:transparent;overflow:visible}.mission-week-head{display:none}.mission-week-body{display:grid;gap:9px}.mission-week-row{min-width:0;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(55,82,108,.62);border-radius:13px;overflow:hidden;background:rgba(13,27,40,.68)}.mission-cell{padding:10px}.mission-identity,.mission-time{grid-column:span 1}.mission-rider-goal,.mission-progress-cell,.mission-money,.mission-result{border-top:1px solid rgba(54,81,105,.35)}.mission-progress-cell{grid-column:span 1}.mission-result{align-items:flex-end}.mission-row-edit{grid-column:1/-1;margin:0 10px 10px}.mission-row-edit .mission-edit-form{grid-template-columns:1fr 1fr}.mission-row-edit .mission-edit-form button{grid-column:1/-1}}
@media(max-width:460px){.mission-week-row{grid-template-columns:1fr}.mission-identity,.mission-time,.mission-rider-goal,.mission-progress-cell,.mission-money,.mission-result{grid-column:1}.mission-time,.mission-rider-goal,.mission-progress-cell,.mission-money,.mission-result{border-top:1px solid rgba(54,81,105,.35)}.mission-result{align-items:flex-start}.mission-row-edit .mission-edit-form{grid-template-columns:1fr}.mission-row-edit .mission-edit-form button{grid-column:auto}}
html[data-mobile-theme="light"] .mission-kpis>div{background:#f8fbfd!important;border-color:#d9e5ec!important}html[data-mobile-theme="light"] .mission-kpis strong{color:#21394b!important}html[data-mobile-theme="light"] .mission-week-table{background:#fff!important;border-color:#d8e4ec!important}html[data-mobile-theme="light"] .mission-week-head{background:#eef5f9!important;border-color:#d8e4ec!important}html[data-mobile-theme="light"] .mission-week-head span{color:#668196!important}html[data-mobile-theme="light"] .mission-week-row{background:#fff!important;border-color:#d9e4eb!important}html[data-mobile-theme="light"] .mission-cell strong{color:#20384b!important}html[data-mobile-theme="light"] .mission-cell small,html[data-mobile-theme="light"] .mission-cell>span{color:#71889a!important}html[data-mobile-theme="light"] .mission-mini-track{background:#dce9f0!important}

/* CLEAN19 mission source split */
.mission-source-tabs{margin-top:12px;max-width:430px}.mission-source-tabs button{min-height:38px;font-weight:850}
[data-mission-source-pane][hidden]{display:none!important}
.mission-source-note{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;color:#91a9bb}.mission-source-note b{color:#6ee1c2}.mission-source-note span{font-weight:800;color:#d9e8f2}.mission-source-note em{font-style:normal;color:#7f98aa}
.vendor-mission-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.vendor-mission-kpis>div:last-child{grid-column:auto}
.rider-mission-week-head,.rider-mission-week-row{grid-template-columns:minmax(155px,1.25fr) minmax(155px,1.2fr) minmax(105px,.82fr) minmax(110px,.82fr) minmax(80px,.62fr) minmax(76px,.58fr)}
.vendor-mission-week-head,.vendor-mission-week-row{grid-template-columns:minmax(165px,1.35fr) minmax(165px,1.25fr) minmax(100px,.72fr) minmax(155px,1.05fr) minmax(86px,.62fr)}
.vendor-goal-cell strong{font-size:15px;color:#dcecf6}.rider-mission-edit-cell{align-items:flex-start}.rider-mission-edit-cell .small{padding:6px 10px}
.rider-mission-week-row.status-scheduled{box-shadow:inset 3px 0 0 rgba(235,187,103,.72)}.rider-mission-week-row.status-running{box-shadow:inset 3px 0 0 rgba(76,211,172,.75)}.rider-mission-week-row.status-completed{box-shadow:inset 3px 0 0 rgba(103,129,151,.55)}
.rider-mission-week-row.status-completed .mission-result .mission-status{color:#a3b4c2;border-color:rgba(117,143,163,.35);background:rgba(72,91,107,.18)}
@media(max-width:980px){.rider-mission-week-head,.rider-mission-week-row{min-width:830px}.vendor-mission-week-head,.vendor-mission-week-row{min-width:760px}}
@media(max-width:760px){.mission-source-tabs{max-width:none;width:100%}.mission-source-note{flex-wrap:wrap}.vendor-mission-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-mission-kpis>div:last-child{grid-column:auto}.rider-mission-week-row,.vendor-mission-week-row{min-width:0;grid-template-columns:1fr 1fr}.rider-mission-edit-cell,.vendor-goal-cell{border-top:1px solid rgba(54,81,105,.35)}.rider-mission-edit-cell{align-items:flex-end}.vendor-mission-week-row .mission-result{border-top:1px solid rgba(54,81,105,.35)}}
@media(max-width:460px){.rider-mission-week-row,.vendor-mission-week-row{grid-template-columns:1fr}.rider-mission-edit-cell,.vendor-goal-cell{grid-column:1}.rider-mission-edit-cell{align-items:flex-start}}

/* CLEAN19R4: compact mobile mission cards */
.mission-mobile-card{display:none}
@media(max-width:760px){
  /* Mobile mission page: compact controls and readable type. Desktop layout is unchanged. */
  [data-admin-pane="missions"] .mission-hub-head{padding:14px 14px 12px}
  [data-admin-pane="missions"] .mission-hub-head .section-bar h2{font-size:18px}
  [data-admin-pane="missions"] .mission-hub-head .section-bar .muted.tiny{display:none}
  [data-admin-pane="missions"] .history-title-bar{gap:8px;align-items:center}
  [data-admin-pane="missions"] .history-week-nav{margin-left:auto}
  [data-admin-pane="missions"] .history-region-filter{gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:1px;scrollbar-width:none}
  [data-admin-pane="missions"] .history-region-filter::-webkit-scrollbar{display:none}
  [data-admin-pane="missions"] .history-region-filter .filter-chip{font-size:13px;min-height:36px;white-space:nowrap;padding:8px 12px}
  [data-admin-pane="missions"] .mission-source-tabs{margin-top:10px}
  [data-admin-pane="missions"] .mission-source-tabs button{font-size:14px;min-height:42px}

  [data-admin-pane="missions"] .mission-list-head{display:block;margin-bottom:4px}
  [data-admin-pane="missions"] .mission-list-head h2{font-size:18px;margin-bottom:2px}
  [data-admin-pane="missions"] .mission-list-head .muted.tiny{display:none}
  [data-admin-pane="missions"] .mission-search{display:none}
  [data-admin-pane="missions"] .mission-source-note{display:none}
  [data-admin-pane="missions"] .mission-toolbar{gap:8px;margin:8px 0 10px}
  [data-admin-pane="missions"] .mission-status-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
  [data-admin-pane="missions"] .mission-status-filter button{min-width:0;padding:9px 4px;font-size:13px}
  [data-admin-pane="missions"] .mission-toolbar .compact-select{width:128px;min-width:128px;margin-left:auto;font-size:14px;min-height:40px}

  [data-admin-pane="missions"] .mission-vendor-summary{padding:13px 14px}
  [data-admin-pane="missions"] .mission-vendor-summary .section-bar{display:none}
  [data-admin-pane="missions"] .vendor-mission-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:0}
  [data-admin-pane="missions"] .vendor-mission-kpis>div{padding:9px 7px;border-radius:10px;align-items:center;text-align:center;gap:3px}
  [data-admin-pane="missions"] .vendor-mission-kpis strong{font-size:18px}
  [data-admin-pane="missions"] .vendor-mission-kpis span{font-size:11px}

  [data-admin-pane="missions"] .mission-week-section{padding:13px 14px 16px}
  [data-admin-pane="missions"] .mission-week-body{gap:10px}
  [data-admin-pane="missions"] .mission-week-row,
  [data-admin-pane="missions"] .rider-mission-week-row,
  [data-admin-pane="missions"] .vendor-mission-week-row{
    display:block;min-width:0;border-radius:14px;overflow:hidden;
    border:1px solid rgba(55,82,108,.62);background:rgba(9,21,32,.78);
  }
  [data-admin-pane="missions"] .mission-week-row.status-success{box-shadow:inset 3px 0 0 rgba(76,211,172,.68)}
  [data-admin-pane="missions"] .mission-week-row.status-failed{box-shadow:inset 3px 0 0 rgba(255,106,106,.68)}
  [data-admin-pane="missions"] .mission-week-row.status-running,
  [data-admin-pane="missions"] .mission-week-row.status-pending,
  [data-admin-pane="missions"] .mission-week-row.status-scheduled{box-shadow:inset 3px 0 0 rgba(235,187,103,.65)}
  [data-admin-pane="missions"] .mission-week-row>.mission-cell{display:none}
  [data-admin-pane="missions"] .mission-mobile-card{display:block;padding:14px 14px 13px 16px}
  [data-admin-pane="missions"] .mission-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
  [data-admin-pane="missions"] .mission-mobile-top>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;line-height:1.25;color:#eef7fd;font-weight:850;letter-spacing:-.015em}
  [data-admin-pane="missions"] .mission-mobile-top .mission-status{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:5px 9px;border-radius:999px;border:1px solid rgba(85,111,135,.5);font-size:13px;line-height:1.05;font-weight:900;color:#bdd0df;background:rgba(23,42,58,.65)}
  [data-admin-pane="missions"] .status-success .mission-mobile-top .mission-status{color:#70e3c1;border-color:rgba(78,210,171,.38);background:rgba(42,126,102,.16)}
  [data-admin-pane="missions"] .status-failed .mission-mobile-top .mission-status{color:#ff9898;border-color:rgba(255,107,107,.42);background:rgba(146,53,53,.15)}
  [data-admin-pane="missions"] .status-running .mission-mobile-top .mission-status,
  [data-admin-pane="missions"] .status-pending .mission-mobile-top .mission-status,
  [data-admin-pane="missions"] .status-scheduled .mission-mobile-top .mission-status{color:#f0c986;border-color:rgba(232,183,94,.4);background:rgba(151,109,37,.14)}

  [data-admin-pane="missions"] .mission-mobile-meta{display:flex;align-items:baseline;gap:5px;margin-top:8px;min-width:0;color:#8fa7b9}
  [data-admin-pane="missions"] .mission-mobile-meta strong{font-size:15px;line-height:1.25;color:#e5f0f7;font-weight:850}
  [data-admin-pane="missions"] .mission-mobile-meta span{font-size:13.5px;line-height:1.25;color:#8ea5b6;white-space:nowrap}
  [data-admin-pane="missions"] .vendor-mobile-progress-value{display:flex;align-items:baseline;gap:5px;margin-top:11px}
  [data-admin-pane="missions"] .vendor-mobile-progress-value strong{font-size:21px;line-height:1;color:#6ee0cf;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
  [data-admin-pane="missions"] .vendor-mobile-progress-value span{font-size:15px;color:#a5bac9;font-weight:750;font-variant-numeric:tabular-nums}
  [data-admin-pane="missions"] .mission-mobile-track{height:8px;margin-top:8px;background:rgba(58,89,116,.32)}

  [data-admin-pane="missions"] .mission-mobile-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
  [data-admin-pane="missions"] .mission-mobile-edit{border:1px solid rgba(73,104,130,.58);background:rgba(19,38,54,.82);color:#bcd0df;border-radius:9px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1.05}
  [data-admin-pane="missions"] .rider-mobile-reward{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-top:10px}
  [data-admin-pane="missions"] .rider-mobile-reward strong{font-size:16px;color:#eaf5fb;font-weight:850}
  [data-admin-pane="missions"] .rider-mobile-reward span{font-size:14px;color:#607b8f}
  [data-admin-pane="missions"] .rider-mobile-reward b{font-size:18px;color:#f1c985;font-weight:900;font-variant-numeric:tabular-nums}
  [data-admin-pane="missions"] .rider-mobile-reward .edited-badge{font-size:11px}
  [data-admin-pane="missions"] .mission-mobile-time{margin-top:7px;font-size:13.5px;color:#8da5b7;font-weight:650;font-variant-numeric:tabular-nums}
  [data-admin-pane="missions"] .mission-row-edit{margin:0 14px 12px;padding-top:10px}
}

@media(max-width:380px){
  [data-admin-pane="missions"] .mission-mobile-top>strong{font-size:15px}
  [data-admin-pane="missions"] .mission-mobile-top .mission-status{font-size:12.5px;min-width:48px}
  [data-admin-pane="missions"] .mission-mobile-meta strong{font-size:14.5px}
  [data-admin-pane="missions"] .mission-mobile-meta span{font-size:13px}
  [data-admin-pane="missions"] .vendor-mobile-progress-value strong{font-size:20px}
  [data-admin-pane="missions"] .vendor-mobile-progress-value span{font-size:14.5px}
}

html[data-mobile-theme="light"] [data-admin-pane="missions"] .mission-week-row{background:#fff!important;border-color:#d9e4eb!important}
html[data-mobile-theme="light"] [data-admin-pane="missions"] .mission-mobile-top>strong,
html[data-mobile-theme="light"] [data-admin-pane="missions"] .mission-mobile-meta strong,
html[data-mobile-theme="light"] [data-admin-pane="missions"] .rider-mobile-reward strong{color:#20384b!important}
html[data-mobile-theme="light"] [data-admin-pane="missions"] .mission-mobile-meta span,
html[data-mobile-theme="light"] [data-admin-pane="missions"] .mission-mobile-time{color:#71899b!important}
html[data-mobile-theme="light"] [data-admin-pane="missions"] .vendor-mobile-progress-value span{color:#60798c!important}