/* Site-wide theme overrides for all public and member pages */
html[data-site-theme="monochrome"] {
  color-scheme: light;
  --theme-accent: #111;
  --theme-accent-hover: #333;
  --theme-soft: #f3f3f3;
  --theme-border: #e3e3e3;
  --theme-text: #171717;
  --theme-muted: #777;
}
html[data-site-theme="monochrome"] body {
  background: #f7f7f7 !important; background-image: none !important;
  color: var(--theme-text) !important;
}
html[data-site-theme="monochrome"] body::before { background: transparent !important; }
html[data-site-theme="monochrome"] a:not([class*="danger"]):not([class*="success"]):not([class*="error"]) { --link-accent: #111; }
html[data-site-theme="monochrome"] :is(.site-header,.user-header,.header,.navbar,.topbar) {
  background: rgba(255,255,255,.96) !important;
  border-color: var(--theme-border) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.025) !important;
}
html[data-site-theme="monochrome"] :is(.brand-mark,.logo,.header-primary,.search-button,.home-primary-button,.primary-button,.btn-primary,.submit-button,.auth-submit,.button-primary,.site-access,.profile-avatar) {
  background: #111 !important; background-image: none !important; color: #fff !important;
  border-color: #111 !important; box-shadow: none !important;
}
html[data-site-theme="monochrome"] :is(.brand-mark,.logo,.profile-avatar) { color: #fff !important; }
html[data-site-theme="monochrome"] :is(.header-link,.header-right a,.home-text-button,.section-link,.site-name:hover,.site-tag,.site-category,.site-recommender,.home-eyebrow,.section-eyebrow,.form-link,.auth-card a,.card a,.verify-card a) {
  color: #333 !important;
}
html[data-site-theme="monochrome"] :is(.header-link:hover,.home-text-button:hover,.section-link:hover,.site-tag:hover,.category:hover,.category.active,.category-chip.active,.filter-button.active,.tab.active) {
  background: #ededed !important; color: #111 !important; border-color: #bbb !important;
}
html[data-site-theme="monochrome"] :is(.hero,.home-welcome,.welcome-profile,.auth-card,.card,.verify-card,.panel,.settings-card,.site-card,.home-stat,.stat-card,.content-card,.form-card,.profile-card,.empty,.site-detail-card) {
  background: #fff !important; background-image: none !important; border-color: var(--theme-border) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.035) !important;
}
html[data-site-theme="monochrome"] :is(.hero h1,.home-welcome h1,.section-heading h2,.site-name,.auth-card h1,.card h1,.verify-card h1,.page-title,.welcome-profile strong) { color: #111 !important; }
html[data-site-theme="monochrome"] :is(.hero p,.home-welcome p,.subtitle,.desc,.verify-description,.site-url,.site-description,.muted,.header-username,.profile-caption) { color: #777 !important; }
html[data-site-theme="monochrome"] :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.search-form) {
  background-color: #fff !important; color: #171717 !important; border-color: #d8d8d8 !important; box-shadow: none !important;
}
html[data-site-theme="monochrome"] :is(input,textarea,select):focus { border-color: #777 !important; outline-color: #ddd !important; }
html[data-site-theme="monochrome"] :is(.category,.category-chip,.filter-button,.site-tag,.site-category,.favorite-button,.home-text-button,.form-control,.badge) {
  border-color: #ddd !important; background-color: #f5f5f5 !important; color: #333 !important;
}
html[data-site-theme="monochrome"] :is(.site-icon,.empty-icon,.stat-icon,.quick-icon,.home-stat-icon) { background: #f0f0f0 !important; color: #222 !important; border-color: #e2e2e2 !important; }
html[data-site-theme="monochrome"] :is(.site-footer,footer) { border-color: #e3e3e3 !important; color: #888 !important; }
html[data-site-theme="monochrome"] :is(.home-eyebrow .eyebrow-dot,.hero-kicker::before) { background: #111 !important; box-shadow: 0 0 0 4px rgba(0,0,0,.07) !important; }
html[data-site-theme="monochrome"] :is(.welcome-profile,.profile-orbit,.welcome-decoration) { border-color: rgba(0,0,0,.1) !important; }
html[data-site-theme="monochrome"] :is(.home-primary-button:hover,.header-primary:hover,.search-button:hover,.btn-primary:hover,.auth-submit:hover) { background: #333 !important; }
html[data-site-theme="monochrome"] :is(.auth-card,.card,.verify-card) { --auth-pink: #111; --auth-pink-dark: #333; --auth-pink-soft: #f2f2f2; --auth-border: #e3e3e3; --auth-shadow: 0 15px 40px rgba(0,0,0,.05); }
html[data-site-theme="monochrome"] :is(.user-home-page,.user-dashboard,.user-page) { --home-pink: #111; --home-pink-dark: #333; --home-pink-soft: #f2f2f2; --home-line: #e3e3e3; --home-text: #171717; --home-muted: #777; }


/* Monochrome theme completeness pass: headers, member navigation and residual accents */
html[data-site-theme="monochrome"] {
  --primary:#111111 !important; --primary-color:#111111 !important;
  --accent:#111111 !important; --accent-color:#111111 !important;
  --pink:#111111 !important; --pink-dark:#333333 !important;
  --home-pink:#111111 !important; --home-pink-dark:#333333 !important;
  --auth-pink:#111111 !important; --auth-pink-dark:#333333 !important;
  --link-color:#222222 !important; --focus-color:#777777 !important;
}
html[data-site-theme="monochrome"] :is(.header-right,.header-right a,.header-right button,.user-header .header-right a,
  .user-header .header-right span,.user-header .header-right .header-username,
  .header-actions,.header-actions a,.user-nav,.user-nav a,.user-menu,.user-menu a,
  .account-menu,.account-menu a,.profile-menu,.profile-menu a,.user-center-link,
  .header-user,.header-user a,.nav-user,.nav-user a,.user-dropdown,.user-dropdown a) {
  color:#222222 !important;
  text-shadow:none !important;
}
html[data-site-theme="monochrome"] :is(.header-right a,.header-actions a,.user-nav a,.user-menu a,
  .account-menu a,.profile-menu a,.user-center-link,.header-user a,.nav-user a,.user-dropdown a) {
  background-color:transparent !important;
  background-image:none !important;
  border-color:#e2e2e2 !important;
}
html[data-site-theme="monochrome"] :is(.header-right a:hover,.header-actions a:hover,.user-nav a:hover,
  .user-menu a:hover,.account-menu a:hover,.profile-menu a:hover,.user-center-link:hover,
  .header-user a:hover,.nav-user a:hover,.user-dropdown a:hover) {
  color:#000000 !important;
  background:#f1f1f1 !important;
}
html[data-site-theme="monochrome"] :is(.header-right .logout-link,.header-right .user-center-link,
  .header-right .header-username,.user-header .brand,.user-header .brand strong,.user-header .brand span) {
  color:#222222 !important;
}
html[data-site-theme="monochrome"] :is(.header-right .header-username i,.header-right a i,
  .header-right a svg,.user-header .brand i,.user-header .brand svg) { color:inherit !important; }
html[data-site-theme="monochrome"] :is(.home-eyebrow,.section-eyebrow,.eyebrow,.eyebrow-dot,
  .section-link,.profile-status,.stat-arrow,.welcome-decoration,.profile-orbit) {
  --home-pink:#111111 !important; --home-pink-dark:#333333 !important;
}
html[data-site-theme="monochrome"] :is(.home-eyebrow,.section-eyebrow,.eyebrow,.section-link,
  .profile-status,.stat-label,.stat-copy small,.profile-caption,.welcome-copy p) { color:#666666 !important; }
html[data-site-theme="monochrome"] :is(.home-eyebrow .eyebrow-dot,.eyebrow-dot,.profile-status i,
  .stat-icon,.quick-icon,.welcome-decoration,.profile-orbit,.stat-indicator) {
  background-color:#eeeeee !important; background-image:none !important; border-color:#dddddd !important;
  box-shadow:none !important; color:#222222 !important;
}
html[data-site-theme="monochrome"] :is(.home-primary-button,.primary-button,.btn-primary,.button-primary,
  .auth-submit,.submit-button,.site-access,.user-header .brand-mark,.profile-avatar,
  .user-home-page .home-primary-button,.user-page .home-primary-button) {
  background:#111111 !important; background-image:none !important; color:#ffffff !important;
  border-color:#111111 !important; box-shadow:none !important;
}
html[data-site-theme="monochrome"] :is(.home-primary-button:hover,.primary-button:hover,.btn-primary:hover,
  .button-primary:hover,.auth-submit:hover,.submit-button:hover,.site-access:hover) {
  background:#333333 !important; background-image:none !important; color:#ffffff !important;
}
html[data-site-theme="monochrome"] :is(.stat-favorites,.stat-pending,.stat-sites,.home-stat,
  .home-welcome,.welcome-profile,.profile-card,.user-card,.settings-card,.form-card,.favorite-card,
  .site-management-card,.submission-card,.dashboard-card,.user-panel) {
  background:#ffffff !important; background-image:none !important; border-color:#e2e2e2 !important;
}
html[data-site-theme="monochrome"] :is(.stat-favorites,.stat-pending,.stat-sites,.home-stat) :is(.stat-icon,.stat-arrow) {
  color:#222222 !important; background:#f1f1f1 !important; border-color:#e2e2e2 !important;
}
html[data-site-theme="monochrome"] :is(.active,.is-active,.selected,.current,.nav-link.active,.tab.active,
  .filter-button.active,.category.active,.category-chip.active,.pagination .active) {
  --active-color:#111111 !important;
}
html[data-site-theme="monochrome"] :is(.nav-link.active,.tab.active,.filter-button.active,.category.active,
  .category-chip.active,.pagination .active,.sidebar a.active,.user-sidebar a.active) {
  color:#111111 !important; background:#eeeeee !important; border-color:#dddddd !important;
}
html[data-site-theme="monochrome"] :is(.badge-pink,.pink,.text-pink,.text-primary,.accent-text,
  .site-featured,.featured-badge,.recommend-badge,.popular-badge,.status-pending,.status-review) {
  color:#333333 !important; background:#eeeeee !important; border-color:#dddddd !important;
}
html[data-site-theme="monochrome"] :is(.hero,.hero::before,.hero::after,.home-welcome::before,.home-welcome::after,
  .welcome-profile::before,.welcome-profile::after,.auth-card::before,.auth-card::after,
  .user-home-page::before,.user-page::before) { background-image:none !important; }
html[data-site-theme="monochrome"] :is(.user-home-page,.user-dashboard,.user-page,.auth-page,
  .login-page,.register-page,.verify-page,.forgot-password-page,.reset-password-page) {
  --home-pink:#111111 !important; --home-pink-dark:#333333 !important;
  --home-pink-soft:#f2f2f2 !important; --home-line:#e3e3e3 !important;
  --auth-pink:#111111 !important; --auth-pink-dark:#333333 !important;
  --auth-pink-soft:#f2f2f2 !important; --auth-border:#e3e3e3 !important;
}
html[data-site-theme="monochrome"] :is(.user-home-page,.user-dashboard,.user-page) :is(a,button) {
  text-shadow:none !important;
}

/* Monochrome theme: explicit coverage for member pages and site details */
html[data-site-theme="monochrome"] .favorites-page,
html[data-site-theme="monochrome"] body.favorites-page,
html[data-site-theme="monochrome"] .detail-page,
html[data-site-theme="monochrome"] body {
  background-color:#f7f7f7 !important;
  background-image:none !important;
  color:#171717 !important;
}
html[data-site-theme="monochrome"] .favorites-hero,
html[data-site-theme="monochrome"] .favorites-empty,
html[data-site-theme="monochrome"] .favorites-card,
html[data-site-theme="monochrome"] .favorites-card-main,
html[data-site-theme="monochrome"] .favorites-card-footer,
html[data-site-theme="monochrome"] .settings-intro,
html[data-site-theme="monochrome"] .settings-card,
html[data-site-theme="monochrome"] .detail-hero,
html[data-site-theme="monochrome"] .detail-card,
html[data-site-theme="monochrome"] .related-card,
html[data-site-theme="monochrome"] .modal-panel,
html[data-site-theme="monochrome"] .page-title,
html[data-site-theme="monochrome"] .sites-card,
html[data-site-theme="monochrome"] .site-item {
  background:#fff !important;
  background-image:none !important;
  border-color:#e2e2e2 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.035) !important;
}
html[data-site-theme="monochrome"] :is(.favorites-kicker,.favorites-total span,.favorites-total small,
  .favorites-section-head p,.favorites-site-host,.favorites-site-description,.favorites-count,
  .settings-eyebrow,.settings-intro p,.settings-section-copy p,.settings-footer,
  .detail-description,.detail-about,.detail-info-item span,.detail-tags-label,.detail-url,
  .page-eyebrow,.section-eyebrow,.modal-eyebrow,.section-subtitle,.site-item-url,.form-help) {
  color:#666 !important;
}
html[data-site-theme="monochrome"] :is(.favorites-hero h1,.favorites-section-head h2,.favorites-site-name,
  .settings-intro h1,.settings-section-copy h2,.detail-title,.detail-card-title,
  .detail-info-item strong,.page-title h1,.section-heading .card-title,.site-item-name,
  .modal-head .card-title) { color:#171717 !important; }
html[data-site-theme="monochrome"] :is(.favorites-hero-mark,.favorites-site-icon,.favorites-open-icon,
  .favorites-star,.favorites-empty-icon,.settings-section-icon,.settings-intro-badge,
  .detail-icon,.detail-category,.detail-tag,.detail-url,.title-decoration,.title-decoration span,
  .site-avatar,.site-item-meta,.empty:before,.modal-close) {
  background:#f0f0f0 !important;
  background-image:none !important;
  border-color:#dedede !important;
  color:#222 !important;
  box-shadow:none !important;
}
html[data-site-theme="monochrome"] :is(.favorites-primary-button,.settings-submit,.detail-button.primary,
  .detail-button.visit,.detail-button.favorite.active,.add-site-button,.submit-button,.site-action.primary,
  .header .brand-mark,.brand-mark,.home-primary-button) {
  background:#111 !important;
  background-image:none !important;
  border-color:#111 !important;
  color:#fff !important;
  box-shadow:none !important;
}
html[data-site-theme="monochrome"] :is(.favorites-primary-button:hover,.settings-submit:hover,
  .detail-button.primary:hover,.detail-button.visit:hover,.detail-button.favorite.active:hover,
  .add-site-button:hover,.submit-button:hover,.site-action.primary:hover) {
  background:#333 !important;
  border-color:#333 !important;
  color:#fff !important;
}
html[data-site-theme="monochrome"] :is(.favorites-browse,.favorites-header .favorites-back,
  .settings-footer a,.detail-back,.detail-button,.detail-button.favorite,.site-action,.back,
  .cancel-button,.modal-close) {
  background:#fff !important;
  background-image:none !important;
  border-color:#dedede !important;
  color:#333 !important;
  box-shadow:none !important;
}
html[data-site-theme="monochrome"] :is(.favorites-browse:hover,.favorites-header .favorites-back:hover,
  .settings-footer a:hover,.detail-back:hover,.detail-button:hover,.detail-button.favorite:hover,
  .site-action:hover,.back:hover,.cancel-button:hover,.modal-close:hover) {
  background:#f0f0f0 !important;
  border-color:#ccc !important;
  color:#111 !important;
}
html[data-site-theme="monochrome"] :is(.favorites-title-dot,.favorites-hero-mark i,
  .favorites-open-icon i,.favorites-star i,.settings-eyebrow:before,.settings-intro:after,
  .detail-hero:before,.detail-hero:after,.detail-icon-fallback,.detail-category,
  .detail-button.favorite,.detail-button.favorite.active,.page-eyebrow,.eyebrow-dot,
  .title-decoration i,.site-avatar,.empty:before) {
  color:#333 !important;
  background-color:#eee !important;
  background-image:none !important;
  box-shadow:none !important;
}
html[data-site-theme="monochrome"] :is(.settings-alert.error,.message.error) {
  background:#f5f5f5 !important;
  border-color:#ddd !important;
  color:#444 !important;
}
html[data-site-theme="monochrome"] :is(.settings-alert.success,.message) {
  background:#f3f3f3 !important;
  border-color:#ddd !important;
  color:#333 !important;
}
html[data-site-theme="monochrome"] :is(.form-input,.form-select,.form-textarea,input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
  background:#fff !important;
  border-color:#d8d8d8 !important;
  color:#171717 !important;
  box-shadow:none !important;
}
html[data-site-theme="monochrome"] :is(.form-input,.form-select,.form-textarea,input,textarea,select):focus {
  border-color:#777 !important;
  box-shadow:0 0 0 3px rgba(0,0,0,.07) !important;
}
html[data-site-theme="monochrome"] .header .back,
html[data-site-theme="monochrome"] .header-right .header-primary,
html[data-site-theme="monochrome"] .header-right .header-link,
html[data-site-theme="monochrome"] .user-header .header-right a,
html[data-site-theme="monochrome"] .user-header .header-username {
  color:#222 !important;
  text-shadow:none !important;
}
html[data-site-theme="monochrome"] .header-right .header-primary {
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}
html[data-site-theme="monochrome"] .header-right .header-primary:hover {
  background:#333 !important;
  color:#fff !important;
}
html[data-site-theme="monochrome"] .user-header .header-right a {
  background:transparent !important;
  border-color:#ddd !important;
}
html[data-site-theme="monochrome"] .user-header .header-right a:hover {
  background:#eee !important;
  color:#111 !important;
}
html[data-site-theme="monochrome"] .detail-status.online { color:#276749 !important; }
html[data-site-theme="monochrome"] .detail-status.offline { color:#555 !important; }
html[data-site-theme="monochrome"] .detail-status.timeout { color:#666 !important; }
