/* Matrix Blue theme */

body[data-theme="matrix"][data-matrix-variant="blue"] {
  --bg: #080d16;
  --bg-2: #070b12;
  --surface: #060a12;
  --surface-strong: #050910;
  --surface-muted: #070d17;
  --surface-editor: #08101d;
  --border: #28374d;
  --border-strong: rgba(131, 165, 224, 0.34);
  --text: #9dc8ff;
  --text-soft: #86a6d2;
  --text-faint: #667f9f;
  --accent: #79aef7;
  --accent-soft: rgba(121, 174, 247, 0.1);
  --success: #9dc8ff;
  --warning: #c1c7df;
  --danger: #d597c0;
}

body[data-theme="matrix"][data-matrix-variant="blue"] {
  background:
    radial-gradient(ellipse at top left, rgba(121, 174, 247, 0.03) 0%, transparent 46%),
    radial-gradient(ellipse at bottom right, rgba(141, 169, 214, 0.02) 0%, transparent 48%),
    #080d16;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .sidebar-scroll,
body[data-theme="matrix"][data-matrix-variant="blue"] .account-dock,
body[data-theme="matrix"][data-matrix-variant="blue"] .workspace-header,
body[data-theme="matrix"][data-matrix-variant="blue"] .statement-pane,
body[data-theme="matrix"][data-matrix-variant="blue"] .results-dock,
body[data-theme="matrix"][data-matrix-variant="blue"] .editor-shell,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-item,
body[data-theme="matrix"][data-matrix-variant="blue"] .result-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .test-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .account-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-task-board,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-catalog-panel,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-panel,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-modal-panel,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-catalog-create-panel,
body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-top-panel,
body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .preview-result-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .checkbox-row,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-task-row,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-builder-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-header {
  background: none;
  border-color: transparent;
  box-shadow: none;
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-section {
  background: none;
  border-color: transparent;
  box-shadow: none;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .sidebar-scroll,
body[data-theme="matrix"][data-matrix-variant="blue"] .account-dock,
body[data-theme="matrix"][data-matrix-variant="blue"] .workspace-header,
body[data-theme="matrix"][data-matrix-variant="blue"] .statement-pane,
body[data-theme="matrix"][data-matrix-variant="blue"] .results-dock,
body[data-theme="matrix"][data-matrix-variant="blue"] .editor-shell {
  background: #0d1522;
  border-color: rgba(74, 143, 246, 0.28);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}

/* Restore visible borders for card/row elements in dark theme
   after the global transparent-border reset above. */
body[data-theme="matrix"][data-matrix-variant="blue"] .auth-panel,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-panel,
body[data-theme="matrix"][data-matrix-variant="blue"] .account-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-item,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-task-row,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-task-board,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-catalog-panel,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-panel,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-builder-card {
  border-color: #324862;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-tabs {
  background: #080f1c;
  border-color: #324862;
  box-shadow: none;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .text-input,
body[data-theme="matrix"][data-matrix-variant="blue"] textarea,
body[data-theme="matrix"][data-matrix-variant="blue"] select,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-filter-select,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-tag-filter-toggle,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-tag-filter-menu,
body[data-theme="matrix"][data-matrix-variant="blue"] .filter-icon-btn,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-mini-btn,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-dd-trigger,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-dd-menu,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-dd-option,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-list .task-item,
body[data-theme="matrix"][data-matrix-variant="blue"] pre,
body[data-theme="matrix"][data-matrix-variant="blue"] .chip-btn,
body[data-theme="matrix"][data-matrix-variant="blue"] .ghost-btn,
body[data-theme="matrix"][data-matrix-variant="blue"] .editor-user,
body[data-theme="matrix"][data-matrix-variant="blue"] .editor-status,
body[data-theme="matrix"][data-matrix-variant="blue"] .meta-pill,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-type-pill,
body[data-theme="matrix"][data-matrix-variant="blue"] .soft-pill,
body[data-theme="matrix"][data-matrix-variant="blue"] #logoutBtn,
body[data-theme="matrix"][data-matrix-variant="blue"] #submissionStatusBadge {
  background: #070d18;
  color: #86a6d2;
  border-color: #324862;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-tag-filter-menu,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-dd-menu {
  background: #070c16;
  border-color: #324862;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.9), 0 0 0 1px #324862;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-item:hover {
  background: #08111f;
  border-color: #3b5678;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-item.active {
  background: #0a1526;
  border-color: rgba(131, 165, 224, 0.52);
  box-shadow: 0 0 8px rgba(121, 174, 247, 0.14);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-progress-pill.task-progress-not_started {
  color: #b1bdd1;
  background: rgba(64, 79, 102, 0.4);
  border-color: rgba(133, 152, 181, 0.45);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-progress-pill.task-progress-started {
  color: #ffd5a2;
  background: rgba(117, 73, 20, 0.52);
  border-color: rgba(201, 138, 57, 0.48);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-progress-pill.task-progress-completed {
  color: #8cf5b6;
  background: rgba(16, 71, 52, 0.58);
  border-color: rgba(105, 224, 167, 0.52);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .meta-pill-success {
  color: #8cf5b6;
  background: rgba(16, 71, 52, 0.48);
  border-color: rgba(105, 224, 167, 0.45);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .primary-btn,
body[data-theme="matrix"][data-matrix-variant="blue"] .chip-btn.active,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-tag-filter-toggle:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-dd-option:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-tag-filter-option:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] .filter-icon-btn:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-mini-btn:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] #logoutBtn:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] #submissionStatusBadge:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-item.active {
  box-shadow: 0 0 8px rgba(121, 174, 247, 0.14);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .primary-btn {
  color: #9dc8ff;
  background: rgba(121, 174, 247, 0.11);
  border-color: rgba(131, 165, 224, 0.45);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .primary-btn:hover {
  background: rgba(121, 174, 247, 0.18);
  border-color: rgba(131, 165, 224, 0.65);
  box-shadow: 0 0 14px rgba(121, 174, 247, 0.2);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-shell,
body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-head,
body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-compose {
  background: #0d1522;
  border-color: rgba(131, 165, 224, 0.34);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-messages {
  background: #070d18;
  border-color: rgba(131, 165, 224, 0.34);
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-empty {
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-answer {
  background: #070d18;
  border-color: #324862;
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-answer::placeholder {
  color: #667f9f;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-answer:focus {
  border-color: rgba(131, 165, 224, 0.62);
  box-shadow: 0 0 0 3px rgba(121, 174, 247, 0.16);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-item.active .task-item-title,
body[data-theme="matrix"][data-matrix-variant="blue"] .editor-badge,
body[data-theme="matrix"][data-matrix-variant="blue"] .statement-pane .description code,
body[data-theme="matrix"][data-matrix-variant="blue"] .workspace-title-group h1,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-item-title,
body[data-theme="matrix"][data-matrix-variant="blue"] .account-name,
body[data-theme="matrix"][data-matrix-variant="blue"] .block-header h3 {
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .workspace-kicker,
body[data-theme="matrix"][data-matrix-variant="blue"] .section-kicker,
body[data-theme="matrix"][data-matrix-variant="blue"] .account-email,
body[data-theme="matrix"][data-matrix-variant="blue"] .muted,
body[data-theme="matrix"][data-matrix-variant="blue"] .summary-copy,
body[data-theme="matrix"][data-matrix-variant="blue"] .summary-label,
body[data-theme="matrix"][data-matrix-variant="blue"] .auth-message,
body[data-theme="matrix"][data-matrix-variant="blue"] .text-input::placeholder,
body[data-theme="matrix"][data-matrix-variant="blue"] textarea::placeholder {
  color: #667f9f;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .text-input:focus,
body[data-theme="matrix"][data-matrix-variant="blue"] textarea:focus,
body[data-theme="matrix"][data-matrix-variant="blue"] select:focus,
body[data-theme="matrix"][data-matrix-variant="blue"] .tag-editor:focus-within {
  border-color: rgba(131, 165, 224, 0.62);
  box-shadow: 0 0 0 3px rgba(121, 174, 247, 0.16);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .editor-toolbar {
  border-bottom-color: #324862;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .editor-badge {
  background: rgba(121, 174, 247, 0.1);
  border-color: rgba(131, 165, 224, 0.35);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .code-editor-stack,
body[data-theme="matrix"][data-matrix-variant="blue"] pre {
  background: #08101c;
  box-shadow: inset 0 0 0 1px rgba(131, 165, 224, 0.18);
}

body[data-theme="matrix"][data-matrix-variant="blue"] #codeEditorHighlight {
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] #codeEditorHighlight .tok-keyword {
  color: #afcdff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] #codeEditorHighlight .tok-string {
  color: #9dbce9;
}

body[data-theme="matrix"][data-matrix-variant="blue"] #codeEditorHighlight .tok-number {
  color: #8eb2ea;
}

body[data-theme="matrix"][data-matrix-variant="blue"] #codeEditorHighlight .tok-comment {
  color: #667f9f;
}

body[data-theme="matrix"][data-matrix-variant="blue"] #codeEditor::selection {
  background: rgba(131, 165, 224, 0.2);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .theme-switch {
  border-color: #324862;
  background: #070d18;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .theme-dot {
  border-color: #324862;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .theme-dot.active {
  border-color: rgba(121, 174, 247, 0.8);
  box-shadow: 0 0 0 3px rgba(121, 174, 247, 0.22);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-tab-btn {
  color: #6888aa;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-tab-btn:hover {
  background: rgba(121, 174, 247, 0.07);
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-tab-btn.active {
  color: #9dc8ff;
  background: rgba(121, 174, 247, 0.12);
  border-color: rgba(121, 174, 247, 0.32);
  box-shadow: none;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-task-row:hover {
  background: #081020;
  border-color: rgba(121, 174, 247, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-card-head {
  background: rgba(121, 174, 247, 0.05);
  border-bottom-color: #324862;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .statement-pane .description p,
body[data-theme="matrix"][data-matrix-variant="blue"] .statement-pane .description li,
body[data-theme="matrix"][data-matrix-variant="blue"] .statement-pane .description code,
body[data-theme="matrix"][data-matrix-variant="blue"] .statement-pane .description pre {
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-rich-editor,
body[data-theme="matrix"][data-matrix-variant="blue"] .rt-preview {
  background: rgba(8, 14, 24, 0.9);
  border-color: #324862;
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .tag-editor,
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-test-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-varname-input,
body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-preview-table th,
body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-preview-table td {
  background: #070d18;
  border-color: #324862;
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-preview-table th {
  background: rgba(121, 174, 247, 0.1);
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-preview-table td {
  border-bottom-color: rgba(131, 165, 224, 0.18);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-modal-backdrop {
  background: rgba(6, 10, 17, 0.68);
  backdrop-filter: blur(3px);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-rich-editor .ProseMirror {
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .rt-toolbar button {
  background: rgba(8, 14, 24, 0.86);
  border-color: #324862;
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .sidebar-divider {
  background: linear-gradient(90deg, transparent 0%, #324862 20%, #3f5878 50%, #324862 80%, transparent 100%);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .status-accepted { color: #9dc8ff; }
body[data-theme="matrix"][data-matrix-variant="blue"] .status-wrong_answer,
body[data-theme="matrix"][data-matrix-variant="blue"] .status-runtime_error,
body[data-theme="matrix"][data-matrix-variant="blue"] .status-syntax_error { color: #d597c0; }
body[data-theme="matrix"][data-matrix-variant="blue"] .status-timeout { color: #c1c7df; }

body[data-theme="matrix"][data-matrix-variant="blue"] #submissionStatusBadge.status-accepted {
  color: #8cf5b6;
  background: rgba(16, 71, 52, 0.58);
  border-color: rgba(105, 224, 167, 0.52);
}

body[data-theme="matrix"][data-matrix-variant="blue"] #submissionStatusBadge.status-wrong_answer {
  color: #ffb0be;
  background: rgba(105, 32, 50, 0.58);
  border-color: rgba(233, 126, 150, 0.52);
}

/* Strong admin overrides for matrix blue palette */
body[data-theme="matrix"][data-matrix-variant="blue"] #adminDatasetsPanel .admin-task-row {
  background: #070d18;
  border-color: #324862;
}

body[data-theme="matrix"][data-matrix-variant="blue"] #adminDatasetsPanel .admin-task-row:hover {
  background: #081020;
  border-color: rgba(121, 174, 247, 0.3);
}

body[data-theme="matrix"][data-matrix-variant="blue"] #adminDatasetsPanel .primary-btn,
body[data-theme="matrix"][data-matrix-variant="blue"] #createAdminTaskBtn {
  color: #9dc8ff;
  background: rgba(121, 174, 247, 0.11);
  border-color: rgba(131, 165, 224, 0.46);
  box-shadow: 0 0 8px rgba(121, 174, 247, 0.14);
}

body[data-theme="matrix"][data-matrix-variant="blue"] #adminDatasetsPanel .primary-btn:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] #createAdminTaskBtn:hover {
  color: #afcdff;
  background: rgba(121, 174, 247, 0.17);
  border-color: rgba(131, 165, 224, 0.64);
  box-shadow: 0 0 12px rgba(121, 174, 247, 0.2);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-action-btn {
  background: #070d18;
  border-color: #324862;
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-action-btn:hover:not(:disabled) {
  background: #081020;
  border-color: rgba(131, 165, 224, 0.58);
  color: #afcdff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-action-btn.catalog-action-delete:hover:not(:disabled) {
  background: rgba(73, 41, 66, 0.5);
  border-color: rgba(213, 151, 192, 0.45);
  color: #d597c0;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-error-row {
  background: rgba(5, 12, 28, 0.88);
  border-color: rgba(50, 72, 98, 0.5);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-error-row:hover {
  border-color: rgba(213, 100, 120, 0.4);
  background: rgba(8, 16, 32, 0.95);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .error-level-error {
  background: rgba(213, 100, 120, 0.1);
  color: #d597c0;
  border-color: rgba(213, 100, 120, 0.3);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .error-level-warning {
  background: rgba(246, 193, 85, 0.08);
  color: #f6c155;
  border-color: rgba(246, 193, 85, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .error-level-info {
  background: rgba(131, 165, 224, 0.09);
  color: #afcdff;
  border-color: rgba(131, 165, 224, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .error-traceback {
  background: rgba(0, 0, 0, 0.4);
  border-color: rgba(50, 72, 98, 0.6);
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .error-status-badge {
  color: #d597c0;
  background: rgba(213, 100, 120, 0.08);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .error-type-badge {
  color: #afcdff;
  background: rgba(131, 165, 224, 0.08);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-stat-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-lang-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-row {
  background: rgba(9, 18, 36, 0.78);
  border-color: rgba(131, 165, 224, 0.28);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-stat-card:hover {
  border-color: rgba(131, 165, 224, 0.3);
  box-shadow: 0 2px 12px rgba(131, 165, 224, 0.07);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-row:hover {
  border-color: rgba(131, 165, 224, 0.32);
  background: inherit;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-row--accepted {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.3);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-row--accepted:hover {
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.42);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-row--wrong {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.3);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-row--wrong:hover {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.42);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-row--error {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.28);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-row--error:hover {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.4);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-stat-value { color: #afcdff; }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-stat-label { color: rgba(131, 165, 224, 0.48); }

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-back-btn { color: rgba(131, 165, 224, 0.4); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-back-btn:hover { color: rgba(131, 165, 224, 0.8); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-email { color: rgba(131, 165, 224, 0.45); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-change-password-link { color: rgba(131, 165, 224, 0.55); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-change-password-link:hover { color: #afcdff; }

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-password-modal-inner {
  background: #040b1c;
  border-color: rgba(50, 72, 98, 0.7);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.7);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-result-accepted {
  background: rgba(131, 165, 224, 0.1);
  color: #afcdff;
  border-color: rgba(131, 165, 224, 0.28);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-result-wrong {
  background: rgba(246, 193, 85, 0.08);
  color: #f6c155;
  border-color: rgba(246, 193, 85, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-result-error {
  background: rgba(213, 100, 120, 0.1);
  color: #d597c0;
  border-color: rgba(213, 100, 120, 0.28);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-result-pending {
  background: rgba(74, 143, 246, 0.06);
  color: rgba(131, 165, 224, 0.6);
  border-color: rgba(74, 143, 246, 0.15);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-date { color: rgba(131, 165, 224, 0.4); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-submission-task-link:hover { color: #afcdff; }

/* ── Empty state ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .empty-state {
  background: #070d18;
  border-color: #324862;
  box-shadow: 0 0 0 1px rgba(131, 165, 224, 0.05);
}

/* ── Profile avatar ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-avatar {
  background: linear-gradient(135deg, #2a4a8a 0%, #79aef7 100%);
}

/* ── Schema pill ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .schema-col-pill {
  background: rgba(7, 13, 24, 0.85);
  border-color: #324862;
}

/* ── Catalog tabs ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-nav-tabs {
  background: rgba(121, 174, 247, 0.08);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-nav-tab {
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-nav-tab.active {
  background: #070d18;
  color: #9dc8ff;
  box-shadow: 0 0 0 1px #324862;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-nav-tab:hover:not(.active) {
  color: #9dc8ff;
  background: rgba(121, 174, 247, 0.06);
}

/* ── Main catalog header ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .main-catalog-header {
  background: #070d18;
  border-color: #324862;
  box-shadow: 0 0 0 1px rgba(131, 165, 224, 0.05);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-catalog-header::before {
  background: linear-gradient(180deg, #79aef7, #4a78c7);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-catalog-header h2 {
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-catalog-count {
  background: rgba(121, 174, 247, 0.1);
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-catalog-topbar {
  background: #070d18;
  border-color: #324862;
  box-shadow: 0 0 0 1px rgba(131, 165, 224, 0.05);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-catalog-topbar-tabs {
  background: rgba(121, 174, 247, 0.08);
}

/* ── Task cards ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .main-task-card {
  background: #070d18;
  border-color: #324862;
  box-shadow: 0 0 0 1px rgba(131, 165, 224, 0.05);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-task-card:hover {
  background: #08111f;
  border-color: rgba(131, 165, 224, 0.42);
  box-shadow: 0 0 12px rgba(121, 174, 247, 0.12);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-task-card-accent {
  background: linear-gradient(90deg, #79aef7, #4a78c7);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-task-card-accent.lang-python {
  background: linear-gradient(90deg, #4a9870, #7acea6);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-task-card-title {
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-task-card-footer {
  border-top-color: #324862;
}

/* ── Module cards ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .module-card {
  background: #070d18;
  border-color: #324862;
  box-shadow: 0 0 0 1px rgba(131, 165, 224, 0.05);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .module-card:hover {
  background: #08111f;
  border-color: rgba(131, 165, 224, 0.42);
  box-shadow: 0 0 12px rgba(121, 174, 247, 0.12);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .module-card-header {
  background: rgba(121, 174, 247, 0.05);
  border-bottom-color: #324862;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .module-card-title {
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .module-card-footer {
  border-top-color: #324862;
}

/* ── Select option colors ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-filter-select option,
body[data-theme="matrix"][data-matrix-variant="blue"] select option {
  background: #070d18;
  color: #9dc8ff;
}

/* ── Task tag chips ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .task-tag-chip {
  background: rgba(121, 174, 247, 0.08);
  color: #86a6d2;
  border-color: rgba(121, 174, 247, 0.22);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-tag-chip:hover {
  background: rgba(121, 174, 247, 0.16);
  border-color: rgba(131, 165, 224, 0.42);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-tag-chip.active {
  color: #9dc8ff;
  background: rgba(121, 174, 247, 0.22);
  border-color: rgba(131, 165, 224, 0.5);
}

/* ── Task meta type pill (indigo → blue) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] #taskMeta .task-type-pill {
  color: #9dc8ff;
  background: rgba(121, 174, 247, 0.1);
  border-color: rgba(131, 165, 224, 0.3);
}

/* ── Content block (white → dark) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .content-block {
  background: #070d18;
  border-color: #324862;
}

/* ── Editor active btn (light blue → dark blue) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .editor-actions .editor-action-btn.is-active {
  background: linear-gradient(180deg, rgba(121, 174, 247, 0.2) 0%, rgba(74, 120, 199, 0.18) 100%);
  border-color: rgba(121, 174, 247, 0.5);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .editor-actions .editor-action-btn.is-active svg {
  stroke: #9dc8ff;
}

/* ── Editor ghost/primary action btn overrides (missing from matrix-blue) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .editor-actions .ghost-btn.editor-action-btn {
  color: #9dc8ff;
  background: linear-gradient(180deg, #0a1425 0%, #07101e 100%);
  border-color: #324862;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .editor-actions .ghost-btn.editor-action-btn:hover {
  color: #afcdff;
  border-color: rgba(131, 165, 224, 0.62);
  box-shadow: 0 0 10px rgba(121, 174, 247, 0.18), inset 0 0 8px rgba(121, 174, 247, 0.05);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .editor-actions .primary-btn.editor-action-btn {
  color: #afcdff;
  background: linear-gradient(135deg, #1a3a6a 0%, #102855 100%);
  border-color: #2a5898;
  box-shadow: 0 14px 30px rgba(10, 30, 80, 0.45);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .editor-actions .primary-btn.editor-action-btn:hover {
  color: #c0d8ff;
  background: linear-gradient(135deg, #22487a 0%, #163468 100%);
  border-color: #3a70b8;
}

/* ── Admin tag chip ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .tag-chip {
  background: rgba(121, 174, 247, 0.1);
  color: #86a6d2;
  border-color: rgba(121, 174, 247, 0.25);
}

/* ── Admin md preview (white → dark) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-md-preview {
  background: rgba(7, 13, 24, 0.9);
  border-color: #324862;
}

/* ── Catalog rename form (light blue → dark) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-rename-form {
  background: rgba(7, 13, 24, 0.9);
  border-color: rgba(121, 174, 247, 0.35);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-rename-input {
  color: #9dc8ff;
}

/* ── Admin tasks empty placeholder ── */
body[data-theme="matrix"][data-matrix-variant="blue"] #adminTasksPanel .admin-task-list > .muted {
  border-color: rgba(121, 174, 247, 0.2);
  background: rgba(7, 13, 24, 0.8);
  color: #667f9f;
}

/* ── Dock status colors ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-accepted {
  color: #8cf5b6;
  background: rgba(140, 245, 182, 0.08);
  border-color: rgba(140, 245, 182, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-running,
body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-queued {
  color: #f6c155;
  background: rgba(246, 193, 85, 0.1);
  border-color: rgba(246, 193, 85, 0.28);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-wrong_answer,
body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-runtime_error,
body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-syntax_error,
body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-failed_internal,
body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-timeout,
body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-memory_limit,
body[data-theme="matrix"][data-matrix-variant="blue"] .dock-status.status-restricted_operation {
  color: #d597c0;
  background: rgba(213, 100, 120, 0.1);
  border-color: rgba(213, 100, 120, 0.28);
}

/* ── Preview result head ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .preview-result-head {
  background: rgba(121, 174, 247, 0.05);
  border-bottom-color: #324862;
}

/* ── Preview/run buttons ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .preview-apply-btn {
  color: #86a6d2;
  background: rgba(121, 174, 247, 0.08);
  border-color: rgba(121, 174, 247, 0.3);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .preview-apply-btn:hover {
  background: rgba(121, 174, 247, 0.16);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .run-preview-btn {
  color: #86a6d2;
  background: rgba(121, 174, 247, 0.06);
  border-color: rgba(121, 174, 247, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .run-preview-btn:hover {
  background: rgba(121, 174, 247, 0.14);
}

/* ── CodeMirror gutters (white → dark blue) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] #codeEditorMount .cm-gutters {
  background: #080e1a !important;
  border-right-color: #1e3050 !important;
  color: #3a5070 !important;
}

/* ── Rich-text toolbar active btn (indigo → blue) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .rt-toolbar button.active {
  border-color: rgba(121, 174, 247, 0.45);
  background: rgba(121, 174, 247, 0.14);
  color: #9dc8ff;
}

/* ── Catalog action active state ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .catalog-action-btn--active {
  background: rgba(7, 13, 24, 0.9);
  border-color: rgba(121, 174, 247, 0.35);
  color: #86a6d2;
}

/* ── Dataset browser panels (white → dark) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-browser-folders,
body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-browser-list {
  background: #070d18;
  border-color: #324862;
}

/* ── Dataset folder active row ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-folder-row--active {
  background: rgba(121, 174, 247, 0.1) !important;
  border-color: rgba(121, 174, 247, 0.3);
}

/* ── Dataset group heading ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .dataset-group-head h4 {
  color: #9dc8ff;
}

/* ── SEO sub-tabs ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .seo-sub-tabs {
  background: #080f1c;
  border-color: #324862;
  box-shadow: none;
}

/* ── Admin Users (not covered in matrix-blue) ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .admin-user-row {
  background: rgba(7, 13, 30, 0.8);
  border-color: rgba(50, 72, 98, 0.6);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .admin-user-row:hover {
  background: rgba(8, 16, 36, 0.95);
  border-color: rgba(121, 174, 247, 0.3);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .badge-pioneer {
  background: rgba(246, 193, 85, 0.08);
  color: #f6c155;
  border-color: rgba(246, 193, 85, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .badge-paid {
  background: rgba(121, 174, 247, 0.1);
  color: #9dc8ff;
  border-color: rgba(121, 174, 247, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .badge-tester {
  background: rgba(213, 151, 192, 0.1);
  color: #d597c0;
  border-color: rgba(213, 151, 192, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .badge-role {
  background: rgba(121, 174, 247, 0.1);
  color: #9dc8ff;
  border-color: rgba(121, 174, 247, 0.25);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .status-badge-active {
  background: rgba(140, 245, 182, 0.08);
  color: #8cf5b6;
  border-color: rgba(140, 245, 182, 0.22);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .status-badge-inactive {
  background: rgba(213, 100, 120, 0.1);
  color: #d597c0;
  border-color: rgba(213, 100, 120, 0.25);
}

/* ── Module modals ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .modal-backdrop {
  background: rgba(2, 5, 14, 0.72);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .modal-box {
  background: #060d1e;
  border-color: #1e2e46;
  box-shadow: 0 0 0 1px rgba(74, 143, 246, 0.08), 0 24px 60px rgba(0, 0, 0, 0.7);
}

/* ── Profile new blocks ── */
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-level-card {
  background: linear-gradient(135deg, rgba(74,143,246,0.08), rgba(121,174,247,0.04));
  border-color: rgba(74,143,246,0.18);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-level-title { color: #afcdff; }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-level-sub { color: rgba(131,165,224,0.5); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-level-bar-wrap { background: rgba(74,143,246,0.1); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-level-bar { background: linear-gradient(90deg, #3a6fd8, #79aef7); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-level-bar-label { color: rgba(131,165,224,0.4); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-solved-count { color: rgba(131,165,224,0.5); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-solved-count span { color: #afcdff; }

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-streak-inline {
  background: rgba(249,115,22,0.1);
  border-color: rgba(249,115,22,0.22);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-difficulty-wrap {
  background: rgba(4,9,20,0.85);
  border-color: rgba(74,143,246,0.15);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-difficulty-count { color: #afcdff; }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-difficulty-label { color: rgba(131,165,224,0.45); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-difficulty-bar-track { background: rgba(74,143,246,0.08); }

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-progress-wrap {
  background: rgba(4,9,20,0.85);
  border-color: rgba(74,143,246,0.15);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-progress-head { color: rgba(131,165,224,0.6); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-progress-pct { color: #afcdff; }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-progress-track { background: rgba(74,143,246,0.08); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-progress-fill { background: linear-gradient(90deg, #3a6fd8, #79aef7); }

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-section-mini {
  background: rgba(4,9,20,0.85);
  border-color: rgba(74,143,246,0.15);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-section-mini-label { color: rgba(131,165,224,0.4); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-tag-chip {
  background: rgba(74,143,246,0.06);
  border-color: rgba(74,143,246,0.15);
  border-radius: 8px;
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-tag-chip:hover {
  background: rgba(74,143,246,0.12);
  border-color: rgba(74,143,246,0.3);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-tag-chip {
  background: rgba(74,143,246,0.05);
  border-color: rgba(74,143,246,0.15);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-tag-chip:hover {
  background: rgba(74,143,246,0.1);
  border-color: rgba(74,143,246,0.28);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-tag-name { color: rgba(131,165,224,0.9); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-tag-count {
  background: rgba(74,143,246,0.12);
  color: #afcdff;
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-lang-card {
  background: rgba(74,143,246,0.05);
  border-color: rgba(74,143,246,0.14);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-lang-card[data-lang="python"] {
  background: rgba(74,143,246,0.06);
  border-color: rgba(74,143,246,0.18);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-lang-card[data-lang="sql"] {
  background: rgba(8,145,178,0.06);
  border-color: rgba(8,145,178,0.16);
}
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-lang-num { color: #79aef7; }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-lang-card[data-lang="sql"] .profile-lang-num { color: #38bdf8; }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-lang-grid .task-type-pill { background: rgba(74,143,246,0.08); color: #79aef7; border-color: rgba(74,143,246,0.2); }
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-lang-card[data-lang="sql"] .task-type-pill { background: rgba(8,145,178,0.08); color: #38bdf8; border-color: rgba(8,145,178,0.2); }

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-cta {
  background: linear-gradient(135deg, rgba(74,143,246,0.06), rgba(121,174,247,0.04));
  border-color: rgba(74,143,246,0.12);
  color: rgba(131,165,224,0.6);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-section h3 { color: rgba(131,165,224,0.7); }

/* New catalog filters + compact profile (2026-05-04) */
body[data-theme="matrix"][data-matrix-variant="blue"] .task-filter-trigger,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-random-btn,
body[data-theme="matrix"][data-matrix-variant="blue"] .main-module-filters .module-picker-select {
  background: rgba(7, 13, 24, 0.92);
  border-color: #324862;
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-filter-trigger:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-filter-trigger.has-active-filters,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-random-btn:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] .main-module-filters .module-picker-select:hover,
body[data-theme="matrix"][data-matrix-variant="blue"] .main-module-filters .module-picker-select:focus {
  background: rgba(10, 22, 42, 0.96);
  border-color: rgba(121, 174, 247, 0.42);
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-active-filter-chip {
  background: rgba(121, 174, 247, 0.12);
  border-color: rgba(121, 174, 247, 0.32);
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-filters-popover {
  background: #060d1e;
  border-color: #1e2e46;
  box-shadow: 0 0 0 1px rgba(74, 143, 246, 0.08), 0 22px 54px rgba(0, 0, 0, 0.72);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-filters-popover-head strong,
body[data-theme="matrix"][data-matrix-variant="blue"] .task-filter-group-title {
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-task-filters .catalog-tag-filter-option {
  background: rgba(8, 17, 33, 0.82);
  border-color: transparent;
  color: #86a6d2;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-task-filters .catalog-tag-filter-option:hover {
  background: rgba(121, 174, 247, 0.12);
  border-color: transparent;
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .main-task-filters .catalog-tag-filter-menu.task-filter-options {
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .task-filter-options .catalog-tag-filter-empty {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(131, 165, 224, 0.52);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-header,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-section,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-level-card,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-difficulty-wrap,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-progress-wrap,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-section-mini,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-cta {
  background: linear-gradient(180deg, rgba(7, 13, 24, 0.96), rgba(9, 18, 34, 0.92));
  border-color: #324862;
  box-shadow: 0 0 0 1px rgba(74, 143, 246, 0.06);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-name,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-section h3 {
  color: #afcdff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-email,
body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-back-btn {
  color: #86a6d2;
  background: rgba(8, 17, 33, 0.92);
  border-color: rgba(121, 174, 247, 0.28);
  box-shadow: none;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-change-password-link {
  background: rgba(121, 174, 247, 0.1);
  border-color: rgba(121, 174, 247, 0.28);
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-change-password-link:hover {
  background: rgba(121, 174, 247, 0.22);
  color: #ffffff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-difficulty-cell {
  background: rgba(8, 17, 33, 0.78);
  border-color: rgba(121, 174, 247, 0.16);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-difficulty-count {
  color: #afcdff;
}

/* ── AI Interview ──────────────────────────────────────────────────────── */

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-shell {
  background: #0d1624;
  border-color: rgba(131, 165, 224, 0.22);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.4);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-filter-dropdown summary {
  background: #060a12;
  color: #86a6d2;
  border-color: #28374d;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-filter-dropdown summary:hover {
  border-color: rgba(131, 165, 224, 0.58);
  color: #afcdff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-filter-menu {
  background: #070c16;
  border-color: #28374d;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.9), 0 0 0 1px #28374d;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-filter-menu label:hover {
  background: rgba(121, 174, 247, 0.14);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-msg-student .ai-interview-msg-body {
  background: #79aef7;
  color: #050910;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-msg-interviewer .ai-interview-msg-body {
  background: #070d17;
  border-color: #28374d;
  color: #9dc8ff;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .ai-interview-messages::-webkit-scrollbar-thumb {
  background: rgba(131, 165, 224, 0.34);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-difficulty-label {
  color: rgba(131, 165, 224, 0.62);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-difficulty-bar-track {
  background: rgba(121, 174, 247, 0.1);
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-cta-btn {
  background: rgba(121, 174, 247, 0.1);
  border-color: rgba(121, 174, 247, 0.28);
  color: #afcdff;
  box-shadow: none;
}

body[data-theme="matrix"][data-matrix-variant="blue"] .profile-view .profile-cta-btn:hover {
  background: rgba(121, 174, 247, 0.18);
  color: #ffffff;
}