/*
  Carben Premium Theme · Dia/Noche
  Visual baseline inspirado en la linea premium aprobada por Jimmy.
  Carben puro: no cambia datos, permisos, endpoints ni estados canon.
*/
:root {
  --carben-cyan: #00d9ff;
  --carben-electric: #5d7cff;
  --carben-amber: #fbbf24;
  --carben-violet: #a78bfa;
  --carben-green: #00c878;
  --carben-red: #ef4444;
  --carben-day-bg: #f4f7fb;
  --carben-day-panel: rgba(255,255,255,.88);
  --carben-day-panel-solid: #ffffff;
  --carben-day-panel-2: #f8fbff;
  --carben-day-line: #d6e2ef;
  --carben-day-line-soft: #e8eef6;
  --carben-day-text: #142033;
  --carben-day-muted: #66758a;
  --carben-night-bg: #05060a;
  --carben-night-panel: rgba(16,23,34,.88);
  --carben-night-panel-solid: #101722;
  --carben-night-panel-2: #151f2d;
  --carben-night-line: #263448;
  --carben-night-line-soft: #1d2837;
  --carben-night-text: #eef5ff;
  --carben-night-muted: #96a7bc;
  --carben-radius-card: 24px;
  --carben-radius-tool: 16px;
  --carben-shadow-sm: 0 8px 20px rgba(20,32,51,.08);
  --carben-shadow-md: 0 18px 42px rgba(20,32,51,.12);
  --carben-shadow-lg: 0 30px 80px rgba(20,32,51,.18);
  --day-bg: var(--carben-day-bg);
  --day-panel: var(--carben-day-panel-solid);
  --day-panel-2: var(--carben-day-panel-2);
  --day-line: var(--carben-day-line);
  --day-line-soft: var(--carben-day-line-soft);
  --day-text: var(--carben-day-text);
  --day-muted: var(--carben-day-muted);
}

html[data-carben-theme="night"] {
  color-scheme: dark;
  --day-bg: var(--carben-night-bg);
  --day-panel: var(--carben-night-panel-solid);
  --day-panel-2: var(--carben-night-panel-2);
  --day-line: var(--carben-night-line);
  --day-line-soft: var(--carben-night-line-soft);
  --day-text: var(--carben-night-text);
  --day-muted: var(--carben-night-muted);
}

body {
  background:
    radial-gradient(circle at 8% 0%, rgba(0,217,255,.11), transparent 32%),
    radial-gradient(circle at 100% 10%, rgba(93,124,255,.10), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, var(--day-bg) 360px, var(--day-bg) 100%) !important;
  color: var(--day-text);
}

html[data-carben-theme="night"] body,
body.night-mode {
  background:
    radial-gradient(circle at 10% 0%, rgba(0,217,255,.17), transparent 31%),
    radial-gradient(circle at 94% 10%, rgba(167,139,250,.14), transparent 36%),
    #05060a !important;
  color: var(--day-text);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(20,32,51,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(20,32,51,.030) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.65), transparent 70%);
}

html[data-carben-theme="night"] body::before {
  background:
    linear-gradient(90deg, rgba(241,245,249,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(241,245,249,.030) 1px, transparent 1px);
}

section,
.panel,
.card,
.metric,
.activity-board,
.workspace-board,
.analysis-card,
.goal-card,
.recommendation-group,
.request-card,
.modal-card,
details.supervision-detail,
.table {
  border-color: var(--day-line) !important;
  border-radius: var(--carben-radius-card) !important;
  background: var(--day-panel) !important;
  color: var(--day-text);
  box-shadow: var(--carben-shadow-sm) !important;
}

.metric,
.workspace-board,
.analysis-card,
.goal-card,
.recommendation-group,
.request-card,
.info-box,
.response-box,
.rex-box,
.communication-box,
.goal-metric,
.kpi-cell,
.workspace-mini,
.field-box,
.tg-row,
.comment-row,
.media-item,
.evi-file,
.evi-note {
  border-color: var(--day-line) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.18)),
    var(--day-panel-2) !important;
  color: var(--day-text);
}

html[data-carben-theme="night"] .metric,
html[data-carben-theme="night"] .workspace-board,
html[data-carben-theme="night"] .analysis-card,
html[data-carben-theme="night"] .goal-card,
html[data-carben-theme="night"] .recommendation-group,
html[data-carben-theme="night"] .request-card,
html[data-carben-theme="night"] .info-box,
html[data-carben-theme="night"] .response-box,
html[data-carben-theme="night"] .rex-box,
html[data-carben-theme="night"] .communication-box,
html[data-carben-theme="night"] .goal-metric,
html[data-carben-theme="night"] .kpi-cell,
html[data-carben-theme="night"] .workspace-mini,
html[data-carben-theme="night"] .field-box,
html[data-carben-theme="night"] .tg-row,
html[data-carben-theme="night"] .comment-row,
html[data-carben-theme="night"] .media-item,
html[data-carben-theme="night"] .evi-file,
html[data-carben-theme="night"] .evi-note {
  background:
    linear-gradient(180deg, rgba(241,245,249,.055), rgba(241,245,249,.015)),
    var(--day-panel-2) !important;
}

.section-head h2,
.activity-title h3,
.workspace-head h3,
.analysis-card h3,
.goal-card h3,
.request-head h3,
h1,
h2,
h3 {
  letter-spacing: -0.01em;
}

.section-head p,
.date-line,
.metric small,
.metric span,
.info-box span,
.response-box span,
.rex-box span,
.communication-box span,
.goal-metric span,
.kpi-cell span,
.workspace-head p,
.analysis-card p,
.goal-card p,
.table span,
.form-help {
  color: var(--day-muted) !important;
}

.tabs,
.workspace-tabs,
.toolbar,
.goal-dashboard .panel,
.modal-head,
.modal-actions,
.request-head,
.activity-head,
.table th,
details.supervision-detail summary {
  border-color: var(--day-line) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.25)),
    var(--day-panel-2) !important;
}

html[data-carben-theme="night"] .tabs,
html[data-carben-theme="night"] .workspace-tabs,
html[data-carben-theme="night"] .toolbar,
html[data-carben-theme="night"] .goal-dashboard .panel,
html[data-carben-theme="night"] .modal-head,
html[data-carben-theme="night"] .modal-actions,
html[data-carben-theme="night"] .request-head,
html[data-carben-theme="night"] .activity-head,
html[data-carben-theme="night"] .table th,
html[data-carben-theme="night"] details.supervision-detail summary {
  background:
    linear-gradient(180deg, rgba(241,245,249,.055), rgba(241,245,249,.018)),
    var(--day-panel-2) !important;
}

.tabs button,
.workspace-tab,
.btn,
.btn-secondary,
.btn-retry,
.action-menu summary,
button {
  border-radius: var(--carben-radius-tool) !important;
}

.btn,
.btn-secondary,
.btn-retry,
.action-menu summary {
  border-color: var(--day-line) !important;
  background:
    linear-gradient(90deg, rgba(20,32,51,.045), transparent 44%),
    var(--day-panel) !important;
  color: var(--day-text) !important;
  box-shadow: 0 5px 14px rgba(20,32,51,.06) !important;
}

.btn:hover,
.btn-secondary:hover,
.btn-retry:hover,
.tabs button:hover,
.workspace-tab:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(20,32,51,.10) !important;
}

