body[data-theme="dark"] {
  --bg: #0B0D10;
  --bg-strong: #171C22;
  --panel: #2A333D;
  --panel-secondary: #303B46;
  --panel-muted: #3A4552;
  --panel-border: #5D6F82;
  --text: #E7EEF5;
  --text-secondary: #9AABBA;
  --text-muted: #5D6F82;
  --muted: var(--text-muted);
  --primary: var(--accent);
  --accent: #22D3EE;
  --accent-rgb: 34, 211, 238;
  --accent-hover: #06B6D4;
  --accent-strong: #67E8F9;
  --accent-deep: var(--accent-strong);
  --accent-soft: rgba(34, 211, 238, 0.15);
  --sky-deep: var(--accent-strong);
  --sky-rgb: 103, 232, 249;
  --focus-ring: #67E8F9;
  --focus-ring-soft: rgba(34, 211, 238, 0.25);
  --success-soft: rgba(34, 197, 94, 0.15);
  --warning-soft: rgba(250, 204, 21, 0.1);
  --danger-soft: rgba(239, 68, 68, 0.15);
  color-scheme: dark;
  background: #0B0D10;
  color: var(--text);
}

body[data-theme="dark"] .background-glow {
  opacity: 0.16;
}

body[data-theme="dark"] .topbar-surface {
  border-color: var(--panel-border);
  background: rgba(23, 28, 34, 0.96);
  box-shadow: 0 16px 32px rgba(23, 28, 34, 0.34);
}

body[data-theme="dark"] .topbar-nav {
  border-color: var(--panel-border);
  background: rgba(23, 28, 34, 0.92);
}

body[data-theme="dark"] .topbar-label,
body[data-theme="dark"] .topbar-button,
body[data-theme="dark"] .notification-trigger,
body[data-theme="dark"] .sidebar-toggle,
body[data-theme="dark"] .sidebar-close,
body[data-theme="dark"] .topbar-user-card,
body[data-theme="dark"] .notification-clear,
body[data-theme="dark"] .notification-sound-toggle,
body[data-theme="dark"] .settings-modal-close {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text);
  box-shadow: none;
}

body[data-theme="dark"] .topbar-button:hover,
body[data-theme="dark"] .notification-trigger:hover,
body[data-theme="dark"] .sidebar-toggle:hover,
body[data-theme="dark"] .sidebar-close:hover,
body[data-theme="dark"] .topbar-user-card:hover,
body[data-theme="dark"] .notification-clear:hover,
body[data-theme="dark"] .notification-sound-toggle:hover:not(:disabled),
body[data-theme="dark"] .settings-modal-close:hover {
  border-color: rgba(34, 211, 238, 0.4);
  background: #3A4552;
  color: var(--text);
}

body[data-theme="dark"] .topbar-nav-link {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text-secondary);
  box-shadow: none;
}

body[data-theme="dark"] .topbar-nav-link:hover {
  border-color: rgba(34, 211, 238, 0.4);
  background: #3A4552;
  color: var(--text);
}

body[data-theme="dark"] .topbar-nav-link.is-active,
body[data-theme="dark"] .topbar-nav-link[aria-current="page"] {
  border-color: var(--accent);
  background: var(--accent);
  color: #ffffff;
}

body[data-theme="dark"] .topbar-nav-icon {
  border: 1px solid var(--panel-border);
  border-radius: 999px;
  background: rgba(11, 13, 16, 0.78);
  color: var(--accent-strong);
}

body[data-theme="dark"] .topbar-nav-link.is-active .topbar-nav-icon,
body[data-theme="dark"] .topbar-nav-link[aria-current="page"] .topbar-nav-icon {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(11, 13, 16, 0.22);
  color: #ffffff;
}

body[data-theme="dark"] .topbar-greeting,
body[data-theme="dark"] .topbar-user-meta small,
body[data-theme="dark"] .topbar-user-caret,
body[data-theme="dark"] .notification-panel-header small,
body[data-theme="dark"] .notification-copy p,
body[data-theme="dark"] .notification-popup-message,
body[data-theme="dark"] .notification-popup-meta small,
body[data-theme="dark"] .notification-popup-footer small,
body[data-theme="dark"] .help-text,
body[data-theme="dark"] .form-meta p,
body[data-theme="dark"] .form-meta-note,
body[data-theme="dark"] .form-section-heading p,
body[data-theme="dark"] .table-summary,
body[data-theme="dark"] .table-pagination-summary,
body[data-theme="dark"] .table-pagination-ellipsis,
body[data-theme="dark"] .empty-state p,
body[data-theme="dark"] .empty-state-inline p,
body[data-theme="dark"] .attachment-item small,
body[data-theme="dark"] .message-copy {
  color: var(--text-muted);
}

body[data-theme="dark"] .topbar-greeting-primary,
body[data-theme="dark"] .topbar-user strong,
body[data-theme="dark"] .notification-copy strong,
body[data-theme="dark"] .notification-popup-title,
body[data-theme="dark"] .settings-theme-option-copy strong,
body[data-theme="dark"] .settings-option-copy strong {
  color: var(--text);
}

body[data-theme="dark"] .sidebar {
  border-color: var(--panel-border);
  background: linear-gradient(180deg, rgba(11, 13, 16, 0.99), rgba(11, 13, 16, 0.99));
  box-shadow: 0 18px 36px rgba(23, 28, 34, 0.32);
}

body[data-theme="dark"] .menu-group {
  gap: 0.7rem;
  padding: 0.85rem;
  border: 1px solid var(--panel-border);
  border-radius: 22px;
  background: var(--panel);
}

body[data-theme="dark"] .menu-group-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 0.35rem 0.75rem;
  border: 1px solid var(--panel-border);
  border-radius: 999px;
  background: var(--panel-muted);
  color: var(--text-muted);
}

body[data-theme="dark"] .menu-link {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text-secondary);
  box-shadow: none;
}

body[data-theme="dark"] .menu-link:hover,
body[data-theme="dark"] .menu-link:focus-visible {
  border-color: rgba(34, 211, 238, 0.4);
  background: #3A4552;
  color: var(--text);
}

body[data-theme="dark"] .menu-link.is-active,
body[data-theme="dark"] .menu-link[aria-current="page"] {
  border-color: var(--accent);
  background: rgba(34, 211, 238, 0.2);
  color: var(--text);
  box-shadow: inset 3px 0 0 var(--accent);
}

body[data-theme="dark"] .menu-link-secondary {
  color: var(--text-secondary);
}

body[data-theme="dark"] .menu-link-secondary::before {
  color: var(--accent-strong);
}

body[data-theme="dark"] .sidebar-note {
  border-top-color: var(--panel-border);
  color: var(--text-muted);
}

body[data-theme="dark"] .panel,
body[data-theme="dark"] .detail-header,
body[data-theme="dark"] .filters,
body[data-theme="dark"] .settings-modal-card,
body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .notification-panel,
body[data-theme="dark"] .user-menu-panel,
body[data-theme="dark"] .page-context-bar,
body[data-theme="dark"] .form-meta,
body[data-theme="dark"] .form-section,
body[data-theme="dark"] .table-wrap,
body[data-theme="dark"] .json-block,
body[data-theme="dark"] .message,
body[data-theme="dark"] .form-error,
body[data-theme="dark"] .empty-state,
body[data-theme="dark"] .empty-state-inline,
body[data-theme="dark"] .attachment-item,
body[data-theme="dark"] .timeline-item {
  border-color: var(--panel-border);
  background: var(--panel);
  color: var(--text);
  box-shadow: 0 16px 30px rgba(23, 28, 34, 0.24);
}

