/* V220: desktop visual themes for Task98.
   style.css keeps layout/components; this file defines theme tokens and a small
   layer of overrides for components that historically had hard-coded colors. */

body.theme-win98,
body.notebook-focus-body.theme-win98 {
  --app-bg:#008080;
  --panel-bg:#c0c0c0;
  --panel-bg-soft:#d4d0c8;
  --workspace-bg:#c0c0c0;
  --content-bg:#ffffff;
  --content-bg-soft:#efefef;
  --text-color:#000000;
  --muted-text-color:#555555;
  --title-bg:#000080;
  --title-color:#ffffff;
  --border-light:#ffffff;
  --border-mid:#808080;
  --border-dark:#404040;
  --button-bg:#c0c0c0;
  --button-text:#000000;
  --input-bg:#ffffff;
  --input-text:#000000;
  --accent:#000080;
  --link-color:#000080;
  --danger:#800000;
  --success:#008000;
  --flash-bg:#ffffcc;
  --flash-border:#808000;
  --note-pinned-bg:#fffde0;
  --radius-sm:0;
  --radius-md:0;
  --shadow-window:2px 2px 0 #000000;
  --shadow-soft:none;
  --bg:var(--app-bg);
  --panel:var(--panel-bg);
  --dark:var(--border-mid);
  --light:var(--border-light);
  --text:var(--text-color);
  --blue:var(--title-bg);
}

body.theme-winxp,
body.notebook-focus-body.theme-winxp {
  --app-bg:#3a6ea5;
  --panel-bg:#d4d0c8;
  --panel-bg-soft:#e7e4dc;
  --workspace-bg:#d8d6cf;
  --content-bg:#ffffff;
  --content-bg-soft:#f4f3ee;
  --text-color:#111111;
  --muted-text-color:#4c4c4c;
  --title-bg:#245edb;
  --title-color:#ffffff;
  --border-light:#ffffff;
  --border-mid:#8a867d;
  --border-dark:#55524c;
  --button-bg:#e1dfd8;
  --button-text:#111111;
  --input-bg:#ffffff;
  --input-text:#111111;
  --accent:#245edb;
  --link-color:#003399;
  --danger:#9f1b1b;
  --success:#1d6d26;
  --flash-bg:#fff7d1;
  --flash-border:#b9a25a;
  --note-pinned-bg:#fffbe5;
  --radius-sm:2px;
  --radius-md:3px;
  --shadow-window:2px 2px 6px rgba(0,0,0,.35);
  --shadow-soft:0 1px 3px rgba(0,0,0,.16);
  --bg:var(--app-bg);
  --panel:var(--panel-bg);
  --dark:var(--border-mid);
  --light:var(--border-light);
  --text:var(--text-color);
  --blue:var(--title-bg);
}

body.theme-ubuntu24,
body.notebook-focus-body.theme-ubuntu24 {
  --app-bg:#f0f0ef;
  --panel-bg:#f6f6f5;
  --panel-bg-soft:#eeeeec;
  --workspace-bg:#f7f7f6;
  --content-bg:#ffffff;
  --content-bg-soft:#eeeeec;
  --text-color:#3d3d3d;
  --muted-text-color:#8a8a8a;
  --title-bg:#242424;
  --title-color:#f6f5f4;
  --border-light:#ffffff;
  --border-mid:#d8d8d6;
  --border-dark:#bdbdbb;
  --button-bg:#f7f7f6;
  --button-text:#3d3d3d;
  --input-bg:#ffffff;
  --input-text:#3d3d3d;
  --accent:#3d3d3d;
  --link-color:#c64600;
  --danger:#c01c28;
  --success:#26a269;
  --flash-bg:#f9f1df;
  --flash-border:#e0c27f;
  --note-pinned-bg:#fff8e7;
  --ubuntu-orange:#e95420;
  --ubuntu-sidebar-bg:#e8e8e7;
  --ubuntu-sidebar-selected:#d7d7d5;
  --ubuntu-sidebar-hover:#dededc;
  --ubuntu-topbar-bg:#242424;
  --ubuntu-control-bg:#f7f7f6;
  --radius-sm:8px;
  --radius-md:14px;
  --shadow-window:0 18px 42px rgba(0,0,0,.18);
  --shadow-soft:0 1px 5px rgba(0,0,0,.08);
  --bg:var(--app-bg);
  --panel:var(--panel-bg);
  --dark:var(--border-mid);
  --light:var(--border-light);
  --text:var(--text-color);
  --blue:var(--title-bg);
}

