/* Tema por usuario V32 */
html[data-theme="dark"] {
  color-scheme: dark;
  --gtic-bg: #0c1622;
  --gtic-bg-2: #111d2a;
  --gtic-card: #162434;
  --gtic-text: #edf4fb;
  --gtic-muted: #9fb0c3;
  --gtic-line: #2a3b4e;
  --gtic-primary: #2b6b91;
  --gtic-primary-2: #367fa5;
  --gtic-info: #70b9f4;
  --gtic-shadow: 0 18px 45px rgba(0,0,0,.28);
  --gtic-soft-shadow: 0 8px 25px rgba(0,0,0,.22);
}

html[data-theme="dark"] body {
  background: linear-gradient(135deg,#09121c 0%,#0c1622 46%,#101d2a 100%) !important;
  color: var(--gtic-text) !important;
}
html[data-theme="dark"] a { color:#78bdf0; }
html[data-theme="dark"] a:hover { color:#a6d7fa; }
html[data-theme="dark"] ::selection { background:rgba(32,198,201,.32);color:#fff; }
html[data-theme="dark"] * { scrollbar-color:#40566c #101b27; }

html[data-theme="dark"] .gtic-sidebar {
  background:linear-gradient(180deg,#0d2031 0%,#08131f 100%) !important;
  border-right:1px solid rgba(148,181,207,.12);
}
html[data-theme="dark"] .gtic-topbar,
html[data-theme="dark"] .card,
html[data-theme="dark"] .glass-card,
html[data-theme="dark"] .gtic-section-actions-card,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .table-wrap-soft,
html[data-theme="dark"] .item-card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .gtic-user-dropdown,
html[data-theme="dark"] .gtic-smart-button,
html[data-theme="dark"] .gtic-smart-panel,
html[data-theme="dark"] .gtic-select-box,
html[data-theme="dark"] .compact-details,
html[data-theme="dark"] .ticket-summary-card,
html[data-theme="dark"] .ticket-meta-chip,
html[data-theme="dark"] .ticket-problem-card,
html[data-theme="dark"] .ticket-muted-panel,
html[data-theme="dark"] .ticket-summary-item,
html[data-theme="dark"] .notification-pro-item,
html[data-theme="dark"] .conversation-pro-card,
html[data-theme="dark"] .chat-panel-pro,
html[data-theme="dark"] .chat-thread-pro,
html[data-theme="dark"] .chat-compose-pro,
html[data-theme="dark"] .chat-v23-sidebar,
html[data-theme="dark"] .chat-v23-room,
html[data-theme="dark"] .chat-v23-room-head,
html[data-theme="dark"] .chat-v23-compose,
html[data-theme="dark"] .chat-v23-tools-popover,
html[data-theme="dark"] .chat-v23-readonly,
html[data-theme="dark"] .center-chat-compose-v19,
html[data-theme="dark"] .reservation-day-v19,
html[data-theme="dark"] .reservation-day-v26,
html[data-theme="dark"] .reservation-slot-v26,
html[data-theme="dark"] .reservation-schedule-day-v26,
html[data-theme="dark"] .reservation-schedule-day-v28,
html[data-theme="dark"] .reservation-mode-selector-v27 button,
html[data-theme="dark"] .reservation-issue-v21,
html[data-theme="dark"] .planning-day-v072,
html[data-theme="dark"] .planning-center-card-v072,
html[data-theme="dark"] .stel-link-card-v072,
html[data-theme="dark"] .stel-switches-v072 label,
html[data-theme="dark"] .stel-sync-scope-v072 label,
html[data-theme="dark"] .stel-actions-grid-v072 form,
html[data-theme="dark"] .settings-thumb-v072,
html[data-theme="dark"] .settings-save-bar-v072,
html[data-theme="dark"] .brand-current-v072,
html[data-theme="dark"] .help-intro-v22,
html[data-theme="dark"] .tutorial-video-link-v21,
html[data-theme="dark"] .support-thread-pinned-v21,
html[data-theme="dark"] .guided-tour-popover-v19 {
  background:#162434 !important;
  border-color:#2a3b4e !important;
  color:#edf4fb !important;
  box-shadow:var(--gtic-shadow);
}

html[data-theme="dark"] .gtic-topbar,
html[data-theme="dark"] .gtic-section-actions-card,
html[data-theme="dark"] .settings-save-bar-v072 {
  background:rgba(18,32,46,.92) !important;
  backdrop-filter:blur(16px);
}

html[data-theme="dark"] .card h1,
html[data-theme="dark"] .card h2,
html[data-theme="dark"] .card h3,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .gtic-title-wrap h1,
html[data-theme="dark"] .chat-room-header-v072 h2,
html[data-theme="dark"] .planning-center-top b,
html[data-theme="dark"] .planning-day-v072 header strong,
html[data-theme="dark"] .settings-upload-drop-v072 b {
  color:#f4f8fc !important;
}

html[data-theme="dark"] .muted,
html[data-theme="dark"] .card-subtitle,
html[data-theme="dark"] .item-meta,
html[data-theme="dark"] .field small,
html[data-theme="dark"] .gtic-title-wrap p,
html[data-theme="dark"] .conversation-mini-v072 small,
html[data-theme="dark"] .chat-room-header-v072 p,
html[data-theme="dark"] .settings-upload-drop-v072 small,
html[data-theme="dark"] .stel-switches-v072 small,
html[data-theme="dark"] .stel-actions-grid-v072 small,
html[data-theme="dark"] .stel-link-card-v072 small {
  color:#9fb0c3 !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .chat-search-field,
html[data-theme="dark"] .gtic-mobile-filter-advanced,
html[data-theme="dark"] .settings-upload-drop-v072 {
  background:#0f1c29 !important;
  border-color:#34485d !important;
  color:#edf4fb !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color:#72869a !important; }
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus {
  border-color:#35c5cb !important;
  box-shadow:0 0 0 4px rgba(53,197,203,.14) !important;
}
html[data-theme="dark"] option { background:#0f1c29;color:#edf4fb; }
html[data-theme="dark"] .field label,
html[data-theme="dark"] .label,
html[data-theme="dark"] .checkline { color:#d8e4ee !important; }

html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .gtic-section-action,
html[data-theme="dark"] .gtic-back-action {
  background:#1c2c3d !important;
  border-color:#34485d !important;
  color:#dceaf5 !important;
  box-shadow:none !important;
}
html[data-theme="dark"] .btn.secondary:hover,
html[data-theme="dark"] .btn.ghost:hover,
html[data-theme="dark"] .gtic-section-action:hover,
html[data-theme="dark"] .gtic-section-action.active,
html[data-theme="dark"] .gtic-back-action:hover {
  background:#2b6b91 !important;
  border-color:#438ab0 !important;
  color:#fff !important;
}

html[data-theme="dark"] .badge,
html[data-theme="dark"] .badge.neutral,
html[data-theme="dark"] .conversation-mini-v072 em,
html[data-theme="dark"] .resource-availability-summary-v26>b {
  background:#243649 !important;
  color:#d5e2ed !important;
}
html[data-theme="dark"] .badge.info { background:#153b5c !important;color:#9dd2ff !important; }
html[data-theme="dark"] .badge.success { background:#153e32 !important;color:#8ee1bd !important; }
html[data-theme="dark"] .badge.warning { background:#4a3414 !important;color:#ffd789 !important; }
html[data-theme="dark"] .badge.danger { background:#4a2025 !important;color:#ffadb4 !important; }
html[data-theme="dark"] .alert.ok { background:#14372d !important;border-color:#26634e !important;color:#a8e7ca !important; }
html[data-theme="dark"] .alert.err { background:#3b1f25 !important;border-color:#6d313c !important;color:#ffc0c5 !important; }
html[data-theme="dark"] .alert.warn { background:#463414 !important;border-color:#745722 !important;color:#ffe0a3 !important; }
html[data-theme="dark"] .empty { background:#101d2a !important;border-color:#34485d !important;color:#9fb0c3 !important; }

html[data-theme="dark"] .table-wrap { background:#142230 !important; }
html[data-theme="dark"] .table th {
  background:#101d2a !important;
  color:#a8b8c8 !important;
  border-color:#2a3b4e !important;
}
html[data-theme="dark"] .table td { border-color:#2a3b4e !important;color:#dfe9f2; }
html[data-theme="dark"] .table tr:hover td { background:#1a2a3a !important; }

html[data-theme="dark"] .gtic-smart-option { color:#dfe9f2 !important; }
html[data-theme="dark"] .gtic-smart-option:hover,
html[data-theme="dark"] .gtic-smart-option.is-selected { background:#22394d !important;color:#fff !important; }
html[data-theme="dark"] .gtic-user-dropdown a,
html[data-theme="dark"] .gtic-user-dropdown button { color:#dfe9f2 !important; }
html[data-theme="dark"] .gtic-user-dropdown a:hover,
html[data-theme="dark"] .gtic-user-dropdown button:hover { background:#22394d !important; }

html[data-theme="dark"] .conversation-mini-v072,
html[data-theme="dark"] .chat-v23-thread,
html[data-theme="dark"] .chat-v23-user-check { color:#dfe9f2 !important; }
html[data-theme="dark"] .conversation-mini-v072:hover,
html[data-theme="dark"] .conversation-mini-v072.active,
html[data-theme="dark"] .chat-v23-thread:hover,
html[data-theme="dark"] .chat-v23-thread.is-active {
  background:#1d3447 !important;
  border-color:#31516a !important;
}
html[data-theme="dark"] .chat-room-header-v072,
html[data-theme="dark"] .chat-v23-room-head {
  background:linear-gradient(135deg,#182b3d,#202d36) !important;
  border-color:#2a3b4e !important;
}
html[data-theme="dark"] .chat-bubble,
html[data-theme="dark"] .chat-v23-bubble,
html[data-theme="dark"] .center-chat-message-v19 {
  background:#223448 !important;
  border-color:#334b61 !important;
  color:#edf4fb !important;
}
html[data-theme="dark"] .chat-bubble.is-mine,
html[data-theme="dark"] .chat-v23-bubble.is-mine,
html[data-theme="dark"] .center-chat-message-v19.is-mine {
  background:#174b56 !important;
  border-color:#256873 !important;
}
html[data-theme="dark"] .chat-bubble.internal,
html[data-theme="dark"] .chat-v23-bubble.is-internal { background:#3c2e19 !important;border-color:#684f24 !important; }

html[data-theme="dark"] .reservation-day-v26:hover,
html[data-theme="dark"] .reservation-day-v26.is-selected,
html[data-theme="dark"] .reservation-slot-v26:hover,
html[data-theme="dark"] .reservation-slot-v26.is-selected,
html[data-theme="dark"] .reservation-mode-selector-v27 button.active {
  background:#1d4558 !important;
  border-color:#3c7f99 !important;
  color:#fff !important;
}
html[data-theme="dark"] .reservation-day-v26.is-disabled,
html[data-theme="dark"] .reservation-slot-v26.is-disabled { opacity:.45; }
html[data-theme="dark"] .reservation-recess-tip-v28 { background:#3d321e !important;border-color:#6d582d !important;color:#f6d995 !important; }

html[data-theme="dark"] .planning-day-v072 header {
  background:linear-gradient(135deg,#1a3447,#26333d) !important;
  border-color:#2a3b4e !important;
}
html[data-theme="dark"] .planning-day-v072 header span,
html[data-theme="dark"] .planning-center-card-v072 ul,
html[data-theme="dark"] .planning-card-meta { color:#a7b8c8 !important; }
html[data-theme="dark"] .planning-center-top span { background:#443318 !important;color:#ffd78c !important; }

html[data-theme="dark"] .mobile-bottom-nav,
html[data-theme="dark"] .mobile-bottom-nav.mobile-bottom-nav-scroll {
  background:rgba(15,28,41,.94) !important;
  border-color:#31465a !important;
  box-shadow:0 18px 45px rgba(0,0,0,.38) !important;
}
html[data-theme="dark"] .mobile-bottom-nav a { color:#aebdcb !important; }
html[data-theme="dark"] .mobile-bottom-nav a.active { background:#245c7b !important;color:#fff !important; }

/* Selector de apariencia del perfil */
.theme-choice-grid-v32 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.theme-choice-v32 {
  position:relative;
  display:grid;
  gap:8px;
  padding:14px;
  border:2px solid var(--gtic-line);
  border-radius:20px;
  background:var(--gtic-card);
  cursor:pointer;
  transition:.18s ease;
  overflow:hidden;
}
.theme-choice-v32:hover { transform:translateY(-2px);box-shadow:var(--gtic-soft-shadow); }
.theme-choice-v32.is-selected { border-color:var(--gtic-teal);box-shadow:0 0 0 4px rgba(32,198,201,.13); }
.theme-choice-v32 input { position:absolute;opacity:0;pointer-events:none; }
.theme-choice-v32 strong { font-size:1rem;color:var(--gtic-text); }
.theme-choice-v32 small { color:var(--gtic-muted);line-height:1.35; }
.theme-choice-preview-v32 {
  height:112px;
  border-radius:15px;
  border:1px solid rgba(100,120,140,.18);
  position:relative;
  overflow:hidden;
  display:block;
}
.theme-choice-preview-v32:before { content:"";position:absolute;inset:0 auto 0 0;width:28%;background:#17324a; }
.theme-choice-preview-v32 i { position:absolute;left:34%;right:7%;top:11%;height:16%;border-radius:8px;background:currentColor;opacity:.15; }
.theme-choice-preview-v32 b,
.theme-choice-preview-v32 em { position:absolute;top:35%;bottom:10%;width:26%;border-radius:9px;background:currentColor;opacity:.11; }
.theme-choice-preview-v32 b { left:34%; }
.theme-choice-preview-v32 em { left:64%;font-style:normal; }
.theme-choice-preview-v32.is-light { background:#f2f6fa;color:#17324a; }
.theme-choice-preview-v32.is-dark { background:#0d1824;color:#eef5fb; }
.theme-choice-preview-v32.is-dark:before { background:#07111b; }
.theme-choice-preview-v32.is-system { background:linear-gradient(90deg,#f2f6fa 0 50%,#0d1824 50% 100%);color:#17324a; }
.theme-choice-preview-v32.is-system:before { background:linear-gradient(90deg,#17324a 0 50%,#07111b 50% 100%); }
.theme-choice-status-v32 { margin-top:12px;color:var(--gtic-muted);font-size:.84rem;opacity:0;transition:.16s ease; }
.theme-choice-status-v32.is-visible { opacity:1; }

@media(max-width:760px) {
  .theme-choice-grid-v32 { grid-template-columns:1fr; }
  .theme-choice-v32 { grid-template-columns:112px minmax(0,1fr);align-items:center; }
  .theme-choice-v32 strong,.theme-choice-v32 small { grid-column:2; }
  .theme-choice-preview-v32 { grid-row:1 / span 2;height:78px; }
}