body[data-theme="dark"] .page-context-section,
body[data-theme="dark"] .info-chip,
body[data-theme="dark"] .info-chip-muted,
body[data-theme="dark"] .role-chip,
body[data-theme="dark"] .role-chip-muted,
body[data-theme="dark"] .dashboard-task-chip,
body[data-theme="dark"] .dashboard-task-chip-muted,
body[data-theme="dark"] .audit-pill,
body[data-theme="dark"] .task-progress-card-meta-chip {
  border: 1px solid var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text-secondary);
  box-shadow: none;
}

body[data-theme="dark"] .table-pagination {
  border-color: var(--panel-border);
  background: linear-gradient(180deg, rgba(42, 51, 61, 0.98), rgba(11, 13, 16, 0.96));
  box-shadow: 0 16px 30px rgba(23, 28, 34, 0.24);
}

body[data-theme="dark"] .page-context-link,
body[data-theme="dark"] .table-pagination-link,
body[data-theme="dark"] .table-icon-action,
body[data-theme="dark"] .attachment-link,
body[data-theme="dark"] .attachment-link-disabled,
body[data-theme="dark"] .user-menu-item,
body[data-theme="dark"] .user-menu-item-danger {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text-secondary);
  box-shadow: none;
}

body[data-theme="dark"] .page-context-link:hover,
body[data-theme="dark"] .table-pagination-link:hover,
body[data-theme="dark"] .table-icon-action:hover,
body[data-theme="dark"] .attachment-link:hover,
body[data-theme="dark"] .user-menu-item:hover {
  border-color: rgba(34, 211, 238, 0.4);
  background: #3A4552;
  color: var(--text);
}

body[data-theme="dark"] .table-pagination-link-current {
  border-color: var(--accent);
  background: linear-gradient(180deg, var(--accent) 0%, var(--accent-hover) 100%);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(6, 182, 212, 0.24);
}

body[data-theme="dark"] .table-pagination-link-disabled,
body[data-theme="dark"] .table-pagination-ellipsis {
  border-color: var(--panel-border);
  background: rgba(11, 13, 16, 0.72);
  color: var(--text-muted);
  box-shadow: none;
}

body[data-theme="dark"] .button {
  border-color: var(--accent);
  background: linear-gradient(180deg, var(--accent) 0%, var(--accent-hover) 100%);
  color: #ffffff;
}

body[data-theme="dark"] .button:hover {
  border-color: var(--accent-hover);
  background: linear-gradient(180deg, var(--accent-hover) 0%, #0891B2 100%);
  color: #ffffff;
}

body[data-theme="dark"] .button-ghost,
body[data-theme="dark"] .button-danger {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text);
}

body[data-theme="dark"] .button-ghost:hover,
body[data-theme="dark"] .button-danger:hover {
  border-color: rgba(34, 211, 238, 0.4);
  background: #3A4552;
  color: var(--text);
}

body[data-theme="dark"] label,
body[data-theme="dark"] .field label,
body[data-theme="dark"] .bootstrap-ui .form-check-label,
body[data-theme="dark"] .bootstrap-ui .col-form-label {
  color: var(--text);
}

body[data-theme="dark"] .input,
body[data-theme="dark"] textarea,
body[data-theme="dark"] select,
body[data-theme="dark"] .input-shell,
body[data-theme="dark"] .bootstrap-ui .form-control,
body[data-theme="dark"] .bootstrap-ui .form-select {
  border-color: var(--panel-border);
  background: var(--bg);
  color: var(--text);
  box-shadow: none;
}

body[data-theme="dark"] .input-shell .input,
body[data-theme="dark"] .input-shell .form-control {
  background: transparent;
}

body[data-theme="dark"] .input::placeholder,
body[data-theme="dark"] textarea::placeholder,
body[data-theme="dark"] .bootstrap-ui .form-control::placeholder {
  color: var(--text-muted);
}

body[data-theme="dark"] .input:hover,
body[data-theme="dark"] textarea:hover,
body[data-theme="dark"] select:hover,
body[data-theme="dark"] .input-shell:hover,
body[data-theme="dark"] .bootstrap-ui .form-control:hover,
body[data-theme="dark"] .bootstrap-ui .form-select:hover {
  border-color: rgba(34, 211, 238, 0.36);
}

body[data-theme="dark"] .input:focus,
body[data-theme="dark"] textarea:focus,
body[data-theme="dark"] select:focus,
body[data-theme="dark"] .input-shell:focus-within,
body[data-theme="dark"] .bootstrap-ui .form-control:focus,
body[data-theme="dark"] .bootstrap-ui .form-select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.25);
}

body[data-theme="dark"] .input-shell-icon,
body[data-theme="dark"] .input-shell-icon svg,
body[data-theme="dark"] .input-shell-icon i {
  color: var(--text-muted);
}

body[data-theme="dark"] .settings-theme-option,
body[data-theme="dark"] .settings-option {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text);
  box-shadow: none;
}

body[data-theme="dark"] .settings-theme-option-copy small,
body[data-theme="dark"] .settings-option-copy small {
  color: var(--text-muted);
}

body[data-theme="dark"] .data-table,
body[data-theme="dark"] .audit-change-table {
  color: var(--text-secondary);
}

body[data-theme="dark"] .data-table thead th,
body[data-theme="dark"] .audit-change-table thead th {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text);
}

body[data-theme="dark"] .data-table th,
body[data-theme="dark"] .data-table td,
body[data-theme="dark"] .audit-change-table th,
body[data-theme="dark"] .audit-change-table td {
  border-bottom-color: var(--panel-border);
}

body[data-theme="dark"] .data-table tbody td,
body[data-theme="dark"] .audit-change-table tbody td {
  background: var(--panel);
  color: var(--text-secondary);
}

body[data-theme="dark"] .data-table tbody tr:nth-child(even) td,
body[data-theme="dark"] .audit-change-table tbody tr:nth-child(even) td {
  background: rgba(42, 51, 61, 0.96);
}

body[data-theme="dark"] .data-table tbody tr:hover td,
body[data-theme="dark"] .audit-change-table tbody tr:hover td {
  background: var(--panel-secondary);
}

body[data-theme="dark"] .status-pendiente {
  background: rgba(93, 111, 130, 0.15);
  border-color: rgba(93, 111, 130, 0.3);
  color: #9AABBA;
}

body[data-theme="dark"] .status-en-progreso {
  background: rgba(99, 102, 241, 0.15);
  border-color: rgba(99, 102, 241, 0.35);
  color: #a5b4fc;
}

body[data-theme="dark"] .status-completada {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.35);
  color: #4ade80;
}

body[data-theme="dark"] .status-vencida,
body[data-theme="dark"] .status-bloqueada {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.35);
  color: #f87171;
}

body[data-theme="dark"] .task-criticality-chip-baja {
  background: rgba(250, 204, 21, 0.1);
  border-color: rgba(250, 204, 21, 0.3);
  color: #fde68a;
}

body[data-theme="dark"] .task-criticality-chip-media {
  background: rgba(249, 115, 22, 0.12);
  border-color: rgba(249, 115, 22, 0.32);
  color: #fdba74;
}

body[data-theme="dark"] .task-criticality-chip-alta {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.35);
  color: #fca5a5;
}

body[data-theme="dark"] .task-criticality-chip-na {
  background: transparent;
  border-color: var(--panel-border);
  color: var(--text-secondary);
}