body[class*="theme-"] {
  background:var(--app-bg);
  color:var(--text-color);
}
body.theme-winxp,
body.theme-ubuntu24 {
  font-family: Tahoma, Arial, sans-serif;
}
body.theme-ubuntu24 {
  font-family: Ubuntu, Cantarell, "Segoe UI", Arial, sans-serif;
}

body[class*="theme-"] a { color:var(--link-color); }
body[class*="theme-"] .app-shell { background:var(--app-bg); }
body[class*="theme-"] .win-panel,
body[class*="theme-"] .modal-window,
body[class*="theme-"] .win98-floating-window {
  background:var(--panel-bg);
  border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-window);
}
body.theme-win98 .win-panel { box-shadow:none; }
body[class*="theme-"] .main-menu,
body[class*="theme-"] .entity-list,
body[class*="theme-"] .workspace { background:var(--workspace-bg); }
body[class*="theme-"] .window-title,
body[class*="theme-"] .app-title,
body[class*="theme-"] .modal-titlebar,
body[class*="theme-"] .win98-floating-titlebar,
body[class*="theme-"] .report-company {
  background:var(--title-bg);
  color:var(--title-color);
  border-radius:var(--radius-sm);
}
body[class*="theme-"] .block,
body[class*="theme-"] .modal-content,
body[class*="theme-"] .win98-floating-content,
body[class*="theme-"] .notebook-toolbar details,
body[class*="theme-"] .notebook-focus-tools details,
body[class*="theme-"] .task-report-fields,
body[class*="theme-"] .report-bulk-form,
body[class*="theme-"] .report-titles-block,
body[class*="theme-"] .backup-card,
body[class*="theme-"] .user-settings-row,
body[class*="theme-"] .yougile-task-block,
body[class*="theme-"] .tg-reader-app,
body[class*="theme-"] .tg-reader-toolbar,
body[class*="theme-"] .tg-reader-status {
  background:var(--panel-bg-soft);
  color:var(--text-color);
  border-color:var(--border-mid) var(--border-light) var(--border-light) var(--border-mid);
  border-radius:var(--radius-sm);
}
body[class*="theme-"] input,
body[class*="theme-"] textarea,
body[class*="theme-"] select,
body[class*="theme-"] .win98-file-field,
body[class*="theme-"] .day-task-search-results,
body[class*="theme-"] .markdown-help-content pre,
body[class*="theme-"] .notebook-focus-pane,
body[class*="theme-"] .note,
body[class*="theme-"] .tg-reader-post,
body[class*="theme-"] .percent-result,
body[class*="theme-"] .webhook-payload {
  background:var(--input-bg);
  color:var(--input-text);
  border-color:var(--border-mid) var(--border-light) var(--border-light) var(--border-mid);
  border-radius:var(--radius-sm);
}
body[class*="theme-"] button,
body[class*="theme-"] .button-link,
body[class*="theme-"] .win98-file-button,
body[class*="theme-"] .notify-link,
body[class*="theme-"] .menu-mini-action,
body[class*="theme-"] .tg-reader-channel-card,
body[class*="theme-"] .tg-reader-day,
body[class*="theme-"] .program-minimized-bar button {
  background:var(--button-bg);
  color:var(--button-text);
  border-color:var(--border-light) var(--border-mid) var(--border-mid) var(--border-light);
  border-radius:var(--radius-sm);
}
body[class*="theme-"] button:active,
body[class*="theme-"] .button-link:active,
body[class*="theme-"] .win98-file-button:active,
body[class*="theme-"] .menu-mini-action:active {
  border-color:var(--border-mid) var(--border-light) var(--border-light) var(--border-mid);
}
body[class*="theme-"] button:hover,
body[class*="theme-"] .button-link:hover,
body[class*="theme-"] .list-item:hover,
body[class*="theme-"] .menu-item:hover,
body[class*="theme-"] .notebook-tree-row:hover,
body[class*="theme-"] .program-list-button:hover {
  border-color:var(--accent);
}
body[class*="theme-"] .menu-item,
body[class*="theme-"] .list-item,
body[class*="theme-"] .notebook-tree-row a,
body[class*="theme-"] .notebook-focus-toc-item,
body[class*="theme-"] .notification-row,
body[class*="theme-"] .search-result,
body[class*="theme-"] .service-visit-card { color:var(--text-color); }
body[class*="theme-"] .menu-item.active,
body[class*="theme-"] .list-item.selected,
body[class*="theme-"] .switches a.active,
body[class*="theme-"] .tabs a.active,
body[class*="theme-"] .button-link.active,
body[class*="theme-"] .notebook-tree-row.selected,
body[class*="theme-"] .notebook-focus-tabs button.active,
body[class*="theme-"] .notebook-focus-mode-buttons button.active,
body[class*="theme-"] .notebook-focus-toc-item:hover,
body[class*="theme-"] .notebook-focus-toc-item.active,
body[class*="theme-"] .day-task-result:hover,
body[class*="theme-"] .search-result:hover {
  background:var(--accent);
  color:#ffffff;
}
body[class*="theme-"] .menu-group-label.active,
body[class*="theme-"] .main-menu .menu-subitems .menu-button:hover,
body[class*="theme-"] .report-user,
body[class*="theme-"] .report-site,
body[class*="theme-"] .report-project,
body[class*="theme-"] .path-line,
body[class*="theme-"] .day-task-selected-label,
body[class*="theme-"] .day-task-empty,
body[class*="theme-"] .checkbox-list,
body[class*="theme-"] .backup-status-panel,
body[class*="theme-"] .tg-reader-empty,
body[class*="theme-"] .tg-reader-loading,
body[class*="theme-"] .tg-reader-post-list-item,
body[class*="theme-"] .tg-reader-badge,
body[class*="theme-"] .service-operation-row,
body[class*="theme-"] .service-work-row,
body[class*="theme-"] .car-info-grid div,
body[class*="theme-"] .backlog-item,
body[class*="theme-"] .draft-status,
body[class*="theme-"] .theme-settings-note {
  background:var(--content-bg-soft);
  color:var(--text-color);
  border-color:var(--border-mid);
}
body[class*="theme-"] .note.pinned,
body[class*="theme-"] .service-visit-card.has-debt,
body[class*="theme-"] .debt-highlight,
body[class*="theme-"] .backup-status-running { background:var(--note-pinned-bg); }
body[class*="theme-"] .flash {
  background:var(--flash-bg);
  border-color:var(--flash-border);
  color:var(--text-color);
  border-radius:var(--radius-sm);
}
body[class*="theme-"] .muted,
body[class*="theme-"] .note-meta,
body[class*="theme-"] .notification-row small,
body[class*="theme-"] .tg-reader-channel-card small,
body[class*="theme-"] .backlog-card-head small { color:var(--muted-text-color); }
body[class*="theme-"] .danger,
body[class*="theme-"] button.danger,
body[class*="theme-"] .error-text,
body[class*="theme-"] .payment-create-error,
body[class*="theme-"] .webhook-event-error summary,
body[class*="theme-"] .percent-result.error { color:var(--danger); }
body[class*="theme-"] .copy-status { color:var(--success); }
body[class*="theme-"] .modal-overlay { background:rgba(0,0,0,.34); }
body.theme-ubuntu24 .modal-overlay { background:rgba(0,0,0,.36); }
body.theme-ubuntu24 .app-shell { background:var(--app-bg); }
body.theme-ubuntu24 .main-menu,
body.theme-ubuntu24 .entity-list {
  background:var(--ubuntu-sidebar-bg);
  border-color:var(--border-mid);
}
body.theme-ubuntu24 .workspace { background:var(--workspace-bg); }
body.theme-ubuntu24 .win-panel,
body.theme-ubuntu24 .modal-window,
body.theme-ubuntu24 .win98-floating-window,
body.theme-ubuntu24 .block,
body.theme-ubuntu24 .backup-card,
body.theme-ubuntu24 .user-settings-row {
  border-width:1px;
  border-color:var(--border-mid);
  box-shadow:var(--shadow-soft);
}
body.theme-ubuntu24 .modal-window,
body.theme-ubuntu24 .win98-floating-window {
  background:var(--panel-bg);
  box-shadow:var(--shadow-window);
}
body.theme-ubuntu24 .block,
body.theme-ubuntu24 .modal-content,
body.theme-ubuntu24 .win98-floating-content,
body.theme-ubuntu24 .note,
body.theme-ubuntu24 .notebook-focus-pane,
body.theme-ubuntu24 .tg-reader-post {
  background:var(--content-bg);
}
body.theme-ubuntu24 button,
body.theme-ubuntu24 .button-link,
body.theme-ubuntu24 .win98-file-button,
body.theme-ubuntu24 .menu-mini-action,
body.theme-ubuntu24 .notify-link {
  border-width:1px;
  border-color:var(--border-mid);
  padding:5px 11px;
  box-shadow:none;
}
body.theme-ubuntu24 button:hover,
body.theme-ubuntu24 .button-link:hover,
body.theme-ubuntu24 .win98-file-button:hover,
body.theme-ubuntu24 .menu-mini-action:hover,
body.theme-ubuntu24 .notify-link:hover {
  background:#ffffff;
  border-color:#c8c8c6;
}
body.theme-ubuntu24 input,
body.theme-ubuntu24 textarea,
body.theme-ubuntu24 select {
  border-width:1px;
  border-color:var(--border-mid);
  padding:6px 8px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.04);
}
body.theme-ubuntu24 input:focus,
body.theme-ubuntu24 textarea:focus,
body.theme-ubuntu24 select:focus {
  outline:2px solid color-mix(in srgb, var(--ubuntu-orange), transparent 72%);
  outline-offset:1px;
}
body.theme-ubuntu24 .menu-item,
body.theme-ubuntu24 .list-item,
body.theme-ubuntu24 .notebook-tree-row a,
body.theme-ubuntu24 .notebook-focus-toc-item,
body.theme-ubuntu24 .notification-row,
body.theme-ubuntu24 .search-result,
body.theme-ubuntu24 .service-visit-card {
  border-color:transparent;
  border-radius:var(--radius-sm);
}
body.theme-ubuntu24 .menu-item:hover,
body.theme-ubuntu24 .list-item:hover,
body.theme-ubuntu24 .notebook-tree-row:hover,
body.theme-ubuntu24 .program-list-button:hover {
  background:var(--ubuntu-sidebar-hover);
  border-color:transparent;
}
body.theme-ubuntu24 .menu-item.active,
body.theme-ubuntu24 .list-item.selected,
body.theme-ubuntu24 .switches a.active,
body.theme-ubuntu24 .tabs a.active,
body.theme-ubuntu24 .button-link.active,
body.theme-ubuntu24 .notebook-tree-row.selected,
body.theme-ubuntu24 .notebook-focus-tabs button.active,
body.theme-ubuntu24 .notebook-focus-mode-buttons button.active,
body.theme-ubuntu24 .notebook-focus-toc-item:hover,
body.theme-ubuntu24 .notebook-focus-toc-item.active,
body.theme-ubuntu24 .day-task-result:hover,
body.theme-ubuntu24 .search-result:hover {
  background:var(--ubuntu-sidebar-selected);
  color:var(--text-color);
  border-color:transparent;
}

