/* BUNHENG168 clean UI layer. Existing lottery/OCR logic is left untouched. */
:root{
  --ux-bg:#f5f6f8;
  --ux-card:#ffffff;
  --ux-text:#182230;
  --ux-muted:#667085;
  --ux-line:#e4e7ec;
  --ux-primary:#e85d04;
  --ux-primary-dark:#c84b00;
  --ux-soft:#fff6ed;
  --ux-green:#137a42;
  --ux-radius:18px;
  --ux-shadow:0 8px 24px rgba(16,24,40,.055);
}
html{scroll-behavior:smooth}
body.clean-ui-ready{
  margin:0;
  background:var(--ux-bg);
  color:var(--ux-text);
  font-family:"Kantumruy Pro","Noto Sans Khmer","Khmer OS Siemreap",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-weight:400;
  padding-bottom:84px;
}
body.clean-ui-ready *{box-sizing:border-box}
body.clean-ui-ready button,
body.clean-ui-ready input,
body.clean-ui-ready select,
body.clean-ui-ready textarea{font-family:inherit}
body.clean-ui-ready .app{max-width:1220px;margin:0 auto;padding:16px 16px 38px}

/* Header: keep useful status, remove visual noise. */
body.clean-ui-ready .fresh-hero{
  border:1px solid var(--ux-line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--ux-shadow);
  padding:16px 18px;
  gap:16px;
}
body.clean-ui-ready .fresh-logo-shell{width:60px;height:60px;min-width:60px;border-radius:16px}
body.clean-ui-ready .fresh-brand-copy h1{font-size:clamp(22px,3vw,30px);line-height:1.15;margin:0 0 3px;font-weight:700}
body.clean-ui-ready .fresh-eyebrow{display:none}
body.clean-ui-ready .fresh-brand-copy p{font-size:12px;color:var(--ux-muted);margin:0 0 8px;line-height:1.5}
body.clean-ui-ready .fresh-connection-row{gap:6px;flex-wrap:wrap}
body.clean-ui-ready .connection-chip,
body.clean-ui-ready .notification-center-btn{min-height:32px;border-radius:999px;padding:6px 9px;font-size:10px}
body.clean-ui-ready .fresh-live-overview{gap:8px}
body.clean-ui-ready .fresh-stat-card{min-height:60px;border-radius:15px;padding:10px 12px;box-shadow:none;border:1px solid var(--ux-line);background:#fff}
body.clean-ui-ready .fresh-stat-card small{font-size:9px;color:var(--ux-muted)}
body.clean-ui-ready .fresh-stat-card b{font-size:13px;font-weight:700}

/* Auto Result is a first-class feature, always visible. */
body.clean-ui-ready .ux-auto-feature{
  margin:12px 0 0;
  padding:14px 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  border:1px solid #fed7aa;
  border-radius:18px;
  background:linear-gradient(135deg,#fff 0%,#fff7ed 100%);
  box-shadow:var(--ux-shadow);
}
body.clean-ui-ready .ux-auto-copy{display:flex;align-items:center;gap:12px;min-width:0}
body.clean-ui-ready .ux-auto-icon{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:13px;background:#fff;border:1px solid #fed7aa;font-size:22px}
body.clean-ui-ready .ux-auto-copy span:last-child{display:grid;gap:1px;min-width:0}
body.clean-ui-ready .ux-auto-copy small{font-size:10px;color:var(--ux-primary);font-weight:700}
body.clean-ui-ready .ux-auto-copy b{font-size:17px;line-height:1.45;font-weight:700}
body.clean-ui-ready .ux-auto-copy em{font-style:normal;font-size:11px;color:var(--ux-muted);line-height:1.5}
body.clean-ui-ready .ux-auto-open{min-height:46px;border-radius:13px;padding:9px 14px;display:flex;align-items:center;gap:12px;background:var(--ux-primary);border:1px solid var(--ux-primary);color:#fff;font-weight:700;white-space:nowrap;box-shadow:none}
body.clean-ui-ready .ux-auto-open:hover{background:var(--ux-primary-dark);border-color:var(--ux-primary-dark)}
body.clean-ui-ready .ux-auto-open span:last-child{font-size:22px;font-weight:400}

/* Desktop quick tools: no collapse, no duplicated Auto Result / OCR. */
body.clean-ui-ready .pro-toolbar.ux-quick-tools{margin:10px 0 0;padding:0;border:0;background:transparent;box-shadow:none}
body.clean-ui-ready .ux-desktop-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.clean-ui-ready .ux-tool-btn{min-height:44px;border-radius:13px!important;padding:7px 10px!important;display:flex!important;justify-content:center;align-items:center;gap:7px;font-size:11px!important;font-weight:650!important;background:#fff!important;color:#344054!important;border:1px solid var(--ux-line)!important;box-shadow:none!important}
body.clean-ui-ready .ux-tool-btn:hover{border-color:#fdba74!important;background:#fffaf5!important}
body.clean-ui-ready .ux-quick-tools>.batch-queue,
body.clean-ui-ready .ux-quick-tools>.quality-notice{margin-top:8px}

/* Main workflow */
body.clean-ui-ready .toolbar{
  margin:12px 0;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  align-items:stretch;
}
body.clean-ui-ready .ux-step{
  border:1px solid var(--ux-line);
  background:var(--ux-card);
  border-radius:var(--ux-radius);
  box-shadow:var(--ux-shadow);
  padding:15px;
  min-width:0;
}
body.clean-ui-ready .ux-step-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
body.clean-ui-ready .ux-step-number{width:32px;height:32px;min-width:32px;border-radius:10px;display:grid;place-items:center;background:var(--ux-primary);color:#fff;font-weight:700;font-size:14px}
body.clean-ui-ready .ux-step-copy{min-width:0}
body.clean-ui-ready .ux-step-title{font-size:15px;font-weight:700;line-height:1.45}
body.clean-ui-ready .ux-step-subtitle{font-size:10px;color:var(--ux-muted);margin-top:1px;line-height:1.55}
body.clean-ui-ready .ux-date-row{display:grid;grid-template-columns:minmax(120px,.62fr) minmax(0,1.38fr);gap:9px;margin-bottom:10px}
body.clean-ui-ready .ux-field-wrap{display:grid;gap:5px;min-width:0}
body.clean-ui-ready .ux-field-wrap>span,
body.clean-ui-ready .date-control label{font-size:10px;font-weight:650;color:var(--ux-muted)}
body.clean-ui-ready #daySelect,
body.clean-ui-ready .date-control input{width:100%;height:40px;border:1px solid var(--ux-line);border-radius:11px;background:#fff;padding:0 10px;color:#344054}
body.clean-ui-ready .date-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;width:100%;margin:0}
body.clean-ui-ready .date-control label{grid-column:1/-1}
body.clean-ui-ready #todayCambodiaBtn{height:40px;border-radius:11px;padding:0 9px;white-space:nowrap;font-size:10px}
body.clean-ui-ready .ux-native-time-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
body.clean-ui-ready .ux-time-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:100%}
body.clean-ui-ready .ux-time-chip{appearance:none;border:1px solid var(--ux-line);background:#fff;color:#344054;border-radius:11px;min-height:40px;padding:6px 5px;font:inherit;font-weight:650;font-size:10px;cursor:pointer;transition:.15s ease}
body.clean-ui-ready .ux-time-chip:hover{border-color:#fdba74;background:#fffaf5}
body.clean-ui-ready .ux-time-chip.is-active{background:var(--ux-primary);border-color:var(--ux-primary);color:#fff}
body.clean-ui-ready .ux-upload-zone{border:1.5px dashed #fdba74;background:var(--ux-soft);border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
body.clean-ui-ready .ux-upload-help{grid-column:1/-1;text-align:center;color:var(--ux-muted);font-size:10px;margin-bottom:1px}
body.clean-ui-ready .upload-btn,
body.clean-ui-ready .paste-zone{margin:0!important;min-height:50px;border-radius:12px!important;display:flex!important;align-items:center;justify-content:center;text-align:center;font-weight:650;font-size:11px}
body.clean-ui-ready .paste-zone{background:#fff;border:1px solid var(--ux-line)!important}
body.clean-ui-ready .paste-shortcut{display:none}
body.clean-ui-ready .ux-upload-actions{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;margin-top:9px;align-items:center}
body.clean-ui-ready #scanBtn{min-height:46px;border-radius:12px;background:var(--ux-primary);border-color:var(--ux-primary);font-weight:700;font-size:12px;box-shadow:none}
body.clean-ui-ready #scanBtn:hover:not(:disabled){background:var(--ux-primary-dark);border-color:var(--ux-primary-dark)}
body.clean-ui-ready #scanBtn:disabled{opacity:.42}
body.clean-ui-ready #resetBtn{width:46px;height:46px;border-radius:12px;font-size:0;padding:0}
body.clean-ui-ready #resetBtn::before{content:"↺";font-size:20px}
body.clean-ui-ready #status{grid-column:1/-1;display:block;border-radius:10px;background:#f8fafc;color:#475467;padding:8px 10px;font-size:10px;font-weight:550;line-height:1.5}

/* Existing work/result logic stays in place; only appearance changes. */
body.clean-ui-ready .layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:12px;align-items:start}
body.clean-ui-ready .layout>.panel{border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:#fff;box-shadow:var(--ux-shadow);padding:15px;min-width:0}
body.clean-ui-ready .layout>.panel>h2,
body.clean-ui-ready .result-head h2{font-size:15px;margin:0;font-weight:700}
body.clean-ui-ready .layout>.panel:first-child>h2::before,
body.clean-ui-ready .result-head h2::before{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;margin-right:7px;color:#fff;background:var(--ux-primary);font-size:13px;vertical-align:middle}
body.clean-ui-ready .layout>.panel:first-child>h2::before{content:"៣"}
body.clean-ui-ready .result-head h2::before{content:"៤"}
body.clean-ui-ready .ux-editor-tools{margin:10px 0 8px;display:grid;gap:7px}
body.clean-ui-ready .ux-debug-btn{min-height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px}
body.clean-ui-ready .ux-editor-tools .debug-panel{margin:0;border-radius:12px}
body.clean-ui-ready .preview-box{border-radius:14px;border:1px dashed #d0d5dd;background:#f9fafb;min-height:220px}
body.clean-ui-ready .app-empty-state b{font-size:13px}
body.clean-ui-ready .app-empty-state small{color:var(--ux-muted);font-size:10px}
body.clean-ui-ready .abcdh-editor,
body.clean-ui-ready .night-fields,
body.clean-ui-ready #fields{border-radius:13px}
body.clean-ui-ready #updateBtn{min-height:44px;border-radius:12px;margin-top:9px;font-weight:700}
body.clean-ui-ready .result-head{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;position:sticky;top:6px;z-index:8;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--ux-line);margin:-5px -3px 10px;padding:7px 3px 9px}
body.clean-ui-ready .result-head button{border-radius:10px;min-height:37px;padding:6px 9px;white-space:nowrap;font-size:10px}
body.clean-ui-ready #shareResultBtn{background:var(--ux-primary);border-color:var(--ux-primary);color:#fff}
body.clean-ui-ready #nightHint{grid-column:1/-1;font-size:9px;color:var(--ux-muted)}

/* Modals */
body.clean-ui-ready .pro-modal-card{border-radius:20px!important;font-family:inherit}
body.clean-ui-ready .pro-modal-head{position:sticky;top:0;z-index:2;background:#fff;border-radius:20px 20px 0 0}
body.clean-ui-ready button{transition:transform .1s ease,background .15s ease,border-color .15s ease}
body.clean-ui-ready button:active{transform:translateY(1px)}
body.clean-ui-ready :focus-visible{outline:3px solid rgba(232,93,4,.22);outline-offset:2px}

/* Mobile navigation. These options are NOT repeated inside a hidden More menu. */
.ux-mobile-nav{display:none}
.ux-live-sheet{display:none}

@media (max-width:900px){
  body.clean-ui-ready .app{padding:9px 9px 24px}
  body.clean-ui-ready .fresh-hero{padding:12px;border-radius:17px;display:block}
  body.clean-ui-ready .fresh-logo-shell{width:52px;height:52px;min-width:52px;border-radius:14px}
  body.clean-ui-ready .fresh-brand-copy h1{font-size:21px}
  body.clean-ui-ready .fresh-brand-copy p{font-size:10px;margin-bottom:6px}
  body.clean-ui-ready .fresh-live-overview{display:grid;grid-template-columns:1fr 1fr;margin-top:9px}
  body.clean-ui-ready .fresh-clock-card{display:none}
  body.clean-ui-ready .fresh-stat-card{min-height:54px}
  body.clean-ui-ready .connection-chip:nth-of-type(2){display:none}
  body.clean-ui-ready .notification-center-btn span:nth-child(2){display:none}

  body.clean-ui-ready .ux-auto-feature{margin-top:9px;padding:11px 12px;grid-template-columns:1fr;gap:9px;border-radius:16px}
  body.clean-ui-ready .ux-auto-icon{width:40px;height:40px;min-width:40px;font-size:20px}
  body.clean-ui-ready .ux-auto-copy b{font-size:15px}
  body.clean-ui-ready .ux-auto-copy em{font-size:10px}
  body.clean-ui-ready .ux-auto-open{width:100%;justify-content:space-between;min-height:44px;font-size:11px}

  /* Bottom tabs replace duplicate quick-action buttons on mobile. */
  body.clean-ui-ready .ux-quick-tools .ux-desktop-actions{display:none}
  body.clean-ui-ready .pro-toolbar.ux-quick-tools{margin:0}
  body.clean-ui-ready .toolbar{grid-template-columns:1fr;gap:9px;margin:9px 0}
  body.clean-ui-ready .ux-step{padding:12px;border-radius:15px}
  body.clean-ui-ready .ux-step-head{margin-bottom:10px}
  body.clean-ui-ready .ux-date-row{grid-template-columns:1fr;gap:7px}
  body.clean-ui-ready .ux-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.clean-ui-ready .ux-time-chip{min-height:39px;font-size:10px}
  body.clean-ui-ready .date-control{grid-template-columns:minmax(0,1fr) auto}
  body.clean-ui-ready .ux-upload-zone{grid-template-columns:1fr 1fr;padding:10px}
  body.clean-ui-ready .upload-btn,
  body.clean-ui-ready .paste-zone{min-height:48px;font-size:10px}
  body.clean-ui-ready .layout{grid-template-columns:1fr;gap:9px}
  body.clean-ui-ready .layout>.panel{padding:12px;border-radius:15px}
  body.clean-ui-ready .preview-box{min-height:180px;max-height:340px}
  body.clean-ui-ready .result-head{top:4px;grid-template-columns:1fr auto}
  body.clean-ui-ready .result-head h2{grid-column:1/-1}

  .ux-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:7px;right:7px;bottom:max(7px,env(safe-area-inset-bottom));z-index:9000;background:rgba(255,255,255,.98);backdrop-filter:blur(14px);border:1px solid var(--ux-line);border-radius:16px;box-shadow:0 10px 28px rgba(16,24,40,.16);padding:5px}
  .ux-mobile-nav button{appearance:none;border:0;background:transparent;border-radius:11px;min-height:49px;padding:4px 1px;color:#475467;font:inherit;font-weight:650;display:grid;place-items:center;align-content:center;gap:1px}
  .ux-mobile-nav button>span{font-size:17px;line-height:1}
  .ux-mobile-nav button>small{font-size:8px;line-height:1.35;white-space:nowrap}
  .ux-mobile-nav button.is-primary{background:var(--ux-soft);color:var(--ux-primary)}
  body.ux-modal-open .ux-mobile-nav{display:none}

  .ux-live-sheet:not(.hidden){display:block;position:fixed;inset:0;z-index:12000}
  .ux-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(16,24,40,.38);width:100%;height:100%}
  .ux-live-sheet-card{position:absolute;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));background:#fff;border-radius:18px;padding:12px;box-shadow:0 16px 40px rgba(16,24,40,.22);display:grid;gap:7px}
  .ux-sheet-title{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 6px;font-size:13px}
  .ux-sheet-close{width:34px;height:34px;border-radius:10px;border:1px solid var(--ux-line);background:#fff}
  .ux-sheet-choice{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid var(--ux-line);background:#fff;border-radius:13px;padding:9px;color:#344054}
  .ux-sheet-choice>span:first-child{font-size:20px;text-align:center}
  .ux-sheet-choice>span:nth-child(2){display:grid;gap:1px}
  .ux-sheet-choice b{font-size:11px}
  .ux-sheet-choice small{font-size:9px;color:var(--ux-muted)}
  .ux-sheet-choice strong{font-size:20px;font-weight:400;color:var(--ux-muted)}
}

@media (max-width:420px){
  body.clean-ui-ready .fresh-connection-row{display:none}
  body.clean-ui-ready .ux-upload-zone{grid-template-columns:1fr}
  body.clean-ui-ready .ux-upload-help{grid-column:1}
}

/* =========================================================
   BUNHENG168 V3 MOBILE/UI STABILITY PATCH
   Loaded last on purpose: neutralizes legacy !important rules
   without touching lottery/OCR business logic.
   ========================================================= */
body.clean-ui-ready,
body.clean-ui-ready button,
body.clean-ui-ready input,
body.clean-ui-ready select,
body.clean-ui-ready textarea,
body.clean-ui-ready label,
body.clean-ui-ready .paste-zone,
body.clean-ui-ready .upload-btn,
body.clean-ui-ready .pro-modal-card,
body.clean-ui-ready .website-live-card,
body.clean-ui-ready .khmer-live-card{
  font-family:"Kantumruy Pro","Noto Sans Khmer",system-ui,-apple-system,"Segoe UI",sans-serif!important;
}

/* Main actions: predictable, non-glitching sizing */
body.clean-ui-ready .toolbar{
  position:static!important;
  overflow:visible!important;
  min-height:0!important;
  max-height:none!important;
}
body.clean-ui-ready .ux-step{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
body.clean-ui-ready .ux-step *{min-width:0}

/* Step 2: upload / paste / scan */
body.clean-ui-ready .ux-step-upload{
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
}
body.clean-ui-ready .ux-upload-zone{
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  padding:12px!important;
  border:1.5px dashed #f5a66d!important;
  background:#fffaf5!important;
}
body.clean-ui-ready .ux-upload-zone .upload-btn,
body.clean-ui-ready .ux-upload-zone .paste-zone{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:50px!important;
  height:auto!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  box-shadow:none!important;
  transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.45!important;
  font-size:12px!important;
}
body.clean-ui-ready .ux-upload-zone .upload-btn{
  background:#fff!important;
  color:#9a451f!important;
  border:1px solid #ead7cc!important;
}
body.clean-ui-ready .ux-upload-zone .paste-zone{
  background:#fff!important;
  color:#9a451f!important;
  border:1px solid #ead7cc!important;
}
body.clean-ui-ready .ux-upload-zone .upload-btn:hover,
body.clean-ui-ready .ux-upload-zone .paste-zone:hover,
body.clean-ui-ready .ux-upload-zone .paste-zone:focus{
  background:#fff7ed!important;
  border-color:#f5a66d!important;
  box-shadow:none!important;
}
body.clean-ui-ready .ux-upload-actions{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  gap:8px!important;
  margin-top:8px!important;
}
body.clean-ui-ready #scanBtn{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  height:auto!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:#e85d04!important;
  border:1px solid #e85d04!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.4!important;
  white-space:normal!important;
}
body.clean-ui-ready #scanBtn:disabled{
  background:#f2a477!important;
  border-color:#f2a477!important;
  color:#fff!important;
  opacity:.58!important;
}
body.clean-ui-ready #resetBtn{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #e4e7ec!important;
  color:#667085!important;
  box-shadow:none!important;
}
body.clean-ui-ready #status{
  width:100%!important;
  min-height:36px!important;
  height:auto!important;
  padding:8px 10px!important;
  margin:0!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  border:1px solid #edf0f4!important;
  color:#667085!important;
  font-size:11px!important;
  line-height:1.5!important;
  overflow-wrap:anywhere!important;
}

/* Bottom navigation is the single mobile entry point for these tools. */
@media(max-width:900px){
  body.clean-ui-ready .ux-desktop-actions{display:none!important}
  body.clean-ui-ready .pro-toolbar.ux-quick-tools{display:block!important;margin:0!important;padding:0!important;min-height:0!important}
  body.clean-ui-ready .pro-toolbar.ux-quick-tools>.batch-queue:not(.hidden),
  body.clean-ui-ready .pro-toolbar.ux-quick-tools>.quality-notice:not(.hidden){display:block!important}

  body.clean-ui-ready .toolbar{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    gap:10px!important;
    padding:0!important;
    margin:10px 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.clean-ui-ready .toolbar>.ux-step{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    padding:13px!important;
    border-radius:16px!important;
  }
  body.clean-ui-ready .ux-upload-zone{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  body.clean-ui-ready .ux-upload-help{grid-column:1/-1!important}
  body.clean-ui-ready .ux-upload-actions{grid-template-columns:minmax(0,1fr) 44px!important}

  /* Every key tool opens as a stable full-height mobile sheet. */
  body.clean-ui-ready #autoResultModal,
  body.clean-ui-ready #winningCalculatorModal,
  body.clean-ui-ready #betTotalModal{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0!important;
    background:rgba(15,23,42,.55)!important;
  }
  body.clean-ui-ready #autoResultModal>.pro-modal-card,
  body.clean-ui-ready #winningCalculatorModal>.pro-modal-card,
  body.clean-ui-ready #betTotalModal>.pro-modal-card{
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0 12px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    box-shadow:none!important;
  }
  body.clean-ui-ready #autoResultModal .pro-modal-head,
  body.clean-ui-ready #winningCalculatorModal .pro-modal-head,
  body.clean-ui-ready #betTotalModal .pro-modal-head{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    min-height:58px!important;
    margin:0 -12px 10px!important;
    padding:10px 12px!important;
    border-radius:0!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #e4e7ec!important;
    backdrop-filter:blur(12px)!important;
  }
  body.clean-ui-ready #autoResultModal .pro-modal-head h3,
  body.clean-ui-ready #winningCalculatorModal .pro-modal-head h3,
  body.clean-ui-ready #betTotalModal .pro-modal-head h3{
    margin:0!important;
    font-size:15px!important;
    line-height:1.45!important;
  }
  body.clean-ui-ready #autoResultModal .pro-modal-head button,
  body.clean-ui-ready #winningCalculatorModal .pro-modal-head button,
  body.clean-ui-ready #betTotalModal .pro-modal-head button{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border-radius:11px!important;
  }

  /* Auto result: one action per row, API settings stay compact and secondary. */
  body.clean-ui-ready #autoResultModal .auto-result-top{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.clean-ui-ready #autoResultModal .auto-result-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.clean-ui-ready #autoResultModal .auto-result-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
  body.clean-ui-ready #autoResultModal .auto-result-actions button{width:100%!important;min-height:44px!important;white-space:normal!important}
  body.clean-ui-ready #autoResultModal .auto-api-box{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body.clean-ui-ready #autoResultModal .auto-api-box input,
  body.clean-ui-ready #autoResultModal .auto-api-box button{width:100%!important;max-width:100%!important;min-height:42px!important}
  body.clean-ui-ready #autoResultModal .auto-result-scroll{width:100%!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}

  /* Winning calculator */
  body.clean-ui-ready #winningCalculatorModal .winning-checker-controls{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.clean-ui-ready #winningCalculatorModal .winning-checker-controls>*{width:100%!important;min-width:0!important}
  body.clean-ui-ready #winningCalculatorModal .winning-checker-workspace{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.clean-ui-ready #winningCalculatorModal .winning-image-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.clean-ui-ready #winningCalculatorModal .winning-image-actions>*{width:100%!important;min-width:0!important;white-space:normal!important}
  body.clean-ui-ready #winningCalculatorModal .winning-calculator-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.clean-ui-ready #winningCalculatorModal .winning-reset{grid-column:1/-1!important}
  body.clean-ui-ready #winningCalculatorModal .winning-row-labels{display:none!important}
  body.clean-ui-ready #winningCalculatorModal .winning-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.clean-ui-ready #winningCalculatorModal .winning-summary-main{grid-column:1/-1!important}

  /* Bet calculator */
  body.clean-ui-ready #betTotalModal .bet-total-time-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.clean-ui-ready #betTotalModal .bet-total-workspace{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.clean-ui-ready #betTotalModal .bet-total-actions,
  body.clean-ui-ready #betTotalModal .bet-total-image-actions,
  body.clean-ui-ready #betTotalModal .bet-receipt-save-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.clean-ui-ready #betTotalModal .bet-total-actions>*:first-child{grid-column:1/-1!important}
  body.clean-ui-ready #betTotalModal .bet-receipt-save-row label{grid-column:1/-1!important}
  body.clean-ui-ready #betTotalModal .bet-total-actions>*,
  body.clean-ui-ready #betTotalModal .bet-total-image-actions>*,
  body.clean-ui-ready #betTotalModal .bet-receipt-save-row>*{width:100%!important;min-width:0!important;white-space:normal!important}
  body.clean-ui-ready #betTotalModal .bet-total-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.clean-ui-ready #betTotalModal .bet-total-grand{grid-column:1/-1!important}

  /* Vietnam + Khmer live: true mobile fullscreen, no nested clipping. */
  body.clean-ui-ready #websiteLiveModal,
  body.clean-ui-ready #khmerLiveModal{padding:0!important;align-items:stretch!important;justify-content:stretch!important}
  body.clean-ui-ready #websiteLiveModal .website-live-card,
  body.clean-ui-ready #khmerLiveModal .khmer-live-card{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  body.clean-ui-ready #websiteLiveModal .website-live-head,
  body.clean-ui-ready #khmerLiveModal .khmer-live-head{
    position:sticky!important;top:0!important;z-index:30!important;min-width:0!important;
  }
  body.clean-ui-ready #websiteLiveModal .website-live-head>*,
  body.clean-ui-ready #khmerLiveModal .khmer-live-head>*{min-width:0!important}
  body.clean-ui-ready #websiteLiveModal .website-live-head h3,
  body.clean-ui-ready #khmerLiveModal .khmer-live-head h3{font-size:14px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
  body.clean-ui-ready #websiteLiveModal .website-live-frame-wrap,
  body.clean-ui-ready #khmerLiveModal .khmer-live-body{min-height:0!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
}

@media(max-width:430px){
  body.clean-ui-ready .ux-step-title{font-size:14px!important}
  body.clean-ui-ready .ux-step-subtitle{font-size:11px!important}
  body.clean-ui-ready .ux-upload-zone{grid-template-columns:1fr!important}
  body.clean-ui-ready .ux-upload-help{grid-column:1!important;text-align:left!important}
  body.clean-ui-ready .ux-upload-zone .upload-btn,
  body.clean-ui-ready .ux-upload-zone .paste-zone{min-height:48px!important;font-size:12px!important}
  body.clean-ui-ready .ux-upload-actions{grid-template-columns:minmax(0,1fr) 44px!important}
  body.clean-ui-ready .ux-mobile-nav{left:6px!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important}
  body.clean-ui-ready .ux-mobile-nav button{min-height:50px!important}
  body.clean-ui-ready .ux-mobile-nav button small{font-size:9px!important}
}

/* =========================================================
   V4 — simple stable Step 1 + Step 2
   ========================================================= */

/* The bottom navigation / featured Auto Result are the entry points.
   Do not duplicate tool shortcut buttons above the form. */
body.clean-ui-ready .ux-quick-tools .ux-desktop-actions{
  display:none!important;
}
body.clean-ui-ready .pro-toolbar.ux-quick-tools{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:0!important;
}
body.clean-ui-ready .pro-toolbar.ux-quick-tools:has(.batch-queue.hidden):has(.quality-notice.hidden){
  display:none!important;
}

/* Step 1: no floating native selects. */
body.clean-ui-ready .ux-native-day-select,
body.clean-ui-ready .ux-native-time-select{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
}
body.clean-ui-ready .ux-step-time{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
body.clean-ui-ready .ux-step-time .ux-step-head{margin-bottom:0!important}
body.clean-ui-ready .ux-choice-block{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
}
body.clean-ui-ready .ux-choice-label,
body.clean-ui-ready .date-control>label{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.45!important;
}
body.clean-ui-ready .ux-day-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
}
body.clean-ui-ready .ux-day-chip,
body.clean-ui-ready .ux-time-chip{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:auto!important;
  margin:0!important;
  padding:8px 6px!important;
  border:1px solid #dfe3ea!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:none!important;
  transform:none!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1.45!important;
  text-align:center!important;
  white-space:normal!important;
}
body.clean-ui-ready .ux-day-chip:hover,
body.clean-ui-ready .ux-time-chip:hover{
  background:#fff8f1!important;
  border-color:#f5a66d!important;
}
body.clean-ui-ready .ux-day-chip.is-active,
body.clean-ui-ready .ux-time-chip.is-active{
  background:#e85d04!important;
  border-color:#e85d04!important;
  color:#fff!important;
}
body.clean-ui-ready .ux-date-block{margin:0!important}
body.clean-ui-ready .date-control{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  align-items:end!important;
  width:100%!important;
  margin:0!important;
}
body.clean-ui-ready .date-control>label{grid-column:1/-1!important}
body.clean-ui-ready #manualDateInput,
body.clean-ui-ready #todayCambodiaBtn{
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.clean-ui-ready #manualDateInput{
  width:100%!important;
  border:1px solid #dfe3ea!important;
  background:#fff!important;
  padding:0 12px!important;
}
body.clean-ui-ready #todayCambodiaBtn{
  width:auto!important;
  min-width:118px!important;
  padding:0 12px!important;
  border:1px solid #dfe3ea!important;
  background:#fff!important;
  color:#344054!important;
  white-space:nowrap!important;
  font-size:11px!important;
}
body.clean-ui-ready .ux-time-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
}

/* Step 2: upload controls, actions and status are three clean rows. */
body.clean-ui-ready .ux-step-upload{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
body.clean-ui-ready .ux-step-upload .ux-step-head{margin-bottom:0!important}
body.clean-ui-ready .ux-upload-zone{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  padding:11px!important;
  border:1px solid #ead7cc!important;
  border-radius:14px!important;
  background:#fffaf7!important;
}
body.clean-ui-ready .ux-upload-help{
  grid-column:1/-1!important;
  margin:0!important;
  padding:0 2px 2px!important;
  text-align:left!important;
  color:#667085!important;
  font-size:11px!important;
  line-height:1.45!important;
}
body.clean-ui-ready .ux-upload-zone .upload-btn,
body.clean-ui-ready .ux-upload-zone .paste-zone{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  height:auto!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid #e4e7ec!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#7a3d20!important;
  box-shadow:none!important;
  transform:none!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.45!important;
}
body.clean-ui-ready .ux-upload-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  align-items:stretch!important;
}
body.clean-ui-ready #scanBtn{
  min-height:44px!important;
  height:44px!important;
  margin:0!important;
}
body.clean-ui-ready #resetBtn{
  width:auto!important;
  min-width:76px!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 12px!important;
  font-size:11px!important;
}
body.clean-ui-ready #status{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:9px 11px!important;
  border:1px solid #e9edf3!important;
  border-radius:11px!important;
  background:#f8fafc!important;
  color:#667085!important;
  font-size:11px!important;
  line-height:1.45!important;
}

