/* TICKETS-BAC-RD1 · Corte 1
   Contrato cromatico unico para tema claro y oscuro.
   El tema oscuro se define aqui, pero su activacion pertenece al corte 6A. */
.tickets-crc {
  /* TICKETS-BAC-RD2 · Corte A: aliases de bandeja desktop. */
  --page: #F7F8FA;
  --surface: #FFFFFF;
  --field: #FFFFFF;
  --strip: #FAFBFC;
  --thead: #F8F9FB;
  --nav: #0E1626;
  --nav-title: #FFFFFF;
  --nav-label: #7C8797;
  --t1: #11151C;
  --t2: #5A6472;
  --t3: #8B94A1;
  --line: #E4E8EC;
  --line-soft: #EEF1F4;
  --on-teal: #FFFFFF;
  --teal-tint: #F5FAFB;
  --teal-sel: #EAF4F5;

  --bg-app: #F3F5F7;
  --bg-surface: #FFFFFF;
  --bg-nav: #0E1626;
  --bg-subtle: #F7F8FA;
  --bg-muted: #EEF1F5;
  --bg-hover: #FBFBFC;
  --text-1: #11151C;
  --text-2: #5A6472;
  --text-3: #8B94A1;
  --text-on-nav: #FFFFFF;
  --cta-text: #FFFFFF;
  --cta-surface: #BF4A08;
  --match-highlight: #FFE9A8;
  --overlay: rgba(10, 15, 22, .48);
  --elevation-shadow: 0 8px 22px rgba(10, 15, 22, .18);
  --dependent-orange-bg: rgba(232, 89, 12, .06);
  --dependent-orange-line: rgba(232, 89, 12, .32);
  --dependent-green-bg: rgba(22, 121, 76, .06);
  --dependent-green-line: rgba(22, 121, 76, .32);
  --line-1: #E4E8EC;
  --line-2: #D5DBE2;
  --orange: #E8590C;
  --orange-soft: #FFF2EA;
  --teal: #0E7490;
  --teal-soft: #E6F2F3;
  --success: #16794C;
  --success-soft: #E3F4EA;
  --success-line: #BEE3CC;
  --warning: #B07500;
  --warning-soft: #FDF1DF;
  --warning-line: #F6D9A8;
  --error: #C0392B;
  --error-soft: #FCEBEB;
  --error-line: #F3C9C9;
  --focus-ring: rgba(35, 118, 127, .18);
  --chart-1: #0E7490;
  --chart-2: #E8590C;
  --chart-3: #16794C;
  --chart-4: #B07500;
  --chart-5: #6B5CA5;
  --chart-6: #3B82A0;
  --chart-7: #A34F73;
  --chart-8: #657284;

  --status-open-bg: #FDF1DF;
  --status-open-text: #8A5300;
  --status-attention-bg: #E3F2F3;
  --status-attention-text: #175E66;
  --status-resolved-bg: #E3F4EA;
  --status-resolved-text: #136040;
  --status-cancelled-bg: #F0F2F5;
  --status-cancelled-text: #5A6472;

  --font-sans: "Lexend", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --radius-row: 10px;
  --radius-card: 12px;
  --radius-container: 14px;
  --radius-chip: 20px;
  --touch-min: 44px;
  --cta-height: 50px;
  --picker-row-height: 56px;
  --form-row-height: 64px;
  --hf-bg: var(--bg-app);
  --hf-border: var(--line-1);
  --hf-text: var(--text-1);
  --hf-text-2: var(--text-2);
  --hf-text-mute: var(--text-3);
  --hf-sidebar: var(--bg-nav);
  --hf-sidebar-heading: var(--text-3);
  --hf-sidebar-icon: var(--bg-muted);
  --hf-accent: var(--orange);
  --hf-accent-bg: var(--orange-soft);
  --hf-accent-hover: var(--orange);
  --hf-overlay-panel: var(--overlay);
}