.btn.primary,
.tabs button.active,
.workspace-tab.active {
  border-color: rgba(0,217,255,.46) !important;
  background:
    linear-gradient(90deg, rgba(0,217,255,.18), transparent 42%),
    linear-gradient(180deg, #0d1622, #07111a) !important;
  color: #eaffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 12px 28px rgba(5,6,10,.16),
    0 0 0 1px rgba(0,217,255,.08) !important;
}

.btn.soft {
  border-color: rgba(0,217,255,.28) !important;
  background: rgba(0,217,255,.08) !important;
  color: #006c80 !important;
}

html[data-carben-theme="night"] .btn.soft {
  color: #78edff !important;
  background: rgba(0,217,255,.11) !important;
}

.btn.danger {
  border-color: rgba(239,68,68,.30) !important;
  background: rgba(239,68,68,.08) !important;
  color: var(--carben-red) !important;
}

.status,
.tag,
.mini-tag,
.state-pill {
  border-radius: 999px !important;
  box-shadow: none !important;
}

.LIVE,
.state-pill.green {
  color: #00895d !important;
  border-color: rgba(0,200,120,.28) !important;
  background: rgba(0,200,120,.10) !important;
}

.SNAPSHOT,
.MANUAL,
.state-pill.cyan {
  color: #007a96 !important;
  border-color: rgba(0,217,255,.30) !important;
  background: rgba(0,217,255,.10) !important;
}

.PENDIENTE,
.state-pill.amber {
  color: #a76500 !important;
  border-color: rgba(251,191,36,.32) !important;
  background: rgba(251,191,36,.12) !important;
}

.ERROR,
.state-pill.red {
  color: #be123c !important;
  border-color: rgba(239,68,68,.30) !important;
  background: rgba(239,68,68,.10) !important;
}

html[data-carben-theme="night"] .LIVE,
html[data-carben-theme="night"] .state-pill.green { color: #7dffb6 !important; }
html[data-carben-theme="night"] .SNAPSHOT,
html[data-carben-theme="night"] .MANUAL,
html[data-carben-theme="night"] .state-pill.cyan { color: #78edff !important; }
html[data-carben-theme="night"] .PENDIENTE,
html[data-carben-theme="night"] .state-pill.amber { color: #ffd98a !important; }
html[data-carben-theme="night"] .ERROR,
html[data-carben-theme="night"] .state-pill.red { color: #ff9bad !important; }

.progress,
.bar,
.mini-meter {
  background: rgba(102,117,138,.18) !important;
}

.bar,
.progress .bar,
.mini-meter > i {
  background: linear-gradient(90deg, var(--carben-electric), var(--carben-cyan)) !important;
  box-shadow: 0 0 18px rgba(0,217,255,.35);
}

.table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
}

.table th {
  color: #5d6b7c !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: .08em;
}

html[data-carben-theme="night"] .table th { color: #9eb0c7 !important; }
.table td { border-color: var(--day-line-soft) !important; }

.alert-panel {
  border-color: rgba(239,68,68,.26) !important;
  background: rgba(239,68,68,.08) !important;
}

html[data-carben-theme="night"] .alert-panel,
html[data-carben-theme="night"] .alert-panel p,
html[data-carben-theme="night"] .alert-panel li {
  color: #ffb4c2 !important;
}

html[data-carben-theme="night"] .alert-panel summary {
  color: #ff9bad !important;
}

.alert-panel.ok {
  border-color: rgba(0,200,120,.28) !important;
  background: rgba(0,200,120,.10) !important;
}

.insight-panel {
  border-color: rgba(0,217,255,.28) !important;
  background: rgba(0,217,255,.08) !important;
}

.carben-theme-toggle {
  min-height: 38px;
  border: 1px solid rgba(0,217,255,.32);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(0,217,255,.12), rgba(167,139,250,.10)),
    var(--day-panel);
  color: var(--day-text);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font: inherit;
  font-weight: 850;
  font-size: 12px;
  cursor: pointer;
  box-shadow: var(--carben-shadow-sm);
  white-space: nowrap;
}

.carben-theme-toggle::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--carben-cyan);
  box-shadow: 0 0 14px rgba(0,217,255,.75);
}

html[data-carben-theme="night"] .carben-theme-toggle::before {
  background: var(--carben-amber);
  box-shadow: 0 0 14px rgba(251,191,36,.70);
}

.carben-floating-theme-toggle {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
}

/* Shell v7 · Dia/Noche completo */
html[data-carben-theme="day"] header {
  background: rgba(255,255,255,.86) !important;
  border-bottom-color: rgba(20,32,51,.08) !important;
}

html[data-carben-theme="night"] header {
  background: linear-gradient(180deg, rgba(15,45,75,.92) 0%, rgba(15,45,75,.55) 100%) !important;
  border-bottom-color: rgba(0,217,255,.16) !important;
  box-shadow: 0 14px 42px rgba(0,0,0,.26) !important;
}

html[data-carben-theme="night"] .brand-logo-wrap,
html[data-carben-theme="night"] .pcb-brand,
html[data-carben-theme="night"] aside.sidebar,
html[data-carben-theme="night"] .sidebar-footer,
html[data-carben-theme="night"] .page-context-bar,
html[data-carben-theme="night"] .loading-overlay {
  background: rgba(16,23,34,.88) !important;
  border-color: rgba(0,217,255,.16) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.28) !important;
}

html[data-carben-theme="night"] .brand-logo {
  background: radial-gradient(circle at 30% 30%, rgba(0,217,255,.18) 0%, rgba(15,45,75,.6) 70%) !important;
  box-shadow: 0 6px 18px rgba(0,217,255,.26), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html[data-carben-theme="night"] .brand-logo img {
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(0,217,255,.28)) !important;
}

html[data-carben-theme="night"] .brand-wordmark,
html[data-carben-theme="night"] .pcb-wordmark,
html[data-carben-theme="night"] .pcb-title,
html[data-carben-theme="night"] .loading-text {
  color: var(--carben-night-text) !important;
}

html[data-carben-theme="night"] .brand-corp,
html[data-carben-theme="night"] .pcb-corp,
html[data-carben-theme="night"] .pcb-status,
html[data-carben-theme="night"] .status-pill {
  color: #78edff !important;
}

html[data-carben-theme="night"] .brand-tagline,
html[data-carben-theme="night"] .pcb-tagline,
html[data-carben-theme="night"] .sidebar-title,
html[data-carben-theme="night"] .loading-elapsed {
  color: #ffd98a !important;
}

html[data-carben-theme="night"] .tab-btn {
  color: rgba(238,245,255,.72) !important;
}

html[data-carben-theme="night"] .tab-btn:hover {
  background: rgba(0,217,255,.08) !important;
  color: var(--carben-night-text) !important;
  border-color: rgba(0,217,255,.18) !important;
}

html[data-carben-theme="night"] .tab-btn.active {
  background: rgba(0,217,255,.12) !important;
  color: var(--carben-night-text) !important;
  border-color: rgba(0,217,255,.35) !important;
  box-shadow: inset 0 0 0 1px rgba(0,217,255,.08), 0 14px 34px rgba(0,0,0,.20) !important;
}

html[data-carben-theme="night"] .tab-btn.active::before {
  background: linear-gradient(180deg, var(--carben-cyan), var(--carben-amber)) !important;
  box-shadow: 0 0 14px rgba(0,217,255,.50) !important;
}

html[data-carben-theme="night"] main,
html[data-carben-theme="night"] .tab-content iframe,
html[data-carben-theme="night"] .loading-overlay {
  background: var(--carben-night-bg) !important;
}

html[data-carben-theme="night"] .pcb-tab-btn {
  background: rgba(16,23,34,.72) !important;
  color: rgba(238,245,255,.72) !important;
  border-color: rgba(0,217,255,.16) !important;
}

html[data-carben-theme="night"] .pcb-tab-btn:hover,
html[data-carben-theme="night"] .pcb-tab-btn.active {
  background: rgba(0,217,255,.10) !important;
  color: #78edff !important;
  border-color: rgba(0,217,255,.32) !important;
}

html[data-carben-theme="night"] .loading-sub,
html[data-carben-theme="night"] .sidebar-footer,
html[data-carben-theme="night"] .pcb-subtitle {
  color: var(--carben-night-muted) !important;
}

html[data-carben-theme="night"] input,
html[data-carben-theme="night"] select,
html[data-carben-theme="night"] textarea {
  background: #0d1520 !important;
  border-color: rgba(0,217,255,.22) !important;
  color: var(--carben-night-text) !important;
}

html[data-carben-theme="night"] input:disabled,
html[data-carben-theme="night"] select:disabled,
html[data-carben-theme="night"] textarea:disabled {
  opacity: .72;
}

/* Plan de trabajo · direccion visual premium */
.plan-premium-context {
  position: relative;
  overflow: hidden;
  padding: 20px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(0,217,255,.14), transparent 34%),
    radial-gradient(circle at 100% 12%, rgba(167,139,250,.11), transparent 36%),
    var(--day-panel) !important;
}