@media(max-width:760px){
  body.clean-ui-ready .ux-day-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.clean-ui-ready .ux-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.clean-ui-ready .date-control{grid-template-columns:minmax(0,1fr)!important}
  body.clean-ui-ready .date-control>label{grid-column:1!important}
  body.clean-ui-ready #todayCambodiaBtn{width:100%!important;min-width:0!important}
  body.clean-ui-ready .ux-upload-zone{grid-template-columns:1fr!important}
  body.clean-ui-ready .ux-upload-help{grid-column:1!important}
}

@media(max-width:420px){
  body.clean-ui-ready .ux-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.clean-ui-ready .ux-upload-actions{grid-template-columns:minmax(0,1fr) auto!important}
  body.clean-ui-ready #resetBtn{min-width:68px!important;padding:0 9px!important}
}


/* =========================================================
   V5 — duplicate top tool bar removed from visual layout
   Keep the buttons in DOM as command targets for bottom tabs.
   ========================================================= */
body #proToolbar > .pro-actions,
body.clean-ui-ready #proToolbar > .pro-actions,
body.clean-ui-ready #proToolbar .ux-desktop-actions{
  display:none!important;
  visibility:hidden!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
body #proToolbar,
body.clean-ui-ready #proToolbar,
body.clean-ui-ready .pro-toolbar.ux-quick-tools{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:0!important;
}
/* If no queue/notice is active, the host must consume zero visual space. */
body #proToolbar:has(> .batch-queue.hidden):has(> .quality-notice.hidden){
  height:0!important;
  overflow:visible!important;
}
\n\n/* =========================================================\n   V7 — Step 2 action row stability fix\n   Keep scan/reset together; status is its own full-width row.\n   ========================================================= */\nbody.clean-ui-ready .ux-step-upload .ux-upload-actions{\n  display:grid!important;\n  grid-template-columns:minmax(0,1fr) 104px!important;\n  gap:10px!important;\n  width:100%!important;\n  align-items:stretch!important;\n  margin:0!important;\n}\nbody.clean-ui-ready .ux-step-upload #scanBtn,\nbody.clean-ui-ready .ux-step-upload #resetBtn{\n  position:relative!important;\n  inset:auto!important;\n  transform:none!important;\n  margin:0!important;\n  min-height:46px!important;\n  height:46px!important;\n  border-radius:12px!important;\n  white-space:nowrap!important;\n  overflow:hidden!important;\n  text-overflow:ellipsis!important;\n  line-height:1.2!important;\n}\nbody.clean-ui-ready .ux-step-upload #scanBtn{\n  width:100%!important;\n  min-width:0!important;\n  padding:0 14px!important;\n  font-size:12px!important;\n}\nbody.clean-ui-ready .ux-step-upload #resetBtn{\n  width:104px!important;\n  min-width:104px!important;\n  max-width:104px!important;\n  padding:0 10px!important;\n  font-size:12px!important;\n  background:#fff!important;\n  color:#667085!important;\n  border:1px solid #dfe3ea!important;\n  box-shadow:none!important;\n}\nbody.clean-ui-ready .ux-step-upload #resetBtn::before,\nbody.clean-ui-ready .ux-step-upload #resetBtn::after{\n  content:none!important;\n  display:none!important;\n}\nbody.clean-ui-ready .ux-step-upload #status{\n  display:flex!important;\n  grid-column:auto!important;\n  width:100%!important;\n  min-width:0!important;\n  min-height:40px!important;\n  margin:0!important;\n  padding:9px 12px!important;\n  border:1px solid #e9edf3!important;\n  border-radius:11px!important;\n  background:#f8fafc!important;\n  color:#667085!important;\n  align-items:center!important;\n  overflow-wrap:anywhere!important;\n}\n@media(max-width:460px){\n  body.clean-ui-ready .ux-step-upload .ux-upload-actions{\n    grid-template-columns:minmax(0,1fr) 88px!important;\n    gap:8px!important;\n  }\n  body.clean-ui-ready .ux-step-upload #resetBtn{\n    width:88px!important;\n    min-width:88px!important;\n    max-width:88px!important;\n    padding:0 7px!important;\n    font-size:11px!important;\n  }\n}\n@media(max-width:340px){\n  body.clean-ui-ready .ux-step-upload .ux-upload-actions{grid-template-columns:1fr!important}\n  body.clean-ui-ready .ux-step-upload #resetBtn{width:100%!important;min-width:0!important;max-width:none!important}\n}\n

