/* Personal appearance settings. Values are applied in the document head before styles load. */
:root[data-font-size="17"] { font-size:17px; }
:root[data-font-size="18"] { font-size:18px; }
:root[data-font-size="19"] { font-size:19px; }
:root[data-font-size="20"] { font-size:20px; }
:root[data-font-size="21"] { font-size:21px; }
:root[data-font-size="22"] { font-size:22px; }
:root[data-accent="teal"] { --blue:#087b7d; --blue-dark:#066164; --blue-soft:#dff4f3; }
:root[data-accent="violet"] { --blue:#6950a1; --blue-dark:#513b81; --blue-soft:#eee9f8; }
:root[data-accent="amber"] { --blue:#a9650a; --blue-dark:#824d06; --blue-soft:#fbefd9; }
:root[data-accent="emerald"] { --blue:#1b7a52; --blue-dark:#125d3e; --blue-soft:#e0f3e9; }
:root[data-accent="rose"] { --blue:#ad4a6d; --blue-dark:#873652; --blue-soft:#f8e6ed; }
:root[data-accent="indigo"] { --blue:#4e5cb5; --blue-dark:#38458e; --blue-soft:#e8eafa; }
:root[data-accent="cyan"] { --blue:#087b9c; --blue-dark:#06617c; --blue-soft:#e0f3f8; }
:root[data-accent="sky"] { --blue:#287bbd; --blue-dark:#1d6095; --blue-soft:#e4f1fb; }
:root[data-accent="green"] { --blue:#467d30; --blue-dark:#346122; --blue-soft:#e9f3e3; }
:root[data-accent="olive"] { --blue:#757932; --blue-dark:#5b5f25; --blue-soft:#f0f1df; }
:root[data-accent="orange"] { --blue:#b86519; --blue-dark:#914b11; --blue-soft:#f9eadb; }
:root[data-accent="coral"] { --blue:#b6554a; --blue-dark:#8e4038; --blue-soft:#f8e5e2; }
:root[data-accent="raspberry"] { --blue:#a64278; --blue-dark:#80305b; --blue-soft:#f7e3ee; }
:root[data-accent="red"] { --blue:#b74643; --blue-dark:#8f322f; --blue-soft:#f8e4e3; }
:root[data-accent="yellow"] { --blue:#9b8010; --blue-dark:#77610a; --blue-soft:#f8f1d8; }
:root[data-accent="mint"] { --blue:#16826c; --blue-dark:#0f6654; --blue-soft:#def3ed; }
:root[data-accent="plum"] { --blue:#7b438f; --blue-dark:#603271; --blue-soft:#f1e5f5; }
:root[data-accent="black"] { --blue:#292d31; --blue-dark:#111315; --blue-soft:#eceef0; }
:root[data-accent] .bar { background:var(--blue-dark); }
:root[data-accent] .bar a:hover,:root[data-accent] .bar a:focus,
:root[data-accent] .bar .appearance-toggle:hover,:root[data-accent] .bar .appearance-toggle:focus { background:var(--blue); color:#fff; }

:root[data-accent="neutral"] { color:#20252b; background:#fff; --navy:#252b32; --blue:#4f5a63; --blue-dark:#fff; --blue-soft:#eef2f4; --line:#d6d9dd; --muted:#68717a; --paper:#fff; }
:root[data-accent="neutral"] body { background:#fff; color:#20252b; }
:root[data-accent="neutral"] .bar { border-bottom:1px solid #d6d9dd; background:#fff; box-shadow:0 2px 8px #20252b0d; }
:root[data-accent="neutral"] .bar a,:root[data-accent="neutral"] .bar a.user-chip,:root[data-accent="neutral"] .bar a.favorites-nav-link { color:#303941; border-color:#d6d9dd; }
:root[data-accent="neutral"] .bar a:hover,:root[data-accent="neutral"] .bar a:focus,:root[data-accent="neutral"] .bar .appearance-toggle:hover,:root[data-accent="neutral"] .bar .appearance-toggle:focus { background:#eef2f4; color:#20252b; }
:root[data-accent="neutral"] .card { border-color:#d6d9dd; box-shadow:none; }
:root[data-accent="neutral"] .workspace-card>.root-nav,:root[data-accent="neutral"] .file-table th { background:#f7f8f9; }
:root[data-accent="neutral"] .file-table td,:root[data-accent="neutral"] .card>table:not(.file-table) td,:root[data-accent="neutral"] .card>table:not(.file-table) th { border-color:#dfe2e5; }
:root[data-accent="neutral"] .file-table tbody tr:hover { background:#f7f8f9; }
:root[data-accent="neutral"] input,:root[data-accent="neutral"] select,:root[data-accent="neutral"] textarea { border-color:#c8cdd2; }

:root[data-theme="dark"] { color:#d9e8ef; background:#10212d; --navy:#0c2639; --blue-soft:#16384c; --line:#29495c; --muted:#a0bdca; --paper:#172d3d; --danger:#dd7076; --success:#3eb69e; }
:root[data-theme="dark"][data-accent="neutral"] { --blue:#7fcaed; --blue-dark:#0c2639; --blue-soft:#16384c; }
:root[data-theme="dark"] body { background:linear-gradient(135deg,#10212d 0,#142c3b 100%); color:#d9e8ef; }
:root[data-theme="dark"] .bar { background:#0c2639; box-shadow:0 3px 14px #0006; }
:root[data-theme="dark"][data-accent] .bar { background:var(--blue-dark); }
:root[data-theme="dark"] .bar a { color:#d2e8f1; }
:root[data-theme="dark"] .bar a:hover,:root[data-theme="dark"] .bar a:focus { background:#1b4862; }
@media(max-width:1100px) { :root[data-theme="dark"] .primary-nav { background:#172d3d; box-shadow:12px 0 32px #0008; } :root[data-theme="dark"] .primary-nav-heading { border-color:#36566a; color:#d9e8ef; } :root[data-theme="dark"] .primary-nav-close { color:#b9d5e2; } :root[data-theme="dark"] .primary-nav-close:hover,:root[data-theme="dark"] .primary-nav-close:focus,:root[data-theme="dark"] .primary-nav>a:hover,:root[data-theme="dark"] .primary-nav>a:focus,:root[data-theme="dark"] .primary-nav>.nav-dropdown>a:hover,:root[data-theme="dark"] .primary-nav>.nav-dropdown>a:focus { background:#244b62; color:#fff; } :root[data-theme="dark"] .primary-nav>a,:root[data-theme="dark"] .primary-nav>.nav-dropdown>a { color:#d2e8f1; } :root[data-theme="dark"] .primary-nav .nav-dropdown-menu { border-color:#36566a; } }
:root[data-theme="dark"] .card,:root[data-theme="dark"] .modal-panel { background:#172d3d; border-color:var(--line); box-shadow:0 10px 28px #0003; }
:root[data-theme="dark"] .release-version-notice { border-color:#36566a; background:#16384c; color:#e2f0f5; }
:root[data-theme="dark"] .release-version-close:hover,:root[data-theme="dark"] .release-version-close:focus { background:#294d61; color:#fff; }
:root[data-theme="dark"] .guide-tree { background:#172d3d; border-color:var(--line); box-shadow:0 10px 28px #0003; }
:root[data-theme="dark"] .guide-section { background:#132a39; border-color:var(--line); }

.login:before { content:"Сова"; }
:root[data-theme="dark"] .barrier-api-hero { border-color:#356576; background:linear-gradient(130deg,#163941,#162f45); }
:root[data-theme="dark"] .barrier-api-hero h1,:root[data-theme="dark"] .barrier-api-steps h2,:root[data-theme="dark"] .barrier-api-protocol h2,:root[data-theme="dark"] .barrier-sketch h2 { color:#e1f3f7; }
:root[data-theme="dark"] .barrier-api-steps article,:root[data-theme="dark"] .barrier-api-protocol,:root[data-theme="dark"] .barrier-api-protocol-grid>div,:root[data-theme="dark"] .barrier-sketch,:root[data-theme="dark"] .barrier-sketch header { border-color:#355969; background:#173040; }
:root[data-theme="dark"] .barrier-api-hero p,:root[data-theme="dark"] .barrier-api-steps p,:root[data-theme="dark"] .barrier-api-protocol-grid small,:root[data-theme="dark"] .barrier-sketch header p { color:#afc7d1; }
:root[data-theme="dark"] .barrier-api-note { border-color:#80692d; background:#3a311c; color:#f1dfa7; }
:root[data-theme="dark"] .workspace-card>.root-nav,:root[data-theme="dark"] .file-table th { background:#132a39; }
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .ql-toolbar,:root[data-theme="dark"] .ql-container { background:#102633; color:#d9e8ef; border-color:#3a5a6c; }
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder { color:#89a7b6; }
:root[data-theme="dark"] .file-table td,:root[data-theme="dark"] .card>table:not(.file-table) td,:root[data-theme="dark"] .card>table:not(.file-table) th { border-color:var(--line); }
:root[data-theme="dark"] .file-table tbody tr:hover,:root[data-theme="dark"] .upload-panel,:root[data-theme="dark"] .drop,:root[data-theme="dark"] .object-menu-content { background:#142b39; }
:root[data-theme="dark"] .task-comment-bubble { background:#1b3849; color:#e2f0f5; }
:root[data-theme="dark"] .task-comment.is-mine .task-comment-bubble { background:#164e69; }
:root[data-theme="dark"] .task-mention-menu,:root[data-theme="dark"] .select2-dropdown { background:#172d3d; border-color:var(--line); color:#d9e8ef; }
:root[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true],:root[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background:var(--blue-soft); color:#fff; }
:root[data-theme="dark"] .notice { background:#173d37; color:#b7ecdf; }
:root[data-theme="dark"] .error { background:#48282d; color:#ffd8da; }

/* Components that predate design tokens use fixed light surfaces and ink colors. */
:root[data-theme="dark"] .search-form,
:root[data-theme="dark"] .task-filter,
:root[data-theme="dark"] .task-filter .task-advanced-filter,
:root[data-theme="dark"] .upload-panel,
:root[data-theme="dark"] .inline-editor,
:root[data-theme="dark"] .object-menu-content,
:root[data-theme="dark"] .context-menu,
:root[data-theme="dark"] .nav-dropdown-menu,
:root[data-theme="dark"] .modal,
:root[data-theme="dark"] .empty-state,
:root[data-theme="dark"] .employee-kpi,
:root[data-theme="dark"] .employee-kpi>div,
:root[data-theme="dark"] .task-description,
:root[data-theme="dark"] .task-file-dropzone,
:root[data-theme="dark"] .task-comment-parent,
:root[data-theme="dark"] .task-comment-replying,
:root[data-theme="dark"] .task-attachment-file,
:root[data-theme="dark"] .task-mention-menu,
:root[data-theme="dark"] .quill-editor,
:root[data-theme="dark"] .select2-container--default .select2-selection--multiple,
:root[data-theme="dark"] .login-panel,
:root[data-theme="dark"] .sova-intro,
:root[data-theme="dark"] .sova-areas article,
:root[data-theme="dark"] .sova-story,
:root[data-theme="dark"] .sova-update-note { background:#172d3d; border-color:var(--line); color:#d9e8ef; }

:root[data-theme="dark"] .quill-editor .ql-toolbar.ql-snow,
:root[data-theme="dark"] .modal-close,
:root[data-theme="dark"] .task-inbox-hide-completed button,
:root[data-theme="dark"] .task-comment-system,
:root[data-theme="dark"] .task-comment-parent,
:root[data-theme="dark"] .task-comment-replying,
:root[data-theme="dark"] .task-comment-attachments a:hover,
:root[data-theme="dark"] .task-comment-attachments a:focus { background:#203b4d; color:#d9e8ef; }

:root[data-theme="dark"] .task-filter-details,
:root[data-theme="dark"] .employee-kpi-trend,
:root[data-theme="dark"] .task-comment-parent,
:root[data-theme="dark"] .task-comment-replying,
:root[data-theme="dark"] .task-file-dropzone,
:root[data-theme="dark"] .task-attachment-file,
:root[data-theme="dark"] .task-mention-option,
:root[data-theme="dark"] .context-menu a,
:root[data-theme="dark"] .nav-dropdown-menu a,
:root[data-theme="dark"] .sova-intro p,
:root[data-theme="dark"] .sova-story p,
:root[data-theme="dark"] .sova-areas p,
:root[data-theme="dark"] .sova-update-note p { color:#b9d0db; }

/* Employee profile statistics contain nested light surfaces in the base theme. */
:root[data-theme="dark"] .employee-kpi p { background:#203b4d; }
:root[data-theme="dark"] .employee-kpi strong,
:root[data-theme="dark"] .employee-kpi-trend td:not(:first-child) { color:#c9e1eb; }
:root[data-theme="dark"] .employee-kpi span,
:root[data-theme="dark"] .employee-kpi-trend th { color:#a9c2ce; }
:root[data-theme="dark"] .employee-kpi .is-overdue { background:#4b2930; }
:root[data-theme="dark"] .employee-kpi .is-overdue strong,
:root[data-theme="dark"] .employee-kpi .is-overdue span { color:#ffd5d8; }
:root[data-theme="dark"] .employee-kpi-trend > div { background:#203b4d; }
:root[data-theme="dark"] .employee-kpi-trend th,
:root[data-theme="dark"] .employee-kpi-trend td { border-color:var(--line); }
:root[data-theme="dark"] .employee-kpi-trend nav a { color:#b9d0db; }
:root[data-theme="dark"] .employee-kpi-trend nav a.current { background:var(--blue-soft); color:#e7f2f6; }

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] .task-description,
:root[data-theme="dark"] .sova-intro h2,
:root[data-theme="dark"] .sova-story h2,
:root[data-theme="dark"] .sova-areas h2,
:root[data-theme="dark"] .sova-update-note h2 { color:#e7f2f6; }

:root[data-theme="dark"] .root-nav .button,
:root[data-theme="dark"] .root-nav .button:hover,
:root[data-theme="dark"] .root-nav .button:first-child,
:root[data-theme="dark"] .root-nav .button:first-child:not(.current),
:root[data-theme="dark"] .login-panel label,
:root[data-theme="dark"] .modal-close,
:root[data-theme="dark"] .ql-snow .ql-stroke,
:root[data-theme="dark"] .ql-snow .ql-fill { color:#c9e1eb; stroke:#c9e1eb; }
:root[data-theme="dark"] .root-nav .button.current { background:var(--blue-soft); color:#e7f2f6; border-color:transparent; }
:root[data-theme="dark"] .root-nav .button.current:hover,:root[data-theme="dark"] .root-nav .button.current:focus { background:#294d61; color:#fff; }
:root[data-theme="dark"] .task-sidebar .task-participants .access-subject-type { background:var(--blue-soft); color:var(--blue-dark); }
:root[data-theme="dark"] .admin-console-metric { border-color:var(--line); background:#172d3d; }
:root[data-theme="dark"] .admin-console-metric strong { color:#d9e8ef; }
:root[data-theme="dark"] .admin-console-progress { background:#29495c; }

:root[data-theme="dark"] .task-table tbody tr.task-deadline-soon td { background:#4b4320; }
:root[data-theme="dark"] .task-table tbody tr.task-deadline-urgent td { background:#4b341f; }
:root[data-theme="dark"] .task-table tbody tr.task-deadline-overdue td { background:#4c292f; }
:root[data-theme="dark"] .task-calendar-step a,
:root[data-theme="dark"] .task-calendar-views a { border-color:var(--line); background:var(--blue-soft); color:#d9e8ef; }
:root[data-theme="dark"] .task-calendar-views a.current { border-color:var(--blue); background:var(--blue); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 0 0 1px rgba(0,0,0,.3); }
:root[data-theme="dark"] .task-calendar-step a:hover,
:root[data-theme="dark"] .task-calendar-views a:hover { background:var(--blue-dark); color:#fff; }
:root[data-theme="dark"] .task-nav a { color:#d9e8ef; }
:root[data-theme="dark"] .task-nav a.current,:root[data-theme="dark"] .task-nav a:hover,:root[data-theme="dark"] .task-pagination a.current { background:var(--blue-soft); color:#e7f2f6; }
:root[data-theme="dark"] .task-nav a.current .task-tab-count { background:#274b5d; color:#e7f2f6; }
@media(max-width:760px) { :root[data-theme="dark"] .tasks-card>.task-table tbody tr { background:#172d3d; box-shadow:0 4px 14px #0004; } :root[data-theme="dark"] .tasks-card>.task-table tbody .task-cell-title { border-color:var(--line)!important; } :root[data-theme="dark"] .tasks-card>.task-table tbody tr.task-deadline-soon { background:#4b4320; } :root[data-theme="dark"] .tasks-card>.task-table tbody tr.task-deadline-urgent { background:#4b341f; } :root[data-theme="dark"] .tasks-card>.task-table tbody tr.task-deadline-overdue { background:#4c292f; } }
:root[data-theme="dark"] .task-calendar-week,
:root[data-theme="dark"] .task-calendar-month-grid { border-color:#3b5261; }
:root[data-theme="dark"] .task-calendar-week > section,
:root[data-theme="dark"] .task-calendar-month-grid > section { border-color:#3b5261; }
:root[data-theme="dark"] .task-calendar-month-grid > section.is-outside { background:#1e2d37; }
:root[data-theme="dark"] .task-calendar-week > section.is-drop-target,
:root[data-theme="dark"] .task-calendar-month-grid > section.is-drop-target,
:root[data-theme="dark"] .task-calendar-day.is-drop-target { background:#274b5d; }
:root[data-theme="dark"] .task-calendar-event { background:#274b5d; color:#d6ebf5; }
:root[data-theme="dark"] .task-calendar-event small { color:#a4c2d0; }
:root[data-theme="dark"] .task-calendar-event.kind-template { background:#403960; color:#e1dcf4; }
:root[data-theme="dark"] .task-calendar-event.is-closed { background:#34434b; color:#c1cbd0; }
:root[data-theme="dark"] .task-calendar-event.is-unscheduled { background:#314c2e; color:#d6ebc8; }
:root[data-theme="dark"] .task-calendar-event.is-unscheduled small { color:#b3d3a0; }
:root[data-theme="dark"] .task-report-table th,:root[data-theme="dark"] .task-report-table td { border-color:var(--line); }
:root[data-theme="dark"] .task-report-table th { color:#a4c2d0; }
:root[data-theme="dark"] .task-report-table td:nth-child(2),:root[data-theme="dark"] .task-report-progress small { color:#a4c2d0; }
:root[data-theme="dark"] .task-report-descriptions > div { border-color:var(--line); background:#203f51; }
:root[data-theme="dark"] .task-report-descriptions dt { color:#d9e8ef; }
:root[data-theme="dark"] .task-report-descriptions dd { color:#a4c2d0; }
:root[data-theme="dark"] .task-report-progress { color:#d9e8ef; }
:root[data-theme="dark"] .task-report-progress::before { background:#29495c; }
:root[data-theme="dark"] .task-report-missed { border-color:#416476; background:#172d3d; box-shadow:0 12px 28px #0009; color:#c6dbe4; }
:root[data-theme="dark"] .task-report-missed > strong { color:#e7f2f6; }
:root[data-theme="dark"] .task-report-missed a { color:#7fcaed; }
:root[data-theme="dark"] .sova-icon { background:#174a4c; color:#9ce1dc; }
:root[data-theme="dark"] .project-logo { background:#e8f2f5; }

/* Task attachments have their own card and text palette. */
:root[data-theme="dark"] .task-attachments li { background:#172d3d; border-color:var(--line); }
:root[data-theme="dark"] .task-attachment-icon { background:#203f51; }
:root[data-theme="dark"] .task-attachment-info strong { color:#e7f2f6; }
:root[data-theme="dark"] .task-attachment-description { color:#bdd3dd; }
:root[data-theme="dark"] .task-attachment-info span,
:root[data-theme="dark"] .task-comment-attachments small,
:root[data-theme="dark"] .task-comment-attachments em,
:root[data-theme="dark"] .task-comment-attach small,
:root[data-theme="dark"] .task-comment-attachment-descriptions label { color:#a9c2ce; }
:root[data-theme="dark"] .task-attachment-actions a { color:#7fcaed; }
:root[data-theme="dark"] .task-attachment-file:hover .task-attachment-info strong,
:root[data-theme="dark"] .task-attachment-file:focus .task-attachment-info strong { color:#7fcaed; }

:root[data-theme="dark"] .group-editor,
:root[data-theme="dark"] .group-members { background:#172d3d; border-color:var(--line); }
:root[data-theme="dark"] .group-members-list label:hover { background:#203b4d; }
:root[data-theme="dark"] .group-members-list small { color:#a9c2ce; }
:root[data-theme="dark"] .groups-table-actions .group-delete-action:hover,:root[data-theme="dark"] .groups-table-actions .group-delete-action:focus { background:#4b2930; color:#ffd5d8; }

/* Buttons with a light or transparent variant need their own ink in dark mode. */
:root[data-theme="dark"] .cancel-action,
:root[data-theme="dark"] .daterangepicker .drp-buttons .cancelBtn,
:root[data-theme="dark"] .icon-action,
:root[data-theme="dark"] .task-template-action-button,
:root[data-theme="dark"] .task-inbox-hide-completed button,
:root[data-theme="dark"] .task-attachment-delete button { background:#203b4d; border-color:#416476; color:#cfe8f2; }
:root[data-theme="dark"] .cancel-action { border-color:#9a5e66; color:#ffd5d8; }
:root[data-theme="dark"] .icon-action:hover,
:root[data-theme="dark"] .icon-action:focus,
:root[data-theme="dark"] .task-template-action-button:hover,
:root[data-theme="dark"] .task-template-action-button:focus,
:root[data-theme="dark"] .task-inbox-hide-completed button:hover,
:root[data-theme="dark"] .task-inbox-hide-completed button:focus { background:#2a5166; color:#e6f5fa; }
:root[data-theme="dark"] .task-template-action-button.is-danger,
:root[data-theme="dark"] .task-attachment-delete-trigger,
:root[data-theme="dark"] .task-template-delete-trigger { background:#4b2930; border-color:#8f505a; color:#ffd5d8; }
:root[data-theme="dark"] .task-template-action-button.is-danger:hover,
:root[data-theme="dark"] .task-template-action-button.is-danger:focus,
:root[data-theme="dark"] .task-attachment-delete-trigger:hover,
:root[data-theme="dark"] .task-attachment-delete-trigger:focus,
:root[data-theme="dark"] .task-template-delete-trigger:hover,
:root[data-theme="dark"] .task-template-delete-trigger:focus { background:#63323b; color:#ffe5e7; }
:root[data-theme="dark"] .modal .task-attachment-delete button,
:root[data-theme="dark"] .modal .task-template-delete button { background:var(--danger); border-color:#b95d65; color:#fff; }
:root[data-theme="dark"] .favorite-item { border-color:#36566a; background:#18384c; }
:root[data-theme="dark"] .favorite-title small { color:#a8c2d1; }
:root[data-theme="dark"] .favorite-controls button { border-color:#4b6c80; background:#24465b; color:#e0eff5; }
:root[data-theme="dark"] .favorite-controls button:hover { background:#315d76; color:#fff; }
:root[data-theme="dark"] .favorite-controls .favorite-delete { border-color:#a96068; background:#4f2932; color:#ffe2e5; }

/* Modal headings sit above the content surface in every theme. */
:root[data-theme="dark"] .modal { background:transparent; border-color:transparent; }
:root[data-theme="dark"] .modal-panel { scrollbar-color:#52768a transparent; }
:root[data-theme="dark"] .modal-panel::-webkit-scrollbar-thumb { background:#52768a; background-clip:padding-box; }
:root[data-theme="dark"] .modal-panel::-webkit-scrollbar-thumb:hover { background:#6e95a8; background-clip:padding-box; }
:root[data-theme="dark"] .modal-close { border-color:#5b7b8e; background:#203b4d; color:#d9e8ef; }
:root[data-theme="dark"] .modal-close:hover,:root[data-theme="dark"] .modal-close:focus-visible { background:#2a5166; color:#fff; }

.appearance-control { position:relative; }
.profile-appearance { margin:18px 0; }
.profile-appearance .appearance-toggle { min-height:36px; }
.bar .appearance-toggle { min-height:34px; padding:7px 10px; border:1px solid #ffffff2e; border-radius:999px; background:transparent; color:#dbeef5; font-size:.84rem; font-weight:normal; box-shadow:none; }
.bar .appearance-toggle:hover,.bar .appearance-toggle:focus { background:#245a80; color:#fff; transform:none; box-shadow:none; }
.appearance-panel { position:absolute; z-index:20; top:calc(100% + 9px); right:0; width:264px; padding:14px; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:#17364d; box-shadow:0 14px 32px #102f4630; }
.appearance-panel[hidden] { display:none; }
.appearance-panel>strong { display:block; margin-bottom:12px; color:var(--navy); }
.appearance-section+.appearance-section { margin-top:13px; padding-top:12px; border-top:1px solid var(--line); }
.appearance-section>span { display:block; margin-bottom:7px; color:var(--muted); font-size:.8rem; font-weight:bold; }
.appearance-options { display:flex; gap:7px; }.appearance-swatches { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.appearance-panel button { min-height:32px; padding:5px 8px; border:1px solid var(--line); background:transparent; color:inherit; font-size:.8rem; font-weight:bold; box-shadow:none; }
.appearance-panel button:hover,.appearance-panel button:focus,.appearance-panel button.is-selected { background:var(--blue-soft); border-color:var(--blue); color:var(--blue-dark); transform:none; box-shadow:none; }
.appearance-options button { flex:1; }
.appearance-font-size label { display:flex; align-items:center; gap:9px; }.appearance-font-size input { flex:1; min-width:0; accent-color:var(--blue); }.appearance-font-size output { min-width:40px; color:var(--navy); font-size:.82rem; font-weight:bold; text-align:right; }.appearance-font-size small { display:block; margin-top:7px; color:var(--muted); font-size:.72rem; line-height:1.35; }
.appearance-swatches button { display:grid; min-height:34px; padding:4px; place-items:center; }.appearance-swatches i { width:19px; height:19px; border-radius:50%; background:#176eaa; box-shadow:inset 0 0 0 1px #0002; }.appearance-swatches [data-accent-choice="neutral"] i { background:#fff; box-shadow:inset 0 0 0 2px #9da5ac; }.appearance-swatches [data-accent-choice="black"] i { background:#111315; }.appearance-swatches [data-accent-choice="red"] i { background:#b74643; }.appearance-swatches [data-accent-choice="coral"] i { background:#b6554a; }.appearance-swatches [data-accent-choice="orange"] i { background:#b86519; }.appearance-swatches [data-accent-choice="amber"] i { background:#a9650a; }.appearance-swatches [data-accent-choice="yellow"] i { background:#9b8010; }.appearance-swatches [data-accent-choice="olive"] i { background:#757932; }.appearance-swatches [data-accent-choice="green"] i { background:#467d30; }.appearance-swatches [data-accent-choice="emerald"] i { background:#1b7a52; }.appearance-swatches [data-accent-choice="mint"] i { background:#16826c; }.appearance-swatches [data-accent-choice="teal"] i { background:#087b7d; }.appearance-swatches [data-accent-choice="cyan"] i { background:#087b9c; }.appearance-swatches [data-accent-choice="sky"] i { background:#287bbd; }.appearance-swatches [data-accent-choice="indigo"] i { background:#4e5cb5; }.appearance-swatches [data-accent-choice="violet"] i { background:#6950a1; }.appearance-swatches [data-accent-choice="plum"] i { background:#7b438f; }.appearance-swatches [data-accent-choice="raspberry"] i { background:#a64278; }.appearance-swatches [data-accent-choice="rose"] i { background:#ad4a6d; }
:root[data-theme="dark"] .appearance-panel { background:#172d3d; color:#d9e8ef; box-shadow:0 14px 32px #0008; }
:root[data-theme="dark"] .appearance-panel>strong { color:#e2f0f5; }
:root[data-theme="dark"] .context-menu { border-color:#416476; background:linear-gradient(145deg,#1b3445 0%,#142b39 100%); box-shadow:0 20px 52px #0009; }
:root[data-theme="dark"] .context-menu .context-action { color:#d9e8ef; }
:root[data-theme="dark"] .context-menu .context-action-icon,:root[data-theme="dark"] .context-menu .context-more summary { color:#a9c8d7; }
:root[data-theme="dark"] .context-menu .context-action:hover,:root[data-theme="dark"] .context-menu .context-action:focus-visible { background:#244b62; color:#fff; }
:root[data-theme="dark"] .context-menu .context-action.danger,:root[data-theme="dark"] .context-menu .context-action[data-context-icon="delete"] { color:#ffd5d8; }
:root[data-theme="dark"] .context-menu .context-action.danger:hover,:root[data-theme="dark"] .context-menu .context-action[data-context-icon="delete"]:hover { background:#4b2930; color:#ffe5e7; }
:root[data-theme="dark"] .admin-user-actions .icon-action.is-danger { color:#ff9da5; }
:root[data-theme="dark"] .admin-user-actions .icon-action.is-danger:hover,:root[data-theme="dark"] .admin-user-actions .icon-action.is-danger:focus { background:#4b2930; color:#ffd5d8; }
:root[data-theme="dark"] .context-menu .context-submenu { border-color:#36576a; }
:root[data-theme="dark"] .context-menu .context-submenu-trigger { color:#a9c8d7; }
:root[data-theme="dark"] .context-menu .context-submenu:hover .context-submenu-trigger,:root[data-theme="dark"] .context-menu .context-submenu:focus-within .context-submenu-trigger { background:#244b62; color:#fff; }
:root[data-theme="dark"] .context-menu .context-submenu-content { border-color:#416476; background:linear-gradient(145deg,#1b3445 0%,#142b39 100%); box-shadow:0 20px 52px #0009; }
@media(max-width:760px) { .appearance-toggle span { display:none; }.appearance-panel { position:fixed; top:62px; right:12px; } }