.plan-premium-context::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--carben-cyan), var(--carben-amber), var(--carben-electric));
  box-shadow: 0 0 18px rgba(0,217,255,.45);
}

.plan-context-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr);
  gap: 16px;
  align-items: stretch;
}

.plan-context-copy {
  display: grid;
  gap: 10px;
  align-content: center;
}

.plan-context-eyebrow {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(0,217,255,.34);
  border-radius: 999px;
  background: rgba(0,217,255,.09);
  color: #007a96;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

html[data-carben-theme="night"] .plan-context-eyebrow { color: #78edff; }

.plan-context-copy h2 {
  font-size: clamp(24px, 3.2vw, 42px);
  line-height: 1.02;
  margin: 0;
}

.plan-context-copy p {
  max-width: 780px;
  color: var(--day-muted);
  font-size: 15px;
  line-height: 1.55;
}

.plan-context-agents {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.plan-agent-card {
  border: 1px solid var(--day-line);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.56), rgba(255,255,255,.18)),
    var(--day-panel-2);
  padding: 14px;
  min-height: 116px;
}

html[data-carben-theme="night"] .plan-agent-card {
  background:
    linear-gradient(180deg, rgba(241,245,249,.055), rgba(241,245,249,.018)),
    var(--day-panel-2);
}

.plan-agent-card b {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.plan-agent-card span {
  color: var(--day-muted);
  font-size: 12px;
  line-height: 1.42;
}

/* Visual premium 20260608d · mas cercano a Ragnora Command Surface */
html[data-carben-theme="day"] header,
html[data-carben-theme="day"] .page-context-bar {
  background:
    radial-gradient(circle at 16% 0%, rgba(0,217,255,.18), transparent 36%),
    linear-gradient(180deg, rgba(5,7,12,.96), rgba(10,14,23,.93)) !important;
  border-bottom-color: rgba(0,217,255,.22) !important;
  color: #f4f8ff !important;
  box-shadow: 0 22px 56px rgba(4,8,15,.20) !important;
}

html[data-carben-theme="day"] aside.sidebar,
html[data-carben-theme="day"] .sidebar-footer {
  background:
    linear-gradient(180deg, rgba(5,7,12,.96), rgba(7,10,16,.98)) !important;
  border-color: rgba(0,217,255,.16) !important;
  color: #f4f8ff !important;
  box-shadow: 16px 0 46px rgba(4,8,15,.14) !important;
}

html[data-carben-theme="day"] .brand-wordmark,
html[data-carben-theme="day"] .pcb-wordmark,
html[data-carben-theme="day"] .pcb-title,
html[data-carben-theme="day"] .topbar h1,
html[data-carben-theme="day"] header h1 {
  color: #f4f8ff !important;
}

html[data-carben-theme="day"] .brand-logo-wrap,
html[data-carben-theme="day"] .pcb-brand {
  background: rgba(11,17,27,.78) !important;
  border-color: rgba(0,217,255,.20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 34px rgba(0,0,0,.26) !important;
}

html[data-carben-theme="day"] .tab-btn {
  color: rgba(244,248,255,.70) !important;
}

html[data-carben-theme="day"] .tab-btn:hover,
html[data-carben-theme="day"] .tab-btn.active {
  background: rgba(0,217,255,.12) !important;
  color: #f4f8ff !important;
  border-color: rgba(0,217,255,.35) !important;
}

html[data-carben-theme="day"] .tab-btn.active {
  box-shadow: inset 0 0 0 1px rgba(0,217,255,.08), 0 16px 36px rgba(0,0,0,.20) !important;
}

.topbar {
  position: relative;
  overflow: hidden;
  padding: 22px 24px !important;
  margin-bottom: 18px !important;
  border: 1px solid rgba(0,217,255,.22) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 14% -30%, rgba(0,217,255,.22), transparent 42%),
    radial-gradient(circle at 92% 8%, rgba(251,191,36,.11), transparent 35%),
    linear-gradient(135deg, #05070c 0%, #0d1320 52%, #071018 100%) !important;
  color: #f4f8ff !important;
  box-shadow: 0 26px 70px rgba(4,8,15,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.topbar::before,
.plan-premium-context::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.75), transparent 74%);
}

.topbar .kicker,
.topbar .date-line,
.topbar p,
.topbar span {
  color: rgba(244,248,255,.72) !important;
}

.status-row:empty {
  display: none !important;
}

.tabs {
  border-radius: 26px !important;
  padding: 8px !important;
  background:
    linear-gradient(180deg, rgba(11,17,27,.92), rgba(16,23,34,.88)) !important;
  border-color: rgba(0,217,255,.18) !important;
  box-shadow: 0 18px 50px rgba(4,8,15,.12) !important;
}

.tabs button {
  min-height: 46px !important;
  color: rgba(238,245,255,.72) !important;
}

.tabs button.active,
.tabs button:hover {
  background:
    linear-gradient(90deg, rgba(0,217,255,.17), rgba(0,217,255,.06)) !important;
  color: #f8fcff !important;
  border-color: rgba(0,217,255,.42) !important;
  box-shadow: inset 0 0 0 1px rgba(0,217,255,.08), 0 10px 28px rgba(0,0,0,.16) !important;
}

.plan-premium-context {
  min-height: 246px;
  padding: clamp(24px, 3vw, 38px) !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(0,217,255,.22), transparent 36%),
    radial-gradient(circle at 100% 0%, rgba(93,124,255,.18), transparent 42%),
    linear-gradient(135deg, #070a12 0%, #111827 55%, #081018 100%) !important;
  color: #f4f8ff !important;
  box-shadow: 0 34px 88px rgba(4,8,15,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.plan-premium-context::before {
  width: 5px;
  z-index: 1;
}

.plan-context-grid {
  position: relative;
  z-index: 2;
  min-height: 176px;
  align-items: center;
}

.plan-context-eyebrow {
  color: #78edff !important;
  background: rgba(0,217,255,.12) !important;
  border-color: rgba(0,217,255,.42) !important;
}

.plan-context-copy h2 {
  max-width: 920px;
  color: #f8fcff !important;
  font-size: clamp(34px, 4vw, 58px);
  letter-spacing: 0 !important;
}

.plan-context-copy p {
  max-width: 840px;
  color: rgba(238,245,255,.72) !important;
  font-size: 16px;
}

.plan-agent-card {
  border-color: rgba(0,217,255,.20) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(13,21,32,.72) !important;
  color: #f4f8ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.plan-agent-card b {
  color: #f8fcff !important;
}

.plan-agent-card span {
  color: rgba(238,245,255,.68) !important;
}

.metric {
  min-height: 126px !important;
  border-radius: 24px !important;
  padding: 18px !important;
}

.metric strong {
  font-size: clamp(34px, 3.4vw, 48px) !important;
  letter-spacing: 0 !important;
}

.activity-board {
  border-radius: 30px !important;
  border-color: rgba(0,217,255,.18) !important;
  overflow: hidden !important;
}

.activity-head {
  padding: 18px 20px !important;
  background:
    linear-gradient(135deg, #0b111b, #111827) !important;
  border-bottom-color: rgba(0,217,255,.18) !important;
  color: #f4f8ff !important;
}

.activity-title h3 {
  color: #f4f8ff !important;
  font-size: 20px !important;
}

.activity-body {
  padding: 18px 20px 20px !important;
  gap: 14px !important;
}

.status-actions {
  padding: 10px !important;
  border: 1px solid rgba(0,217,255,.18);
  border-radius: 18px;
  background: linear-gradient(90deg, rgba(0,217,255,.08), rgba(251,191,36,.06));
}

.status-label {
  color: var(--day-text) !important;
  padding: 0 4px;
}

html[data-carben-theme="night"] .status-label {
  color: #f4f8ff !important;
}

.status-btn.active {
  box-shadow: 0 0 0 3px rgba(0,200,120,.12), 0 8px 20px rgba(0,0,0,.10) !important;
}

html[data-carben-theme="night"] .plan-premium-context,
html[data-carben-theme="night"] .topbar,
html[data-carben-theme="night"] .tabs,
html[data-carben-theme="night"] .activity-head {
  background:
    radial-gradient(circle at 12% 0%, rgba(0,217,255,.16), transparent 34%),
    linear-gradient(135deg, #05070c, #101722 62%, #071018) !important;
}

@media (max-width: 1180px) {
  .plan-context-grid,
  .plan-context-agents { grid-template-columns: 1fr; }
  .plan-context-copy h2 { font-size: clamp(30px, 6vw, 48px); }
}

@media (max-width: 760px) {
  .carben-floating-theme-toggle {
    right: 12px;
    bottom: 12px;
  }
  .topbar,
  .plan-premium-context { padding: 18px !important; border-radius: 24px !important; }
  .tabs { grid-template-columns: 1fr !important; }
  .plan-context-agents { grid-template-columns: 1fr; }
}

/* Visual QA 20260608d · contraste, overflow y Caja Command Surface */
html[data-carben-theme] :where(
  .panel,
  .panel-head,
  .metric,
  .bi-card,
  .card,
  .kpi,
  .chart-card,
  .insight-card,
  .glossary-card,
  .workspace-board,
  .analysis-card,
  .goal-card,
  .request-card,
  .info-box,
  .response-box,
  .rex-box,
  .communication-box,
  .data-table,
  .table,
  .director-details,
  .director-table-wrap
) {
  min-width: 0;
  max-width: 100%;
}

html[data-carben-theme] :where(
  .panel,
  .panel-head,
  .metric,
  .bi-card,
  .card,
  .kpi,
  .chart-card,
  .insight-card,
  .glossary-card,
  .workspace-board,
  .analysis-card,
  .goal-card,
  .request-card,
  .info-box,
  .response-box,
  .rex-box,
  .communication-box,
  .data-table,
  .table,
  td,
  th,
  p,
  small,
  strong,
  b,
  .note,
  .meta,
  .lead,
  .value,
  .row-sub
) {
  overflow-wrap: anywhere;
  word-break: normal;
}

html[data-carben-theme] :where(.metric strong, .metric .value, .bi-card strong, .kpi .value) {
  max-width: 100%;
  line-height: 1.04;
}

html[data-carben-theme="night"] :where(.panel-head) {
  background:
    linear-gradient(180deg, rgba(241,245,249,.065), rgba(241,245,249,.018)),
    var(--day-panel-2) !important;
  border-color: var(--day-line) !important;
  color: var(--day-text) !important;
}

html[data-carben-theme="night"] :where(.panel-head h1, .panel-head h2, .panel-head h3, .panel-head strong) {
  color: var(--day-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(.panel-head p, .panel-head span:not(.mini-tag):not(.tag):not(.pill)) {
  color: var(--day-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(.bi-card, .director-details, .director-table-wrap, .chat-panel, .insight, .data-table) {
  background:
    linear-gradient(180deg, rgba(241,245,249,.055), rgba(241,245,249,.018)),
    var(--day-panel) !important;
  border-color: var(--day-line) !important;
  color: var(--day-text) !important;
  box-shadow: var(--carben-shadow-sm) !important;
}

html[data-carben-theme="night"] :where(.bi-card, .director-details, .director-table-wrap, .chat-panel, .insight, .data-table)
  :where(h1, h2, h3, h4, strong, b, td, th, label, .value) {
  color: var(--day-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(.bi-card, .director-details, .director-table-wrap, .chat-panel, .insight, .data-table)
  :where(p, small, .note, .row-sub, span:not(.mini-tag):not(.tag):not(.pill)) {
  color: var(--day-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(.topbar .subtitle, .topbar .eyebrow, .topbar .kicker) {
  color: rgba(238,245,255,.74) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme] #pageTitle {
  line-height: 1.12 !important;
  padding-bottom: 3px;
}

html[data-carben-theme="night"] .workspace-tabs button {
  color: #aebbd0 !important;
}

html[data-carben-theme="night"] .workspace-tabs button.active,
html[data-carben-theme="night"] .workspace-tabs button:hover {
  color: #f4f8ff !important;
  background: rgba(0,217,255,.14) !important;
  border-color: rgba(0,217,255,.42) !important;
}

html[data-carben-theme="night"] .data-table th,
html[data-carben-theme="night"] .table th {
  background:
    linear-gradient(180deg, rgba(241,245,249,.075), rgba(241,245,249,.022)),
    var(--day-panel-2) !important;
  color: #aebbd0 !important;
  border-color: var(--day-line) !important;
}

html[data-carben-theme="night"] .data-table td,
html[data-carben-theme="night"] .table td {
  color: var(--day-text) !important;
  border-color: var(--day-line-soft) !important;
}

html[data-carben-theme="night"] .data-table tr:hover td,
html[data-carben-theme="night"] .table tr:hover td {
  background: rgba(0,217,255,.045) !important;
}

html[data-carben-theme] :where(.mini-tag, .tag, .pill) {
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme] .topbar :where(.mini-tag.live, .tag.LIVE, .pill.LIVE) {
  color: #06714f !important;
  background: #ecfbf5 !important;
}

html[data-carben-theme] .topbar :where(.mini-tag.snapshot, .tag.SNAPSHOT, .pill.SNAPSHOT) {
  color: #0b63c7 !important;
  background: #eff6ff !important;
}

html[data-carben-theme] .topbar :where(.mini-tag.manual, .tag.MANUAL, .pill.MANUAL) {
  color: #7a4c00 !important;
  background: #fff7e8 !important;
}

html[data-carben-theme] .topbar :where(.mini-tag.pending, .tag.PENDIENTE, .pill.PENDIENTE, .pill.ERROR) {
  color: #b42318 !important;
  background: #fff6f5 !important;
}

html[data-carben-theme="night"] :where(.login-card, .auth-card, .login-panel, .brand-plate) {
  color: #172033 !important;
}

html[data-carben-theme="night"] :where(.login-card, .auth-card, .login-panel, .brand-plate)
  :where(.brand-text, .brand-text span, h1, h2, h3, label, strong, b) {
  color: #172033 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(.login-card, .auth-card, .login-panel)
  :where(.subtitle, p, small, label, span:not(.tag):not(.pill):not(.mini-tag)) {
  color: #526174 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(
  .text-gray-400,
  .text-gray-500,
  .text-gray-600,
  .text-slate-400,
  .text-slate-500,
  .text-slate-600
) {
  color: #a9b8cc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(.bg-gray-100, .bg-gray-200, .bg-slate-100, .bg-slate-200) {
  background: #162233 !important;
  color: #eef5ff !important;
  border-color: rgba(0,217,255,.18) !important;
}

html[data-carben-theme="night"] :where(.bg-emerald-600, .bg-green-600) {
  background: #087251 !important;
  color: #ffffff !important;
}

html[data-carben-theme="night"] :where(.s3-brand, .s3-page-title, .s3-section-title, .s3-card-title, .s3-title) {
  color: #eef5ff !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

html[data-carben-theme="night"] :where(
  .s3-topbar,
  .s3-pick,
  .s3-toolbar,
  .s3-card,
  .s3-card.elevated,
  .s3-table-wrap,
  .s3-modal,
  .s3-modal-head
) {
  background:
    linear-gradient(180deg, rgba(241,245,249,.055), rgba(241,245,249,.018)),
    var(--day-panel) !important;
  border-color: var(--day-line) !important;
  color: var(--day-text) !important;
  box-shadow: var(--carben-shadow-sm) !important;
}

html[data-carben-theme="night"] :where(.s3-fetched, .s3-source-detail, .s3-muted, .s3-subtitle, .s3-card-subtitle) {
  color: #a9b8cc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(.s3-card-label) {
  color: #c8d5e7 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(.s3-card-value) {
  color: #f4f8ff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] :where(.s3-card-foot, .s3-source-detail, .s3-feed-row .s3-feed-detalles) {
  color: #d5e0ef !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme] :where(.s3-source-detail, .s3-muted, .s3-subtitle, .s3-card-subtitle) {
  white-space: normal !important;
  overflow-wrap: anywhere;
}

body[data-carben-page="caja"] {
  --bg: #eef8ff;
  --bg-card: #ffffff;
  --bg-card-hover: #f8fbff;
  --bg-elevated: #ffffff;
  --border: rgba(12, 32, 52, .10);
  --border-strong: rgba(0, 217, 255, .20);
  --text: #162238;
  --text-soft: #536277;
  --text-mute: #738198;
  --brand-cyan: #00bfe8;
  --brand-amber: #f3a208;
  background:
    radial-gradient(circle at 8% -8%, rgba(0,217,255,.15), transparent 30%),
    radial-gradient(circle at 94% 0%, rgba(93,124,255,.09), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #eaf7ff 340px, #eef8ff 100%) !important;
  color: var(--text) !important;
}

body[data-carben-page="caja"]::before {
  background:
    linear-gradient(90deg, rgba(20,32,51,.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(20,32,51,.035) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.62), transparent 72%) !important;
}

body[data-carben-page="caja"] .container {
  max-width: 1480px !important;
  padding: clamp(24px, 3vw, 42px) clamp(16px, 4vw, 42px) 88px !important;
}

body[data-carben-page="caja"].is-embedded main {
  padding-top: 0 !important;
}

body[data-carben-page="caja"] header,
body[data-carben-page="caja"] .week-nav {
  background:
    radial-gradient(circle at 14% 0%, rgba(0,217,255,.22), transparent 36%),
    linear-gradient(135deg, #05070c 0%, #0d1320 58%, #071018 100%) !important;
  border-color: rgba(0,217,255,.22) !important;
  color: #f4f8ff !important;
}

body[data-carben-page="caja"] header :where(.brand-text h1, .brand-wordmark, .subtitle, .subtitle span, .brand-corp, .brand-tagline) {
  color: #f4f8ff !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

body[data-carben-page="caja"] header :where(.brand-corp, .subtitle, .subtitle span) {
  color: rgba(238,245,255,.74) !important;
}

body[data-carben-page="caja"] header .brand-tagline {
  color: #ffd36d !important;
}

body[data-carben-page="caja"] .week-nav {
  border-radius: 28px !important;
  padding: 12px !important;
  box-shadow: 0 24px 70px rgba(4,8,15,.18) !important;
}

body[data-carben-page="caja"] .week-btn {
  min-height: 46px !important;
  border-radius: 18px !important;
  white-space: normal !important;
  line-height: 1.15 !important;
}

body[data-carben-page="caja"] .section {
  margin-bottom: 34px !important;
}

body[data-carben-page="caja"] .section:first-of-type {
  position: relative;
  padding: clamp(20px, 2.4vw, 30px) !important;
  border: 1px solid rgba(0,217,255,.22) !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(0,217,255,.18), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(251,191,36,.10), transparent 33%),
    linear-gradient(135deg, #071018 0%, #111827 58%, #0a1420 100%) !important;
  box-shadow: 0 34px 90px rgba(4,8,15,.20), inset 0 1px 0 rgba(255,255,255,.07) !important;
  overflow: visible !important;
}

body[data-carben-page="caja"] .section:first-of-type::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(255,255,255,.040) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.030) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.70), transparent 76%);
}

body[data-carben-page="caja"] .section:first-of-type > * {
  position: relative;
  z-index: 1;
}

body[data-carben-page="caja"] .section-title {
  color: #172033 !important;
  letter-spacing: .16em !important;
  overflow-wrap: anywhere;
}

body[data-carben-page="caja"] .section:first-of-type .section-title {
  color: #f4f8ff !important;
}

body[data-carben-page="caja"] #caja-live-date {
  color: rgba(238,245,255,.68) !important;
}

body[data-carben-page="caja"] :where(.card, .kpi, .alert, .chart-card, .insight-card, .glossary-card, .week-filter-info) {
  border-radius: 24px !important;
  border-color: rgba(12,32,52,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88)),
    #ffffff !important;
  color: #172033 !important;
  box-shadow: 0 22px 56px rgba(15,23,42,.08) !important;
  overflow: hidden;
}

body[data-carben-page="caja"] :where(.kpi, .card, .chart-card, .insight-card, .glossary-card) {
  min-height: 0;
}

body[data-carben-page="caja"] .kpi {
  padding: 22px !important;
}

body[data-carben-page="caja"] .kpi-grid,
body[data-carben-page="caja"] .chart-grid,
body[data-carben-page="caja"] .insights-grid,
body[data-carben-page="caja"] .glossary-grid {
  gap: 16px !important;
}

body[data-carben-page="caja"] :where(.kpi .label, .card h3, th) {
  letter-spacing: .14em !important;
}

body[data-carben-page="caja"] :where(.card h3, .kpi .value, td, strong, b) {
  color: #172033 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

body[data-carben-page="caja"] :where(.card p, .card .lead, .kpi .label, .kpi .meta, .meta, td.muted, small) {
  color: #536277 !important;
  -webkit-text-fill-color: currentColor !important;
}

body[data-carben-page="caja"] .kpi .value {
  font-size: clamp(28px, 2.8vw, 44px) !important;
  line-height: 1.02 !important;
}

body[data-carben-page="caja"] :where(.kpi.accent .value, .kpi.info .value, .kpi.success .value) {
  color: #0a84ff !important;
}

body[data-carben-page="caja"] .kpi.warning .value {
  color: #9a6200 !important;
}

body[data-carben-page="caja"] :where(input, select, textarea) {
  background: #ffffff !important;
  color: #172033 !important;
  border-color: rgba(12,32,52,.14) !important;
}

body[data-carben-page="caja"] th {
  background: #f3f7fb !important;
  color: #64748b !important;
}

body[data-carben-page="caja"] td {
  border-color: rgba(12,32,52,.08) !important;
}

body[data-carben-page="caja"] #btn-excel {
  background:
    radial-gradient(circle at 20% 0%, rgba(0,217,255,.24), transparent 42%),
    #05070c !important;
  border-color: rgba(0,217,255,.28) !important;
  color: #f4f8ff !important;
  border-radius: 999px !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] {
  --bg: #05070c;
  --bg-card: #101722;
  --bg-card-hover: #132033;
  --bg-elevated: #111827;
  --border: rgba(0,217,255,.16);
  --border-strong: rgba(0,217,255,.30);
  --text: #eef5ff;
  --text-soft: #a9b8cc;
  --text-mute: #7f8da4;
  background:
    radial-gradient(circle at 8% 0%, rgba(0,217,255,.18), transparent 30%),
    radial-gradient(circle at 94% 8%, rgba(167,139,250,.12), transparent 34%),
    linear-gradient(180deg, #060911 0%, #071018 360px, #05070c 100%) !important;
  color: #eef5ff !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] :where(.card, .kpi, .alert, .chart-card, .insight-card, .glossary-card, .week-filter-info) {
  background:
    linear-gradient(180deg, rgba(241,245,249,.060), rgba(241,245,249,.018)),
    #101722 !important;
  border-color: rgba(0,217,255,.18) !important;
  color: #eef5ff !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .section-title,
html[data-carben-theme="night"] body[data-carben-page="caja"] :where(.card h3, .kpi .value, td, strong, b) {
  color: #eef5ff !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] :where(.card p, .card .lead, .kpi .label, .kpi .meta, .meta, td.muted, small) {
  color: #a9b8cc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] :where(.kpi.accent .value, .kpi.info .value, .kpi.success .value) {
  color: #59c7ff !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .kpi.warning .value {
  color: #ffd36d !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .week-btn,
html[data-carben-theme="night"] body[data-carben-page="caja"] :where(input, select, textarea) {
  background: #0d1520 !important;
  color: #eef5ff !important;
  border-color: rgba(0,217,255,.22) !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .week-btn.active,
html[data-carben-theme="night"] body[data-carben-page="caja"] .week-btn:hover {
  background: rgba(0,217,255,.14) !important;
  color: #f8fcff !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] th {
  background: #151f2d !important;
  color: #aebbd0 !important;
  border-color: rgba(0,217,255,.14) !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] td {
  color: #eef5ff !important;
  border-color: rgba(241,245,249,.08) !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] tr:hover td {
  background: rgba(0,217,255,.045) !important;
}

@media (max-width: 980px) {
  body[data-carben-page="caja"] .section:first-of-type {
    padding: 18px !important;
    border-radius: 26px !important;
  }

  body[data-carben-page="caja"] :where(.kpi-grid, .chart-grid, .insights-grid, .glossary-grid) {
    grid-template-columns: 1fr !important;
  }

  body[data-carben-page="caja"] .kpi {
    min-height: auto !important;
  }
}

/* Visual QA 20260608e · Caja legibilidad financiera */
body[data-carben-page="caja"] {
  --caja-money-blue: #087cff;
  --caja-money-amber: #9b6400;
  --caja-surface-deep: #071018;
}

body[data-carben-page="caja"] :where(.kpi-grid, .chart-grid, .three-col, .two-col, .insights-grid) {
  align-items: stretch;
}

body[data-carben-page="caja"] .kpi {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  gap: 7px;
  min-width: 0;
}

body[data-carben-page="caja"] .kpi .label {
  min-height: auto !important;
  line-height: 1.24 !important;
}

body[data-carben-page="caja"] .kpi .value,
body[data-carben-page="caja"] .cta-cash-value,
body[data-carben-page="caja"] .cta-sum-value,
body[data-carben-page="caja"] .scenario .target,
body[data-carben-page="caja"] .insight-scenario .scen-target {
  max-width: 100%;
  font-size: 24px !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

body[data-carben-page="caja"] .kpi.hero .value,
body[data-carben-page="caja"] .chart-gauge-value strong {
  font-size: 28px !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

body[data-carben-page="caja"] :where(.chart-card h3 .chart-total, .chart-card h3, .scenario h4, .insight-claim) {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body[data-carben-page="caja"] .kpi .meta {
  max-width: 100%;
  line-height: 1.45 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body[data-carben-page="caja"] .kpi.gray {
  opacity: 1 !important;
  background:
    linear-gradient(180deg, rgba(248,251,255,.92), rgba(238,244,250,.88)),
    #eef4fa !important;
}

body[data-carben-page="caja"] .kpi.gray .value {
  color: #233044 !important;
}

body[data-carben-page="caja"] .card:has(table),
body[data-carben-page="caja"] .chart-card:has(table),
body[data-carben-page="caja"] :where([style*="overflow-x:auto"], [style*="overflow-x: auto"]) {
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
}

body[data-carben-page="caja"] table {
  width: 100%;
  min-width: 760px;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body[data-carben-page="caja"] :where(th, td) {
  min-width: 0;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none;
}

body[data-carben-page="caja"] th {
  white-space: nowrap !important;
  line-height: 1.18 !important;
}

body[data-carben-page="caja"] td {
  line-height: 1.46 !important;
}

body[data-carben-page="caja"] :where(td.num, th[style*="text-align:right"], td[style*="text-align:right"]) {
  min-width: 104px;
  white-space: nowrap !important;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

body[data-carben-page="caja"] :where(td.num, td[style*="text-align:right"]) :where(span) {
  white-space: normal;
}

body[data-carben-page="caja"] :where(td:first-child, th:first-child) {
  min-width: 82px;
}

body[data-carben-page="caja"] :where(td:nth-child(2):not(.num), td:nth-child(3):not(.num)) {
  overflow-wrap: break-word !important;
}

body[data-carben-page="caja"] :where(.badge, .stamp, .chart-meta-tag, .status-pill, .week-btn, .prio) {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

body[data-carben-page="caja"] :where(.badge, .stamp, .chart-meta-tag, .status-pill) {
  max-width: 100%;
}

body[data-carben-page="caja"] :where(.insight-action, .scen-status, .scenario .gap, .alert, .card .lead) {
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body[data-carben-page="caja"] :where(.insight-cat, .insight-scenario, .scenario, .card) {
  min-width: 0;
}

body[data-carben-page="caja"] .insight-cat {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,252,255,.94)),
    #ffffff !important;
  border-color: rgba(12,32,52,.10) !important;
}

body[data-carben-page="caja"] .insight-scenario {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,252,255,.96)),
    #ffffff !important;
}

body[data-carben-page="caja"] .insight-scenario .scen-desc,
body[data-carben-page="caja"] .insight-detail {
  color: #536277 !important;
  overflow-wrap: break-word !important;
}

body[data-carben-page="caja"] :where(.scenario, .insight-scenario) ul,
body[data-carben-page="caja"] :where(.scenario, .insight-scenario) li {
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body[data-carben-page="caja"] #finsus-new-kpis .kpi .value,
body[data-carben-page="caja"] :where(#fn-saldo, #fn-cuota, #fn-amortizado, #fn-por-pagar, #nomina-quincena, #nomina-pagado, #nomina-pendiente) {
  font-size: 22px !important;
}

body[data-carben-page="caja"] :where(.cta-cash-value, .cta-sum-value) {
  color: #172033 !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .kpi.gray {
  background:
    linear-gradient(180deg, rgba(241,245,249,.060), rgba(241,245,249,.022)),
    #141b25 !important;
  border-color: rgba(148,163,184,.18) !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .kpi.gray .value {
  color: #dce7f5 !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .insight-cat,
html[data-carben-theme="night"] body[data-carben-page="caja"] .insight-scenario {
  background:
    linear-gradient(180deg, rgba(241,245,249,.060), rgba(241,245,249,.018)),
    #101722 !important;
  border-color: rgba(0,217,255,.18) !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .insight-scenario .scen-desc,
html[data-carben-theme="night"] body[data-carben-page="caja"] .insight-detail {
  color: #a9b8cc !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] table {
  color: #eef5ff !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] :where(.cta-cash-value, .cta-sum-value) {
  color: #eef5ff !important;
}

/* Visual QA 20260608f · Caja Chica tablas compactas */
body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) table {
  min-width: 620px !important;
  font-size: 12.5px !important;
}

body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) :where(th, td) {
  padding: 10px 12px !important;
}

body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) :where(th:nth-child(1), td:nth-child(1)) {
  width: 66px !important;
  min-width: 66px !important;
  white-space: nowrap !important;
}

body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) :where(th:nth-child(2), td:nth-child(2)) {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) :where(th:nth-child(3), td:nth-child(3)) {
  width: 86px !important;
  min-width: 86px !important;
  white-space: nowrap !important;
  text-align: right !important;
}

body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) :where(th:nth-child(4), td:nth-child(4)),
body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) :where(th:nth-child(5), td:nth-child(5)) {
  width: 92px !important;
  min-width: 92px !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

/* Visual QA 20260608j · tablas/cards respirables en toda la intranet */
html[data-carben-theme] :where(.card, .panel, section, .workspace-board, .goal-card, .analysis-card, .metric, .kpi, .chart-card, .info-box, .rex-box) {
  min-width: 0;
}

html[data-carben-theme] :where(table, .table) {
  table-layout: auto !important;
}

html[data-carben-theme] :where(th, td) {
  vertical-align: top;
  line-height: 1.42;
}

html[data-carben-theme] :where(td.num, th.num, td.money, th.money, td[style*="text-align:right"], th[style*="text-align:right"]) {
  min-width: 92px;
  white-space: nowrap !important;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

html[data-carben-theme] :where(td:not(.num), th:not(.num), .kpi .meta, .metric small, .info-box span, .rex-box span, .goal-metric span, .workspace-head p) {
  overflow-wrap: break-word;
  word-break: normal;
}

html[data-carben-theme] :where(.grid, .kpi-grid, .goal-strip, .activity-grid, .agent-split) {
  min-width: 0;
}

/* Plan de trabajo · supervision v2 */
.supervision-eval-section .section-head {
  align-items: center;
}

.person-analysis {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 560px), 1fr)) !important;
  gap: 18px !important;
}

.eval-person-card {
  padding: 0 !important;
  overflow: hidden;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.eval-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  background:
    linear-gradient(135deg, rgba(5,19,31,.98), rgba(13,42,57,.94)),
    #071018;
  color: #f7fbff;
}

.eval-card-head h3 {
  margin-top: 6px;
  font-size: 28px !important;
  line-height: 1.02 !important;
  color: #ffffff;
}

.eval-card-head p {
  margin-top: 6px !important;
  color: rgba(226,238,250,.76) !important;
}

.eval-model-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid rgba(0,217,255,.38);
  border-radius: 999px;
  background: rgba(0,217,255,.12);
  color: #5fe7ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.eval-person-card.is-admin .eval-model-pill {
  border-color: rgba(255,178,54,.46);
  background: rgba(255,178,54,.14);
  color: #ffd37a;
}

.eval-card-body {
  display: grid;
  gap: 14px;
  padding: 18px 20px 20px;
}

.eval-top-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.eval-metric {
  min-height: 78px;
  padding: 12px;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,250,255,.86));
}

.eval-metric b,
.criteria-card b,
.eval-admin-scope b {
  display: block;
  color: #142033;
  font-size: 12px;
  font-weight: 900;
}

.eval-metric span {
  display: block;
  margin-top: 7px;
  color: #64748b;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.05;
}

.eval-rent-box {
  border-radius: 12px !important;
  padding: 13px 14px !important;
}

.eval-admin-scope {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255,178,54,.28);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,248,235,.92), rgba(255,255,255,.88));
}

.eval-admin-scope span {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.criteria-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.criteria-card {
  min-height: 92px;
  padding: 12px;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 10px;
  background: #fbfdff;
}

.criteria-card > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.criteria-card em {
  flex: 0 0 auto;
  color: #0a74da;
  font-size: 17px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
}

.criteria-card.is-pending em {
  color: #8b97aa;
}

.criteria-card span {
  display: block;
  margin-top: 8px;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.38;
}

.eval-advice {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 12px;
  background: rgba(248,251,255,.78);
}

.eval-advice p {
  margin: 0 !important;
  color: #536277 !important;
  line-height: 1.5 !important;
}

.workspace-eval-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: 14px;
}

.workspace-eval-card {
  padding: 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

.workspace-score-line {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.workspace-score-line strong {
  color: #0a74da;
  font-size: 22px;
  line-height: 1;
}

.workspace-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.workspace-agent-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.workspace-levers {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.workspace-levers span {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid rgba(0,217,255,.26);
  border-radius: 999px;
  background: rgba(0,217,255,.08);
  color: #06718d;
  font-size: 11px;
  font-weight: 850;
}

html[data-carben-theme="night"] .eval-person-card,
html[data-carben-theme="night"] .workspace-eval-card {
  background: linear-gradient(180deg, #101722, #0c121b) !important;
}

html[data-carben-theme="night"] .eval-metric,
html[data-carben-theme="night"] .criteria-card,
html[data-carben-theme="night"] .eval-advice,
html[data-carben-theme="night"] .workspace-eval-card .kpi-cell {
  background: rgba(20,29,42,.86) !important;
  border-color: rgba(148,163,184,.22) !important;
}

html[data-carben-theme="night"] .eval-metric b,
html[data-carben-theme="night"] .criteria-card b,
html[data-carben-theme="night"] .eval-admin-scope b {
  color: #edf6ff;
}

html[data-carben-theme="night"] .eval-metric span,
html[data-carben-theme="night"] .criteria-card span,
html[data-carben-theme="night"] .eval-advice p,
html[data-carben-theme="night"] .eval-admin-scope span {
  color: #a9b8cc !important;
}

html[data-carben-theme="night"] .eval-admin-scope {
  background: rgba(255,178,54,.08);
  border-color: rgba(255,178,54,.24);
}

html[data-carben-theme="night"] .workspace-levers span {
  color: #5fe7ff;
  background: rgba(0,217,255,.10);
}

/* Caja v7.1 · importes menos gigantes y columnas mas estables */
body[data-carben-page="caja"] .kpi .value,
body[data-carben-page="caja"] .cta-cash-value,
body[data-carben-page="caja"] .cta-sum-value,
body[data-carben-page="caja"] .scenario .target,
body[data-carben-page="caja"] .insight-scenario .scen-target {
  font-size: 22px !important;
}

body[data-carben-page="caja"] .kpi.hero .value,
body[data-carben-page="caja"] .chart-gauge-value strong {
  font-size: 26px !important;
}

body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) table {
  min-width: 700px !important;
}

body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) :where(th:nth-child(2), td:nth-child(2)) {
  width: 320px !important;
  min-width: 320px !important;
  max-width: 360px !important;
}

body[data-carben-page="caja"] :where(#cc-izc-body, #cc-qro-body) :where(th:nth-child(3), td:nth-child(3)) {
  width: 106px !important;
  min-width: 106px !important;
}

@media (max-width: 980px) {
  .eval-top-grid,
  .eval-admin-scope,
  .criteria-grid,
  .workspace-agent-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .eval-top-grid,
  .eval-admin-scope,
  .criteria-grid,
  .workspace-agent-grid,
  .workspace-kpis {
    grid-template-columns: 1fr !important;
  }

  .eval-card-head,
  .workspace-head {
    display: grid;
  }

  .eval-card-head h3 {
    font-size: 24px !important;
  }

  body[data-carben-page="caja"] .kpi .value,
  body[data-carben-page="caja"] .cta-cash-value,
  body[data-carben-page="caja"] .cta-sum-value,
  body[data-carben-page="caja"] .scenario .target,
  body[data-carben-page="caja"] .insight-scenario .scen-target {
    font-size: 20px !important;
  }
}

/* Visual QA 20260608j · tableros Caja plegables + lectura global anti-corte */
html[data-carben-theme] :where(
  .panel,
  .card,
  .metric,
  .kpi,
  .bi-card,
  .analysis-card,
  .goal-card,
  .request-card,
  .s3-card,
  .chart-card,
  .insight-card,
  .glossary-card,
  .director-details,
  .director-table-wrap
) {
  min-width: 0;
}

html[data-carben-theme] :where(
  .card p,
  .card .meta,
  .card .lead,
  .panel p,
  .panel .meta,
  .metric span,
  .kpi .meta,
  .s3-source-detail,
  .s3-muted,
  .s3-subtitle,
  .s3-card-subtitle,
  td,
  th,
  li
) {
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

html[data-carben-theme] :where(
  .carben-financial-text,
  .num,
  td.num,
  th.num,
  .money,
  .amount,
  .metric strong,
  .metric .value,
  .bi-card strong,
  .kpi .value,
  .s3-card-value
) {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0 !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
}

html[data-carben-theme] :where(td.num, th.num, td .num, th .num) {
  white-space: nowrap !important;
}

html[data-carben-theme] :where(.metric strong, .metric .value, .bi-card strong, .kpi .value, .s3-card-value) {
  font-size: clamp(22px, 2.15vw, 34px);
  max-width: 100%;
  line-height: 1.06;
}

html[data-carben-theme] :where(.badge, .pill, .status-pill, .mini-tag, .tag, button, .btn, .s3-btn) {
  max-width: 100%;
  line-height: 1.18;
}

.carben-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  border-radius: inherit;
}

.carben-table-scroll > table {
  width: 100%;
  min-width: max-content;
}

.carben-table-scroll :where(th, td) {
  vertical-align: top;
}

body[data-carben-page="caja"] .caja-board-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(0,217,255,.20);
  border-radius: 24px;
  background:
    radial-gradient(circle at 8% 0%, rgba(0,217,255,.16), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,248,255,.86));
  box-shadow: 0 18px 44px rgba(15,23,42,.08);
}

body[data-carben-page="caja"] .caja-board-toolbar strong {
  display: block;
  color: #172033;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 900;
}

body[data-carben-page="caja"] .caja-board-toolbar span {
  display: block;
  margin-top: 2px;
  color: #536277;
  font-size: 12px;
}

body[data-carben-page="caja"] .caja-board-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body[data-carben-page="caja"] .caja-board-toolbar button,
body[data-carben-page="caja"] .caja-board-toggle {
  min-height: 34px;
  border: 1px solid rgba(0,139,198,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  color: #0b6f8f;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(15,23,42,.07);
}

body[data-carben-page="caja"] .caja-board-toolbar button {
  padding: 8px 12px;
}

body[data-carben-page="caja"] .caja-board {
  position: relative;
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid rgba(12,32,52,.10);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(245,250,255,.78)),
    rgba(255,255,255,.80);
  box-shadow: 0 22px 58px rgba(15,23,42,.08);
}

body[data-carben-page="caja"] .caja-board:first-of-type {
  padding: clamp(20px, 2.4vw, 30px) !important;
}

body[data-carben-page="caja"] .caja-board-head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px !important;
  padding-left: 0 !important;
}

body[data-carben-page="caja"] .caja-board-head::before {
  display: none !important;
}

body[data-carben-page="caja"] .caja-board-badge {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 4px 9px;
  border: 1px solid rgba(0,217,255,.25);
  border-radius: 999px;
  background: rgba(0,217,255,.10);
  color: #077895;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .10em;
  white-space: nowrap;
}

body[data-carben-page="caja"] .caja-board-title-text {
  min-width: 0;
  color: inherit;
  overflow-wrap: anywhere;
}

body[data-carben-page="caja"] .caja-board-prefix {
  color: var(--brand-amber);
  margin-right: 8px;
  font-size: 16px;
  font-weight: 950;
  letter-spacing: 0;
}

body[data-carben-page="caja"] .caja-board-toggle {
  padding: 7px 12px;
}

body[data-carben-page="caja"] .caja-board-body {
  display: block;
}

body[data-carben-page="caja"] .caja-board.is-collapsed {
  padding-bottom: 14px;
}

body[data-carben-page="caja"] .caja-board.is-collapsed .caja-board-head {
  margin-bottom: 0 !important;
}

body[data-carben-page="caja"] .caja-board.is-collapsed .caja-board-body {
  display: none;
}

body[data-carben-page="caja"] .caja-board.is-collapsed::after {
  content: "Contenido contraido";
  display: inline-flex;
  margin-top: 10px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(100,116,139,.10);
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body[data-carben-page="caja"] .caja-board .carben-table-scroll {
  border: 1px solid rgba(12,32,52,.06);
  background: rgba(255,255,255,.56);
}

body[data-carben-page="caja"] .caja-board table {
  min-width: max(760px, 100%) !important;
}

body[data-carben-page="caja"] :where(.kpi .value, .cta-cash-value, .cta-sum-value, .scenario .target, .insight-scenario .scen-target) {
  font-size: clamp(20px, 1.6vw, 24px) !important;
}

body[data-carben-page="caja"] :where(.kpi.hero .value, .chart-gauge-value strong) {
  font-size: clamp(24px, 2.2vw, 30px) !important;
}

body[data-carben-page="caja"] :where(.chart-card h3, .card h3) {
  line-height: 1.26 !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .caja-board-toolbar,
html[data-carben-theme="night"] body[data-carben-page="caja"] .caja-board {
  background:
    radial-gradient(circle at 12% 0%, rgba(0,217,255,.12), transparent 38%),
    linear-gradient(180deg, rgba(17,24,39,.92), rgba(9,15,23,.90)) !important;
  border-color: rgba(0,217,255,.18) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.24) !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .caja-board-toolbar strong,
html[data-carben-theme="night"] body[data-carben-page="caja"] .caja-board-title-text {
  color: #eef5ff !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .caja-board-toolbar span {
  color: #a9b8cc !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .caja-board-badge,
html[data-carben-theme="night"] body[data-carben-page="caja"] .caja-board-toolbar button,
html[data-carben-theme="night"] body[data-carben-page="caja"] .caja-board-toggle {
  background: rgba(0,217,255,.10) !important;
  border-color: rgba(0,217,255,.30) !important;
  color: #5fe7ff !important;
}

html[data-carben-theme="night"] body[data-carben-page="caja"] .caja-board .carben-table-scroll {
  border-color: rgba(0,217,255,.12);
  background: rgba(11,18,28,.58);
}

@media (max-width: 760px) {
  body[data-carben-page="caja"] .caja-board-toolbar,
  body[data-carben-page="caja"] .caja-board-head {
    grid-template-columns: 1fr;
  }

  body[data-carben-page="caja"] .caja-board-toolbar {
    display: grid;
  }

  body[data-carben-page="caja"] .caja-board-toggle {
    justify-self: start;
  }
}