/* NEEDTHINGSDONE PREMIUM DARK MODE */
body.dark-mode {
  color-scheme: dark;
  --ntd-bg:#08111f;
  --ntd-deep:#050b15;
  --ntd-surface:#101c2f;
  --ntd-surface-2:#15243a;
  --ntd-surface-3:#1b2c46;
  --ntd-border:rgba(151,180,224,.18);
  --ntd-border-strong:rgba(136,178,240,.30);
  --ntd-text:#f4f7ff;
  --ntd-soft:#c5d1e5;
  --ntd-muted:#91a2bc;
  --ntd-blue:#6395ff;
  --ntd-purple:#9a72ff;
  --ntd-cyan:#57d7e8;
  --ntd-green:#4bd692;
  --ntd-yellow:#ffc967;
  --page-bg:var(--ntd-bg);
  --card-bg:var(--ntd-surface);
  --soft-bg:var(--ntd-surface-2);
  --soft-card-bg:var(--ntd-surface-2);
  --input-bg:#0c1728;
  --text-color:var(--ntd-text);
  --muted-text:var(--ntd-muted);
  --border-color:var(--ntd-border);
  background:
    radial-gradient(circle at 10% 0%,rgba(65,116,238,.16),transparent 32rem),
    radial-gradient(circle at 92% 8%,rgba(143,90,255,.13),transparent 30rem),
    linear-gradient(180deg,#0b1628 0%,var(--ntd-bg) 46%,var(--ntd-deep) 100%);
  background-attachment:fixed;
  color:var(--ntd-text);
}
body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,
body.dark-mode h5,body.dark-mode h6,body.dark-mode strong,body.dark-mode b,
body.dark-mode label,body.dark-mode legend{color:var(--ntd-text)}
body.dark-mode p,body.dark-mode small,body.dark-mode time,body.dark-mode .muted,
body.dark-mode .subtitle,body.dark-mode .description{color:var(--ntd-soft)}
body.dark-mode a{color:#82adff}
body.dark-mode hr{border-color:var(--ntd-border)}
body.dark-mode .navbar,body.dark-mode .account-main-navbar{
  background:rgba(10,20,36,.88);border-bottom:1px solid var(--ntd-border);
  box-shadow:0 12px 34px rgba(0,0,0,.22);backdrop-filter:blur(18px) saturate(135%)
}
body.dark-mode .logo,body.dark-mode .brand,body.dark-mode .navbar nav a,
body.dark-mode .nav-links a{color:var(--ntd-text)}
body.dark-mode .navbar nav a:hover,body.dark-mode .navbar nav a.active,
body.dark-mode .nav-links a:hover,body.dark-mode .nav-links a.active{color:#86b0ff}
body.dark-mode .account-section-nav{
  background:rgba(13,25,43,.92);border-color:var(--ntd-border);
  box-shadow:0 10px 28px rgba(0,0,0,.18);backdrop-filter:blur(15px)
}
body.dark-mode .account-section-nav a{color:var(--ntd-muted)}
body.dark-mode .account-section-nav a:hover{color:var(--ntd-text);background:rgba(99,149,255,.10)}
body.dark-mode .account-section-nav a.active{
  color:#a8c4ff;background:linear-gradient(135deg,rgba(75,130,244,.20),rgba(140,98,255,.13));
  border-color:rgba(112,157,239,.22)
}
body.dark-mode button,body.dark-mode .button,body.dark-mode .btn,body.dark-mode [class*="-button"]{
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease
}
body.dark-mode button:hover,body.dark-mode .button:hover,body.dark-mode .btn:hover,
body.dark-mode [class*="-button"]:hover{transform:translateY(-1px)}
body.dark-mode .theme-toggle,body.dark-mode .ntd-icon-button,body.dark-mode .ntd-profile-button,
body.dark-mode .login-btn{background:rgba(22,38,61,.92);border-color:var(--ntd-border-strong);color:var(--ntd-text)}
body.dark-mode .signup-btn,body.dark-mode .community-primary-button,
body.dark-mode .primary-button,body.dark-mode .save-button{
  background:linear-gradient(135deg,#3978ef,#7553e8);border-color:transparent;color:#fff;
  box-shadow:0 10px 28px rgba(57,120,239,.25)
}
body.dark-mode input,body.dark-mode textarea,body.dark-mode select{
  background:#0b1627;color:var(--ntd-text);border:1px solid rgba(142,174,220,.25)
}
body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#70839f}
body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{
  outline:none;border-color:#6095f5;box-shadow:0 0 0 4px rgba(69,128,241,.15)
}
body.dark-mode option{background:#111d31;color:var(--ntd-text)}
body.dark-mode .dashboard-card,body.dark-mode .quick-actions-card,
body.dark-mode .profile-strength-card,body.dark-mode .nearby-card,body.dark-mode .activity-card,
body.dark-mode .review-summary-card,body.dark-mode .notification-summary-card,
body.dark-mode .saved-summary-card,body.dark-mode .settings-content,body.dark-mode .settings-sidebar,
body.dark-mode .messages-app,body.dark-mode .conversation-details,body.dark-mode .conversation-sidebar,
body.dark-mode .reviews-toolbar,body.dark-mode .notifications-toolbar,body.dark-mode .saved-controls{
  background:linear-gradient(155deg,rgba(24,40,64,.97),rgba(14,26,44,.97));
  border:1px solid var(--ntd-border);box-shadow:0 16px 42px rgba(0,0,0,.19)
}
body.dark-mode .dashboard-shell,body.dark-mode .dashboard-main,body.dark-mode .dashboard-page,
body.dark-mode .messages-page,body.dark-mode .reviews-page,body.dark-mode .saved-page,
body.dark-mode .settings-page{background:transparent}
body.dark-mode .dashboard-sidebar{
  background:linear-gradient(180deg,rgba(15,29,49,.98),rgba(9,18,32,.98));border-color:var(--ntd-border)
}
body.dark-mode .sidebar-profile-mini{background:rgba(24,41,66,.75);border-color:var(--ntd-border)}
body.dark-mode .dashboard-nav-item{color:var(--ntd-soft)}
body.dark-mode .dashboard-nav-item:hover{background:rgba(88,140,242,.10);color:var(--ntd-text)}
body.dark-mode .dashboard-nav-item.active{
  color:#a8c5ff;background:linear-gradient(90deg,rgba(65,119,229,.22),rgba(112,83,225,.10));
  box-shadow:inset 3px 0 0 #6799ff
}
body.dark-mode .dashboard-hero,body.dark-mode .settings-hero,body.dark-mode .saved-hero,
body.dark-mode .reviews-hero,body.dark-mode .notifications-hero,body.dark-mode .messages-heading{
  background:radial-gradient(circle at 88% 22%,rgba(151,105,255,.18),transparent 30%),
  radial-gradient(circle at 12% 0%,rgba(75,139,255,.17),transparent 34%),
  linear-gradient(145deg,#182944,#101d31);
  border:1px solid rgba(126,164,224,.25);box-shadow:0 22px 58px rgba(0,0,0,.28)
}
body.dark-mode .dashboard-stat-card,body.dark-mode .quick-action,
body.dark-mode .profile-check-item,body.dark-mode .discovery-item,body.dark-mode .activity-item{
  background:linear-gradient(145deg,#182a44,#122038);border:1px solid var(--ntd-border);color:var(--ntd-text)
}
body.dark-mode .quick-action:hover,body.dark-mode .discovery-item:hover{
  border-color:rgba(106,157,242,.48);background:linear-gradient(145deg,#1d3352,#162642)
}
body.dark-mode .conversation-sidebar,body.dark-mode .conversation-details,body.dark-mode .chat-panel{background:#101d31}
body.dark-mode .conversation-item{background:transparent;border-color:var(--ntd-border)}
body.dark-mode .conversation-item:hover{background:rgba(81,135,235,.10)}
body.dark-mode .conversation-item.active{
  background:linear-gradient(135deg,rgba(69,126,239,.23),rgba(138,91,243,.12));
  border-color:rgba(108,155,238,.30)
}
body.dark-mode .message-bubble.received,body.dark-mode .incoming-message{background:#21334f;color:var(--ntd-text)}
body.dark-mode .message-bubble.sent,body.dark-mode .outgoing-message{
  background:linear-gradient(135deg,#3978ef,#7553e8);color:#fff
}
body.dark-mode .safety-banner{background:rgba(255,192,88,.10);color:#f8d48d;border-color:rgba(255,199,99,.18)}
body.dark-mode .notification-card,body.dark-mode .notification-item{
  background:linear-gradient(145deg,#172842,#111e33);border:1px solid var(--ntd-border)
}
body.dark-mode .notification-card.is-unread,body.dark-mode .notification-item.is-unread{
  background:linear-gradient(90deg,rgba(55,119,237,.15),transparent 35%),
  linear-gradient(145deg,#192c48,#111f35);border-color:rgba(88,145,242,.34)
}
body.dark-mode .notification-preferences-card,body.dark-mode .preference-row{
  background:#15263e;border-color:var(--ntd-border);color:var(--ntd-text)
}
body.dark-mode .review-card{
  background:linear-gradient(145deg,#172842,#101d31);border:1px solid var(--ntd-border)
}
body.dark-mode .positive-tag{background:rgba(57,211,139,.12);border-color:rgba(77,219,149,.25);color:#82edb8}
body.dark-mode .negative-tag{background:rgba(255,134,91,.10);border-color:rgba(255,151,103,.25);color:#ffb28c}
body.dark-mode .rating-bar-track{background:#263650}
body.dark-mode .saved-profile-card{
  background:radial-gradient(circle at 100% 0,rgba(113,87,239,.11),transparent 36%),
  linear-gradient(150deg,#172943,#111e33);border:1px solid var(--ntd-border);
  box-shadow:0 16px 38px rgba(0,0,0,.18)
}
body.dark-mode .saved-profile-card h3,body.dark-mode .saved-profile-card p,
body.dark-mode .saved-profile-card a{color:var(--ntd-text)}
body.dark-mode .saved-profile-card p,body.dark-mode .saved-profile-card small{color:var(--ntd-soft)}
body.dark-mode .private-note{background:rgba(255,193,77,.09);border-color:rgba(255,201,99,.23);color:#f8dca0}
body.dark-mode .saved-info-card,body.dark-mode .saved-side-card{
  background:linear-gradient(145deg,#172943,#101d31);border-color:var(--ntd-border)
}
body.dark-mode .saved-info-card li,body.dark-mode .saved-side-card li{
  background:rgba(255,255,255,.035);color:var(--ntd-soft)
}
body.dark-mode .settings-sidebar{background:linear-gradient(180deg,#15263e,#101c2f)}
body.dark-mode .settings-nav-button{color:var(--ntd-soft)}
body.dark-mode .settings-nav-button:hover{background:rgba(84,139,239,.10);color:var(--ntd-text)}
body.dark-mode .settings-nav-button.active{
  background:linear-gradient(135deg,rgba(65,121,232,.22),rgba(131,87,238,.13));color:#a8c6ff
}
body.dark-mode .settings-section,body.dark-mode .settings-content{
  background:linear-gradient(145deg,#172842,#101d31);border-color:var(--ntd-border)
}
body.dark-mode .settings-row,body.dark-mode .session-card,body.dark-mode .badge-card{
  background:rgba(255,255,255,.025);border-color:var(--ntd-border)
}
body.dark-mode .community-post,body.dark-mode .community-inline-replies,
body.dark-mode .community-original-post,body.dark-mode .community-reply{
  background:linear-gradient(145deg,#172943,#111f34);border-color:var(--ntd-border)
}
body.dark-mode .community-vote-column{background:rgba(255,255,255,.028)}
body.dark-mode .community-category{background:rgba(70,126,236,.14);color:#8eb6ff}
body.dark-mode .community-status.open{background:rgba(255,181,74,.12);color:#ffd08a}
body.dark-mode .community-status.solved{background:rgba(55,211,138,.12);color:#83ecb8}
body.dark-mode .ntd-notification-panel,body.dark-mode .ntd-profile-menu,
body.dark-mode .ntd-messenger-window,body.dark-mode .ntd-messenger-tab{
  background:rgba(15,29,49,.97);border-color:var(--ntd-border-strong);color:var(--ntd-text);
  box-shadow:0 25px 70px rgba(0,0,0,.38);backdrop-filter:blur(18px)
}
body.dark-mode .ntd-notification-item,body.dark-mode .ntd-thread-row,
body.dark-mode .ntd-profile-menu a,body.dark-mode .ntd-profile-menu button{
  color:var(--ntd-text);border-color:var(--ntd-border)
}
body.dark-mode .ntd-notification-item:hover,body.dark-mode .ntd-thread-row:hover,
body.dark-mode .ntd-profile-menu a:hover,body.dark-mode .ntd-profile-menu button:hover{
  background:rgba(84,139,239,.12)
}
body.dark-mode .ntd-notification-item.is-unread{
  background:linear-gradient(90deg,rgba(61,121,237,.18),rgba(92,72,220,.07))
}
body.dark-mode .ntd-chat-bubble{background:#223650;color:var(--ntd-text)}
body.dark-mode .ntd-chat-bubble.is-mine{background:linear-gradient(135deg,#3978ef,#7654e8);color:#fff}
body.dark-mode .ntd-panel-footer,body.dark-mode .ntd-messenger-footer{
  background:rgba(83,135,235,.08);color:#8fb7ff
}
body.dark-mode [style*="background: white"],body.dark-mode [style*="background:white"],
body.dark-mode [style*="background: #fff"],body.dark-mode [style*="background:#fff"]{
  background:var(--ntd-surface)!important
}
body.dark-mode *{scrollbar-color:#415d83 #0b1627}
body.dark-mode *::-webkit-scrollbar{width:10px;height:10px}
body.dark-mode *::-webkit-scrollbar-track{background:#0b1627}
body.dark-mode *::-webkit-scrollbar-thumb{
  background:linear-gradient(#496c9b,#354f75);border-radius:999px;border:2px solid #0b1627
}
body.dark-mode ::selection{background:rgba(92,145,246,.38);color:#fff}
body.dark-mode :focus-visible{outline:2px solid #72a4ff;outline-offset:2px}


/* ============================================================
   COMPLETE COMPONENT-BY-COMPONENT DARK MODE AUDIT
   Loaded after the first premium pass. These rules target each
   account component that still used light-only colours.
   ============================================================ */

/* Reliable text hierarchy inside every account page */
body.dark-mode :is(
  .messages-page,.notifications-page,.reviews-page,.saved-page,
  .profile-editor-page,.settings-page,.dashboard-page,.public-profile-page
) {
  --account-panel: #111f34;
  --account-panel-raised: #172943;
  --account-panel-soft: #1b2e49;
  --account-input: #0b1729;
  --account-border: rgba(144,177,224,.22);
  --account-heading: #f5f8ff;
  --account-copy: #c2cee0;
  --account-muted: #8fa1bc;
}

body.dark-mode :is(
  .messages-page,.notifications-page,.reviews-page,.saved-page,
  .profile-editor-page,.settings-page,.dashboard-page,.public-profile-page
) :is(h1,h2,h3,h4,strong,b,label,legend) {
  color: var(--account-heading) !important;
}

body.dark-mode :is(
  .messages-page,.notifications-page,.reviews-page,.saved-page,
  .profile-editor-page,.settings-page,.dashboard-page,.public-profile-page
) :is(p,small,time,.helper-text,.editor-help-text) {
  color: var(--account-copy) !important;
}

/* Search controls: remove white icon gutters and white select wrappers */
body.dark-mode :is(
  .conversation-search,.review-search-box,.saved-search-box
) {
  background: var(--account-input) !important;
  border: 1px solid var(--account-border) !important;
  box-shadow: none !important;
}

body.dark-mode :is(
  .conversation-search,.review-search-box,.saved-search-box
) input {
  background: transparent !important;
  border: 0 !important;
  color: #eef4ff !important;
  box-shadow: none !important;
}

body.dark-mode :is(
  .conversation-search,.review-search-box,.saved-search-box
) input::placeholder {
  color: #7589a7 !important;
}

body.dark-mode :is(
  .conversation-filter,.notification-sort,.reviews-toolbar label,
  .saved-toolbar label,.saved-controls label
) {
  color: #9fb0c8 !important;
}

body.dark-mode :is(
  .reviews-toolbar select,.saved-toolbar select,.notification-sort select,
  .saved-controls select
) {
  background: #0b1729 !important;
  color: #edf4ff !important;
  border-color: var(--account-border) !important;
}

/* Messages: every panel and object */
body.dark-mode .messages-status-card {
  background: linear-gradient(135deg,rgba(42,190,112,.14),rgba(55,211,139,.07)) !important;
  border: 1px solid rgba(71,217,145,.25) !important;
}
body.dark-mode .messages-status-card strong { color:#8af0bb !important; }
body.dark-mode .messages-status-card small { color:#a9cdbb !important; }

body.dark-mode .messages-app {
  background:#0e1a2d !important;
  border-color:var(--account-border) !important;
  overflow:hidden;
}
body.dark-mode .conversation-sidebar,
body.dark-mode .chat-panel,
body.dark-mode .profile-panel {
  background:linear-gradient(180deg,#122139,#0e1a2d) !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .conversation-sidebar-heading,
body.dark-mode .chat-header,
body.dark-mode .profile-panel-heading {
  background:rgba(18,33,57,.95) !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .conversation-filter-row button {
  background:#172a44 !important;
  color:#b9c9df !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .conversation-filter-row button.active {
  background:linear-gradient(135deg,#3978ef,#7255df) !important;
  color:white !important;
  border-color:transparent !important;
}
body.dark-mode .conversation-item {
  color:#eef4ff !important;
  border-color:rgba(145,176,220,.15) !important;
}
body.dark-mode .conversation-item p,
body.dark-mode .conversation-item time { color:#9eb0c9 !important; }
body.dark-mode .chat-safety-banner {
  background:rgba(255,190,84,.09) !important;
  color:#eecf92 !important;
  border-color:rgba(255,195,96,.20) !important;
}
body.dark-mode .chat-empty-state,
body.dark-mode .conversation-empty,
body.dark-mode .profile-panel-empty {
  color:#9cafc8 !important;
}
body.dark-mode .chat-menu-button,
body.dark-mode .mobile-panel-button,
body.dark-mode .attachment-button {
  background:#1b2e49 !important;
  color:#d8e3f4 !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .message-composer {
  background:#101e33 !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .message-composer textarea {
  background:#0a1628 !important;
  color:#edf4ff !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .chat-profile-mini,
body.dark-mode .profile-panel-section,
body.dark-mode .profile-panel-reminder {
  background:#172943 !important;
  border-color:var(--account-border) !important;
  color:#d9e3f1 !important;
}
body.dark-mode .profile-panel-link {
  background:rgba(87,143,244,.10) !important;
  color:#8fb7ff !important;
  border-color:rgba(100,153,241,.22) !important;
}

/* Notifications: settings, cards, filters, buttons */
body.dark-mode .notifications-toolbar,
body.dark-mode .notification-sidebar-card,
body.dark-mode .otto-notification-card,
body.dark-mode .priority-guide {
  background:linear-gradient(145deg,#172943,#101e33) !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .notification-tab {
  background:#172943 !important;
  color:#aebed4 !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .notification-tab.active {
  background:linear-gradient(135deg,#3978ef,#7255df) !important;
  color:#fff !important;
}
body.dark-mode .notification-card {
  color:#edf4ff !important;
}
body.dark-mode .notification-card p,
body.dark-mode .notification-card time { color:#afbed3 !important; }
body.dark-mode .notification-actions button,
body.dark-mode .notification-toolbar-actions button {
  background:#1a2d48 !important;
  color:#cbd8e9 !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .notification-actions button:hover,
body.dark-mode .notification-toolbar-actions button:hover {
  background:#244063 !important;
  color:#fff !important;
}
body.dark-mode .notification-toggle-list {
  display:grid;
  gap:12px;
}
body.dark-mode .notification-toggle-list label,
body.dark-mode .notification-toggle-list .notification-toggle-row,
body.dark-mode .notification-sidebar-card label {
  background:#172943 !important;
  color:#e7eef9 !important;
  border:1px solid var(--account-border) !important;
  box-shadow:none !important;
}
body.dark-mode .notification-toggle-list label strong,
body.dark-mode .notification-sidebar-card label strong {
  color:#edf4ff !important;
}
body.dark-mode .notification-toggle-list label small,
body.dark-mode .notification-sidebar-card label small {
  color:#9fb0c8 !important;
}
body.dark-mode .notification-settings-note { color:#91a3bd !important; }

/* Reviews: toolbar, review cards, side cards and modal */
body.dark-mode .reviews-toolbar {
  background:linear-gradient(145deg,#172943,#101e33) !important;
}
body.dark-mode .review-search-box {
  background:#0b1729 !important;
}
body.dark-mode .review-summary-card,
body.dark-mode .reviews-sidebar-card,
body.dark-mode .otto-review-card,
body.dark-mode .permanent-history-note,
body.dark-mode .resolution-stat,
body.dark-mode .warning-card {
  background:linear-gradient(145deg,#172943,#101e33) !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .review-card {
  color:#edf4ff !important;
}
body.dark-mode .review-card :is(p,time,small) { color:#afbed3 !important; }
body.dark-mode .owner-reply {
  background:rgba(91,145,243,.09) !important;
  border-color:rgba(100,153,241,.22) !important;
}
body.dark-mode .helpful-button,
body.dark-mode .review-text-button {
  background:#1a2d48 !important;
  color:#c8d6e8 !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .review-modal-card {
  background:#13233a !important;
  border-color:var(--account-border) !important;
  color:#eef4ff !important;
}
body.dark-mode .review-form-field,
body.dark-mode .review-rating-field,
body.dark-mode .review-form-tags {
  background:#172943 !important;
  border-color:var(--account-border) !important;
}

/* Saved items: stats, tabs, cards, notes and sidebars */
body.dark-mode .saved-summary-grid article,
body.dark-mode .saved-tabs,
body.dark-mode .saved-controls,
body.dark-mode .saved-sidebar-card,
body.dark-mode .otto-saved-card,
body.dark-mode .saved-empty-state {
  background:linear-gradient(145deg,#172943,#101e33) !important;
  border-color:var(--account-border) !important;
  color:#edf4ff !important;
}
body.dark-mode .saved-tab {
  background:#162842 !important;
  color:#9fb1ca !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .saved-tab.active {
  background:linear-gradient(135deg,#3978ef,#7255df) !important;
  color:#fff !important;
}
body.dark-mode .saved-profile-card {
  color:#edf4ff !important;
}
body.dark-mode .saved-profile-card :is(h2,h3,strong) { color:#f5f8ff !important; }
body.dark-mode .saved-profile-card :is(p,small,.saved-profile-headline) { color:#aebed3 !important; }
body.dark-mode .saved-profile-tags span,
body.dark-mode .saved-profile-services span,
body.dark-mode .saved-profile-type,
body.dark-mode .recently-viewed-pill,
body.dark-mode .local-data-pill {
  background:rgba(91,145,243,.12) !important;
  color:#a9c6ff !important;
  border-color:rgba(104,157,244,.22) !important;
}
body.dark-mode .saved-private-note {
  background:linear-gradient(135deg,rgba(246,184,59,.12),rgba(255,148,65,.06)) !important;
  color:#f4d99e !important;
  border-color:rgba(255,196,86,.25) !important;
}
body.dark-mode .saved-profile-actions a,
body.dark-mode .saved-profile-actions button {
  background:#1b2e49 !important;
  color:#dbe6f5 !important;
  border-color:var(--account-border) !important;
}
body.dark-mode .saved-profile-actions .primary-button {
  background:linear-gradient(135deg,#3978ef,#7255df) !important;
  color:white !important;
}
body.dark-mode .note-modal-card {
  background:#13233a !important;
  color:#edf4ff !important;
  border-color:var(--account-border) !important;
}

/* Profile editor: every white note, preview, toggle and analytics box */
body.dark-mode .editor-card,
body.dark-mode .editor-strength-card,
body.dark-mode .live-preview-card,
body.dark-mode .danger-card,
body.dark-mode .future-photo-note,
body.dark-mode .work-style-editor,
body.dark-mode .pricing-editor-row,
body.dark-mode .add-item-row {
  background:linear-gradient(145deg,#172943,#101e33) !important;
  border-color:var(--account-border) !important;
  color:#edf4ff !important;
}
body.dark-mode .editor-card-heading,
body.dark-mode .live-preview-heading {
  color:#f5f8ff !important;
}
body.dark-mode .editor-field label,
body.dark-mode .editor-eyebrow {
  color:#aebed3 !important;
}
body.dark-mode .future-photo-note,
body.dark-mode .editor-toggle,
body.dark-mode .editor-toggle-list label {
  background:#182b46 !important;
  color:#d9e4f3 !important;
  border:1px solid var(--account-border) !important;
}
body.dark-mode .future-photo-note strong,
body.dark-mode .editor-toggle strong { color:#eef4ff !important; }
body.dark-mode .future-photo-note p,
body.dark-mode .editor-toggle p { color:#9fb1c9 !important; }
body.dark-mode .preview-section,
body.dark-mode .preview-price,
body.dark-mode .preview-services span,
body.dark-mode .preview-tags span {
  background:rgba(255,255,255,.035) !important;
  border-color:var(--account-border) !important;
  color:#dce6f4 !important;
}
body.dark-mode .editor-analytics-grid article {
  background:linear-gradient(145deg,#182b46,#122139) !important;
  border:1px solid var(--account-border) !important;
}
body.dark-mode .editor-analytics-grid article strong { color:#f6f8ff !important; }
body.dark-mode .editor-analytics-grid article span { color:#9fb0c8 !important; }
body.dark-mode .unsaved-bar {
  background:rgba(13,25,43,.96) !important;
  color:#edf4ff !important;
  border-color:var(--account-border) !important;
}

/* Account settings: every toggle row, panel, preview and statistic */
body.dark-mode .settings-panel,
body.dark-mode .settings-sidebar,
body.dark-mode .settings-user-card,
body.dark-mode .settings-security-card,
body.dark-mode .settings-theme-preview,
body.dark-mode .settings-stat-grid article,
body.dark-mode .settings-timeline article,
body.dark-mode .settings-saved-tabs {
  background:linear-gradient(145deg,#172943,#101e33) !important;
  border-color:var(--account-border) !important;
  color:#edf4ff !important;
}
body.dark-mode .settings-toggle-row {
  background:#182b46 !important;
  border:1px solid var(--account-border) !important;
  color:#edf4ff !important;
}
body.dark-mode .settings-toggle-row strong { color:#f3f7ff !important; }
body.dark-mode .settings-toggle-row small { color:#9fb0c8 !important; }
body.dark-mode .settings-nav-item { color:#aabbd1 !important; }
body.dark-mode .settings-nav-item:hover {
  background:rgba(91,145,243,.10) !important;
  color:#eef4ff !important;
}
body.dark-mode .settings-nav-item.active {
  background:linear-gradient(135deg,rgba(66,125,239,.25),rgba(123,82,230,.14)) !important;
  color:#acc8ff !important;
}
body.dark-mode .settings-theme-preview {
  box-shadow:none !important;
}
body.dark-mode .settings-theme-preview * {
  border-color:var(--account-border) !important;
}

/* Public profile: full dark treatment instead of white public cards */
body.dark-mode .public-profile-navbar,
body.dark-mode .public-profile-footer {
  background:rgba(10,20,36,.92) !important;
  border-color:var(--account-border) !important;
  color:#aebed3 !important;
}
body.dark-mode .profile-hero-card,
body.dark-mode .profile-section-nav,
body.dark-mode .public-section-card,
body.dark-mode .sidebar-card {
  background:linear-gradient(145deg,#172943,#101e33) !important;
  border-color:var(--account-border) !important;
  color:#edf4ff !important;
}
body.dark-mode .public-profile-avatar,
body.dark-mode .service-card-icon,
body.dark-mode .document-public-icon {
  background:#1b2e49 !important;
}
body.dark-mode .public-profile-tags span,
body.dark-mode .profile-type-pill,
body.dark-mode .future-data-pill,
body.dark-mode .future-review-badges span,
body.dark-mode .badge-placeholder-list span {
  background:rgba(91,145,243,.12) !important;
  color:#aac7ff !important;
  border-color:rgba(103,156,243,.22) !important;
}
body.dark-mode .trust-metric,
body.dark-mode .public-quick-detail,
body.dark-mode .public-service-card,
body.dark-mode .document-public-preview,
body.dark-mode .reviews-empty-state,
body.dark-mode .future-review-example,
body.dark-mode .sidebar-contact-item {
  background:#182b46 !important;
  border-color:var(--account-border) !important;
  color:#edf4ff !important;
}
body.dark-mode .reputation-column.positive {
  background:rgba(55,211,138,.09) !important;
  border-color:rgba(70,217,146,.23) !important;
}
body.dark-mode .reputation-column.negative {
  background:rgba(255,146,86,.08) !important;
  border-color:rgba(255,159,103,.22) !important;
}
body.dark-mode .reputation-tag-list span {
  background:#1b2e49 !important;
  color:#dce6f4 !important;
}
body.dark-mode .otto-public-card {
  background:linear-gradient(135deg,rgba(63,126,239,.16),rgba(130,86,232,.11)) !important;
}
body.dark-mode .public-profile-page :is(.public-headline,.public-location,.public-about-text,
  .document-public-preview p,.reviews-empty-state p,.timeline-item p,.contact-safety-note,
  .share-profile-card p,.sidebar-contact-item small) {
  color:#aebed3 !important;
}

/* Toggle controls: dark tracks and readable surrounding surfaces */
body.dark-mode :is(.toggle-track,.settings-switch) {
  background:#425773 !important;
}
body.dark-mode input:checked + :is(.toggle-track,.settings-switch) {
  background:linear-gradient(90deg,#3978ef,#7255df) !important;
}
body.dark-mode :is(.toggle-track,.settings-switch)::after {
  background:#f8fbff !important;
}

/* Generic emergency catch for remaining light utility surfaces */
body.dark-mode :is(
  .future-photo-note,.editor-toggle,.notification-toggle-list label,
  .preference-row,.saved-help-list li,.settings-toggle-row,
  .analytics-card,.metric-card,.info-card
) {
  background:#182b46 !important;
  color:#edf4ff !important;
  border-color:var(--account-border) !important;
}

/* Active/disabled state clarity */
body.dark-mode button:disabled,
body.dark-mode .disabled {
  opacity:.55;
  filter:saturate(.65);
}
body.dark-mode button:not(:disabled):active {
  transform:translateY(0);
}

/* Compact responsive surfaces remain dark */
@media (max-width:760px) {
  body.dark-mode :is(
    .conversation-sidebar,.chat-panel,.profile-panel,.notification-sidebar,
    .reviews-sidebar,.saved-sidebar,.profile-preview-sidebar,.settings-sidebar
  ) {
    background:#101e33 !important;
  }
}


/* ============================================================
   FINAL SURFACE AUDIT
   Exact selectors for the remaining bright or mismatched blocks.
   ============================================================ */

/* Account Settings activity timeline */
body.dark-mode .settings-timeline {
  gap: 18px !important;
}

body.dark-mode .settings-timeline section {
  padding: 14px !important;
  border: 1px solid rgba(145, 177, 224, .16) !important;
  border-radius: 18px !important;
  background: #0d192b !important;
}

body.dark-mode .settings-timeline section h3 {
  color: #b9c7da !important;
}

body.dark-mode .settings-timeline section article {
  background: linear-gradient(145deg, #1a2e4a, #14243b) !important;
  border: 1px solid rgba(145, 177, 224, .22) !important;
  color: #f3f7ff !important;
  box-shadow: none !important;
}

body.dark-mode .settings-timeline section article strong {
  color: #f5f8ff !important;
}

body.dark-mode .settings-timeline section article p {
  color: #b4c2d6 !important;
}

/* Full messages conversation area */
body.dark-mode .chat-messages {
  background:
    radial-gradient(circle at 50% 0%, rgba(79, 126, 216, .07), transparent 28rem),
    #0a1526 !important;
}

body.dark-mode .conversation-start-notice {
  background: rgba(25, 43, 68, .92) !important;
  border-color: rgba(135, 172, 226, .22) !important;
  color: #cbd6e7 !important;
}

body.dark-mode .conversation-start-notice strong {
  color: #edf4ff !important;
}

body.dark-mode .conversation-start-notice span {
  color: #9eb0c8 !important;
}

body.dark-mode .message-row.theirs .message-bubble {
  background: linear-gradient(145deg, #1c304c, #172840) !important;
  color: #edf4ff !important;
  border-color: rgba(145, 177, 224, .21) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .16) !important;
}

body.dark-mode .message-row.mine .message-bubble {
  background: linear-gradient(135deg, #3978ef, #7055df) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 9px 25px rgba(57, 120, 239, .23) !important;
}

body.dark-mode .message-row .message-bubble p {
  color: inherit !important;
}

body.dark-mode .message-row.theirs .message-bubble time {
  color: #91a5c0 !important;
}

body.dark-mode .message-row.mine .message-bubble time {
  color: #d8e5ff !important;
}

body.dark-mode .profile-panel-status {
  background: rgba(64, 211, 139, .10) !important;
  border: 1px solid rgba(72, 218, 147, .22) !important;
  color: #bdebd2 !important;
}

body.dark-mode .profile-panel-status strong {
  color: #80ecb5 !important;
}

body.dark-mode .profile-panel-tags span,
body.dark-mode .profile-panel-services span {
  background: rgba(93, 145, 240, .13) !important;
  color: #b6ceff !important;
  border: 1px solid rgba(104, 156, 242, .22) !important;
}

body.dark-mode .profile-panel > section {
  border-color: rgba(145, 177, 224, .17) !important;
}

/* Profile editor analytics and toggle rows */
body.dark-mode .editor-analytics-grid div {
  background: linear-gradient(145deg, #1a2e4a, #14243b) !important;
  border: 1px solid rgba(145, 177, 224, .22) !important;
  color: #edf4ff !important;
}

body.dark-mode .editor-analytics-grid strong {
  color: #f5f8ff !important;
}

body.dark-mode .editor-analytics-grid span {
  color: #a9b9cf !important;
}

body.dark-mode .editor-toggle-list .editor-toggle,
body.dark-mode .editor-card .editor-toggle {
  background: linear-gradient(145deg, #1a2d47, #14243a) !important;
  border: 1px solid rgba(145, 177, 224, .20) !important;
  color: #edf4ff !important;
}

body.dark-mode .editor-toggle strong {
  color: #edf4ff !important;
}

body.dark-mode .editor-toggle small {
  color: #9eafc7 !important;
}

/* Small counters and badges in account navigation */
body.dark-mode .dashboard-nav-count,
body.dark-mode .account-section-nav .nav-count,
body.dark-mode .sidebar-count {
  background: rgba(91, 145, 243, .18) !important;
  color: #b9d0ff !important;
  border: 1px solid rgba(103, 157, 244, .24) !important;
}

/* Community hero and summary alignment */
body.dark-mode .forum-hero {
  background:
    radial-gradient(circle at 90% 18%, rgba(133, 91, 240, .12), transparent 29rem),
    radial-gradient(circle at 12% 0%, rgba(64, 125, 239, .10), transparent 28rem),
    #142238 !important;
}

body.dark-mode .community-summary article {
  background: linear-gradient(145deg, #172943, #101e33) !important;
  border-color: rgba(145, 177, 224, .20) !important;
}

/* Light mode cleanup for the same exact components */
body:not(.dark-mode) .settings-timeline section {
  padding: 14px;
  border: 1px solid #e3e9f2;
  border-radius: 18px;
  background: #f8faff;
}

body:not(.dark-mode) .chat-messages {
  background: #f5f8fc;
}

body:not(.dark-mode) .editor-analytics-grid div {
  background: #f7f9fd;
  border-color: #dce5f1;
}

body:not(.dark-mode) .editor-toggle-list .editor-toggle,
body:not(.dark-mode) .editor-card .editor-toggle {
  background: #f8faff;
  border: 1px solid #dfe7f2;
}


/* ============================================================
   DARK MODE FOLLOW-UP — exact remaining components
   ============================================================ */

/* Messages profile response card */
body.dark-mode .profile-panel-response,
body.dark-mode .messages-status-card {
  background:
    linear-gradient(135deg, rgba(54, 211, 139, .13), rgba(43, 166, 119, .06)),
    #162941 !important;
  border: 1px solid rgba(75, 218, 149, .25) !important;
  color: #c7f1da !important;
  box-shadow: none !important;
}

body.dark-mode .profile-panel-response strong,
body.dark-mode .messages-status-card strong {
  color: #86efb9 !important;
}

body.dark-mode .profile-panel-response small,
body.dark-mode .messages-status-card small {
  color: #a9cdbb !important;
}

body.dark-mode .profile-panel-response .status-dot,
body.dark-mode .messages-status-card .status-dot {
  box-shadow: 0 0 0 7px rgba(69, 214, 145, .10) !important;
}

/* Reviews: owner reply, timeline, footer, status badge */
body.dark-mode .owner-reply {
  background:
    linear-gradient(90deg, rgba(78, 137, 242, .15), transparent 55%),
    #182c48 !important;
  border-left-color: #5d96f5 !important;
  color: #edf4ff !important;
}

body.dark-mode .owner-reply strong {
  color: #f4f7ff !important;
}

body.dark-mode .owner-reply p {
  color: #c3d0e3 !important;
}

body.dark-mode .review-timeline {
  background: #0d192b !important;
  border-color: rgba(147, 180, 224, .24) !important;
}

body.dark-mode .review-timeline p {
  color: #b5c3d7 !important;
}

body.dark-mode .review-timeline span {
  background: #13243b !important;
  border-color: #7f93b1 !important;
}

body.dark-mode .review-card-footer {
  background: #101e33 !important;
  border-top-color: rgba(147, 180, 224, .20) !important;
}

body.dark-mode .helpful-button,
body.dark-mode .review-text-button {
  background: #1a2e49 !important;
  color: #d4deed !important;
  border-color: rgba(147, 180, 224, .22) !important;
}

body.dark-mode .helpful-button:hover,
body.dark-mode .review-text-button:hover {
  background: #24405f !important;
  color: #ffffff !important;
}

body.dark-mode .helpful-button.selected {
  background: rgba(55, 211, 139, .13) !important;
  border-color: rgba(76, 219, 149, .30) !important;
  color: #8aefbb !important;
}

body.dark-mode .review-status {
  border: 1px solid rgba(147, 180, 224, .18) !important;
}

body.dark-mode .review-status.replied {
  background: rgba(80, 139, 244, .15) !important;
  color: #a9c6ff !important;
}

/* Saved Items: tabs and every remaining form shell */
body.dark-mode .saved-tabs,
body.dark-mode .saved-controls {
  background: linear-gradient(145deg, #172943, #101e33) !important;
  border-color: rgba(147, 180, 224, .21) !important;
}

body.dark-mode .saved-tab {
  background: #172a45 !important;
  color: #aebed4 !important;
  border-color: rgba(147, 180, 224, .20) !important;
}

body.dark-mode .saved-tab.active {
  background: linear-gradient(135deg, #3978ef, #7755e5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 22px rgba(64, 118, 237, .22) !important;
}

body.dark-mode .saved-controls .saved-search-box,
body.dark-mode .saved-controls label,
body.dark-mode .saved-controls .filter-field {
  background: #0b1729 !important;
  color: #edf4ff !important;
  border-color: rgba(147, 180, 224, .23) !important;
}

body.dark-mode .saved-controls select {
  background: #101e33 !important;
  color: #eef4ff !important;
  border-color: rgba(147, 180, 224, .23) !important;
}

/* Account Settings appearance area */
body.dark-mode .settings-panel[data-panel="appearance"] {
  background:
    radial-gradient(circle at 85% 8%, rgba(126, 89, 238, .10), transparent 22rem),
    linear-gradient(145deg, #172943, #101e33) !important;
}

body.dark-mode .settings-theme-card {
  background: #14253d !important;
  color: #edf4ff !important;
  border-color: rgba(147, 180, 224, .22) !important;
}

body.dark-mode .settings-theme-card:hover {
  background: #1a304e !important;
  border-color: rgba(110, 161, 245, .43) !important;
}

body.dark-mode .settings-theme-card.active {
  background:
    linear-gradient(145deg, rgba(63, 122, 237, .15), rgba(117, 82, 226, .10)),
    #172a45 !important;
  border-color: #6095f5 !important;
  box-shadow: 0 0 0 3px rgba(72, 132, 242, .14) !important;
}

body.dark-mode .settings-theme-card strong {
  color: #f4f7ff !important;
}

body.dark-mode .settings-theme-card small {
  color: #a9b9cf !important;
}

body.dark-mode .settings-theme-preview {
  border-color: rgba(147, 180, 224, .25) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

body.dark-mode .settings-list {
  border: 1px solid rgba(147, 180, 224, .21) !important;
  background: #13243b !important;
}

body.dark-mode .settings-toggle-row {
  background: transparent !important;
  color: #edf4ff !important;
  border-bottom-color: rgba(147, 180, 224, .18) !important;
}

body.dark-mode .settings-toggle-row strong {
  color: #f2f6ff !important;
}

body.dark-mode .settings-toggle-row small {
  color: #a7b7cd !important;
}

/* Onboarding pages */
body.dark-mode .progress-bar {
  background: rgba(8, 17, 31, .92) !important;
  border-bottom: 1px solid rgba(147, 180, 224, .18) !important;
}

body.dark-mode .progress-line {
  background: #263953 !important;
}

body.dark-mode .progress-fill {
  background: linear-gradient(90deg, #3978ef, #8b62ef) !important;
}

body.dark-mode .progress-steps .step {
  background: #13243b !important;
  color: #9eb0c8 !important;
  border-color: #3b5273 !important;
}

body.dark-mode .progress-steps .step.active,
body.dark-mode .progress-steps .step.completed {
  background: linear-gradient(135deg, #3978ef, #7755e5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

body.dark-mode .welcome-container,
body.dark-mode .onboarding-container,
body.dark-mode .profile-choice-container,
body.dark-mode .profile-form-container,
body.dark-mode .profile-preview-page,
body.dark-mode .profile-review-page {
  color: #eef4ff !important;
}

body.dark-mode .welcome-container h1,
body.dark-mode .onboarding-container h1 {
  color: #f5f8ff !important;
}

body.dark-mode .welcome-container .subtitle,
body.dark-mode .onboarding-container .subtitle {
  color: #84adff !important;
}

body.dark-mode .welcome-container .description,
body.dark-mode .onboarding-desc {
  color: #bdcadd !important;
}

body.dark-mode .welcome-container .primary-btn,
body.dark-mode .onboarding-container .primary-btn {
  background: linear-gradient(135deg, #3978ef, #7755e5) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(57, 120, 239, .27) !important;
}

body.dark-mode .choice-card,
body.dark-mode .profile-choice-card,
body.dark-mode .onboarding-card,
body.dark-mode .profile-form-card,
body.dark-mode .preview-card {
  background: linear-gradient(145deg, #172943, #101e33) !important;
  border-color: rgba(147, 180, 224, .22) !important;
  color: #edf4ff !important;
}

/* Light mode improvements for the same specific blocks */
body:not(.dark-mode) .profile-panel-response,
body:not(.dark-mode) .messages-status-card {
  background: #f1fcf6 !important;
  border-color: #c7edd8 !important;
}

body:not(.dark-mode) .review-card-footer {
  background: #f7f9fc !important;
}

body:not(.dark-mode) .saved-tabs,
body:not(.dark-mode) .saved-controls,
body:not(.dark-mode) .settings-list {
  background: #f8faff !important;
}


/* ============================================================
   ONBOARDING STEPS 3–8 — COMPLETE DARK MODE + ALIGNMENT
   ============================================================ */

/* Shared page canvas */
body.dark-mode .ntd-onboarding {
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 10%, rgba(61, 124, 241, .15), transparent 30rem),
    radial-gradient(circle at 88% 16%, rgba(137, 87, 239, .12), transparent 30rem),
    linear-gradient(180deg, #0b1628 0%, #08111f 58%, #050b15 100%) !important;
  color: #eef4ff !important;
}

body.dark-mode .ntd-onboarding .onboarding-bg {
  opacity: .22 !important;
  filter: saturate(.8);
}

body.dark-mode .ntd-onboarding :is(h1,h2,h3,h4,strong,label,legend) {
  color: #f4f7ff !important;
}

body.dark-mode .ntd-onboarding :is(p,small,.onboarding-desc,.field-help,.field-optional) {
  color: #b8c6da !important;
}

body.dark-mode .ntd-onboarding .otto-text {
  color: #8eb5ff !important;
}

/* Step progress */
body.dark-mode .ntd-onboarding .progress-bar {
  background: rgba(7, 15, 28, .86) !important;
  border-bottom: 1px solid rgba(145, 177, 224, .18) !important;
  backdrop-filter: blur(15px);
}

body.dark-mode .ntd-onboarding .progress-line {
  background: #243751 !important;
}

body.dark-mode .ntd-onboarding .progress-fill {
  background: linear-gradient(90deg, #3978ef, #8a61ed) !important;
  box-shadow: 0 0 18px rgba(74, 132, 242, .22);
}

body.dark-mode .ntd-onboarding .step {
  background: #13243b !important;
  color: #9eafc7 !important;
  border-color: #3a5274 !important;
}

body.dark-mode .ntd-onboarding .step.done,
body.dark-mode .ntd-onboarding .step.active {
  background: linear-gradient(135deg, #3978ef, #7755e5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 7px 20px rgba(62, 121, 237, .25);
}

/* Otto alignment — main mascot and Step 3 tip */
.profile-select-wrap .otto-big,
.details-wrap .otto-big,
.services-wrap .otto-big,
.extra-wrap .otto-big,
.preview-wrap .otto-big,
.review-wrap .otto-big {
  width: 100%;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center;
}

.profile-select-wrap .otto-big img,
.details-wrap .otto-big img,
.services-wrap .otto-big img,
.extra-wrap .otto-big img,
.preview-wrap .otto-big img,
.review-wrap .otto-big img {
  display: block;
  margin-inline: auto !important;
}

.profile-select-wrap .otto-tip {
  width: min(900px, 100%);
  margin-inline: auto;
}

.profile-select-wrap .otto-header {
  width: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px;
}

.profile-select-wrap .otto-header img {
  display: block;
  margin: 0 auto !important;
}

.profile-select-wrap .otto-header h3 {
  margin: 0;
  text-align: center;
}

/* Step 3 — profile choice */
body.dark-mode .profile-select-wrap {
  color: #eef4ff !important;
}

body.dark-mode .profile-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 82, 230, .10), transparent 38%),
    linear-gradient(145deg, #172943, #101e33) !important;
  border: 1px solid rgba(145, 177, 224, .22) !important;
  color: #edf4ff !important;
  box-shadow: 0 15px 38px rgba(0, 0, 0, .18) !important;
}

body.dark-mode .profile-card:hover {
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 82, 230, .16), transparent 42%),
    linear-gradient(145deg, #1c3150, #14243c) !important;
  border-color: rgba(101, 155, 244, .48) !important;
  transform: translateY(-3px);
}

body.dark-mode .profile-card.selected {
  border-color: #679aff !important;
  box-shadow:
    0 0 0 4px rgba(83, 143, 246, .14),
    0 16px 40px rgba(0, 0, 0, .22) !important;
}

body.dark-mode .profile-card p,
body.dark-mode .profile-card li {
  color: #b8c6da !important;
}

body.dark-mode .profile-card .tier-price {
  background: rgba(84, 140, 241, .14) !important;
  color: #a9c6ff !important;
  border-color: rgba(103, 157, 244, .22) !important;
}

body.dark-mode .profile-card .profile-icon {
  background: #1b2e49 !important;
}

body.dark-mode .otto-tip {
  background:
    radial-gradient(circle at 50% 0%, rgba(126, 88, 238, .12), transparent 24rem),
    linear-gradient(145deg, #172943, #101e33) !important;
  border: 1px solid rgba(145, 177, 224, .22) !important;
  color: #edf4ff !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .20) !important;
}

body.dark-mode .otto-tip p {
  color: #b8c6da !important;
}

body.dark-mode .tip-title {
  background: rgba(82, 139, 242, .14) !important;
  color: #a9c6ff !important;
  border: 1px solid rgba(104, 157, 244, .22) !important;
}

body.dark-mode .tip-vs {
  color: #a8b8cf !important;
}

body.dark-mode .tip-note {
  background: rgba(255, 195, 83, .10) !important;
  color: #f5d99d !important;
  border-color: rgba(255, 201, 96, .22) !important;
}

body.dark-mode .continue-profile-btn:disabled {
  background: #1b2b43 !important;
  color: #73849e !important;
  border-color: rgba(145, 177, 224, .15) !important;
}

body.dark-mode .continue-profile-btn:not(:disabled) {
  background: linear-gradient(135deg, #3978ef, #7755e5) !important;
  color: #ffffff !important;
}

/* Steps 4–6 — form cards and service selection */
body.dark-mode :is(.details-card,.services-card,.extra-card) {
  background:
    radial-gradient(circle at 100% 0%, rgba(105, 80, 226, .08), transparent 34%),
    linear-gradient(145deg, #172943, #101e33) !important;
  border: 1px solid rgba(145, 177, 224, .22) !important;
  color: #edf4ff !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .20) !important;
}

body.dark-mode :is(.details-card,.services-card,.extra-card) input,
body.dark-mode :is(.details-card,.services-card,.extra-card) textarea,
body.dark-mode :is(.details-card,.services-card,.extra-card) select {
  background: #0b1729 !important;
  color: #edf4ff !important;
  border-color: rgba(145, 177, 224, .24) !important;
}

body.dark-mode :is(.details-card,.services-card,.extra-card) input::placeholder,
body.dark-mode :is(.details-card,.services-card,.extra-card) textarea::placeholder {
  color: #7285a2 !important;
}

body.dark-mode .service-options button,
body.dark-mode .service-option,
body.dark-mode .custom-service-area,
body.dark-mode .custom-input-wrap {
  background: #172a45 !important;
  color: #dce6f4 !important;
  border-color: rgba(145, 177, 224, .22) !important;
}

body.dark-mode .service-options button:hover,
body.dark-mode .service-option:hover {
  background: #1d3453 !important;
  border-color: rgba(104, 157, 244, .42) !important;
}

body.dark-mode .service-options button.selected,
body.dark-mode .service-option.selected {
  background: linear-gradient(135deg, rgba(57,120,239,.24), rgba(119,85,229,.15)) !important;
  color: #b8d0ff !important;
  border-color: #679aff !important;
}

body.dark-mode .selection-counter,
body.dark-mode .custom-count,
body.dark-mode .optional-pill,
body.dark-mode .section-label {
  background: rgba(84, 140, 241, .13) !important;
  color: #aac7ff !important;
  border-color: rgba(104, 157, 244, .22) !important;
}

body.dark-mode .choice-toggle-box {
  background: #0c182a !important;
  border-color: #465f83 !important;
}

body.dark-mode .choice-toggle input:checked + .choice-toggle-box {
  background: linear-gradient(135deg, #3978ef, #7755e5) !important;
  border-color: transparent !important;
}

body.dark-mode .choice-toggle strong {
  color: #edf4ff !important;
}

body.dark-mode .choice-toggle small {
  color: #9fb0c8 !important;
}

/* Step 7 — generated preview */
body.dark-mode .profile-preview-page {
  background:
    radial-gradient(circle at 10% 20%, rgba(37,99,235,.13), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(124,58,237,.10), transparent 24%),
    linear-gradient(145deg, #0c182a, #08111f 62%, #050b15) !important;
}

body.dark-mode .preview-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(117, 83, 228, .11), transparent 32%),
    linear-gradient(145deg, #172943, #101e33) !important;
  border: 1px solid rgba(145, 177, 224, .22) !important;
  color: #edf4ff !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22) !important;
}

body.dark-mode .preview-card li,
body.dark-mode #previewList li {
  background: #182b46 !important;
  color: #dce6f4 !important;
  border-color: rgba(145, 177, 224, .20) !important;
}

body.dark-mode .preview-label {
  color: #9eb0c8 !important;
}

body.dark-mode .preview-subtitle {
  color: #b9c7da !important;
}

body.dark-mode .preview-icon {
  background: #1b2e49 !important;
}

/* Step 8 — final review and publish */
body.dark-mode :is(.public-profile-preview,.profile-strength-card,.publish-note) {
  background:
    radial-gradient(circle at 100% 0%, rgba(112, 83, 229, .09), transparent 32%),
    linear-gradient(145deg, #172943, #101e33) !important;
  border-color: rgba(145, 177, 224, .22) !important;
  color: #edf4ff !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .21) !important;
}

body.dark-mode .profile-preview-header {
  background:
    radial-gradient(circle at top right, rgba(124,58,237,.15), transparent 34%),
    linear-gradient(135deg, #1b2e49, #14243b) !important;
  border-color: rgba(145, 177, 224, .18) !important;
}

body.dark-mode .profile-avatar {
  background: #1b2e49 !important;
  color: #edf4ff !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.20) !important;
}

body.dark-mode .profile-type-label,
body.dark-mode .review-mini-label {
  color: #8eb5ff !important;
}

body.dark-mode .profile-location,
body.dark-mode .profile-preview-section p,
body.dark-mode .publish-note p {
  color: #b8c6da !important;
}

body.dark-mode .profile-preview-section {
  border-top-color: rgba(145, 177, 224, .18) !important;
}

body.dark-mode .review-detail-grid > div,
body.dark-mode .document-preview-card,
body.dark-mode .review-contact-list li,
body.dark-mode .strength-suggestions li {
  background: #182b46 !important;
  color: #dce6f4 !important;
  border-color: rgba(145, 177, 224, .20) !important;
}

body.dark-mode .review-tags span,
body.dark-mode .review-profile-tags span,
body.dark-mode .review-work-style span {
  background: rgba(86, 142, 241, .13) !important;
  color: #aac7ff !important;
  border-color: rgba(104, 157, 244, .22) !important;
}

body.dark-mode .strength-track {
  background: #263953 !important;
}

body.dark-mode .strength-fill {
  background: linear-gradient(90deg, #3978ef, #8a61ed) !important;
}

body.dark-mode .new-profile-badge {
  background: rgba(55, 211, 139, .12) !important;
  color: #85ecb8 !important;
}

body.dark-mode .publish-profile-btn {
  background: linear-gradient(135deg, #3978ef, #7755e5) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(57, 120, 239, .27) !important;
}

/* Shared step buttons */
body.dark-mode .ntd-onboarding .primary-btn {
  background: linear-gradient(135deg, #3978ef, #7755e5) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 11px 27px rgba(57, 120, 239, .24) !important;
}

body.dark-mode .ntd-onboarding .secondary-btn {
  background: #172a45 !important;
  color: #dce6f4 !important;
  border-color: rgba(145, 177, 224, .22) !important;
}

body.dark-mode .ntd-onboarding .secondary-btn:hover {
  background: #203955 !important;
  color: #ffffff !important;
}

/* Mobile alignment */
@media (max-width: 720px) {
  .profile-select-wrap .otto-header {
    align-items: center !important;
    text-align: center !important;
  }

  .profile-select-wrap .tip-comparison {
    justify-content: center;
    text-align: center;
  }
}


/* ============================================================
   FINAL DARK MODE TOUCH-UPS
   Saved Items filters + account message counters.
   ============================================================ */

/* Saved Items filter wrappers */
body.dark-mode .saved-controls {
  background: linear-gradient(145deg, #172943, #101e33) !important;
  border-color: rgba(145, 177, 224, .22) !important;
}

body.dark-mode .saved-controls > label,
body.dark-mode .saved-controls .filter-field,
body.dark-mode .saved-filter-field {
  background: #13243b !important;
  border: 1px solid rgba(145, 177, 224, .22) !important;
  color: #edf4ff !important;
  box-shadow: none !important;
}

body.dark-mode .saved-controls > label > span,
body.dark-mode .saved-controls .filter-field > span,
body.dark-mode .saved-filter-field > span {
  color: #aab9ce !important;
}

body.dark-mode .saved-controls select,
body.dark-mode .saved-filter-field select {
  background: #0b1729 !important;
  color: #edf4ff !important;
  border-color: rgba(145, 177, 224, .24) !important;
  box-shadow: none !important;
}

body.dark-mode .saved-controls select:focus,
body.dark-mode .saved-filter-field select:focus {
  border-color: #6395ff !important;
  box-shadow: 0 0 0 4px rgba(99, 149, 255, .14) !important;
}

/* Account navigation message / notification count badges */
body.dark-mode :is(
  .dashboard-nav-count,
  .sidebar-count,
  .nav-count,
  .account-count,
  .messages-count,
  .account-section-nav .count,
  .dashboard-nav-item .count
) {
  min-width: 24px !important;
  height: 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(67, 128, 239, .30), rgba(117, 85, 229, .24)) !important;
  color: #c8d9ff !important;
  border: 1px solid rgba(105, 157, 244, .30) !important;
  box-shadow: none !important;
}

body.dark-mode :is(
  .dashboard-nav-count,
  .sidebar-count,
  .nav-count,
  .account-count,
  .messages-count,
  .account-section-nav .count,
  .dashboard-nav-item .count
):empty {
  display: none !important;
}

/* Catch the exact zero badge used in the sidebar */
body.dark-mode .dashboard-nav-item > b,
body.dark-mode .account-section-nav a > b {
  background: linear-gradient(135deg, rgba(67, 128, 239, .30), rgba(117, 85, 229, .24)) !important;
  color: #c8d9ff !important;
  border: 1px solid rgba(105, 157, 244, .30) !important;
}


/* ============================================================
   SAVED ITEMS — EXACT FILTER WRAPPER FIX
   The filter cards live inside .saved-toolbar, not .saved-controls.
   ============================================================ */
body.dark-mode .saved-toolbar {
  background: linear-gradient(145deg, #172943, #101e33) !important;
  border-color: rgba(145, 177, 224, .22) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
}

body.dark-mode .saved-toolbar > label,
body.dark-mode .saved-toolbar > label:not(.saved-search-box),
body.dark-mode .saved-toolbar .saved-search-box {
  background: #13243b !important;
  color: #edf4ff !important;
  border: 1px solid rgba(145, 177, 224, .24) !important;
  box-shadow: none !important;
}

body.dark-mode .saved-toolbar > label > span {
  color: #9fb0c8 !important;
}

body.dark-mode .saved-toolbar select,
body.dark-mode .saved-toolbar input {
  background: transparent !important;
  color: #edf4ff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.dark-mode .saved-toolbar select option {
  background: #101e33 !important;
  color: #edf4ff !important;
}

body.dark-mode .saved-toolbar > label:focus-within {
  border-color: #6395ff !important;
  box-shadow: 0 0 0 4px rgba(99, 149, 255, .14) !important;
}