/* =========================================================
   V9 — Step 2 scan/reset glitch fix
   Keep both actions as independent full-width rows.
   ========================================================= */
body.clean-ui-ready .ux-step-upload .ux-upload-actions{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
  overflow:visible!important;
}

body.clean-ui-ready .ux-step-upload .ux-upload-actions > #scanBtn,
body.clean-ui-ready .ux-step-upload .ux-upload-actions > #resetBtn{
  display:flex!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  clear:both!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:12px!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  grid-area:auto!important;
  grid-column:auto!important;
}

body.clean-ui-ready .ux-step-upload .ux-upload-actions > #scanBtn{
  order:1!important;
  background:linear-gradient(135deg,#ff7c48,#ef4855)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 7px 16px rgba(239,72,85,.14)!important;
}

body.clean-ui-ready .ux-step-upload .ux-upload-actions > #scanBtn:disabled{
  opacity:.62!important;
  color:#fff!important;
  cursor:not-allowed!important;
}

body.clean-ui-ready .ux-step-upload .ux-upload-actions > #resetBtn{
  order:2!important;
  background:#fff!important;
  color:#667085!important;
  border:1px solid #dfe3ea!important;
  box-shadow:none!important;
}

body.clean-ui-ready .ux-step-upload .ux-upload-actions > #resetBtn::before,
body.clean-ui-ready .ux-step-upload .ux-upload-actions > #resetBtn::after{
  content:none!important;
  display:none!important;
}

