/* EXLOT FIX20: Manual-platform utility theme, not an automatic betting site. */
/* Style-only: existing React components, menu, forms, report fields, APIs and calculations remain untouched. */
:root[data-exlot-theme='light']{
  --ex20-base:#f4f4f1; --ex20-surface:#ffffff; --ex20-soft:#f8f7f4;
  --ex20-ink:#24282d; --ex20-muted:#616873; --ex20-line:#d9d8d4;
  --ex20-red:#942e35; --ex20-gold:#9b6b28; --ex20-active:#892c32;
  --ex20-side:#222629; --ex20-heading:#262b30;
}
:root[data-exlot-theme='dark']{
  --ex20-base:#111315; --ex20-surface:#1a1d20; --ex20-soft:#22262a;
  --ex20-ink:#f0eee9; --ex20-muted:#bac0c5; --ex20-line:#363b3f;
  --ex20-red:#cf5759; --ex20-gold:#d6ab69; --ex20-active:#a1393e;
  --ex20-side:#101215; --ex20-heading:#f3efe9;
}
/* Fast, plain interface. No decoration/filter/blurring of production tables. */
html[data-exlot-theme] body{background:var(--ex20-base)!important;color:var(--ex20-ink)}
html[data-exlot-theme] .agent-workspace,
html[data-exlot-theme] .member-workspace,
html[data-exlot-theme] .dashboard-main,
html[data-exlot-theme] .content-wrap,
html[data-exlot-theme] .agent-content-wrap,
html[data-exlot-theme] .member-key-content{background:var(--ex20-base);color:var(--ex20-ink)}
html[data-exlot-theme] .app-sidebar{background:var(--ex20-side)!important;border-right:1px solid var(--ex20-line)!important}
html[data-exlot-theme] .sidebar-brand{border-bottom:1px solid #383333!important}
html[data-exlot-theme] .topbar,
html[data-exlot-theme] .agent-topbar{background:#27201e!important;color:#f8f3ea!important;border-bottom:1px solid #514135!important;backdrop-filter:none!important}
html[data-exlot-theme] .topbar .page-title,
html[data-exlot-theme] .topbar .top-user{color:#f7f3ec!important}
html[data-exlot-theme] .agent-page-heading h1,
html[data-exlot-theme] .master-dashboard-heading h2,
html[data-exlot-theme] .key-bet-page .key-hero h1{color:var(--ex20-heading)!important}
html[data-exlot-theme] .master-dashboard-heading p,
html[data-exlot-theme] .master-dashboard-filter label,
html[data-exlot-theme] .master-stat>span,
html[data-exlot-theme] .master-stat p,
html[data-exlot-theme] .master-dashboard-note{color:var(--ex20-muted)!important}
html[data-exlot-theme] .master-dashboard-grid{gap:10px!important}
html[data-exlot-theme] .master-stat{
  background:var(--ex20-surface)!important;border:1px solid var(--ex20-line)!important;
  border-top:2px solid var(--ex20-gold)!important;border-radius:5px!important;
  padding:14px 16px!important;box-shadow:none!important;min-height:120px;
}
html[data-exlot-theme] .master-stat>span{font-size:13px!important;line-height:1.35;letter-spacing:0}
html[data-exlot-theme] .master-stat strong{color:var(--ex20-heading)!important;font-size:clamp(21px,2vw,27px)!important;line-height:1.25!important;margin:10px 0 6px!important;white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-exlot-theme] .master-stat strong small{color:var(--ex20-muted)!important;font-size:12px!important}
html[data-exlot-theme] .master-stat strong.positive{color:#179b77!important}
html[data-exlot-theme] .master-stat strong.negative{color:#e35d61!important}
html[data-exlot-theme] .master-stat:nth-child(2){border-top-color:#218b74!important}
html[data-exlot-theme] .master-stat:nth-child(3){border-top-color:#b54b52!important}
html[data-exlot-theme] .master-stat:nth-child(4){border-top-color:var(--ex20-red)!important}
/* Small static pictograms similar to the requested KPI reference; derived values are unchanged. */
html[data-exlot-theme] .master-stat:nth-child(-n+4){padding-left:56px!important;position:relative}
html[data-exlot-theme] .master-stat:nth-child(-n+4):before{
  position:absolute;left:14px;top:16px;width:29px;height:30px;
  display:grid;place-items:center;border-radius:4px;
  background:var(--ex20-soft);border:1px solid var(--ex20-line);
  color:var(--ex20-gold);font-size:20px;line-height:1
}
html[data-exlot-theme] .master-stat:nth-child(1):before{content:'▤'}
html[data-exlot-theme] .master-stat:nth-child(2):before{content:'↗';color:#1ca987}
html[data-exlot-theme] .master-stat:nth-child(3):before{content:'↘';color:#d9595b}
html[data-exlot-theme] .master-stat:nth-child(4):before{content:'≋'}
/* Information panels and tables retain original order, group names and column calculations. */
html[data-exlot-theme] .report-picker>section,
html[data-exlot-theme] .report-explorer,
html[data-exlot-theme] .key-entry-panel,
html[data-exlot-theme] .key-side-panel,
html[data-exlot-theme] .member-rate-panel,
html[data-exlot-theme] .fix15-received-share,
html[data-exlot-theme] .add-user-form-page .fix15-commission-preview{
  background:var(--ex20-surface)!important;color:var(--ex20-ink)!important;
  border-color:var(--ex20-line)!important;box-shadow:none!important;border-radius:6px!important
}
html[data-exlot-theme] .report-ledger-section h2,
html[data-exlot-theme] .report-date-caption,
html[data-exlot-theme] .report-scope-bar{color:var(--ex20-ink)!important}
html[data-exlot-theme] .agent-workspace :is(input,select,textarea),
html[data-exlot-theme] .member-workspace :is(input,select,textarea),
html[data-exlot-theme] .master-dashboard-filter input{
  background:var(--ex20-soft)!important;color:var(--ex20-ink)!important;
  border-color:var(--ex20-line)!important;box-shadow:none!important
}
html[data-exlot-theme] .agent-workspace :is(input,select,textarea)::placeholder,
html[data-exlot-theme] .member-workspace :is(input,select,textarea)::placeholder{color:var(--ex20-muted)}
html[data-exlot-theme='dark'] :is(.agent-workspace,.member-workspace) :is(table,th,td){border-color:var(--ex20-line)!important}
html[data-exlot-theme='dark'] :is(.agent-workspace,.member-workspace) :is(table,td){background-color:var(--ex20-surface);color:var(--ex20-ink)}
html[data-exlot-theme='dark'] :is(.agent-workspace,.member-workspace) th{background-color:#2a3034!important;color:#f0eee9!important}
html[data-exlot-theme='dark'] :is(.agent-workspace,.member-workspace) tbody tr:nth-child(even) td{background-color:#202428}
html[data-exlot-theme='dark'] .fix15-received-share .received-share-tabs,
html[data-exlot-theme='dark'] .fix15-received-share .received-share-note,
html[data-exlot-theme='dark'] .fix15-received-share .fix15-default-rate-notice,
html[data-exlot-theme='dark'] .add-user-form-page .fix15-commission-preview .fix15-commission-item{
  background:var(--ex20-soft)!important;color:var(--ex20-ink)!important;border-color:var(--ex20-line)!important
}
html[data-exlot-theme='dark'] .fix15-received-share .received-share-table .fix16s-payout-cell{color:#f2efe9!important}
html[data-exlot-theme='dark'] .fix15-received-share .received-share-table .fix16s-commission-cell{color:#dbc19a!important}
html[data-exlot-theme='dark'] :is(.agent-workspace,.member-workspace) :is(button,[role='button']){box-shadow:none!important;text-shadow:none!important}
html[data-exlot-theme] :is(.agent-workspace,.member-workspace) :is(button,input,select,textarea):focus-visible,
html[data-exlot-theme] .exlot-manual-appearance-toggle-v20:focus-visible{outline:2px solid var(--ex20-gold)!important;outline-offset:2px}
html[data-exlot-theme] .exlot-manual-appearance-toggle-v20{
  appearance:none;position:fixed;bottom:12px;right:12px;z-index:90;
  padding:8px 12px;min-width:89px;min-height:38px;
  background:var(--ex20-surface);color:var(--ex20-ink);
  border:1px solid var(--ex20-gold);border-radius:5px;
  font:600 13px/1.2 system-ui,'Noto Sans Thai',sans-serif;
  box-shadow:0 1px 4px #0002;cursor:pointer;
}
html[data-exlot-theme] .exlot-manual-appearance-toggle-v20:hover{border-color:var(--ex20-red)}
@media(max-width:720px){
  html[data-exlot-theme] .master-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-exlot-theme] .master-stat{min-height:105px;padding:11px!important}
  html[data-exlot-theme] .master-stat:nth-child(-n+4){padding-left:45px!important}
  html[data-exlot-theme] .master-stat:nth-child(-n+4):before{left:8px;top:11px;width:28px}
  html[data-exlot-theme] .master-stat strong{font-size:19px!important;white-space:normal}
  html[data-exlot-theme] .exlot-manual-appearance-toggle-v20{bottom:8px;right:8px;min-width:76px;padding:7px 9px}
}
@media(max-width:390px){html[data-exlot-theme] .master-dashboard-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html[data-exlot-theme] *,html[data-exlot-theme] *::before,html[data-exlot-theme] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* FIX20R: full-theme paint layer. CSS ONLY — original navigation, form flow and scripts unchanged. */
/* Avoid marketing banners, illustrations, heavy gradients, animations or decorative widgets. */
:root[data-exlot-theme='light']{--ex20-title:#202830;--ex20-table-head:#ebece9;--ex20-table-alt:#f6f5f1;--ex20-row:#fff;--ex20-link:#875020;--ex20-chip:#f0ede7;--ex20-sidebar-selected:#74412a;--ex20-danger:#aa3240;--ex20-success:#087b5b}
:root[data-exlot-theme='dark']{--ex20-title:#f1f1ed;--ex20-table-head:#292e32;--ex20-table-alt:#202529;--ex20-row:#1a1e21;--ex20-link:#e1b66f;--ex20-chip:#262b2e;--ex20-sidebar-selected:#6b2d31;--ex20-danger:#ff7f89;--ex20-success:#53c49d}
/* Background and cards: existing module geometry is retained. */
html[data-exlot-theme] :is(.dashboard-main,.content-wrap,.agent-content-wrap,.member-key-content,.key-bet-page,.key-bet-layout,.agent-workspace,.member-workspace){color:var(--ex20-ink)!important}
html[data-exlot-theme] :is(.dashboard-main,.content-wrap,.agent-content-wrap,.member-key-content){background:var(--ex20-base)!important}
html[data-exlot-theme] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.panel,.agent-panel,.agent-summary-card,.stat-card,.report-panel,.report-explorer,.bill-history-panel,.account-panel:not(.app-sidebar .account-panel),.member-finance-panel,.member-results-panel,.key-entry-panel,.key-rate-panel,.key-helper-panel,.key-rule-panel,.key-recent-bills,.key-statistics,.key-bet-dialog,.market-availability-panel,.report-ledger-wrap,.win-loss-panel,.add-user-card,.portal-card,.overview-balance-card,.net-report-panel,.received-share-panel,.agent-share-panel){background:var(--ex20-surface)!important;color:var(--ex20-ink)!important;border-color:var(--ex20-line)!important;box-shadow:none!important}
html[data-exlot-theme] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.panel-heading,.panel-toolbar,.agent-panel-title,.key-entry-head,.key-side-heading,.report-block h3,.report-context-line,.report-scope-bar,.key-hero,.page-heading,.agent-page-heading,.report-page-heading,.report-filter-top,.key-page-footer,.key-entry-row,.key-rule-row,.key-recent-title,.bill-toolbar,.key-slip-group-head){border-color:var(--ex20-line)!important}
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.page-title,h1,h2,h3,h4,.panel-heading h2,.agent-panel-title h2,.page-heading,.report-picker-heading h3,.lottery-grid-title,.key-slip-title,.key-hero h1,.key-rate-panel h3){color:var(--ex20-title)!important}
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.panel-heading p,.agent-panel-title p,.key-hero p,.key-rule-head,.lottery-group-caption,.statistics-caption,.report-date-caption,.key-note,.report-count,.key-rule-row span,.report-presets label){color:var(--ex20-muted)!important}
html[data-exlot-theme] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.report-picker>section,.report-member-picks,.report-market-list,.report-selection-controls,.report-checkbox-grid,.waiting-report-panel,.specific-limit-form,.result-entry-panel,.max-bet-panel,.payout-panel,.key-closed-table,.key-recent-table-wrap,.add-user-form,.add-user-hero){background-color:var(--ex20-surface)!important;color:var(--ex20-ink)!important;border-color:var(--ex20-line)!important;box-shadow:none!important}
/* Re-theme manual lottery choice cards without changing availability or clickability. */
html[data-exlot-theme='light'] :is(.dashboard-main,.member-workspace) .lottery-card:not([disabled]){background:#283943!important;color:#fff!important;border-color:#344a55!important;box-shadow:none!important}
html[data-exlot-theme='dark'] :is(.dashboard-main,.member-workspace) .lottery-card:not([disabled]){background:#24292d!important;color:#f3f2ee!important;border-color:#41464b!important;box-shadow:none!important}
html[data-exlot-theme] :is(.dashboard-main,.member-workspace) .lottery-card:is(:hover,:focus-visible):not([disabled]){transform:none!important;box-shadow:none!important;border-color:var(--ex20-gold)!important}
/* Preserve native disabled/closed and live status indicators: never make closed markets appear open. */
html[data-exlot-theme] :is(.dashboard-main,.member-workspace) .lottery-card:disabled{box-shadow:none!important;filter:none!important;opacity:.6}
html[data-exlot-theme] :is(.dashboard-main,.member-workspace) .lottery-card .countdown{color:#dde2e5!important}
/* Forms, tabs and readable tables across old and newer Agent/Member modules. */
html[data-exlot-theme] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(input:not([type='checkbox']):not([type='radio']),select,textarea){color:var(--ex20-ink)!important;background:var(--ex20-soft)!important;border-color:var(--ex20-line)!important;box-shadow:none!important}
html[data-exlot-theme] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(input,select,textarea)::placeholder{color:var(--ex20-muted)!important;opacity:1}
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.panel,.agent-panel,.report-explorer,.bill-history-panel,.key-entry-panel,.key-rate-panel,.key-rule-panel,.member-results-panel,.member-finance-panel,.report-panel) :is(table,thead,tbody,tr,th,td){border-color:var(--ex20-line)!important}
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.panel,.agent-panel,.report-explorer,.bill-history-panel,.key-entry-panel,.key-rate-panel,.key-rule-panel,.member-results-panel,.member-finance-panel,.report-panel) :is(td,tbody){color:var(--ex20-ink);background:var(--ex20-row)}
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(table:not(.capture-receipt table)) thead :is(th,td){color:#f5f2ed!important;background:var(--ex20-table-head)!important}
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.panel,.agent-panel,.report-explorer,.bill-history-panel,.key-entry-panel,.member-results-panel,.report-panel) tbody tr:nth-child(2n) td{background:var(--ex20-table-alt)}
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.total-row td,.report-total-row td){background:#33302a!important;color:#f3e3ca!important}
html[data-exlot-theme] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.key-mode-bar,.agent-tabs,.category-tabs,.report-presets,.key-tools,.agent-share-toolbar) :is(button){box-shadow:none!important;filter:none!important}
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.key-mode-bar,.agent-tabs,.category-tabs,.report-presets,.key-tools,.agent-share-toolbar) button:not(.active):not(.selected):not([aria-pressed='true']){background:var(--ex20-chip)!important;color:var(--ex20-ink)!important;border-color:var(--ex20-line)!important}
/* Protect meaningful success/error coloring, flags, numbers, and disabled buttons. */
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.money-green,.positive,.status-open){color:var(--ex20-success)!important}
html[data-exlot-theme='dark'] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(.money-red,.negative,.status-off){color:var(--ex20-danger)!important}
html[data-exlot-theme] :is(.dashboard-main,.agent-workspace,.member-workspace) :is(button,input,select,textarea,[role='button'],a):focus-visible{outline:2px solid var(--ex20-gold)!important;outline-offset:2px!important}
/* Fixed low-overhead switch on the left navigation, just above logout. In narrow screens it moves to lower right. */
html[data-exlot-theme] .exlot-manual-appearance-toggle-v20{left:10px!important;right:auto!important;bottom:70px!important;min-width:128px!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:7px 10px!important;background:var(--ex20-surface)!important;color:var(--ex20-ink)!important;border:1px solid var(--ex20-gold)!important;border-radius:6px!important;white-space:nowrap!important}
html[data-exlot-theme] .exlot-manual-appearance-toggle-v20:before{content:'◐';font-size:18px;color:var(--ex20-gold)}
html[data-exlot-theme='dark'] .exlot-manual-appearance-toggle-v20:before{content:'☾'}
html[data-exlot-theme='light'] .exlot-manual-appearance-toggle-v20:before{content:'☀'}
@media (max-width:760px){html[data-exlot-theme] .exlot-manual-appearance-toggle-v20{left:auto!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;min-width:110px!important;min-height:38px!important}}
@media (prefers-reduced-motion:reduce){html[data-exlot-theme] .lottery-card{transition:none!important}}

/* FIX20S: restrained black/red/gold finance-dashboard presentation, no graphic banner. */
html[data-exlot-theme='light'] :is(.topbar,.agent-topbar){background:#fff!important;color:#1e2630!important;border-bottom:1px solid #d6dde3!important}
html[data-exlot-theme='light'] .topbar :is(.page-title,.top-user){color:#1e2630!important}
html[data-exlot-theme='dark'] :is(.topbar,.agent-topbar){background:#151719!important;color:#f5f0e7!important;border-bottom:1px solid #58422d!important}
html[data-exlot-theme] .master-dashboard-heading h2{font-weight:750;letter-spacing:-.018em}
html[data-exlot-theme] .master-dashboard-grid .master-stat{transition:none!important;background-image:none!important}
html[data-exlot-theme='dark'] .master-dashboard-grid .master-stat{background:#181b1f!important;border-color:#48413b!important}
html[data-exlot-theme='light'] .master-dashboard-grid .master-stat{background:#fff!important;border-color:#dfd6c7!important}
html[data-exlot-theme='dark'] .master-dashboard-grid .master-stat:nth-child(3) strong.negative{color:#ff6268!important}
html[data-exlot-theme] .master-dashboard-grid .master-stat p{font-size:12px!important;line-height:1.35!important}
html[data-exlot-theme] .exlot-manual-appearance-toggle-v20{font:600 12px/1.3 system-ui,'Noto Sans Thai',sans-serif!important}

/* FIX20V: approved black/red/gold / white/ivory design, no ball/banner graphics.
   All original Member manual selection/keying UI stays in place. */
html[data-exlot-theme='light']{--ex20-base:#f3f6f9;--ex20-surface:#fff;--ex20-soft:#f6f8fb;--ex20-ink:#182736;--ex20-muted:#5f7385;--ex20-line:#dbe3ec;--ex20-gold:#b67a25;--ex20-red:#b52a37;--ex20-side:#121d27}
html[data-exlot-theme='dark']{--ex20-base:#0b1014;--ex20-surface:#111a21;--ex20-soft:#172129;--ex20-ink:#edf1f4;--ex20-muted:#aebbc6;--ex20-line:#2a3b47;--ex20-gold:#f0b34d;--ex20-red:#ed4150;--ex20-side:#0a1117}
html[data-exlot-theme] .exlot-manual-appearance-toggle-v20[data-exlot-sidebar='true']{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:calc(100% - 12px)!important;margin:0 6px 8px!important;min-height:39px!important;min-width:0!important;border-radius:8px!important;background:transparent!important;color:#e9dfcf!important;border:1px solid #8d7046!important;z-index:auto!important;flex-shrink:0}
html[data-exlot-theme] .exlot-manual-appearance-toggle-v20[data-exlot-sidebar='true']:hover{background:#35271c!important;color:#fff!important}
html[data-exlot-theme] [data-slot='sidebar-inner']{background:var(--ex20-side)!important}
html[data-exlot-theme] .app-sidebar{background:var(--ex20-side)!important}
html[data-exlot-theme='light'] .topbar{background:#fff!important;color:#192330!important}
html[data-exlot-theme='dark'] .topbar{background:#0c1218!important;color:#eee!important}
html[data-exlot-theme='light'] .member-workspace .lottery-card:not([disabled]){background:#283c4c!important;color:#fff!important}
html[data-exlot-theme='dark'] .member-workspace .lottery-card:not([disabled]){background:#1e303e!important;color:#fff!important}
/* Dashboard is only present on Agent overview. No Member rendering changes. */
html[data-exlot-theme] .ex20v-dashboard{--paper:var(--ex20-surface);--stroke:var(--ex20-line);--text:var(--ex20-ink);--sub:var(--ex20-muted);color:var(--text);margin:0 0 18px;min-width:0;font-variant-numeric:tabular-nums}
html[data-exlot-theme] .ex20v-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:10px 0 12px}
html[data-exlot-theme] .ex20v-eyebrow{color:var(--ex20-gold);font-weight:800;font-size:10px;letter-spacing:.18em}
html[data-exlot-theme] .ex20v-head h2{font-size:23px!important;color:var(--ex20-ink)!important;letter-spacing:-.03em;margin:5px 0}
html[data-exlot-theme] .ex20v-head p{color:var(--ex20-muted)!important;font-size:12px;margin:0}
html[data-exlot-theme] .ex20v-actions{display:flex;align-items:center;gap:8px}
html[data-exlot-theme] .ex20v-actions label{font-size:12px;color:var(--ex20-muted)!important;display:flex;align-items:center;gap:7px}
html[data-exlot-theme] .ex20v-actions select,html[data-exlot-theme] .ex20v-actions button{border:1px solid var(--ex20-line)!important;background:var(--ex20-surface)!important;color:var(--ex20-ink)!important;padding:8px 10px;border-radius:7px;min-height:38px;cursor:pointer}
html[data-exlot-theme] .ex20v-status{color:var(--ex20-muted);font-size:11px;margin:8px 0 12px}
html[data-exlot-theme] .ex20v-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
html[data-exlot-theme] .ex20v-kpi{min-width:0;border:1px solid var(--ex20-line);border-radius:9px;padding:15px 12px;background:var(--ex20-surface);display:flex;gap:12px;align-items:center;box-shadow:none}
html[data-exlot-theme='dark'] .ex20v-kpi{background:#10171d}
html[data-exlot-theme] .ex20v-icon{flex:0 0 47px;width:47px;height:47px;display:grid;place-items:center;border-radius:9px;font-size:27px;font-weight:700;color:var(--ex20-gold);background:#b57c2b19}
html[data-exlot-theme] .ex20v-kpi.green .ex20v-icon{color:#08a873;background:#07926519}
html[data-exlot-theme] .ex20v-kpi.red .ex20v-icon{color:#e63d56;background:#e6375319}
html[data-exlot-theme] .ex20v-kpi>div{min-width:0;display:flex;flex-direction:column;gap:4px}
html[data-exlot-theme] .ex20v-kpi small{font-size:12px;color:var(--ex20-muted)}
html[data-exlot-theme] .ex20v-kpi strong{font-weight:800;font-size:clamp(16px,1.65vw,26px);white-space:nowrap;color:var(--ex20-gold)}
html[data-exlot-theme] .ex20v-kpi.green strong{color:#069c72}
html[data-exlot-theme] .ex20v-kpi.red strong{color:#e13d4d}
html[data-exlot-theme] .ex20v-kpi-detail{font-size:10px;line-height:1.3;color:var(--ex20-muted)}
html[data-exlot-theme] .ex20v-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-bottom:12px}
html[data-exlot-theme] .ex20v-panel{min-width:0;background:var(--ex20-surface);border:1px solid var(--ex20-line);border-radius:9px;padding:13px 15px;overflow:hidden}
html[data-exlot-theme] .ex20v-panel header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
html[data-exlot-theme] .ex20v-panel header b{font-size:14px;color:var(--ex20-ink)}
html[data-exlot-theme] .ex20v-panel header span,.ex20v-muted{font-size:11px;color:var(--ex20-muted)!important;line-height:1.5}
html[data-exlot-theme] .ex20v-panel svg{width:100%;height:auto;display:block}
html[data-exlot-theme] .ex20-svg-label{font:10px system-ui,sans-serif;fill:var(--ex20-muted)}
html[data-exlot-theme] .ex20v-key{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--ex20-muted)}
html[data-exlot-theme] .ex20v-key span{width:9px;height:9px;border-radius:50%;display:inline-block}
html[data-exlot-theme] .ex20v-key .gold-dot{background:#d8a249}
html[data-exlot-theme] .ex20v-key .red-dot{background:#e64a58}
html[data-exlot-theme] .ex20v-panel table{border-collapse:collapse;width:100%;font-size:11px;table-layout:auto}
html[data-exlot-theme] .ex20v-panel th,html[data-exlot-theme] .ex20v-panel td{text-align:left;padding:8px 5px!important;color:var(--ex20-ink)!important;background:transparent!important;border-bottom:1px solid var(--ex20-line)!important}
html[data-exlot-theme] .ex20v-panel th{background:var(--ex20-soft)!important;font-weight:700;color:var(--ex20-muted)!important}
html[data-exlot-theme] .ex20v-panel td:last-child,html[data-exlot-theme] .ex20v-panel th:last-child{text-align:right}
html[data-exlot-theme] .ex20v-progress{margin-top:4px;height:3px;background:var(--ex20-line);border-radius:5px;overflow:hidden}
html[data-exlot-theme] .ex20v-progress i{display:block;height:100%;background:var(--ex20-gold);border-radius:4px}
html[data-exlot-theme] .overview-brand{display:none!important}
@media(max-width:1150px){html[data-exlot-theme] .ex20v-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){html[data-exlot-theme] .ex20v-columns{grid-template-columns:1fr}html[data-exlot-theme] .ex20v-head{align-items:start}}
@media(max-width:470px){html[data-exlot-theme] .ex20v-kpis{grid-template-columns:1fr}html[data-exlot-theme] .ex20v-kpi strong{font-size:23px}}

/* FIX20V final: fail closed for theme control until it is actually inside the Sidebar.
   The old fixed-position mobile control must never obscure Member key fields. */
html[data-exlot-theme] .exlot-manual-appearance-toggle-v20:not([data-exlot-sidebar='true']){display:none!important;pointer-events:none!important}
html[data-exlot-theme] [data-slot="sidebar-footer"] .exlot-manual-appearance-toggle-v20[data-exlot-sidebar='true']{display:inline-flex!important;position:static!important;inset:auto!important;max-width:100%!important}
/* Owner-approved subtle diagonal color signature, CSS-only; no floating artwork. */
html[data-exlot-theme] .ex20v-head{position:relative;isolation:isolate;padding:10px 12px 12px 0}
html[data-exlot-theme] .ex20v-head:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 0 0 40%;opacity:.42;
 background:linear-gradient(133deg,transparent 0 43%,var(--ex20-gold) 43.2% 43.55%,transparent 43.8% 63%,var(--ex20-red) 63.2% 63.45%,transparent 63.6%);}
html[data-exlot-theme='light'] .ex20v-head:before{opacity:.24}
html[data-exlot-theme] .ex20v-kpi{border-color:var(--ex20-line)!important;border-top:2px solid var(--ex20-gold)!important}
html[data-exlot-theme] .ex20v-kpi.green{border-top-color:#1aa478!important}
html[data-exlot-theme] .ex20v-kpi.red{border-top-color:#d74955!important}

/* FIX20V legacy credit panel kept below analytics: preserve its link and contents. */
html[data-exlot-theme] .overview-simple{background:var(--ex20-surface)!important;color:var(--ex20-ink)!important;border:1px solid var(--ex20-line)!important;box-shadow:none!important}
html[data-exlot-theme] .overview-simple :is(b,strong,p,span){color:var(--ex20-ink)!important}
html[data-exlot-theme] .overview-simple a{color:var(--ex20-gold)!important}

/* Reference-led Legacy refinement; no keypad geometry or transactional behavior changes. */
html[data-exlot-theme='light']{--ex20-base:#f3f6f8;--ex20-surface:#fff;--ex20-soft:#f6f8fa;--ex20-ink:#17212c;--ex20-muted:#53616e;--ex20-line:#dfe5eb;--ex20-gold:#98650e;--ex20-red:#a61e37;--ex20-side:#101a21;--ex20-title:#17212c;--ex20-heading:#17212c;--ex23-up:#08724c;--ex23-down:#be173b;--lottery-card-open-bg:#f0faf6;--lottery-card-open-border:#428c79;--lottery-card-open-fg:#155d49;--lottery-card-closed-bg:#fcf1f1;--lottery-card-closed-border:#b25b60;--lottery-card-closed-fg:#8e303b;--lottery-card-half-bg:#fff7e5;--lottery-card-half-border:#a9823c;--lottery-card-half-fg:#765006;--lottery-card-unknown-bg:#f3f5f7;--lottery-card-unknown-fg:#52606b}
html[data-exlot-theme='dark']{--ex20-base:#090e12;--ex20-surface:#10171c;--ex20-soft:#182128;--ex20-ink:#f0f3f6;--ex20-muted:#b3bec8;--ex20-line:#29343c;--ex20-gold:#efc66b;--ex20-red:#ff6d83;--ex20-side:#080e12;--ex20-title:#f0f3f6;--ex20-heading:#f0f3f6;--ex23-up:#37d69a;--ex23-down:#ff6681;--lottery-card-open-bg:#102621;--lottery-card-open-border:#387e6d;--lottery-card-open-fg:#b5eee0;--lottery-card-closed-bg:#2b191e;--lottery-card-closed-border:#a85a66;--lottery-card-closed-fg:#f3c8d0;--lottery-card-half-bg:#2c2516;--lottery-card-half-border:#9d8140;--lottery-card-half-fg:#f6dc9a;--lottery-card-unknown-bg:#1b242c;--lottery-card-unknown-fg:#c1cbd3}
html[data-exlot-theme] .agent-workspace{--sidebar-width:184px!important}
html[data-exlot-theme] .app-sidebar{color:#e4eaf0!important;background:var(--ex20-side)!important}
html[data-exlot-theme] .app-sidebar :is(.account-name,.account-username,.sidebar-label,.nav-arrow){color:inherit!important}
html[data-exlot-theme] .app-sidebar [data-active=true]{background:#4d171f!important;border:1px solid #7e2732;color:#fff4e0!important}
html[data-exlot-theme='light'] .app-sidebar [data-active=true]{background:#624b20!important;border-color:#97702d}
html[data-exlot-theme] .topbar{background:var(--ex20-surface)!important;color:var(--ex20-ink)!important;border-bottom:1px solid var(--ex20-line)!important;backdrop-filter:none!important}
html[data-exlot-theme] .topbar :is(.page-title,.top-user){color:var(--ex20-ink)!important}
html[data-exlot-theme] .topbar-actions{gap:12px}
html[data-exlot-theme] .ex23-theme-switch{display:inline-flex!important;position:static!important;align-items:center;justify-content:space-between;gap:3px;flex:0 0 60px;width:60px;min-height:32px;border:1px solid var(--ex20-gold);border-radius:18px;padding:3px;background:var(--ex20-soft);color:var(--ex20-gold);cursor:pointer}
.ex23-theme-switch>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%}
html[data-exlot-theme='light'] .ex23-theme-switch .ex23-sun,html[data-exlot-theme='dark'] .ex23-theme-switch .ex23-moon{background:var(--ex20-gold);color:var(--ex20-base)}
html[data-exlot-theme] :is(button,a,select,input,textarea):focus-visible{outline:2px solid var(--ex20-gold);outline-offset:3px}
html[data-exlot-theme] :is([data-slot=dialog-content],[data-slot=dropdown-menu-content],[data-sonner-toast]){background:var(--ex20-surface)!important;color:var(--ex20-ink)!important;border-color:var(--ex20-line)!important}
html[data-exlot-theme] :is(.agent-workspace,.member-workspace) :is(.key-rule-head,.key-rule-row,.key-recent-title,.key-side-heading,.key-closed-title){color:var(--ex20-ink)!important;background-color:var(--ex20-soft)!important}
html[data-exlot-theme] :is(.agent-workspace,.member-workspace) :is(.key-rule-row b,.key-rule-row span,.key-recent-table td,.key-close-time,.key-close-time span){color:var(--ex20-ink)!important}
html[data-exlot-theme] .agent-content-wrap:has(#exlot20v-dashboard)>.agent-page-heading{display:none}
html[data-exlot-theme] .agent-content-wrap:has(#exlot20v-dashboard){padding:16px 20px 22px}
html[data-exlot-theme] .ex20v-dashboard{margin:0;--text:var(--ex20-ink);--sub:var(--ex20-muted)}
html[data-exlot-theme] .ex20v-head{margin:0 0 12px;padding:0;min-height:65px;align-items:center}
html[data-exlot-theme] .ex20v-head h2{font-size:28px!important;margin:2px 0 3px!important;font-weight:800;letter-spacing:-.02em}
html[data-exlot-theme] .ex20v-head p{font-size:12px}
html[data-exlot-theme] .ex20v-head:before{inset:0 0 0 45%;opacity:.25}
html[data-exlot-theme] .ex20v-eyebrow{font-size:10px;letter-spacing:.12em}
html[data-exlot-theme] .ex20v-status{font-size:11px;line-height:1.3;margin:0 0 9px;color:var(--ex20-muted)}
html[data-exlot-theme] .ex20v-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
html[data-exlot-theme] .ex20v-kpi{min-height:91px;padding:12px;gap:12px;border:1px solid var(--ex20-line)!important;border-radius:9px;background:var(--ex20-surface);box-shadow:0 2px 6px #00000008}
html[data-exlot-theme] .ex20v-kpi.gold{border-color:#ad853d77!important}
html[data-exlot-theme] .ex20v-icon{width:52px;height:60px;flex-basis:52px;border-radius:8px;background:#bf8b2b18}
html[data-exlot-theme] .ex20v-icon svg{width:32px;height:32px}
html[data-exlot-theme] .ex20v-kpi small{font-size:12px;font-weight:600;color:var(--ex20-ink)}
html[data-exlot-theme] .ex20v-kpi strong{font-size:24px;line-height:1.1}
html[data-exlot-theme] .ex20v-kpi.green strong{color:var(--ex20-ink)}
html[data-exlot-theme] .ex20v-kpi.red strong{color:var(--ex23-down)}
html[data-exlot-theme] .ex20v-kpi-detail{font-size:10px;line-height:1.4;color:var(--ex20-muted)}
html[data-exlot-theme] .ex20v-columns{grid-template-columns:1.18fr 1fr;gap:12px;margin-bottom:12px}
html[data-exlot-theme] .ex20v-panel{padding:11px 13px;border-radius:9px;overflow:visible}
html[data-exlot-theme] .ex20v-panel header{margin-bottom:9px;min-height:27px}
html[data-exlot-theme] .ex20v-panel h3{display:flex;gap:10px;align-items:center;font-size:14px;margin:0;font-weight:700}
html[data-exlot-theme] .ex20v-panel h3 svg{color:var(--ex20-gold);flex-shrink:0}
html[data-exlot-theme] .ex20v-panel header svg{width:23px;height:23px;flex:0 0 23px}
html[data-exlot-theme] .ex20v-panel>.ex20v-key+svg{height:172px;width:100%}
html[data-exlot-theme] .agent-content-wrap:has(#exlot20v-dashboard)>.overview-simple{min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html[data-exlot-theme] .agent-content-wrap:has(#exlot20v-dashboard)>.overview-simple .overview-balance-card{padding:12px!important;min-height:0!important}
html[data-exlot-theme] .ex23-detail{color:var(--ex20-gold);text-decoration:none;font-size:11px;white-space:nowrap;min-height:30px;display:inline-flex;align-items:center}
html[data-exlot-theme] .ex20v-key{justify-content:center;margin:2px 0 3px}
html[data-exlot-theme] .ex23-grid line{stroke:var(--ex20-line);stroke-width:1}
html[data-exlot-theme] :is(.ex23-grid text,.ex23-axis text){fill:var(--ex20-muted);font-size:10px}
.ex23-line{fill:none;stroke-width:2.2}.ex23-line.gold{stroke:#cf9319}.ex23-line.red{stroke:#ee3153}.ex23-area.gold{fill:#c9982420}.ex23-area.red{fill:#ed305326}circle.gold{fill:#d19c24}circle.red{fill:#ec3151}
.ex23-table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin;overscroll-behavior:contain}
html[data-exlot-theme] .ex20v-panel table{min-width:0;font-size:11px;font-variant-numeric:tabular-nums}
html[data-exlot-theme] .ex20v-panel :is(td,th){padding:7px 5px!important;line-height:1.4;white-space:nowrap;text-align:right;border-color:var(--ex20-line)!important}
html[data-exlot-theme] .ex20v-panel :is(td,th):first-child{text-align:left}
html[data-exlot-theme] .ex20v-panel td.ex23-positive{color:var(--ex23-up)!important}
html[data-exlot-theme] .ex20v-panel td.ex23-negative{color:var(--ex23-down)!important}
.ex23-ticket-status{display:inline-block;border:1px solid var(--ex20-line);border-radius:12px;padding:1px 9px;color:var(--ex20-ink);background:var(--ex20-soft);font-size:10px}.ex23-ticket-status.pending{background:#ae86191c;color:var(--ex20-gold);border-color:#a8843544}.ex23-number{font-variant-numeric:tabular-nums}
/* Member choice cards retain original grid, dimensions, anchors and event handlers. */
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card[data-card-state]{color:var(--lottery-card-open-fg)!important;background:var(--lottery-card-open-bg)!important;border-color:var(--lottery-card-open-border)!important;opacity:1!important;box-shadow:none!important;filter:none!important}
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card[data-card-state=closed]{color:var(--lottery-card-closed-fg)!important;background:var(--lottery-card-closed-bg)!important;border-color:var(--lottery-card-closed-border)!important}
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card[data-card-state=unknown]{color:var(--lottery-card-unknown-fg)!important;background:var(--lottery-card-unknown-bg)!important;border-color:var(--ex20-line)!important}
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card[data-has-half=true]:not([data-card-state=closed]):not([data-card-state=unknown]){color:var(--lottery-card-half-fg)!important;background:var(--lottery-card-half-bg)!important;border-color:var(--lottery-card-half-border)!important}
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card :is(h3,.countdown,.lottery-card-top>div>span){color:inherit!important}
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card :is(.countdown,.lottery-card-top>div>span){opacity:1!important}
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card .countdown{white-space:normal!important;overflow-wrap:anywhere;min-width:0;text-align:right}
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card .ex23-card-state{background:transparent!important;border:1px solid currentColor;color:inherit!important;font-size:10px;font-weight:600;opacity:1}
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card[data-card-state=closed] .ex23-card-state:before{content:'×';font-size:13px;margin-right:3px}
.ex23-half-label{font-size:10px;font-weight:600}
html[data-exlot-theme] .member-workspace .lottery-grid .lottery-card .ex23-half-label{color:inherit!important;opacity:1!important}
@media(max-width:1150px){html[data-exlot-theme] .ex20v-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-exlot-theme] .ex20v-kpi strong{font-size:24px}}
@media(max-width:800px){html[data-exlot-theme] .ex20v-columns{grid-template-columns:1fr}html[data-exlot-theme] .agent-content-wrap:has(#exlot20v-dashboard){padding:12px}html[data-exlot-theme] .ex20v-panel table{min-width:430px}html[data-exlot-theme] .ex20v-head h2{font-size:25px!important}}
@media(max-width:480px){html[data-exlot-theme] .ex20v-kpis{grid-template-columns:1fr}html[data-exlot-theme] .ex20v-kpi strong{font-size:27px}html[data-exlot-theme] .topbar-actions{gap:6px}html[data-exlot-theme] .ex23-theme-switch{min-height:44px;width:64px;flex-basis:64px}html[data-exlot-theme] .topbar .top-user{max-width:95px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.ex20v-dashboard *,.ex23-theme-switch{animation:none!important;transition:none!important}}