.tickets-crc[data-theme="dark"],
[data-theme="dark"] .tickets-crc {
  color-scheme: dark;
  --page: #05090F;
  --surface: #0A0F16;
  --field: #141B25;
  --strip: #0F161F;
  --thead: #0F161F;
  --nav: #05090F;
  --nav-title: #E8ECF1;
  --nav-label: #78838F;
  --t1: #E8ECF1;
  --t2: #A2ADBA;
  --t3: #78838F;
  --line: #1E2733;
  --line-soft: #161E28;
  --on-teal: #05090F;
  --teal-tint: rgba(88, 190, 199, .05);
  --teal-sel: rgba(88, 190, 199, .10);

  --bg-app: #0A0F16;
  --bg-surface: #141B25;
  --bg-nav: #05090F;
  --bg-subtle: #101722;
  --bg-muted: #212B38;
  --bg-hover: #18212C;
  --text-1: #E8ECF1;
  --text-2: #9AA5B2;
  --text-3: #6B7684;
  --text-on-nav: #E8ECF1;
  --cta-text: #0A0F16;
  --cta-surface: #FF6F1F;
  --match-highlight: rgba(255, 233, 168, .20);
  --overlay: rgba(0, 0, 0, .62);
  --elevation-shadow: none;
  --dependent-orange-bg: rgba(255, 111, 31, .06);
  --dependent-orange-line: rgba(255, 111, 31, .32);
  --dependent-green-bg: rgba(61, 187, 126, .06);
  --dependent-green-line: rgba(61, 187, 126, .32);
  --line-1: #212B38;
  --line-2: #2C3745;
  --orange: #FF6F1F;
  --orange-soft: rgba(255, 111, 31, .14);
  --teal: #6ABBD1;
  --teal-soft: rgba(88, 190, 199, .14);
  --success: #3DBB7E;
  --success-soft: rgba(61, 187, 126, .14);
  --success-line: rgba(61, 187, 126, .32);
  --warning: #E0A030;
  --warning-soft: rgba(224, 160, 48, .14);
  --warning-line: rgba(224, 160, 48, .32);
  --error: #F0776A;
  --error-soft: rgba(240, 119, 106, .14);
  --error-line: rgba(240, 119, 106, .32);
  --focus-ring: rgba(88, 190, 199, .22);
  --chart-1: #6ABBD1;
  --chart-2: #FF6F1F;
  --chart-3: #3DBB7E;
  --chart-4: #E0A030;
  --chart-5: #A99BE8;
  --chart-6: #79C7DF;
  --chart-7: #E18CB3;
  --chart-8: #9AA5B2;

  --status-open-bg: rgba(224, 160, 48, .16);
  --status-open-text: #E8B75C;
  --status-attention-bg: rgba(88, 190, 199, .16);
  --status-attention-text: #7FD3DA;
  --status-resolved-bg: rgba(61, 187, 126, .16);
  --status-resolved-text: #6FD3A0;
  --status-cancelled-bg: #212B38;
  --status-cancelled-text: #9AA5B2;
}

/* TICKETS-BAC-RD2 · Geometría declarativa de la bandeja desktop. */
.tickets-crc .ticket-inbox-screen {
  --search-h: 34px;
  --search-radius: 9999px;
  --thead-h: 36px;
  --thead-font-size: 14px;
  --thead-font-weight: 600;
  --thead-letter-spacing: .35px;
}
.tickets-crc .ticket-inbox-screen[data-density="comoda"] {
  --row-h: 55px;
  --row-py: 11px;
  --btn-h: 28px;
}
.tickets-crc .ticket-inbox-screen[data-density="compacta"] {
  --row-h: 51px;
  --row-py: 5px;
  --btn-h: 24px;
}
.tickets-crc .ticket-inbox-screen[data-density="compacta"] [data-sub] { display: none; }
.tickets-crc .ticket-inbox-screen[data-w="wide"] {
  --c1: 196px;
  --c2: 120px;
  --c3: 168px;
  --c5: 196px;
  --c6: 152px;
  --c7: 160px;
  --c8: 132px;
}
.tickets-crc .ticket-inbox-screen[data-w="narrow"] {
  --c1: 144px;
  --c2: 100px;
  --c3: 164px;
  --c5: 136px;
  --c6: 130px;
  --c7: 120px;
  --c8: 112px;
}