body.clean-ui-ready .ux-step-upload > #status{
  display:flex!important;
  position:static!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 12px!important;
  box-sizing:border-box!important;
  border:1px solid #e9edf3!important;
  border-radius:11px!important;
  background:#f8fafc!important;
  color:#667085!important;
  align-items:center!important;
  overflow-wrap:anywhere!important;
  grid-area:auto!important;
  grid-column:auto!important;
}

@media(max-width:520px){
  body.clean-ui-ready .ux-step-upload .ux-upload-actions{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  body.clean-ui-ready .ux-step-upload .ux-upload-actions > #scanBtn,
  body.clean-ui-ready .ux-step-upload .ux-upload-actions > #resetBtn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    font-size:12px!important;
    padding:0 12px!important;
  }
}


/* =========================================================
   V10 — Khmer LIVE clean UI + Copy JPG
   ========================================================= */
body.clean-ui-ready #khmerLiveModal .khmer-live-card{
  width:min(980px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:22px!important;
}

body.clean-ui-ready #khmerLiveModal .khmer-live-head{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  padding:14px 16px!important;
  gap:12px!important;
}

body.clean-ui-ready #khmerLiveModal .khmer-live-head h3{
  margin:0!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:16px!important;
  line-height:1.45!important;
  color:#2d3345!important;
}

body.clean-ui-ready #khmerLiveModal .khmer-live-head small{
  margin-top:3px!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:10px!important;
  color:#8a91a2!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-badge{
  margin-left:5px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  font-size:8px!important;
  vertical-align:2px!important;
}

body.clean-ui-ready #khmerLiveModal .khmer-live-head-actions{
  flex:0 0 auto!important;
  gap:6px!important;
}

body.clean-ui-ready #khmerLiveModal #khmerLiveTopRefresh{
  min-height:38px!important;
  height:38px!important;
  padding:0 12px!important;
  font-size:10px!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  white-space:nowrap!important;
}

body.clean-ui-ready #khmerLiveModal #closeKhmerLiveBtn{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  padding:0!important;
}

body.clean-ui-ready #khmerLiveModal .khmer-live-status{
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:8px 16px!important;
  border-bottom:1px solid #eef0f4!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}

body.clean-ui-ready #khmerLiveModal .khmer-live-pulsebar{
  flex:0 0 auto!important;
  min-height:34px!important;
  padding:7px 16px!important;
  gap:10px!important;
  background:#fafbfc!important;
  border-bottom:1px solid #eef0f4!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:9px!important;
}

body.clean-ui-ready #khmerLiveModal .khmer-live-pulsebar b{
  margin-left:auto!important;
  color:#d75a43!important;
  font-size:9px!important;
}

body.clean-ui-ready #khmerLiveModal #khmerWorkerState{
  display:none!important;
}

body.clean-ui-ready #khmerLiveModal .khmer-live-body{
  min-height:0!important;
  flex:1 1 auto!important;
  overflow:auto!important;
  padding:14px!important;
  background:#f8f9fb!important;
  -webkit-overflow-scrolling:touch!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-v10{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}

body.clean-ui-ready #khmerLiveModal .kh-time-picker-card{
  display:grid!important;
  gap:9px!important;
  padding:11px!important;
  background:#fff!important;
  border:1px solid #e8ebf0!important;
  border-radius:15px!important;
  box-shadow:0 3px 12px rgba(31,36,58,.035)!important;
}

body.clean-ui-ready #khmerLiveModal .kh-time-picker-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  font-family:"Kantumruy Pro",sans-serif!important;
}

body.clean-ui-ready #khmerLiveModal .kh-time-picker-head span{
  color:#6d7485!important;
  font-size:9px!important;
  font-weight:700!important;
}

body.clean-ui-ready #khmerLiveModal .kh-time-picker-head b{
  color:#d4513c!important;
  font-size:11px!important;
}

body.clean-ui-ready #khmerLiveModal .kh-time-chip-row{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  padding:1px 1px 4px!important;
  scrollbar-width:thin!important;
  -webkit-overflow-scrolling:touch!important;
}

body.clean-ui-ready #khmerLiveModal .kh-time-chip{
  flex:0 0 auto!important;
  min-width:92px!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 11px!important;
  border:1px solid #e1e5eb!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#5f6676!important;
  box-shadow:none!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:9.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

body.clean-ui-ready #khmerLiveModal .kh-time-chip.is-active{
  background:linear-gradient(135deg,#ff7a48,#ef4855)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 6px 14px rgba(239,72,85,.16)!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-main-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 290px!important;
  gap:12px!important;
  align-items:start!important;
}

body.clean-ui-ready #khmerLiveModal .kh-separate-preview{
  min-width:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:center!important;
}

body.clean-ui-ready #khmerLiveModal .kh-result-card{
  width:min(520px,100%)!important;
  border:2px solid #20242c!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(31,36,58,.10)!important;
}

body.clean-ui-ready #khmerLiveModal .kh-result-title{
  padding:12px 8px!important;
  border-bottom:1.5px solid #20242c!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:800!important;
}

body.clean-ui-ready #khmerLiveModal .kh-result-date{
  grid-template-columns:105px 1fr!important;
  min-height:56px!important;
  border-bottom:1.5px solid #20242c!important;
}

body.clean-ui-ready #khmerLiveModal .kh-result-date span{
  padding:0 10px!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.4!important;
}

body.clean-ui-ready #khmerLiveModal .kh-result-date b{
  font-family:Arial,sans-serif!important;
  font-size:22px!important;
}

body.clean-ui-ready #khmerLiveModal .kh-result-card th,
body.clean-ui-ready #khmerLiveModal .kh-result-card td{
  height:70px!important;
  border-bottom:1.5px solid #20242c!important;
}

body.clean-ui-ready #khmerLiveModal .kh-result-card th{
  width:88px!important;
  border-right:1.5px dashed #4a4f58!important;
  font-family:Arial,sans-serif!important;
  font-size:42px!important;
}

body.clean-ui-ready #khmerLiveModal .kh-result-card td{
  font-family:Arial,sans-serif!important;
  font-size:48px!important;
  font-weight:500!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-action-card{
  display:grid!important;
  gap:9px!important;
  min-width:0!important;
  padding:11px!important;
  background:#fff!important;
  border:1px solid #e8ebf0!important;
  border-radius:15px!important;
  box-shadow:0 3px 12px rgba(31,36,58,.035)!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-source-compact{
  display:grid!important;
  gap:5px!important;
  padding:9px 10px!important;
  border-radius:11px!important;
  background:#f7f9fb!important;
  font-family:"Kantumruy Pro",sans-serif!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-source-compact > span{
  color:#858c9d!important;
  font-size:8.5px!important;
  font-weight:700!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-source-compact > b{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  color:#3b4252!important;
  font-size:9.5px!important;
  overflow-wrap:anywhere!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-source-compact i{
  flex:0 0 auto!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#eaf9f2!important;
  color:#0b865e!important;
  font-style:normal!important;
  font-size:7.5px!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-action-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}

body.clean-ui-ready #khmerLiveModal .kh-live-action-grid button,
body.clean-ui-ready #khmerLiveModal .kh-history-wide{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:11px!important;
  box-shadow:none!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:nowrap!important;
}

body.clean-ui-ready #khmerLiveModal .kh-copy-jpg{
  background:linear-gradient(135deg,#ff7a48,#ef4855)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 7px 15px rgba(239,72,85,.16)!important;
}

body.clean-ui-ready #khmerLiveModal .kh-green{
  background:#ecfaf4!important;
  color:#0a7c58!important;
  border:1px solid #c9f0df!important;
}

body.clean-ui-ready #khmerLiveModal .kh-share-btn{
  background:#eef5ff!important;
  color:#2868c8!important;
  border:1px solid #cee0ff!important;
}

body.clean-ui-ready #khmerLiveModal .kh-history-wide{
  background:#fff7ed!important;
  color:#a95b22!important;
  border:1px solid #f8ddc3!important;
}

