/* Monochrome — soft dark gray, easy on the eyes */
html[data-theme="monochrome"] {
  color-scheme: dark;

  --mono-bg: #141414;
  --mono-surface: #1c1c1c;
  --mono-surface-2: #242424;
  --mono-surface-3: #2e2e2e;
  --mono-border: #383838;
  --mono-border-soft: #2c2c2c;
  --mono-text: #d6d6d6;
  --mono-muted: #8b939e;
  --mono-faint: #5c6370;
  --mono-primary: #b8b8b8;
  --mono-primary-hover: #a3a3a3;
  --mono-primary-text: #1c1c1c;

  --bg: var(--mono-bg);
  --card-bg: var(--mono-surface);
  --text: var(--mono-text);
  --muted: var(--mono-muted);
  --border: var(--mono-border);
  --focus: var(--mono-text);
  --success: var(--mono-text);
  --success-bg: var(--mono-surface-2);
  --error: var(--mono-text);
  --error-bg: var(--mono-surface-2);

  --cat-sales: var(--mono-text);
  --cat-sales-soft: var(--mono-surface-2);
  --cat-sales-grad: linear-gradient(145deg, var(--mono-surface-2) 0%, var(--mono-surface) 100%);

  --cat-finance: var(--mono-text);
  --cat-finance-soft: var(--mono-surface-2);
  --cat-finance-grad: linear-gradient(145deg, var(--mono-surface-2) 0%, var(--mono-surface) 100%);

  --cat-research: var(--mono-text);
  --cat-research-soft: var(--mono-surface-2);
  --cat-research-grad: linear-gradient(145deg, var(--mono-surface-2) 0%, var(--mono-surface) 100%);

  --cat-operation: var(--mono-text);
  --cat-operation-soft: var(--mono-surface-2);
  --cat-operation-grad: linear-gradient(145deg, var(--mono-surface-2) 0%, var(--mono-surface) 100%);

  --cat-engineering: var(--mono-text);
  --cat-engineering-soft: var(--mono-surface-2);
  --cat-engineering-grad: linear-gradient(145deg, var(--mono-surface-2) 0%, var(--mono-surface) 100%);

  --cat-news: var(--mono-text);
  --cat-news-soft: var(--mono-surface-2);
  --cat-news-grad: linear-gradient(145deg, var(--mono-surface-2) 0%, var(--mono-surface) 100%);

  --cat-reports: var(--mono-text);
  --cat-reports-soft: var(--mono-surface-2);
  --cat-reports-grad: linear-gradient(145deg, var(--mono-surface-2) 0%, var(--mono-surface) 100%);

  --cat-account: var(--mono-text);
  --cat-account-soft: var(--mono-surface-2);
  --cat-account-grad: linear-gradient(145deg, var(--mono-surface-2) 0%, var(--mono-surface) 100%);
}

html[data-theme="monochrome"] body,
html[data-theme="monochrome"] .app-shell,
html[data-theme="monochrome"] .app-main {
  background: var(--mono-bg);
  color: var(--mono-text);
}

html[data-theme="monochrome"] .app-sidebar {
  background: var(--mono-bg);
  color: var(--mono-text);
  border-color: var(--mono-border-soft);
}

html[data-theme="monochrome"] .sidebar-brand,
html[data-theme="monochrome"] .sidebar-nav-divider,
html[data-theme="monochrome"] .sidebar-nav--secondary {
  border-color: var(--mono-border-soft);
}

html[data-theme="monochrome"] .sidebar-brand-text strong,
html[data-theme="monochrome"] .sidebar-nav-item,
html[data-theme="monochrome"] .sidebar-nav-item:hover,
html[data-theme="monochrome"] .sidebar-nav-item.is-active {
  color: var(--mono-text);
}

