/* ========================================================================
   SocialPress V4.8.5 — final appearance compatibility layer
   Loaded after all route/page styles. Light mode remains the default.
   ======================================================================== */

html.sp-theme-dark-root{
  --sp-bg:#18191a;
  --sp-card:#242526;
  --sp-card-soft:#2b2d31;
  --sp-text:#e4e6eb;
  --sp-muted:#b0b3b8;
  --sp-subtle:#8a8d91;
  --sp-line:#3e4042;
  --sp-hover:#353638;
  --sp-input:#3a3b3c;
  --sp-blue:#2d88ff;
  --sp-blue-soft:#26384f;
  --sp-green:#45bd62;
  --sp-red:#ff6b6b;
  --sp-shadow:none;
  background:#18191a!important;
  color-scheme:dark;
}
html.sp-theme-dark-root body.sp-theme-dark{
  background:var(--sp-bg)!important;
  color:var(--sp-text)!important;
  color-scheme:dark;
}
body.sp-theme-dark *{scrollbar-color:#5b5d62 #242526}
body.sp-theme-dark ::selection{background:#315f98;color:#fff}

/* Core shell + header ---------------------------------------------------- */
body.sp-theme-dark .sp-shell,
body.sp-theme-dark .sp-feed,
body.sp-theme-dark .sp-left,
body.sp-theme-dark .sp-right,
body.sp-theme-dark .sp-app-page,
body.sp-theme-dark .sp-settings-page,
body.sp-theme-dark .sp-friends-page,
body.sp-theme-dark .sp-messages-page,
body.sp-theme-dark .sp-group-page,
body.sp-theme-dark .sp-groups-directory{background:transparent!important;color:var(--sp-text)!important}

body.sp-theme-dark .sp-topbar{
  background:var(--sp-card)!important;
  color:var(--sp-text)!important;
  border-bottom:1px solid var(--sp-line)!important;
  box-shadow:none!important;
}
body.sp-theme-dark .sp-brand,
body.sp-theme-dark .sp-brand-text{color:var(--sp-text)!important}
body.sp-theme-dark .sp-search,
body.sp-theme-dark .sp-nav-icons>a:not(.sp-login-pill),
body.sp-theme-dark .sp-mobile-menu-toggle{
  background:var(--sp-input)!important;
  border-color:var(--sp-line)!important;
  color:var(--sp-text)!important;
  box-shadow:none!important;
}
body.sp-theme-dark .sp-search:focus-within{background:#404143!important;box-shadow:0 0 0 2px rgba(45,136,255,.22)!important}
body.sp-theme-dark .sp-search input{color:var(--sp-text)!important;-webkit-text-fill-color:var(--sp-text)!important}
body.sp-theme-dark .sp-search input::placeholder{color:var(--sp-muted)!important}
body.sp-theme-dark .sp-search .sp-icon{color:var(--sp-muted)!important}
body.sp-theme-dark .sp-nav-icons>a.active{background:var(--sp-blue-soft)!important;color:var(--sp-blue)!important}

/* Universal dark form controls ----------------------------------------- */
body.sp-theme-dark input[type="text"],
body.sp-theme-dark input[type="search"],
body.sp-theme-dark input[type="email"],
body.sp-theme-dark input[type="password"],
body.sp-theme-dark input[type="url"],
body.sp-theme-dark input[type="tel"],
body.sp-theme-dark input[type="number"],
body.sp-theme-dark input[type="date"],
body.sp-theme-dark input[type="time"],
body.sp-theme-dark textarea,
body.sp-theme-dark select{
  background-color:var(--sp-input)!important;
  border-color:#4a4b4d!important;
  color:var(--sp-text)!important;
  -webkit-text-fill-color:var(--sp-text)!important;
  caret-color:var(--sp-text)!important;
}
body.sp-theme-dark input::placeholder,
body.sp-theme-dark textarea::placeholder{color:var(--sp-subtle)!important;-webkit-text-fill-color:var(--sp-subtle)!important;opacity:1}
body.sp-theme-dark input:focus,
body.sp-theme-dark textarea:focus,
body.sp-theme-dark select:focus{border-color:#5b92da!important;outline-color:#5b92da!important;box-shadow:0 0 0 2px rgba(45,136,255,.16)!important}
body.sp-theme-dark option{background:#242526;color:#e4e6eb}

/* Feed, composer, posts, comments -------------------------------------- */
body.sp-theme-dark :where(
  .sp-composer,.sp-post-card,.sp-comments-card,.sp-empty,.sp-preview-card,
  .sp-stories,.sp-story-create,.sp-shared-post-card,.sp-sponsored-feed-slot,
  .sp-modal-card,.sp-popover,.sp-widget,.sp-contacts-widget
){background:var(--sp-card)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-composer-trigger,
body.sp-theme-dark .sp-modal-close,
body.sp-theme-dark .sp-upload-preview span{background:var(--sp-input)!important;color:var(--sp-muted)!important}
body.sp-theme-dark .sp-composer-actions,
body.sp-theme-dark .sp-social-stats,
body.sp-theme-dark .sp-widget,
body.sp-theme-dark .sp-side-card,
body.sp-theme-dark .sp-modal-head{border-color:var(--sp-line)!important}
body.sp-theme-dark .sp-side-card,
body.sp-theme-dark .sp-post-meta span,
body.sp-theme-dark .sp-social-stats,
body.sp-theme-dark .sp-actions button,
body.sp-theme-dark .sp-actions a,
body.sp-theme-dark .sp-composer-actions button,
body.sp-theme-dark .sp-more,
body.sp-theme-dark .sp-widget-title,
body.sp-theme-dark .sp-empty p,
body.sp-theme-dark .sp-status{color:var(--sp-muted)!important}
body.sp-theme-dark .sp-author,
body.sp-theme-dark .sp-post-text,
body.sp-theme-dark .sp-modal-head h3,
body.sp-theme-dark .sp-modal-user{color:var(--sp-text)!important}
body.sp-theme-dark .sp-side-user:hover,
body.sp-theme-dark .sp-side-link:hover,
body.sp-theme-dark .sp-contact:hover,
body.sp-theme-dark .sp-composer-trigger:hover,
body.sp-theme-dark .sp-composer-actions button:hover,
body.sp-theme-dark .sp-actions button:hover,
body.sp-theme-dark .sp-actions a:hover,
body.sp-theme-dark .sp-more:hover{background:var(--sp-hover)!important}
body.sp-theme-dark .sp-online-wrap i{border-color:var(--sp-bg)!important}
body.sp-theme-dark .sp-media-grid{background:#111!important}
body.sp-theme-dark .comment-list,
body.sp-theme-dark .comment-body{color:var(--sp-text)!important}
body.sp-theme-dark .comment-meta,
body.sp-theme-dark .comment-metadata,
body.sp-theme-dark .sp-inline-comments-head{color:var(--sp-muted)!important}

/* Comments viewer/modal ------------------------------------------------- */
body.sp-theme-dark :where(
  .sp-comments-dialog,.sp-comments-dialog-body,.sp-dialog-side-pane,
  .sp-dialog-post-head,.sp-dialog-post-text,.sp-dialog-statline,
  .sp-dialog-actions,.sp-dialog-comments-scroll,.sp-dialog-form-shell
){background:var(--sp-card)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important}
body.sp-theme-dark .sp-comments-dialog .sp-dialog-layout.has-media{background:#101112!important}
body.sp-theme-dark .sp-dialog-post-head,
body.sp-theme-dark .sp-dialog-statline,
body.sp-theme-dark .sp-dialog-actions,
body.sp-theme-dark .sp-dialog-form-shell{border-color:var(--sp-line)!important}
body.sp-theme-dark .sp-dialog-comment-input-wrap,
body.sp-theme-dark .sp-dialog-comment-input-wrap:focus-within{background:var(--sp-input)!important;border-color:#4a4b4d!important}
body.sp-theme-dark .sp-comments-skel-line,
body.sp-theme-dark .sp-comments-skel-user,
body.sp-theme-dark .sp-comments-skel-input,
body.sp-theme-dark .sp-comments-skel-actions{background:#353638!important}

/* Settings -------------------------------------------------------------- */
body.sp-theme-dark :where(.sp-settings-nav,.sp-settings-card){background:var(--sp-card)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-settings-page-head h1,
body.sp-theme-dark .sp-settings-card h2,
body.sp-theme-dark .sp-settings-section-head h2,
body.sp-theme-dark .sp-settings-user strong,
body.sp-theme-dark .sp-appearance-copy strong{color:var(--sp-text)!important}
body.sp-theme-dark .sp-settings-page-head p,
body.sp-theme-dark .sp-settings-section-head p,
body.sp-theme-dark .sp-settings-card small,
body.sp-theme-dark .sp-settings-eyebrow,
body.sp-theme-dark .sp-settings-nav-title,
body.sp-theme-dark .sp-appearance-copy small,
body.sp-theme-dark .sp-appearance-help{color:var(--sp-muted)!important}
body.sp-theme-dark .sp-settings-nav a{color:var(--sp-text)!important}
body.sp-theme-dark .sp-settings-nav a:hover{background:var(--sp-hover)!important;color:var(--sp-text)!important}
body.sp-theme-dark .sp-settings-nav a.active{background:var(--sp-blue-soft)!important;color:#82b4ff!important}
body.sp-theme-dark .sp-settings-nav-divider{border-color:var(--sp-line)!important}
body.sp-theme-dark .sp-appearance-option{background:var(--sp-card-soft)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-appearance-option:hover{background:#303236!important;border-color:#5f86b8!important}
body.sp-theme-dark .sp-appearance-option.is-selected{background:#27384d!important;border-color:var(--sp-blue)!important;box-shadow:0 0 0 2px rgba(45,136,255,.16)!important}
body.sp-theme-dark .sp-appearance-check{background:#3a3b3c!important}
body.sp-theme-dark .sp-appearance-option.is-selected .sp-appearance-check{background:var(--sp-blue)!important;color:#fff!important}

/* Friends + profile ----------------------------------------------------- */
body.sp-theme-dark :where(
  .sp-friend-search,.sp-friend-tabs,.sp-friend-result,.sp-friend-requests-widget,
  .sp-profile-hero,.sp-profile-card,.sp-profile-tabs,.sp-profile-suggestion-card,
  .sp-social-stats
){background:var(--sp-card)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-friend-tabs a,
body.sp-theme-dark .sp-profile-tabs a{color:var(--sp-muted)!important}
body.sp-theme-dark .sp-friend-tabs a.active,
body.sp-theme-dark .sp-profile-tabs a.active{color:var(--sp-blue)!important;border-color:var(--sp-blue)!important}
body.sp-theme-dark .sp-profile-hero strong,
body.sp-theme-dark .sp-profile-card strong,
body.sp-theme-dark .sp-friend-result strong{color:var(--sp-text)!important}
body.sp-theme-dark .sp-profile-hero small,
body.sp-theme-dark .sp-profile-card small,
body.sp-theme-dark .sp-friend-result small{color:var(--sp-muted)!important}

/* Groups ---------------------------------------------------------------- */
body.sp-theme-dark :where(
  .sp-groups-hero,.sp-group-card,.sp-group-about-card,.sp-group-members-card,
  .sp-group-settings-card,.sp-group-composer,.sp-group-create-form,
  .sp-group-create-preview-wrap,.sp-group-preview,.sp-group-preview-composer,
  .sp-group-preview-about,.sp-group-profile,.sp-group-empty,.sp-group-join-wall,
  .sp-group-post-card,.sp-group-post-request
){background:var(--sp-card)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-group-toolbar,
body.sp-theme-dark .sp-group-tabs,
body.sp-theme-dark .sp-group-profile-tabs,
body.sp-theme-dark .sp-group-composer-bottom,
body.sp-theme-dark .sp-group-request-row{border-color:var(--sp-line)!important}
body.sp-theme-dark .sp-group-card-meta,
body.sp-theme-dark .sp-group-composer-note,
body.sp-theme-dark .sp-group-about-line,
body.sp-theme-dark .sp-group-owner-mini small,
body.sp-theme-dark .sp-group-field small{color:var(--sp-muted)!important}

/* Notifications --------------------------------------------------------- */
body.sp-theme-dark :where(
  .sp-notifications-popover,.sp-notifications-filter-tabs,.sp-notifications-page-card,
  .sp-notification-item
){background:var(--sp-card)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-notification-item:hover{background:var(--sp-hover)!important}
body.sp-theme-dark .sp-notification-item.is-unread{background:#26384f!important}
body.sp-theme-dark .sp-notification-item small,
body.sp-theme-dark .sp-notification-item time{color:var(--sp-muted)!important}

/* Messenger ------------------------------------------------------------- */
body.sp-theme-dark :where(
  .sp-messenger-shell,.sp-messenger-sidebar,.sp-messenger-thread,.sp-chat-active,
  .sp-chat-head,.sp-chat-composer,.sp-conversation-row,.sp-quick-chat,
  .sp-chat-message-actions,.sp-chat-reaction-picker,.sp-chat-reaction-details-card,
  .sp-chat-reaction-more-panel
){background:var(--sp-card)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-messenger-sidebar-head,
body.sp-theme-dark .sp-chat-head,
body.sp-theme-dark .sp-chat-composer,
body.sp-theme-dark .sp-quick-chat>header{border-color:var(--sp-line)!important}
body.sp-theme-dark .sp-messenger-search,
body.sp-theme-dark .sp-chat-input-wrap{background:var(--sp-input)!important;border-color:#4a4b4d!important;color:var(--sp-text)!important}
body.sp-theme-dark .sp-messenger-search input,
body.sp-theme-dark .sp-chat-input-wrap textarea{background:transparent!important;color:var(--sp-text)!important;-webkit-text-fill-color:var(--sp-text)!important}
body.sp-theme-dark .sp-conversation-row:hover{background:var(--sp-hover)!important}
body.sp-theme-dark .sp-conversation-row.is-selected{background:var(--sp-blue-soft)!important}
body.sp-theme-dark .sp-conversation-copy strong,
body.sp-theme-dark .sp-chat-person strong,
body.sp-theme-dark .sp-messenger-brand-title h1,
body.sp-theme-dark .sp-messenger-brand-title span{color:var(--sp-text)!important}
body.sp-theme-dark .sp-conversation-copy small,
body.sp-theme-dark .sp-chat-person small,
body.sp-theme-dark .sp-chat-profile-intro span,
body.sp-theme-dark .sp-chat-message-meta{color:var(--sp-muted)!important}
body.sp-theme-dark .sp-chat-message:not(.is-mine) .sp-chat-bubble{background:#3a3b3c!important;color:var(--sp-text)!important}
body.sp-theme-dark .sp-chat-message.is-mine .sp-chat-bubble{color:#fff!important}
body.sp-theme-dark .sp-chat-typing{background:#3a3b3c!important}
body.sp-theme-dark .sp-chat-typing span{background:#aeb2b8!important}
body.sp-theme-dark .sp-chat-react-trigger,
body.sp-theme-dark .sp-chat-reaction-summary{background:#303133!important;color:var(--sp-text)!important;border-color:#4a4b4d!important}
body.sp-theme-dark .sp-chat-reaction-picker button:hover,
body.sp-theme-dark .sp-chat-reaction-more-panel button:hover{background:var(--sp-hover)!important}

/* Mobile navigation + drawer ------------------------------------------- */
body.sp-theme-dark .sp-mobile-nav,
body.sp-theme-dark .sp-mobile-drawer,
body.sp-theme-dark .sp-mobile-drawer-actions,
body.sp-theme-dark .sp-mobile-menu-section{background:var(--sp-card)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-mobile-nav a{color:var(--sp-muted)!important}
body.sp-theme-dark .sp-mobile-nav a.active{color:var(--sp-blue)!important}
body.sp-theme-dark .sp-mobile-menu-grid a,
body.sp-theme-dark .sp-mobile-drawer-profile a,
body.sp-theme-dark .sp-mobile-drawer-secondary,
body.sp-theme-dark .sp-mobile-theme-toggle,
body.sp-theme-dark .sp-mobile-drawer-close{background:var(--sp-card-soft)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-mobile-menu-grid a:hover{background:var(--sp-hover)!important}

/* Boost + monetization dialogs ----------------------------------------- */
body.sp-theme-dark :where(
  .sp-boost-modal-card,.sp-boost-payment,.sp-boost-gateway-card,
  .sp-boost-manual-payment,.sp-boost-no-gateway
){background:var(--sp-card)!important;color:var(--sp-text)!important;border-color:var(--sp-line)!important;box-shadow:none!important}
body.sp-theme-dark .sp-boost-note,
body.sp-theme-dark .sp-boost-intro p,
body.sp-theme-dark .sp-boost-payment-head p{color:var(--sp-muted)!important}

/* Professional dashboard ------------------------------------------------ */
body.sp-theme-dark.sp-dashboard-route{
  --pd-bg:#18191a;
  --pd-sidebar:#202122;
  --pd-card:#242526;
  --pd-card-soft:#2d2f31;
  --pd-hover:#353638;
  --pd-line:#3e4042;
  --pd-text:#e4e6eb;
  --pd-muted:#b0b3b8;
  --pd-subtle:#8a8d91;
  --pd-blue:#2d88ff;
  --pd-blue-soft:#26384f;
  --pd-green:#45bd62;
  --pd-red:#ff6b6b;
  --pd-chart-grid:#505254;
  --pd-chart-secondary:#d0d5dd;
  background:var(--pd-bg)!important;
  color:var(--pd-text)!important;
}
body.sp-theme-dark.sp-dashboard-route .sp-dv-shell,
body.sp-theme-dark.sp-dashboard-route .sp-dv-shell-rebuilt,
body.sp-theme-dark.sp-dashboard-route .sp-dv-workspace{background:var(--pd-bg)!important;color:var(--pd-text)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-sidebar{background:var(--pd-sidebar)!important;color:var(--pd-text)!important;border-color:var(--pd-line)!important;box-shadow:none!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-sidebar-head strong{color:var(--pd-text)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav>a,
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav-group>button,
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav-group>div>a{color:var(--pd-text)!important;background:transparent!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav>a:hover,
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav-group>button:hover,
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav-group>div>a:hover{background:var(--pd-hover)!important;color:var(--pd-text)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav>a.active,
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav-group>div>a.active{background:var(--pd-blue-soft)!important;color:#8cbcff!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav>a>.sp-icon,
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav-group>button>.sp-icon:first-child,
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav-group>div>a>.sp-icon{background:#2f3134!important;color:var(--pd-muted)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav>a.active>.sp-icon,
body.sp-theme-dark.sp-dashboard-route .sp-dv-nav-group>div>a.active>.sp-icon{background:var(--pd-blue)!important;color:#fff!important}

body.sp-theme-dark.sp-dashboard-route :where(.sp-pd-card,.sp-pd-metric,.sp-dv-card,.sp-dv-dialog-card){background:var(--pd-card)!important;color:var(--pd-text)!important;border-color:var(--pd-line)!important;box-shadow:none!important}
body.sp-theme-dark.sp-dashboard-route .sp-pd-metric.active{background:#263548!important;border-color:var(--pd-blue)!important}
body.sp-theme-dark.sp-dashboard-route .sp-pd-head h1,
body.sp-theme-dark.sp-dashboard-route .sp-pd-card-head h2,
body.sp-theme-dark.sp-dashboard-route .sp-pd-metric>strong,
body.sp-theme-dark.sp-dashboard-route .sp-pd-program strong,
body.sp-theme-dark.sp-dashboard-route .sp-pd-program>b,
body.sp-theme-dark.sp-dashboard-route .sp-pd-post>strong,
body.sp-theme-dark.sp-dashboard-route .sp-pd-fans strong,
body.sp-theme-dark.sp-dashboard-route .sp-pd-link-card strong,
body.sp-theme-dark.sp-dashboard-route .sp-dv-card-title h2,
body.sp-theme-dark.sp-dashboard-route .sp-dv-page-head h1,
body.sp-theme-dark.sp-dashboard-route .sp-dv-table strong,
body.sp-theme-dark.sp-dashboard-route .sp-dvx-list strong,
body.sp-theme-dark.sp-dashboard-route .sp-monetization-metrics strong{color:var(--pd-text)!important}
body.sp-theme-dark.sp-dashboard-route .sp-pd-head p,
body.sp-theme-dark.sp-dashboard-route .sp-pd-card-head p,
body.sp-theme-dark.sp-dashboard-route .sp-pd-metric-top,
body.sp-theme-dark.sp-dashboard-route .sp-pd-metric>small,
body.sp-theme-dark.sp-dashboard-route .sp-pd-key,
body.sp-theme-dark.sp-dashboard-route .sp-pd-legend,
body.sp-theme-dark.sp-dashboard-route .sp-pd-muted-note,
body.sp-theme-dark.sp-dashboard-route .sp-pd-empty,
body.sp-theme-dark.sp-dashboard-route .sp-dv-page-head p,
body.sp-theme-dark.sp-dashboard-route .sp-dv-card-title p,
body.sp-theme-dark.sp-dashboard-route .sp-dv-card-title>span,
body.sp-theme-dark.sp-dashboard-route .sp-dv-table th,
body.sp-theme-dark.sp-dashboard-route .sp-dv-table td,
body.sp-theme-dark.sp-dashboard-route .sp-dv-preview small,
body.sp-theme-dark.sp-dashboard-route .sp-dv-empty,
body.sp-theme-dark.sp-dashboard-route .sp-dvx-list small,
body.sp-theme-dark.sp-dashboard-route .sp-monetization-metrics span,
body.sp-theme-dark.sp-dashboard-route .sp-mon-history span,
body.sp-theme-dark.sp-dashboard-route .sp-mon-history small{color:var(--pd-muted)!important}
body.sp-theme-dark.sp-dashboard-route .sp-pd-date,
body.sp-theme-dark.sp-dashboard-route .sp-dv-date-pill,
body.sp-theme-dark.sp-dashboard-route .sp-dv-export,
body.sp-theme-dark.sp-dashboard-route .sp-dv-columns>button,
body.sp-theme-dark.sp-dashboard-route .sp-dv-select-btn{background:var(--pd-card-soft)!important;color:var(--pd-text)!important;border-color:var(--pd-line)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-search,
body.sp-theme-dark.sp-dashboard-route .sp-dv-columns>div{background:var(--pd-card-soft)!important;color:var(--pd-text)!important;border-color:var(--pd-line)!important;box-shadow:none!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-search input,
body.sp-theme-dark.sp-dashboard-route .sp-dv-select-btn select{background:transparent!important;color:var(--pd-text)!important;-webkit-text-fill-color:var(--pd-text)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-library>.sp-dv-tabs,
body.sp-theme-dark.sp-dashboard-route .sp-dv-library-tools,
body.sp-theme-dark.sp-dashboard-route .sp-dv-comments-top,
body.sp-theme-dark.sp-dashboard-route .sp-mon-history>div{border-color:var(--pd-line)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-table th,
body.sp-theme-dark.sp-dashboard-route .sp-dv-table td{border-color:var(--pd-line)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-table tbody tr:hover{background:var(--pd-hover)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-table tr[data-dv-row]{background:var(--pd-card)!important;border-color:var(--pd-line)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-thumb,
body.sp-theme-dark.sp-dashboard-route .sp-dv-home-thumb{background-color:var(--pd-card-soft)!important;color:var(--pd-muted)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-home-content,
body.sp-theme-dark.sp-dashboard-route .sp-dv-insight-row>a,
body.sp-theme-dark.sp-dashboard-route .sp-dv-insight-row>div,
body.sp-theme-dark.sp-dashboard-route .sp-dvx-list>article,
body.sp-theme-dark.sp-dashboard-route .sp-dvx-account-cards>a,
body.sp-theme-dark.sp-dashboard-route .sp-dvx-recommendations article,
body.sp-theme-dark.sp-dashboard-route .sp-dvx-suite-grid>a{background:var(--pd-card-soft)!important;color:var(--pd-text)!important;border-color:var(--pd-line)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-home-stat,
body.sp-theme-dark.sp-dashboard-route .sp-dv-home-content{border-color:var(--pd-line)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-home-copy>strong,
body.sp-theme-dark.sp-dashboard-route .sp-dv-home-stat strong,
body.sp-theme-dark.sp-dashboard-route .sp-dv-insight-row strong,
body.sp-theme-dark.sp-dashboard-route .sp-dv-preview strong{color:var(--pd-text)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-home-copy>span,
body.sp-theme-dark.sp-dashboard-route .sp-dv-home-stat span,
body.sp-theme-dark.sp-dashboard-route .sp-dv-insight-row span,
body.sp-theme-dark.sp-dashboard-route .sp-dv-insight-row small{color:var(--pd-muted)!important}

body.sp-theme-dark.sp-dashboard-route .sp-monetization-metrics>div,
body.sp-theme-dark.sp-dashboard-route .sp-mon-payment-picker,
body.sp-theme-dark.sp-dashboard-route .sp-mon-payout-summary>div,
body.sp-theme-dark.sp-dashboard-route .sp-mon-gateway-card,
body.sp-theme-dark.sp-dashboard-route .sp-mon-rate-card,
body.sp-theme-dark.sp-dashboard-route .sp-mon-payout-cta{background:var(--pd-card)!important;color:var(--pd-text)!important;border-color:var(--pd-line)!important;box-shadow:none!important}
body.sp-theme-dark.sp-dashboard-route .sp-mon-payout input,
body.sp-theme-dark.sp-dashboard-route .sp-mon-payout select,
body.sp-theme-dark.sp-dashboard-route .sp-mon-payout textarea,
body.sp-theme-dark.sp-dashboard-route .sp-mon-apply textarea{background:var(--pd-card-soft)!important;color:var(--pd-text)!important;border-color:#4b4e52!important;-webkit-text-fill-color:var(--pd-text)!important}

/* Old dashboard/meta classes still used by several AJAX tools. */
body.sp-theme-dark.sp-dashboard-route :where(
  .sp-dv-meta-panel,.sp-dv-meta-metric,.sp-dv-meta-post-card,
  .sp-dvx-grid>*,.sp-dvx-idea-grid>*,.sp-dvx-learning-grid>*,.sp-dvx-ticket
){background:var(--pd-card)!important;color:var(--pd-text)!important;border-color:var(--pd-line)!important;box-shadow:none!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-section-head h2,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-title-only strong,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-metric strong,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-post-card strong,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-dual-stats strong,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-triple-stats strong{color:var(--pd-text)!important}
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-metric span,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-metric small,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-post-card small,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-dual-stats span,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-triple-stats span,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-demographic-note,
body.sp-theme-dark.sp-dashboard-route .sp-dv-meta-empty-panel{color:var(--pd-muted)!important}

/* Generic text safety inside known card surfaces ----------------------- */
body.sp-theme-dark :where(
  .sp-settings-card,.sp-friend-result,.sp-profile-card,.sp-profile-hero,
  .sp-group-card,.sp-group-about-card,.sp-group-members-card,.sp-group-settings-card,
  .sp-notifications-page-card,.sp-messenger-shell,.sp-modal-card
) :where(h1,h2,h3,h4,h5,h6,strong){color:var(--sp-text)!important}

/* Preserve white text on primary/accent controls. */
body.sp-theme-dark :where(
  .sp-submit,.sp-app-primary,.sp-dv-blue-btn,.sp-dv-create,.sp-follow-btn,
  .sp-friend-btn.is-primary,.sp-group-primary,.sp-group-create-submit,
  .sp-boost-submit,.sp-mon-payout-submit,.sp-mon-payout-button,.sp-auth-v444-primary
){color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ========================================================================
   SocialPress V4.8.6 — dark-mode feed/rail contrast repair
   Fixes hard-coded light-theme text/icon colors still leaking into dark mode.
   ======================================================================== */

/* Left navigation -------------------------------------------------------- */
body.sp-theme-dark .sp-left .sp-side-user,
body.sp-theme-dark .sp-left .sp-side-user strong,
body.sp-theme-dark .sp-left .sp-side-link{
  color:var(--sp-text)!important;
  -webkit-text-fill-color:currentColor;
}
body.sp-theme-dark .sp-left .sp-side-user:hover,
body.sp-theme-dark .sp-left .sp-side-link:hover{
  background:var(--sp-hover)!important;
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-left .sp-side-link.active{
  background:var(--sp-blue-soft)!important;
  color:#7fb3ff!important;
}
body.sp-theme-dark .sp-left .sp-side-icon{
  background:var(--sp-card-soft)!important;
  border-color:var(--sp-line)!important;
  color:var(--sp-text)!important;
  box-shadow:none!important;
}
body.sp-theme-dark .sp-left .sp-side-link.active .sp-side-icon{
  background:#245b9d!important;
  color:#fff!important;
}
body.sp-theme-dark .sp-left .sp-side-user .sp-avatar{
  box-shadow:0 0 0 2px var(--sp-card),0 1px 4px rgba(0,0,0,.22)!important;
}
body.sp-theme-dark .sp-left .sp-side-card{
  color:var(--sp-muted)!important;
  border-color:var(--sp-line)!important;
}
body.sp-theme-dark .sp-left .sp-side-card strong{
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-left .sp-side-card p{
  color:var(--sp-muted)!important;
}
body.sp-theme-dark .sp-side-count{
  background:var(--sp-blue)!important;
  color:#fff!important;
}

/* Story rail ------------------------------------------------------------- */
body.sp-theme-dark .sp-stories,
body.sp-theme-dark .sp-story-create{
  background:var(--sp-card)!important;
  border-color:var(--sp-line)!important;
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-stories-title,
body.sp-theme-dark .sp-stories-heading,
body.sp-theme-dark .sp-stories-heading strong,
body.sp-theme-dark .sp-stories-title strong,
body.sp-theme-dark .sp-story-create-copy strong{
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-stories-heading span,
body.sp-theme-dark .sp-stories-title span,
body.sp-theme-dark .sp-story-create-copy small{
  color:var(--sp-muted)!important;
}
body.sp-theme-dark .sp-story-create-photo{
  background:var(--sp-card-soft)!important;
}
body.sp-theme-dark .sp-story-plus{
  border-color:var(--sp-card)!important;
}
body.sp-theme-dark .sp-stories-scroll-btn{
  background:var(--sp-card-soft)!important;
  border-color:var(--sp-line)!important;
  color:var(--sp-text)!important;
  box-shadow:none!important;
}
body.sp-theme-dark .sp-stories-scroll-btn:hover:not(:disabled){
  background:var(--sp-hover)!important;
}

/* Right rail widgets: Sponsored / Friend requests / Contacts ------------ */
body.sp-theme-dark .sp-right .sp-widget,
body.sp-theme-dark .sp-sponsored-widget,
body.sp-theme-dark .sp-friend-requests-widget,
body.sp-theme-dark .sp-contacts-widget{
  background:var(--sp-card)!important;
  border-color:var(--sp-line)!important;
  color:var(--sp-text)!important;
  box-shadow:none!important;
}
body.sp-theme-dark .sp-widget-title,
body.sp-theme-dark .sp-widget-title strong,
body.sp-theme-dark .sp-sponsored-title,
body.sp-theme-dark .sp-sponsored-title strong{
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-widget-title a{
  color:var(--sp-blue)!important;
}
body.sp-theme-dark .sp-sponsored-row,
body.sp-theme-dark .sp-sponsored-copy,
body.sp-theme-dark .sp-sponsored-copy strong{
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-sponsored-copy small,
body.sp-theme-dark .sp-sponsored-feed-label,
body.sp-theme-dark .sp-sponsored-feed-slot small{
  color:var(--sp-muted)!important;
}
body.sp-theme-dark .sp-sponsored-row:hover{
  background:var(--sp-hover)!important;
}
body.sp-theme-dark .sp-sponsored-media,
body.sp-theme-dark .sp-sponsored-feed-media,
body.sp-theme-dark .sp-sponsored-reel-placeholder,
body.sp-theme-dark .sp-sponsored-post-placeholder{
  background:#17191c!important;
  border-color:var(--sp-line)!important;
}
body.sp-theme-dark .sp-sponsored-media .sp-icon,
body.sp-theme-dark .sp-sponsored-post-placeholder .sp-icon{
  color:var(--sp-muted)!important;
}
body.sp-theme-dark .sp-sponsored-feed-slot{
  background:var(--sp-card)!important;
  border-color:var(--sp-line)!important;
}
body.sp-theme-dark .sp-sponsored-feed-slot strong{
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-contact,
body.sp-theme-dark .sp-contact>span:not(.sp-contact-message-icon),
body.sp-theme-dark .sp-request-name{
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-contact:hover,
body.sp-theme-dark .sp-request-row:hover{
  background:var(--sp-hover)!important;
}
body.sp-theme-dark .sp-contacts-empty{
  background:var(--sp-card-soft)!important;
  color:var(--sp-muted)!important;
}
body.sp-theme-dark .sp-contacts-empty p{color:var(--sp-muted)!important}
body.sp-theme-dark .sp-contacts-empty a{color:var(--sp-blue)!important}
body.sp-theme-dark .sp-contact-message-icon{color:var(--sp-blue)!important}

/* Feed cards and composer ------------------------------------------------ */
body.sp-theme-dark :where(
  .sp-composer,.sp-post-card,.sp-view-head,.sp-empty,.sp-person-card,
  .sp-shared-post-card,.sp-comments-card
){
  background:var(--sp-card)!important;
  border-color:var(--sp-line)!important;
  color:var(--sp-text)!important;
  box-shadow:none!important;
}
body.sp-theme-dark :where(
  .sp-composer,.sp-post-card,.sp-view-head,.sp-empty,.sp-person-card,
  .sp-shared-post-card,.sp-comments-card,.sp-stories,.sp-widget
) :where(h1,h2,h3,h4,h5,h6,strong,label){
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-post-public-title,
body.sp-theme-dark .sp-post-head .sp-author,
body.sp-theme-dark .sp-post-text,
body.sp-theme-dark .sp-person-copy strong,
body.sp-theme-dark .sp-view-head h2{
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-post-meta span,
body.sp-theme-dark .sp-person-copy small,
body.sp-theme-dark .sp-view-head p,
body.sp-theme-dark .sp-empty p,
body.sp-theme-dark .sp-social-stats,
body.sp-theme-dark .sp-comment-stat{
  color:var(--sp-muted)!important;
}
body.sp-theme-dark .sp-post-head,
body.sp-theme-dark .sp-social-stats,
body.sp-theme-dark .sp-actions,
body.sp-theme-dark .sp-composer-actions{
  border-color:var(--sp-line)!important;
}
body.sp-theme-dark .sp-actions button,
body.sp-theme-dark .sp-actions a,
body.sp-theme-dark .sp-composer-actions button{
  color:var(--sp-muted)!important;
}
body.sp-theme-dark .sp-actions button:hover,
body.sp-theme-dark .sp-actions a:hover,
body.sp-theme-dark .sp-composer-actions button:hover{
  background:var(--sp-hover)!important;
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-composer-trigger{
  background:var(--sp-input)!important;
  color:var(--sp-muted)!important;
}
body.sp-theme-dark .sp-person-main{color:var(--sp-text)!important}
body.sp-theme-dark .sp-pagination a,
body.sp-theme-dark .sp-pagination span{
  background:var(--sp-card)!important;
  border-color:var(--sp-line)!important;
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-pagination .current{
  background:var(--sp-blue)!important;
  color:#fff!important;
}

/* Generic hard-coded text safety for the primary three-column feed only. */
body.sp-theme-dark .sp-left :where(h1,h2,h3,h4,h5,h6,strong),
body.sp-theme-dark .sp-feed :where(h1,h2,h3,h4,h5,h6,strong),
body.sp-theme-dark .sp-right :where(h1,h2,h3,h4,h5,h6,strong){
  color:var(--sp-text)!important;
}

/* Preserve intentional accent/primary colors after the text safety rules. */
body.sp-theme-dark .sp-left .sp-side-link.active,
body.sp-theme-dark .sp-widget-title a,
body.sp-theme-dark .sp-contacts-empty a,
body.sp-theme-dark .sp-contact-message-icon,
body.sp-theme-dark .sp-author:hover{
  color:var(--sp-blue)!important;
}
body.sp-theme-dark :where(.sp-submit,.sp-app-primary,.sp-primary,.sp-blue-btn,.sp-follow-btn){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* ========================================================================
   SocialPress V4.8.8 — dark appearance completeness + dark loading system
   Removes remaining white/light surfaces seen in feed, comments, settings,
   profile/editor UI and route/asset loading states. Light mode is untouched.
   ======================================================================== */

/* Dark loading / skeleton palette --------------------------------------- */
html.sp-theme-dark-root,
body.sp-theme-dark{
  --sp-skel-base:#25282d;
  --sp-skel-hi:#363a40;
  --sp-skel-edge:#1e2125;
  --sp-skel-speed:2.7s;
}
html.sp-theme-dark-root{background:#18191a!important}
body.sp-theme-dark .sp-page-loader{
  height:4px!important;
  background:#121416!important;
  border-bottom:1px solid rgba(255,255,255,.035)!important;
}
body.sp-theme-dark .sp-page-loader span{
  background:linear-gradient(90deg,#1b4f91,#2d88ff,#65a9ff,#2d88ff,#1b4f91)!important;
  box-shadow:0 0 12px rgba(45,136,255,.38)!important;
}
html.sp-theme-dark-root.sp-ui-booting,
html.sp-theme-dark-root.sp-route-loading,
body.sp-theme-dark .sp-route-loading{background:#18191a!important}
html.sp-theme-dark-root.sp-ui-booting body .sp-post-card::before,
html.sp-theme-dark-root.sp-ui-booting body .sp-composer::before,
html.sp-theme-dark-root.sp-ui-booting body .sp-stories::before,
html.sp-theme-dark-root.sp-ui-booting body .sp-group-card::before,
html.sp-theme-dark-root.sp-ui-booting body .sp-settings-card::before,
html.sp-theme-dark-root.sp-ui-booting body .sp-friend-result::before{
  background:rgba(255,255,255,.10)!important;
  box-shadow:0 23px 0 rgba(255,255,255,.075),0 46px 0 rgba(255,255,255,.055)!important;
}
body.sp-theme-dark img.sp-ui-asset-loading,
body.sp-theme-dark .sp-ui-bg-loading::before,
body.sp-theme-dark .sp-media-item .sp-media-skeleton,
body.sp-theme-dark iframe.sp-ui-frame-loading{
  background:linear-gradient(105deg,#23262a 8%,#35393f 20%,#25282d 35%,#3a3e45 52%,#25282d 68%)!important;
  background-size:240% 100%!important;
}
body.sp-theme-dark img.sp-ui-asset-error{background:#25282d!important}
body.sp-theme-dark .sp-comments-skeleton{
  background:#181a1d!important;
  color:var(--sp-text)!important;
}
body.sp-theme-dark .sp-comments-skel-media{
  background:linear-gradient(105deg,#151719 8%,#25282d 22%,#191b1e 39%,#30343a 54%,#181a1d 72%)!important;
  background-size:240% 100%!important;
}
body.sp-theme-dark .sp-comments-skel-side{
  background:#242526!important;
  border-color:#3e4042!important;
}
body.sp-theme-dark :where(.sp-comments-skel-user i,.sp-comments-skel-comment i,.sp-comments-skel-user span,.sp-comments-skel-comment span,.sp-comments-skel-line,.sp-comments-skel-actions,.sp-comments-skel-input){
  background:linear-gradient(105deg,#2b2d31,#3a3d43,#2b2d31)!important;
  background-size:240% 100%!important;
}

/* Comments/media viewer: no white side pane ----------------------------- */
body.sp-theme-dark .sp-comments-modal{background:rgba(0,0,0,.84)!important}
body.sp-theme-dark :where(
  .sp-comments-dialog,.sp-comments-dialog-head,.sp-comments-dialog-body,
  .sp-comments-dialog.is-text-post,.sp-comments-dialog.is-text-post .sp-comments-dialog-body,
  .sp-comments-dialog.is-text-post .sp-dialog-layout.no-media,
  .sp-comments-dialog.is-text-post .sp-dialog-side-pane,
  .sp-dialog-side-pane,.sp-dialog-post-head,.sp-dialog-post-text,
  .sp-dialog-statline,.sp-dialog-actions,.sp-dialog-comments-head,
  .sp-dialog-comments-scroll,.sp-dialog-form-shell
){
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
}
body.sp-theme-dark .sp-comments-dialog-head{border-bottom-color:#3e4042!important}
body.sp-theme-dark .sp-comments-dialog-close{
  background:#3a3b3c!important;color:#e4e6eb!important;border-color:#4b4d50!important;
}
body.sp-theme-dark .sp-comments-dialog-close:hover{background:#46484c!important}
body.sp-theme-dark .sp-dialog-post-meta .sp-author,
body.sp-theme-dark .sp-dialog-comments-head strong,
body.sp-theme-dark .sp-dialog-comment-bubble strong{color:#e4e6eb!important}
body.sp-theme-dark .sp-dialog-post-meta span,
body.sp-theme-dark .sp-dialog-statline,
body.sp-theme-dark .sp-dialog-comment-meta,
body.sp-theme-dark .sp-dialog-comment-actions small{color:#b0b3b8!important}
body.sp-theme-dark .sp-dialog-comment-bubble{
  background:#3a3b3c!important;
  color:#e4e6eb!important;
}
body.sp-theme-dark .sp-dialog-comment-text,
body.sp-theme-dark .sp-dialog-comment-text p{color:#e4e6eb!important}
body.sp-theme-dark .sp-dialog-comment-input-wrap{
  background:#3a3b3c!important;
  border-color:#4b4d50!important;
}
body.sp-theme-dark .sp-dialog-comment-input-wrap textarea{
  background:transparent!important;
  color:#e4e6eb!important;
  -webkit-text-fill-color:#e4e6eb!important;
}
body.sp-theme-dark .sp-dialog-comment-input-wrap textarea::placeholder{color:#a4a7ad!important;-webkit-text-fill-color:#a4a7ad!important}
body.sp-theme-dark .sp-dialog-comments-empty{
  background:#292b2f!important;
  border-color:#44464a!important;
  color:#b7bac0!important;
}
body.sp-theme-dark .sp-dialog-actions button{
  background:transparent!important;color:#b0b3b8!important;border-color:#3e4042!important;
}
body.sp-theme-dark .sp-dialog-actions button:hover{background:#353638!important;color:#e4e6eb!important}
body.sp-theme-dark .sp-shared-post-card{background:#2b2d31!important;border-color:#3e4042!important;color:#e4e6eb!important}
body.sp-theme-dark .sp-shared-post-card :where(strong,.sp-shared-post-text){color:#e4e6eb!important}

/* Settings: page header/editors/forms ----------------------------------- */
body.sp-theme-dark .sp-settings-page-head{
  background:radial-gradient(circle at 88% 12%,rgba(45,136,255,.14),transparent 30%),linear-gradient(135deg,#242526 0%,#202225 100%)!important;
  border-color:#3e4042!important;
  box-shadow:none!important;
}
body.sp-theme-dark .sp-settings-page-head .sp-app-secondary{
  background:#303235!important;color:#e4e6eb!important;border-color:#46484c!important;box-shadow:none!important;
}
body.sp-theme-dark .sp-settings-page-head .sp-app-secondary:hover{background:#3a3c40!important}
body.sp-theme-dark .sp-settings-nav-icon{background:#303236!important;color:#c6c9cf!important}
body.sp-theme-dark .sp-settings-nav a.active .sp-settings-nav-icon{background:#28486e!important;color:#8fc0ff!important}
body.sp-theme-dark .sp-settings-nav .is-danger .sp-settings-nav-icon{background:#492a2a!important;color:#ff9790!important}
body.sp-theme-dark .sp-settings-subsection-title{color:#b0b3b8!important}
body.sp-theme-dark .sp-settings-subsection-title:after,
body.sp-theme-dark .sp-settings-section-head{border-color:#3e4042!important}
body.sp-theme-dark :where(.sp-profile-cover-editor,.sp-profile-photo-editor){
  background:#292b2f!important;border-color:#44464a!important;box-shadow:none!important;
}
body.sp-theme-dark .sp-profile-cover-preview{background-color:#202225!important}
body.sp-theme-dark .sp-profile-cover-actions{background:#292b2f!important;border-color:#3e4042!important}
body.sp-theme-dark .sp-profile-cover-copy>strong,
body.sp-theme-dark .sp-profile-photo-copy>strong{color:#e4e6eb!important}
body.sp-theme-dark .sp-profile-cover-copy>small,
body.sp-theme-dark .sp-profile-photo-copy>span{color:#b0b3b8!important}
body.sp-theme-dark .sp-profile-cover-change{
  background:rgba(42,44,48,.96)!important;color:#e4e6eb!important;border-color:#55585d!important;box-shadow:0 8px 22px rgba(0,0,0,.30)!important;
}
body.sp-theme-dark .sp-profile-photo-preview>.sp-avatar,
body.sp-theme-dark .sp-profile-photo-preview>img{box-shadow:0 0 0 3px #292b2f,0 5px 18px rgba(0,0,0,.28)!important}
body.sp-theme-dark .sp-profile-photo-camera{border-color:#292b2f!important}
body.sp-theme-dark .sp-profile-photo-change{background:#26384f!important;color:#8fc0ff!important}
body.sp-theme-dark .sp-media-remove-control{background:#342829!important;border-color:#644342!important}
body.sp-theme-dark .sp-media-remove-control:hover{background:#3d2c2d!important;border-color:#80504e!important}
body.sp-theme-dark .sp-media-remove-icon{background:#512f30!important;color:#ff9b95!important}
body.sp-theme-dark .sp-media-remove-copy strong{color:#ffaaa5!important}
body.sp-theme-dark .sp-media-remove-copy small{color:#d99591!important}
body.sp-theme-dark .sp-settings-form>label,
body.sp-theme-dark .sp-form-two>label{color:#d7dae0!important}
body.sp-theme-dark .sp-settings-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
body.sp-theme-dark .sp-settings-form textarea,
body.sp-theme-dark .sp-settings-form select{
  background:#303236!important;color:#e4e6eb!important;-webkit-text-fill-color:#e4e6eb!important;border-color:#4a4c50!important;box-shadow:none!important;
}
body.sp-theme-dark .sp-settings-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):hover,
body.sp-theme-dark .sp-settings-form textarea:hover,
body.sp-theme-dark .sp-settings-form select:hover{background:#35373b!important;border-color:#5b5e63!important}
body.sp-theme-dark .sp-settings-form input:focus,
body.sp-theme-dark .sp-settings-form textarea:focus,
body.sp-theme-dark .sp-settings-form select:focus{background:#35373b!important;border-color:#5b92da!important;box-shadow:0 0 0 3px rgba(45,136,255,.14)!important}

/* Profile route/editor/cards -------------------------------------------- */
body.sp-theme-dark .sp-profile-hero{background:#242526!important;border-color:#3e4042!important;box-shadow:none!important}
body.sp-theme-dark .sp-profile-cover{background:#202225!important}
body.sp-theme-dark .sp-profile-cover-fallback{
  background:radial-gradient(circle at 18% 25%,rgba(45,136,255,.18),transparent 25%),radial-gradient(circle at 82% 28%,rgba(118,76,242,.12),transparent 27%),linear-gradient(135deg,#25282d,#202225 52%,#292b31)!important;
}
body.sp-theme-dark .sp-profile-cover-edit,
body.sp-theme-dark .sp-profile-avatar-edit{
  background:#303236!important;color:#e4e6eb!important;border-color:#4a4c50!important;box-shadow:0 8px 22px rgba(0,0,0,.30)!important;
}
body.sp-theme-dark .sp-profile-avatar-wrap>.sp-avatar{border-color:#242526!important}
body.sp-theme-dark .sp-profile-online{border-color:#242526!important}
body.sp-theme-dark .sp-profile-name-block h1{color:#e4e6eb!important}
body.sp-theme-dark .sp-profile-stats,
body.sp-theme-dark .sp-profile-name-block>p{color:#b0b3b8!important}
body.sp-theme-dark .sp-profile-friend-stack .sp-avatar{border-color:#242526!important}
body.sp-theme-dark .sp-profile-secondary,
body.sp-theme-dark .sp-profile-actions .is-friends,
body.sp-theme-dark .sp-profile-actions .is-sent,
body.sp-theme-dark .sp-profile-actions .is-reject{background:#34363a!important;color:#e4e6eb!important}
body.sp-theme-dark .sp-profile-tabs{border-color:#3e4042!important}
body.sp-theme-dark .sp-profile-tabs a{color:#b0b3b8!important}
body.sp-theme-dark .sp-profile-tabs a:hover{background:#353638!important;color:#e4e6eb!important}
body.sp-theme-dark :where(.sp-profile-wide-card,.sp-profile-suggestions,.sp-profile-friend-card,.sp-profile-video-card){
  background:#242526!important;color:#e4e6eb!important;border-color:#3e4042!important;box-shadow:none!important;
}
body.sp-theme-dark .sp-profile-photos-grid a{background:#2b2d31!important}
body.sp-theme-dark .sp-profile-tab-empty{color:#b0b3b8!important}
body.sp-theme-dark .sp-profile-tab-empty>.sp-icon{background:#303236!important;color:#aeb2b8!important}
body.sp-theme-dark .sp-profile-tab-empty h2{color:#e4e6eb!important}

/* Feed/rails: remove last pale surfaces --------------------------------- */
body.sp-theme-dark .sp-left .sp-side-link.active{
  background:#26384f!important;color:#8fc0ff!important;
}
body.sp-theme-dark .sp-left .sp-side-link.active .sp-side-icon{background:#315d91!important;color:#fff!important}
body.sp-theme-dark .sp-story-create{background:#242526!important}
body.sp-theme-dark .sp-story-create-photo{background:#2b2d31!important}
body.sp-theme-dark .sp-story-create-copy :where(strong,small){color:#e4e6eb!important}
body.sp-theme-dark .sp-story-create-copy small{color:#b0b3b8!important}
body.sp-theme-dark .sp-post-card .sp-actions,
body.sp-theme-dark .sp-post-card .sp-social-stats{background:#242526!important}
body.sp-theme-dark .sp-post-card .sp-actions button,
body.sp-theme-dark .sp-post-card .sp-actions a{background:transparent!important;color:#b0b3b8!important}
body.sp-theme-dark .sp-post-card .sp-actions button:hover,
body.sp-theme-dark .sp-post-card .sp-actions a:hover{background:#353638!important;color:#e4e6eb!important}
body.sp-theme-dark .sp-widget :where(a,strong,span){-webkit-text-fill-color:currentColor}

/* Generic popovers/modals/menus/toolbars -------------------------------- */
body.sp-theme-dark :where(
  .sp-modal-card,.sp-modal-head,.sp-modal-body,.sp-modal-actions,
  .sp-post-menu,.sp-share-menu,.sp-share-sheet,.sp-share-dialog,
  .sp-popover,.sp-dropdown,.sp-menu,.sp-toast-card
){background:#242526!important;color:#e4e6eb!important;border-color:#3e4042!important;box-shadow:0 18px 46px rgba(0,0,0,.35)!important}
body.sp-theme-dark .sp-modal-head{background:#242526!important}
body.sp-theme-dark :where(.sp-post-menu,.sp-share-menu,.sp-dropdown,.sp-menu) a,
body.sp-theme-dark :where(.sp-post-menu,.sp-share-menu,.sp-dropdown,.sp-menu) button{color:#e4e6eb!important}
body.sp-theme-dark :where(.sp-post-menu,.sp-share-menu,.sp-dropdown,.sp-menu) a:hover,
body.sp-theme-dark :where(.sp-post-menu,.sp-share-menu,.sp-dropdown,.sp-menu) button:hover{background:#353638!important}

/* Dark browser/autofill form cleanup ------------------------------------ */
body.sp-theme-dark input:-webkit-autofill,
body.sp-theme-dark input:-webkit-autofill:hover,
body.sp-theme-dark input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #303236 inset!important;
  -webkit-text-fill-color:#e4e6eb!important;
  caret-color:#e4e6eb!important;
}
body.sp-theme-dark input[type="checkbox"],
body.sp-theme-dark input[type="radio"]{accent-color:#2d88ff}

/* Keep intentional white media/video canvases from being recolored. */
body.sp-theme-dark :where(video,.sp-dialog-media-pane,.sp-story-media,.sp-video-stage,.sp-media-item.is-video){color-scheme:dark}


/* ========================================================================
   SocialPress V4.8.9 — dark-mode root fallback + remaining white surfaces
   Uses the <html> dark-state as the source of truth so route/modal styles
   remain dark even if a legacy body class is delayed or overridden.
   ======================================================================== */

/* Root-level dark variables and body synchronization fallback. */
html.sp-theme-dark-root body{
  background:#18191a!important;
  color:#e4e6eb!important;
  color-scheme:dark;
}
html.sp-theme-dark-root body :where(h1,h2,h3,h4,h5,h6,strong){color:#e4e6eb}
html.sp-theme-dark-root body :where(p,small,time,.description){color:#b0b3b8}

/* Reels route: remove the large light canvas seen on desktop. */
html.sp-theme-dark-root body.sp-reels-route,
html.sp-theme-dark-root body.sp-reels-route .sp-shell,
html.sp-theme-dark-root body.sp-reels-route .sp-reels-page{
  background:#18191a!important;
  color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-reels-route .sp-left{
  background:#202122!important;
  border-right-color:#3e4042!important;
  color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-reels-route .sp-reels-head h1{color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-reels-route .sp-reels-head p{color:#b0b3b8!important}
html.sp-theme-dark-root body.sp-reels-route .sp-reels-head>div>span{
  background:#26384f!important;
  color:#6aa8ff!important;
}
html.sp-theme-dark-root body.sp-reels-route .sp-reels-stage{
  background:#090a0c!important;
  box-shadow:0 16px 42px rgba(0,0,0,.35)!important;
}
html.sp-theme-dark-root body.sp-reels-route .sp-reels-desktop-nav button{
  background:#2b2d31!important;
  border-color:#45474b!important;
  color:#e4e6eb!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
html.sp-theme-dark-root body.sp-reels-route .sp-reels-desktop-nav button:hover:not(:disabled){background:#353638!important}

/* Comments/media viewer: force every right-side surface dark from root. */
html.sp-theme-dark-root :where(
  .sp-comments-modal,
  .sp-comments-dialog,
  .sp-comments-dialog-head,
  .sp-comments-dialog-body,
  .sp-comments-dialog-body>.sp-dialog-layout,
  .sp-dialog-layout,
  .sp-dialog-side-pane,
  .sp-dialog-post-head,
  .sp-dialog-post-text,
  .sp-dialog-statline,
  .sp-dialog-actions,
  .sp-dialog-comments-head,
  .sp-dialog-comments-scroll,
  .sp-dialog-form-shell
){
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
}
html.sp-theme-dark-root .sp-comments-modal{background:rgba(0,0,0,.86)!important}
html.sp-theme-dark-root .sp-comments-dialog-head{background:#242526!important;border-bottom-color:#3e4042!important}
html.sp-theme-dark-root .sp-comments-dialog-body>.sp-dialog-layout.has-media{background:#101112!important}
html.sp-theme-dark-root .sp-dialog-media-pane,
html.sp-theme-dark-root .sp-dialog-media-inner{background:#0e0f10!important}
html.sp-theme-dark-root .sp-dialog-side-pane{box-shadow:-1px 0 0 #3e4042!important}
html.sp-theme-dark-root .sp-dialog-post-meta .sp-author,
html.sp-theme-dark-root .sp-dialog-comments-head strong,
html.sp-theme-dark-root .sp-dialog-comment-bubble strong{color:#e4e6eb!important}
html.sp-theme-dark-root .sp-dialog-post-meta span,
html.sp-theme-dark-root .sp-dialog-statline,
html.sp-theme-dark-root .sp-dialog-statline *,
html.sp-theme-dark-root .sp-dialog-comment-meta{color:#b0b3b8!important}
html.sp-theme-dark-root .sp-dialog-actions button{
  background:transparent!important;
  color:#b0b3b8!important;
  border-color:#3e4042!important;
}
html.sp-theme-dark-root .sp-dialog-actions button:hover{background:#353638!important;color:#e4e6eb!important}
html.sp-theme-dark-root .sp-dialog-comments-head{color:#e4e6eb!important}
html.sp-theme-dark-root .sp-dialog-comments-head .sp-icon{color:#9ca3ad!important}
html.sp-theme-dark-root .sp-dialog-comments-empty{
  background:#2b2d31!important;
  color:#c7cbd1!important;
  border:1px dashed #4b4d50!important;
}
html.sp-theme-dark-root .sp-dialog-comment-bubble{background:#3a3b3c!important;color:#e4e6eb!important}
html.sp-theme-dark-root .sp-dialog-comment-text,
html.sp-theme-dark-root .sp-dialog-comment-text p{color:#e4e6eb!important}
html.sp-theme-dark-root .sp-dialog-comment-input-wrap{
  background:#3a3b3c!important;
  border-color:#4b4d50!important;
}
html.sp-theme-dark-root .sp-dialog-comment-input-wrap textarea{
  background:transparent!important;
  color:#e4e6eb!important;
  -webkit-text-fill-color:#e4e6eb!important;
}
html.sp-theme-dark-root .sp-dialog-comment-input-wrap textarea::placeholder{
  color:#aeb2b8!important;
  -webkit-text-fill-color:#aeb2b8!important;
}
html.sp-theme-dark-root .sp-dialog-form-shell{border-top-color:#3e4042!important}
html.sp-theme-dark-root .sp-dialog-comment-submit{background:#2d88ff!important;color:#fff!important}
html.sp-theme-dark-root .sp-comments-dialog-close{background:#3a3b3c!important;color:#e4e6eb!important;border-color:#4b4d50!important}

/* Boost panel inside comments modal. */
html.sp-theme-dark-root .sp-dialog-side-pane>.sp-owner-boost-panel,
html.sp-theme-dark-root .sp-owner-boost-panel{
  background:#242526!important;
  border-color:#3e4042!important;
  color:#e4e6eb!important;
}
html.sp-theme-dark-root .sp-owner-boost-panel :where(strong,p,span){color:#e4e6eb!important}
html.sp-theme-dark-root .sp-owner-boost-panel p{color:#b0b3b8!important}

/* Settings/profile editor: remove white editor cards and white fields. */
html.sp-theme-dark-root :where(
  .sp-settings-page,
  .sp-settings-content,
  .sp-settings-card,
  .sp-settings-nav,
  .sp-profile-cover-editor,
  .sp-profile-photo-editor,
  .sp-profile-cover-actions
){
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
  box-shadow:none!important;
}
html.sp-theme-dark-root .sp-settings-page-head{
  background:radial-gradient(circle at 88% 12%,rgba(45,136,255,.12),transparent 30%),linear-gradient(135deg,#242526,#202225)!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
}
html.sp-theme-dark-root .sp-profile-photo-editor :where(strong,h2,h3),
html.sp-theme-dark-root .sp-settings-card :where(strong,h2,h3),
html.sp-theme-dark-root .sp-settings-form label{color:#e4e6eb!important}
html.sp-theme-dark-root .sp-profile-photo-editor :where(p,span,small),
html.sp-theme-dark-root .sp-settings-card :where(p,small,.description){color:#b0b3b8!important}
html.sp-theme-dark-root .sp-settings-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
html.sp-theme-dark-root .sp-settings-form textarea,
html.sp-theme-dark-root .sp-settings-form select{
  background:#303236!important;
  color:#e4e6eb!important;
  -webkit-text-fill-color:#e4e6eb!important;
  border-color:#4a4c50!important;
  box-shadow:none!important;
}
html.sp-theme-dark-root .sp-settings-form input:disabled,
html.sp-theme-dark-root .sp-settings-form textarea:disabled,
html.sp-theme-dark-root .sp-settings-form select:disabled{
  background:#292b2f!important;
  color:#9fa3aa!important;
  -webkit-text-fill-color:#9fa3aa!important;
  opacity:1!important;
}
html.sp-theme-dark-root .sp-settings-form input::placeholder,
html.sp-theme-dark-root .sp-settings-form textarea::placeholder{color:#8f949c!important;-webkit-text-fill-color:#8f949c!important}
html.sp-theme-dark-root .sp-profile-photo-change{background:#26384f!important;color:#89baff!important;border-color:#315982!important}
html.sp-theme-dark-root .sp-media-remove-control{background:#342829!important;border-color:#644342!important;color:#ffaaa5!important}

/* Shared-post footer: remove the remaining white "View original post" strip. */
html.sp-theme-dark-root .sp-shared-post-card{background:#242526!important;color:#e4e6eb!important;border-color:#3e4042!important}
html.sp-theme-dark-root .sp-shared-post-footer{
  background:#242526!important;
  border-top-color:#3e4042!important;
  color:#e4e6eb!important;
}
html.sp-theme-dark-root .sp-shared-post-footer a{color:#6aa8ff!important}
html.sp-theme-dark-root .sp-shared-post-footer a:hover{background:#353638!important;color:#8fc0ff!important}

/* Remaining common white surfaces in dark appearance. */
html.sp-theme-dark-root :where(
  .sp-app-page-head,
  .sp-view-head,
  .sp-profile-wide-card,
  .sp-profile-suggestions,
  .sp-profile-friend-card,
  .sp-profile-video-card,
  .sp-friend-search,
  .sp-friend-tabs,
  .sp-friend-result,
  .sp-notifications-page-card,
  .sp-group-card,
  .sp-group-about-card,
  .sp-group-members-card,
  .sp-group-settings-card,
  .sp-group-composer,
  .sp-messenger-shell,
  .sp-messenger-sidebar,
  .sp-messenger-thread
){
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
  box-shadow:none!important;
}

/* Browser autofill can otherwise paint a white field after the page loads. */
html.sp-theme-dark-root input:-webkit-autofill,
html.sp-theme-dark-root input:-webkit-autofill:hover,
html.sp-theme-dark-root input:-webkit-autofill:focus,
html.sp-theme-dark-root textarea:-webkit-autofill,
html.sp-theme-dark-root select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #303236 inset!important;
  -webkit-text-fill-color:#e4e6eb!important;
  caret-color:#e4e6eb!important;
}

/* Dark loading state fallback for every route, including Reels. */
html.sp-theme-dark-root.sp-route-loading,
html.sp-theme-dark-root.sp-ui-booting,
html.sp-theme-dark-root body.sp-route-loading,
html.sp-theme-dark-root body.sp-ui-booting{
  background:#18191a!important;
}
html.sp-theme-dark-root .sp-page-loader{background:#111315!important;border-color:#25282d!important}
html.sp-theme-dark-root .sp-page-loader span{
  background:linear-gradient(90deg,#173d70,#2d88ff,#71b0ff,#2d88ff,#173d70)!important;
  box-shadow:0 0 14px rgba(45,136,255,.35)!important;
}

/* ========================================================================
   SocialPress V4.9.0 — ZERO-WHITE DARK MODE FINAL GUARD
   This block deliberately uses very high specificity because older repair
   styles contain hard-coded #fff declarations with !important.
   Light appearance is not affected.
   ======================================================================== */

html.sp-theme-dark-root,
html.sp-theme-dark-root body.sp-theme-dark,
html.sp-theme-dark-root body.sp-theme-dark .sp-shell,
html.sp-theme-dark-root body.sp-theme-dark .sp-app-page,
html.sp-theme-dark-root body.sp-theme-dark main{
  background-color:#18191a!important;
  color:#e4e6eb!important;
  color-scheme:dark!important;
}

/* Core UI surfaces: never allow a white canvas/card in dark appearance. */
html.sp-theme-dark-root body.sp-theme-dark :is(
  .sp-topbar,
  .sp-left,
  .sp-right,
  .sp-side-card,
  .sp-widget,
  .sp-contacts-widget,
  .sp-stories,
  .sp-story-create,
  .sp-composer,
  .sp-post-card,
  .sp-comments-card,
  .sp-empty,
  .sp-preview-card,
  .sp-view-head,
  .sp-app-page-head,
  .sp-popover,
  .sp-post-menu,
  .sp-dropdown,
  .sp-modal-card,
  .sp-share-card,
  .sp-notifications-popover,
  .sp-settings-page-head,
  .sp-settings-nav,
  .sp-settings-card,
  .sp-profile-card,
  .sp-profile-wide-card,
  .sp-profile-tabs,
  .sp-profile-hero,
  .sp-profile-suggestions,
  .sp-friend-search,
  .sp-friend-tabs,
  .sp-friend-result,
  .sp-friend-requests-widget,
  .sp-group-card,
  .sp-groups-card,
  .sp-messenger-shell,
  .sp-messenger-sidebar,
  .sp-messenger-thread
){
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
  box-shadow:none!important;
}

html.sp-theme-dark-root body.sp-theme-dark :is(
  .sp-side-link:hover,
  .sp-side-user:hover,
  .sp-contact:hover,
  .sp-more:hover,
  .sp-actions button:hover,
  .sp-actions a:hover,
  .sp-composer-actions button:hover,
  .sp-post-menu button:hover,
  .sp-dropdown a:hover
){background:#353638!important;color:#e4e6eb!important}

/* Sidebar/nav icon tiles must not stay white. */
html.sp-theme-dark-root body.sp-theme-dark :is(
  .sp-left-nav a,
  .sp-side-link,
  .sp-settings-nav a,
  .sp-mobile-nav a
){color:#cfd3da!important}
html.sp-theme-dark-root body.sp-theme-dark :is(
  .sp-left-nav a .sp-icon-wrap,
  .sp-side-link>.sp-icon,
  .sp-settings-nav-icon,
  .sp-mobile-nav a>.sp-icon
){background:#303236!important;color:#cfd3da!important;border-color:#44464a!important}
html.sp-theme-dark-root body.sp-theme-dark :is(
  .sp-left-nav a.active,
  .sp-side-link.active,
  .sp-settings-nav a.active,
  .sp-mobile-nav a.active
){background:#26384f!important;color:#72aaff!important}

/* ------------------------------------------------------------------------
   Comments/media viewer — absolute zero-white treatment.
   Exact selectors beat comments-fix-v457.css and final-touches.css.
   ------------------------------------------------------------------------ */
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open{
  background:rgba(0,0,0,.90)!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-backdrop{
  background:rgba(0,0,0,.78)!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog.is-text-post,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog.is-media-post,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog-head,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog-body{
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog-body>.sp-dialog-layout,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog-body>.sp-dialog-layout.no-media{
  background:#242526!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog-body>.sp-dialog-layout.has-media,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-media-pane,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-media-inner{
  background:#0d0e10!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog.is-text-post .sp-dialog-layout.no-media,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog.is-text-post .sp-dialog-side-pane,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog.is-media-post .sp-dialog-side-pane,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-side-pane{
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
  box-shadow:none!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-post-head,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-post-text,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-statline,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-actions,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comments-head,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comments-scroll,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-form-shell{
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comments-scroll{
  scrollbar-color:#5f6368 #242526!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-post-meta .sp-author,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-post-author strong,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comments-head strong,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comment-bubble strong{
  color:#f0f2f5!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open :is(
  .sp-dialog-post-meta span,
  .sp-dialog-statline,
  .sp-dialog-statline *,
  .sp-dialog-comment-meta,
  .sp-dialog-comment-actions,
  .sp-dialog-comments-head .sp-icon
){color:#b0b3b8!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-post-text,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-post-text .sp-post-text,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comment-text,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comment-text p{
  color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-actions button,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-actions .sp-btn-icon{
  background:#242526!important;
  color:#b0b3b8!important;
  border-color:#3e4042!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-actions button:hover,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-actions .sp-btn-icon:hover{
  background:#353638!important;
  color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comments-empty{
  background:#2d2f33!important;
  color:#c8ccd2!important;
  border-color:#4a4d52!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comment-bubble{
  background:#3a3b3c!important;
  color:#e4e6eb!important;
  border-color:#4a4c50!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comment-input-wrap,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comment-input-wrap:focus-within{
  background:#3a3b3c!important;
  border-color:#4b4e53!important;
  box-shadow:none!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comment-input-wrap textarea{
  background:transparent!important;
  color:#e4e6eb!important;
  -webkit-text-fill-color:#e4e6eb!important;
  caret-color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-comment-input-wrap textarea::placeholder{
  color:#a8acb3!important;
  -webkit-text-fill-color:#a8acb3!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-form-shell{
  border-top:1px solid #3e4042!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog-close{
  background:#353638!important;
  color:#e4e6eb!important;
  border-color:#4b4d50!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-comments-dialog-close:hover{
  background:#44464a!important;
  color:#fff!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-owner-boost-panel,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-dialog-side-pane>.sp-owner-boost-panel{
  background:#2b2d31!important;
  color:#e4e6eb!important;
  border-color:#414348!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-owner-boost-panel :is(strong,span){color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-owner-boost-panel p{color:#b0b3b8!important}

/* Shared-post cards and the old white "View original post" footer. */
html.sp-theme-dark-root body.sp-theme-dark .sp-shared-post-card,
html.sp-theme-dark-root body.sp-theme-dark .sp-post-card>.sp-shared-post-card,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-shared-post-card{
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-shared-post-card :is(.sp-shared-post-author strong,.sp-shared-post-title,.sp-shared-post-text){color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-shared-post-card .sp-shared-post-author small{color:#b0b3b8!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-shared-post-card .sp-shared-post-footer,
html.sp-theme-dark-root body.sp-theme-dark .sp-comments-modal.is-open .sp-shared-post-footer{
  background:#242526!important;
  border-top-color:#3e4042!important;
  color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-shared-post-card .sp-shared-post-footer a{color:#6aa8ff!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-shared-post-card .sp-shared-post-footer a:hover{background:#353638!important;color:#9bc5ff!important}

/* Settings/profile editor: zero white cards and zero white form controls. */
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-content,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-card,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-profile-cover-editor,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-profile-photo-editor,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-profile-cover-actions,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-section,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-form{
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
  box-shadow:none!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-form textarea,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-form select,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-profile-photo-editor input,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-profile-photo-editor textarea,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-profile-photo-editor select{
  background:#303236!important;
  color:#e4e6eb!important;
  -webkit-text-fill-color:#e4e6eb!important;
  border-color:#4a4d52!important;
  box-shadow:none!important;
  opacity:1!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-form input:disabled,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-form textarea:disabled,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page .sp-settings-form select:disabled{
  background:#292b2f!important;
  color:#a6aab1!important;
  -webkit-text-fill-color:#a6aab1!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page input:-webkit-autofill,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page input:-webkit-autofill:hover,
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #303236 inset!important;
  -webkit-text-fill-color:#e4e6eb!important;
  caret-color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page :is(.sp-profile-photo-editor,.sp-profile-cover-editor) :is(strong,h2,h3,label){color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-settings-page :is(.sp-profile-photo-editor,.sp-profile-cover-editor) :is(p,small,span.description){color:#b0b3b8!important}

/* Reels: the page canvas and all non-media chrome stay dark. */
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route,
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route .sp-shell,
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route .sp-reels-page,
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route .sp-reels-main,
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route .sp-reels-content{
  background:#18191a!important;
  color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route .sp-reels-head,
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route .sp-reels-sidebar{
  background:#18191a!important;
  color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route .sp-reels-head h1{color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route .sp-reels-head p{color:#b0b3b8!important}
html.sp-theme-dark-root body.sp-theme-dark.sp-reels-route .sp-reels-stage{background:#08090a!important}

/* Loading/skeleton surfaces must also remain dark. */
html.sp-theme-dark-root body.sp-theme-dark :is(
  .sp-comments-loading,
  .sp-comments-skeleton,
  .sp-skeleton,
  .sp-loading-card,
  .sp-page-loader,
  .sp-media-skeleton,
  .sp-ui-asset-loading,
  .sp-ui-bg-loading
){background-color:#202225!important;color:#b0b3b8!important}
html.sp-theme-dark-root body.sp-theme-dark :is(
  .sp-comments-skel-line,
  .sp-comments-skel-user,
  .sp-comments-skel-input,
  .sp-comments-skel-actions,
  .sp-skeleton-line
){
  background:linear-gradient(105deg,#2b2d31 8%,#3b3e44 24%,#2b2d31 42%,#41454c 58%,#2b2d31 76%)!important;
  background-size:240% 100%!important;
}

/* Generic native controls and browser autofill. */
html.sp-theme-dark-root body.sp-theme-dark :is(input,textarea,select):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]){
  background-color:#303236!important;
  color:#e4e6eb!important;
  -webkit-text-fill-color:#e4e6eb!important;
  border-color:#4a4d52!important;
}
html.sp-theme-dark-root body.sp-theme-dark :is(input,textarea)::placeholder{color:#9ba0a8!important;-webkit-text-fill-color:#9ba0a8!important}

/* Keep media itself untouched; only the surrounding UI is hardened. */
html.sp-theme-dark-root body.sp-theme-dark :is(video,.sp-media-el,.sp-dialog-media-pane img,.sp-story-media img){color-scheme:dark}


/* ========================================================================
   SocialPress V4.9.1 — dark-mode Follow button repair
   Removes the final light/white Follow surface while preserving light mode.
   ======================================================================== */
html.sp-theme-dark-root body.sp-theme-dark .sp-follow-wrap,
html.sp-theme-dark-root body.sp-theme-dark .sp-profile-follow-card-actions{
  background:transparent!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-follow-btn,
html.sp-theme-dark-root body.sp-theme-dark button.sp-follow-btn,
html.sp-theme-dark-root body.sp-theme-dark a.sp-follow-btn{
  border:1px solid #3f4650!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-follow-btn.is-follow,
html.sp-theme-dark-root body.sp-theme-dark button.sp-follow-btn.is-follow,
html.sp-theme-dark-root body.sp-theme-dark a.sp-follow-btn.is-follow{
  background:#26384f!important;
  color:#73b0ff!important;
  -webkit-text-fill-color:#73b0ff!important;
  border-color:#35577f!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-follow-btn.is-follow :is(span,.sp-icon,svg,path){
  color:#73b0ff!important;
  -webkit-text-fill-color:#73b0ff!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-follow-btn.is-follow:hover:not(.is-working){
  background:#304967!important;
  color:#9bc8ff!important;
  -webkit-text-fill-color:#9bc8ff!important;
  border-color:#4672a6!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-follow-btn.is-following,
html.sp-theme-dark-root body.sp-theme-dark button.sp-follow-btn.is-following,
html.sp-theme-dark-root body.sp-theme-dark a.sp-follow-btn.is-following{
  background:#303236!important;
  color:#e4e6eb!important;
  -webkit-text-fill-color:#e4e6eb!important;
  border-color:#4a4d52!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-follow-btn.is-following :is(span,.sp-icon,svg,path){
  color:#e4e6eb!important;
  -webkit-text-fill-color:#e4e6eb!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-follow-btn.is-following:hover:not(.is-working){
  background:#4a2c31!important;
  color:#ff9da7!important;
  -webkit-text-fill-color:#ff9da7!important;
  border-color:#6d3941!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-follow-btn.is-working{
  background:#292c31!important;
  color:#aeb5bf!important;
  -webkit-text-fill-color:#aeb5bf!important;
  border-color:#41454b!important;
}


/* V4.9.2 — contacts/message action icon alignment + color repair */
.sp-contact{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.sp-contact>.sp-online-wrap{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
}
.sp-contact>span:nth-child(2){
  min-width:0!important;
  flex:1 1 auto!important;
}
.sp-contact-message-icon{
  position:relative!important;
  inset:auto!important;
  margin:0 0 0 auto!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  flex:0 0 28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  background:#0866ff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 1px 3px rgba(0,0,0,.18)!important;
  line-height:1!important;
  transform:none!important;
  overflow:hidden!important;
  vertical-align:middle!important;
}
.sp-contact-message-icon .sp-icon,
.sp-contact-message-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  stroke:currentColor!important;
  fill:none!important;
  transform:none!important;
}
.sp-contact-message-icon svg path,
.sp-contact-message-icon svg circle,
.sp-contact-message-icon svg polyline,
.sp-contact-message-icon svg line{
  stroke:currentColor!important;
}
.sp-contact:hover .sp-contact-message-icon{
  background:#075bd8!important;
  color:#fff!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-contact-message-icon,
body.sp-theme-dark .sp-contact-message-icon{
  background:#2d88ff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#242526!important;
  box-shadow:0 1px 4px rgba(0,0,0,.45)!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-contact:hover .sp-contact-message-icon,
body.sp-theme-dark .sp-contact:hover .sp-contact-message-icon{
  background:#4599ff!important;
}
@media(max-width:760px){
  .sp-contact-message-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    flex-basis:30px!important;
    opacity:1!important;
  }
  .sp-contact-message-icon .sp-icon,
  .sp-contact-message-icon svg{width:17px!important;height:17px!important}
}


/* V4.9.2 — notification avatar icon position + color fix */
.sp-notification-avatar-wrap{overflow:visible!important;isolation:isolate}
.sp-notification-type-icon{
  position:absolute!important;
  right:-1px!important;
  bottom:-1px!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid var(--sp-notification-badge-ring,#fff)!important;
  background:#1877f2!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(8,17,33,.22)!important;
  z-index:3!important;
  transform:none!important;
}
.sp-notification-item.is-compact .sp-notification-type-icon{width:20px!important;height:20px!important;right:-1px!important;bottom:-1px!important}
.sp-notification-type-icon .sp-icon{width:11px!important;height:11px!important;stroke-width:2.25!important}
.sp-notification-item.is-compact .sp-notification-type-icon .sp-icon{width:10px!important;height:10px!important}
.sp-notification-type-icon.is-reaction{background:#1877f2!important;color:#fff!important}
.sp-notification-type-icon.is-comment,.sp-notification-type-icon.is-reply{background:#1b74e4!important;color:#fff!important}
.sp-notification-type-icon.is-share{background:#0a66ff!important;color:#fff!important}
.sp-notification-type-icon.is-friend_request,.sp-notification-type-icon.is-friend_accept{background:#31a24c!important;color:#fff!important}
.sp-notification-type-icon.is-default{background:#5b6476!important;color:#fff!important}
html.sp-theme-dark .sp-notification-type-icon,body.sp-theme-dark .sp-notification-type-icon{--sp-notification-badge-ring:#202327!important;box-shadow:0 3px 12px rgba(0,0,0,.45)!important}
html.sp-theme-dark .sp-notification-type-icon.is-reaction,body.sp-theme-dark .sp-notification-type-icon.is-reaction{background:#2d88ff!important}
html.sp-theme-dark .sp-notification-type-icon.is-comment,html.sp-theme-dark .sp-notification-type-icon.is-reply,body.sp-theme-dark .sp-notification-type-icon.is-comment,body.sp-theme-dark .sp-notification-type-icon.is-reply{background:#3aa0ff!important}
html.sp-theme-dark .sp-notification-type-icon.is-share,body.sp-theme-dark .sp-notification-type-icon.is-share{background:#1f8bff!important}
html.sp-theme-dark .sp-notification-type-icon.is-friend_request,html.sp-theme-dark .sp-notification-type-icon.is-friend_accept,body.sp-theme-dark .sp-notification-type-icon.is-friend_request,body.sp-theme-dark .sp-notification-type-icon.is-friend_accept{background:#3bb95e!important}

/* ========================================================================
   SocialPress V4.9.4 — dark shimmer + new feature dark compatibility
   ======================================================================== */
html.sp-theme-dark-root.sp-ui-booting body :is(
  .sp-topbar-inner>*,.sp-side-user,.sp-side-link,.sp-stories,.sp-composer,
  .sp-post-card,.sp-widget,.sp-view-head,.sp-person-card,.sp-settings-card,
  .sp-settings-nav,.sp-friend-result,.sp-friends-tabs,.sp-group-toolbar,
  .sp-groups-hero,.sp-group-card,.sp-group-create-form,.sp-group-create-preview-wrap,
  .sp-group-profile,.sp-group-owner-notifications,.sp-group-composer,
  .sp-group-about-card,.sp-group-members-card,.sp-group-settings-card,
  .sp-comments-dialog
)::after,
html.sp-theme-dark-root.sp-route-loading body.sp-theme-dark .sp-feed>:is(.sp-post-card,.sp-composer,.sp-stories)::after{
  background:linear-gradient(105deg,#202327 6%,#2c3035 18%,#22262a 32%,#383d43 47%,#2b2f34 60%,#202327 76%)!important;
  background-size:260% 100%!important;
  animation:spUniversalShimmer 2.7s linear infinite!important;
}
html.sp-theme-dark-root.sp-ui-booting body :is(.sp-post-card,.sp-composer,.sp-stories,.sp-group-card,.sp-settings-card,.sp-friend-result)::before{
  background:#35393f!important;
  box-shadow:0 23px 0 #30343a,0 46px 0 #2b2f34!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-dv-workspace-skeleton>* ,
html.sp-theme-dark-root body.sp-theme-dark .sp-dv-workspace-skeleton .metrics i,
html.sp-theme-dark-root body.sp-theme-dark .sp-dv-workspace-skeleton .rows i{
  background:#22262a!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-dv-workspace-skeleton>*:after,
html.sp-theme-dark-root body.sp-theme-dark .sp-dv-workspace-skeleton .metrics i:after,
html.sp-theme-dark-root body.sp-theme-dark .sp-dv-workspace-skeleton .rows i:after{
  background:linear-gradient(105deg,#22262a 8%,#353a40 27%,#25292e 45%,#3b4047 61%,#22262a 78%)!important;
  background-size:240% 100%!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-infinite-feed-loader{background:#24272b!important;color:#b8bec7!important;border-color:#3e4248!important;box-shadow:none!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-infinite-feed-loader i{border-color:#51565d!important;border-right-color:#2d88ff!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-admin-sponsored-row{color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-admin-sponsored-row:hover{background:#303236!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-admin-sponsored-media{background:#1f2226!important;color:#2d88ff!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-admin-sponsored-copy strong{color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-admin-sponsored-copy small{color:#a8adb5!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-side-legal-links a{color:#a8adb5!important}
html.sp-theme-dark-root body.sp-theme-dark :is(.sp-info-hero,.sp-info-content,.sp-info-nav){background:#242526!important;color:#e4e6eb!important;border-color:#3e4042!important;box-shadow:none!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-info-hero h1,
html.sp-theme-dark-root body.sp-theme-dark .sp-info-content h2{color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-info-hero p,
html.sp-theme-dark-root body.sp-theme-dark .sp-info-content p,
html.sp-theme-dark-root body.sp-theme-dark .sp-info-hero small{color:#b0b3b8!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-info-content article{border-color:#3e4042!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-info-nav a{color:#c6c9ce!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-info-nav a:hover{background:#303236!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-info-nav a.active{background:#183b63!important;color:#66a8ff!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-info-note{background:#342d1c!important;color:#e5c777!important}


/* V4.9.5 — universal 1:1 profile photo crop */
img.sp-avatar,
img.avatar,
.sp-profile-avatar-wrap img,
.sp-profile-photo-preview img,
.sp-person-avatar-wrap img,
.sp-notification-avatar-wrap img,
.sp-conversation-avatar img,
.sp-conversation-row img,
.sp-chat-head-avatar img,
.sp-chat-profile-intro img,
.sp-contact-row img,
.sp-friend-result img,
.sp-friend-result-user img,
.sp-profile-friend-card img,
.sp-profile-friends-preview img,
.sp-profile-suggestion-photo img,
.sp-share-person img,
.sp-mobile-drawer-profile img,
[class*="avatar-wrap"] > img,
[class*="avatar"] > img.sp-avatar {
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  object-position:center!important;
  flex-shrink:0!important;
}
.sp-profile-avatar-wrap,
.sp-person-avatar-wrap,
.sp-notification-avatar-wrap,
.sp-conversation-avatar,
.sp-chat-head-avatar {
  aspect-ratio:1 / 1;
}


/* V4.9.8 — clean end-of-feed state */
.sp-infinite-feed-sentinel[data-state="done"]{min-height:70px!important;padding:12px 0 28px!important}
.sp-infinite-feed-end{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 16px;
  border:1px solid #dfe4ea;
  border-radius:999px;
  background:#f4f6f8;
  color:#526075;
  font:700 11px/1 inherit;
  cursor:pointer;
  box-shadow:none;
}
.sp-infinite-feed-end[hidden]{display:none!important}
.sp-infinite-feed-end:hover{background:#e9edf2;color:#172033}
.sp-infinite-feed-end:disabled{opacity:.65;cursor:default}
html.sp-theme-dark-root body.sp-theme-dark .sp-infinite-feed-end,
body.sp-theme-dark .sp-infinite-feed-end{
  background:#24272b!important;
  color:#d7dce3!important;
  border-color:#3e4248!important;
}
html.sp-theme-dark-root body.sp-theme-dark .sp-infinite-feed-end:hover,
body.sp-theme-dark .sp-infinite-feed-end:hover{
  background:#2e3237!important;
  color:#fff!important;
}
\n\n/* V4.10.5 — true top-layer post options menu. */
body>.sp-post-menu.sp-post-menu-portal{
  position:fixed!important;
  z-index:2147483000!important;
  isolation:isolate!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  box-shadow:0 14px 42px rgba(15,23,42,.24)!important;
}
.sp-post-menu-wrap.is-open{z-index:150!important}
.sp-post-menu-host-open{overflow:visible!important}
@media(max-width:600px){
  body>.sp-post-menu.sp-post-menu-portal{
    border-radius:16px!important;
    box-shadow:0 18px 54px rgba(15,23,42,.28)!important;
  }
}
html.sp-theme-dark-root body.sp-theme-dark>.sp-post-menu.sp-post-menu-portal,
body.sp-theme-dark>.sp-post-menu.sp-post-menu-portal{
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
  box-shadow:0 18px 54px rgba(0,0,0,.52)!important;
}

/* V4.10.6 — Messenger ringtone + compact incoming-call card + call history */
.sp-call-incoming-card{
  position:fixed;z-index:2147483600;top:76px;right:18px;width:min(330px,calc(100vw - 24px));
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;
  border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#242526;color:#f5f6f7;
  box-shadow:0 16px 42px rgba(0,0,0,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.sp-call-incoming-card[hidden]{display:none!important}
.sp-call-incoming-person{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px}
.sp-call-incoming-person>img{width:44px;height:44px;aspect-ratio:1/1;border-radius:50%;object-fit:cover;background:#3a3b3c;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.sp-call-incoming-person>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.sp-call-incoming-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f6f7;font-size:13px;line-height:1.2}
.sp-call-incoming-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b0b3b8;font-size:10.5px;line-height:1.25}
.sp-call-incoming-card-actions{display:flex;align-items:center;gap:8px}
.sp-call-incoming-card-actions button{width:34px;height:34px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.25);transition:transform .14s ease,filter .14s ease}
.sp-call-incoming-card-actions button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.sp-call-incoming-card-actions button:active{transform:scale(.94)}
.sp-call-incoming-card-actions .accept{background:#31a24c}
.sp-call-incoming-card-actions .decline{background:#e41e3f}
.sp-call-incoming-card-actions .sp-icon,.sp-call-incoming-card-actions .sp-icon-rounded{width:16px;height:16px}
.sp-call-incoming-card[data-call-type="video"] .accept{background:#31a24c}

.sp-chat-message.is-call-event .sp-chat-message-content{max-width:min(270px,82vw)}
.sp-chat-call-event{width:min(258px,78vw);overflow:hidden;border:1px solid #35383d;border-radius:14px;background:#242526;color:#f5f6f7;box-shadow:0 3px 12px rgba(0,0,0,.13)}
.sp-chat-call-event-head{display:grid;grid-template-columns:38px minmax(0,1fr) 36px;align-items:center;gap:9px;padding:10px 10px 8px}
.sp-chat-call-event-type{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#323438;color:#e4e6eb}
.sp-chat-call-event-type .sp-icon,.sp-chat-call-event-type .sp-icon-rounded{width:18px;height:18px}
.sp-chat-call-event-head>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.sp-chat-call-event-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f6f7;font-size:12px;line-height:1.25}
.sp-chat-call-event-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b0b3b8;font-size:9.5px;line-height:1.25}
.sp-chat-call-event-head>img{width:36px;height:36px;aspect-ratio:1/1;border-radius:50%;object-fit:cover;background:#3a3b3c}
.sp-chat-call-event-actions{display:flex;justify-content:flex-end;padding:0 9px 9px}
.sp-chat-call-event-actions button{width:31px;height:31px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;color:#fff;background:#31a24c;box-shadow:0 2px 7px rgba(49,162,76,.24)}
.sp-chat-call-event-actions button .sp-icon,.sp-chat-call-event-actions button .sp-icon-rounded{width:14px;height:14px}
.sp-chat-call-event.is-missed,.sp-chat-call-event.is-failed{border-color:#553239}
.sp-chat-call-event.is-missed .sp-chat-call-event-type,.sp-chat-call-event.is-failed .sp-chat-call-event-type{background:#43282e;color:#ff9da7}
.sp-chat-call-event.is-declined,.sp-chat-call-event.is-canceled{border-color:#4c3c3f}
.sp-chat-message.is-mine .sp-chat-call-event{border-color:#31527b;background:#1f3046}
.sp-chat-message.is-mine .sp-chat-call-event-type{background:#294766;color:#8ec1ff}

@media(max-width:700px){
  .sp-call-incoming-card{top:calc(10px + env(safe-area-inset-top));left:10px;right:10px;width:auto;border-radius:14px}
  .sp-call-incoming-person{grid-template-columns:42px minmax(0,1fr)}
  .sp-call-incoming-person>img{width:42px;height:42px}
}

/* V4.10.7 background-call settings in dark appearance */
html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-panel{background:#24272c!important;border-color:#3d424a!important;color:#e4e6eb!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-panel.is-active{background:#202c3a!important;border-color:#35577f!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-panel.is-error{background:#35272a!important;border-color:#654148!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-icon{background:#26384f!important;color:#73b0ff!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-copy>strong{color:#f0f2f5!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-copy>span{color:#d6d9df!important}
html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-copy>small{color:#aeb5bf!important}


/* SocialPress V4.10.12 — phone call alert activation prompt */
.sp-call-push-setup{position:fixed;z-index:2147482500;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));margin:auto;max-width:560px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #d9e1ec;border-radius:16px;background:#fff;color:#172033;box-shadow:0 18px 54px rgba(20,33,61,.22)}
.sp-call-push-setup[hidden]{display:none!important}.sp-call-push-setup-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7f3ff;color:#0866ff}.sp-call-push-setup-icon .sp-icon{width:21px;height:21px}.sp-call-push-setup-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.sp-call-push-setup-copy strong{font-size:13.5px}.sp-call-push-setup-copy small{font-size:11px;line-height:1.4;color:#667085}.sp-call-push-setup .sp-app-primary{min-height:38px;white-space:nowrap}.sp-call-push-setup-close{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border:1px solid #d9e1ec;border-radius:50%;background:#fff;color:#667085;box-shadow:0 3px 12px rgba(0,0,0,.12);cursor:pointer;font-size:18px;line-height:1}
html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-setup{background:#242526!important;color:#e4e6eb!important;border-color:#3e4042!important;box-shadow:0 18px 54px rgba(0,0,0,.45)!important}html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-setup-copy small{color:#b0b3b8!important}html.sp-theme-dark-root body.sp-theme-dark .sp-call-push-setup-close{background:#303236!important;color:#d0d3d7!important;border-color:#4a4d52!important}
@media(max-width:620px){.sp-call-push-setup{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:12px}.sp-call-push-setup-icon{width:38px;height:38px}.sp-call-push-setup .sp-app-primary{grid-column:1/-1;width:100%}}