/* Graphite Operations colour profile. The classic profile keeps the original styles. */
:root:not([data-fc-theme="classic"]) {
  color-scheme: dark;
  --fc-bg: #17191f;
  --fc-sidebar: #1d2028;
  --fc-surface: #252832;
  --fc-elevated: #303440;
  --fc-active: #414754;
  --fc-input: #1d2028;
  --fc-border: #414653;
  --fc-border-strong: #535b6b;
  --fc-text: #f0f1f5;
  --fc-text-secondary: #c0c5d0;
  --fc-text-muted: #9299a8;
  --fc-coral: #e76578;
  --fc-steel: #91b4dc;
  --fc-green: #7dd6a0;
  --fc-amber: #e9bc70;
  --fc-purple: #b49ade;
  --fc-red: #c95768;

  --bg-color: var(--fc-bg);
  --sidebar-bg: var(--fc-sidebar);
  --card-bg: var(--fc-surface);
  --border-color: var(--fc-border);
  --text-main: var(--fc-text);
  --text-muted: var(--fc-text-muted);
  --accent-blue: var(--fc-steel);
  --input-bg: var(--fc-input);
  --color-leicht: var(--fc-green);
  --border-leicht: var(--fc-green);
  --bg-leicht: rgba(125, 214, 160, .13);
  --color-medium: var(--fc-amber);
  --border-medium: var(--fc-amber);
  --bg-medium: rgba(233, 188, 112, .13);
  --color-hard: #f2a0aa;
  --border-hard: var(--fc-red);
  --bg-hard: rgba(201, 87, 104, .14);
  --color-absaufen: var(--fc-purple);
  --border-absaufen: var(--fc-purple);
  --bg-absaufen: rgba(180, 154, 222, .14);
  --color-zusatz: var(--fc-steel);
  --border-zusatz: var(--fc-steel);
  --bg-zusatz: rgba(145, 180, 220, .12);
  --color-emerald-text: var(--fc-green);
  --color-emerald-bg: rgba(125, 214, 160, .12);
  --color-emerald-border: rgba(125, 214, 160, .48);
}

html:not([data-fc-theme="classic"]) body {
  color: var(--fc-text);
  background: var(--fc-bg);
  accent-color: var(--fc-coral);
}