body[data-theme="dark"] .dashboard-modules-panel,
body[data-theme="dark"] .support-cta-panel,
body[data-theme="dark"] .task-dashboard-compact,
body[data-theme="dark"] .dashboard-filter-toolbar,
body[data-theme="dark"] .task-list-page-panel,
body[data-theme="dark"] .panel-projects,
body[data-theme="dark"] .dashboard-module-card,
body[data-theme="dark"] .project-card,
body[data-theme="dark"] .task-mini-card,
body[data-theme="dark"] .task-progress-card-compact,
body[data-theme="dark"] .task-detail-hero,
body[data-theme="dark"] .task-summary-panel,
body[data-theme="dark"] .task-progress-panel,
body[data-theme="dark"] .task-history-panel,
body[data-theme="dark"] .task-status-panel,
body[data-theme="dark"] .task-form-panel,
body[data-theme="dark"] .task-form-group {
  border-color: var(--panel-border);
  background: var(--panel);
  color: var(--text);
  box-shadow: 0 16px 30px rgba(23, 28, 34, 0.24);
}

body[data-theme="dark"] .task-scope-button {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text-secondary);
}

body[data-theme="dark"] .task-scope-button:hover {
  border-color: rgba(34, 211, 238, 0.4);
  background: #3A4552;
  color: var(--text);
}

body[data-theme="dark"] .task-scope-button.is-active {
  border-color: var(--accent);
  background: linear-gradient(180deg, var(--accent) 0%, var(--accent-hover) 100%);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(6, 182, 212, 0.2);
}

body[data-theme="dark"] .task-scope-button-count {
  border: 1px solid var(--panel-border);
  background: var(--panel-muted);
  color: var(--accent-strong);
}

body[data-theme="dark"] .task-scope-button.is-active .task-scope-button-count {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(11, 13, 16, 0.24);
  color: #ffffff;
}

body[data-theme="dark"] .task-dashboard-compact-status {
  border-color: rgba(34, 211, 238, 0.35);
  background: rgba(34, 211, 238, 0.15);
  color: var(--accent-strong);
}

body[data-theme="dark"] .task-dashboard-compact-status.has-critical {
  border-color: rgba(249, 115, 22, 0.35);
  background: rgba(249, 115, 22, 0.12);
  color: #fdba74;
}

body[data-theme="dark"] .task-progress-card-track,
body[data-theme="dark"] .project-progress-track {
  background: var(--panel-muted);
}

