/* Classificador de Extratos v3.3.1.012.011.018 — Premium UI Reset
   Objetivo: restabelecer uma única linguagem visual coerente e previsível.
   Regra central:
   - Claro: superfícies claras + texto escuro.
   - Escuro: superfícies escuras + texto claro.
   - Azul-marinho = estrutura / marca.
   - Dourado = ação / destaque / foco; nunca texto corrido misturado.
*/

/* ===== 1. Semantic tokens ===== */
body.km-redesign{
  --ui-page:#f6f4ef;
  --ui-page-2:#f1f4f6;
  --ui-surface:#ffffff;
  --ui-surface-2:#f7f9fa;
  --ui-surface-3:#edf2f5;
  --ui-elevated:#ffffff;
  --ui-text:#102536;
  --ui-text-2:#385267;
  --ui-muted:#607789;
  --ui-border:#d7e0e6;
  --ui-border-strong:#bdccd6;
  --ui-navy:#08263d;
  --ui-navy-2:#0e3657;
  --ui-navy-3:#164b72;
  --ui-on-navy:#f7fbfd;
  --ui-on-navy-muted:#c6d5df;
  --ui-gold:#dda45b;
  --ui-gold-2:#c88535;
  --ui-on-gold:#10202d;
  --ui-gold-soft:#fff4e5;
  --ui-danger:#bd474b;
  --ui-danger-hover:#a83a3f;
  --ui-success:#257b53;
  --ui-warning:#a96b25;
  --ui-focus:rgba(221,164,91,.30);
  --ui-shadow-xs:0 3px 10px rgba(8,31,49,.045);
  --ui-shadow-sm:0 8px 24px rgba(8,31,49,.07);
  --ui-shadow-md:0 18px 46px rgba(8,31,49,.11);
  --ui-shadow-modal:0 32px 90px rgba(6,23,37,.28);

  /* legacy aliases */
  --km-theme-page:var(--ui-page);
  --km-theme-surface:var(--ui-surface);
  --km-theme-surface-2:var(--ui-surface-2);
  --km-theme-surface-3:var(--ui-surface-3);
  --km-theme-surface-raised:var(--ui-elevated);
  --km-theme-text:var(--ui-text);
  --km-theme-text-2:var(--ui-text-2);
  --km-theme-muted:var(--ui-muted);
  --km-theme-border:var(--ui-border);
  --km-theme-border-strong:var(--ui-border-strong);
  --km-theme-brand:var(--ui-navy);
  --km-theme-brand-2:var(--ui-navy-2);
  --km-theme-brand-3:var(--ui-navy-3);
  --km-theme-on-brand:var(--ui-on-navy);
  --km-theme-on-brand-muted:var(--ui-on-navy-muted);
  --km-theme-gold:var(--ui-gold);
  --km-theme-gold-2:var(--ui-gold-2);
  --km-theme-on-gold:var(--ui-on-gold);
  --km-theme-accent:var(--ui-gold);
  --km-theme-accent-hover:#e9b873;
  --km-theme-on-accent:var(--ui-on-gold);
  --km-theme-danger:var(--ui-danger);
  --km-theme-danger-hover:var(--ui-danger-hover);
  --km-theme-success:var(--ui-success);
  --km-theme-warning:var(--ui-warning);
  --km-theme-focus:var(--ui-focus);
  --km-theme-shadow:var(--ui-shadow-sm);
  --km-theme-shadow-modal:var(--ui-shadow-modal);
  --page:var(--ui-page);
  --bg:var(--ui-page);
  --card:var(--ui-surface);
  --surface:var(--ui-surface);
  --soft:var(--ui-surface-2);
  --ink:var(--ui-text);
  --text:var(--ui-text);
  --muted:var(--ui-muted);
  --line:var(--ui-border);
  --border:var(--ui-border);
  --accent:var(--ui-gold);

  background:
    radial-gradient(circle at 96% -3%,rgba(221,164,91,.10),transparent 24%),
    radial-gradient(circle at 38% -12%,rgba(46,111,155,.05),transparent 33%),
    linear-gradient(180deg,#fbfbf9 0%,var(--ui-page) 52%,#f1f3f4 100%)!important;
  color:var(--ui-text)!important;
}

html[data-theme="dark"] body.km-redesign,
body.km-redesign.theme-dark,
body.km-redesign[data-theme="dark"]{
  --ui-page:#07131d;
  --ui-page-2:#091923;
  --ui-surface:#0c1d29;
  --ui-surface-2:#112534;
  --ui-surface-3:#173043;
  --ui-elevated:#132938;
  --ui-text:#f3f6f8;
  --ui-text-2:#d5e0e7;
  --ui-muted:#a7b6c1;
  --ui-border:#294152;
  --ui-border-strong:#3b586c;
  --ui-navy:#071b2b;
  --ui-navy-2:#0b3151;
  --ui-navy-3:#16486d;
  --ui-on-navy:#f8fbfd;
  --ui-on-navy-muted:#c9d6df;
  --ui-gold:#e0aa67;
  --ui-gold-2:#ca8738;
  --ui-on-gold:#081725;
  --ui-gold-soft:#2d2216;
  --ui-danger:#c65356;
  --ui-danger-hover:#db6568;
  --ui-success:#45a779;
  --ui-warning:#dfa55f;
  --ui-focus:rgba(224,170,103,.28);
  --ui-shadow-xs:0 3px 10px rgba(0,0,0,.12);
  --ui-shadow-sm:0 9px 26px rgba(0,0,0,.18);
  --ui-shadow-md:0 18px 50px rgba(0,0,0,.26);
  --ui-shadow-modal:0 34px 100px rgba(0,0,0,.50);

  background:
    radial-gradient(circle at 94% -4%,rgba(224,170,103,.075),transparent 24%),
    radial-gradient(circle at 25% 6%,rgba(32,102,149,.07),transparent 28%),
    linear-gradient(180deg,#07131d 0%,#081824 54%,#091a27 100%)!important;
  color:var(--ui-text)!important;
}

/* ===== 2. Page typography: never invert text accidentally ===== */
body.km-redesign .km-page,
body.km-redesign main{color:var(--ui-text)!important}
body.km-redesign .km-page-head :is(h1,h2,h3,strong,b),
body.km-redesign .sectiontitle :is(h1,h2,h3,strong,b),
body.km-redesign .rule-suite-head :is(h1,h2,h3,strong,b){color:var(--ui-text)!important}
body.km-redesign .km-page-head :is(p,.subtitle,.muted,small),
body.km-redesign .sectiontitle :is(p,.subtitle,.muted,small){color:var(--ui-muted)!important}
body.km-redesign .km-page-kicker,
body.km-redesign .brand-kicker,
body.km-redesign .km-update-eyebrow{color:var(--ui-gold-2)!important}
html[data-theme="dark"] body.km-redesign .km-page-kicker,
body.km-redesign.theme-dark .km-page-kicker,
html[data-theme="dark"] body.km-redesign .brand-kicker,
body.km-redesign.theme-dark .brand-kicker{color:var(--ui-gold)!important}

/* Never color half a sentence/title gold. Gold is an accent, not prose. */
body.km-redesign .km-home-hero h1,
body.km-redesign .km-home-hero h1 em,
body.km-redesign header .brand-copy h1,
body.km-redesign header .brand-copy h1 em{color:#f8fbfd!important}
body.km-redesign .km-home-hero h1 em{font-style:normal!important}

/* ===== 3. Brand islands: explicit white-on-navy in BOTH modes ===== */
body.km-redesign header,
body.km-redesign .km-home-hero,
body.km-redesign .hero-upload,
body.km-redesign .km-appearance-hero,
body.km-redesign .km-sidebar,
body.km-redesign .km-next-action{
  color:var(--ui-on-navy)!important;
}
body.km-redesign header{
  background:
    radial-gradient(circle at 85% 12%,rgba(224,170,103,.12),transparent 23%),
    linear-gradient(135deg,#061725 0%,#08263f 54%,#0e3a60 100%)!important;
}
body.km-redesign :is(header,.km-home-hero,.hero-upload,.km-appearance-hero,.km-sidebar,.km-next-action) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--ui-on-navy)!important}
body.km-redesign :is(header,.km-home-hero,.hero-upload,.km-appearance-hero,.km-sidebar,.km-next-action) :is(p,small,.small,.muted,.subtitle,.meta){color:var(--ui-on-navy-muted)!important}

body.km-redesign .km-home-hero{
  background:
    radial-gradient(circle at 88% 2%,rgba(224,170,103,.16),transparent 26%),
    linear-gradient(132deg,#071a2b 0%,#0a2e4b 56%,#123f66 100%)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:0 26px 64px rgba(7,29,49,.19)!important;
}
body.km-redesign .km-home-hero p{color:#cedae3!important}
body.km-redesign .km-home-eyebrow{color:#e8eff4!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.14)!important}

body.km-redesign .hero-upload{
  background:
    radial-gradient(circle at 14% 90%,rgba(224,170,103,.18),transparent 29%),
    linear-gradient(145deg,#071c2e 0%,#0b3152 62%,#12466f 100%)!important;
}
body.km-redesign .hero-upload .drop{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(229,183,122,.48)!important;
  color:#fff!important;
}
body.km-redesign .hero-upload .drop h2{color:#fff!important}
body.km-redesign .hero-upload .drop p{color:#d5e1e8!important}
body.km-redesign .hero-upload .privacy{color:#c6d5df!important}

body.km-redesign .km-appearance-hero{
  background:linear-gradient(135deg,#092944 0%,#154d75 100%)!important;
  color:#fff!important;
  border-color:rgba(224,170,103,.25)!important;
  box-shadow:0 18px 44px rgba(7,29,49,.14)!important;
}
body.km-redesign .km-appearance-hero h3{color:#fff!important}
body.km-redesign .km-appearance-hero p{color:#cedae3!important}
body.km-redesign .km-appearance-hero small{color:#efbd7d!important}
body.km-redesign .km-appearance-device{color:#f5f9fb!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important}

/* ===== 4. Content surfaces: one rule, predictable contrast ===== */
body.km-redesign :is(
  .card,.rule-suite-head,.rule-builder-card,.rule-library-card,.sim-card,.simulator-card,
  .export-profile-card,.export-editor-card,.export-library-card,.teach-panel,.learned-rule,
  .client-card,.knowledge-row,.scopebar,.ops-toolbar,.km-app-info-card,.km-wm-pane,.km-wm-card,
  .km-correction-card,.km-client-import-table-wrap,.km-import-table-wrap,.km-appearance-card,
  .km-update-center,.km-update-state,.km-update-facts>div,.km-simple-config-intro,
  .km-client-directory-head,.km-client-list-row,.km-c360-section,.km-c360-grid>section,
  details.km-import-layouts,.data-center>summary
){
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
}
body.km-redesign :is(
  .card,.rule-suite-head,.rule-builder-card,.rule-library-card,.sim-card,.simulator-card,
  .export-profile-card,.export-editor-card,.export-library-card,.teach-panel,.learned-rule,
  .client-card,.knowledge-row,.scopebar,.ops-toolbar,.km-app-info-card,.km-wm-pane,.km-wm-card,
  .km-correction-card,.km-client-import-table-wrap,.km-import-table-wrap,.km-appearance-card,
  .km-update-center,.km-update-state,.km-update-facts>div,.km-simple-config-intro,
  .km-client-directory-head,.km-client-list-row,.km-c360-section,.km-c360-grid>section,
  details.km-import-layouts,.data-center>summary
) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--ui-text)!important}
body.km-redesign :is(
  .card,.rule-suite-head,.rule-builder-card,.rule-library-card,.sim-card,.simulator-card,
  .export-profile-card,.export-editor-card,.export-library-card,.teach-panel,.learned-rule,
  .client-card,.knowledge-row,.scopebar,.ops-toolbar,.km-app-info-card,.km-wm-pane,.km-wm-card,
  .km-correction-card,.km-client-import-table-wrap,.km-import-table-wrap,.km-appearance-card,
  .km-update-center,.km-update-state,.km-update-facts>div,.km-simple-config-intro,
  .km-client-directory-head,.km-client-list-row,.km-c360-section,.km-c360-grid>section,
  details.km-import-layouts,.data-center>summary
) :is(p,small,.small,.muted,.meta,.field-help,.km-field-help){color:var(--ui-muted)!important}

/* Dark surfaces stay dark. No white islands. */
html[data-theme="dark"] body.km-redesign :is(
  .card,.rule-suite-head,.rule-builder-card,.rule-library-card,.sim-card,.simulator-card,
  .export-profile-card,.export-editor-card,.export-library-card,.teach-panel,.learned-rule,
  .client-card,.knowledge-row,.scopebar,.ops-toolbar,.km-app-info-card,.km-wm-pane,.km-wm-card,
  .km-correction-card,.km-client-import-table-wrap,.km-import-table-wrap,.km-appearance-card,
  .km-update-center,.km-update-state,.km-update-facts>div,.km-simple-config-intro,
  .km-client-directory-head,.km-client-list-row,.km-c360-section,.km-c360-grid>section,
  details.km-import-layouts,.data-center>summary
),
body.km-redesign.theme-dark :is(
  .card,.rule-suite-head,.rule-builder-card,.rule-library-card,.sim-card,.simulator-card,
  .export-profile-card,.export-editor-card,.export-library-card,.teach-panel,.learned-rule,
  .client-card,.knowledge-row,.scopebar,.ops-toolbar,.km-app-info-card,.km-wm-pane,.km-wm-card,
  .km-correction-card,.km-client-import-table-wrap,.km-import-table-wrap,.km-appearance-card,
  .km-update-center,.km-update-state,.km-update-facts>div,.km-simple-config-intro,
  .km-client-directory-head,.km-client-list-row,.km-c360-section,.km-c360-grid>section,
  details.km-import-layouts,.data-center>summary
){
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
}

/* Secondary content blocks */
body.km-redesign :is(
  .condition-row,.visual-rule-item,.export-profile-item,.sim-match,.component,.sumline,
  .km-c360-pairs>div,.km-c360-rule,.km-c360-alt span,.km-wm-member,.km-wm-facts,
  .km-wm-sync-status,.km-edit-section,.km-edit-output,.km-records-toolbar,.km-mirror-table-wrap,
  .km-client-list-metric,.km-client-list-domain,.km-preview-card,.km-appearance-preview,
  .km-record-filter,.km-history-lock,.km-correction-status
){
  background:var(--ui-surface-2)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
}

/* ===== 5. Forms ===== */
body.km-redesign :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border:1px solid var(--ui-border-strong)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.km-redesign :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
body.km-redesign.theme-dark :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  background:#0a1a26!important;
  color:#f1f5f7!important;
  border-color:#345064!important;
}
body.km-redesign :is(input,textarea)::placeholder{color:color-mix(in srgb,var(--ui-muted) 80%,transparent)!important;opacity:1!important}
body.km-redesign :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  border-color:var(--ui-gold)!important;
  box-shadow:0 0 0 3px var(--ui-focus)!important;
  outline:none!important;
}
body.km-redesign :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--ui-gold)!important}
body.km-redesign :is(label,.field label,.km-edit-grid label span,.km-edit-reason>span,.km-record-filter span,.km-records-search label>span){color:var(--ui-text-2)!important}

/* ===== 6. Buttons ===== */
body.km-redesign .btn.primary{
  background:linear-gradient(145deg,var(--ui-gold),var(--ui-gold-2))!important;
  color:var(--ui-on-gold)!important;
  border-color:#bf7a2f!important;
  box-shadow:0 8px 18px rgba(201,133,53,.18)!important;
}
body.km-redesign .btn.primary:hover:not(:disabled){background:linear-gradient(145deg,#e9b873,#d28f41)!important;color:var(--ui-on-gold)!important;border-color:#b87329!important;box-shadow:0 10px 22px rgba(201,133,53,.23)!important}
body.km-redesign .btn.secondary{
  background:var(--ui-surface-2)!important;
  color:var(--ui-text-2)!important;
  border-color:var(--ui-border)!important;
  box-shadow:none!important;
}
body.km-redesign .btn.secondary:hover:not(:disabled){background:var(--ui-surface-3)!important;color:var(--ui-text)!important;border-color:var(--ui-border-strong)!important}
body.km-redesign .btn.danger{background:var(--ui-danger)!important;color:#fff!important;border-color:var(--ui-danger)!important}
body.km-redesign .btn.danger:hover:not(:disabled){background:var(--ui-danger-hover)!important;border-color:var(--ui-danger-hover)!important}
body.km-redesign .btn.success{background:var(--ui-success)!important;color:#fff!important;border-color:var(--ui-success)!important}
body.km-redesign :is(button,.btn,[role="button"]) :is(strong,b){color:inherit!important}
body.km-redesign .btn:disabled{opacity:.48!important;filter:saturate(.72)!important;cursor:not-allowed!important}

/* Buttons on navy brand islands */
body.km-redesign :is(.km-home-hero,.hero-upload) .btn.primary{background:linear-gradient(145deg,#e7b16d,#ca8738)!important;color:#081725!important;border-color:rgba(255,224,183,.24)!important}
body.km-redesign :is(.km-home-hero,.hero-upload) .btn.secondary{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important}
body.km-redesign :is(.km-home-hero,.hero-upload) .btn.secondary:hover{background:rgba(255,255,255,.15)!important;color:#fff!important}

/* ===== 7. Navigation / tabs ===== */
body.km-redesign .km-subnav{background:var(--ui-surface-3)!important;border-color:var(--ui-border)!important}
body.km-redesign .km-subnav button{color:var(--ui-muted)!important;background:transparent!important}
body.km-redesign .km-subnav button.active{background:var(--ui-surface)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-xs)!important}
body.km-redesign .km-subnav button.active:after{background:var(--ui-gold)!important}
body.km-redesign .km-client-back{background:var(--ui-surface)!important;color:var(--ui-text-2)!important;border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow-xs)!important}
body.km-redesign .km-client-back:hover{background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-border-strong)!important}

/* ===== 8. Tables ===== */
body.km-redesign :is(.tablewrap,.mini-table,.km-mirror-table-wrap){background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
body.km-redesign table{background:var(--ui-surface)!important;color:var(--ui-text)!important}
body.km-redesign th{background:var(--ui-surface-3)!important;color:var(--ui-text-2)!important;border-color:var(--ui-border)!important}
body.km-redesign td{background:var(--ui-surface)!important;color:var(--ui-text-2)!important;border-color:var(--ui-border)!important}
body.km-redesign tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--ui-surface-2) 72%,var(--ui-surface))!important}
body.km-redesign tbody tr:hover td{background:var(--ui-surface-2)!important}
body.km-redesign tbody tr.selected td{background:color-mix(in srgb,var(--ui-gold) 12%,var(--ui-surface))!important}

/* ===== 9. Rules area ===== */
body.km-redesign :is(.rule-suite-head,.rule-builder-card,.rule-library-card){background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow-xs)!important}
body.km-redesign :is(.rule-suite-head,.rule-builder-card,.rule-library-card) :is(h2,h3,h4,strong,b){color:var(--ui-text)!important}
body.km-redesign :is(.rule-suite-head,.rule-builder-card,.rule-library-card) :is(p,small,.field-help){color:var(--ui-muted)!important}
body.km-redesign .then-block{background:var(--ui-gold-soft)!important;border-color:color-mix(in srgb,var(--ui-gold) 46%,var(--ui-border))!important;color:var(--ui-text)!important}
body.km-redesign .then-block>strong{color:var(--ui-warning)!important}
html[data-theme="dark"] body.km-redesign .then-block,
body.km-redesign.theme-dark .then-block{background:#2b2116!important;border-color:#5b4429!important;color:#eed8b8!important}
html[data-theme="dark"] body.km-redesign .then-block>strong,
body.km-redesign.theme-dark .then-block>strong{color:#f0c98f!important}

/* ===== 10. Import mirror + editors + modals ===== */
body.km-redesign :is(.modal,.km-import-mirror,.km-record-edit-modal,.km-closing-import-modal,.km-merge-modal,.km-wm-sheet,.km-correction-detail-modal,.km-bulk-edit-modal){
  background:var(--ui-page)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
  box-shadow:var(--ui-shadow-modal)!important;
}
body.km-redesign :is(.modal,.km-import-mirror,.km-record-edit-modal,.km-closing-import-modal,.km-merge-modal,.km-wm-sheet,.km-correction-detail-modal,.km-bulk-edit-modal) :is(h1,h2,h3,h4,strong,b){color:var(--ui-text)!important}
body.km-redesign :is(.modal,.km-import-mirror,.km-record-edit-modal,.km-closing-import-modal,.km-merge-modal,.km-wm-sheet,.km-correction-detail-modal,.km-bulk-edit-modal) :is(p,small,.muted,.meta){color:var(--ui-muted)!important}
body.km-redesign .km-edit-output legend{background:var(--ui-surface-2)!important;color:var(--ui-text-2)!important}
body.km-redesign .km-mirror-tabs{background:var(--ui-surface-3)!important;border-color:var(--ui-border)!important}
body.km-redesign .km-mirror-tabs button{color:var(--ui-muted)!important}
body.km-redesign .km-mirror-tabs button.active{background:var(--ui-surface)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow-xs)!important}
body.km-redesign .km-decision-chip{background:var(--ui-surface-3)!important;color:var(--ui-text-2)!important;border-color:var(--ui-border)!important}

/* ===== 11. Update center: readable and honest ===== */
body.km-redesign .km-update-center{background:var(--ui-surface)!important;color:var(--ui-text)!important}
body.km-redesign .km-update-head h3{color:var(--ui-text)!important}
body.km-redesign .km-update-head p{color:var(--ui-muted)!important}
body.km-redesign .km-update-state{background:var(--ui-surface-3)!important;color:var(--ui-text)!important}
body.km-redesign .km-update-state p{color:var(--ui-muted)!important}
body.km-redesign .km-update-badge.attention{background:var(--ui-gold-soft)!important;color:#875019!important;border-color:#efd09d!important}
html[data-theme="dark"] body.km-redesign .km-update-badge.attention,
body.km-redesign.theme-dark .km-update-badge.attention{background:#302316!important;color:#f0c98f!important;border-color:#5a4228!important}

/* ===== 12. Badges / statuses ===== */
body.km-redesign :is(.badge,.chip,.pill,.mini-tag,.km-decision-chip,.km-import-status){border-color:var(--ui-border)!important}
body.km-redesign :is(.badge,.chip,.pill,.mini-tag){background:var(--ui-surface-3)!important;color:var(--ui-text-2)!important}
body.km-redesign :is(.badge,.chip,.pill,.mini-tag,.km-decision-chip,.km-import-status) :is(strong,b){color:inherit!important}
body.km-redesign .km-import-status.done{background:color-mix(in srgb,var(--ui-success) 15%,var(--ui-surface))!important;color:color-mix(in srgb,var(--ui-success) 82%,var(--ui-text))!important}

/* ===== 13. Context CTA ===== */
body.km-redesign .km-next-action{
  background:linear-gradient(145deg,#0b2941,#123d5d)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 12px 30px rgba(4,20,32,.20)!important;
}
body.km-redesign .km-next-action>span{color:#e9b46f!important}
body.km-redesign .km-next-action :is(strong,b){color:#fff!important}

/* ===== 14. Focus / accessibility ===== */
body.km-redesign :is(button,.btn,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--ui-focus)!important;outline-offset:2px!important}
body.km-redesign *{scrollbar-color:color-mix(in srgb,var(--ui-muted) 48%,transparent) transparent}
body.km-redesign *::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ui-muted) 42%,transparent)!important;border:2px solid transparent!important;background-clip:padding-box!important;border-radius:999px!important}

/* ===== 15. Mobile ===== */
@media(max-width:760px){
  body.km-redesign .km-bottom-nav{background:color-mix(in srgb,var(--ui-surface) 94%,transparent)!important;border-color:var(--ui-border)!important;backdrop-filter:blur(18px)!important}
  body.km-redesign .km-mobile-btn{color:var(--ui-muted)!important}
  body.km-redesign .km-mobile-btn.active{background:linear-gradient(145deg,var(--ui-gold),var(--ui-gold-2))!important;color:var(--ui-on-gold)!important}
  body.km-redesign .km-home-hero h1,
  body.km-redesign .km-home-hero h1 em{color:#fff!important}
}