body.clean-ui-ready #khmerLiveModal .kh-history-panel{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  border-radius:15px!important;
  padding:11px!important;
}

@media(max-width:720px){
  body.clean-ui-ready #khmerLiveModal{
    padding:0!important;
  }

  body.clean-ui-ready #khmerLiveModal .khmer-live-card{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
  }

  body.clean-ui-ready #khmerLiveModal .khmer-live-head{
    padding:10px 11px!important;
    border-radius:0!important;
  }

  body.clean-ui-ready #khmerLiveModal .khmer-live-head h3{
    font-size:13px!important;
  }

  body.clean-ui-ready #khmerLiveModal .khmer-live-head small{
    font-size:8.5px!important;
  }

  body.clean-ui-ready #khmerLiveModal #khmerLiveTopRefresh{
    min-height:34px!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:8.5px!important;
  }

  body.clean-ui-ready #khmerLiveModal #closeKhmerLiveBtn{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
  }

  body.clean-ui-ready #khmerLiveModal .khmer-live-status{
    padding:7px 11px!important;
    font-size:8.5px!important;
  }

  body.clean-ui-ready #khmerLiveModal .khmer-live-pulsebar{
    padding:6px 11px!important;
  }

  body.clean-ui-ready #khmerLiveModal .khmer-live-body{
    padding:9px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-live-main-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-time-picker-card{
    padding:9px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-time-chip-row{
    margin-right:-9px!important;
    padding-right:9px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-time-chip{
    min-width:86px!important;
    height:36px!important;
    min-height:36px!important;
    font-size:9px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-result-card{
    width:100%!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-result-title{
    padding:9px 6px!important;
    font-size:13px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-result-date{
    grid-template-columns:82px 1fr!important;
    min-height:46px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-result-date span{
    font-size:10px!important;
    padding:0 7px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-result-date b{
    font-size:18px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-result-card th,
  body.clean-ui-ready #khmerLiveModal .kh-result-card td{
    height:56px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-result-card th{
    width:68px!important;
    font-size:34px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-result-card td{
    font-size:38px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-live-action-card{
    padding:9px!important;
  }

  body.clean-ui-ready #khmerLiveModal .kh-live-action-grid button,
  body.clean-ui-ready #khmerLiveModal .kh-history-wide{
    min-height:42px!important;
    height:42px!important;
    font-size:8.5px!important;
  }
}

@media(max-width:360px){
  body.clean-ui-ready #khmerLiveModal .kh-live-action-grid{
    grid-template-columns:1fr!important;
  }
  body.clean-ui-ready #khmerLiveModal .kh-live-action-grid button{
    min-height:40px!important;
    height:40px!important;
  }
}


/* =========================================================
   V11 — Vietnam LIVE clean UI + modern reminder card
   Latest Bunheng.zip base.  Keep original iframe logic intact.
   ========================================================= */
body.clean-ui-ready #websiteLiveModal .website-live-card{
  width:min(1160px,calc(100vw - 24px))!important;
  height:min(94dvh,920px)!important;
  border-radius:20px!important;
  border:1px solid #e6e9ef!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(31,36,58,.20)!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-head{
  position:relative!important;
  top:auto!important;
  z-index:20!important;
  flex:0 0 auto!important;
  min-height:58px!important;
  padding:10px 12px 10px 14px!important;
  border-bottom:1px solid #eceef2!important;
  background:#fff!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-head h3{
  margin:0!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.4!important;
  color:#262d3d!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-head small{
  display:block!important;
  margin-top:2px!important;
  max-width:none!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:9px!important;
  font-weight:600!important;
  color:#8a91a2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.clean-ui-ready #websiteLiveModal .live-pulse-dot{
  width:9px!important;height:9px!important;flex:0 0 9px!important;
  background:#ef3f55!important;box-shadow:none!important;animation:none!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-head-actions{gap:6px!important}
body.clean-ui-ready #websiteLiveModal #reloadWebsiteLiveBtn{
  min-height:36px!important;height:36px!important;
  padding:0 11px!important;
  border-radius:10px!important;
  border:1px solid #dfe4eb!important;
  background:#fff!important;color:#596174!important;
  box-shadow:none!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:9.5px!important;font-weight:700!important;white-space:nowrap!important;
}
body.clean-ui-ready #websiteLiveModal #closeWebsiteLiveBtn{
  width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;
  padding:0!important;border-radius:10px!important;border:1px solid #dfe4eb!important;
  background:#fff!important;color:#667085!important;box-shadow:none!important;
}

/* Compact source selector: cards on desktop, horizontal swipe on phones. */
body.clean-ui-ready #websiteLiveModal .website-live-tabs{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  padding:8px 10px!important;
  overflow:visible!important;
  border-bottom:1px solid #eceef2!important;
  background:#f8f9fb!important;
  scrollbar-width:none!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-tabs::-webkit-scrollbar{display:none!important}
body.clean-ui-ready #websiteLiveModal .website-live-tabs button{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;min-width:0!important;
  min-height:48px!important;height:48px!important;
  margin:0!important;padding:6px 10px!important;
  border:1px solid #e0e4ea!important;border-radius:11px!important;
  background:#fff!important;color:#40485a!important;box-shadow:none!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-tabs button>span{
  display:block!important;max-width:100%!important;
  font-size:10px!important;font-weight:800!important;line-height:1.25!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-tabs button>small{
  display:block!important;margin-top:3px!important;max-width:100%!important;
  font-family:Arial,sans-serif!important;font-size:7px!important;font-weight:700!important;
  line-height:1.1!important;color:#8b93a4!important;opacity:1!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-tabs button.active{
  border-color:#ff9e7f!important;
  background:#fff5f1!important;color:#ce4a35!important;
  box-shadow:inset 0 0 0 1px rgba(255,126,82,.08)!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-tabs button.active::after{
  content:"✓"!important;
  position:absolute!important;top:6px!important;right:7px!important;
  display:grid!important;place-items:center!important;
  width:16px!important;height:16px!important;border-radius:999px!important;
  background:#ff7650!important;color:#fff!important;
  font-family:Arial,sans-serif!important;font-size:10px!important;font-weight:900!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-tabs button.reminder-next:not(.active){
  outline:none!important;border-color:#f3c67e!important;background:#fffaf0!important;animation:none!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-tabs button.reminder-live{
  outline:none!important;border-color:#f59aa6!important;background:#fff1f3!important;color:#c9283d!important;animation:none!important;
}

/* New reminder card: hierarchy instead of one long sentence. */
body.clean-ui-ready #websiteLiveModal .website-live-reminder{
  position:relative!important;
  display:grid!important;
  gap:7px!important;
  min-height:0!important;
  margin:8px 10px!important;
  padding:10px 11px!important;
  overflow:visible!important;
  white-space:normal!important;
  text-align:left!important;
  color:#384052!important;
  background:#fff!important;
  border:1px solid #e4e8ee!important;
  border-radius:13px!important;
  box-shadow:0 4px 14px rgba(31,36,58,.045)!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  letter-spacing:0!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-reminder::before,
body.clean-ui-ready #websiteLiveModal .website-live-reminder::after{
  content:none!important;display:none!important;animation:none!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-top{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-title{
  display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;
  color:#384052!important;font-size:10px!important;font-weight:700!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-title b{font-size:11px!important;color:#303748!important}
body.clean-ui-ready #websiteLiveModal .live-reminder-countdown{
  flex:0 0 auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:28px!important;padding:0 9px!important;border-radius:999px!important;
  background:#eef5ff!important;color:#315f9f!important;border:1px solid #d7e7ff!important;
  font-family:Arial,"Kantumruy Pro",sans-serif!important;font-size:10px!important;font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-countdown.is-soon{
  background:#fff6df!important;color:#a56400!important;border-color:#f1d79c!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-countdown.is-close{
  background:#fff0f2!important;color:#c82b42!important;border-color:#ffcbd2!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-meta{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-meta>*{
  display:inline-flex!important;align-items:center!important;
  min-height:27px!important;padding:0 8px!important;border-radius:8px!important;
  background:#f7f8fa!important;border:1px solid #eceef2!important;
  color:#586073!important;font-size:9px!important;font-weight:700!important;line-height:1.2!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-meta>b{
  background:#fff2ed!important;border-color:#ffd7c8!important;color:#c95038!important;font-size:9.5px!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-release{
  color:#7a8191!important;font-size:9px!important;font-weight:600!important;line-height:1.35!important;
}
body.clean-ui-ready #websiteLiveModal .live-reminder-release b{color:#454d5f!important;font-family:Arial,sans-serif!important;font-size:9.5px!important}
body.clean-ui-ready #websiteLiveModal .live-reminder-release small{margin-left:4px;color:#9a6b2f!important}
body.clean-ui-ready #websiteLiveModal .website-live-reminder.live-now{
  color:#384052!important;background:#fff7f8!important;border-color:#ffcfd5!important;box-shadow:0 4px 14px rgba(190,36,60,.05)!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-reminder.live-now .live-reminder-title b{color:#c72d42!important}
body.clean-ui-ready #websiteLiveModal .website-live-reminder.live-now .live-reminder-meta>b{
  background:#ffe8eb!important;border-color:#ffcbd1!important;color:#bd2439!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-reminder.khmer-reminder{
  background:#f7f9ff!important;border-color:#dbe4ff!important;color:#384052!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-reminder.reminder-enter{
  animation:vnReminderEnter .28s ease both!important;
}
@keyframes vnReminderEnter{from{opacity:.55;transform:translateY(-2px)}to{opacity:1;transform:none}}

/* Remove duplicated red source bar and footer. Keep nodes mounted for old JS IDs. */
body.clean-ui-ready #websiteLiveModal .website-live-sourcebar,
body.clean-ui-ready #websiteLiveModal .website-live-foot{
  display:none!important;
}
/* Show status only while useful. Successful LIVE status is already obvious from the selected source + reminder. */
body.clean-ui-ready #websiteLiveModal .website-live-status{
  flex:0 0 auto!important;
  margin:0 10px 8px!important;
  padding:7px 9px!important;
  border:1px solid #dbe7fb!important;border-radius:9px!important;
  background:#f3f7ff!important;color:#526682!important;
  font-family:"Kantumruy Pro",sans-serif!important;font-size:8.5px!important;font-weight:650!important;
  line-height:1.35!important;white-space:normal!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-status.ok{
  display:none!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-status.error,
body.clean-ui-ready #websiteLiveModal .website-live-status.bad{
  display:block!important;background:#fff3f4!important;color:#a93a49!important;border-color:#ffd6dc!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-status.loading{
  display:block!important;background:#f3f7ff!important;color:#526682!important;border-color:#dbe7fb!important;
}
body.clean-ui-ready #websiteLiveModal .website-live-frame-wrap{
  flex:1 1 auto!important;min-height:0!important;
  border-top:1px solid #eceef2!important;background:#fff!important;
}

@media(max-width:700px){
  body.clean-ui-ready #websiteLiveModal{padding:0!important}
  body.clean-ui-ready #websiteLiveModal .website-live-card{
    width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    border:0!important;border-radius:0!important;
  }
  body.clean-ui-ready #websiteLiveModal .website-live-head{
    position:relative!important;top:auto!important;min-height:54px!important;padding:8px 8px 8px 10px!important;
  }
  body.clean-ui-ready #websiteLiveModal .website-live-head h3{font-size:13px!important}
  body.clean-ui-ready #websiteLiveModal .website-live-head small{font-size:8px!important;max-width:58vw!important}
  body.clean-ui-ready #websiteLiveModal #reloadWebsiteLiveBtn{
    min-height:34px!important;height:34px!important;padding:0 8px!important;font-size:8.5px!important;
  }
  body.clean-ui-ready #websiteLiveModal #closeWebsiteLiveBtn{
    width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;
  }
  body.clean-ui-ready #websiteLiveModal .website-live-tabs{
    display:flex!important;grid-template-columns:none!important;gap:6px!important;
    padding:7px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;
  }
  body.clean-ui-ready #websiteLiveModal .website-live-tabs button{
    flex:0 0 146px!important;width:146px!important;min-width:146px!important;
    height:46px!important;min-height:46px!important;padding:6px 9px!important;border-radius:10px!important;
    scroll-snap-align:start!important;
  }
  body.clean-ui-ready #websiteLiveModal .website-live-tabs button>span{font-size:9px!important}
  body.clean-ui-ready #websiteLiveModal .website-live-tabs button>small{font-size:6.7px!important}
  body.clean-ui-ready #websiteLiveModal .website-live-reminder{
    gap:6px!important;margin:7px 8px!important;padding:9px!important;border-radius:11px!important;
  }
  body.clean-ui-ready #websiteLiveModal .live-reminder-top{align-items:center!important}
  body.clean-ui-ready #websiteLiveModal .live-reminder-title{font-size:9px!important}
  body.clean-ui-ready #websiteLiveModal .live-reminder-title b{font-size:10px!important}
  body.clean-ui-ready #websiteLiveModal .live-reminder-countdown{min-height:26px!important;padding:0 8px!important;font-size:9px!important}
  body.clean-ui-ready #websiteLiveModal .live-reminder-meta{gap:5px!important}
  body.clean-ui-ready #websiteLiveModal .live-reminder-meta>*{min-height:25px!important;padding:0 7px!important;font-size:8px!important}
  body.clean-ui-ready #websiteLiveModal .live-reminder-meta>b{font-size:8.5px!important}
  body.clean-ui-ready #websiteLiveModal .live-reminder-release{font-size:8px!important}
  body.clean-ui-ready #websiteLiveModal .website-live-status{margin:0 8px 7px!important;padding:6px 8px!important;font-size:8px!important}
}
@media(max-width:360px){
  body.clean-ui-ready #websiteLiveModal .website-live-head small{max-width:47vw!important}
  body.clean-ui-ready #websiteLiveModal .live-reminder-top{align-items:flex-start!important}
  body.clean-ui-ready #websiteLiveModal .live-reminder-meta>*{max-width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  body.clean-ui-ready #websiteLiveModal .website-live-reminder.reminder-enter{animation:none!important}
}

