/* Classificador de Extratos v3.3.1.012.011.017 — Premium Theme Rebalance
   Correção de identidade + contraste + consistência claro/escuro.
   Regra: azul-marinho = estrutura/brand; dourado = ação/acento; superfícies = tema.
*/

/* ===== 1. Premium semantic palette ===== */
body.km-redesign{
  --km-theme-page:#f5f7f8;
  --km-theme-surface:#ffffff;
  --km-theme-surface-2:#f7fafc;
  --km-theme-surface-3:#edf3f7;
  --km-theme-surface-raised:#ffffff;
  --km-theme-text:#102536;
  --km-theme-text-2:#3b566a;
  --km-theme-muted:#6a8091;
  --km-theme-border:#d6e1e8;
  --km-theme-border-strong:#bfd0dc;
  --km-theme-brand:#08243b;
  --km-theme-brand-2:#0d3655;
  --km-theme-brand-3:#154d76;
  --km-theme-on-brand:#f7fbfd;
  --km-theme-on-brand-muted:#c7d6e1;
  --km-theme-gold:#dda45b;
  --km-theme-gold-2:#c98435;
  --km-theme-gold-soft:#fff4e5;
  --km-theme-on-gold:#102333;
  --km-theme-accent:var(--km-theme-gold);
  --km-theme-accent-hover:#e8b66f;
  --km-theme-on-accent:var(--km-theme-on-gold);
  --km-theme-danger:#bf4749;
  --km-theme-danger-hover:#a93b3e;
  --km-theme-success:#237b52;
  --km-theme-warning:#a96a22;
  --km-theme-focus:rgba(221,164,91,.28);
  --km-theme-shadow:0 8px 24px rgba(8,31,49,.07);
  --km-theme-shadow-modal:0 30px 90px rgba(5,20,32,.28);
  --accent:var(--km-theme-gold);
  background:
    radial-gradient(circle at 96% 0%,rgba(221,164,91,.095),transparent 24%),
    radial-gradient(circle at 42% -8%,rgba(30,101,149,.055),transparent 33%),
    linear-gradient(180deg,#fbfcfd 0%,#f5f7f8 58%,#f1f4f6 100%)!important;
  color:var(--km-theme-text)!important;
}
html[data-theme="dark"] body.km-redesign,
body.km-redesign.theme-dark,
body.km-redesign[data-theme="dark"]{
  --km-theme-page:#07131f;
  --km-theme-surface:#0c1d2b;
  --km-theme-surface-2:#102434;
  --km-theme-surface-3:#153146;
  --km-theme-surface-raised:#12283a;
  --km-theme-text:#f2f6f9;
  --km-theme-text-2:#d5e1e9;
  --km-theme-muted:#a5b7c4;
  --km-theme-border:#294154;
  --km-theme-border-strong:#3a586f;
  --km-theme-brand:#071b2d;
  --km-theme-brand-2:#0b3153;
  --km-theme-brand-3:#16496f;
  --km-theme-on-brand:#f7fbfd;
  --km-theme-on-brand-muted:#c7d6e1;
  --km-theme-gold:#e0a75f;
  --km-theme-gold-2:#c98435;
  --km-theme-gold-soft:#2b2116;
  --km-theme-on-gold:#081827;
  --km-theme-accent:var(--km-theme-gold);
  --km-theme-accent-hover:#edb973;
  --km-theme-on-accent:var(--km-theme-on-gold);
  --km-theme-danger:#c45153;
  --km-theme-danger-hover:#d76163;
  --km-theme-success:#42a876;
  --km-theme-warning:#dfa35a;
  --km-theme-focus:rgba(224,167,95,.27);
  background:
    radial-gradient(circle at 95% 0%,rgba(224,167,95,.075),transparent 24%),
    radial-gradient(circle at 20% 10%,rgba(29,94,139,.07),transparent 28%),
    linear-gradient(180deg,#07131f 0%,#081824 52%,#091a28 100%)!important;
  color:var(--km-theme-text)!important;
}

/* ===== 2. Brand surfaces keep their own contrast in BOTH themes ===== */
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{
  color:var(--km-theme-on-brand)!important;
}
body.km-redesign header{
  background:
    radial-gradient(circle at 86% 18%,rgba(221,164,91,.14),transparent 22%),
    linear-gradient(135deg,#061827 0%,#082640 52%,#0d3b61 100%)!important;
}
body.km-redesign :is(header,.km-home-hero,.hero-upload,.km-appearance-hero,.km-sidebar) :is(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--km-theme-on-brand)!important;
}
body.km-redesign :is(header,.km-home-hero,.hero-upload,.km-appearance-hero,.km-sidebar) :is(p,small,.small,.muted,.subtitle,.meta){
  color:var(--km-theme-on-brand-muted)!important;
}
body.km-redesign header .brand-copy h1{color:#fff!important;text-shadow:0 1px 0 rgba(255,255,255,.035)}
body.km-redesign header .brand-copy p{color:#ccdae5!important}
body.km-redesign header .brand-values span{
  color:#f5f9fb!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.14)!important;
}

/* Home hero: preserve premium signature instead of generic theme typography. */
body.km-redesign .km-home-hero{
  background:
    radial-gradient(circle at 88% 4%,rgba(226,169,92,.17),transparent 25%),
    linear-gradient(130deg,#071b2d 0%,#0b2f4e 55%,#123f68 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
body.km-redesign .km-home-hero h1{color:#f7fbfd!important}
body.km-redesign .km-home-hero h1 em{color:#efbb79!important}
body.km-redesign .km-home-hero p{color:#c8d7e2!important}
body.km-redesign .km-home-eyebrow{color:#dbe7ef!important;border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.055)!important}

/* Import hero: dark branded receiving area + ivory content area. */
body.km-redesign .hero-upload{
  background:
    radial-gradient(circle at 15% 90%,rgba(224,167,95,.22),transparent 28%),
    linear-gradient(145deg,#071c2f 0%,#0b3153 62%,#12456f 100%)!important;
}
body.km-redesign .hero-upload .drop{
  color:#fff!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(229,181,118,.48)!important;
}
body.km-redesign .hero-upload .drop h2{color:#fff!important}
body.km-redesign .hero-upload .drop p{color:#d2dee7!important}
body.km-redesign .hero-upload .privacy{color:#c5d4df!important}
body.km-redesign:not(.theme-dark) .hero-copy{
  background:linear-gradient(155deg,#fff 0%,#fbfcfd 72%,#f6f8fa 100%)!important;
  color:var(--km-theme-text)!important;
}
body.km-redesign:not(.theme-dark) .hero-copy :is(h1,h2,h3,strong,b){color:var(--km-theme-text)!important}
body.km-redesign:not(.theme-dark) .hero-copy :is(p,small,.muted){color:var(--km-theme-muted)!important}
html[data-theme="dark"] body.km-redesign .hero-copy,
body.km-redesign.theme-dark .hero-copy{
  background:linear-gradient(155deg,#0c1d2b,#0a1825)!important;
  color:var(--km-theme-text)!important;
}
html[data-theme="dark"] body.km-redesign .hero-copy :is(h1,h2,h3,strong,b),
body.km-redesign.theme-dark .hero-copy :is(h1,h2,h3,strong,b){color:var(--km-theme-text)!important}
html[data-theme="dark"] body.km-redesign .hero-copy :is(p,small,.muted),
body.km-redesign.theme-dark .hero-copy :is(p,small,.muted){color:var(--km-theme-muted)!important}

/* Appearance banner is a brand island, never page-text-on-blue. */
body.km-redesign .km-appearance-hero{
  background:linear-gradient(135deg,#0a2a47 0%,#154d76 100%)!important;
  border-color:rgba(221,164,91,.22)!important;
  box-shadow:0 18px 44px rgba(7,29,49,.14)!important;
}
body.km-redesign .km-appearance-hero small{color:#efbb79!important}
body.km-redesign .km-appearance-hero h3{color:#fff!important}
body.km-redesign .km-appearance-hero p{color:#c8d7e2!important}
body.km-redesign .km-appearance-device{color:#f4f8fb!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important}

/* ===== 3. Gold returns as the action/accent language ===== */
body.km-redesign .btn.primary{
  background:linear-gradient(145deg,var(--km-theme-gold),var(--km-theme-gold-2))!important;
  color:var(--km-theme-on-gold)!important;
  border-color:color-mix(in srgb,var(--km-theme-gold-2) 82%,#7d4b18)!important;
  box-shadow:0 9px 22px rgba(201,132,53,.18)!important;
}
body.km-redesign .btn.primary :is(strong,b){color:inherit!important}
body.km-redesign .btn.primary:hover:not(:disabled){
  background:linear-gradient(145deg,#eab872,#d18e40)!important;
  border-color:#bd772d!important;
  box-shadow:0 11px 26px rgba(201,132,53,.24)!important;
}
body.km-redesign .km-home-hero .btn.primary,
body.km-redesign .hero-upload .btn.primary{
  background:linear-gradient(145deg,#e7b16a,#c98435)!important;
  color:#081827!important;
  border-color:rgba(255,214,161,.24)!important;
}
body.km-redesign .km-home-hero .btn.secondary{
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}
body.km-redesign .km-home-hero .btn.secondary:hover{background:rgba(255,255,255,.15)!important;color:#fff!important}
body.km-redesign :is(.km-page-kicker,.brand-kicker){color:var(--km-theme-gold)!important}
body.km-redesign .km-nav-btn.active:before{background:var(--km-theme-gold)!important}
body.km-redesign .km-nav-btn.active .km-nav-icon{background:linear-gradient(145deg,#e3aa61,#ca8434)!important;color:#081827!important}

/* ===== 4. Content surfaces: light means light, dark means dark ===== */
body.km-redesign:not(.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,
  details.km-import-layouts,.data-center>summary
){
  background:var(--km-theme-surface)!important;
  color:var(--km-theme-text)!important;
  border-color:var(--km-theme-border)!important;
}
body.km-redesign:not(.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,.km-appearance-card,
  details.km-import-layouts,.data-center>summary
) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--km-theme-text)!important}
body.km-redesign:not(.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,.km-appearance-card,
  details.km-import-layouts,.data-center>summary
) :is(p,small,.small,.muted,.meta){color:var(--km-theme-muted)!important}

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,
  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,
  details.km-import-layouts,.data-center>summary
){
  background:var(--km-theme-surface)!important;
  color:var(--km-theme-text)!important;
  border-color:var(--km-theme-border)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
}
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,.km-appearance-card,
  details.km-import-layouts,.data-center>summary
) :is(h1,h2,h3,h4,h5,h6,strong,b),
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,.km-appearance-card,
  details.km-import-layouts,.data-center>summary
) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--km-theme-text)!important}
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,.km-appearance-card,
  details.km-import-layouts,.data-center>summary
) :is(p,small,.small,.muted,.meta),
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,.km-appearance-card,
  details.km-import-layouts,.data-center>summary
) :is(p,small,.small,.muted,.meta){color:var(--km-theme-muted)!important}

/* Secondary islands and rule builder rows must not flip to white in dark mode. */
html[data-theme="dark"] body.km-redesign :is(
  .condition-row,.then-block,.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-c360-grid>section,
  .km-c360-section,.km-c360-kpis>div,.km-client-list-metric,.km-client-list-domain
),
body.km-redesign.theme-dark :is(
  .condition-row,.then-block,.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-c360-grid>section,
  .km-c360-section,.km-c360-kpis>div,.km-client-list-metric,.km-client-list-domain
){
  background:var(--km-theme-surface-2)!important;
  color:var(--km-theme-text)!important;
  border-color:var(--km-theme-border)!important;
}

/* ===== 5. Forms: premium but predictable ===== */
body.km-redesign:not(.theme-dark) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  background:#fff!important;
  color:var(--km-theme-text)!important;
  border-color:var(--km-theme-border)!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:#0a1a27!important;
  color:#f0f5f8!important;
  border-color:#314b60!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] body.km-redesign :is(input,textarea)::placeholder,
body.km-redesign.theme-dark :is(input,textarea)::placeholder{color:#8298a9!important}
body.km-redesign :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  border-color:var(--km-theme-gold)!important;
  box-shadow:0 0 0 3px var(--km-theme-focus)!important;
}
body.km-redesign :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--km-theme-gold)!important}

/* ===== 6. Buttons and segmented controls ===== */
body.km-redesign:not(.theme-dark) .btn.secondary{
  background:#f3f7f9!important;
  color:#29485f!important;
  border-color:#d6e1e8!important;
}
body.km-redesign:not(.theme-dark) .btn.secondary:hover:not(:disabled){background:#eaf1f5!important;color:#18364d!important;border-color:#bfd0dc!important}
html[data-theme="dark"] body.km-redesign .btn.secondary,
body.km-redesign.theme-dark .btn.secondary{
  background:#132a3b!important;
  color:#e0e9ef!important;
  border-color:#324c60!important;
}
html[data-theme="dark"] body.km-redesign .btn.secondary:hover:not(:disabled),
body.km-redesign.theme-dark .btn.secondary:hover:not(:disabled){background:#1a3549!important;color:#fff!important;border-color:#426079!important}
body.km-redesign .btn.danger{background:#bf4749!important;color:#fff!important;border-color:#bf4749!important}
body.km-redesign .btn.success{background:#237b52!important;color:#fff!important;border-color:#237b52!important}

body.km-redesign:not(.theme-dark) .km-subnav{background:#eaf0f4!important;border-color:#d8e2e8!important}
body.km-redesign:not(.theme-dark) .km-subnav button{color:#536b7e!important}
body.km-redesign:not(.theme-dark) .km-subnav button.active{background:#fff!important;color:#173249!important;box-shadow:0 5px 15px rgba(7,29,49,.08)!important}
html[data-theme="dark"] body.km-redesign .km-subnav,
body.km-redesign.theme-dark .km-subnav{background:#102536!important;border-color:#294154!important}
html[data-theme="dark"] body.km-redesign .km-subnav button,
body.km-redesign.theme-dark .km-subnav button{color:#aebfcb!important}
html[data-theme="dark"] body.km-redesign .km-subnav button.active,
body.km-redesign.theme-dark .km-subnav button.active{background:#18364b!important;color:#fff!important;box-shadow:inset 0 -2px 0 var(--km-theme-gold)!important}

/* ===== 7. Rules area: explicit contrast; no white cards in dark mode ===== */
body.km-redesign:not(.theme-dark) :is(.rule-suite-head,.rule-builder-card,.rule-library-card){background:#fff!important;color:#102536!important;border-color:#d6e1e8!important}
body.km-redesign:not(.theme-dark) :is(.rule-suite-head,.rule-builder-card,.rule-library-card) :is(h2,h3,h4,strong,b){color:#102536!important}
body.km-redesign:not(.theme-dark) :is(.rule-suite-head,.rule-builder-card,.rule-library-card) :is(p,small,.field-help){color:#6a8091!important}
html[data-theme="dark"] body.km-redesign :is(.rule-suite-head,.rule-builder-card,.rule-library-card),
body.km-redesign.theme-dark :is(.rule-suite-head,.rule-builder-card,.rule-library-card){background:#0d1f2e!important;color:#edf4f8!important;border-color:#294154!important}
html[data-theme="dark"] body.km-redesign :is(.rule-suite-head,.rule-builder-card,.rule-library-card) :is(h2,h3,h4,strong,b),
body.km-redesign.theme-dark :is(.rule-suite-head,.rule-builder-card,.rule-library-card) :is(h2,h3,h4,strong,b){color:#f2f6f9!important}
html[data-theme="dark"] body.km-redesign :is(.rule-suite-head,.rule-builder-card,.rule-library-card) :is(p,small,.field-help),
body.km-redesign.theme-dark :is(.rule-suite-head,.rule-builder-card,.rule-library-card) :is(p,small,.field-help){color:#a7b8c5!important}
html[data-theme="dark"] body.km-redesign .then-block,
body.km-redesign.theme-dark .then-block{background:#2a2116!important;border-color:#5b4327!important;color:#f1d09c!important}
html[data-theme="dark"] body.km-redesign .then-block>strong,
body.km-redesign.theme-dark .then-block>strong{color:#f0c98f!important}

/* ===== 8. Learned layouts / details ===== */
body.km-redesign details.km-import-layouts{border:1px solid var(--km-theme-border)!important;border-radius:var(--km-radius-card)!important;overflow:hidden}
body.km-redesign:not(.theme-dark) details.km-import-layouts>summary{background:#fff!important;color:#102536!important}
body.km-redesign:not(.theme-dark) details.km-import-layouts>summary :is(strong,b){color:#102536!important}
body.km-redesign:not(.theme-dark) details.km-import-layouts>summary span{color:#6a8091!important}
html[data-theme="dark"] body.km-redesign details.km-import-layouts>summary,
body.km-redesign.theme-dark details.km-import-layouts>summary{background:#0d1f2e!important;color:#edf4f8!important;border-color:#294154!important}
html[data-theme="dark"] body.km-redesign details.km-import-layouts>summary :is(strong,b),
body.km-redesign.theme-dark details.km-import-layouts>summary :is(strong,b){color:#edf4f8!important}
html[data-theme="dark"] body.km-redesign details.km-import-layouts>summary span,
body.km-redesign.theme-dark details.km-import-layouts>summary span{color:#a7b8c5!important}

/* ===== 9. Tables, modals and mirrors ===== */
html[data-theme="dark"] 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),
body.km-redesign.theme-dark :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:#081824!important;color:#f1f6f9!important;border-color:#294154!important;
}
body.km-redesign:not(.theme-dark) :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:#f8fafb!important;color:#102536!important;border-color:#d6e1e8!important;
}
html[data-theme="dark"] body.km-redesign table,
body.km-redesign.theme-dark table{background:#0c1d2b!important;color:#e6eef3!important}
html[data-theme="dark"] body.km-redesign th,
body.km-redesign.theme-dark th{background:#153146!important;color:#e4edf3!important;border-color:#294154!important}
html[data-theme="dark"] body.km-redesign td,
body.km-redesign.theme-dark td{background:#0c1d2b!important;color:#d3dfe7!important;border-color:#20384a!important}
html[data-theme="dark"] body.km-redesign tbody tr:nth-child(even) td,
body.km-redesign.theme-dark tbody tr:nth-child(even) td{background:#0f2231!important}
html[data-theme="dark"] body.km-redesign tbody tr:hover td,
body.km-redesign.theme-dark tbody tr:hover td{background:#153146!important}

/* ===== 10. Explicit text inheritance rules; avoid another strong/b regression ===== */
body.km-redesign :is(button,.btn,[role="button"]) :is(strong,b){color:inherit!important}
body.km-redesign :is(.badge,.chip,.pill,.km-decision-chip,.km-import-status) :is(strong,b){color:inherit!important}

/* ===== 11. Focus and accessibility ===== */
body.km-redesign :is(button,.btn,a,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--km-theme-focus)!important;
  outline-offset:2px!important;
}

/* ===== 12. Mobile keeps contrast and brand accents ===== */
@media(max-width:760px){
  body.km-redesign .km-bottom-nav{background:rgba(250,252,253,.96)!important;border-color:#d5e1e8!important}
  body.km-redesign .km-mobile-btn{color:#61798b!important}
  body.km-redesign .km-mobile-btn.active{background:linear-gradient(145deg,#e5ae68,#cb8738)!important;color:#091827!important}
  html[data-theme="dark"] body.km-redesign .km-bottom-nav,
  body.km-redesign.theme-dark .km-bottom-nav{background:rgba(7,21,32,.96)!important;border-color:#294154!important}
  html[data-theme="dark"] body.km-redesign .km-mobile-btn,
  body.km-redesign.theme-dark .km-mobile-btn{color:#a9bac6!important}
  html[data-theme="dark"] body.km-redesign .km-mobile-btn.active,
  body.km-redesign.theme-dark .km-mobile-btn.active{background:linear-gradient(145deg,#e0a75f,#c98435)!important;color:#081827!important}
}