/* DUOVOX_CBA_DISENO_UNIFICADO_2310_V1. Presentation only, scoped to main. */
@media screen {
  html body[data-duovox-ui] main.main {
    --dui-head:#dce8f2; --dui-head-line:#abc2d4; --dui-title:#19354b;
    --dui-copy:#445d72; --dui-surface:#fff; --dui-soft:#f2f6fa;
    --dui-line:#c5d4df; --dui-ink:#19354b; --dui-muted:#526578;
    --dui-primary:#0b6f68; --dui-primary-ink:#fff; --dui-primary-hover:#085d57;
    --dui-secondary:#f8fbfd; --dui-secondary-ink:#294b66; --dui-focus:#277e9c;
    --dui-shadow:0 3px 12px rgb(23 53 75 / 5%); --dui-title-size:26px;
  }
  html[data-lc-theme="dark"] body[data-duovox-ui] main.main {
    --dui-head:#163448; --dui-head-line:#4a6b83; --dui-title:#f2f7ff;
    --dui-copy:#c3d5e3; --dui-surface:#182334; --dui-soft:#25364a;
    --dui-line:#61748e; --dui-ink:#e7edf6; --dui-muted:#b6c6d9;
    --dui-primary:#70d8c7; --dui-primary-ink:#0c302c; --dui-primary-hover:#91e4d6;
    --dui-secondary:#25364a; --dui-secondary-ink:#e7edf6; --dui-focus:#82daca;
    --dui-shadow:none;
  }

  /* One header language, with each screen retaining its own controls/layout. */
  html body[data-duovox-ui] main.main :is(
    [data-dv-page-header],.topbar,.r-head,.dr-head,.ds-head,.cc-intro,.ms-head,
    .bg-head,.gd-head,.tower-head,.meta-hero,.mi-day-toolbar,.mi-head,
    .lc-hub-intro,.lc-v2-header,.rk-hero,.rs-head,.rnl-plan-head,
    .admin-cabecera,.estado-cabecera,.reglas-canal-cabecera,.ficha-cabecera,
    .ventas-cabecera,.ventas-pendientes-cabecera,.ef-head,.sr-head,.vr-head,
    .subestados-cabecera,.st-head,.trash-head,.nps-head,.panel-cabecera,
    .tm-heading,.sb-top,.sb-head,.coverage-heading,.query-head,
    .lc-mesa-0710-menu,.lc-tower-selector-card,#lc-tower-metrics-2110 .tm-heading
  ) {
    box-sizing:border-box!important; width:100%!important; max-width:none!important; min-width:0!important;
    min-height:110px; padding:20px 24px!important; margin:0 0 20px!important;
    border:1px solid var(--dui-head-line)!important; border-radius:16px!important;
    background:var(--dui-head)!important; background-image:none!important;
    color:var(--dui-title)!important; box-shadow:none!important;
    gap:16px; flex-wrap:wrap; align-items:center;
  }
  html body[data-duovox-ui] main.main :is(
    [data-dv-page-header],.topbar,.r-head,.dr-head,.ds-head,.cc-intro,.ms-head,
    .bg-head,.gd-head,.tower-head,.meta-hero,.mi-day-toolbar,.mi-head,
    .lc-hub-intro,.lc-v2-header,.rk-hero,.rs-head,.rnl-plan-head,
    .admin-cabecera,.estado-cabecera,.reglas-canal-cabecera,.ficha-cabecera,
    .ventas-cabecera,.ventas-pendientes-cabecera,.ef-head,.sr-head,.vr-head,
    .subestados-cabecera,.st-head,.trash-head,.nps-head,.panel-cabecera,
    .tm-heading,.sb-top,.sb-head,.coverage-heading,.query-head,
    .lc-mesa-0710-menu,.lc-tower-selector-card,#lc-tower-metrics-2110 .tm-heading
  ) :is(h1,[data-dv-page-title]) {
    margin:0!important; color:var(--dui-title)!important; font-size:var(--dui-title-size)!important;
    font-weight:700!important; line-height:1.25!important; letter-spacing:-.55px!important;
    overflow-wrap:anywhere;
  }
  html body[data-duovox-ui] main.main :is(
    [data-dv-page-header],.topbar,.r-head,.dr-head,.ds-head,.cc-intro,.ms-head,
    .bg-head,.gd-head,.tower-head,.meta-hero,.mi-day-toolbar,.mi-head,
    .lc-hub-intro,.lc-v2-header,.rk-hero,.rs-head,.rnl-plan-head,
    .admin-cabecera,.estado-cabecera,.reglas-canal-cabecera,.ficha-cabecera,
    .ventas-cabecera,.ventas-pendientes-cabecera,.ef-head,.sr-head,.vr-head,
    .subestados-cabecera,.st-head,.trash-head,.nps-head,.panel-cabecera,
    .tm-heading,.sb-top,.sb-head,.coverage-heading,.query-head,
    .lc-mesa-0710-menu,.lc-tower-selector-card,#lc-tower-metrics-2110 .tm-heading
  ) :is(p,.muted,.st-sub,.st-note,.rs-note,.ef-note,.panel-ayuda,.admin-ayuda,
    .estado-ayuda,.reglas-canal-ayuda,.ventas-ayuda,.ventas-pendientes-ayuda,
    .subestados-ayuda,.nps-help,.lc-v2-subtitle,.query-line) {
    color:var(--dui-copy)!important; font-size:14px!important; line-height:1.5!important;
    margin:7px 0 0!important; opacity:1!important;
  }
  html body[data-duovox-ui] main.main :is(.meta-eyebrow,.rk-eyebrow,.lc-v2-eyebrow,.lc-profile-eyebrow) {
    display:block; color:var(--dui-copy)!important; font-size:11px!important; line-height:1.4!important;
    font-weight:700!important; letter-spacing:1px!important; margin:0 0 7px!important;
  }
  html body[data-duovox-ui] main.main .coverage-heading small {color:var(--dui-copy)!important}
  html body[data-duovox-ui] main.main :is(.rk-edit,.lc-v2-legacy) {color:var(--dui-copy)!important}

  /* Reserve the final toolbar height before its existing JS mounts controls. */
  html body[data-duovox-ui] main.main .lc-content-toolbar {
    min-height:40px!important; margin-bottom:20px!important; align-items:center!important;
  }
  html body[data-duovox-ui] main.main .lc-content-toolbar #leadcenter-global-back-v1 {
    min-height:38px!important; padding:8px 12px!important; margin:0!important;
    background:var(--dui-surface)!important; color:var(--dui-ink)!important;
    border:1px solid var(--dui-line)!important; border-radius:9px!important;
    font-size:12px!important; line-height:1.4!important; box-shadow:none!important;
  }
  html body[data-duovox-ui] main.main .lc-content-toolbar #leadcenter-global-back-v1:hover {transform:none!important}

  /* Consistent actions; danger, warning, success and inline semantic fills stay. */
  html body[data-duovox-ui] main.main :is(.btn,.meta-btn,.vr-btn,.trash-btn,.ef-button,.tm-btn) {
    box-sizing:border-box!important; min-height:40px; padding:9px 14px!important;
    border-radius:9px!important; font-size:13px!important; font-weight:650!important;
    line-height:1.4!important; text-decoration:none; box-shadow:none!important;
  }
  html body[data-duovox-ui] main.main :is(.btn,.meta-btn,.vr-btn,.trash-btn,.ef-button,.tm-btn)
    :is(svg) {flex-shrink:0}
  html body[data-duovox-ui] main.main :is(.btn,.meta-btn,.vr-btn,.trash-btn,.ef-button,.tm-btn):not(.primary):not(.tm-primary):not(.danger):not(.warn):not(.success):not([style*="background"]) {
    background:var(--dui-secondary)!important; color:var(--dui-secondary-ink)!important;
    border:1px solid var(--dui-line)!important;
  }
  html body[data-duovox-ui] main.main :is(.btn.primary,.meta-btn.primary,.vr-btn.primary,.trash-btn.primary,.tm-btn.tm-primary):not(.danger):not(.warn):not(.success) {
    background:var(--dui-primary)!important; color:var(--dui-primary-ink)!important;
    border:1px solid var(--dui-primary)!important;
  }
  html body[data-duovox-ui] main.main :is(.btn.primary,.meta-btn.primary,.vr-btn.primary,.trash-btn.primary,.tm-btn.tm-primary):not(.danger):not(.warn):not(.success):enabled:hover,
  html body[data-duovox-ui] main.main a:is(.btn.primary,.meta-btn.primary,.vr-btn.primary,.trash-btn.primary,.tm-btn.tm-primary):not(.danger):not(.warn):not(.success):hover {
    background:var(--dui-primary-hover)!important;
  }
  html body[data-duovox-ui] main.main :is(.btn.small,td .btn,td .meta-btn,td .vr-btn,td .trash-btn) {
    min-height:32px; padding:6px 10px!important; font-size:12px!important;
  }
  html body[data-duovox-ui] main.main :is(.meta-actions,.r-actions,.sr-actions,.panel-acciones,.trash-actions,.bg-head-actions) {
    gap:8px!important; flex-wrap:wrap;
  }
  html body[data-duovox-ui] main.main :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
    outline:3px solid var(--dui-focus)!important; outline-offset:3px!important;
  }

  /* Controls keep their widths, validity styles, draft/hidden and disabled state. */
  html body[data-duovox-ui] main.main :is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),select
  ) {min-height:40px; border-radius:9px!important; font-size:13px!important; line-height:1.4!important}
  html body[data-duovox-ui] main.main textarea {border-radius:9px!important; font-size:13px!important; line-height:1.5!important}
  html body[data-duovox-ui] main.main :is(.card:not(.lc-tower-selector-card),.meta-card,.coverage-card,.rk-config-card,.lc-hub-tile,.dv-capture-card,.lc-v2-panel) {
    border-radius:14px!important; box-shadow:var(--dui-shadow)!important;
  }
  html body[data-duovox-ui] main.main :is(.r-filters,.dr-filters,.sr-filters,.bg-filters,.meta-filters,.nps-filters,.rk-toolbar,#lc-mi-filters-2110,#lc-tower-filters-2110,.lc-datero-filter-card,#lc-tower-metrics-2110 .tm-filters-2110) {
    box-sizing:border-box; padding:18px!important; border:1px solid var(--dui-line)!important;
    border-radius:14px!important; background:var(--dui-surface)!important; color:var(--dui-ink)!important;
    box-shadow:var(--dui-shadow)!important; margin:0 0 20px!important; gap:12px!important;
  }
  html body[data-duovox-ui] main.main :is(.r-filters,.dr-filters,.sr-filters,.bg-filters,.meta-filters,.nps-filters,.rk-toolbar,#lc-mi-filters-2110,#lc-tower-filters-2110,.lc-datero-filter-card,#lc-tower-metrics-2110 .tm-filters-2110) > * {min-width:0}
  html body[data-duovox-ui] main.main :is(.r-filters,.dr-filters,.sr-filters,.bg-filters,.meta-filters,.nps-filters,.rk-toolbar,#lc-mi-filters-2110,#lc-tower-filters-2110,.lc-datero-filter-card,#lc-tower-metrics-2110 .tm-filters-2110) label {
    color:var(--dui-muted)!important; font-size:12px!important; line-height:1.4!important;
  }
  html body[data-duovox-ui] main.main :is(.r-card,.dr-card) {
    background:var(--dui-surface)!important; color:var(--dui-ink)!important;
    border:1px solid var(--dui-line)!important; border-radius:12px!important; padding:16px!important;
  }
  html body[data-duovox-ui] main.main :is(.r-cards,.dr-cards) {gap:12px!important; align-items:stretch}
  html body[data-duovox-ui] main.main :is(.r-card,.dr-card) b {font-variant-numeric:tabular-nums}
  html body[data-duovox-ui] main.main :is(.lc-coverage,.lc-entry-v2) {
    width:100%!important; max-width:none!important; min-width:0!important; box-sizing:border-box;
    padding-left:0!important; padding-right:0!important;
  }
  html body[data-duovox-ui] main.main .lc-hub-tile {padding:22px!important; border-color:var(--dui-line)!important}
  html body[data-duovox-ui] main.main .lc-hub-icon {background:var(--dui-soft)!important; color:var(--dui-primary)!important}
  html body[data-duovox-ui] main.main .lc-hub-open {color:var(--dui-primary)!important}
  html body[data-duovox-ui] main.main .coverage-tabs {margin:0 0 20px!important; gap:8px!important}
  html body[data-duovox-ui] main.main .coverage-tabs a {
    border-radius:9px!important; padding:9px 14px!important; font-size:13px!important;
    color:var(--dui-secondary-ink)!important;
  }
  html body[data-duovox-ui] main.main .coverage-tabs a[aria-current="page"] {
    background:var(--dui-primary)!important; color:var(--dui-primary-ink)!important;
  }
  @media (max-width:700px) {
    html body[data-duovox-ui] main.main {--dui-title-size:23px}
    html body[data-duovox-ui] main.main :is(
      [data-dv-page-header],.topbar,.r-head,.dr-head,.ds-head,.cc-intro,.ms-head,
      .bg-head,.gd-head,.tower-head,.meta-hero,.mi-day-toolbar,.mi-head,
      .lc-hub-intro,.lc-v2-header,.rk-hero,.rs-head,.rnl-plan-head,
      .admin-cabecera,.estado-cabecera,.reglas-canal-cabecera,.ficha-cabecera,
      .ventas-cabecera,.ventas-pendientes-cabecera,.ef-head,.sr-head,.vr-head,
      .subestados-cabecera,.st-head,.trash-head,.nps-head,.panel-cabecera,
      .tm-heading,.sb-top,.sb-head,.coverage-heading,.query-head,
      .lc-mesa-0710-menu,.lc-tower-selector-card,#lc-tower-metrics-2110 .tm-heading
    ) {padding:18px!important; min-height:100px; gap:12px}
    html body[data-duovox-ui] main.main .lc-content-toolbar {gap:8px!important; flex-wrap:nowrap!important}
    html body[data-duovox-ui] main.main .lc-content-toolbar .lc-theme-tools > span {display:none}
    html body[data-duovox-ui] main.main :is(.r-filters,.dr-filters) {grid-template-columns:minmax(0,1fr)!important}
  }
  @media (prefers-reduced-motion:reduce) {
    html body[data-duovox-ui] main.main :is(.btn,.meta-btn,.lc-hub-tile,.lc-v2-choice) {transition:none!important; transform:none!important}
  }
}