body[data-theme="dark"] .dashboard-modules-panel {
  background:
    radial-gradient(circle at top right, rgba(34, 211, 238, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(42, 51, 61, 0.98), rgba(11, 13, 16, 0.98));
}

body[data-theme="dark"] .support-cta-panel {
  background:
    radial-gradient(circle at top right, rgba(103, 232, 249, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(42, 51, 61, 0.98), rgba(48, 59, 70, 0.94));
}

body[data-theme="dark"] .dashboard-module-card {
  background: linear-gradient(180deg, rgba(48, 59, 70, 0.94), rgba(11, 13, 16, 0.98));
}

body[data-theme="dark"] .dashboard-module-card:hover {
  border-color: rgba(103, 232, 249, 0.38);
  background: linear-gradient(180deg, rgba(48, 59, 70, 0.96), rgba(11, 13, 16, 0.98));
  box-shadow: 0 18px 32px rgba(23, 28, 34, 0.28);
}

body[data-theme="dark"] .panel-header-projects h2,
body[data-theme="dark"] .dashboard-module-card strong,
body[data-theme="dark"] .project-title-group h3,
body[data-theme="dark"] .project-metric-copy strong,
body[data-theme="dark"] .project-user-pill span:last-child,
body[data-theme="dark"] .project-table-summary-copy {
  color: var(--text);
}

body[data-theme="dark"] .panel-header-projects p,
body[data-theme="dark"] .dashboard-module-card span,
body[data-theme="dark"] .project-description {
  color: var(--text-secondary);
}

body[data-theme="dark"] .dashboard-module-card small,
body[data-theme="dark"] .project-label,
body[data-theme="dark"] .project-users small,
body[data-theme="dark"] .project-progress-meta small,
body[data-theme="dark"] .project-metric-copy small,
body[data-theme="dark"] .support-cta-header p {
  color: var(--text-muted);
}

body[data-theme="dark"] .dashboard-module-icon {
  background: rgba(34, 211, 238, 0.14);
  color: var(--accent-strong);
}

body[data-theme="dark"] .dashboard-module-cta,
body[data-theme="dark"] .project-action-link {
  color: var(--accent-strong);
}

body[data-theme="dark"] .dashboard-module-cta:hover,
body[data-theme="dark"] .project-action-link:hover {
  color: #A5F3FC;
}

body[data-theme="dark"] .support-cta-highlight {
  border-color: var(--panel-border);
  background: rgba(11, 13, 16, 0.56);
  color: var(--text-secondary);
}

body[data-theme="dark"] .support-cta-highlight i {
  color: var(--accent-strong);
}

body[data-theme="dark"] .project-card {
  --project-status-bg: rgba(34, 211, 238, 0.14);
  --project-status-color: #A5F3FC;
  --project-icon-bg: linear-gradient(180deg, rgba(6, 182, 212, 0.22), rgba(8, 51, 68, 0.1));
  --project-icon-color: #67E8F9;
  background:
    radial-gradient(circle at top right, rgba(34, 211, 238, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(42, 51, 61, 0.98), rgba(11, 13, 16, 0.96));
}

body[data-theme="dark"] .project-card--completada {
  --project-status-bg: rgba(34, 197, 94, 0.16);
  --project-status-color: #86efac;
  --project-icon-bg: linear-gradient(180deg, rgba(34, 197, 94, 0.22), rgba(15, 118, 110, 0.14));
  --project-icon-color: #86efac;
}

body[data-theme="dark"] .project-card--en-progreso {
  --project-status-bg: rgba(99, 102, 241, 0.16);
  --project-status-color: #c7d2fe;
  --project-icon-bg: linear-gradient(180deg, rgba(99, 102, 241, 0.22), rgba(6, 182, 212, 0.14));
  --project-icon-color: #c7d2fe;
}

body[data-theme="dark"] .project-card--pendiente {
  --project-status-bg: rgba(245, 158, 11, 0.16);
  --project-status-color: #fcd34d;
  --project-icon-bg: linear-gradient(180deg, rgba(245, 158, 11, 0.18), rgba(34, 211, 238, 0.1));
  --project-icon-color: #fdba74;
}

body[data-theme="dark"] .project-card--bloqueada {
  --project-status-bg: rgba(249, 115, 22, 0.16);
  --project-status-color: #fdba74;
  --project-icon-bg: linear-gradient(180deg, rgba(249, 115, 22, 0.2), rgba(127, 29, 29, 0.14));
  --project-icon-color: #fdba74;
}

body[data-theme="dark"] .project-symbol {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 26px rgba(23, 28, 34, 0.24);
}

body[data-theme="dark"] .project-scope-pill {
  background: rgba(14, 165, 233, 0.14);
  color: #bae6fd;
}

body[data-theme="dark"] .project-scope-pill-personal {
  background: rgba(103, 232, 249, 0.14);
  color: #A5F3FC;
}

body[data-theme="dark"] .project-status-pill {
  border-color: rgba(93, 111, 130, 0.18);
  box-shadow: none;
}

body[data-theme="dark"] .project-progress-meta strong {
  color: #67E8F9;
}

body[data-theme="dark"] .project-card--completada .project-progress-meta strong {
  color: #4ade80;
}

body[data-theme="dark"] .project-card--pendiente .project-progress-meta strong {
  color: #fbbf24;
}

body[data-theme="dark"] .project-card--bloqueada .project-progress-meta strong {
  color: #fb923c;
}

body[data-theme="dark"] .project-progress-fill {
  background: linear-gradient(90deg, var(--accent) 0%, #67E8F9 100%);
}

body[data-theme="dark"] .project-card--completada .project-progress-fill {
  background: linear-gradient(90deg, var(--accent) 0%, #4ade80 100%);
}

body[data-theme="dark"] .project-card--pendiente .project-progress-fill {
  background: linear-gradient(90deg, var(--accent) 0%, #fbbf24 100%);
}

body[data-theme="dark"] .project-card--bloqueada .project-progress-fill {
  background: linear-gradient(90deg, var(--accent) 0%, #fb923c 100%);
}

body[data-theme="dark"] .project-metric {
  border-color: var(--panel-border);
  background: rgba(48, 59, 70, 0.9);
  box-shadow: none;
}

body[data-theme="dark"] .project-metric-icon {
  background: rgba(34, 211, 238, 0.14);
  color: var(--accent-strong);
}

body[data-theme="dark"] .project-metric-icon--done {
  background: rgba(34, 197, 94, 0.16);
  color: #86efac;
}

body[data-theme="dark"] .project-metric-icon--date {
  background: rgba(56, 189, 248, 0.14);
  color: #7dd3fc;
}

body[data-theme="dark"] .project-user-pill {
  border-color: var(--panel-border);
  background: rgba(11, 13, 16, 0.58);
  color: var(--text-secondary);
  box-shadow: none;
}

body[data-theme="dark"] .project-user-pill-muted {
  background: rgba(48, 59, 70, 0.82);
  color: var(--text-muted);
}

body[data-theme="dark"] .project-actions {
  border-top-color: var(--panel-border);
}

body[data-theme="dark"] .task-panel-heading p,
body[data-theme="dark"] .task-scope-current,
body[data-theme="dark"] .dashboard-filter-toolbar-copy span,
body[data-theme="dark"] .dashboard-filter-toolbar .field label,
body[data-theme="dark"] .task-history-description,
body[data-theme="dark"] .summary-list small,
body[data-theme="dark"] .task-mini-card small,
body[data-theme="dark"] .task-progress-card-copy small {
  color: var(--text-muted);
}

body[data-theme="dark"] .dashboard-task-table {
  --task-criticality-low-bg: rgba(250, 204, 21, 0.1);
  --task-criticality-low-bg-even: rgba(250, 204, 21, 0.12);
  --task-criticality-low-hover: rgba(250, 204, 21, 0.16);
  --task-criticality-low-border: #facc15;
  --task-criticality-medium-bg: rgba(249, 115, 22, 0.12);
  --task-criticality-medium-bg-even: rgba(249, 115, 22, 0.14);
  --task-criticality-medium-hover: rgba(249, 115, 22, 0.18);
  --task-criticality-medium-border: #fb923c;
  --task-criticality-high-bg: rgba(239, 68, 68, 0.14);
  --task-criticality-high-bg-even: rgba(239, 68, 68, 0.16);
  --task-criticality-high-hover: rgba(239, 68, 68, 0.2);
  --task-criticality-high-border: #ef4444;
}

body[data-theme="dark"] .dashboard-task-table tbody td::before {
  color: var(--text-muted);
}

body[data-theme="dark"] .project-detail-hero,
body[data-theme="dark"] .project-summary-panel,
body[data-theme="dark"] .project-team-panel,
body[data-theme="dark"] .project-task-panel,
body[data-theme="dark"] .project-updates-panel,
body[data-theme="dark"] .project-directory-panel,
body[data-theme="dark"] .project-hero-meta-card,
body[data-theme="dark"] .project-hero-progress,
body[data-theme="dark"] .project-hero-mini-metrics,
body[data-theme="dark"] .project-hero-actions,
body[data-theme="dark"] .project-summary-card,
body[data-theme="dark"] .project-summary-band,
body[data-theme="dark"] .project-team-member,
body[data-theme="dark"] .project-directory-stat {
  border-color: var(--panel-border);
  background: var(--panel);
  color: var(--text);
  box-shadow: 0 16px 30px rgba(23, 28, 34, 0.24);
}

body[data-theme="dark"] .project-detail-hero {
  background: linear-gradient(135deg, rgba(42, 51, 61, 0.98), rgba(48, 59, 70, 0.94));
}

body[data-theme="dark"] .project-summary-band,
body[data-theme="dark"] .project-hero-actions,
body[data-theme="dark"] .project-hero-mini-metrics {
  background: var(--panel-secondary);
}

body[data-theme="dark"] .project-hero-copy h1,
body[data-theme="dark"] .project-hero-meta-card strong,
body[data-theme="dark"] .project-hero-mini-metric strong,
body[data-theme="dark"] .project-summary-card strong,
body[data-theme="dark"] .project-directory-stat strong,
body[data-theme="dark"] .project-list-toolbar-copy strong,
body[data-theme="dark"] .project-updates-panel .timeline-meta strong {
  color: var(--text);
}

body[data-theme="dark"] .project-hero-description,
body[data-theme="dark"] .project-list-toolbar-copy span,
body[data-theme="dark"] .project-directory-stat span,
body[data-theme="dark"] .project-updates-panel .timeline-item p,
body[data-theme="dark"] .project-task-panel .data-table th {
  color: var(--text-muted);
}

body[data-theme="dark"] .project-hero-progress strong,
body[data-theme="dark"] .project-summary-band-copy strong,
body[data-theme="dark"] .project-directory-panel .text-link {
  color: var(--accent-strong);
}

body[data-theme="dark"] .project-updates-panel .timeline-item {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  box-shadow: none;
}

body[data-theme="dark"] .project-task-panel .data-table tbody tr:hover td,
body[data-theme="dark"] .project-directory-panel .data-table tbody tr:hover td {
  background: var(--panel-secondary);
}

body[data-theme="dark"] .support-ticket-hero,
body[data-theme="dark"] .support-ticket-aside,
body[data-theme="dark"] .support-ticket-form-panel,
body[data-theme="dark"] .support-ticket-history-panel {
  border-color: var(--panel-border);
  background: var(--panel);
  color: var(--text);
  box-shadow: 0 16px 30px rgba(23, 28, 34, 0.24);
}

body[data-theme="dark"] .support-ticket-hero {
  background: linear-gradient(135deg, rgba(42, 51, 61, 0.98), rgba(48, 59, 70, 0.94));
}

body[data-theme="dark"] .support-checklist {
  color: var(--text-muted);
}

body[data-theme="dark"] .user-picker,
body[data-theme="dark"] .user-form-panel .user-picker,
body[data-theme="dark"] .project-form-panel .user-picker,
body[data-theme="dark"] .user-option,
body[data-theme="dark"] .user-list-panel,
body[data-theme="dark"] .user-form-panel,
body[data-theme="dark"] .user-active-panel,
body[data-theme="dark"] .user-report-summary,
body[data-theme="dark"] .user-report-progress-item,
body[data-theme="dark"] .user-confirm-panel,
body[data-theme="dark"] .project-form-panel,
body[data-theme="dark"] .user-status-card,
body[data-theme="dark"] .user-warning-card {
  border-color: var(--panel-border);
  background: var(--panel);
  color: var(--text);
  box-shadow: none;
}

body[data-theme="dark"] .user-option {
  background: var(--panel-secondary);
}

body[data-theme="dark"] .user-report-task-meta small,
body[data-theme="dark"] .user-report-context small,
body[data-theme="dark"] .user-report-progress-meta,
body[data-theme="dark"] .user-report-progress-meta span {
  color: var(--text-muted);
}

body[data-theme="dark"] .user-report-progress-meta strong {
  color: var(--text);
}

body[data-theme="dark"] .user-option:hover {
  border-color: rgba(34, 211, 238, 0.38);
  background: #3A4552;
}

body[data-theme="dark"] .user-option:focus-within,
body[data-theme="dark"] .permission-option:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.25);
}

body[data-theme="dark"] .role-admin,
body[data-theme="dark"] .notification-type,
body[data-theme="dark"] .audit-pill-source {
  border-color: rgba(34, 211, 238, 0.35);
  background: rgba(34, 211, 238, 0.15);
  color: var(--accent-strong);
}

body[data-theme="dark"] .user-warning-card {
  border-color: rgba(249, 115, 22, 0.35);
  background: linear-gradient(180deg, rgba(120, 53, 15, 0.36), rgba(42, 51, 61, 0.98));
}

body[data-theme="dark"] .user-warning-card h2 {
  color: #fdba74;
}

body[data-theme="dark"] .user-warning-list ul {
  color: var(--text-muted);
}

body[data-theme="dark"] .permission-card,
body[data-theme="dark"] .permission-option,
body[data-theme="dark"] .role-list-panel,
body[data-theme="dark"] .role-form-panel,
body[data-theme="dark"] .role-delete-panel {
  border-color: var(--panel-border);
  background: var(--panel);
  color: var(--text);
  box-shadow: none;
}

body[data-theme="dark"] .permission-option {
  background: var(--panel-secondary);
}

body[data-theme="dark"] .permission-option:hover {
  border-color: rgba(34, 211, 238, 0.38);
  background: #3A4552;
}

body[data-theme="dark"] .permission-card h3,
body[data-theme="dark"] .permission-option-copy strong {
  color: var(--text);
}

body[data-theme="dark"] .permission-card-copy,
body[data-theme="dark"] .permission-option-copy small {
  color: var(--text-muted);
}

body[data-theme="dark"] .audit-list-panel,
body[data-theme="dark"] .audit-detail-panel,
body[data-theme="dark"] .audit-filters,
body[data-theme="dark"] .stat-card,
body[data-theme="dark"] .stat-card-metric,
body[data-theme="dark"] .audit-detail-card,
body[data-theme="dark"] .audit-change-table-wrapper,
body[data-theme="dark"] .audit-change-table tbody tr {
  border-color: var(--panel-border);
  background: var(--panel);
  color: var(--text);
  box-shadow: none;
}

body[data-theme="dark"] .audit-secondary,
body[data-theme="dark"] .stat-card small,
body[data-theme="dark"] .stat-card-copy small,
body[data-theme="dark"] .audit-change-table tbody td::before {
  color: var(--text-muted);
}

body[data-theme="dark"] .audit-primary,
body[data-theme="dark"] .stat-card strong,
body[data-theme="dark"] .stat-card-copy strong,
body[data-theme="dark"] .audit-detail-card h2 {
  color: var(--text);
}

body[data-theme="dark"] .stat-card-icon,
body[data-theme="dark"] .task-mini-card-icon,
body[data-theme="dark"] .task-progress-card-icon,
body[data-theme="dark"] .task-history-summary-icon,
body[data-theme="dark"] .project-symbol {
  border: 1px solid var(--panel-border);
  background: var(--panel-secondary);
  color: var(--accent-strong);
  box-shadow: none;
}

body[data-theme="dark"] .audit-pill-result-success {
  border-color: rgba(34, 197, 94, 0.35);
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

body[data-theme="dark"] .audit-pill-result-failed {
  border-color: rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}

body[data-theme="dark"] .audit-pill-result-blocked {
  border-color: rgba(249, 115, 22, 0.35);
  background: rgba(249, 115, 22, 0.12);
  color: #fdba74;
}

body[data-theme="dark"] .workgroup-task-panel {
  border-color: var(--panel-border);
  background: var(--panel);
  box-shadow: 0 16px 30px rgba(23, 28, 34, 0.24);
}

body[data-theme="dark"] .workgroup-document-panel {
  border-color: var(--panel-border);
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.1), transparent 32%),
    linear-gradient(180deg, rgba(42, 51, 61, 0.98), rgba(11, 13, 16, 0.96));
  box-shadow: 0 16px 30px rgba(23, 28, 34, 0.24);
}

body[data-theme="dark"] .workgroup-document-card {
  border-color: var(--panel-border);
  background: rgba(48, 59, 70, 0.88);
  box-shadow: 0 14px 28px rgba(23, 28, 34, 0.24);
}

body[data-theme="dark"] .workgroup-document-card-header h3 {
  color: var(--text);
}

body[data-theme="dark"] .workgroup-document-content summary {
  color: var(--accent-strong);
}

body[data-theme="dark"] .workgroup-document-meta,
body[data-theme="dark"] .workgroup-document-summary {
  color: var(--text-muted);
}

body[data-theme="dark"] .workgroup-document-content {
  border-top-color: var(--panel-border);
}

body[data-theme="dark"] .workgroup-document-text {
  background: rgba(11, 13, 16, 0.68);
  color: var(--text-secondary);
}

body[data-theme="dark"] .workgroup-document-panel .data-table tbody tr.is-editing td {
  background: rgba(59, 130, 246, 0.12);
  box-shadow: inset 3px 0 0 rgba(96, 165, 250, 0.55);
}

body[data-theme="dark"] .workgroup-rich-text-shell {
  border-color: var(--panel-border);
  background:
    linear-gradient(180deg, rgba(11, 13, 16, 0.96), rgba(42, 51, 61, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(93, 111, 130, 0.05),
    0 16px 32px rgba(23, 28, 34, 0.26);
}

body[data-theme="dark"] .workgroup-rich-text-field.has-errors .workgroup-rich-text-shell {
  border-color: rgba(248, 113, 113, 0.56);
  box-shadow:
    inset 0 1px 0 rgba(93, 111, 130, 0.05),
    0 0 0 3px rgba(248, 113, 113, 0.12);
}

body[data-theme="dark"] .workgroup-rich-text-surface {
  color: var(--text);
  background: rgba(23, 28, 34, 0.12);
}

body[data-theme="dark"] .workgroup-rich-text-surface:focus {
  background: rgba(23, 28, 34, 0.2);
}

body[data-theme="dark"] .workgroup-rich-text-surface[data-empty="true"]::before {
  color: var(--text-muted);
}

body[data-theme="dark"] .workgroup-rich-text-surface a {
  color: var(--accent-strong);
}

body[data-theme="dark"] .workgroup-rich-text-surface blockquote {
  background: rgba(34, 211, 238, 0.14);
}

body[data-theme="dark"] .workgroup-rich-text-surface table,
body[data-theme="dark"] .workgroup-rich-text-surface th,
body[data-theme="dark"] .workgroup-rich-text-surface td {
  border-color: rgba(93, 111, 130, 0.28);
}

body[data-theme="dark"] .workgroup-rich-text-surface th {
  background: rgba(34, 211, 238, 0.18);
}

body[data-theme="dark"] .workgroup-rich-text-editor {
  --rte-border: rgba(93, 111, 130, 0.28);
  --rte-divider: rgba(93, 111, 130, 0.18);
  --rte-hover-bg: rgba(34, 211, 238, 0.16);
  --rte-hover-border: rgba(103, 232, 249, 0.22);
  --rte-active-bg: rgba(34, 211, 238, 0.2);
  --rte-menu-bg: #2A333D;
}

body[data-theme="dark"] .workgroup-rich-text-toolbar {
  border-bottom-color: var(--panel-border);
  background: rgba(11, 13, 16, 0.88);
}

body[data-theme="dark"] .workgroup-rich-text-toolbar-group {
  border-right-color: rgba(93, 111, 130, 0.18);
}

body[data-theme="dark"] .workgroup-rich-text-button {
  color: var(--text-muted);
}

body[data-theme="dark"] .workgroup-rich-text-button:hover,
body[data-theme="dark"] .workgroup-rich-text-button.is-active {
  background: rgba(34, 211, 238, 0.16);
  border-color: rgba(103, 232, 249, 0.22);
  color: var(--accent-strong);
}

body[data-theme="dark"] .workgroup-rich-text-select {
  border-color: rgba(93, 111, 130, 0.28);
  background: rgba(11, 13, 16, 0.75);
  color: var(--text);
}

body[data-theme="dark"] .workgroup-rich-text-color {
  color: var(--text-muted);
}

body[data-theme="dark"] .workgroup-rich-text-color:hover {
  background: rgba(34, 211, 238, 0.16);
  color: var(--accent-strong);
}

body[data-theme="dark"] .workgroup-rich-text-editor.is-source-view .workgroup-rich-text-source {
  background: rgba(11, 13, 16, 0.75);
  color: var(--text);
}

body[data-theme="dark"] .workgroup-rich-text-table-menu {
  border-color: var(--panel-border);
  box-shadow: 0 18px 38px rgba(11, 13, 16, 0.45);
}

body[data-theme="dark"] .workgroup-rich-text-table-grid-cell {
  background: rgba(34, 211, 238, 0.08);
}

body[data-theme="dark"] .workgroup-rich-text-table-grid-cell.is-active {
  background: rgba(34, 211, 238, 0.45);
  border-color: var(--accent-strong);
}

body[data-theme="dark"] .workgroup-rich-text-table-menu-item {
  color: var(--text);
}

body[data-theme="dark"] .workgroup-rich-text-table-menu-item--danger:hover:not(:disabled) {
  background: rgba(248, 113, 113, 0.14);
  color: #fca5a5;
}

body[data-theme="dark"] .workgroup-document-rich-content a {
  color: var(--accent-strong);
}

body[data-theme="dark"] .workgroup-document-rich-content hr,
body[data-theme="dark"] .workgroup-document-rich-content th,
body[data-theme="dark"] .workgroup-document-rich-content td {
  border-color: rgba(93, 111, 130, 0.28);
}

body[data-theme="dark"] .workgroup-document-rich-content blockquote {
  background: rgba(34, 211, 238, 0.14);
}

body[data-theme="dark"] .workgroup-document-rich-content code,
body[data-theme="dark"] .workgroup-document-rich-content pre {
  background: rgba(23, 28, 34, 0.72);
}

body[data-theme="dark"] .workgroup-document-rich-content th {
  background: rgba(34, 211, 238, 0.18);
}

body[data-theme="dark"] .workgroup-name-link {
  color: #67E8F9;
}

body[data-theme="dark"] .workgroup-name-link:hover {
  color: #CFFAFE;
}

body[data-theme="dark"] .bootstrap-ui .dropdown-menu,
body[data-theme="dark"] .bootstrap-ui .dropdown-item,
body[data-theme="dark"] .bootstrap-ui .list-group-item,
body[data-theme="dark"] .bootstrap-ui .offcanvas,
body[data-theme="dark"] .bootstrap-ui .popover,
body[data-theme="dark"] .bootstrap-ui .tooltip-inner {
  background: var(--panel);
  color: var(--text);
  border-color: var(--panel-border);
}

body[data-theme="dark"] .bootstrap-ui .dropdown-item:hover,
body[data-theme="dark"] .bootstrap-ui .dropdown-item:focus,
body[data-theme="dark"] .bootstrap-ui .list-group-item:hover {
  background: var(--panel-secondary);
  color: var(--text);
}

body[data-theme="dark"] .bootstrap-ui .modal-header,
body[data-theme="dark"] .bootstrap-ui .modal-footer,
body[data-theme="dark"] .bootstrap-ui .dropdown-divider,
body[data-theme="dark"] .bootstrap-ui .list-group-item,
body[data-theme="dark"] .bootstrap-ui .table > :not(caption) > * > * {
  border-color: var(--panel-border);
}

body[data-theme="dark"] .bootstrap-ui .modal-body,
body[data-theme="dark"] .bootstrap-ui .table,
body[data-theme="dark"] .bootstrap-ui .table-responsive {
  color: var(--text);
}

body[data-theme="dark"] .bootstrap-ui .alert {
  border-color: var(--panel-border);
  background: var(--panel);
  color: var(--text);
}

body[data-theme="dark"] .bootstrap-ui .alert-success {
  border-color: rgba(34, 197, 94, 0.35);
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

body[data-theme="dark"] .bootstrap-ui .alert-warning {
  border-color: rgba(249, 115, 22, 0.35);
  background: rgba(249, 115, 22, 0.12);
  color: #fdba74;
}

body[data-theme="dark"] .bootstrap-ui .alert-danger {
  border-color: rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}

body[data-theme="dark"] .bootstrap-ui .pagination .page-link {
  border-color: var(--panel-border);
  background: var(--panel-secondary);
  color: var(--text-secondary);
}

body[data-theme="dark"] .bootstrap-ui .pagination .page-item.active .page-link {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--text);
}

body[data-theme="dark"] .bootstrap-ui .pagination .page-link:hover {
  background: #3A4552;
  color: var(--text);
}

body[data-theme="dark"] .bootstrap-ui .btn-close {
  filter: invert(1) grayscale(1) brightness(1.3);
}

@media (max-width: 1120px) {
  body[data-theme="dark"] .dashboard-task-table tbody tr {
    border-color: var(--panel-border);
    background: var(--panel);
  }

  body[data-theme="dark"] .dashboard-task-table tbody tr.task-row-criticality-low {
    background: rgba(250, 204, 21, 0.1);
  }

  body[data-theme="dark"] .dashboard-task-table tbody tr.task-row-criticality-medium {
    background: rgba(249, 115, 22, 0.12);
  }

  body[data-theme="dark"] .dashboard-task-table tbody tr.task-row-criticality-high {
    background: rgba(239, 68, 68, 0.14);
  }
}

/* Keep dark mode aligned with the flatter structural language used across the app. */
body[data-theme="dark"] .sidebar,
body[data-theme="dark"] .menu-group,
body[data-theme="dark"] .sidebar-note,
body[data-theme="dark"] .page-context-bar,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .detail-header,
body[data-theme="dark"] .filters,
body[data-theme="dark"] .settings-modal-card,
body[data-theme="dark"] .notification-panel,
body[data-theme="dark"] .user-menu-panel,
body[data-theme="dark"] .table-wrap,
body[data-theme="dark"] .form-meta,
body[data-theme="dark"] .form-section,
body[data-theme="dark"] .dashboard-modules-panel,
body[data-theme="dark"] .dashboard-module-card,
body[data-theme="dark"] .support-cta-panel,
body[data-theme="dark"] .task-dashboard-compact,
body[data-theme="dark"] .dashboard-filter-toolbar,
body[data-theme="dark"] .task-list-page-panel,
body[data-theme="dark"] .project-card,
body[data-theme="dark"] .task-mini-card,
body[data-theme="dark"] .task-progress-card-compact,
body[data-theme="dark"] .task-detail-hero,
body[data-theme="dark"] .task-summary-panel,
body[data-theme="dark"] .task-progress-panel,
body[data-theme="dark"] .task-history-panel,
body[data-theme="dark"] .task-status-panel,
body[data-theme="dark"] .task-form-panel,
body[data-theme="dark"] .task-form-group,
body[data-theme="dark"] .project-detail-hero,
body[data-theme="dark"] .project-summary-panel,
body[data-theme="dark"] .project-team-panel,
body[data-theme="dark"] .project-task-panel,
body[data-theme="dark"] .project-updates-panel,
body[data-theme="dark"] .project-directory-panel,
body[data-theme="dark"] .project-hero-meta-card,
body[data-theme="dark"] .project-hero-progress,
body[data-theme="dark"] .project-hero-mini-metrics,
body[data-theme="dark"] .project-hero-actions,
body[data-theme="dark"] .project-summary-card,
body[data-theme="dark"] .project-summary-band,
body[data-theme="dark"] .project-team-member,
body[data-theme="dark"] .project-directory-stat,
body[data-theme="dark"] .support-ticket-hero,
body[data-theme="dark"] .support-ticket-aside,
body[data-theme="dark"] .support-ticket-form-panel,
body[data-theme="dark"] .support-ticket-history-panel,
body[data-theme="dark"] .user-picker,
body[data-theme="dark"] .user-option,
body[data-theme="dark"] .user-list-panel,
body[data-theme="dark"] .user-form-panel,
body[data-theme="dark"] .user-active-panel,
body[data-theme="dark"] .user-report-summary,
body[data-theme="dark"] .user-confirm-panel,
body[data-theme="dark"] .project-form-panel,
body[data-theme="dark"] .user-status-card,
body[data-theme="dark"] .user-warning-card,
body[data-theme="dark"] .permission-card,
body[data-theme="dark"] .permission-option,
body[data-theme="dark"] .role-list-panel,
body[data-theme="dark"] .role-form-panel,
body[data-theme="dark"] .role-delete-panel,
body[data-theme="dark"] .audit-list-panel,
body[data-theme="dark"] .audit-detail-panel,
body[data-theme="dark"] .audit-filters,
body[data-theme="dark"] .stat-card,
body[data-theme="dark"] .stat-card-metric,
body[data-theme="dark"] .audit-detail-card,
body[data-theme="dark"] .audit-change-table-wrapper,
body[data-theme="dark"] .audit-change-table tbody tr,
body[data-theme="dark"] .workgroup-task-panel {
  border-radius: var(--surface-radius-xl);
}

body[data-theme="dark"] .topbar-nav-link,
body[data-theme="dark"] .topbar-nav-icon,
body[data-theme="dark"] .menu-link,
body[data-theme="dark"] .page-context-link,
body[data-theme="dark"] .project-symbol,
body[data-theme="dark"] .stat-card-icon,
body[data-theme="dark"] .task-history-summary-icon {
  border-radius: var(--surface-radius-lg);
}

body[data-theme="dark"] .menu-group-label,
body[data-theme="dark"] .page-context-section {
  border-radius: var(--surface-radius-md);
}

body[data-theme="dark"] .sidebar {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

body[data-theme="dark"] .sidebar-head-badge {
  background: linear-gradient(180deg, #06B6D4 0%, #0891B2 100%);
  color: #CFFAFE;
}

body[data-theme="dark"] .menu-group,
body[data-theme="dark"] .menu-group + .menu-group {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-theme="dark"] .menu-link,
body[data-theme="dark"] .menu-link-secondary {
  border: 0;
  background: transparent;
  color: #E7EEF5;
}

body[data-theme="dark"] .menu-link:hover,
body[data-theme="dark"] .menu-link:focus-visible,
body[data-theme="dark"] .menu-link-secondary:hover,
body[data-theme="dark"] .menu-link-secondary:focus-visible {
  border: 0;
  background: rgba(6, 182, 212, 0.14);
  color: #ffffff;
}

body[data-theme="dark"] .menu-link.is-active,
body[data-theme="dark"] .menu-link[aria-current="page"] {
  border: 0;
  background: rgba(6, 182, 212, 0.2);
  color: #ffffff;
  box-shadow: inset 2px 0 0 #67E8F9;
}

body[data-theme="dark"] .menu-link-icon,
body[data-theme="dark"] .menu-link.is-active .menu-link-icon,
body[data-theme="dark"] .menu-link[aria-current="page"] .menu-link-icon {
  background: transparent;
}

body[data-theme="dark"] .menu-link-icon {
  color: #9AABBA;
}

body[data-theme="dark"] .menu-link.is-active .menu-link-icon,
body[data-theme="dark"] .menu-link[aria-current="page"] .menu-link-icon {
  color: #A5F3FC;
}

body[data-theme="dark"] .menu-link-caret {
  color: rgba(165, 243, 252, 0.34);
}

body[data-theme="dark"] .menu-link:hover .menu-link-caret,
body[data-theme="dark"] .menu-link:focus-visible .menu-link-caret,
body[data-theme="dark"] .menu-link.is-active .menu-link-caret,
body[data-theme="dark"] .menu-link[aria-current="page"] .menu-link-caret {
  color: rgba(207, 250, 254, 0.9);
}

body[data-theme="dark"] .menu-item-expandable > .menu-link-caret {
  color: rgba(165, 243, 252, 0.34);
}

body[data-theme="dark"] .menu-item-toggle {
  color: #9AABBA;
}

body[data-theme="dark"] .menu-item-toggle:hover {
  border-color: rgba(103, 232, 249, 0.24);
  background: rgba(6, 182, 212, 0.14);
  color: #CFFAFE;
}

body[data-theme="dark"] .menu-item-expandable.is-expanded .menu-item-toggle {
  color: #A5F3FC;
}

body[data-theme="dark"] .menu-submenu {
  border-left-color: rgba(103, 232, 249, 0.22);
}

body[data-theme="dark"] .menu-submenu-link {
  color: #E7EEF5;
}

body[data-theme="dark"] .menu-submenu-link:hover,
body[data-theme="dark"] .menu-submenu-link:focus-visible {
  background: rgba(6, 182, 212, 0.14);
  color: #ffffff;
}

body[data-theme="dark"] .menu-submenu-link.is-active {
  background: rgba(6, 182, 212, 0.2);
  color: #ffffff;
}

body[data-theme="dark"] .menu-submenu-link-action {
  border-top-color: rgba(103, 232, 249, 0.2);
  color: #A5F3FC;
}

body[data-theme="dark"] .sidebar-fab {
  background: linear-gradient(180deg, #f59e0b 0%, #c2410c 100%);
  color: #fff7ed;
  box-shadow: 0 10px 20px rgba(194, 65, 12, 0.34);
}

/* Secondary nav: contiguous rectangular buttons */
body[data-theme="dark"] .topbar-nav {
  --topbar-secondary-bg: rgba(23, 28, 34, 0.92);
  border-color: var(--panel-border);
  background: var(--topbar-secondary-bg);
}

body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav .sidebar-toggle,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link {
  border-color: var(--topbar-secondary-bg);
  border-radius: 0;
  background: var(--topbar-secondary-bg);
  color: #9AABBA;
  box-shadow: none;
}

body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav .sidebar-toggle:hover,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav .sidebar-toggle:focus-visible,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link:hover,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link:focus-visible {
  border-color: var(--topbar-secondary-bg);
  background: var(--topbar-secondary-bg);
  color: #E7EEF5;
}

body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link.is-active,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link[aria-current="page"] {
  border-color: #06B6D4;
  background: linear-gradient(180deg, #06B6D4 0%, #0891B2 100%);
  color: #ffffff;
}

body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-icon {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #67E8F9;
}

body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link.is-active .topbar-nav-icon,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link[aria-current="page"] .topbar-nav-icon {
  background: transparent;
  color: #ffffff;
}

/* Unified topbar controls in dark theme */
body[data-theme="dark"] .topbar,
body[data-theme="dark"] .topbar-main,
body[data-theme="dark"] .topbar-nav,
body[data-theme="dark"] .topbar-surface {
  --topbar-shared-bg: rgba(23, 28, 34, 0.98);
}

body[data-theme="dark"] .topbar-surface,
body[data-theme="dark"] .topbar-nav {
  border-color: var(--topbar-shared-bg);
  background: var(--topbar-shared-bg);
  box-shadow: none;
}

@media (min-width: 1025px) {
  body[data-theme="dark"] .topbar {
    background: var(--topbar-shared-bg);
    border-bottom-color: var(--topbar-shared-bg);
    box-shadow: none;
  }
}

body[data-theme="dark"] .topbar-button,
body[data-theme="dark"] .notification-trigger,
body[data-theme="dark"] .sidebar-toggle,
body[data-theme="dark"] .topbar-user-card,
body[data-theme="dark"] .topbar-nav-link,
body[data-theme="dark"] .topbar-nav .sidebar-toggle,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-main-compact .topbar-button,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-main-compact .notification-trigger,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-main-compact .topbar-user-card,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav .sidebar-toggle,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link {
  border-color: var(--topbar-shared-bg);
  background: var(--topbar-shared-bg);
  box-shadow: none;
}

body[data-theme="dark"] .topbar-button:hover,
body[data-theme="dark"] .topbar-button:focus-visible,
body[data-theme="dark"] .notification-trigger:hover,
body[data-theme="dark"] .notification-trigger:focus-visible,
body[data-theme="dark"] .sidebar-toggle:hover,
body[data-theme="dark"] .sidebar-toggle:focus-visible,
body[data-theme="dark"] .topbar-user-card:hover,
body[data-theme="dark"] .topbar-user-card:focus-visible,
body[data-theme="dark"] .topbar-nav-link:hover,
body[data-theme="dark"] .topbar-nav-link:focus-visible,
body[data-theme="dark"] .topbar-nav .sidebar-toggle:hover,
body[data-theme="dark"] .topbar-nav .sidebar-toggle:focus-visible,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-main-compact .topbar-button:hover,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-main-compact .topbar-button:focus-visible,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-main-compact .notification-trigger:hover,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-main-compact .notification-trigger:focus-visible,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-main-compact .topbar-user-card:hover,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-main-compact .topbar-user-card:focus-visible,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav .sidebar-toggle:hover,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav .sidebar-toggle:focus-visible,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link:hover,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link:focus-visible {
  border-color: var(--topbar-shared-bg);
  background: var(--topbar-shared-bg);
  box-shadow: none;
}

body[data-theme="dark"] .topbar-divider {
  background: var(--topbar-shared-bg);
}

body[data-theme="dark"] .topbar-nav {
  border-top-color: var(--topbar-shared-bg);
}

body[data-theme="dark"] .topbar-nav-link.is-active,
body[data-theme="dark"] .topbar-nav-link[aria-current="page"],
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link.is-active,
body[data-theme="dark"].bootstrap-ui.app-body .topbar-nav-link[aria-current="page"] {
  border-color: #06B6D4;
  background: linear-gradient(180deg, #06B6D4 0%, #0891B2 100%);
}

body[data-theme="dark"] .table-pagination {
  background: rgba(11, 13, 16, 0.92);
  box-shadow: none;
}

body[data-theme="dark"] .table-pagination-summary,
body[data-theme="dark"] .table-pagination-status,
body[data-theme="dark"] .table-pagination-ellipsis {
  color: var(--text-muted);
}

body[data-theme="dark"] .table-pagination-link,
body[data-theme="dark"] .table-pagination-link-current {
  box-shadow: none;
}

body[data-theme="dark"] .table-pagination-link-disabled,
body[data-theme="dark"] .table-pagination-ellipsis {
  background: rgba(11, 13, 16, 0.72);
}

/* Compact summary refresh for task overview in dark mode. */
body[data-theme="dark"] .task-dashboard-compact {
  --task-summary-muted: var(--text-muted);
  --task-summary-track: rgba(93, 111, 130, 0.92);
}

body[data-theme="dark"] .task-dashboard-compact .task-dashboard-compact-status {
  border: 0;
  background: transparent;
  color: var(--text-muted);
  box-shadow: none;
}

body[data-theme="dark"] .task-dashboard-compact .task-dashboard-compact-status.has-critical {
  color: #fca5a5;
}

body[data-theme="dark"] .task-dashboard-compact .task-mini-card,
body[data-theme="dark"] .task-dashboard-compact .task-progress-card-compact {
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-theme="dark"] .task-dashboard-compact .task-progress-card-meta-chip {
  border: 0;
  background: transparent;
  color: var(--text-muted);
  box-shadow: none;
}

body[data-theme="dark"] .task-dashboard-compact .task-progress-card-track {
  background: var(--task-summary-track);
}

body[data-theme="dark"] {
  --color-linea-seccion: rgba(93, 111, 130, 0.34);
  --color-linea-seccion-suave: rgba(93, 111, 130, 0.22);
  --color-linea-tabla: rgba(93, 111, 130, 0.5);
  --color-linea-tabla-hover: rgba(34, 211, 238, 0.14);
}

/* Mantiene integrados con el fondo los divisores estructurales del tema oscuro
   para evitar lineas internas demasiado marcadas. */
body[data-theme="dark"] .panel,
body[data-theme="dark"] .detail-header,
body[data-theme="dark"] .filters,
body[data-theme="dark"] .settings-modal-card,
body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .notification-panel,
body[data-theme="dark"] .user-menu-panel,
body[data-theme="dark"] .page-context-bar,
body[data-theme="dark"] .form-meta,
body[data-theme="dark"] .form-section,
body[data-theme="dark"] .table-wrap,
body[data-theme="dark"] .empty-state,
body[data-theme="dark"] .empty-state-inline,
body[data-theme="dark"] .message,
body[data-theme="dark"] .attachment-item,
body[data-theme="dark"] .timeline-item,
body[data-theme="dark"] .json-block,
body[data-theme="dark"] .sidebar,
body[data-theme="dark"] .menu-group,
body[data-theme="dark"] .menu-group-label,
body[data-theme="dark"] .messaging-drawer-thread-pane,
body[data-theme="dark"] .messaging-reference-picker {
  border-color: var(--color-linea-seccion);
}

body[data-theme="dark"] .notification-item,
body[data-theme="dark"] .sidebar-note,
body[data-theme="dark"] .table-pagination,
body[data-theme="dark"] .modal-header,
body[data-theme="dark"] .modal-footer,
body[data-theme="dark"] .task-history-collapsible[open] .task-history-summary,
body[data-theme="dark"] .messaging-drawer-header {
  border-color: var(--color-linea-seccion-suave);
}

body[data-theme="dark"] .data-table th,
body[data-theme="dark"] .data-table td {
  border-color: var(--color-linea-tabla);
}

body[data-theme="dark"] .data-table tbody tr:hover td {
  border-bottom-color: var(--color-linea-tabla-hover);
}