/*
 * Experiencias visuales completas.
 * La capa funcional sigue siendo única; estos shells cambian navegación,
 * jerarquía, composición y respuesta móvil sin clonar controles ni datos.
 */

html[data-design="modern"] .modern-nav-group {
  min-width: 0;
  display: grid;
  gap: 3px;
}

html[data-design="modern"] .x-experience {
  min-width: 0;
  font-size: max(14px, calc(15px * var(--theme-font-scale, 1)));
}

html[data-design="modern"] .x-experience :is(p, li, td, label, input, select, textarea, button) {
  font-size: max(13px, .92em);
}

html[data-design="modern"] .x-experience :is(.m-command-description, .m-stat-note, .helper, small) {
  font-size: max(12px, .82em);
  line-height: 1.45;
}

html[data-design="modern"] .experience-frame,
html[data-design="modern"] .modern-module-content,
html[data-design="modern"] .x-experience {
  min-width: 0;
  max-width: 100%;
}

html[data-design="modern"] .experience-frame { margin-top: 18px; }
html[data-design="modern"] .modern-module-content { overflow: visible; }

/* 1 · Diseño Beta — consola operativa estable. */
html[data-theme="beta"] .x-beta-console {
  display: grid;
  gap: 13px;
}

html[data-theme="beta"] .x-nav-beta .modern-nav-group { padding-top: 3px; }

/* 2 · Mesa ejecutiva — cabecera horizontal y gran registro empresarial. */
@media (min-width: 981px) {
  html[data-theme="executive"] .app-shell {
    display: block !important;
    padding: 0 !important;
  }

  html[data-theme="executive"] .x-nav-executive {
    position: sticky !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px clamp(20px, 3vw, 52px) 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(180px, .45fr) minmax(0, 1fr) auto;
    grid-template-rows: 54px 48px;
    align-items: center;
    gap: 0 22px;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid var(--theme-border) !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 8px 30px rgba(16,44,50,.08) !important;
    backdrop-filter: blur(18px);
    z-index: 40;
  }

  html[data-theme="executive"] .x-nav-executive .modern-brand {
    grid-column: 1;
    grid-row: 1;
    padding: 0 !important;
    border: 0 !important;
  }

  html[data-theme="executive"] .x-nav-executive .brand-name strong { color: var(--theme-text) !important; }
  html[data-theme="executive"] .x-nav-executive .brand-name small { color: var(--theme-muted) !important; }

  html[data-theme="executive"] .x-nav-executive .modern-workspace-switch {
    grid-column: 2;
    grid-row: 1;
    min-height: 42px;
    border: 1px solid var(--theme-border) !important;
    border-radius: 9px !important;
    color: var(--theme-text) !important;
    background: var(--theme-surface-raised) !important;
  }

  html[data-theme="executive"] .xpe-nav-caption {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 9px;
    color: var(--theme-muted);
  }

  html[data-theme="executive"] .xpe-nav-caption span { font-size: 10px; font-weight: 850; letter-spacing: .16em; }
  html[data-theme="executive"] .xpe-nav-caption strong { color: var(--theme-text) !important; font-size: 14px; }

  html[data-theme="executive"] .x-nav-executive .modern-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
    height: 48px;
    display: flex !important;
    align-items: stretch;
    gap: 0 !important;
    overflow-x: auto;
    scrollbar-width: none;
  }

  html[data-theme="executive"] .x-nav-executive .modern-nav::-webkit-scrollbar { display: none; }
  html[data-theme="executive"] .x-nav-executive .modern-nav-group { display: contents; }
  html[data-theme="executive"] .x-nav-executive .modern-nav-heading { display: none; }
  html[data-theme="executive"] .x-nav-executive .nav-button {
    flex: 0 0 auto;
    min-height: 48px;
    padding: 8px 17px !important;
    display: inline-flex;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    color: var(--theme-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: nowrap;
  }

  html[data-theme="executive"] .x-nav-executive .nav-button.active {
    color: var(--theme-accent) !important;
    border-bottom-color: var(--theme-accent) !important;
  }

  html[data-theme="executive"] .x-nav-executive .modern-settings-button {
    position: absolute;
    right: 84px;
    top: 16px;
    width: 44px;
    min-height: 40px;
    padding: 0 !important;
    justify-content: center;
    border: 1px solid var(--theme-border) !important;
    border-radius: 9px !important;
  }

  html[data-theme="executive"] .x-nav-executive .modern-settings-button > span:last-child { display: none; }
  html[data-theme="executive"] .x-nav-executive .modern-sidebar-profile {
    position: absolute;
    right: 28px;
    top: 16px;
    width: 44px;
    min-height: 40px;
    padding: 3px !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 50% !important;
  }

  html[data-theme="executive"] .x-nav-executive .modern-sidebar-profile > div,
  html[data-theme="executive"] .x-nav-executive .modern-sidebar-profile > b { display: none; }
  html[data-theme="executive"] .main.modern-workspace {
    width: min(100%, 1660px);
    margin: 0 auto;
    padding: 20px clamp(24px, 3vw, 54px) 60px !important;
  }
}