html:not([data-fc-theme="classic"]) ::selection { color: #fff; background: rgba(231, 101, 120, .42); }
html:not([data-fc-theme="classic"]) ::-webkit-scrollbar-thumb { background: var(--fc-border-strong); }
html:not([data-fc-theme="classic"]) ::-webkit-scrollbar-thumb:hover { background: #6a7384; }

/* Main frame and navigation */
html:not([data-fc-theme="classic"]) .sidebar,
html:not([data-fc-theme="classic"]) #leftToolbar,
html:not([data-fc-theme="classic"]) #rightPanel { background-color: var(--fc-sidebar) !important; }
html:not([data-fc-theme="classic"]) .sidebar { border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .sidebar-brand,
html:not([data-fc-theme="classic"]) .user-profile-name { color: var(--fc-text) !important; }
html:not([data-fc-theme="classic"]) .main-wrapper > header,
html:not([data-fc-theme="classic"]) #editorHeader { color: var(--fc-text); background: rgba(37, 40, 50, .94) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) #authOverlay { background-color: rgba(23, 25, 31, .96) !important; }
html:not([data-fc-theme="classic"]) .fc-profile-overlay { background: rgba(12, 14, 19, .82) !important; }
html:not([data-fc-theme="classic"]) .main-wrapper > header h1,
html:not([data-fc-theme="classic"]) #editorHeader h1 { color: var(--fc-text) !important; }
html:not([data-fc-theme="classic"]) .main-wrapper > header p { color: var(--fc-text-muted) !important; }
html:not([data-fc-theme="classic"]) .content-container,
html:not([data-fc-theme="classic"]) #dashboardView,
html:not([data-fc-theme="classic"]) #editorView,
html:not([data-fc-theme="classic"]) #canvasViewport,
html:not([data-fc-theme="classic"]) .main-wrapper { background-color: var(--fc-bg) !important; }
html:not([data-fc-theme="classic"]) .nav-btn { color: var(--fc-text-secondary) !important; }
html:not([data-fc-theme="classic"]) .nav-btn:hover { color: var(--fc-text) !important; background: rgba(255, 255, 255, .045) !important; }
html:not([data-fc-theme="classic"]) .nav-btn::before { background: var(--fc-coral) !important; }
html:not([data-fc-theme="classic"]) .nav-btn.active { color: var(--fc-text) !important; background: rgba(231, 101, 120, .12) !important; border-color: rgba(231, 101, 120, .28) !important; }
html:not([data-fc-theme="classic"]) .nav-btn.active::before { opacity: 1; }
html:not([data-fc-theme="classic"]) .user-profile-widget { background: var(--fc-surface) !important; border-color: var(--fc-border) !important; }

/* Shared panels, cards, tables and dialogs */
html:not([data-fc-theme="classic"]) .card,
html:not([data-fc-theme="classic"]) .strip-row,
html:not([data-fc-theme="classic"]) .user-profile-widget,
html:not([data-fc-theme="classic"]) .modal-content,
html:not([data-fc-theme="classic"]) .auth-card,
html:not([data-fc-theme="classic"]) .catalog-card,
html:not([data-fc-theme="classic"]) .fc-software-card,
html:not([data-fc-theme="classic"]) .fc-stat-card,
html:not([data-fc-theme="classic"]) .fc-stat-summary-card,
html:not([data-fc-theme="classic"]) .fc-sim-poll-card,
html:not([data-fc-theme="classic"]) .fc-sim-poll-builder,
html:not([data-fc-theme="classic"]) .calendar-corrections { color: var(--fc-text); background-color: var(--fc-surface) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .card:hover,
html:not([data-fc-theme="classic"]) .strip-row:hover,
html:not([data-fc-theme="classic"]) .fc-software-card:hover { border-color: var(--fc-border-strong) !important; }
html:not([data-fc-theme="classic"]) .card-title,
html:not([data-fc-theme="classic"]) .strip-title,
html:not([data-fc-theme="classic"]) .fc-page-header h1,
html:not([data-fc-theme="classic"]) .catalog-card-body h2,
html:not([data-fc-theme="classic"]) .fc-software-card h2,
html:not([data-fc-theme="classic"]) .fc-stat-top h2 { color: var(--fc-text) !important; }
html:not([data-fc-theme="classic"]) .card-desc,
html:not([data-fc-theme="classic"]) .fc-page-header p,
html:not([data-fc-theme="classic"]) .catalog-card-body p,
html:not([data-fc-theme="classic"]) .fc-software-instructions,
html:not([data-fc-theme="classic"]) .fc-stat-events { color: var(--fc-text-secondary) !important; }
html:not([data-fc-theme="classic"]) .user-mgmt-table { color: var(--fc-text); background: var(--fc-surface) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .user-mgmt-table th { color: var(--fc-text-muted) !important; background: var(--fc-elevated) !important; }
html:not([data-fc-theme="classic"]) .user-mgmt-table td { color: var(--fc-text-secondary); border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .user-mgmt-table tr:hover td { background: rgba(255, 255, 255, .025); }
html:not([data-fc-theme="classic"]) .modal,
html:not([data-fc-theme="classic"]) .fc-modal-overlay { background-color: rgba(10, 12, 17, .78); }
html:not([data-fc-theme="classic"]) .modal-content,
html:not([data-fc-theme="classic"]) .fc-profile-modal,
html:not([data-fc-theme="classic"]) .fc-software-modal,
html:not([data-fc-theme="classic"]) .fc-wheel-modal,
html:not([data-fc-theme="classic"]) .fc-event-sim-modal,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-modal { color: var(--fc-text) !important; background: linear-gradient(155deg, var(--fc-elevated), var(--fc-surface) 56%) !important; border-color: var(--fc-border-strong) !important; }
html:not([data-fc-theme="classic"]) .modal-content h2,
html:not([data-fc-theme="classic"]) .modal-content h3,
html:not([data-fc-theme="classic"]) .fc-profile-modal h2,
html:not([data-fc-theme="classic"]) .fc-profile-modal h3,
html:not([data-fc-theme="classic"]) .fc-event-sim-modal h2,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-modal h2 { color: var(--fc-text) !important; }
html:not([data-fc-theme="classic"]) .auth-title { color: var(--fc-text) !important; }
html:not([data-fc-theme="classic"]) .auth-subtitle,
html:not([data-fc-theme="classic"]) .fc-profile-modal header p,
html:not([data-fc-theme="classic"]) .fc-event-sim-modal header p,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-modal header p { color: var(--fc-text-muted) !important; }

/* Inputs and selection controls */
html:not([data-fc-theme="classic"]) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html:not([data-fc-theme="classic"]) select,
html:not([data-fc-theme="classic"]) textarea { color: var(--fc-text) !important; background-color: var(--fc-input) !important; border-color: var(--fc-border) !important; color-scheme: dark; }
html:not([data-fc-theme="classic"]) select option { color: var(--fc-text) !important; background: var(--fc-input) !important; }
html:not([data-fc-theme="classic"]) input::placeholder,
html:not([data-fc-theme="classic"]) textarea::placeholder { color: var(--fc-text-muted) !important; opacity: 1; }
html:not([data-fc-theme="classic"]) input:focus,
html:not([data-fc-theme="classic"]) select:focus,
html:not([data-fc-theme="classic"]) textarea:focus { border-color: var(--fc-coral) !important; outline-color: rgba(231, 101, 120, .34) !important; box-shadow: 0 0 0 3px rgba(231, 101, 120, .12); }
html:not([data-fc-theme="classic"]) input[type="checkbox"],
html:not([data-fc-theme="classic"]) input[type="radio"],
html:not([data-fc-theme="classic"]) input[type="range"] { accent-color: var(--fc-coral); }
html:not([data-fc-theme="classic"]) .field-label,
html:not([data-fc-theme="classic"]) .fc-profile-field label,
html:not([data-fc-theme="classic"]) .fc-software-modal label { color: var(--fc-text-secondary) !important; }

/* Buttons: coral for primary, restrained slate for secondary, semantic status colours. */
html:not([data-fc-theme="classic"]) .btn-download-glow,
html:not([data-fc-theme="classic"]) .btn-bottom-primary,
html:not([data-fc-theme="classic"]) .btn-create-trigger,
html:not([data-fc-theme="classic"]) .btn-wheel-spin,
html:not([data-fc-theme="classic"]) .btn-sim-wheel-spin,
html:not([data-fc-theme="classic"]) .btn-event-wheel,
html:not([data-fc-theme="classic"]) .fc-danger-confirm { color: #fff !important; background: var(--fc-coral) !important; border-color: var(--fc-coral) !important; box-shadow: none !important; animation: none !important; }
html:not([data-fc-theme="classic"]) .btn-download-glow:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-bottom-primary:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-create-trigger:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-wheel-spin:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-sim-wheel-spin:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-event-wheel:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .fc-danger-confirm:hover:not(:disabled) { background: #d9576c !important; border-color: #d9576c !important; box-shadow: 0 0 0 3px rgba(231, 101, 120, .16) !important; }
html:not([data-fc-theme="classic"]) .btn-download-glow:active:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-bottom-primary:active:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-create-trigger:active:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-wheel-spin:active:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-sim-wheel-spin:active:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-event-wheel:active:not(:disabled) { background: #c94e62 !important; box-shadow: 0 0 0 4px rgba(231, 101, 120, .2) !important; }
html:not([data-fc-theme="classic"]) .btn-bottom-edit,
html:not([data-fc-theme="classic"]) .btn-grant-admin,
html:not([data-fc-theme="classic"]) .fc-sheet-create,
html:not([data-fc-theme="classic"]) .fc-profile-trigger,
html:not([data-fc-theme="classic"]) .fc-event-wheel-launcher,
html:not([data-fc-theme="classic"]) .calendar-nav button,
html:not([data-fc-theme="classic"]) .calendar-view-switch button,
html:not([data-fc-theme="classic"]) .fc-event-sim-open,
html:not([data-fc-theme="classic"]) .fc-event-sim-wheel { color: var(--fc-text-secondary) !important; background: var(--fc-elevated) !important; border-color: var(--fc-border-strong) !important; box-shadow: none; }
html:not([data-fc-theme="classic"]) .btn-bottom-edit:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .btn-grant-admin:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .fc-sheet-create:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .fc-profile-trigger:hover,
html:not([data-fc-theme="classic"]) .calendar-nav button:hover,
html:not([data-fc-theme="classic"]) .calendar-view-switch button:hover,
html:not([data-fc-theme="classic"]) .fc-event-sim-open:hover,
html:not([data-fc-theme="classic"]) .fc-event-sim-wheel:hover { color: var(--fc-text) !important; background: var(--fc-active) !important; border-color: var(--fc-border-strong) !important; box-shadow: 0 0 0 2px rgba(145, 180, 220, .1); }
html:not([data-fc-theme="classic"]) .btn-bottom-delete,
html:not([data-fc-theme="classic"]) .fc-delete-user,
html:not([data-fc-theme="classic"]) .fc-danger-confirm { color: #ffdce1 !important; background: rgba(201, 87, 104, .16) !important; border-color: rgba(201, 87, 104, .58) !important; }
html:not([data-fc-theme="classic"]) .btn-bottom-delete:hover:not(:disabled),
html:not([data-fc-theme="classic"]) .fc-delete-user:hover:not(:disabled) { color: #fff !important; background: var(--fc-red) !important; border-color: var(--fc-red) !important; box-shadow: 0 0 0 3px rgba(201, 87, 104, .16); }
html:not([data-fc-theme="classic"]) .btn-grant-admin.is-admin { color: #c8f5d8 !important; background: rgba(125, 214, 160, .13) !important; border-color: rgba(125, 214, 160, .58) !important; box-shadow: none !important; animation: none !important; }
html:not([data-fc-theme="classic"]) .btn-grant-admin.is-admin:hover { box-shadow: 0 0 0 3px rgba(125, 214, 160, .14) !important; }
html:not([data-fc-theme="classic"]) .fc-grant-access,
html:not([data-fc-theme="classic"]) .sim-sheet-preview { color: var(--fc-steel) !important; background: rgba(145, 180, 220, .12) !important; border-color: rgba(145, 180, 220, .42) !important; }
html:not([data-fc-theme="classic"]) .fc-grant-access:hover,
html:not([data-fc-theme="classic"]) .sim-sheet-preview:hover { background: rgba(145, 180, 220, .2) !important; }
html:not([data-fc-theme="classic"]) .publish-button,
html:not([data-fc-theme="classic"]) .qs-card-publish.is-published { color: var(--fc-green) !important; background: rgba(125, 214, 160, .12) !important; border-color: rgba(125, 214, 160, .48) !important; box-shadow: none !important; }
html:not([data-fc-theme="classic"]) .publish-button:hover,
html:not([data-fc-theme="classic"]) .qs-card-publish.is-published:hover { background: rgba(125, 214, 160, .19) !important; }
html:not([data-fc-theme="classic"]) .fc-sheet-create { color:#fff !important; background:var(--fc-coral) !important; border-color:var(--fc-coral) !important; box-shadow:none !important; }
html:not([data-fc-theme="classic"]) .fc-sheet-create:hover { background:#d9576c !important; border-color:#d9576c !important; box-shadow:0 0 0 3px rgba(231,101,120,.16) !important; }
html:not([data-fc-theme="classic"]) .qs-card-publish:not(.is-published) { color:var(--fc-amber) !important; background:rgba(233,188,112,.12) !important; border-color:rgba(233,188,112,.48) !important; box-shadow:none !important; }
html:not([data-fc-theme="classic"]) .qs-card-publish:not(.is-published):hover { background:rgba(233,188,112,.2) !important; }
html:not([data-fc-theme="classic"]) button:focus-visible,
html:not([data-fc-theme="classic"]) a:focus-visible,
html:not([data-fc-theme="classic"]) [role="button"]:focus-visible { outline: 2px solid var(--fc-steel); outline-offset: 2px; }

/* Active controls and information states */
html:not([data-fc-theme="classic"]) .segmented-control,
html:not([data-fc-theme="classic"]) .auth-tabs,
html:not([data-fc-theme="classic"]) .fc-language-control,
html:not([data-fc-theme="classic"]) .fc-language-options,
html:not([data-fc-theme="classic"]) .fc-event-display-mode,
html:not([data-fc-theme="classic"]) .sim-post-tabs,
html:not([data-fc-theme="classic"]) .sim-tab-buttons { color: var(--fc-text-secondary); background: var(--fc-input) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .segmented-control-btn.active,
html:not([data-fc-theme="classic"]) .auth-tab-btn.active,
html:not([data-fc-theme="classic"]) .fc-language-options button.active,
html:not([data-fc-theme="classic"]) .fc-event-display-mode button.active,
html:not([data-fc-theme="classic"]) .sim-tab-buttons button.active,
html:not([data-fc-theme="classic"]) .calendar-view-switch button.active { color: #fff !important; background: var(--fc-coral) !important; border-color: var(--fc-coral) !important; box-shadow: none !important; }
html:not([data-fc-theme="classic"]) .auth-tab-btn { color: var(--fc-text-muted); }
html:not([data-fc-theme="classic"]) .fc-language-options button,
html:not([data-fc-theme="classic"]) .fc-event-display-mode button,
html:not([data-fc-theme="classic"]) .sim-tab-buttons button { color: var(--fc-text-secondary); }
html:not([data-fc-theme="classic"]) .rating-badge:not(.admin),
html:not([data-fc-theme="classic"]) .rating-badge.admin { color: var(--fc-steel) !important; background: rgba(145, 180, 220, .13) !important; border-color: rgba(145, 180, 220, .52) !important; }
html:not([data-fc-theme="classic"]) .user-rating-select { color: var(--fc-steel) !important; background: var(--fc-surface) !important; border-color: var(--fc-border-strong) !important; }
html:not([data-fc-theme="classic"]) .tag,
html:not([data-fc-theme="classic"]) .tag.sector,
html:not([data-fc-theme="classic"]) .tag.alt,
html:not([data-fc-theme="classic"]) .tag.neu,
html:not([data-fc-theme="classic"]) .tag.optimiert { color: var(--fc-steel) !important; background: rgba(145, 180, 220, .1) !important; border-color: rgba(145, 180, 220, .36) !important; }
html:not([data-fc-theme="classic"]) .tag.leicht,
html:not([data-fc-theme="classic"]) .tag.tower { color: var(--fc-green) !important; background: rgba(125, 214, 160, .1) !important; border-color: rgba(125, 214, 160, .4) !important; }
html:not([data-fc-theme="classic"]) .tag.medium { color: var(--fc-amber) !important; background: rgba(233, 188, 112, .1) !important; border-color: rgba(233, 188, 112, .4) !important; }
html:not([data-fc-theme="classic"]) .tag.hard,
html:not([data-fc-theme="classic"]) .tag.staffed,
html:not([data-fc-theme="classic"]) .fc-locked-label { color: #f2a0aa !important; background: rgba(201, 87, 104, .12) !important; border-color: rgba(201, 87, 104, .42) !important; }
html:not([data-fc-theme="classic"]) .tag.absaufen,
html:not([data-fc-theme="classic"]) .tag.template { color: var(--fc-purple) !important; background: rgba(180, 154, 222, .12) !important; border-color: rgba(180, 154, 222, .42) !important; }
html:not([data-fc-theme="classic"]) .fc-event-date,
html:not([data-fc-theme="classic"]) .fc-event-selected-sim,
html:not([data-fc-theme="classic"]) .fc-wheel-kicker,
html:not([data-fc-theme="classic"]) .fc-event-sim-kicker,
html:not([data-fc-theme="classic"]) .fc-access-section-title { color: var(--fc-steel) !important; }
html:not([data-fc-theme="classic"]) .fc-event-count,
html:not([data-fc-theme="classic"]) .utc-pill,
html:not([data-fc-theme="classic"]) .fc-event-sim-current,
html:not([data-fc-theme="classic"]) .fc-poll-status { color: var(--fc-steel) !important; background: rgba(145, 180, 220, .1) !important; border-color: rgba(145, 180, 220, .38) !important; }
html:not([data-fc-theme="classic"]) .catalog-live-note,
html:not([data-fc-theme="classic"]) .qs-status-live,
html:not([data-fc-theme="classic"]) .fc-profile-status[data-type="success"] { color: var(--fc-green) !important; background: rgba(125, 214, 160, .1); border-color: rgba(125, 214, 160, .42); }
html:not([data-fc-theme="classic"]) .qs-status-draft,
html:not([data-fc-theme="classic"]) .calendar-corrections,
html:not([data-fc-theme="classic"]) .event-time-review-note { color: var(--fc-amber) !important; background: rgba(233, 188, 112, .1) !important; border-color: rgba(233, 188, 112, .42) !important; }
html:not([data-fc-theme="classic"]) .calendar-corrections > div:first-child,
html:not([data-fc-theme="classic"]) .calendar-correction button { color: var(--fc-amber) !important; }
html:not([data-fc-theme="classic"]) .calendar-corrections > div:first-child span,
html:not([data-fc-theme="classic"]) .calendar-correction span { color: var(--fc-text-muted) !important; }
html:not([data-fc-theme="classic"]) .fc-profile-status[data-type="error"],
html:not([data-fc-theme="classic"]) .fc-event-sim-error { color: #f2a0aa !important; }

/* Calendars, Quicksheets and repository tools */
html:not([data-fc-theme="classic"]) .fc-event-positions,
html:not([data-fc-theme="classic"]) .assignment-list li,
html:not([data-fc-theme="classic"]) .sim-tab-buttons,
html:not([data-fc-theme="classic"]) .fc-language-options,
html:not([data-fc-theme="classic"]) .fc-event-display-mode { background-color: var(--fc-elevated) !important; }
html:not([data-fc-theme="classic"]) .fc-search-wrap,
html:not([data-fc-theme="classic"]) .fc-empty-state,
html:not([data-fc-theme="classic"]) .file-action-box,
html:not([data-fc-theme="classic"]) .fc-template-filter,
html:not([data-fc-theme="classic"]) .fc-access-option,
html:not([data-fc-theme="classic"]) .sim-sheet-choice,
html:not([data-fc-theme="classic"]) .fc-sim-poll-option,
html:not([data-fc-theme="classic"]) .fc-poll-sim-choice,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-options label,
html:not([data-fc-theme="classic"]) .assigned-sheet-row { color: var(--fc-text-secondary) !important; background: var(--fc-elevated) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .fc-search-wrap input,
html:not([data-fc-theme="classic"]) .fc-software-toolbar input { color: var(--fc-text) !important; background: transparent !important; }
html:not([data-fc-theme="classic"]) .fc-search-wrap:focus-within,
html:not([data-fc-theme="classic"]) .sim-sheet-choice:hover,
html:not([data-fc-theme="classic"]) .fc-sim-poll-option.selected { border-color: var(--fc-steel) !important; }
html:not([data-fc-theme="classic"]) #dashboardView #projectGrid > div { color:var(--fc-text) !important; background:var(--fc-surface) !important; border-color:var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) #dashboardView #projectGrid > div:hover { border-color:var(--fc-border-strong) !important; }
html:not([data-fc-theme="classic"]) #dashboardView #projectGrid > div > div:first-child > div:first-child { background:var(--fc-bg) !important; border-color:var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) #dashboardView #projectGrid h2 { color:var(--fc-text) !important; }
html:not([data-fc-theme="classic"]) #dashboardView #projectGrid .text-blue-400 { color:var(--fc-steel) !important; }
html:not([data-fc-theme="classic"]) #dashboardView #projectGrid .text-slate-400,
html:not([data-fc-theme="classic"]) #dashboardView #projectGrid .text-slate-500 { color:var(--fc-text-muted) !important; }
html:not([data-fc-theme="classic"]) #dashboardView #projectGrid [class*="bg-[#22252e]"] { color:var(--fc-text-secondary) !important; background:var(--fc-elevated) !important; border-color:var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .fc-software-icon { color: var(--fc-steel) !important; background: rgba(145, 180, 220, .12) !important; border-color: rgba(145, 180, 220, .38) !important; }
html:not([data-fc-theme="classic"]) .fc-software-tag { color: var(--fc-steel) !important; background: rgba(145, 180, 220, .1) !important; border-color: rgba(145, 180, 220, .34) !important; }
html:not([data-fc-theme="classic"]) .fc-stat-bar { background: var(--fc-elevated) !important; }
html:not([data-fc-theme="classic"]) .fc-stat-bar span { background: linear-gradient(90deg, var(--fc-steel), var(--fc-coral)) !important; }
html:not([data-fc-theme="classic"]) .fc-stat-positions span { color: var(--fc-text-secondary) !important; background: var(--fc-elevated) !important; }
html:not([data-fc-theme="classic"]) .fc-stat-positions b { color: var(--fc-text) !important; }
html:not([data-fc-theme="classic"]) .calendar-toolbar,
html:not([data-fc-theme="classic"]) .calendar-nav,
html:not([data-fc-theme="classic"]) .calendar-view-switch { color: var(--fc-text-secondary); }
html:not([data-fc-theme="classic"]) .calendar-time-grid,
html:not([data-fc-theme="classic"]) .calendar-month-grid { background: var(--fc-bg) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .calendar-time-corner,
html:not([data-fc-theme="classic"]) .calendar-day-heading,
html:not([data-fc-theme="classic"]) .calendar-month-weekday,
html:not([data-fc-theme="classic"]) .calendar-day-column { color: var(--fc-text-secondary) !important; background: var(--fc-surface) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .calendar-day-heading span,
html:not([data-fc-theme="classic"]) .calendar-time-labels span { color: var(--fc-text-muted) !important; }
html:not([data-fc-theme="classic"]) .calendar-day-heading.today strong,
html:not([data-fc-theme="classic"]) .calendar-day-number:hover { color: var(--fc-coral) !important; }
html:not([data-fc-theme="classic"]) .calendar-hour-lines { background: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--hour-height) - 1px), var(--fc-border) calc(var(--hour-height) - 1px), var(--fc-border) var(--hour-height)); }
html:not([data-fc-theme="classic"]) .calendar-month-day { border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .calendar-month-day.outside { background: rgba(29, 32, 40, .75) !important; }
html:not([data-fc-theme="classic"]) .calendar-month-day.outside .calendar-day-number { color: #737b8a !important; }
html:not([data-fc-theme="classic"]) .calendar-month-day.today { box-shadow: inset 0 0 0 1px var(--fc-coral) !important; }
html:not([data-fc-theme="classic"]) .calendar-day-number { color: var(--fc-text-secondary) !important; }
html:not([data-fc-theme="classic"]) .calendar-event,
html:not([data-fc-theme="classic"]) .calendar-month-event { color: var(--fc-text) !important; background: rgba(145, 180, 220, .13) !important; border-color: rgba(145, 180, 220, .42) !important; border-left-color: var(--fc-steel) !important; }
html:not([data-fc-theme="classic"]) .calendar-event-main span,
html:not([data-fc-theme="classic"]) .calendar-month-event time { color: var(--fc-steel) !important; }
html:not([data-fc-theme="classic"]) .calendar-event-signup,
html:not([data-fc-theme="classic"]) .calendar-event-sim-choice,
html:not([data-fc-theme="classic"]) .calendar-month-event-sim { color: var(--fc-text-secondary) !important; background: rgba(255, 255, 255, .04) !important; border-color: rgba(255, 255, 255, .08) !important; }
html:not([data-fc-theme="classic"]) .calendar-event-signup:hover,
html:not([data-fc-theme="classic"]) .calendar-event-sim-choice:hover,
html:not([data-fc-theme="classic"]) .calendar-month-event-sim:hover { color: var(--fc-text) !important; background: rgba(255, 255, 255, .12) !important; }
html:not([data-fc-theme="classic"]) .calendar-correction { border-color: rgba(233, 188, 112, .32) !important; }
html:not([data-fc-theme="classic"]) .calendar-correction button { background: rgba(233, 188, 112, .12) !important; }

/* Quicksheet editor controls and chart work surface */
html:not([data-fc-theme="classic"]) #leftToolbar,
html:not([data-fc-theme="classic"]) #rightPanel { border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) #canvasContainer,
html:not([data-fc-theme="classic"]) .svg-canvas { background: var(--fc-bg) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) #editorView [class*="bg-[#181a20]"],
html:not([data-fc-theme="classic"]) #editorView [class*="bg-[#1c1f26]"],
html:not([data-fc-theme="classic"]) #editorView [class*="bg-[#13151a]"],
html:not([data-fc-theme="classic"]) #editorView [class*="bg-[#0d0e12]"],
html:not([data-fc-theme="classic"]) #editorView [class*="bg-[#22252e]"],
html:not([data-fc-theme="classic"]) #editorView [class*="bg-[#2d313d]"] { background-color: var(--fc-elevated) !important; }
html:not([data-fc-theme="classic"]) #editorView [class*="border-[#262930]"] { border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) #editorView [class*="text-blue-"] { color: var(--fc-steel) !important; }
html:not([data-fc-theme="classic"]) #editorView [class*="focus:border-blue-"]:focus { border-color: var(--fc-coral) !important; }
html:not([data-fc-theme="classic"]) #editorView [class~="bg-emerald-600"] { background-color: var(--fc-green) !important; color: #14251a !important; }
html:not([data-fc-theme="classic"]) #editorView [class~="hover:bg-emerald-500"]:hover { background-color: #69c98e !important; }
html:not([data-fc-theme="classic"]) #editorView [class~="bg-indigo-600"] { background-color: var(--fc-steel) !important; color: #17202c !important; }
html:not([data-fc-theme="classic"]) #editorView .accent-blue-600 { accent-color: var(--fc-coral) !important; }
html:not([data-fc-theme="classic"]) .kbd { color: var(--fc-text-secondary) !important; background: var(--fc-elevated) !important; border-color: var(--fc-border-strong) !important; }
html:not([data-fc-theme="classic"]) #editorView #saveStatus.text-emerald-400 { color:var(--fc-green) !important; }
html:not([data-fc-theme="classic"]) .fc-event-lock-icon { color: #f8fafc !important; }
html:not([data-fc-theme="classic"]) .fc-wheel-pointer,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-pointer { color: var(--fc-coral) !important; border-top-color: var(--fc-coral) !important; }
html:not([data-fc-theme="classic"]) .fc-wheel-hub,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-hub { color: var(--fc-text) !important; background: radial-gradient(circle at 35% 30%, var(--fc-elevated), var(--fc-sidebar) 75%) !important; border-color: var(--fc-steel) !important; }
html:not([data-fc-theme="classic"]) .fc-wheel-stage,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-stage { background: radial-gradient(circle, var(--fc-elevated) 0%, var(--fc-bg) 66%) !important; border-color: var(--fc-border-strong) !important; }
html:not([data-fc-theme="classic"]) .fc-wheel-result,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-result { color: var(--fc-green) !important; background: rgba(125, 214, 160, .1) !important; border-color: rgba(125, 214, 160, .44) !important; }
html:not([data-fc-theme="classic"]) .fc-wheel-participants,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-options { color: var(--fc-text-secondary) !important; background: var(--fc-input) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .fc-wheel-participants label,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-options label { color: var(--fc-text-secondary) !important; background: var(--fc-elevated) !important; border-color: var(--fc-border) !important; }
html:not([data-fc-theme="classic"]) .fc-wheel-participants input,
html:not([data-fc-theme="classic"]) .fc-sim-wheel-options input { accent-color: var(--fc-coral) !important; }
html:not([data-fc-theme="classic"]) #fcEventWheelStatus,
html:not([data-fc-theme="classic"]) #fcSimWheelStatus { color: var(--fc-text-muted) !important; }
html:not([data-fc-theme="classic"]) #localPreviewBanner { color: var(--fc-steel) !important; background: rgba(37, 40, 50, .94) !important; border-color: var(--fc-border-strong) !important; }
html:not([data-fc-theme="classic"]) #gridPath { stroke: var(--fc-border) !important; }

/* Shared profile settings and the preserved theme switch */
.fc-theme-setting { display:grid; gap:10px; margin:16px 0 4px; }
.fc-theme-setting h3 { margin:0 0 4px; color:var(--text-main); font-size:12px; }
.fc-theme-setting p { margin:0; color:var(--text-muted); font-size:10px; line-height:1.5; }
.fc-theme-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.fc-theme-options button { min-width:0; min-height:42px; padding:9px 10px; color:var(--text-secondary,var(--text-main)); background:var(--input-bg); border:1px solid var(--border-color); border-radius:8px; font:inherit; font-size:10px; font-weight:750; line-height:1.35; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease; }
.fc-theme-options button:hover { color:var(--text-main); background:var(--card-bg); }
.fc-theme-options button.active { color:#fff; background:var(--accent-blue); border-color:var(--accent-blue); }
html:not([data-fc-theme="classic"]) .fc-theme-options button.active { background:var(--fc-coral); border-color:var(--fc-coral); box-shadow:0 0 0 3px rgba(231,101,120,.14); }
html:not([data-fc-theme="classic"]) .fc-theme-options button:active { box-shadow:0 0 0 4px rgba(231,101,120,.2); }

@media (hover:none) {
  html:not([data-fc-theme="classic"]) .nav-btn:active,
  html:not([data-fc-theme="classic"]) button:active { filter:brightness(1.08); }
  .fc-theme-options button { min-height:46px; }
}

@media (max-width:600px) {
  .fc-theme-options { grid-template-columns:1fr; }
}