/* =========================================================
   V12 — Smart Status Header
   Compact brand + next result + system status. No duplicate cards.
   ========================================================= */
body.clean-ui-ready .app > header.fresh-hero.smart-status-header{
  display:grid!important;
  grid-template-columns:minmax(230px,.72fr) minmax(390px,1.28fr)!important;
  grid-template-areas:
    "brand next"
    "status status"!important;
  align-items:stretch!important;
  gap:11px 14px!important;
  min-height:0!important;
  margin:0 0 12px!important;
  padding:14px!important;
  overflow:hidden!important;
  border:1px solid #ece7e3!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 9px 28px rgba(26,34,51,.055)!important;
}
body.clean-ui-ready .app > header.fresh-hero.smart-status-header::before,
body.clean-ui-ready .app > header.fresh-hero.smart-status-header::after{
  content:none!important;
  display:none!important;
}

body.clean-ui-ready .smart-header-top{
  grid-area:brand!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  padding:4px 2px 4px 1px!important;
}
body.clean-ui-ready .smart-header-top .fresh-brand{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
body.clean-ui-ready .smart-header-top .fresh-logo-shell{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  padding:4px!important;
  border:1px solid #f2dfd5!important;
  border-radius:16px!important;
  background:#fffaf6!important;
  box-shadow:none!important;
}
body.clean-ui-ready .smart-header-top .fresh-logo-shell .bh168-brand-logo{
  width:48px!important;
  height:48px!important;
}
body.clean-ui-ready .smart-header-top .fresh-brand-copy{
  min-width:0!important;
}
body.clean-ui-ready .smart-header-top .fresh-brand-copy h1{
  margin:0 0 4px!important;
  font:800 27px/1 Arial,"Kantumruy Pro",sans-serif!important;
  letter-spacing:.15px!important;
  background:linear-gradient(100deg,#ef4d40,#f18a35)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.clean-ui-ready .smart-header-top .fresh-brand-copy p{
  max-width:250px!important;
  margin:0!important;
  color:#777f90!important;
  font-size:9.5px!important;
  font-weight:600!important;
  line-height:1.55!important;
}
body.clean-ui-ready .smart-notification-btn{
  position:relative!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #ece5f6!important;
  border-radius:12px!important;
  background:#fbf9ff!important;
  color:#6541a5!important;
  box-shadow:none!important;
  transform:none!important;
  font-size:14px!important;
}
body.clean-ui-ready .smart-notification-btn .notification-badge{
  position:absolute!important;
  top:-5px!important;
  right:-5px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border:2px solid #fff!important;
  font-size:7.5px!important;
}

body.clean-ui-ready .smart-next-card,
body.clean-ui-ready button.smart-next-card{
  grid-area:next!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  min-height:118px!important;
  height:auto!important;
  margin:0!important;
  padding:12px 14px!important;
  overflow:hidden!important;
  text-align:left!important;
  border:1px solid #ffd0ac!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#fffaf5 0%,#fff4e8 100%)!important;
  color:#3a4050!important;
  box-shadow:none!important;
  animation:none!important;
  transform:none!important;
}
body.clean-ui-ready button.smart-next-card:hover,
body.clean-ui-ready button.smart-next-card:active{
  border-color:#ffb878!important;
  background:linear-gradient(135deg,#fff8f1 0%,#ffefde 100%)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.clean-ui-ready .smart-next-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
body.clean-ui-ready .smart-next-title{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  color:#7d644e!important;
}
body.clean-ui-ready .smart-next-title > span{
  font-size:13px!important;
}
body.clean-ui-ready .smart-next-title small{
  margin:0!important;
  color:#855e3b!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:9.5px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
body.clean-ui-ready .smart-countdown-badge{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:28px!important;
  padding:4px 9px!important;
  border:1px solid #f4dfce!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.86)!important;
  color:#73563d!important;
  font-variant-numeric:tabular-nums!important;
}
body.clean-ui-ready .smart-countdown-badge b{
  color:inherit!important;
  font:800 11px/1 Arial,sans-serif!important;
  letter-spacing:.2px!important;
}
body.clean-ui-ready .smart-countdown-badge.is-near{
  border-color:#ffd08d!important;
  background:#fff7e7!important;
  color:#a45c00!important;
}
body.clean-ui-ready .smart-countdown-badge.is-close{
  border-color:#ffb5ad!important;
  background:#fff0ef!important;
  color:#c73238!important;
}
body.clean-ui-ready .smart-countdown-badge.is-imminent{
  border-color:#ef4454!important;
  background:#ef4454!important;
  color:#fff!important;
}
body.clean-ui-ready .smart-next-card.is-near,
body.clean-ui-ready .smart-next-card.is-close,
body.clean-ui-ready .smart-next-card.is-imminent{
  animation:none!important;
}
body.clean-ui-ready .smart-next-main{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}
body.clean-ui-ready .smart-next-stage{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#d94a35!important;
  font-family:"Kantumruy Pro",Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:normal!important;
}
body.clean-ui-ready .smart-next-draw-time{
  flex:0 0 auto!important;
  color:#2f3545!important;
  font:800 18px/1.2 Arial,sans-serif!important;
  white-space:nowrap!important;
}
body.clean-ui-ready .smart-next-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px 15px!important;
  color:#777f90!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:9px!important;
  line-height:1.4!important;
}
body.clean-ui-ready .smart-next-meta > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}
body.clean-ui-ready .smart-next-meta b{
  color:#50586b!important;
  font-size:9px!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
}

body.clean-ui-ready .smart-status-bar{
  grid-area:status!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #edf0f3!important;
  border-radius:13px!important;
  background:#fafbfc!important;
}
body.clean-ui-ready .smart-status-bar .connection-chip{
  flex:0 0 auto!important;
  min-height:25px!important;
  height:25px!important;
  margin:0!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:8px!important;
}
body.clean-ui-ready .smart-khmer-clock{
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  color:#7a8293!important;
  font-family:"Kantumruy Pro",sans-serif!important;
  font-size:8.5px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
body.clean-ui-ready .smart-khmer-clock b{
  color:#303748!important;
  font:800 11px/1 Arial,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
}

@media(max-width:860px){
  body.clean-ui-ready .app > header.fresh-hero.smart-status-header{
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "next" "status"!important;
    gap:9px!important;
  }
  body.clean-ui-ready .smart-header-top .fresh-brand-copy p{max-width:none!important}
  body.clean-ui-ready .smart-next-card,
  body.clean-ui-ready button.smart-next-card{min-height:112px!important}
}

@media(max-width:520px){
  body.clean-ui-ready .app > header.fresh-hero.smart-status-header{
    padding:10px!important;
    border-radius:17px!important;
    margin-bottom:9px!important;
  }
  body.clean-ui-ready .smart-header-top{
    align-items:center!important;
    padding:1px!important;
  }
  body.clean-ui-ready .smart-header-top .fresh-brand{gap:9px!important}
  body.clean-ui-ready .smart-header-top .fresh-logo-shell{
    width:49px!important;height:49px!important;min-width:49px!important;flex-basis:49px!important;border-radius:14px!important;
  }
  body.clean-ui-ready .smart-header-top .fresh-logo-shell .bh168-brand-logo{width:41px!important;height:41px!important}
  body.clean-ui-ready .smart-header-top .fresh-brand-copy h1{font-size:22px!important;margin-bottom:3px!important}
  body.clean-ui-ready .smart-header-top .fresh-brand-copy p{font-size:8.5px!important;line-height:1.45!important}
  body.clean-ui-ready .smart-notification-btn{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;border-radius:11px!important}

  body.clean-ui-ready .smart-next-card,
  body.clean-ui-ready button.smart-next-card{
    min-height:0!important;
    padding:10px 11px!important;
    gap:7px!important;
    border-radius:14px!important;
  }
  body.clean-ui-ready .smart-next-title small{font-size:8.5px!important}
  body.clean-ui-ready .smart-countdown-badge{min-height:26px!important;padding:3px 7px!important}
  body.clean-ui-ready .smart-countdown-badge b{font-size:10px!important}
  body.clean-ui-ready .smart-next-stage{font-size:16px!important}
  body.clean-ui-ready .smart-next-draw-time{font-size:16px!important}
  body.clean-ui-ready .smart-next-meta{gap:5px 10px!important;font-size:8px!important}
  body.clean-ui-ready .smart-next-meta b{font-size:8px!important}

  body.clean-ui-ready .smart-status-bar{
    display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr)!important;
    gap:5px!important;
    padding:7px!important;
  }
  body.clean-ui-ready .smart-status-bar .connection-chip{
    justify-content:center!important;
    min-width:0!important;
    padding:4px 6px!important;
    font-size:7.5px!important;
  }
  body.clean-ui-ready .smart-khmer-clock{
    margin-left:0!important;
    justify-self:end!important;
  }
  body.clean-ui-ready .smart-khmer-clock > span:nth-child(2){display:none!important}
  body.clean-ui-ready .smart-khmer-clock b{font-size:10px!important}
}

@media(max-width:360px){
  body.clean-ui-ready .smart-next-main{align-items:flex-start!important;flex-direction:column!important;gap:2px!important}
  body.clean-ui-ready .smart-next-meta{display:grid!important;gap:3px!important}
  body.clean-ui-ready .smart-status-bar{grid-template-columns:1fr 1fr!important}
  body.clean-ui-ready .smart-khmer-clock{grid-column:1/-1!important;justify-self:stretch!important;justify-content:center!important;margin-top:1px!important}
  body.clean-ui-ready .smart-khmer-clock > span:nth-child(2){display:inline!important}
}


/* =========================================================
   V15 — Smart One Flow: Winning + Bet
   ========================================================= */
body.clean-ui-ready .ux-smart-winning,
body.clean-ui-ready .ux-smart-bet{
  --flow-ink:#202635;--flow-muted:#727b8f;--flow-line:#e7eaf0;--flow-soft:#f7f8fa;
  --flow-accent:#ef5a43;--flow-green:#08795a;
  font-family:"Kantumruy Pro",sans-serif!important;
}
body.clean-ui-ready .ux-smart-winning .winning-calculator-head,
body.clean-ui-ready .ux-smart-bet .bet-total-head{padding-bottom:11px!important}
body.clean-ui-ready .ux-smart-winning .winning-calculator-head small,
body.clean-ui-ready .ux-smart-bet .bet-total-head small{font-size:10px!important;color:var(--flow-muted)!important}

body.clean-ui-ready .ux-winning-context,
body.clean-ui-ready .ux-bet-context{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:11px 12px!important;margin:0 0 10px!important;border:1px solid #f1d5cf!important;border-radius:14px!important;
  background:linear-gradient(135deg,#fff8f5,#fff)!important;
}
body.clean-ui-ready .ux-winning-context>div:first-child,
body.clean-ui-ready .ux-bet-context>div:first-child{display:grid!important;gap:2px!important;min-width:0!important}
body.clean-ui-ready .ux-winning-context small,
body.clean-ui-ready .ux-bet-context small{font-size:8.5px!important;color:var(--flow-muted)!important}
body.clean-ui-ready .ux-winning-context b,
body.clean-ui-ready .ux-bet-context b{font-size:13px!important;color:var(--flow-ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.clean-ui-ready .ux-winning-context span,
body.clean-ui-ready .ux-bet-context span{font-size:8.5px!important;color:#8b6470!important}
body.clean-ui-ready .ux-context-actions{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important}
body.clean-ui-ready .ux-ready-dot{color:var(--flow-green)!important;background:#ecfaf5!important;padding:5px 7px!important;border-radius:999px!important}
body.clean-ui-ready #uxWinningChangeResult,
body.clean-ui-ready #uxBetChangeTime{min-height:34px!important;height:34px!important;padding:0 10px!important;background:#fff!important;color:#555e70!important;border:1px solid var(--flow-line)!important;border-radius:9px!important;font-size:9px!important;box-shadow:none!important}

body.clean-ui-ready .ux-advanced-result-controls[hidden],
body.clean-ui-ready .ux-smart-bet .bet-total-time-row[hidden]{display:none!important}
body.clean-ui-ready .ux-advanced-result-controls{margin-bottom:9px!important;padding:9px!important;border:1px solid var(--flow-line)!important;border-radius:12px!important;background:var(--flow-soft)!important}
body.clean-ui-ready .ux-compact-section-title{margin:0 0 7px!important;padding:0!important}
body.clean-ui-ready .ux-compact-section-title small{display:none!important}
body.clean-ui-ready .ux-compact-result-preview{margin:0 0 9px!important;padding:7px!important;gap:5px!important;border-radius:11px!important}
body.clean-ui-ready .ux-compact-result-preview>div{min-height:42px!important;padding:6px!important}
body.clean-ui-ready .ux-compact-result-preview span{font-size:9px!important}
body.clean-ui-ready .ux-compact-result-preview b{font-size:10px!important}

body.clean-ui-ready .ux-input-methods{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0 0 8px!important}
body.clean-ui-ready .ux-input-methods button{width:100%!important;min-width:0!important;min-height:38px!important;height:38px!important;padding:0 6px!important;border:1px solid var(--flow-line)!important;background:#fff!important;color:#566073!important;border-radius:10px!important;box-shadow:none!important;font-size:9px!important;white-space:nowrap!important}
body.clean-ui-ready .ux-input-methods button.is-active{background:#fff2ee!important;border-color:#f4b8aa!important;color:#c74631!important}
body.clean-ui-ready .ux-smart-winning #winningNumberInput,
body.clean-ui-ready .ux-smart-bet #betTotalInput{width:100%!important;min-height:190px!important;border:1.5px solid #dfe3e9!important;border-radius:13px!important;background:#fff!important;padding:12px!important;font-family:"Kantumruy Pro",monospace!important;font-size:12px!important;line-height:1.7!important;box-shadow:inset 0 1px 2px rgba(20,30,50,.025)!important;resize:vertical!important}
body.clean-ui-ready .ux-smart-winning #winningNumberInput:focus,
body.clean-ui-ready .ux-smart-bet #betTotalInput:focus{outline:none!important;border-color:#f09a88!important;box-shadow:0 0 0 4px rgba(239,90,67,.08)!important}

body.clean-ui-ready .ux-parse-preview{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:37px!important;margin:7px 0!important;padding:7px 9px!important;border:1px solid var(--flow-line)!important;border-radius:10px!important;background:var(--flow-soft)!important;color:var(--flow-muted)!important;font-size:8.5px!important}
body.clean-ui-ready .ux-parse-preview.has-data{background:#effaf6!important;border-color:#c9ecdf!important;color:#236b56!important}
body.clean-ui-ready .ux-parse-preview strong{font-size:9px!important;white-space:nowrap!important}
body.clean-ui-ready .ux-syntax-help{margin:7px 0!important;border:0!important;background:transparent!important;color:var(--flow-muted)!important;font-size:8.5px!important}
body.clean-ui-ready .ux-syntax-help summary{cursor:pointer!important;color:#6b7280!important;font-weight:700!important;list-style:none!important}
body.clean-ui-ready .ux-syntax-help summary::-webkit-details-marker{display:none!important}
body.clean-ui-ready .ux-syntax-help>div{margin-top:6px!important;padding:8px!important;background:var(--flow-soft)!important;border:1px solid var(--flow-line)!important;border-radius:9px!important;line-height:1.55!important}

body.clean-ui-ready .ux-winning-input-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
body.clean-ui-ready .ux-winning-input-actions #winningCheckBtn{grid-column:1/-1!important;min-height:46px!important;background:linear-gradient(135deg,#ff754d,#ec4c54)!important;color:#fff!important;border:0!important;font-size:11px!important;box-shadow:0 7px 16px rgba(236,76,84,.15)!important}
body.clean-ui-ready .ux-winning-input-actions .winning-image-upload,
body.clean-ui-ready .ux-winning-input-actions #winningPasteImageBtn{display:none!important}
body.clean-ui-ready .ux-winning-input-actions #winningOcrBtn{grid-column:1/-1!important;background:#fff!important;color:#576174!important;border:1px solid var(--flow-line)!important}

body.clean-ui-ready .ux-winning-capture{display:grid!important;gap:8px!important;padding:10px!important;margin-top:9px!important;background:#fff!important;border:1px solid var(--flow-line)!important;border-radius:14px!important}
body.clean-ui-ready .ux-winning-result-tools{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;padding-bottom:7px!important;border-bottom:1px solid var(--flow-line)!important}
body.clean-ui-ready .ux-winning-result-tools label{display:flex!important;align-items:center!important;gap:5px!important;font-size:8.5px!important;color:#5d6678!important}
body.clean-ui-ready .ux-winning-result-tools>div{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
body.clean-ui-ready .ux-winning-result-tools button{min-height:34px!important;height:34px!important;padding:0 8px!important;border:1px solid var(--flow-line)!important;background:#fff!important;color:#4c566a!important;border-radius:9px!important;font-size:8.5px!important;box-shadow:none!important}
body.clean-ui-ready #winningMatchResults.ux-wins-only .winning-match-item.is-lose{display:none!important}
body.clean-ui-ready .ux-smart-winning .winning-match-item{padding:8px!important;border-radius:10px!important;gap:8px!important}
body.clean-ui-ready .ux-smart-winning .winning-match-number{font-size:16px!important;min-width:48px!important}
body.clean-ui-ready .ux-smart-winning .winning-match-detail b{font-size:8.5px!important}
body.clean-ui-ready .ux-smart-winning .winning-match-detail small{font-size:8px!important;line-height:1.45!important}
body.clean-ui-ready .ux-smart-winning .winning-match-state{font-size:8.5px!important;white-space:nowrap!important}
body.clean-ui-ready .ux-smart-winning .winning-summary{margin:0!important;border:0!important;background:#f8fafc!important;border-radius:11px!important;padding:8px!important}
body.clean-ui-ready .ux-smart-winning .winning-money-divider{margin-top:12px!important}
body.clean-ui-ready .ux-smart-winning .winning-rate-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
body.clean-ui-ready .ux-smart-winning .winning-rate-card{padding:8px!important;min-height:62px!important}
body.clean-ui-ready .ux-smart-winning .winning-rate-card b{font-size:12px!important}
body.clean-ui-ready .ux-smart-winning .winning-rate-card small{font-size:8px!important}
body.clean-ui-ready .ux-smart-winning .winning-calculator-tools{margin-top:8px!important}
body.clean-ui-ready .ux-smart-winning .winning-entry{border-radius:11px!important;padding:9px!important}

/* BET: automatic live total */
body.clean-ui-ready .ux-smart-bet .bet-total-workspace{gap:10px!important}
body.clean-ui-ready .ux-smart-bet .bet-total-rules{display:grid!important;margin-top:7px!important}
body.clean-ui-ready .ux-bet-primary-output{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:9px 0!important}
body.clean-ui-ready .ux-bet-primary-output button{width:100%!important;min-width:0!important;min-height:42px!important;height:42px!important;padding:0 7px!important;border-radius:10px!important;font-size:8.5px!important;white-space:nowrap!important}
body.clean-ui-ready .ux-bet-primary-output #copyBetReceiptJpgBtn{background:#eef6ff!important;color:#2965b8!important;border:1px solid #d5e6ff!important}
body.clean-ui-ready .ux-bet-primary-output #saveBetReceiptBtn{background:linear-gradient(135deg,#ff754d,#ec4c54)!important;color:#fff!important;border:0!important}
body.clean-ui-ready .ux-bet-more{margin:7px 0!important;border:1px solid var(--flow-line)!important;border-radius:10px!important;background:#fff!important}
body.clean-ui-ready .ux-bet-more summary{padding:8px 10px!important;cursor:pointer!important;font-size:8.5px!important;font-weight:700!important;color:#687184!important;list-style:none!important}
body.clean-ui-ready .ux-bet-more summary::-webkit-details-marker{display:none!important}
body.clean-ui-ready .ux-bet-more>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:0 8px 8px!important}
body.clean-ui-ready .ux-bet-more button{width:100%!important;min-width:0!important;min-height:36px!important;font-size:8px!important;white-space:normal!important}
body.clean-ui-ready .ux-smart-bet .ux-bet-save-row{margin-top:8px!important}
body.clean-ui-ready .ux-smart-bet #betTotalStatus{font-size:8.5px!important;min-height:37px!important}
body.clean-ui-ready .ux-smart-bet .bet-total-summary{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important;border:1px solid var(--flow-line)!important;border-radius:12px!important;padding:8px!important}
body.clean-ui-ready .ux-bet-sticky{position:sticky!important;bottom:-1px!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:12px -14px -14px!important;padding:9px 14px calc(9px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;border-top:1px solid var(--flow-line)!important;box-shadow:0 -7px 18px rgba(31,38,53,.06)!important}
body.clean-ui-ready .ux-bet-sticky span{display:grid!important;gap:0!important}
body.clean-ui-ready .ux-bet-sticky small{font-size:8px!important;color:var(--flow-muted)!important}
body.clean-ui-ready .ux-bet-sticky b{font-size:16px!important;color:var(--flow-ink)!important}
body.clean-ui-ready .ux-bet-sticky button{min-height:40px!important;height:40px!important;padding:0 13px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff754d,#ec4c54)!important;color:#fff!important;font-size:9px!important}

body.clean-ui-ready .ux-smart-toast{position:fixed!important;left:50%!important;bottom:84px!important;z-index:99999!important;display:flex!important;align-items:center!important;gap:10px!important;max-width:calc(100vw - 30px)!important;padding:9px 12px!important;border-radius:999px!important;background:#222936!important;color:#fff!important;font-family:"Kantumruy Pro",sans-serif!important;font-size:9px!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important;transform:translate(-50%,18px)!important;opacity:0!important;pointer-events:none!important;transition:.2s ease!important}
body.clean-ui-ready .ux-smart-toast.show{transform:translate(-50%,0)!important;opacity:1!important;pointer-events:auto!important}
body.clean-ui-ready .ux-smart-toast button{min-height:28px!important;height:28px!important;padding:0 9px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:#222936!important;font-size:8.5px!important}

@media(max-width:680px){
  body.clean-ui-ready .ux-winning-context,body.clean-ui-ready .ux-bet-context{align-items:flex-start!important;padding:9px!important}
  body.clean-ui-ready .ux-winning-context b,body.clean-ui-ready .ux-bet-context b{font-size:11px!important}
  body.clean-ui-ready .ux-ready-dot{display:none!important}
  body.clean-ui-ready .ux-input-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.clean-ui-ready .ux-smart-winning #winningNumberInput,body.clean-ui-ready .ux-smart-bet #betTotalInput{min-height:175px!important;font-size:11px!important}
  body.clean-ui-ready .ux-winning-result-tools{align-items:stretch!important}
  body.clean-ui-ready .ux-winning-result-tools>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
  body.clean-ui-ready .ux-winning-result-tools button{width:100%!important;min-width:0!important;padding:0 4px!important;font-size:7.8px!important}
  body.clean-ui-ready .ux-bet-primary-output{grid-template-columns:1fr 1fr 1fr!important}
  body.clean-ui-ready .ux-bet-primary-output button{font-size:7.8px!important;padding:0 4px!important}
  body.clean-ui-ready .ux-bet-more>div{grid-template-columns:1fr!important}
  body.clean-ui-ready .ux-bet-sticky{margin:10px -10px -10px!important;padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:390px){
  body.clean-ui-ready .ux-winning-result-tools>div,body.clean-ui-ready .ux-bet-primary-output{grid-template-columns:1fr!important}
  body.clean-ui-ready .ux-bet-primary-output button{height:39px!important;min-height:39px!important}
}


/* =========================================================
   V16 — Winning One Flow bug fix + automatic money UX
   ========================================================= */
body.clean-ui-ready .ux-smart-winning-v16{
  --win-bg:#f7f8fa;
  --win-card:#fff;
  --win-line:#e5e8ed;
  --win-text:#252b36;
  --win-muted:#727a8b;
  --win-accent:#ef5b43;
  --win-soft:#fff4ef;
  --win-green:#12825e;
  width:min(900px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  padding:0!important;
  overflow:auto!important;
  background:var(--win-bg)!important;
  font-family:"Kantumruy Pro",sans-serif!important;
}

body.clean-ui-ready .ux-smart-winning-v16 .winning-calculator-head{
  position:sticky!important;top:0!important;z-index:20!important;
  padding:13px 15px!important;background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(10px)!important;border-bottom:1px solid var(--win-line)!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .winning-calculator-head h3{font-size:16px!important;margin:0!important}
body.clean-ui-ready .ux-smart-winning-v16 .winning-calculator-head small{display:block!important;margin-top:2px!important;font-size:9px!important;color:var(--win-muted)!important}

body.clean-ui-ready .ux-smart-winning-v16 .ux-winning-context{
  margin:11px 12px 9px!important;padding:10px 11px!important;border:1px solid #f1d8d0!important;
  border-radius:13px!important;background:linear-gradient(135deg,#fff,#fff8f5)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .ux-winning-context-copy{display:grid!important;gap:2px!important;min-width:0!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-winning-context-copy small{font-size:8px!important;color:var(--win-muted)!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-winning-context-copy b{font-size:12px!important;color:var(--win-text)!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-winning-context-copy span{font-size:8px!important;color:#9a6658!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-context-actions{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-result-state{padding:4px 7px!important;border-radius:999px!important;font-size:7.5px!important;font-weight:800!important;white-space:nowrap!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-result-state.is-ready{background:#eaf9f2!important;color:#087451!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-result-state.is-waiting{background:#fff3e8!important;color:#b76a2d!important}
body.clean-ui-ready .ux-smart-winning-v16 #uxWinningChangeResult{
  min-height:32px!important;height:32px!important;padding:0 9px!important;border-radius:9px!important;
  border:1px solid #e1e5ea!important;background:#fff!important;color:#5c6472!important;font-size:8px!important;box-shadow:none!important;
}

body.clean-ui-ready .ux-smart-winning-v16 .winning-checker-section{
  margin:0 12px 12px!important;padding:11px!important;border:1px solid var(--win-line)!important;
  border-radius:15px!important;background:#fff!important;box-shadow:0 3px 12px rgba(26,34,50,.035)!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .winning-section-title{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .winning-section-title>div{display:flex!important;align-items:center!important;gap:8px!important}
body.clean-ui-ready .ux-smart-winning-v16 .winning-section-title>div>span{
  display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border-radius:9px!important;
  background:var(--win-soft)!important;color:var(--win-accent)!important;font-size:10px!important;font-weight:900!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .winning-section-title h4{margin:0!important;font-size:12px!important;color:var(--win-text)!important}
body.clean-ui-ready .ux-smart-winning-v16 .winning-section-title small{font-size:8px!important;color:var(--win-muted)!important;line-height:1.45!important}
body.clean-ui-ready .ux-smart-winning-v16 .winning-mode-badge{font-size:7.5px!important;padding:4px 7px!important}

body.clean-ui-ready .ux-smart-winning-v16 .ux-advanced-result-controls[hidden]{display:none!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-advanced-result-controls{
  margin:0 0 9px!important;padding:8px!important;border-radius:11px!important;background:#fafbfc!important;border:1px solid #eceff3!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .ux-flow-status{
  min-height:35px!important;margin:0 0 8px!important;padding:7px 9px!important;border-radius:10px!important;font-size:8.5px!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .ux-compact-result-preview{
  margin:0 0 9px!important;padding:6px!important;border-radius:10px!important;background:#fafbfc!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .ux-compact-result-preview>div{min-height:40px!important;padding:5px!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-compact-result-preview span{font-size:8px!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-compact-result-preview b{font-size:9px!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-hidden-legacy-tool{display:none!important}

body.clean-ui-ready .ux-smart-winning-v16 .ux-winning-workspace-v16{
  display:block!important;grid-template-columns:1fr!important;gap:0!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .winning-number-entry{
  padding:0!important;border:0!important;background:transparent!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .winning-number-entry>label{display:block!important;margin-bottom:6px!important;font-size:9px!important;font-weight:800!important;color:#4d5565!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-input-methods-v16{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-bottom:7px!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .ux-input-methods-v16 button{
  width:100%!important;min-width:0!important;min-height:38px!important;height:38px!important;padding:0 7px!important;
  border:1px solid #e2e6eb!important;border-radius:10px!important;background:#fff!important;color:#555e6e!important;
  box-shadow:none!important;font-size:8px!important;white-space:nowrap!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .ux-input-methods-v16 button.is-active{background:#fff3ee!important;border-color:#f1c5b8!important;color:#c6533f!important}

body.clean-ui-ready .ux-smart-winning-v16 #winningNumberInput{
  width:100%!important;min-height:180px!important;max-height:360px!important;padding:11px!important;border:1.5px solid #dde2e8!important;
  border-radius:12px!important;background:#fff!important;color:#242a34!important;font-family:"Kantumruy Pro",monospace!important;
  font-size:12px!important;line-height:1.65!important;resize:vertical!important;box-shadow:inset 0 1px 2px rgba(20,30,50,.025)!important;
}
body.clean-ui-ready .ux-smart-winning-v16 #winningNumberInput:focus{outline:none!important;border-color:#ef8e79!important;box-shadow:0 0 0 4px rgba(239,91,67,.08)!important}

body.clean-ui-ready .ux-smart-winning-v16 .ux-parse-preview{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  margin-top:7px!important;padding:8px 9px!important;border-radius:10px!important;background:#f7f9fb!important;border:1px solid #eaedf1!important;
  font-size:8px!important;color:#727a88!important;
}
body.clean-ui-ready .ux-smart-winning-v16 .ux-parse-preview.has-data{background:#f0faf6!important;border-color:#d3eee2!important;color:#237459!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-parse-preview.has-warning{background:#fff7ee!important;border-color:#f4dec6!important;color:#a56830!important}
body.clean-ui-ready .ux-smart-winning-v16 .ux-parse-preview strong{font-size:8.5px!important;white-space:nowrap!important}

body.clean-ui-ready .ux-smart-winning-v16 .ux-oneflow-primary{
  position:sticky!important;bottom:0!important;z-index:12!important;margin:8px -2px 0!important;padding:7px 2px 2px!important;
  backgroun