/* DUOVOX_CBA_DISENO_AJUSTES_2310_V1: post-install browser findings. */
@media screen {
  /* Background and text change together, without a low-contrast intermediate frame. */
  html body[data-duovox-ui] main.main .lc-content-toolbar #leadcenter-global-back-v1 {
    transition:none!important;
  }
  html body[data-duovox-ui] main.main :is(.meta-page,.nps-page) {
    padding-top:0!important;
  }

  /* Legacy ID-based filter rules otherwise override the shared theme. */
  html body[data-duovox-ui] main.main :is(#lc-mi-filters-2110,#lc-tower-filters-2110,#lc-tower-metrics-2110 .tm-filters-2110) {
    color-scheme:light;
  }
  html[data-lc-theme="dark"] body[data-duovox-ui] main.main :is(#lc-mi-filters-2110,#lc-tower-filters-2110,#lc-tower-metrics-2110 .tm-filters-2110) {
    color-scheme:dark;
  }
  html body[data-duovox-ui] main.main :is(#lc-mi-filters-2110,#lc-tower-filters-2110,#lc-tower-metrics-2110 .tm-filters-2110) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),select) {
    background:var(--dui-surface)!important; color:var(--dui-ink)!important;
    border:1px solid var(--dui-line)!important; color-scheme:inherit!important;
    font-size:13px!important;
  }
  html body[data-duovox-ui] main.main :is(#lc-mi-filters-2110,#lc-tower-filters-2110,#lc-tower-metrics-2110 .tm-filters-2110) h2 {
    color:var(--dui-ink)!important;
  }
  html body[data-duovox-ui] main.main :is(#lc-mi-filters-2110,#lc-tower-filters-2110,#lc-tower-metrics-2110 .tm-filters-2110) :is(.btn,.tm-btn):not(.primary):not(.tm-primary):not(.danger):not(.warn):not(.success):not([style*="background"]) {
    background:var(--dui-secondary)!important; color:var(--dui-secondary-ink)!important;
    border:1px solid var(--dui-line)!important;
  }
  html body[data-duovox-ui] main.main :is(#lc-mi-filters-2110,#lc-tower-filters-2110,#lc-tower-metrics-2110 .tm-filters-2110) :is(.btn.primary,.tm-btn.tm-primary):not(.danger):not(.warn):not(.success) {
    background:var(--dui-primary)!important; color:var(--dui-primary-ink)!important;
    border:1px solid var(--dui-primary)!important;
  }
  html body[data-duovox-ui] main.main :is(#lc-mi-filters-2110,#lc-tower-filters-2110,#lc-tower-metrics-2110 .tm-filters-2110) :is(.btn.primary,.tm-btn.tm-primary):not(.danger):not(.warn):not(.success):hover {
    background:var(--dui-primary-hover)!important;
  }
  html body[data-duovox-ui] main.main :is(#lc-mi-filters-2110,#lc-tower-filters-2110,#lc-tower-metrics-2110 .tm-filters-2110) .btn.success {
    background:#e7f7ed!important; color:#205c43!important; border:1px solid #a2cbb1!important;
  }
  html[data-lc-theme="dark"] body[data-duovox-ui] main.main :is(#lc-mi-filters-2110,#lc-tower-filters-2110,#lc-tower-metrics-2110 .tm-filters-2110) .btn.success {
    background:#205c43!important; color:#e7fff0!important; border-color:#65b38a!important;
  }
  html body[data-duovox-ui] main.main .dui-mesa-export-actions {
    display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px;
  }
}