html[data-theme="executive"] .x-topbar-executive {
  position: relative !important;
  min-height: 58px;
  border: 0 !important;
  border-bottom: 1px solid var(--theme-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="executive"] .xpe-masthead {
  min-width: 0;
  padding: clamp(22px, 3vw, 46px) clamp(20px, 3vw, 44px) 0;
  border: 1px solid var(--theme-border);
  border-radius: 15px 15px 0 0;
  background: linear-gradient(135deg,#fff 0%,#f4faf7 100%);
}

html[data-theme="executive"] .xpe-context-line {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--theme-muted);
  font-size: 11px;
  letter-spacing: .08em;
}

html[data-theme="executive"] .xpe-context-line span { color: var(--theme-accent); font-weight: 850; }
html[data-theme="executive"] .xpe-context-line strong { color: var(--theme-text) !important; font-size: 12px; }

html[data-theme="executive"] .xpe-masthead .m-command-header,
html[data-theme="executive"] .xpe-masthead .modern-dashboard-head {
  padding: 14px 0 25px;
  border: 0 !important;
  background: transparent !important;
}

html[data-theme="executive"] .xpe-masthead :is(.m-command-title,.modern-dashboard-head h1) {
  font-size: clamp(30px, 3.1vw, 50px);
  letter-spacing: -.045em;
}
html[data-theme="executive"] .xpe-masthead .m-command-kicker { display: none; }

html[data-theme="executive"] .xpe-masthead > :is(.m-ledger-deck,.m-analytics-overview,.modern-metric-grid,.period-bar) {
  margin: 0 calc(clamp(20px, 3vw, 44px) * -1);
  border-width: 1px 0 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="executive"] .xpe-canvas {
  min-width: 0;
  padding: clamp(20px, 2.3vw, 34px);
  border: 1px solid var(--theme-border);
  border-top: 0;
  border-radius: 0 0 15px 15px;
  background: var(--theme-surface);
}

html[data-theme="executive"] .xpe-register {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
}

html[data-theme="executive"] .xpe-register :is(.m-content-block,.m-panel,.m-data-viewport,.modern-chart-card,.modern-finance-card,.modern-recent-card,.modern-attention-card) {
  border-width: 1px 0 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="executive"] .x-executive-suite .modern-metric-grid {
  grid-template-columns: 1.45fr 1.45fr .75fr .75fr;
}

html[data-theme="executive"] .x-executive-suite .modern-metric-card:nth-child(-n+2) strong { font-size: clamp(30px, 3vw, 48px); }
html[data-theme="executive"] .x-executive-suite :is(.m-stat-strip,.modern-metric-grid) > * + * { border-left: 1px solid var(--theme-border) !important; }

/* 3 · Centro de control — riel de iconos, telemetría y consola densa. */
@media (min-width: 981px) {
  html[data-theme="control-dark"] .app-shell {
    grid-template-columns: 78px minmax(0, 1fr) !important;
  }

  html[data-theme="control-dark"] .x-nav-control {
    width: 78px !important;
    padding: 12px 9px !important;
    overflow-x: hidden;
    border-right: 1px solid #25344b !important;
  }

  html[data-theme="control-dark"] .x-nav-control .modern-brand { justify-content: center; padding: 0 0 12px !important; }
  html[data-theme="control-dark"] .x-nav-control .brand-name,
  html[data-theme="control-dark"] .x-nav-control .modern-workspace-switch > div,
  html[data-theme="control-dark"] .x-nav-control .modern-workspace-switch > b,
  html[data-theme="control-dark"] .x-nav-control .modern-nav-heading,
  html[data-theme="control-dark"] .x-nav-control .nav-button > span:last-child,
  html[data-theme="control-dark"] .x-nav-control .modern-sidebar-profile > div,
  html[data-theme="control-dark"] .x-nav-control .modern-sidebar-profile > b,
  html[data-theme="control-dark"] .xpc-nav-status span { display: none; }

  html[data-theme="control-dark"] .x-nav-control .modern-workspace-switch,
  html[data-theme="control-dark"] .x-nav-control .nav-button,
  html[data-theme="control-dark"] .x-nav-control .modern-settings-button {
    width: 48px;
    min-height: 45px;
    padding: 0 !important;
    place-content: center;
    justify-content: center;
    border: 1px solid transparent !important;
  }

  html[data-theme="control-dark"] .x-nav-control .modern-workspace-switch > span,
  html[data-theme="control-dark"] .x-nav-control .nav-icon { font-size: 19px; }
  html[data-theme="control-dark"] .x-nav-control .modern-nav { gap: 5px; }
  html[data-theme="control-dark"] .x-nav-control .modern-nav-group { display: contents; }
  html[data-theme="control-dark"] .x-nav-control .nav-button.active {
    border-color: #235a72 !important;
    background: linear-gradient(135deg,#13304a,#10263a) !important;
    box-shadow: inset 3px 0 #25c5c9 !important;
  }

  html[data-theme="control-dark"] .xpc-nav-status { order: -1; display: grid; place-items: center; padding: 5px 0 10px; }
  html[data-theme="control-dark"] .xpc-nav-status i { width: 8px; height: 8px; border-radius: 50%; background: #26d7a0; box-shadow: 0 0 12px #26d7a0; }
  html[data-theme="control-dark"] .x-nav-control .modern-sidebar-profile { width: 48px; padding: 3px !important; justify-content: center; }
  html[data-theme="control-dark"] .main.modern-workspace { padding: 0 18px 46px !important; }
}

html[data-theme="control-dark"] .x-topbar-control-dark {
  margin: 0 -18px !important;
  padding: 11px 18px !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  background: rgba(7,11,19,.96) !important;
}

html[data-theme="control-dark"] .x-control-center { gap: 8px; }
html[data-theme="control-dark"] .xpc-monitor-head {
  display: grid;
  border: 1px solid #25364f;
  border-radius: 7px;
  overflow: hidden;
  background: linear-gradient(180deg,#101a29,#0c1421);
}

html[data-theme="control-dark"] .xpc-signal-bar {
  min-height: 35px;
  padding: 7px 13px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  border-bottom: 1px solid #25364f;
  background: #0b121e;
  color: #8293ac;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .09em;
}

html[data-theme="control-dark"] .xpc-signal-bar span { display: inline-flex; align-items: center; gap: 7px; }
html[data-theme="control-dark"] .xpc-signal-bar i { width: 6px; height: 6px; border-radius: 50%; background: #506077; }
html[data-theme="control-dark"] .xpc-signal-bar .xpc-live { color: #54e1bd; }
html[data-theme="control-dark"] .xpc-signal-bar .xpc-live i { background: #2dd4a3; box-shadow: 0 0 9px #2dd4a3; }

html[data-theme="control-dark"] .xpc-monitor-head .m-command-header,
html[data-theme="control-dark"] .xpc-monitor-head .modern-dashboard-head {
  padding: 13px 15px !important;
  border: 0 !important;
  background: transparent !important;
}

html[data-theme="control-dark"] .xpc-monitor-head :is(.m-command-title,.modern-dashboard-head h1) {
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size: clamp(23px, 2vw, 31px);
  letter-spacing: -.035em;
}

html[data-theme="control-dark"] .xpc-console-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

html[data-theme="control-dark"] .xpc-console-grid :is(.m-content-block,.m-panel,.m-data-viewport,.modern-metric-card,.modern-chart-card,.modern-finance-card,.modern-recent-card,.modern-attention-card) {
  border-radius: 5px !important;
  border-color: #263851 !important;
  background: #101826 !important;
  box-shadow: inset 0 1px rgba(74,163,255,.08) !important;
}

html[data-theme="control-dark"] .xpc-console-grid :is(.m-stat-strip,.modern-metric-grid) {
  grid-auto-flow: column;
  grid-auto-columns: minmax(190px,1fr);
  overflow-x: auto;
  gap: 6px;
}

html[data-theme="control-dark"] .x-control-center :is(th,.m-command-kicker,.m-stat-label,.modern-metric-card span) {
  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* 4 · Espacio flotante — islas translúcidas y dock suspendido. */
@media (min-width: 981px) {
  html[data-theme="soft-glass"] .app-shell {
    grid-template-columns: 224px minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 18px !important;
  }

  html[data-theme="soft-glass"] .x-nav-glass {
    position: sticky !important;
    top: 18px !important;
    width: 224px !important;
    height: calc(100dvh - 36px) !important;
    padding: 20px 16px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 28px !important;
    background: rgba(247,252,255,.68) !important;
    box-shadow: 0 28px 70px rgba(54,91,110,.15) !important;
    backdrop-filter: blur(24px) saturate(145%);
  }

  html[data-theme="soft-glass"] .x-nav-glass .brand { border: 0 !important; }
  html[data-theme="soft-glass"] .x-nav-glass .brand-name strong { color: var(--theme-text) !important; }
  html[data-theme="soft-glass"] .x-nav-glass .brand-name small { color: var(--theme-muted) !important; }
  html[data-theme="soft-glass"] .x-nav-glass .modern-workspace-switch { border-radius: 18px !important; background: rgba(255,255,255,.58) !important; }
  html[data-theme="soft-glass"] .x-nav-glass .modern-nav { gap: 7px; }
  html[data-theme="soft-glass"] .x-nav-glass .modern-nav-heading { display: none; }
  html[data-theme="soft-glass"] .x-nav-glass .modern-nav-group { display: contents; }
  html[data-theme="soft-glass"] .x-nav-glass .nav-button {
    min-height: 45px;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 999px !important;
    color: var(--theme-text) !important;
    background: rgba(255,255,255,.45) !important;
    box-shadow: 0 7px 18px rgba(70,105,120,.07) !important;
  }

  html[data-theme="soft-glass"] .x-nav-glass .nav-button.active {
    color: #fff !important;
    background: linear-gradient(135deg,#2563eb,#2b7fff) !important;
    box-shadow: 0 11px 24px rgba(37,99,235,.28) !important;
  }

  html[data-theme="soft-glass"] .xpg-nav-orb { display: flex; justify-content: center; gap: 6px; padding: 4px 0 10px; }
  html[data-theme="soft-glass"] .xpg-nav-orb i { width: 6px; height: 6px; border-radius: 50%; background: #7e8d95; }
  html[data-theme="soft-glass"] .xpg-nav-orb i:nth-child(2) { background: #2b76f6; transform: scale(1.35); }
  html[data-theme="soft-glass"] .main.modern-workspace { padding: 0 0 50px !important; }
}

html[data-theme="soft-glass"] .x-topbar-soft-glass {
  position: sticky;
  top: 18px;
  margin-bottom: 18px;
  border: 1px solid rgba(255,255,255,.88) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.68) !important;
  box-shadow: 0 18px 48px rgba(54,91,110,.11) !important;
  backdrop-filter: blur(24px) saturate(150%);
}

html[data-theme="soft-glass"] .experience-frame { margin-top: 0; }
html[data-theme="soft-glass"] .x-glass-workspace { position: relative; gap: 15px; }
html[data-theme="soft-glass"] .xpg-orbit-header {
  position: relative;
  padding: clamp(22px, 3vw, 40px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 30px;
  background: linear-gradient(125deg,rgba(255,255,255,.78),rgba(235,246,255,.56));
  box-shadow: 0 24px 62px rgba(54,91,110,.13);
  backdrop-filter: blur(22px);
}

html[data-theme="soft-glass"] .xpg-orbit-header::after {
  content: "";
  position: absolute;
  width: 270px;
  aspect-ratio: 1;
  right: -80px;
  top: -140px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(65,124,255,.26),transparent 68%);
}

html[data-theme="soft-glass"] .xpg-orbit-dot { position: absolute; right: 42px; bottom: 26px; width: 11px; height: 11px; border-radius: 50%; background: #2b76f6; box-shadow: 0 0 0 12px rgba(43,118,246,.10),0 0 0 25px rgba(43,118,246,.05); }
html[data-theme="soft-glass"] .xpg-orbit-header :is(.m-command-header,.modern-dashboard-head) { position: relative; z-index: 1; padding: 0 !important; border: 0 !important; background: transparent !important; }
html[data-theme="soft-glass"] .xpg-orbit-header :is(.m-command-title,.modern-dashboard-head h1) { font-size: clamp(30px,4vw,54px); letter-spacing: -.05em; }

html[data-theme="soft-glass"] .xpg-canvas { position: relative; min-width: 0; }
html[data-theme="soft-glass"] .xpg-ambient { position: absolute; width: 260px; aspect-ratio: 1; border-radius: 50%; filter: blur(42px); opacity: .2; pointer-events: none; }
html[data-theme="soft-glass"] .xpg-ambient-a { left: 10%; top: 8%; background: #36a4ff; }
html[data-theme="soft-glass"] .xpg-ambient-b { right: 8%; bottom: 6%; background: #8b5cf6; }
html[data-theme="soft-glass"] .xpg-island-grid {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(290px,.72fr);
  align-items: start;
  gap: 18px;
}

html[data-theme="soft-glass"] .xpg-island {
  min-width: 0;
  padding: clamp(16px, 2vw, 26px);
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.66) !important;
  box-shadow: 0 24px 58px rgba(54,91,110,.12) !important;
  backdrop-filter: blur(22px) saturate(140%);
}

html[data-theme="soft-glass"] .xpg-island-1 { grid-column: 1 / -1; }
html[data-theme="soft-glass"] .xpg-island-2 { grid-column: 1; }
html[data-theme="soft-glass"] .xpg-island-3 { grid-column: 2; grid-row: 2; }
html[data-theme="soft-glass"] .xpg-island-4 { grid-column: 1 / -1; }
html[data-theme="soft-glass"] .xpg-island :is(.m-content-block,.m-panel,.m-data-viewport,.modern-metric-card,.modern-chart-card,.modern-finance-card,.modern-recent-card,.modern-attention-card) { box-shadow: none !important; }

/* 5 · Libro mayor — encabezado negro, índice de capítulos y folio editorial. */
@media (min-width: 981px) {
  html[data-theme="premium"] .app-shell {
    grid-template-columns: 218px minmax(0, 1fr) !important;
  }

  html[data-theme="premium"] .x-nav-premium {
    width: 218px !important;
    padding: 0 !important;
    border-right: 1px solid #3b493d !important;
    background: #23362d !important;
  }

  html[data-theme="premium"] .x-nav-premium .modern-brand { min-height: 96px; padding: 24px 20px !important; border: 0 !important; background: #171a17; }
  html[data-theme="premium"] .x-nav-premium .brand-name strong { font-family: Georgia,"Times New Roman",serif; font-size: 18px; }
  html[data-theme="premium"] .x-nav-premium .modern-workspace-switch { margin: 16px; border-radius: 0 !important; border-width: 0 0 1px !important; }
  html[data-theme="premium"] .xpp-nav-rule { margin: 0 20px 8px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); color: #c9ae78; font: 700 9px/1.2 Georgia,serif; letter-spacing: .16em; }
  html[data-theme="premium"] .x-nav-premium .modern-nav { gap: 0; }
  html[data-theme="premium"] .x-nav-premium .modern-nav-heading { padding: 16px 20px 7px; color: #c9ae78 !important; font: 700 9px/1 Georgia,serif; }
  html[data-theme="premium"] .x-nav-premium .nav-button { min-height: 47px; padding: 11px 20px !important; border-width: 0 0 1px !important; border-color: rgba(255,255,255,.08) !important; }
  html[data-theme="premium"] .x-nav-premium .nav-button.active { background: rgba(0,0,0,.18) !important; box-shadow: inset 3px 0 #c9ae78 !important; }
  html[data-theme="premium"] .x-nav-premium .modern-settings-button { margin-top: 16px; }
  html[data-theme="premium"] .x-nav-premium .modern-sidebar-profile { margin: 16px; border-radius: 0 !important; border-top: 1px solid rgba(255,255,255,.16) !important; }
  html[data-theme="premium"] .main.modern-workspace { padding: 0 0 60px !important; }
}

html[data-theme="premium"] .x-topbar-premium {
  margin: 0 !important;
  padding: 16px clamp(22px,3vw,54px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #f8f2e8 !important;
  background: #171a17 !important;
}

html[data-theme="premium"] .x-topbar-premium :is(.modern-breadcrumb span,.modern-breadcrumb strong,.branch-select span) { color: #d8d0c4 !important; }
html[data-theme="premium"] .x-topbar-premium :is(select,.button,.design-preview-switch) { border-color: #4b4c45 !important; color: #f8f2e8 !important; background: #242722 !important; }
html[data-theme="premium"] .experience-frame { margin: 0; }
html[data-theme="premium"] .x-premium-ledger { padding: clamp(28px,4vw,64px) clamp(24px,4.2vw,72px); }
html[data-theme="premium"] .xpp-editorial-grid { min-width: 0; display: grid; grid-template-columns: 176px minmax(0,1fr); gap: clamp(28px,4vw,64px); }
html[data-theme="premium"] .xpp-chapter-index { position: sticky; top: 22px; align-self: start; display: grid; border-top: 2px solid #24392e; }
html[data-theme="premium"] .xpp-index-heading { padding: 18px 0 22px; border-bottom: 1px solid var(--theme-border); display: grid; gap: 5px; }
html[data-theme="premium"] .xpp-index-heading span { color: #9b7a43; font-size: 9px; font-weight: 850; letter-spacing: .18em; }
html[data-theme="premium"] .xpp-index-heading strong { font-family: Georgia,"Times New Roman",serif; font-size: 20px; }
html[data-theme="premium"] .xpp-chapter-index > div:not(.xpp-index-heading) { padding: 12px 0; display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 8px; border-bottom: 1px solid var(--theme-border); color: var(--theme-muted); }
html[data-theme="premium"] .xpp-chapter-index > div.is-current { color: #315a45; }
html[data-theme="premium"] .xpp-chapter-index b { color: #a6844b !important; font: 600 11px/1 Georgia,serif; }
html[data-theme="premium"] .xpp-chapter-index span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
html[data-theme="premium"] .xpp-folio { min-width: 0; border-top: 2px solid #24392e; }
html[data-theme="premium"] .xpp-editorial-head { position: relative; padding: 28px 110px 34px 0; border-bottom: 1px solid var(--theme-border); }
html[data-theme="premium"] .xpp-editorial-head :is(.m-command-header,.modern-dashboard-head) { padding: 0 !important; border: 0 !important; background: transparent !important; }
html[data-theme="premium"] .xpp-editorial-head :is(.m-command-title,.modern-dashboard-head h1) { font-family: Georgia,"Times New Roman",serif; font-size: clamp(36px,4.5vw,70px); font-weight: 500 !important; letter-spacing: -.045em; }
html[data-theme="premium"] .xpp-page-mark { position: absolute; right: 0; top: 32px; max-width: 100px; color: #9b7a43; font: 700 9px/1.4 Georgia,serif; letter-spacing: .13em; text-align: right; }
html[data-theme="premium"] .xpp-folio-section { min-width: 0; padding: clamp(24px,3vw,42px) 0; border-bottom: 1px solid var(--theme-border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html[data-theme="premium"] .xpp-folio-section :is(.m-content-block,.m-panel,.m-data-viewport,.modern-metric-card,.modern-chart-card,.modern-finance-card,.modern-recent-card,.modern-attention-card) { border-width: 1px 0 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html[data-theme="premium"] .xpp-folio-section :is(.m-stat-strip,.modern-metric-grid) { gap: 0; border-width: 1px 0 !important; border-radius: 0 !important; }
html[data-theme="premium"] .xpp-folio-section :is(.m-stat,.modern-metric-card) { border-width: 0 0 0 1px !important; border-radius: 0 !important; background: transparent !important; }
html[data-theme="premium"] .xpp-folio-section :is(.m-stat,.modern-metric-card):first-child { border-left: 0 !important; }
html[data-theme="premium"] .xpp-folio-section :is(.m-stat-value,.modern-metric-card strong) { font-family: Georgia,"Times New Roman",serif; font-weight: 500 !important; }

/* 6 · Centro logístico — bento operacional y dock de acciones. */
@media (min-width: 981px) {
  html[data-theme="logistics-modular"] .app-shell { grid-template-columns: 196px minmax(0,1fr) !important; }
  html[data-theme="logistics-modular"] .x-nav-logistics { width: 196px !important; padding: 14px 10px !important; background: linear-gradient(180deg,#071633,#0b2049) !important; }
  html[data-theme="logistics-modular"] .x-nav-logistics .brand { padding: 0 8px 14px !important; }
  html[data-theme="logistics-modular"] .x-nav-logistics .modern-workspace-switch { margin: 5px 0 10px; border-radius: 12px !important; }
  html[data-theme="logistics-modular"] .xpl-nav-state { margin: 0 4px 10px; padding: 9px; display: flex; align-items: center; gap: 7px; border: 1px solid #284c87; border-radius: 9px; color: #a8c5f4; font-size: 9px; font-weight: 800; }
  html[data-theme="logistics-modular"] .xpl-nav-state i { width: 7px; height: 7px; border-radius: 50%; background: #2de2a2; box-shadow: 0 0 10px #2de2a2; }
  html[data-theme="logistics-modular"] .x-nav-logistics .modern-nav { display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important; }
  html[data-theme="logistics-modular"] .x-nav-logistics .modern-nav-group { display: contents; }
  html[data-theme="logistics-modular"] .x-nav-logistics .modern-nav-heading { display: none; }
  html[data-theme="logistics-modular"] .x-nav-logistics .nav-button { min-height: 42px; padding: 8px 11px !important; display: flex !important; justify-items: initial !important; text-align: left !important; border: 1px solid transparent !important; border-radius: 8px !important; }
  html[data-theme="logistics-modular"] .x-nav-logistics .nav-button.active { border-color: #1768ff !important; background: linear-gradient(135deg,#0b4ecd,#146fff) !important; box-shadow: 0 10px 24px rgba(17,98,240,.28) !important; }
  html[data-theme="logistics-modular"] .main.modern-workspace { padding: 14px 116px 76px 14px !important; }
}

html[data-theme="logistics-modular"] .x-topbar-logistics-modular {
  min-height: 62px;
  margin: 0 !important;
  border: 1px solid #29457d !important;
  border-radius: 12px !important;
  background: linear-gradient(120deg,#0d214a,#102b5e) !important;
}

html[data-theme="logistics-modular"] .experience-frame { margin-top: 12px; }
html[data-theme="logistics-modular"] .x-logistics-board { gap: 10px; }
html[data-theme="logistics-modular"] .xpl-command-ribbon {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid #2c55a1;
  border-radius: 12px;
  background: linear-gradient(115deg,#102754,#0d326d);
  box-shadow: inset 0 1px rgba(255,255,255,.06);
}

html[data-theme="logistics-modular"] .xpl-command-ribbon :is(.m-command-header,.modern-dashboard-head) { padding: 0 !important; border: 0 !important; background: transparent !important; }
html[data-theme="logistics-modular"] .xpl-command-ribbon :is(.m-command-title,.modern-dashboard-head h1) { font-size: clamp(26px,2.8vw,42px); }
html[data-theme="logistics-modular"] .xpl-route-progress { display: flex; align-items: center; gap: 6px; }
html[data-theme="logistics-modular"] .xpl-route-progress span { display: inline-flex; align-items: center; gap: 6px; color: #9eb8e7; font-size: 11px; }
html[data-theme="logistics-modular"] .xpl-route-progress span::after { content: "›"; color: #5c79ad; }
html[data-theme="logistics-modular"] .xpl-route-progress span:last-child::after { display: none; }
html[data-theme="logistics-modular"] .xpl-route-progress b { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid #3b5f9e; border-radius: 7px; color: #c5d6f4 !important; }
html[data-theme="logistics-modular"] .xpl-route-progress .is-active b { color: #05142d !important; border-color: #38e2a6; background: #38e2a6; }

html[data-theme="logistics-modular"] .xpl-bento-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  align-items: start;
  gap: 10px;
}

html[data-theme="logistics-modular"] .xpl-module {
  min-width: 0;
  grid-column: span 6;
  padding: 13px;
  border: 1px solid #2c4d89 !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg,#132b5a,#101f45) !important;
  box-shadow: 0 18px 40px rgba(2,9,29,.24) !important;
}

html[data-theme="logistics-modular"] .xpl-module-1,
html[data-theme="logistics-modular"] .xpl-module:has(.m-data-viewport),
html[data-theme="logistics-modular"] .xpl-module:has(.modern-dashboard-grid) { grid-column: span 8; }
html[data-theme="logistics-modular"] .xpl-module-2,
html[data-theme="logistics-modular"] .xpl-module:has(.m-stat-strip) { grid-column: span 4; }
html[data-theme="logistics-modular"] .xpl-module:nth-child(n+3) { grid-column: span 6; }
html[data-theme="logistics-modular"] .xpl-module > :is(.m-content-block,.m-panel,.m-data-viewport,.modern-chart-card,.modern-finance-card,.modern-recent-card,.modern-attention-card) { border-radius: 9px !important; }
html[data-theme="logistics-modular"] .xpl-primary-task { border-color: #2377f4 !important; box-shadow: 0 0 0 1px rgba(35,119,244,.18),0 20px 46px rgba(2,9,29,.28) !important; }

html[data-theme="logistics-modular"] .xpl-quick-dock {
  position: fixed;
  right: 14px;
  top: 142px;
  z-index: 18;
  width: 92px;
  padding: 8px;
  display: grid;
  gap: 8px;
  border: 1px solid #2a4e8f;
  border-radius: 13px;
  background: #0b1d42;
  box-shadow: 0 20px 48px rgba(2,8,27,.36);
}

html[data-theme="logistics-modular"] .xpl-quick-dock button {
  min-height: 68px;
  padding: 7px 4px;
  display: grid;
  place-items: center;
  gap: 2px;
  border: 1px solid #315792;
  border-radius: 9px;
  color: #dbe8ff;
  background: #142f65;
  cursor: pointer;
}

html[data-theme="logistics-modular"] .xpl-quick-dock button:first-child { color: #fff; border-color: #237cff; background: linear-gradient(135deg,#0b55e8,#167dff); }
html[data-theme="logistics-modular"] .xpl-quick-dock b { font-size: 20px; color: inherit !important; }
html[data-theme="logistics-modular"] .xpl-quick-dock span { font-size: 9px; font-weight: 750; }
html[data-theme="logistics-modular"] .x-logistics-board .modern-metric-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
html[data-theme="logistics-modular"] .x-logistics-board .modern-metric-card:nth-child(1) { background: linear-gradient(145deg,#087b91,#0d5f78) !important; }
html[data-theme="logistics-modular"] .x-logistics-board .modern-metric-card:nth-child(2) { background: linear-gradient(145deg,#075ee7,#0846ba) !important; }
html[data-theme="logistics-modular"] .x-logistics-board .modern-metric-card:nth-child(3) { background: linear-gradient(145deg,#3aaf5e,#248a48) !important; }
html[data-theme="logistics-modular"] .x-logistics-board .modern-metric-card:nth-child(4) { background: linear-gradient(145deg,#ef8a12,#c45d05) !important; }
html[data-theme="logistics-modular"] .x-logistics-board .modern-metric-card :is(span,strong,p,b) { color: #fff !important; }

/* Reflujo de escritorio estrecho y zoom (incluye 200 %). */
@media (max-width: 1200px) and (min-width: 761px) {
  html[data-theme="executive"] .x-nav-executive { grid-template-columns: auto minmax(0,1fr) auto; }
  html[data-theme="executive"] .x-nav-executive .modern-workspace-switch { display: none; }
  html[data-theme="executive"] .xpe-nav-caption { grid-column: 2; }
  html[data-theme="executive"] .x-executive-suite .modern-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-theme="soft-glass"] .app-shell { grid-template-columns: 92px minmax(0,1fr) !important; }
  html[data-theme="soft-glass"] .x-nav-glass { width: 92px !important; padding-inline: 10px !important; }
  html[data-theme="soft-glass"] .x-nav-glass :is(.brand-name,.modern-workspace-switch>div,.modern-workspace-switch>b,.nav-button>span:last-child,.modern-sidebar-profile>div,.modern-sidebar-profile>b) { display: none; }
  html[data-theme="soft-glass"] .x-nav-glass :is(.modern-workspace-switch,.nav-button,.modern-settings-button) { justify-content: center; }
  html[data-theme="soft-glass"] .xpg-island-grid { grid-template-columns: minmax(0,1fr); }
  html[data-theme="soft-glass"] .xpg-island { grid-column: 1 !important; grid-row: auto !important; }
  html[data-theme="premium"] .xpp-editorial-grid { grid-template-columns: minmax(0,1fr); }
  html[data-theme="premium"] .xpp-chapter-index { position: static; display: flex; gap: 0; overflow-x: auto; border-bottom: 1px solid var(--theme-border); }
  html[data-theme="premium"] .xpp-index-heading { min-width: 160px; border-right: 1px solid var(--theme-border); }
  html[data-theme="premium"] .xpp-chapter-index > div:not(.xpp-index-heading) { min-width: 145px; border-right: 1px solid var(--theme-border); }
  html[data-theme="logistics-modular"] .main.modern-workspace { padding-right: 14px !important; }
  html[data-theme="logistics-modular"] .xpl-quick-dock { position: static; width: auto; grid-template-columns: repeat(4,minmax(0,1fr)); grid-column: 1 / -1; }
  html[data-theme="logistics-modular"] .xpl-quick-dock button { min-height: 54px; }
  html[data-theme="logistics-modular"] .xpl-module { grid-column: 1 / -1 !important; }
}

/* Experiencia móvil propia por tema; conserva las cuatro acciones y “Más”. */
@media (max-width: 760px) {
  html[data-design="modern"] .modern-nav-group { display: contents !important; }
  html[data-design="modern"] .x-nav-shell .modern-workspace-switch,
  html[data-design="modern"] .x-nav-shell > :is(.xpe-nav-caption,.xpc-nav-status,.xpg-nav-orb,.xpp-nav-rule,.xpl-nav-state),
  html[data-design="modern"] .x-nav-shell .modern-settings-button,
  html[data-design="modern"] .x-nav-shell .modern-sidebar-profile { display: none !important; }
  html[data-design="modern"] .x-nav-shell .modern-nav-heading { display: none !important; }
  html[data-design="modern"] .experience-frame { margin-top: 12px; }
  html[data-design="modern"] .x-experience { font-size: 15px; }
  html[data-design="modern"] .x-experience :is(input,select,textarea,.button) { min-height: 44px; }

  html[data-theme="executive"] .xpe-masthead { padding: 20px 16px 0; border-radius: 12px 12px 0 0; }
  html[data-theme="executive"] .xpe-masthead > :is(.m-ledger-deck,.m-analytics-overview,.modern-metric-grid,.period-bar) { margin-inline: -16px; }
  html[data-theme="executive"] .xpe-masthead :is(.m-command-title,.modern-dashboard-head h1) { font-size: 30px; }
  html[data-theme="executive"] .xpe-canvas { padding: 14px; border-radius: 0 0 12px 12px; }
  html[data-theme="executive"] .x-executive-suite .modern-metric-grid { display: flex; overflow-x: auto; }
  html[data-theme="executive"] .x-executive-suite .modern-metric-card { flex: 0 0 82%; }
  html[data-theme="executive"] .x-nav-executive { border-top: 3px solid var(--theme-accent) !important; border-radius: 0 !important; }

  html[data-theme="control-dark"] .x-topbar-control-dark { margin: 0 -13px !important; padding-inline: 13px !important; }
  html[data-theme="control-dark"] .xpc-signal-bar { justify-content: flex-start; overflow-x: auto; }
  html[data-theme="control-dark"] .xpc-signal-bar span { flex: 0 0 auto; }
  html[data-theme="control-dark"] .xpc-monitor-head { border-radius: 4px; }
  html[data-theme="control-dark"] .x-nav-control { border-top: 1px solid #2b4668 !important; background: #07101d !important; }

  html[data-theme="soft-glass"] body { background-attachment: scroll; }
  html[data-theme="soft-glass"] .app-shell { padding: 0 0 calc(96px + env(safe-area-inset-bottom,0px)) !important; }
  html[data-theme="soft-glass"] .main.modern-workspace { padding: 10px 12px 42px !important; }
  html[data-theme="soft-glass"] .x-topbar-soft-glass { top: 8px; border-radius: 18px !important; }
  html[data-theme="soft-glass"] .xpg-orbit-header { padding: 22px 18px; border-radius: 24px; }
  html[data-theme="soft-glass"] .xpg-orbit-header :is(.m-command-title,.modern-dashboard-head h1) { font-size: 31px; }
  html[data-theme="soft-glass"] .xpg-island-grid { grid-template-columns: minmax(0,1fr); }
  html[data-theme="soft-glass"] .xpg-island { grid-column: 1 !important; grid-row: auto !important; padding: 15px; border-radius: 22px !important; }
  html[data-theme="soft-glass"] .x-nav-glass { margin: 0 10px calc(8px + env(safe-area-inset-bottom,0px)); width: auto !important; border: 1px solid rgba(255,255,255,.8) !important; border-radius: 22px !important; background: rgba(241,249,255,.78) !important; }
  html[data-theme="soft-glass"] .x-nav-glass .nav-button { color: #2a4050 !important; }
  html[data-theme="soft-glass"] .x-nav-glass .nav-button.active { color: #fff !important; background: #2b76f6 !important; }

  html[data-theme="premium"] .main.modern-workspace { padding: 0 0 42px !important; }
  html[data-theme="premium"] .x-topbar-premium { padding: 12px 13px !important; }
  html[data-theme="premium"] .x-premium-ledger { padding: 24px 16px; }
  html[data-theme="premium"] .xpp-editorial-grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
  html[data-theme="premium"] .xpp-chapter-index { position: static; display: flex; overflow-x: auto; }
  html[data-theme="premium"] .xpp-index-heading { min-width: 145px; }
  html[data-theme="premium"] .xpp-chapter-index > div:not(.xpp-index-heading) { min-width: 130px; }
  html[data-theme="premium"] .xpp-editorial-head { padding: 24px 0 30px; }
  html[data-theme="premium"] .xpp-editorial-head :is(.m-command-title,.modern-dashboard-head h1) { font-size: 38px; }
  html[data-theme="premium"] .xpp-page-mark { position: static; display: block; margin-top: 13px; text-align: left; }
  html[data-theme="premium"] .x-nav-premium { background: #1d2f27 !important; border-top: 2px solid #c9ae78 !important; }

  html[data-theme="logistics-modular"] .main.modern-workspace { padding: 8px 10px 44px !important; }
  html[data-theme="logistics-modular"] .xpl-command-ribbon { grid-template-columns: minmax(0,1fr); padding: 14px; }
  html[data-theme="logistics-modular"] .xpl-command-ribbon :is(.m-command-title,.modern-dashboard-head h1) { font-size: 28px; }
  html[data-theme="logistics-modular"] .xpl-route-progress { overflow-x: auto; }
  html[data-theme="logistics-modular"] .xpl-route-progress span { flex: 0 0 auto; }
  html[data-theme="logistics-modular"] .xpl-bento-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-theme="logistics-modular"] .xpl-module { grid-column: 1 / -1 !important; padding: 10px; }
  html[data-theme="logistics-modular"] .xpl-module:has(.modern-metric-grid) .modern-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-theme="logistics-modular"] .xpl-module:has(.modern-metric-grid) .modern-metric-card { min-width: 0; padding: 12px 9px !important; }
  html[data-theme="logistics-modular"] .xpl-module:has(.modern-metric-grid) .modern-metric-card > div > span { font-size: 8px !important; letter-spacing: .06em; }
  html[data-theme="logistics-modular"] .xpl-module:has(.modern-metric-grid) .modern-metric-card strong { font-size: clamp(20px,6.5vw,27px) !important; white-space: nowrap; }
  html[data-theme="logistics-modular"] .xpl-quick-dock { display: none; }
  html[data-theme="logistics-modular"] .x-nav-logistics { background: #081a3d !important; border-top: 2px solid #176fff !important; }
}

@media (max-width: 430px) {
  html[data-theme="executive"] .xpe-context-line { align-items: flex-start; flex-direction: column; gap: 3px; }
  html[data-theme="control-dark"] .xpc-signal-bar span:nth-child(2) { display: none; }
  html[data-theme="soft-glass"] .xpg-orbit-dot { display: none; }
  html[data-theme="premium"] .xpp-chapter-index { margin-inline: -16px; padding-inline: 16px; }
  html[data-theme="logistics-modular"] .xpl-route-progress span { font-size: 10px; }
}

@media print {
  html[data-design="modern"] .x-nav-shell,
  html[data-design="modern"] .modern-app-topbar,
  html[data-design="modern"] :is(.xpc-signal-bar,.xpp-chapter-index,.xpl-route-progress,.xpl-quick-dock) { display: none !important; }
  html[data-design="modern"] .app-shell,
  html[data-design="modern"] :is(.xpe-canvas,.xpg-island-grid,.xpp-editorial-grid,.xpl-bento-grid) { display: block !important; }
  html[data-design="modern"] .main.modern-workspace,
  html[data-design="modern"] :is(.x-premium-ledger,.xpg-island,.xpl-module) { padding: 0 !important; }
}

/* La hoja heredada tiene selectores de compatibilidad muy específicos para
   .branch-bar; estas reglas finales garantizan que cada shell conserve su
   cabecera propia en todos los navegadores y tamaños. */
html[data-design="modern"][data-theme="executive"] .modern-app-topbar.x-topbar-executive {
  background: rgba(255,255,255,.97) !important;
  color: #102c32 !important;
}
html[data-design="modern"][data-theme="control-dark"] .modern-app-topbar.x-topbar-control-dark {
  background: rgba(7,11,19,.97) !important;
}
html[data-design="modern"][data-theme="soft-glass"] .modern-app-topbar.x-topbar-soft-glass {
  background: rgba(255,255,255,.72) !important;
}
html[data-design="modern"][data-theme="premium"] .modern-app-topbar.x-topbar-premium {
  background: #171a17 !important;
}
html[data-design="modern"][data-theme="logistics-modular"] .modern-app-topbar.x-topbar-logistics-modular {
  background: linear-gradient(120deg,#0d214a,#102b5e) !important;
}

/* ========================================================================== *
   Beta 1.49.1 · legibilidad y reflujo móvil verificados en todas las vistas
   ========================================================================== */

/* Los renderizadores antiguos usaban algunos colores oscuros fijos. Esta capa
   final hace que cada componente interior obedezca la paleta del tema activo. */
html[data-design="modern"][data-theme] .modern-workspace b:not(.badge):not(.nav-badge):not(.m-cash-operator) {
  color: var(--theme-text) !important;
}

html[data-design="modern"][data-theme] .modern-workspace .empty {
  color: var(--theme-muted) !important;
}

html[data-design="modern"][data-theme] .modern-workspace .empty strong,
html[data-design="modern"][data-theme] .modern-workspace :is(
  .modern-card-header button,
  .modern-finance-list strong,
  .modern-chart-summary strong,
  .modern-attention-list strong
) {
  color: var(--theme-text) !important;
}

html[data-design="modern"][data-theme] .modern-workspace :is(
  .modern-finance-list span,
  .modern-chart-summary span,
  .modern-chart-labels span,
  .modern-card-header button,
  .m-section-heading p,
  .m-data-table small
) {
  color: var(--theme-muted) !important;
}

html[data-design="modern"][data-theme] .modern-workspace :is(.m-settings-nav,.m-admin-nav) :is(a,span) {
  color: var(--theme-muted) !important;
}

html[data-design="modern"][data-theme] .modern-workspace :is(.m-settings-nav,.m-admin-nav) .is-active {
  color: var(--theme-accent-contrast) !important;
  background: var(--theme-accent) !important;
  box-shadow: none !important;
}

html[data-design="modern"][data-theme] .modern-workspace :is(.notice-tabs,.m-comms-tabs) button {
  color: var(--theme-muted) !important;
}

html[data-design="modern"][data-theme] .modern-workspace :is(.notice-tabs,.m-comms-tabs) button.active {
  color: var(--theme-accent-contrast) !important;
  background: var(--theme-accent) !important;
}

html[data-design="modern"] .modern-workspace :is(.branch-avatar,.version-card b) {
  color: var(--theme-accent-contrast) !important;
  background: var(--theme-accent) !important;
}

html[data-design="modern"] .modern-workspace .modern-chart-labels {
  color: var(--theme-muted) !important;
  font-size: 11px;
}

/* Superficies claras que antes conservaban el fondo negro del Diseño Beta. */
html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace :is(
  .profit-result,
  .bill-upload-note,
  .input-readonly,
  .appearance-settings,
  .appearance-color-field,
  .appearance-preset,
  .upload-zone,
  .check-row,
  .version-card,
  .report-preview pre,
  .audit-progress,
  .receivable-reminder-last,
  .receivable-template-example,
  .receivable-customer-picker,
  .receivable-customer-result,
  .receivable-customer-selected,
  .receivable-customer-empty,
  .notice-search,
  .notice-preview-list label,
  .notice-message-preview,
  .pdf-transfer-note,
  .bank-balance-total,
  .bank-balance-card,
  .bank-report-breakdown > span,
  .office-payment-sources > span,
  .office-bank-distribution,
  .office-bank-row,
  .office-debit-toggle,
  .office-allocation-preview,
  .office-existing-receipt,
  .return-items-editor,
  .return-item-row,
  .return-guide-list > span,
  .return-credit-preview,
  .support-case-facts > span,
  .support-detail-grid > div,
  .support-evidence,
  .support-message,
  .support-resolution-form,
  .courier-card-facts > div,
  .courier-profile,
  .courier-architecture-flow > span,
  .branding-preview
) {
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
  background: color-mix(in srgb,var(--theme-surface-raised) 78%,var(--theme-surface)) !important;
  box-shadow: none !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .branding-preview {
  background: color-mix(in srgb,var(--theme-accent) 8%,var(--theme-surface)) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .branding-preview > div:last-child strong {
  color: var(--theme-text) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .branding-preview > div:last-child small {
  color: var(--theme-accent) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .branding-preview > div:last-child span {
  color: var(--theme-muted) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .branding-preview-logo,
html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .branding-preview-logo span {
  color: var(--theme-accent-contrast) !important;
  background: var(--theme-accent) !important;
}

/* La vista de identidad tiene una regla heredada especialmente específica. */
html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) #app .modern-workspace .modern-module-content .branding-preview {
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
  background: var(--theme-surface-raised) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) #app .modern-workspace .modern-module-content .branding-preview > div:last-child strong {
  color: var(--theme-text) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) #app .modern-workspace .modern-module-content .branding-preview > div:last-child small {
  color: var(--theme-accent) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) #app .modern-workspace .modern-module-content .branding-preview > div:last-child span {
  color: var(--theme-muted) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace :is(
  .office-allocation-preview.balanced,
  .return-credit-preview.confirmed,
  .receivable-customer-selected
) {
  border-color: color-mix(in srgb,var(--theme-accent) 44%,var(--theme-border)) !important;
  background: color-mix(in srgb,var(--theme-accent) 9%,var(--theme-surface)) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace :is(
  .office-allocation-preview:not(.balanced),
  .return-credit-preview:not(.confirmed),
  .bank-balance-card.unidentified
) {
  border-color: color-mix(in srgb,#bd7825 42%,var(--theme-border)) !important;
  background: color-mix(in srgb,#e6a64a 10%,var(--theme-surface)) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .bank-balance-card.negative,
html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace :is(
  .receiving-scanner-diagnostic[data-tone="error"],
  .receiving-feedback.unknown,
  .receiving-batch-result.unknown
) {
  border-color: color-mix(in srgb,#b64049 43%,var(--theme-border)) !important;
  color: #8f2630 !important;
  background: color-mix(in srgb,#d95c65 9%,var(--theme-surface)) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .receiving-checkmark {
  color: #176548 !important;
  background: #e2f4eb !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .receiving-pending-dot {
  color: #8a570d !important;
  background: #fff0d3 !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .receiving-keyboard-grid button {
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
  background: var(--theme-surface) !important;
}

html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .cash-movements-table td:last-child,
html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modern-workspace .cash-movements-table tbody tr:hover td:last-child {
  background: var(--theme-surface) !important;
}

/* Los diálogos también se renderizan fuera del área de trabajo. */
html[data-design="modern"]:is([data-theme="executive"],[data-theme="soft-glass"],[data-theme="premium"]) .modal :is(
  .check-row,
  .preview-stat,
  .notice-email-modal,
  .receiving-manual-confirm-item,
  .receiving-manual-confirm-check,
  .receiving-batch-result,
  .receivable-customer-picker,
  .receivable-customer-result,
  .receivable-customer-selected,
  .receivable-customer-empty,
  .office-bank-distribution,
  .office-bank-row,
  .office-debit-toggle,
  .office-allocation-preview,
  .office-existing-receipt,
  .return-items-editor,
  .return-item-row,
  .return-credit-preview
) {
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
  background: var(--theme-surface-raised) !important;
}

/* Entre tableta y escritorio el riel debe ser realmente compacto. */
@media (min-width: 761px) and (max-width: 980px) {
  html[data-design="modern"][data-theme] .app-shell {
    grid-template-columns: 82px minmax(0,1fr) !important;
  }

  html[data-design="modern"][data-theme] .modern-sidebar {
    width: 82px !important;
    padding-inline: 9px !important;
  }

  html[data-design="modern"][data-theme] .modern-sidebar .modern-nav {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-design="modern"][data-theme] .modern-sidebar .nav-button {
    min-width: 0;
    justify-content: center !important;
  }

  html[data-design="modern"][data-theme] .modern-sidebar .nav-button > span:last-child {
    display: none !important;
  }

  html[data-design="modern"][data-theme] .modern-sidebar :is(
    .brand-name,
    .modern-nav-heading,
    .modern-workspace-switch > div,
    .modern-workspace-switch > b,
    .modern-settings-button > span:last-child,
    .modern-sidebar-profile > div,
    .modern-sidebar-profile > b,
    .xpe-nav-caption,
    .xpc-nav-status,
    .xpg-nav-orb,
    .xpp-nav-rule,
    .xpl-nav-state
  ) {
    display: none !important;
  }

  html[data-design="modern"][data-theme] .modern-sidebar :is(
    .modern-workspace-switch,
    .modern-settings-button,
    .modern-sidebar-profile
  ) {
    width: 48px !important;
    min-width: 48px !important;
    min-height: 46px !important;
    margin-inline: auto !important;
    padding: 3px !important;
    justify-content: center !important;
  }

  html[data-design="modern"][data-theme] .modern-workspace .modern-metric-grid,
  html[data-design="modern"][data-theme] .modern-workspace .m-stat-strip {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    overflow: visible !important;
  }

  html[data-design="modern"][data-theme] .modern-workspace .profit-formula {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  html[data-design="modern"][data-theme] .modern-workspace .profit-formula > b {
    display: none !important;
  }

  html[data-design="modern"][data-theme] .modern-workspace :is(.m-admin-nav,.m-settings-nav) {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    overflow: visible !important;
  }

  html[data-theme="logistics-modular"] .xpl-command-ribbon {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

@media (min-width: 981px) and (max-width: 1080px) {
  html[data-design="modern"][data-theme]:not([data-theme="executive"]) .app-shell {
    grid-template-columns: 82px minmax(0,1fr) !important;
  }

  html[data-design="modern"][data-theme]:not([data-theme="executive"]) .modern-sidebar {
    width: 82px !important;
    padding-inline: 9px !important;
  }

  html[data-design="modern"][data-theme]:not([data-theme="executive"]) .modern-sidebar .modern-nav {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-design="modern"][data-theme]:not([data-theme="executive"]) .modern-sidebar .nav-button > span:last-child {
    display: none !important;
  }

  html[data-design="modern"][data-theme]:not([data-theme="executive"]) .modern-sidebar :is(
    .brand-name,
    .modern-nav-heading,
    .modern-workspace-switch > div,
    .modern-workspace-switch > b,
    .modern-settings-button > span:last-child,
    .modern-sidebar-profile > div,
    .modern-sidebar-profile > b,
    .xpc-nav-status,
    .xpg-nav-orb,
    .xpp-nav-rule,
    .xpl-nav-state
  ) {
    display: none !important;
  }

  html[data-design="modern"][data-theme]:not([data-theme="executive"]) .modern-sidebar :is(
    .modern-workspace-switch,
    .modern-settings-button,
    .modern-sidebar-profile
  ) {
    width: 48px !important;
    min-width: 48px !important;
    min-height: 46px !important;
    margin-inline: auto !important;
    padding: 3px !important;
    justify-content: center !important;
  }

  html[data-design="modern"][data-theme]:not([data-theme="executive"]) .modern-workspace .modern-metric-grid,
  html[data-design="modern"][data-theme]:not([data-theme="executive"]) .modern-workspace .m-stat-strip {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    overflow: visible !important;
  }
}

@media (min-width: 761px) and (max-width: 1080px) {
  html[data-design="modern"] .modern-app-topbar :is(
    .design-preview-switch button,
    .modern-topbar-tools select,
    .modern-topbar-tools .button
  ) {
    min-height: 44px !important;
  }
}

@media (max-width: 760px) {
  /* Cabecera compacta: dos filas útiles, sin selectores superpuestos. */
  html[data-design="modern"] .modern-app-topbar,
  html[data-design="modern"][data-theme="soft-glass"] .modern-app-topbar.x-topbar-soft-glass {
    width: auto !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: calc(8px + env(safe-area-inset-top,0px)) 10px 8px !important;
    gap: 6px !important;
    border-radius: 14px !important;
  }

  html[data-design="modern"] .modern-topbar-primary > .design-preview-switch button,
  html[data-design="classic"] .design-preview-switch button {
    min-height: 44px !important;
    padding-inline: 8px;
    font-size: 12px;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools {
    width: 100%;
    padding-top: 6px !important;
    border-top-color: var(--theme-border) !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0,1fr) minmax(0,1fr) 44px !important;
    align-items: center;
    gap: 6px !important;
    overflow: visible !important;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools .sync-pill {
    grid-column: 1 !important;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    padding: 0 !important;
    justify-content: center;
    overflow: hidden;
    font-size: 0;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools .sync-pill i {
    width: 8px;
    height: 8px;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools .courier-switcher {
    grid-column: 2 !important;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools .modern-branch-select {
    grid-column: 3 !important;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools .modern-add-branch {
    grid-column: 4 !important;
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools :is(.courier-switcher,.modern-branch-select),
  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools :is(.courier-switcher,.modern-branch-select) select,
  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools :is(select,.button),
  html[data-design="modern"] .x-experience :is(input,select,textarea,.button),
  html[data-design="modern"] .modal :is(input,select,textarea,.button),
  html[data-design="classic"] :is(input,select,textarea,.button,.button.small) {
    min-height: 44px !important;
  }

  /* 16 px evita que Safari cambie el zoom al abrir un formulario. */
  html[data-design="modern"] .x-experience :is(input,select,textarea),
  html[data-design="modern"] .modal :is(input,select,textarea),
  html[data-design="classic"] .modal :is(input,select,textarea) {
    font-size: 16px !important;
  }

  html[data-design="modern"] .x-experience {
    font-size: 15px;
  }

  html[data-design="modern"] .x-experience :is(.m-command-description,.m-stat-note,.helper,small),
  html[data-design="modern"] .m-upload-stage > p {
    font-size: 12px !important;
    line-height: 1.48;
  }

  html[data-design="modern"] .m-command-kicker,
  html[data-design="modern"] .m-stat-label,
  html[data-design="modern"] .m-data-table th,
  html[data-design="modern"] .modern-metric-card > div > span,
  html[data-design="modern"] .xpl-module.modern-metric-grid .modern-metric-card > div > span {
    font-size: 11px !important;
    line-height: 1.35;
  }

  html[data-design="modern"] .m-command-actions {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  html[data-design="modern"] .m-command-actions .button {
    min-height: 44px !important;
    font-size: 12px !important;
  }

  /* Las estadísticas móviles ya no quedan como tarjetas cortadas. */
  html[data-design="modern"] .m-screen :is(
    .m-stat-strip,
    .m-workflow-summary,
    .m-manifest-stats,
    .m-comms-stats,
    .m-inbox-stats,
    .m-month-financials
  ) {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 8px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    scroll-snap-type: none !important;
  }

  html[data-design="modern"] .m-screen :is(
    .m-stat-strip,
    .m-workflow-summary,
    .m-manifest-stats,
    .m-comms-stats,
    .m-inbox-stats,
    .m-month-financials
  ) > .m-stat {
    min-height: 112px;
    border: 1px solid var(--theme-border) !important;
    border-radius: var(--theme-control-radius) !important;
    background: var(--theme-surface) !important;
  }

  html[data-design="modern"] .m-screen .m-stat-value {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    font-size: clamp(19px,6vw,25px) !important;
  }

  /* La ecuación de caja es una secuencia: en teléfono se lee de arriba abajo. */
  html[data-design="modern"] .m-screen .m-cash-equation {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-auto-flow: row !important;
    gap: 5px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    scroll-snap-type: none !important;
  }

  html[data-design="modern"] .m-screen .m-cash-equation .m-stat {
    width: 100%;
    min-height: 94px;
    border: 1px solid var(--theme-border) !important;
    border-radius: var(--theme-control-radius) !important;
    background: var(--theme-surface) !important;
  }

  html[data-design="modern"] .m-screen .m-cash-operator {
    width: 30px;
    height: 24px;
    justify-self: center;
  }

  html[data-design="modern"] .m-screen :is(.m-admin-nav,.m-settings-nav) {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  /* Avisos muestra todas sus secciones sin obligar a adivinar un gesto lateral. */
  html[data-design="modern"] .m-comms-tabs {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 5px !important;
    overflow: visible !important;
  }

  html[data-design="modern"] .m-comms-tabs button {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 6px 8px !important;
    color: var(--theme-text) !important;
    white-space: normal !important;
    line-height: 1.2;
  }

  html[data-design="modern"] .m-comms-tabs button.active {
    color: #fff !important;
  }

  html[data-design="modern"] .x-experience .appearance-preset {
    min-height: 44px !important;
  }

  html[data-design="modern"] .x-experience :is(
    .tracking-report-row button,
    .modern-card-header > button
  ) {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  html[data-design="modern"] .m-screen :is(.m-admin-nav,.m-settings-nav) :is(a,span) {
    min-height: 44px;
    padding: 10px !important;
    display: flex;
    align-items: center;
    white-space: normal !important;
    font-size: 12px !important;
  }

  html[data-design="modern"] .m-data-viewport,
  html[data-design="modern"] .table-wrap {
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    box-shadow: inset -16px 0 16px -18px color-mix(in srgb,var(--theme-text) 42%,transparent);
  }

  html[data-design="modern"] :is(.m-data-viewport,.table-wrap)::-webkit-scrollbar {
    display: none;
  }

  html[data-design="modern"] .m-data-table td,
  html[data-design="modern"] .modern-workspace td {
    font-size: 12px !important;
  }

  html[data-design="modern"] .modern-metric-card {
    min-height: 142px !important;
    padding-bottom: 54px !important;
  }

  html[data-design="modern"] .modern-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  html[data-design="modern"] .modern-metric-card > div {
    gap: 8px;
  }

  html[data-design="modern"] .modern-metric-card > p {
    right: 12px;
    bottom: 11px;
    left: 12px;
    padding-top: 8px;
    font-size: 11px !important;
    line-height: 1.3;
  }

  html[data-design="modern"] :is(.modern-dashboard-grid,.modern-lower-grid) {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }

  /* Avisos importantes ocupan una sola línea visual y se deslizan entre sí. */
  .global-alerts {
    max-width: 100%;
    display: flex !important;
    gap: 9px !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .global-alerts::-webkit-scrollbar { display: none; }
  .global-alerts > .global-alert {
    flex: 0 0 calc(100% - 24px);
    min-width: 0;
    scroll-snap-align: start;
  }

  /* Menú inferior y mensajes por encima del área segura. */
  .sidebar .nav-button,
  .sidebar .mobile-more {
    min-height: 56px;
    font-size: 11.5px !important;
    line-height: 1.16;
  }

  .toast {
    right: 12px;
    bottom: calc(88px + env(safe-area-inset-bottom,0px));
    left: 12px;
    max-width: none;
    z-index: 180;
  }

  body.modal-open {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  .modal-head .button.small {
    min-width: 44px;
    min-height: 44px !important;
  }

  /* Tema Ejecutivo: registro apilable, sin carrusel inaccesible. */
  html[data-theme="executive"] .x-executive-suite .modern-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 1px !important;
    overflow: visible !important;
  }

  html[data-theme="executive"] :is(.m-stat-strip,.m-analytics-highlights,.m-workflow-summary) {
    overflow: visible !important;
  }

  /* Cristal conserva su marco completo y gana contraste en el dock. */
  html[data-theme="soft-glass"] .x-topbar-soft-glass {
    top: 0 !important;
    margin-inline: 0 !important;
  }

  html[data-theme="soft-glass"] .x-nav-glass .nav-button.active {
    color: #fff !important;
    background: #1758c7 !important;
  }

  /* Libro mayor usa un índice compacto en vez de una tira cortada. */
  html[data-theme="premium"] .xpp-chapter-index {
    margin-inline: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    overflow: visible !important;
    border-bottom: 1px solid var(--theme-border);
  }

  html[data-theme="premium"] .xpp-chapter-index > :is(.xpp-index-heading,.is-current) {
    min-width: 0 !important;
    padding: 11px 9px !important;
    border-right: 0 !important;
  }

  html[data-theme="premium"] .xpp-chapter-index > div:not(.xpp-index-heading):not(.is-current) {
    display: none !important;
  }

  html[data-theme="premium"] .xpp-chapter-index :is(span,b) {
    color: var(--theme-text) !important;
    font-size: 12px !important;
  }

  html[data-theme="premium"] .modern-app-topbar .design-preview-switch button:not(.active) {
    color: #eee5d7 !important;
  }

  /* Centro logístico: KPI 2×N y ruta completa, sin superposiciones. */
  html[data-theme="logistics-modular"] .xpl-module.modern-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  html[data-theme="logistics-modular"] .xpl-module.modern-metric-grid .modern-metric-card {
    min-width: 0;
    min-height: 154px !important;
  }

  html[data-theme="logistics-modular"] .xpl-module.modern-metric-grid .modern-metric-card strong {
    overflow-wrap: anywhere;
    white-space: normal !important;
    font-size: clamp(19px,6vw,26px) !important;
  }

  html[data-theme="logistics-modular"] .xpl-route-progress {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 5px !important;
    overflow: visible !important;
  }

  html[data-theme="logistics-modular"] .xpl-route-progress span {
    min-width: 0;
    padding: 5px 2px;
    display: grid !important;
    justify-items: center;
    gap: 4px !important;
    text-align: center;
    white-space: normal;
    font-size: 10px !important;
    line-height: 1.15;
  }

  html[data-theme="logistics-modular"] .xpl-route-progress span::after {
    display: none !important;
  }

  /* El área inferior ya reserva espacio; evita una segunda cola vacía. */
  .main,
  html[data-design="modern"] .main.modern-workspace,
  html[data-theme="soft-glass"] .main.modern-workspace,
  html[data-theme="premium"] .main.modern-workspace,
  html[data-theme="logistics-modular"] .main.modern-workspace {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 350px) {
  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools {
    grid-template-columns: 28px minmax(0,1fr) 44px !important;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools .courier-switcher {
    grid-column: 2 / 4 !important;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools .modern-branch-select {
    grid-column: 1 / 3 !important;
  }

  html[data-design="modern"] .modern-app-topbar > .modern-topbar-tools .modern-add-branch {
    grid-column: 3 !important;
  }

  html[data-design="modern"] .m-screen :is(
    .m-stat-strip,
    .m-workflow-summary,
    .m-manifest-stats,
    .m-comms-stats,
    .m-inbox-stats,
    .m-month-financials,
    .m-admin-nav,
    .m-settings-nav
  ),
  html[data-design="modern"] .modern-metric-grid,
  html[data-theme="executive"] .x-executive-suite .modern-metric-grid,
  html[data-theme="logistics-modular"] .xpl-module.modern-metric-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

/* Diseño Original: cabecera móvil compacta y controles cómodos, sin cambiar su
   apariencia reconocible. El selector ya muestra cuál sucursal está activa. */
@media (max-width: 760px) {
  html[data-design="classic"] .classic-branch-bar {
    padding: 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 8px !important;
  }

  html[data-design="classic"] .classic-branch-bar :is(.branch-current,.sync-pill,.version-pill,.branch-account-button) {
    display: none !important;
  }

  html[data-design="classic"] .classic-branch-bar .design-preview-switch {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  html[data-design="classic"] .classic-branch-bar .courier-switcher {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
  }

  html[data-design="classic"] .classic-branch-bar .classic-branch-select {
    grid-column: 1 !important;
    grid-row: 3 !important;
    min-width: 0 !important;
  }

  html[data-design="classic"] .classic-branch-bar .classic-add-branch {
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    overflow: hidden;
    font-size: 0 !important;
  }

  html[data-design="classic"] .classic-branch-bar .classic-add-branch::after {
    content: "+";
    font-size: 20px;
  }

  html[data-design="classic"] .classic-branch-bar :is(.courier-switcher,.classic-branch-select) select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html[data-design="classic"] .nav-button {
    font-size: 10.5px !important;
  }

  html[data-design="classic"] :is(.notice-tabs button,.appearance-preset) {
    min-height: 44px !important;
  }
}

@media (min-width: 761px) and (max-height: 500px) {
  html[data-design="classic"] .classic-branch-bar {
    padding-block: 10px;
  }

  html[data-design="classic"] .classic-branch-bar :is(.branch-current,.sync-pill,.version-pill) {
    display: none;
  }
}

/* ========================================================================== *
   Beta 1.50.0 · arquitectura estable para las seis experiencias

   Las vistas funcionales modernas ya contienen composiciones internas
   (tableros, bandejas, rieles, tablas y formularios). Repartir esos bloques
   completos por su posición ordinal producía columnas de apenas 300 px en
   Espacio flotante y Centro logístico. Esta capa conserva la personalidad de
   cada experiencia, pero deja que la composición semántica de cada pantalla
   disponga del ancho que necesita.
   ========================================================================== */

/* Mesa ejecutiva: navegación corporativa legible y acceso explícito a todas
   las secciones. En escritorio se muestran las cuatro áreas principales y
   “Más” abre el directorio completo, igual que en móvil. */
@media (min-width: 981px) {
  html[data-design="modern"][data-theme="executive"] .x-nav-executive .modern-nav {
    padding-right: 92px;
    overflow: hidden !important;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive .modern-nav .nav-button.mobile-secondary {
    display: none !important;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive .modern-nav .nav-button.mobile-primary {
    display: inline-flex !important;
    color: #35535a !important;
    opacity: 1 !important;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive .modern-nav .nav-button.mobile-primary :is(.nav-icon,span) {
    color: inherit !important;
    opacity: 1 !important;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive .modern-nav .nav-button.mobile-primary.active {
    color: #176548 !important;
    background: color-mix(in srgb,#2f7b5d 8%,transparent) !important;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive .modern-workspace-switch :is(strong,b) {
    color: #173b42 !important;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive .modern-workspace-switch small {
    color: #60777b !important;
    opacity: 1 !important;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive .modern-settings-button {
    color: #35535a !important;
    background: #f7faf9 !important;
    opacity: 1 !important;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive .modern-settings-button .nav-icon {
    color: inherit !important;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive > .mobile-more {
    position: absolute;
    right: clamp(20px,3vw,52px);
    bottom: 0;
    width: 82px;
    min-height: 48px;
    padding: 7px 12px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    color: #35535a !important;
    background: #f5faf8 !important;
    box-shadow: inset 1px 0 #d6e3df !important;
    opacity: 1 !important;
    z-index: 3;
  }

  html[data-design="modern"][data-theme="executive"] .x-nav-executive > .mobile-more.active {
    color: #176548 !important;
    border-bottom-color: #176548 !important;
  }
}

/* Centro de control: la telemetría de Avisos usa un riel de lectura vertical;
   dos mini-columnas dentro de 330 px comprimían etiquetas y cifras. */
@media (min-width: 981px) {
  html[data-design="modern"][data-theme="control-dark"] .m-screen[data-modern-screen="notices"] .m-comms-rail .m-comms-stats {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  html[data-design="modern"][data-theme="control-dark"] .m-screen[data-modern-screen="notices"] .m-comms-rail .m-comms-stats > .m-stat {
    min-height: 78px;
  }
}

/* Espacio flotante: cada isla representa un módulo funcional completo. Las
   islas siguen siendo visualmente independientes, pero ninguna encierra otra
   cuadrícula compleja en media columna. */
html[data-design="modern"][data-theme="soft-glass"] .xpg-island-grid {
  grid-template-columns: minmax(0,1fr) !important;
  gap: clamp(14px,1.6vw,20px) !important;
}

html[data-design="modern"][data-theme="soft-glass"] .xpg-orbit-header {
  overflow: clip !important;
}

html[data-design="modern"][data-theme="soft-glass"] .modern-app-topbar.x-topbar-soft-glass {
  width: 100% !important;
  margin-inline: 0 !important;
}

html[data-design="modern"][data-theme="soft-glass"] .xpg-orbit-header::after {
  right: 0 !important;
}

html[data-design="modern"][data-theme="soft-glass"] .xpg-island-grid > .xpg-island {
  width: 100%;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
}

html[data-design="modern"][data-theme="soft-glass"] .xpg-island > :is(
  .m-comms-workspace,
  .m-inbox-workspace,
  .m-audit-layout,
  .m-month-layout,
  .m-settings-layout,
  .m-admin-layout,
  .m-ledger-body,
  .m-analytics-canvas,
  .modern-dashboard-grid,
  .modern-lower-grid
) {
  width: 100%;
}

/* Centro logístico: la cuadrícula bento usa módulos anchos y espaciados. La
   riqueza visual queda dentro de cada módulo (KPI, tablero, tabla o bandeja),
   evitando que un flujo completo termine reducido a una tarjeta angosta. */
html[data-design="modern"][data-theme="logistics-modular"] .xpl-command-ribbon {
  grid-template-columns: minmax(0,1fr) !important;
  align-items: start;
  gap: 14px !important;
}

html[data-design="modern"][data-theme="logistics-modular"] .xpl-route-progress {
  width: 100%;
  padding-top: 12px;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid rgba(151,183,238,.24);
}

html[data-design="modern"][data-theme="logistics-modular"] .xpl-bento-grid {
  grid-template-columns: minmax(0,1fr) !important;
  gap: 16px !important;
}

html[data-design="modern"][data-theme="logistics-modular"] .xpl-bento-grid > .xpl-module {
  width: 100%;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  padding: clamp(15px,1.7vw,21px);
}

html[data-design="modern"][data-theme="logistics-modular"] .xpl-module > :is(
  .m-comms-workspace,
  .m-inbox-workspace,
  .m-audit-layout,
  .m-month-layout,
  .m-settings-layout,
  .m-admin-layout,
  .m-ledger-body,
  .m-analytics-canvas,
  .modern-dashboard-grid,
  .modern-lower-grid
) {
  width: 100%;
}

/* Composiciones internas compartidas. Son los mismos flujos funcionales en
   los seis temas, por lo que su reflujo debe ser consistente. */
html[data-design="modern"] .x-experience .m-analytics-overview {
  grid-template-columns: minmax(0,1fr) !important;
}

html[data-design="modern"] .x-experience :is(.m-ledger-summary,.m-analytics-highlights,.m-admin-summary) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(min(190px,100%),1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-columns: auto !important;
  overflow: visible !important;
}

html[data-design="modern"] .x-experience .m-workflow-rail .m-workflow-control {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  align-items: stretch !important;
}

html[data-design="modern"] .x-experience .m-workflow-rail .m-workflow-control > :is(div,input,select,.badge,.button) {
  width: 100%;
  min-width: 0;
  margin-right: 0 !important;
}

html[data-design="modern"] .x-experience :is(.m-admin-nav,.m-settings-nav) :is(a,span) {
  min-height: 40px;
  height: auto;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.3;
}

/* El directorio “Más” vive fuera del workspace. Sus títulos deben heredar el
   color de la tarjeta y no el color de texto del diálogo del tema claro. */
html[data-design="modern"] .modal .mobile-more-item {
  border-color: #343840 !important;
  color: #f3f6f5 !important;
  background: #17191c !important;
}

html[data-design="modern"] .modal .mobile-more-item :is(span,strong,em) {
  color: inherit !important;
}

html[data-design="modern"] .modal .mobile-more-item.active {
  border-color: var(--theme-accent) !important;
  color: var(--theme-accent-contrast) !important;
  background: var(--theme-accent) !important;
}

@container m-screen (max-width: 1200px) {
  html[data-design="modern"] .x-experience .m-settings-section .m-split-panels,
  html[data-design="modern"] .x-experience :is(.courier-architecture,.courier-next-step) {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-design="modern"] .x-experience .courier-architecture-flow {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-design="modern"] .x-experience .courier-architecture-flow > i {
    justify-self: center;
    transform: rotate(90deg);
  }
}

/* Reflujo común de las experiencias en teléfonos. Cada nivel estructural usa
   una sola columna antes de que sus controles internos empiecen a encogerse. */
@media (max-width: 760px) {
  html[data-design="modern"] .x-experience,
  html[data-design="modern"] .x-experience :is(.xpe-canvas,.xpe-register,.xpc-console-grid,.xpg-canvas,.xpg-island-grid,.xpp-editorial-grid,.xpp-folio,.xpl-bento-grid) {
    width: 100%;
    min-width: 0;
  }

  html[data-design="modern"] .m-screen :is(
    .m-comms-workspace,
    .m-inbox-workspace,
    .m-audit-layout,
    .m-month-layout,
    .m-settings-layout,
    .m-admin-layout,
    .m-workflow-stage,
    .m-reconciliation-stage,
    .m-scan-cockpit
  ) {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html[data-design="modern"] .m-screen :is(.m-comms-main,.m-comms-rail,.m-inbox-main,.m-inbox-rail,.m-audit-overview,.m-month-primary,.m-month-rail) {
    width: 100%;
    min-width: 0;
  }

  html[data-design="modern"] .m-screen .m-comms-main {
    grid-row: 1 !important;
  }

  html[data-design="modern"] .m-screen .m-comms-rail {
    grid-row: 2 !important;
  }

  html[data-design="modern"][data-theme="soft-glass"] .xpg-ambient {
    display: none;
  }

  html[data-design="modern"][data-theme="soft-glass"] .xpg-island {
    padding: 12px !important;
    border-radius: 19px !important;
  }

  html[data-design="modern"][data-theme="soft-glass"] .xpg-island-grid {
    gap: 12px !important;
  }

  html[data-design="modern"][data-theme="logistics-modular"] .xpl-command-ribbon {
    gap: 12px !important;
    padding: 13px !important;
  }

  html[data-design="modern"][data-theme="logistics-modular"] .xpl-bento-grid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
  }

  html[data-design="modern"][data-theme="logistics-modular"] .xpl-bento-grid > .xpl-module {
    grid-column: 1 !important;
    padding: 12px !important;
  }

  html[data-design="modern"] .x-experience :is(.m-ledger-summary,.m-analytics-highlights,.m-admin-summary) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
}

@media (max-width: 350px) {
  html[data-design="modern"] .x-experience :is(.m-ledger-summary,.m-analytics-highlights,.m-admin-summary) {
    grid-template-columns: minmax(0,1fr) !important;
  }
}