body.theme-ubuntu24 .menu-group-label {
  color:var(--text-color);
  border-color:transparent;
  border-radius:var(--radius-sm);
}
body.theme-ubuntu24 .menu-group-label.active,
body.theme-ubuntu24 .main-menu .menu-subitems .menu-button:hover {
  background:var(--ubuntu-sidebar-selected);
  color:var(--text-color);
  border-color:transparent;
}
body.theme-ubuntu24 .main-menu .menu-subitems .menu-button {
  color:var(--text-color);
}
body.theme-ubuntu24 .window-title,
body.theme-ubuntu24 .app-title,
body.theme-ubuntu24 .modal-titlebar,
body.theme-ubuntu24 .win98-floating-titlebar,
body.theme-ubuntu24 .report-company {
  box-shadow:none;
}
body.theme-winxp .window-title,
body.theme-winxp .app-title,
body.theme-winxp .modal-titlebar,
body.theme-winxp .win98-floating-titlebar {
  background:linear-gradient(90deg, #245edb, #3c81f6);
}
body.theme-ubuntu24 .window-title,
body.theme-ubuntu24 .app-title,
body.theme-ubuntu24 .modal-titlebar,
body.theme-ubuntu24 .win98-floating-titlebar {
  background:var(--ubuntu-topbar-bg);
  color:var(--title-color);
}
body.theme-ubuntu24 .window-title a,
body.theme-ubuntu24 .app-title a,
body.theme-ubuntu24 .modal-titlebar a,
body.theme-ubuntu24 .win98-floating-titlebar a {
  color:var(--title-color);
}

/* V222 Ubuntu contrast pass for the two-column dock layout. */
body.theme-ubuntu24,
body.notebook-focus-body.theme-ubuntu24 {
  --panel-bg:#f3f3f1;
  --panel-bg-soft:#e9e9e7;
  --workspace-bg:#f9f9f8;
  --content-bg:#ffffff;
  --content-bg-soft:#e7e7e5;
  --border-mid:#c5c5c2;
  --border-dark:#9f9f9a;
  --input-bg:#ffffff;
  --input-text:#2e2e2e;
  --muted-text-color:#6b6b67;
  --ubuntu-sidebar-bg:#e5e5e3;
  --ubuntu-sidebar-selected:#d4d4d1;
  --ubuntu-sidebar-hover:#ddddda;
}
body.theme-ubuntu24 .entity-list,
body.theme-ubuntu24 .notebook-focus-left,
body.theme-ubuntu24 .notebook-focus-right {
  background:var(--ubuntu-sidebar-bg);
}
body.theme-ubuntu24 .workspace,
body.theme-ubuntu24 .notebook-focus-center {
  background:var(--workspace-bg);
}
body.theme-ubuntu24 input,
body.theme-ubuntu24 textarea,
body.theme-ubuntu24 select {
  border-color:#aaa9a4;
  background:#fff;
  color:#2e2e2e;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
}
body.theme-ubuntu24 input::placeholder,
body.theme-ubuntu24 textarea::placeholder { color:#7b7a76; }
body.theme-ubuntu24 input:focus,
body.theme-ubuntu24 textarea:focus,
body.theme-ubuntu24 select:focus {
  border-color:#e95420;
  outline:2px solid rgba(233,84,32,.24);
  outline-offset:1px;
}
body.theme-ubuntu24 input:disabled,
body.theme-ubuntu24 textarea:disabled,
body.theme-ubuntu24 select:disabled,
body.theme-ubuntu24 input[readonly],
body.theme-ubuntu24 textarea[readonly] {
  background:#ececea;
  color:#77736f;
  border-color:#d2d2cf;
}
body.theme-ubuntu24 .block,
body.theme-ubuntu24 .note,
body.theme-ubuntu24 .list-item,
body.theme-ubuntu24 .settings-row,
body.theme-ubuntu24 .task-row,
body.theme-ubuntu24 .file-row,
body.theme-ubuntu24 .modal-content,
body.theme-ubuntu24 .win98-floating-content,
body.theme-ubuntu24 .notebook-focus-pane,
body.theme-ubuntu24 .tg-reader-post,
body.theme-ubuntu24 .tg-reader-channel-card,
body.theme-ubuntu24 .service-visit-card,
body.theme-ubuntu24 .backup-card,
body.theme-ubuntu24 .user-settings-row {
  border-color:#c5c5c2;
}
body.theme-ubuntu24 .list-item.selected,
body.theme-ubuntu24 .notebook-tree-row.selected,
body.theme-ubuntu24 .switches a.active,
body.theme-ubuntu24 .tabs a.active,
body.theme-ubuntu24 .button-link.active,
body.theme-ubuntu24 .search-result:hover {
  background:var(--ubuntu-sidebar-selected);
  color:var(--text-color);
}

/* V225: Ubuntu 24 wallpaper and transparent working surfaces. */
body.theme-ubuntu24.ubuntu-bg-enabled,
body.notebook-focus-body.theme-ubuntu24.ubuntu-bg-enabled {
  background-image: var(--task98-ubuntu-bg-image);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.theme-ubuntu24.ubuntu-bg-enabled .app-shell,
body.notebook-focus-body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-shell {
  background: transparent;
}
body.theme-ubuntu24.ubuntu-bg-enabled .entity-list,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-left,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-right {
  background: rgba(229, 229, 227, var(--task98-ubuntu-surface-alpha, .90));
  backdrop-filter: blur(10px);
}
body.theme-ubuntu24.ubuntu-bg-enabled .workspace,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-center {
  background: rgba(249, 249, 248, var(--task98-ubuntu-surface-alpha, .90));
  backdrop-filter: blur(10px);
}
body.theme-ubuntu24.ubuntu-bg-enabled .block,
body.theme-ubuntu24.ubuntu-bg-enabled .modal-window,
body.theme-ubuntu24.ubuntu-bg-enabled .modal-content,
body.theme-ubuntu24.ubuntu-bg-enabled .win98-floating-window,
body.theme-ubuntu24.ubuntu-bg-enabled .win98-floating-content,
body.theme-ubuntu24.ubuntu-bg-enabled .note,
body.theme-ubuntu24.ubuntu-bg-enabled .list-item,
body.theme-ubuntu24.ubuntu-bg-enabled .settings-row,
body.theme-ubuntu24.ubuntu-bg-enabled .task-row,
body.theme-ubuntu24.ubuntu-bg-enabled .file-row,
body.theme-ubuntu24.ubuntu-bg-enabled .notification-row,
body.theme-ubuntu24.ubuntu-bg-enabled .search-result,
body.theme-ubuntu24.ubuntu-bg-enabled .backup-card,
body.theme-ubuntu24.ubuntu-bg-enabled .user-settings-row,
body.theme-ubuntu24.ubuntu-bg-enabled .yougile-task-block,
body.theme-ubuntu24.ubuntu-bg-enabled .tg-reader-app,
body.theme-ubuntu24.ubuntu-bg-enabled .tg-reader-toolbar,
body.theme-ubuntu24.ubuntu-bg-enabled .tg-reader-status,
body.theme-ubuntu24.ubuntu-bg-enabled .tg-reader-post,
body.theme-ubuntu24.ubuntu-bg-enabled .tg-reader-channel-card,
body.theme-ubuntu24.ubuntu-bg-enabled .service-visit-card,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-pane,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-toolbar details,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-tools details,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-toc-item {
  background-color: rgba(255, 255, 255, var(--task98-ubuntu-surface-alpha, .90));
  backdrop-filter: blur(8px);
}
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-tree-row.selected,
body.theme-ubuntu24.ubuntu-bg-enabled .list-item.selected,
body.theme-ubuntu24.ubuntu-bg-enabled .switches a.active,
body.theme-ubuntu24.ubuntu-bg-enabled .tabs a.active,
body.theme-ubuntu24.ubuntu-bg-enabled .button-link.active,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-tabs button.active,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-mode-buttons button.active,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-toc-item:hover,
body.theme-ubuntu24.ubuntu-bg-enabled .notebook-focus-toc-item.active,
body.theme-ubuntu24.ubuntu-bg-enabled .day-task-result:hover,
body.theme-ubuntu24.ubuntu-bg-enabled .search-result:hover {
  background-color: rgba(212, 212, 209, var(--task98-ubuntu-surface-alpha, .90));
}
body.theme-ubuntu24.ubuntu-bg-enabled .desktop-dock,
body.theme-ubuntu24.ubuntu-bg-enabled .dock-popover,
body.theme-ubuntu24.ubuntu-bg-enabled .dock-modal,
body.theme-ubuntu24.ubuntu-bg-enabled .dock-modal-content,
body.theme-ubuntu24.ubuntu-bg-enabled .dock-button,
body.theme-ubuntu24.ubuntu-bg-enabled .dock-menu-item {
  backdrop-filter: none;
}
.ubuntu-theme-settings {
  border: 1px solid var(--border-mid, #888);
  padding: 10px;
  margin: 4px 0;
  background: var(--content-bg-soft, #efefef);
}
.ubuntu-theme-settings legend { font-weight: bold; padding: 0 6px; }
.ubuntu-theme-settings input[type="range"] { width: min(420px, 100%); }
.ubuntu-background-preview {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.ubuntu-background-preview-image {
  width: 140px;
  height: 84px;
  background-size: cover;
  background-position: center;
  border: 1px solid var(--border-mid, #888);
  border-radius: var(--radius-sm, 0);
}
@media (max-width: 900px) {
  .ubuntu-background-preview { grid-template-columns: 1fr; }
}