html[data-theme="monochrome"] .sidebar-brand-text > span,
html[data-theme="monochrome"] .sidebar-nav-external {
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .sidebar-nav-item:hover,
html[data-theme="monochrome"] .sidebar-nav-item.is-active {
  background: var(--mono-surface-2);
}

html[data-theme="monochrome"] .sidebar-nav-item.is-active::before,
html[data-theme="monochrome"] .sidebar-nav-item.is-active[data-nav-category]::before,
html[data-theme="monochrome"] .sidebar-nav-item.is-active[data-nav-view]::before,
html[data-theme="monochrome"] .sidebar-account-trigger.is-open::before {
  background: var(--mono-muted);
}

html[data-theme="monochrome"] .sidebar-nav-item.is-active {
  border-inline-end-color: var(--mono-muted);
}

html[data-theme="monochrome"] .sidebar-nav-label,
html[data-theme="monochrome"] .sidebar-brand-text {
  background: var(--mono-surface);
  border-color: var(--mono-border);
  color: var(--mono-text);
}

html[data-theme="monochrome"] .sidebar-nav-label::after,
html[data-theme="monochrome"] .sidebar-brand-text::after {
  background: var(--mono-surface);
  border-color: var(--mono-border);
}

html[data-theme="monochrome"] .sidebar-nav-badge {
  background: var(--mono-primary);
  color: var(--mono-primary-text);
}

html[data-theme="monochrome"] .mobile-top-bar {
  background: var(--mono-surface);
  border-color: var(--mono-border);
  color: var(--mono-text);
}

html[data-theme="monochrome"] .mobile-top-bar__brand {
  color: var(--mono-text);
}

html[data-theme="monochrome"] .mobile-top-bar__subtitle {
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .account-menu {
  background: var(--mono-surface);
  border-color: var(--mono-border);
}

html[data-theme="monochrome"] .account-menu-header,
html[data-theme="monochrome"] .account-menu-item,
html[data-theme="monochrome"] .account-menu-username {
  color: var(--mono-text);
}

html[data-theme="monochrome"] .account-menu-divider {
  background: var(--mono-border);
}

html[data-theme="monochrome"] .account-menu-item:hover,
html[data-theme="monochrome"] .account-menu-item:focus-visible,
html[data-theme="monochrome"] .account-menu-item:hover .account-menu-icon {
  background: var(--mono-surface-2);
  color: var(--mono-text);
}

html[data-theme="monochrome"] [class*="category-icon--"] {
  border: 1px solid var(--mono-border);
  box-shadow: none;
}

html[data-theme="monochrome"] .view-title,
html[data-theme="monochrome"] .category-reports-title {
  color: var(--mono-text);
}

html[data-theme="monochrome"] .view-subtitle,
html[data-theme="monochrome"] .category-report-history-hint,
html[data-theme="monochrome"] .category-results-hint,
html[data-theme="monochrome"] .category-bridge__label,
html[data-theme="monochrome"] .chat-window-headline {
  color: var(--mono-muted) !important;
}

/* Composer + category surfaces (fixes bright white chat box) */
html[data-theme="monochrome"] .chat-window,
html[data-theme="monochrome"] [class*="chat-window--cat-"] {
  background: var(--mono-surface) !important;
  background-image: none !important;
  border: 1px solid var(--mono-border) !important;
  color: var(--mono-text);
}

html[data-theme="monochrome"] .chat-composer-shell,
html[data-theme="monochrome"] .chat-composer-shell:focus-within {
  background: var(--mono-surface-2) !important;
  border: 1px solid var(--mono-border) !important;
  box-shadow: none !important;
}

html[data-theme="monochrome"] .chat-composer-prompt {
  color: var(--mono-text) !important;
  background: transparent !important;
}

html[data-theme="monochrome"] .chat-composer-prompt::placeholder {
  color: var(--mono-faint);
}

html[data-theme="monochrome"] .category-section--usecases,
html[data-theme="monochrome"] .category-section--results {
  border-top-color: var(--mono-border-soft);
}

html[data-theme="monochrome"] .category-bridge__line {
  background: var(--mono-border);
}

html[data-theme="monochrome"] .category-bridge__arrow {
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .service-category,
html[data-theme="monochrome"] .service-category[data-category] {
  background: var(--mono-surface);
  border-color: var(--mono-border);
}

html[data-theme="monochrome"] .service-category[data-category] .service-category-title {
  color: var(--mono-text);
}

html[data-theme="monochrome"] .service-card,
html[data-theme="monochrome"] .service-card:hover:not(:disabled) {
  background: var(--mono-surface) !important;
  background-image: none !important;
  border: 1px solid var(--mono-border) !important;
  color: var(--mono-text);
  box-shadow: none;
}

html[data-theme="monochrome"] .service-card--inactive {
  border: 1px dashed var(--mono-border) !important;
  opacity: 0.72;
}

html[data-theme="monochrome"] .service-card:focus-visible {
  box-shadow: 0 0 0 2px rgba(232, 232, 232, 0.15);
}

html[data-theme="monochrome"] .service-card-title,
html[data-theme="monochrome"] .service-card-desc,
html[data-theme="monochrome"] .service-card-icon {
  color: var(--mono-text);
}

html[data-theme="monochrome"] .service-card-badge,
html[data-theme="monochrome"] .service-card-tag {
  background: var(--mono-surface-2);
  border: 1px solid var(--mono-border);
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .category-results-placeholder,
html[data-theme="monochrome"] .category-results-placeholder:hover {
  background: var(--mono-surface) !important;
  border: 1px dashed var(--mono-border) !important;
  color: var(--mono-muted);
  box-shadow: none;
  transform: none;
}

html[data-theme="monochrome"] .category-results-placeholder-title,
html[data-theme="monochrome"] .category-results-placeholder-value,
html[data-theme="monochrome"] .category-results-placeholder-meta,
html[data-theme="monochrome"] .category-results-placeholder-status {
  color: var(--mono-muted) !important;
}

html[data-theme="monochrome"] .report-status-card,
html[data-theme="monochrome"] .report-status-card--ready,
html[data-theme="monochrome"] .report-status-card--pending,
html[data-theme="monochrome"] .report-history.panel--history-card,
html[data-theme="monochrome"] .library-card {
  background: var(--mono-surface);
  border-color: var(--mono-border);
  color: var(--mono-text);
}

html[data-theme="monochrome"] .report-status-card-head,
html[data-theme="monochrome"] .report-status-card-message,
html[data-theme="monochrome"] .report-status-card-meta,
html[data-theme="monochrome"] .report-history-item,
html[data-theme="monochrome"] .report-item-category,
html[data-theme="monochrome"] .report-result-message {
  color: var(--mono-text);
  border-color: var(--mono-border);
}

html[data-theme="monochrome"] .report-status-card-head {
  border-bottom-color: var(--mono-border-soft);
}

html[data-theme="monochrome"] .report-status-card-accent {
  background: var(--mono-muted);
}

html[data-theme="monochrome"] .report-status-card-hint {
  background: var(--mono-surface-2);
  border-color: var(--mono-border);
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .report-result--failed .report-result-body {
  border-color: var(--mono-border);
  background: var(--mono-surface-2);
}

html[data-theme="monochrome"] .library-filters,
html[data-theme="monochrome"] .library-empty,
html[data-theme="monochrome"] .library-toolbar,
html[data-theme="monochrome"] .library-sort-tabs {
  background: var(--mono-bg);
  border-color: var(--mono-border);
  color: var(--mono-text);
}

html[data-theme="monochrome"] .library-search-input,
html[data-theme="monochrome"] .library-search-input:focus,
html[data-theme="monochrome"] input,
html[data-theme="monochrome"] textarea,
html[data-theme="monochrome"] select,
html[data-theme="monochrome"] .login-field__input,
html[data-theme="monochrome"] .settings-input,
html[data-theme="monochrome"] .settings-textarea,
html[data-theme="monochrome"] .support-field__select,
html[data-theme="monochrome"] .support-field__textarea {
  background: var(--mono-surface-2);
  border-color: var(--mono-border);
  color: var(--mono-text);
  box-shadow: none;
}

html[data-theme="monochrome"] input:focus,
html[data-theme="monochrome"] textarea:focus,
html[data-theme="monochrome"] select:focus {
  border-color: var(--mono-muted);
  box-shadow: 0 0 0 2px rgba(232, 232, 232, 0.08);
}

html[data-theme="monochrome"] input::placeholder,
html[data-theme="monochrome"] textarea::placeholder {
  color: var(--mono-faint);
}

html[data-theme="monochrome"] .library-card-title,
html[data-theme="monochrome"] .library-card-meta,
html[data-theme="monochrome"] .library-feed-count,
html[data-theme="monochrome"] .library-filter-section-title,
html[data-theme="monochrome"] .library-filter-title {
  color: var(--mono-muted) !important;
}

html[data-theme="monochrome"] .library-filter-count {
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .library-card-tag {
  background: var(--mono-surface-2);
  border: 1px solid var(--mono-border);
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .login-modal__dialog,
html[data-theme="monochrome"] .settings-modal__dialog,
html[data-theme="monochrome"] .stay-modal__dialog,
html[data-theme="monochrome"] .alert-modal__dialog,
html[data-theme="monochrome"] .panel,
html[data-theme="monochrome"] .glass-card,
html[data-theme="monochrome"] .pricing-table,
html[data-theme="monochrome"] .pricing-col,
html[data-theme="monochrome"] .pricing-col--featured,
html[data-theme="monochrome"] .settings-credit-hero,
html[data-theme="monochrome"] .settings-credit-token,
html[data-theme="monochrome"] .settings-breakdown,
html[data-theme="monochrome"] .settings-modal__nav,
html[data-theme="monochrome"] .settings-modal__content {
  background: var(--mono-surface);
  border-color: var(--mono-border);
  color: var(--mono-text);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

html[data-theme="monochrome"] .settings-panel-divider {
  background: var(--mono-border-soft);
  border-color: var(--mono-border-soft);
}

html[data-theme="monochrome"] label,
html[data-theme="monochrome"] .panel-title,
html[data-theme="monochrome"] .login-modal__title,
html[data-theme="monochrome"] .login-field__label,
html[data-theme="monochrome"] .settings-modal__panel-title,
html[data-theme="monochrome"] .settings-field-label,
html[data-theme="monochrome"] .stay-modal__title,
html[data-theme="monochrome"] .pricing-col-name,
html[data-theme="monochrome"] .pricing-col-amount,
html[data-theme="monochrome"] .pricing-feature-title {
  color: var(--mono-text);
}

html[data-theme="monochrome"] .login-modal__desc,
html[data-theme="monochrome"] .settings-modal__panel-desc,
html[data-theme="monochrome"] .settings-field-help,
html[data-theme="monochrome"] .stay-modal__message,
html[data-theme="monochrome"] .stay-modal__eyebrow,
html[data-theme="monochrome"] .pricing-col-desc,
html[data-theme="monochrome"] .pricing-col-subprice,
html[data-theme="monochrome"] .pricing-col-includes,
html[data-theme="monochrome"] .pricing-feature-desc {
  color: var(--mono-muted);
}

/* Settings usage / credits */
html[data-theme="monochrome"] .settings-credit-hero__eyebrow,
html[data-theme="monochrome"] .settings-credit-hero__value,
html[data-theme="monochrome"] .settings-credit-mini__value,
html[data-theme="monochrome"] .settings-credit-token__title,
html[data-theme="monochrome"] .settings-breakdown-title,
html[data-theme="monochrome"] .usage-breakdown-label,
html[data-theme="monochrome"] .usage-breakdown-count {
  color: var(--mono-text);
}

html[data-theme="monochrome"] .settings-credit-hero__hint,
html[data-theme="monochrome"] .settings-credit-mini__label,
html[data-theme="monochrome"] .settings-credit-token__desc {
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .settings-account-tier {
  background: var(--mono-surface-2);
  border-color: var(--mono-border);
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .settings-credit-mini {
  background: var(--mono-surface-2);
  border-color: var(--mono-border);
}

html[data-theme="monochrome"] .usage-breakdown-count {
  background: var(--mono-surface-2);
  border: 1px solid var(--mono-border);
}

html[data-theme="monochrome"] .settings-breakdown .usage-breakdown-item {
  border-bottom-color: var(--mono-border);
}

html[data-theme="monochrome"] .settings-empty-state,
html[data-theme="monochrome"] .settings-empty-state--error {
  background: var(--mono-surface-2);
  border-color: var(--mono-border);
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .pricing-col-badge {
  background: var(--mono-primary);
  color: var(--mono-primary-text);
}

html[data-theme="monochrome"] .status--success,
html[data-theme="monochrome"] .status--error,
html[data-theme="monochrome"] .login-feedback--success,
html[data-theme="monochrome"] .login-feedback--error {
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .mobile-nav-backdrop,
html[data-theme="monochrome"] .login-modal__backdrop,
html[data-theme="monochrome"] .settings-modal__backdrop {
  background: rgba(0, 0, 0, 0.65);
}

html[data-theme="monochrome"] :focus-visible {
  outline-color: var(--mono-muted);
}

@media (max-width: 1024px) {
  html[data-theme="monochrome"] .sidebar-nav--secondary {
    background: var(--mono-bg);
    border-color: var(--mono-border-soft);
    box-shadow: none;
  }
}

/* ── Buttons ── */

/* Primary */
html[data-theme="monochrome"] .login-submit,
html[data-theme="monochrome"] #support-submit,
html[data-theme="monochrome"] .settings-save-btn,
html[data-theme="monochrome"] #credit-token-submit,
html[data-theme="monochrome"] #settings-conditions-save,
html[data-theme="monochrome"] .pricing-col-cta--primary,
html[data-theme="monochrome"] .library-search-button,
html[data-theme="monochrome"] .report-status-card-cta,
html[data-theme="monochrome"] .library-tag-add-button,
html[data-theme="monochrome"] .stay-modal__action,
html[data-theme="monochrome"] .alert-modal__action,
html[data-theme="monochrome"] .report-result-link,
html[data-theme="monochrome"] [class*="stay-modal__dialog--cat-"] .stay-modal__action,
html[data-theme="monochrome"] [class*="report-status-card--ready"] .report-status-card-cta,
html[data-theme="monochrome"] .library-sort-tab.is-active,
html[data-theme="monochrome"] .library-category-item.is-active,
html[data-theme="monochrome"] .library-filter-chip.is-active,
html[data-theme="monochrome"] #library-mine-filter.is-active,
html[data-theme="monochrome"] .chat-composer-suggestions .service-card-tag.is-active,
html[data-theme="monochrome"] .settings-modal__nav-item.is-active {
  background: var(--mono-surface-3) !important;
  border: 1px solid var(--mono-muted) !important;
  color: var(--mono-text) !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="monochrome"] .login-submit:hover:not(:disabled),
html[data-theme="monochrome"] #support-submit:hover:not(:disabled),
html[data-theme="monochrome"] .settings-save-btn:hover:not(:disabled),
html[data-theme="monochrome"] #credit-token-submit:hover:not(:disabled),
html[data-theme="monochrome"] #settings-conditions-save:hover:not(:disabled),
html[data-theme="monochrome"] .pricing-col-cta--primary:hover:not(:disabled),
html[data-theme="monochrome"] .library-search-button:hover,
html[data-theme="monochrome"] .report-status-card-cta:hover,
html[data-theme="monochrome"] .library-tag-add-button:hover,
html[data-theme="monochrome"] .stay-modal__action:hover,
html[data-theme="monochrome"] .alert-modal__action:hover,
html[data-theme="monochrome"] .report-result-link:hover,
html[data-theme="monochrome"] [class*="stay-modal__dialog--cat-"] .stay-modal__action:hover,
html[data-theme="monochrome"] [class*="report-status-card--ready"] .report-status-card-cta:hover {
  background: var(--mono-primary-hover) !important;
  border-color: var(--mono-primary-hover) !important;
  color: var(--mono-primary-text) !important;
}

/* Secondary */
html[data-theme="monochrome"] .submit-action,
html[data-theme="monochrome"] .submit-action--idea,
html[data-theme="monochrome"] .settings-link-btn,
html[data-theme="monochrome"] .settings-modal__nav-item,
html[data-theme="monochrome"] .library-load-more,
html[data-theme="monochrome"] .report-status-card-refresh,
html[data-theme="monochrome"] .report-history-delete,
html[data-theme="monochrome"] .library-card-delete,
html[data-theme="monochrome"] .pricing-col-cta,
html[data-theme="monochrome"] .pricing-col-cta--secondary,
html[data-theme="monochrome"] .pricing-col-cta--current,
html[data-theme="monochrome"] .project-sample,
html[data-theme="monochrome"] .library-sort-tab,
html[data-theme="monochrome"] .library-category-item,
html[data-theme="monochrome"] .library-filter-chip,
html[data-theme="monochrome"] .library-mine-filter,
html[data-theme="monochrome"] #library-mine-filter,
html[data-theme="monochrome"] .chat-composer-suggestions .service-card-tag,
html[data-theme="monochrome"] .service-card-tag,
html[data-theme="monochrome"] .account-menu-item,
html[data-theme="monochrome"] [class*="service-category"][data-category] .submit-action,
html[data-theme="monochrome"] [class*="service-category"][data-category] .submit-action--idea {
  background: var(--mono-surface-2) !important;
  border: 1px solid var(--mono-border) !important;
  color: var(--mono-text) !important;
  box-shadow: none !important;
  transform: none;
}

html[data-theme="monochrome"] .submit-action:hover:not(:disabled),
html[data-theme="monochrome"] .submit-action--idea:hover,
html[data-theme="monochrome"] .settings-link-btn:hover,
html[data-theme="monochrome"] .settings-modal__nav-item:hover,
html[data-theme="monochrome"] .library-load-more:hover,
html[data-theme="monochrome"] .report-status-card-refresh:hover:not(:disabled),
html[data-theme="monochrome"] .report-history-delete:hover,
html[data-theme="monochrome"] .library-card-delete:hover,
html[data-theme="monochrome"] .pricing-col-cta:hover:not(:disabled),
html[data-theme="monochrome"] .pricing-col-cta--secondary:hover,
html[data-theme="monochrome"] .project-sample:hover,
html[data-theme="monochrome"] .library-category-item:hover,
html[data-theme="monochrome"] .library-filter-chip:hover,
html[data-theme="monochrome"] .chat-composer-suggestions .service-card-tag:hover,
html[data-theme="monochrome"] .account-menu-item:hover,
html[data-theme="monochrome"] [class*="service-category"][data-category] .submit-action:hover:not(:disabled),
html[data-theme="monochrome"] [class*="service-category"][data-category] .submit-action--idea:hover {
  background: var(--mono-surface-3) !important;
  border-color: var(--mono-border) !important;
  color: var(--mono-text) !important;
}

html[data-theme="monochrome"] .submit-action-title,
html[data-theme="monochrome"] .submit-action-hint,
html[data-theme="monochrome"] .submit-action--idea .submit-action-title {
  color: inherit !important;
}

html[data-theme="monochrome"] .submit-action--inactive,
html[data-theme="monochrome"] .submit-action--inactive:hover,
html[data-theme="monochrome"] .submit-action--inactive:focus-visible,
html[data-theme="monochrome"] button:disabled,
html[data-theme="monochrome"] .pricing-col-cta:disabled {
  background: var(--mono-surface) !important;
  border: 1px dashed var(--mono-border) !important;
  color: var(--mono-faint) !important;
  opacity: 0.75;
  cursor: not-allowed;
}

/* Ghost */
html[data-theme="monochrome"] .login-modal__close,
html[data-theme="monochrome"] .settings-modal__close,
html[data-theme="monochrome"] .stay-modal__close,
html[data-theme="monochrome"] .sidebar-nav-item,
html[data-theme="monochrome"] .library-active-filter button {
  background: transparent;
  border-color: transparent;
  color: var(--mono-muted);
  box-shadow: none;
}

html[data-theme="monochrome"] .login-modal__close:hover,
html[data-theme="monochrome"] .settings-modal__close:hover,
html[data-theme="monochrome"] .stay-modal__close:hover {
  background: var(--mono-surface-2);
  color: var(--mono-text);
}

html[data-theme="monochrome"] .sidebar-mobile-close,
html[data-theme="monochrome"] .mobile-menu-toggle {
  background: var(--mono-surface);
  border: 1px solid var(--mono-border);
  color: var(--mono-text);
}

html[data-theme="monochrome"] .sidebar-mobile-close:hover,
html[data-theme="monochrome"] .mobile-menu-toggle:hover {
  background: var(--mono-surface-2);
}

html[data-theme="monochrome"] .sidebar-nav-item:hover,
html[data-theme="monochrome"] .sidebar-nav-item.is-active {
  background: var(--mono-surface-2);
}

html[data-theme="monochrome"] .account-menu-item--danger,
html[data-theme="monochrome"] .account-menu-item--danger:hover {
  background: var(--mono-surface-2) !important;
  border: 1px solid var(--mono-border) !important;
  color: var(--mono-text) !important;
}

html[data-theme="monochrome"] .library-card-tag--manual button {
  background: transparent !important;
  border: 0 !important;
  color: var(--mono-muted) !important;
}

html[data-theme="monochrome"] button:focus-visible,
html[data-theme="monochrome"] .library-card-link--action:focus-visible {
  outline: 2px solid var(--mono-muted);
  outline-offset: 2px;
  box-shadow: none !important;
}

/* ── Library: remove category accent colors, soften cards ── */
html[data-theme="monochrome"] .library-filters.panel {
  background: var(--mono-bg) !important;
  background-image: none !important;
  border-color: var(--mono-border);
}

html[data-theme="monochrome"] .library-filter-title {
  color: var(--mono-muted);
}

html[data-theme="monochrome"] .library-filter-section + .library-filter-section {
  border-top-color: var(--mono-border-soft);
}

html[data-theme="monochrome"] .library-category-nav,
html[data-theme="monochrome"] .library-filter-section--categories .library-category-nav {
  background: var(--mono-surface) !important;
  border: 1px solid var(--mono-border) !important;
  box-shadow: none !important;
}

html[data-theme="monochrome"] .library-filter-chips--tags {
  background: var(--mono-surface) !important;
  border: 1px solid var(--mono-border) !important;
}

html[data-theme="monochrome"] .library-filter-chips--tags::-webkit-scrollbar-thumb {
  background: var(--mono-border);
}

html[data-theme="monochrome"] .library-filter-count {
  background: var(--mono-surface-3) !important;
  color: var(--mono-muted) !important;
}

html[data-theme="monochrome"] .library-sort-tabs {
  background: var(--mono-surface-2) !important;
}

html[data-theme="monochrome"] .library-sort-tab.is-active {
  background: var(--mono-surface-3) !important;
  color: var(--mono-text) !important;
  box-shadow: none !important;
}

html[data-theme="monochrome"] .library-toolbar,
html[data-theme="monochrome"] .library-feed,
html[data-theme="monochrome"] .reports-unified {
  background: transparent;
}

html[data-theme="monochrome"] .panel.library-filters,
html[data-theme="monochrome"] aside.library-filters {
  background: var(--mono-bg) !important;
}

html[data-theme="monochrome"] .library-card,
html[data-theme="monochrome"] [class*="library-card--cat-"],
html[data-theme="monochrome"] .library-card--sample,
html[data-theme="monochrome"] .library-card--pending {
  --card-accent: var(--mono-muted) !important;
  --card-accent-soft: var(--mono-surface-2) !important;
  background: var(--mono-surface) !important;
  border: 1px solid var(--mono-border) !important;
  box-shadow: none !important;
}

html[data-theme="monochrome"] .library-card--sample {
  border-style: dashed !important;
  border-color: var(--mono-border) !important;
}

html[data-theme="monochrome"] .library-card:hover,
html[data-theme="monochrome"] .library-card--interactive:hover {
  border-color: var(--mono-muted) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  transform: none !important;
}

html[data-theme="monochrome"] .library-card.is-active {
  border-color: var(--mono-muted) !important;
  box-shadow: inset 0 0 0 1px var(--mono-border) !important;
}

html[data-theme="monochrome"] .library-card-badge,
html[data-theme="monochrome"] .library-card-tag,
html[data-theme="monochrome"] .library-card-status,
html[data-theme="monochrome"] .library-card-status--ready,
html[data-theme="monochrome"] .library-card-status--pending,
html[data-theme="monochrome"] .library-card-status--failed,
html[data-theme="monochrome"] .library-card-status--stopped {
  background: var(--mono-surface-2) !important;
  border: 1px solid var(--mono-border) !important;
  color: var(--mono-muted) !important;
}

html[data-theme="monochrome"] .library-card-delete,
html[data-theme="monochrome"] .library-card-delete:hover {
  background: var(--mono-surface-2) !important;
  border: 1px solid var(--mono-border) !important;
  color: var(--mono-muted) !important;
}

html[data-theme="monochrome"] .library-card-title,
html[data-theme="monochrome"] .library-card-title a,
html[data-theme="monochrome"] .library-card-title a:hover {
  color: var(--mono-text) !important;
}

html[data-theme="monochrome"] .library-card-excerpt,
html[data-theme="monochrome"] .library-card-id {
  color: var(--mono-muted) !important;
}

html[data-theme="monochrome"] .library-card-link,
html[data-theme="monochrome"] .library-card-link--action,
html[data-theme="monochrome"] a.library-card-link {
  background: var(--mono-surface-3) !important;
  border: 1px solid var(--mono-border) !important;
  color: var(--mono-text) !important;
  filter: none !important;
  box-shadow: none !important;
}

html[data-theme="monochrome"] .library-card-link:hover,
html[data-theme="monochrome"] .library-card-link--action:hover,
html[data-theme="monochrome"] a.library-card-link:hover {
  background: var(--mono-border) !important;
  border-color: var(--mono-muted) !important;
  color: var(--mono-text) !important;
}

html[data-theme="monochrome"] .library-card-link--disabled {
  background: var(--mono-surface-2) !important;
  color: var(--mono-faint) !important;
  opacity: 0.55;
}

html[data-theme="monochrome"] .library-tag-input {
  background: var(--mono-surface-2) !important;
  border-color: var(--mono-border) !important;
  color: var(--mono-text) !important;
}

html[data-theme="monochrome"] .library-active-filter {
  background: var(--mono-surface-2) !important;
  border: 1px solid var(--mono-border) !important;
  color: var(--mono-muted) !important;
}

html[data-theme="monochrome"] .library-category-item.is-active,
html[data-theme="monochrome"] .library-filter-chip.is-active,
html[data-theme="monochrome"] #library-mine-filter.is-active {
  background: var(--mono-surface-3) !important;
  border: 1px solid var(--mono-muted) !important;
  color: var(--mono-text) !important;
  box-shadow: none !important;
}

html[data-theme="monochrome"] .library-category-item.is-active .library-filter-count {
  color: var(--mono-muted) !important;
}

html[data-theme="monochrome"] .library-card-pending-panel {
  background: var(--mono-surface-2) !important;
  border-color: var(--mono-border) !important;
}

html[data-theme="monochrome"] .account-menu .theme-switch__track {
  background: var(--mono-surface-3);
  border: 1px solid var(--mono-border);
}

html[data-theme="monochrome"] .account-menu .theme-switch__thumb {
  background: var(--mono-text);
  box-shadow: none;
}

html[data-theme="monochrome"] .account-menu .theme-switch__input:checked + .theme-switch__track {
  background: var(--mono-surface-2);
  border-color: var(--mono-muted);
}

html[data-theme="monochrome"] .account-menu .theme-switch__input:focus-visible + .theme-switch__track {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12);
}