/* SMM Provider Hub — Global Theme System 2026
   Shared semantic tokens for public, customer and admin surfaces. */
:root,
html[data-sph-theme="dark"]{
  color-scheme:dark;
  --sph-bg:#05060b;
  --sph-bg-soft:#0a0c16;
  --sph-surface:#0e1120;
  --sph-surface-2:#131629;
  --sph-surface-3:#171b31;
  --sph-border:rgba(255,255,255,.08);
  --sph-border-strong:rgba(255,255,255,.14);
  --sph-text:#f1f3fb;
  --sph-text-muted:#9ba1b8;
  --sph-text-faint:#626982;
  --sph-violet:#7c6cf6;
  --sph-blue:#5b8cff;
  --sph-cyan:#33e0d8;
  --sph-pink:#f65ca0;
  --sph-green:#3ddc97;
  --sph-amber:#ffc240;
  --sph-red:#ff6b7a;
  --sph-shadow:0 24px 64px -40px rgba(0,0,0,.92);
  --sph-overlay:rgba(0,0,0,.56);
  --sph-grad:linear-gradient(135deg,#7c6cf6 0%,#5b8cff 52%,#33e0d8 100%);
}
html[data-sph-theme="light"]{
  color-scheme:light;
  --sph-bg:#f4f5fb;
  --sph-bg-soft:#eceef7;
  --sph-surface:#ffffff;
  --sph-surface-2:#f6f7fc;
  --sph-surface-3:#eef1f8;
  --sph-border:rgba(21,27,58,.09);
  --sph-border-strong:rgba(21,27,58,.16);
  --sph-text:#12152b;
  --sph-text-muted:#565c78;
  --sph-text-faint:#8a90aa;
  --sph-violet:#6858ef;
  --sph-blue:#3976ea;
  --sph-cyan:#149f9a;
  --sph-pink:#d7468b;
  --sph-green:#16885b;
  --sph-amber:#a86a00;
  --sph-red:#c84457;
  --sph-shadow:0 18px 44px -30px rgba(37,46,82,.26);
  --sph-overlay:rgba(10,14,30,.34);
  --sph-grad:linear-gradient(135deg,#7c6cf6 0%,#5b8cff 52%,#33e0d8 100%);
}

html,body{background:var(--sph-bg);color:var(--sph-text)}
body{transition:background-color .18s ease,color .18s ease}
body.sph-theme-changing *{transition-duration:.12s!important}

.sph-theme-toggle{
  appearance:none;-webkit-appearance:none;width:40px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;
  padding:0;border:1px solid var(--sph-border-strong);border-radius:11px;background:color-mix(in srgb,var(--sph-surface) 88%,transparent);
  color:var(--sph-text-muted);cursor:pointer;box-shadow:0 8px 24px -18px rgba(0,0,0,.55);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.sph-theme-toggle:hover,.sph-theme-toggle:focus-visible{color:var(--sph-text);border-color:color-mix(in srgb,var(--sph-violet) 42%,var(--sph-border));background:var(--sph-surface-2);outline:none;transform:translateY(-1px)}
.sph-theme-toggle svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sph-theme-toggle .sph-theme-sun,.sph-theme-toggle .sph-theme-moon{display:none}
html[data-sph-theme="dark"] .sph-theme-toggle .sph-theme-sun{display:block}
html[data-sph-theme="light"] .sph-theme-toggle .sph-theme-moon{display:block}
.sph-theme-toggle-host{display:flex!important;align-items:center!important}
.sph-theme-toggle-public{margin-left:8px;vertical-align:middle}
.sph-theme-toggle-fallback{position:fixed;right:18px;top:18px;z-index:1200;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

html[data-sph-theme="light"] body{
  background:
    radial-gradient(700px 420px at 15% -10%,rgba(124,108,246,.09),transparent 62%),
    radial-gradient(620px 420px at 100% 0,rgba(51,224,216,.07),transparent 58%),
    var(--sph-bg)!important;
  color:var(--sph-text)!important;
}
html[data-sph-theme="light"] body .text-muted,
html[data-sph-theme="light"] body .text-secondary{color:var(--sph-text-muted)!important}
html[data-sph-theme="light"] body h1,
html[data-sph-theme="light"] body h2,
html[data-sph-theme="light"] body h3,
html[data-sph-theme="light"] body h4,
html[data-sph-theme="light"] body h5,
html[data-sph-theme="light"] body h6{color:var(--sph-text)!important}

/* Shared controls */
html[data-sph-theme="light"] .btn-secondary,
html[data-sph-theme="light"] .btn-default,
html[data-sph-theme="light"] .btn-light,
html[data-sph-theme="light"] .btn-outline-primary{background:var(--sph-surface)!important;color:var(--sph-text)!important;border-color:var(--sph-border-strong)!important;box-shadow:none!important}
html[data-sph-theme="light"] .btn-secondary:hover,
html[data-sph-theme="light"] .btn-default:hover,
html[data-sph-theme="light"] .btn-light:hover,
html[data-sph-theme="light"] .btn-outline-primary:hover{background:var(--sph-surface-2)!important;color:var(--sph-text)!important}
html[data-sph-theme="light"] .form-control,
html[data-sph-theme="light"] .custom-select,
html[data-sph-theme="light"] .selectize-input,
html[data-sph-theme="light"] textarea.form-control,
html[data-sph-theme="light"] .input-group-text{
  background:var(--sph-surface)!important;color:var(--sph-text)!important;border-color:var(--sph-border-strong)!important;box-shadow:none!important;
}
html[data-sph-theme="light"] .form-control:focus,
html[data-sph-theme="light"] .custom-select:focus,
html[data-sph-theme="light"] .selectize-input.focus,
html[data-sph-theme="light"] .selectize-input.input-active{background:#fff!important;color:var(--sph-text)!important;border-color:rgba(104,88,239,.55)!important;box-shadow:0 0 0 3px rgba(104,88,239,.11)!important}
html[data-sph-theme="light"] .form-control::placeholder,
html[data-sph-theme="light"] textarea::placeholder{color:#959bb0!important}
html[data-sph-theme="light"] label,
html[data-sph-theme="light"] .form-label,
html[data-sph-theme="light"] .col-form-label{color:#3e4562!important}

html[data-sph-theme="light"] .dropdown-menu,
html[data-sph-theme="light"] .selectize-dropdown{background:#fff!important;color:var(--sph-text)!important;border-color:var(--sph-border-strong)!important;box-shadow:0 18px 48px -18px rgba(29,37,70,.24)!important}
html[data-sph-theme="light"] .dropdown-item,
html[data-sph-theme="light"] .selectize-dropdown .option{color:var(--sph-text-muted)!important}
html[data-sph-theme="light"] .dropdown-item:hover,
html[data-sph-theme="light"] .dropdown-item:focus,
html[data-sph-theme="light"] .selectize-dropdown .active{background:rgba(104,88,239,.08)!important;color:var(--sph-text)!important}

html[data-sph-theme="light"] .modal-content{background:#fff!important;color:var(--sph-text)!important;border-color:var(--sph-border-strong)!important;box-shadow:0 34px 90px -30px rgba(23,31,66,.34)!important}
html[data-sph-theme="light"] .modal-header,
html[data-sph-theme="light"] .modal-footer{background:#fafbff!important;border-color:var(--sph-border)!important}
html[data-sph-theme="light"] .close{color:#303650!important}
html[data-sph-theme="light"] .modal-backdrop.show{opacity:.34!important}

html[data-sph-theme="light"] .card,
html[data-sph-theme="light"] .panel,
html[data-sph-theme="light"] .list-group-item,
html[data-sph-theme="light"] .tile,
html[data-sph-theme="light"] .page-card{background:linear-gradient(180deg,#fff,#fafbff)!important;color:var(--sph-text)!important;border-color:var(--sph-border)!important;box-shadow:var(--sph-shadow)!important}
html[data-sph-theme="light"] .card-header,
html[data-sph-theme="light"] .card-footer,
html[data-sph-theme="light"] .panel-heading,
html[data-sph-theme="light"] .panel-footer{background:#fafbff!important;color:var(--sph-text)!important;border-color:var(--sph-border)!important}

html[data-sph-theme="light"] .table-responsive{background:#fff!important;border-color:var(--sph-border)!important}
html[data-sph-theme="light"] .table{color:var(--sph-text)!important;background:transparent!important}
html[data-sph-theme="light"] .table thead th{background:rgba(104,88,239,.055)!important;color:#59607b!important;border-color:var(--sph-border)!important}
html[data-sph-theme="light"] .table td,
html[data-sph-theme="light"] .table th{border-color:var(--sph-border)!important}
html[data-sph-theme="light"] .table tbody tr:hover{background:rgba(104,88,239,.035)!important}
html[data-sph-theme="light"] .table-striped tbody tr:nth-of-type(odd){background:rgba(21,27,58,.018)!important}

html[data-sph-theme="light"] .pagination .page-link{background:#fff!important;color:#59607b!important;border-color:var(--sph-border)!important}
html[data-sph-theme="light"] .pagination .page-item.active .page-link{background:var(--sph-grad)!important;color:#071019!important;border-color:transparent!important}
html[data-sph-theme="light"] .nav-tabs{border-color:var(--sph-border)!important}
html[data-sph-theme="light"] .nav-tabs .nav-link{color:var(--sph-text-muted)!important}
html[data-sph-theme="light"] .nav-tabs .nav-link.active{background:#fff!important;color:var(--sph-text)!important;border-color:var(--sph-border) var(--sph-border) #fff!important}

html[data-sph-theme="light"] .alert{background:#fff!important;color:var(--sph-text)!important;border-color:var(--sph-border-strong)!important}
html[data-sph-theme="light"] code,
html[data-sph-theme="light"] pre{background:#f0f2f8!important;color:#29304b!important;border-color:var(--sph-border)!important}

/* App shell */
html[data-sph-theme="light"] body.antialiased,
html[data-sph-theme="light"] body[class*="theme-"]{background:var(--sph-bg)!important;color:var(--sph-text)!important}
html[data-sph-theme="light"] .layout-main,
html[data-sph-theme="light"] .app-content,
html[data-sph-theme="light"] .page,
html[data-sph-theme="light"] .page-main{background:transparent!important}
html[data-sph-theme="light"] .js-header,
html[data-sph-theme="light"] .page .header,
html[data-sph-theme="light"] .page-main>.header,
html[data-sph-theme="light"] .header.py-4{background:rgba(244,245,251,.88)!important;color:var(--sph-text)!important;border-color:var(--sph-border)!important;box-shadow:0 10px 35px rgba(32,42,76,.08)!important}
html[data-sph-theme="light"] .js-header .nav-link,
html[data-sph-theme="light"] .page .header .nav-link{color:var(--sph-text-muted)!important}
html[data-sph-theme="light"] #aside,
html[data-sph-theme="light"] #aside.navbar-side,
html[data-sph-theme="light"] #aside.navbar-fixed{background:linear-gradient(180deg,#fff,#f8f9fd)!important;border-color:var(--sph-border)!important;box-shadow:16px 0 42px rgba(30,40,75,.06)!important}
html[data-sph-theme="light"] #aside .mobile-logo{background:#fff!important;border-color:var(--sph-border)!important}
html[data-sph-theme="light"] #aside .navbar-heading{color:#9096ac!important}
html[data-sph-theme="light"] #aside .nav-link{color:#666e88!important}
html[data-sph-theme="light"] #aside .nav-link .nav-icon{color:#858ca4!important}
html[data-sph-theme="light"] #aside .nav-link:hover{background:#f1f3fa!important;color:#1b2038!important;border-color:var(--sph-border)!important}
html[data-sph-theme="light"] #aside .nav-link.active,
html[data-sph-theme="light"] #aside .nav-item.active>.nav-link{background:linear-gradient(135deg,rgba(124,108,246,.13),rgba(51,224,216,.08))!important;color:#171c34!important;border-color:rgba(104,88,239,.22)!important;box-shadow:none!important}
html[data-sph-theme="light"] #aside .nav-link.active .nav-icon,
html[data-sph-theme="light"] #aside .nav-item.active>.nav-link .nav-icon{color:#168f8a!important}
html[data-sph-theme="light"] .page-overlay,
html[data-sph-theme="light"] .sph-sidebar-overlay{background:var(--sph-overlay)!important}

/* Public shell */
html[data-sph-theme="light"] .sph-premium-home,
html[data-sph-theme="light"] .main-content,
html[data-sph-theme="light"] .content-area,
html[data-sph-theme="light"] .section,
html[data-sph-theme="light"] .page-content{color:var(--sph-text)!important}
html[data-sph-theme="light"] .navbar-custom,
html[data-sph-theme="light"] #headerNav,
html[data-sph-theme="light"] body.sph-seo-layout .sph5-seo-header{background:rgba(255,255,255,.9)!important;border-color:var(--sph-border)!important;box-shadow:0 12px 38px rgba(30,40,75,.08)!important}
html[data-sph-theme="light"] .navbar-custom .nav-link,
html[data-sph-theme="light"] #headerNav .nav-link,
html[data-sph-theme="light"] body.sph-seo-layout .sph5-seo-nav a{color:#59617d!important}
html[data-sph-theme="light"] .navbar-custom .nav-link:hover,
html[data-sph-theme="light"] #headerNav .nav-link:hover,
html[data-sph-theme="light"] body.sph-seo-layout .sph5-seo-nav a:hover{color:#171c34!important;background:rgba(104,88,239,.06)!important}
html[data-sph-theme="light"] .navbar-custom .navbar-toggler,
html[data-sph-theme="light"] #headerNav .navbar-toggler{color:#2f3651!important;border-color:var(--sph-border-strong)!important}
html[data-sph-theme="light"] footer,
html[data-sph-theme="light"] .footer,
html[data-sph-theme="light"] .footer_top,
html[data-sph-theme="light"] .footer_bottom{background:#eef1f8!important;color:#626a84!important;border-color:var(--sph-border)!important}
html[data-sph-theme="light"] footer h1,
html[data-sph-theme="light"] footer h2,
html[data-sph-theme="light"] footer h3,
html[data-sph-theme="light"] footer h4,
html[data-sph-theme="light"] .footer .title{color:#202640!important}
html[data-sph-theme="light"] footer a,
html[data-sph-theme="light"] .footer a{color:#606983!important}
html[data-sph-theme="light"] footer a:hover,
html[data-sph-theme="light"] .footer a:hover{color:#242a43!important}

/* Auth */
html[data-sph-theme="light"] .login-bg-image{opacity:.22!important}
html[data-sph-theme="light"] .auth-login-form .card,
html[data-sph-theme="light"] .sph-auth-card,
html[data-sph-theme="light"] .sph-auth-shell{background:rgba(255,255,255,.96)!important;color:var(--sph-text)!important;border-color:var(--sph-border)!important;box-shadow:0 24px 70px -30px rgba(35,44,80,.28)!important}

@media(max-width:991.98px){
  .sph-theme-toggle{width:42px;height:42px;min-width:42px}
  .sph-theme-toggle-public{margin:8px 0 8px 8px}
}
@media(max-width:575.98px){
  .sph-theme-toggle-fallback{right:12px;top:12px}
}
@media(prefers-reduced-motion:reduce){
  body,.sph-theme-toggle{transition:none!important}
  body.sph-theme-changing *{transition:none!important}
}

/* -------------------------------------------------------------------------
   Premium public/home/auth light surfaces. These overrides intentionally live
   in the centralized theme layer so public pages do not grow separate theme
   implementations.
   ------------------------------------------------------------------------- */
html[data-sph-theme="light"] body.sph-premium-home{background:radial-gradient(760px 520px at 12% -5%,rgba(104,88,239,.10),transparent 62%),radial-gradient(680px 500px at 98% 5%,rgba(20,159,154,.07),transparent 58%),#f4f5fb!important;color:#12152b!important}
html[data-sph-theme="light"] body.sph-premium-home::before{background-image:linear-gradient(rgba(21,27,58,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(21,27,58,.025) 1px,transparent 1px)}
html[data-sph-theme="light"] .sph-premium-home .navbar-custom .nav-link:hover,html[data-sph-theme="light"] .sph-premium-home .navbar-custom .nav-item.active>.nav-link{color:#171c34!important}
html[data-sph-theme="light"] .sph-premium-home .btn-login,html[data-sph-theme="light"] .sph-premium-home .sph-secondary-btn{background:#fff!important;color:#252b46!important;border-color:rgba(21,27,58,.13)!important}
html[data-sph-theme="light"] .sph-premium-home .sph-hero .p-large,html[data-sph-theme="light"] .sph-premium-home .sph-hero-points span,html[data-sph-theme="light"] .sph-premium-home .sph-dark-panel p,html[data-sph-theme="light"] .sph-premium-home .sph-dark-panel li{color:#606882!important}
html[data-sph-theme="light"] .sph-premium-home .sph-hero .p-large strong,html[data-sph-theme="light"] .sph-premium-home .sph-dark-panel h2,html[data-sph-theme="light"] .sph-premium-home .sph-dark-panel h3{color:#171c34!important}
html[data-sph-theme="light"] .sph-premium-home .sph-hero-points span{background:rgba(255,255,255,.78)!important;border-color:rgba(21,27,58,.09)!important}
html[data-sph-theme="light"] .sph-growth-card,html[data-sph-theme="light"] .sph-premium-home .sph-answer-card,html[data-sph-theme="light"] .sph-premium-home .sph-platform-card,html[data-sph-theme="light"] .sph-premium-home .sph-info-card,html[data-sph-theme="light"] .sph-premium-home .sph-guide-item,html[data-sph-theme="light"] .sph-premium-home .sph-step-card,html[data-sph-theme="light"] .sph-premium-home .sph-checklist-card,html[data-sph-theme="light"] .sph-premium-home .sph-definition-card{background:linear-gradient(180deg,#fff,#fafbff)!important;border-color:rgba(21,27,58,.09)!important;color:#12152b!important;box-shadow:0 22px 54px -36px rgba(35,44,80,.20)!important}
html[data-sph-theme="light"] .sph-growth-graph,html[data-sph-theme="light"] .sph-metric{background:#f6f7fb!important;border-color:rgba(21,27,58,.08)!important}html[data-sph-theme="light"] .sph-growth-graph-head strong,html[data-sph-theme="light"] .sph-metric-copy strong,html[data-sph-theme="light"] .sph-order-copy strong{color:#171c34!important}html[data-sph-theme="light"] .sph-growth-title,html[data-sph-theme="light"] .sph-growth-graph-head,html[data-sph-theme="light"] .sph-metric-copy small,html[data-sph-theme="light"] .sph-order-copy small,html[data-sph-theme="light"] .sph-order-meta{color:#747c96!important}
html[data-sph-theme="light"] .sph-order-demo{background:rgba(104,88,239,.055)!important;border-color:rgba(104,88,239,.16)!important}html[data-sph-theme="light"] .sph-order-track{background:#e8ebf3!important}
html[data-sph-theme="light"] .sph-premium-home .sph-platform-card:hover{background:#fff!important;border-color:rgba(104,88,239,.24)!important}
html[data-sph-theme="light"] .sph-premium-home .sph-counts{background:rgba(255,255,255,.48)!important;border-color:rgba(21,27,58,.08)!important}html[data-sph-theme="light"] .sph-premium-home .sph-counts .purecounter{color:#171c34!important}
html[data-sph-theme="light"] .sph-premium-home .sph-dark-panel,html[data-sph-theme="light"] .sph-premium-home .sph-final-cta{background:linear-gradient(135deg,rgba(104,88,239,.07),rgba(20,159,154,.035))!important;border-color:rgba(21,27,58,.08)!important}
html[data-sph-theme="light"] .sph-premium-home .sph-faq-question{color:#242a43!important}html[data-sph-theme="light"] .sph-premium-home .sph-faq-answer p{color:#626a84!important}
html[data-sph-theme="light"] .sph-premium-home .sph-info-card h3,html[data-sph-theme="light"] .sph-premium-home .sph-guide-item h3,html[data-sph-theme="light"] .sph-premium-home .sph-step-card h3,html[data-sph-theme="light"] .sph-premium-home .sph-checklist-card h3,html[data-sph-theme="light"] .sph-premium-home .sph-definition-card h3,html[data-sph-theme="light"] .sph-premium-home .sph-resource-card h3,html[data-sph-theme="light"] .sph-premium-home .sph-section-head h2{color:#171c34!important}
html[data-sph-theme="light"] .sph-premium-home .sph-info-card p,html[data-sph-theme="light"] .sph-premium-home .sph-guide-item p,html[data-sph-theme="light"] .sph-premium-home .sph-step-card p,html[data-sph-theme="light"] .sph-premium-home .sph-checklist-card li,html[data-sph-theme="light"] .sph-premium-home .sph-definition-card dd,html[data-sph-theme="light"] .sph-premium-home .sph-resource-card p,html[data-sph-theme="light"] .sph-premium-home .sph-section-head p{color:#636b84!important}
html[data-sph-theme="light"] .sph-premium-home .sph-definition-card dt{color:#333a55!important}html[data-sph-theme="light"] .sph-premium-home .sph-rounded-img{background:#fff!important;border-color:rgba(21,27,58,.09)!important;box-shadow:0 22px 54px -36px rgba(35,44,80,.18)!important}
html[data-sph-theme="light"] .sph-premium-home .footer,html[data-sph-theme="light"] .footer{background:#eef1f8!important;color:#626a84!important;border-color:rgba(21,27,58,.08)!important}html[data-sph-theme="light"] .sph-premium-home .footer h4{color:#202640!important}html[data-sph-theme="light"] .sph-premium-home .footer p,html[data-sph-theme="light"] .sph-premium-home .footer a{color:#646d87!important}html[data-sph-theme="light"] .sph-premium-home .footer a:hover{color:#202640!important}html[data-sph-theme="light"] .sph-premium-home .subscribe-box,html[data-sph-theme="light"] .footer .subscribe-box{background:#fff!important;border-color:rgba(21,27,58,.11)!important}html[data-sph-theme="light"] .sph-premium-home .subscribe-box input[type=email],html[data-sph-theme="light"] .footer input[type=email]{color:#171c34!important}

html[data-sph-theme="light"] .sph-auth-page,html[data-sph-theme="light"] .sph-auth-shell{background:radial-gradient(720px 520px at 10% 8%,rgba(104,88,239,.10),transparent 62%),radial-gradient(620px 480px at 95% 12%,rgba(20,159,154,.06),transparent 58%),#f4f5fb!important}
html[data-sph-theme="light"] .sph-auth-card{background:#fff!important;border-color:rgba(21,27,58,.10)!important}html[data-sph-theme="light"] .sph-auth-visual{background:linear-gradient(150deg,rgba(104,88,239,.09),rgba(20,159,154,.04)),#f7f8fc!important;border-color:rgba(21,27,58,.08)!important;color:#171c34!important}html[data-sph-theme="light"] .sph-auth-form-panel{background:rgba(255,255,255,.96)!important}html[data-sph-theme="light"] .sph-auth-visual-copy p,html[data-sph-theme="light"] .sph-auth-heading p,html[data-sph-theme="light"] .sph-auth-benefits span,html[data-sph-theme="light"] .sph-auth-legal{color:#69718b!important}

@media(max-width:991.98px){
  html[data-sph-theme="light"] #headerNav .navbar-collapse,html[data-sph-theme="light"] .header-top .navbar-collapse,html[data-sph-theme="light"] .sph-premium-home .navbar-custom .navbar-collapse{background:#fff!important;border-color:rgba(21,27,58,.10)!important;box-shadow:0 22px 54px rgba(35,44,80,.14)!important}
}

/* -------------------------------------------------------------------------
   2026-09-29 component-level Light Theme root-cause fixes.
   Premium dark component CSS intentionally uses hard-coded !important colors.
   These targeted selectors are the light-mode counterparts; they avoid a
   destructive global * { color: ... !important } override.
   ------------------------------------------------------------------------- */
html[data-sph-theme="light"] select,
html[data-sph-theme="light"] select.form-control,
html[data-sph-theme="light"] select.custom-select,
html[data-sph-theme="light"] select option,
html[data-sph-theme="light"] select optgroup{
  background-color:#fff!important;
  color:#202640!important;
}
html[data-sph-theme="light"] select option:checked{
  background:#e9ecf8!important;
  color:#171b31!important;
}
html[data-sph-theme="light"] .select2-container .select2-selection,
html[data-sph-theme="light"] .select2-dropdown,
html[data-sph-theme="light"] .chosen-container .chosen-single,
html[data-sph-theme="light"] .chosen-container .chosen-drop,
html[data-sph-theme="light"] .bootstrap-select>.dropdown-toggle{
  background:#fff!important;
  color:#202640!important;
  border-color:var(--sph-border-strong)!important;
}
html[data-sph-theme="light"] .select2-results__option,
html[data-sph-theme="light"] .chosen-container .chosen-results li{
  background:#fff!important;
  color:#4f5875!important;
}
html[data-sph-theme="light"] .select2-results__option--highlighted,
html[data-sph-theme="light"] .chosen-container .chosen-results li.highlighted{
  background:rgba(104,88,239,.10)!important;
  color:#171b31!important;
}

/* New Order: direct counterparts for dark-only component rules. */
html[data-sph-theme="light"] #new_order .order_resume{
  background:linear-gradient(180deg,#fff,#fafbff)!important;
  color:#202640!important;
  border-color:rgba(21,27,58,.10)!important;
  box-shadow:0 18px 44px -34px rgba(34,43,79,.20)!important;
}
html[data-sph-theme="light"] #new_order .order_resume .service-name,
html[data-sph-theme="light"] #new_order .order_resume .service-details,
html[data-sph-theme="light"] #new_order .order_resume .service-min-val,
html[data-sph-theme="light"] #new_order .order_resume .service-max-val,
html[data-sph-theme="light"] #new_order .order_resume .service-refill-val,
html[data-sph-theme="light"] #new_order .order_resume .service-cancel-val{
  color:#242a43!important;
}
html[data-sph-theme="light"] #new_order .order_resume .service-details{
  background:#f8f9fd!important;
  border-color:rgba(21,27,58,.10)!important;
}
html[data-sph-theme="light"] #new_order .order_resume .badge-default,
html[data-sph-theme="light"] #new_order .order_resume .sph-service-capability{
  background:#eef1f8!important;
  border-color:rgba(21,27,58,.10)!important;
  color:#343b57!important;
}
html[data-sph-theme="light"] #new_order input[readonly],
html[data-sph-theme="light"] #new_order textarea[disabled],
html[data-sph-theme="light"] #new_order textarea[readonly]{
  background:#f7f8fc!important;
  color:#313852!important;
  border-color:rgba(21,27,58,.12)!important;
  opacity:1!important;
}
html[data-sph-theme="light"] #new_order .custom-control-label{color:#3e4562!important}
html[data-sph-theme="light"] #new_order .sph-service-description-card{
  background:#fff!important;
  border-color:rgba(21,27,58,.10)!important;
  box-shadow:0 18px 44px -34px rgba(34,43,79,.18)!important;
}
html[data-sph-theme="light"] #new_order .sph-service-description-body{
  background:#f8f9fd!important;
  color:#343b57!important;
}

/* Shared logged-in tables/list content that carries direct dark colors. */
html[data-sph-theme="light"] .service-item .title,
html[data-sph-theme="light"] #result_ajaxSearch .service-item .title,
html[data-sph-theme="light"] #result_ajaxSearch .card-title{color:#202640!important}
html[data-sph-theme="light"] #result_ajaxSearch .service-item td,
html[data-sph-theme="light"] #result_ajaxSearch .card-body,
html[data-sph-theme="light"] #result_ajaxSearch .card-body p,
html[data-sph-theme="light"] #result_ajaxSearch .card-body li{color:#59617d!important}
html[data-sph-theme="light"] .table .text-muted,
html[data-sph-theme="light"] .table small,
html[data-sph-theme="light"] .table .small{color:#68708a!important}

/* Floating/support surfaces with hard-coded dark-only text. */
html[data-sph-theme="light"] .popover,
html[data-sph-theme="light"] .datepicker,
html[data-sph-theme="light"] .datepicker-dropdown,
html[data-sph-theme="light"] .ui-datepicker,
html[data-sph-theme="light"] .daterangepicker{
  background:#fff!important;
  color:#202640!important;
  border-color:var(--sph-border-strong)!important;
}
html[data-sph-theme="light"] .popover-header{background:#f7f8fc!important;color:#202640!important;border-color:var(--sph-border)!important}
html[data-sph-theme="light"] .popover-body{color:#59617d!important}

/* ========================================================================
   2026-09-29 Admin Provider Services + remaining admin light-mode contrast
   ======================================================================== */
html[data-sph-theme="light"] .sph-provider-services-page .page-title,
html[data-sph-theme="light"] .sph-provider-services-page .card-title{
  color:#202640!important;
}
html[data-sph-theme="light"] .sph-provider-services-provider-label,
html[data-sph-theme="light"] .sph-provider-services-card-subtitle,
html[data-sph-theme="light"] .sph-provider-services-page .sph-provider-label-note,
html[data-sph-theme="light"] .sph-provider-services-page .sph-provider-checkbox-label small{
  color:#68708a!important;
}
html[data-sph-theme="light"] .sph-provider-services-card,
html[data-sph-theme="light"] .sph-provider-import-panel{
  background:#fff!important;
  border-color:rgba(21,27,58,.10)!important;
  color:#202640!important;
}
html[data-sph-theme="light"] .sph-provider-services-card-header{
  background:#fafbff!important;
  border-color:rgba(21,27,58,.09)!important;
}
html[data-sph-theme="light"] .sph-provider-services-page .form-group>label,
html[data-sph-theme="light"] .sph-provider-services-page .sph-provider-checkbox-label,
html[data-sph-theme="light"] .sph-provider-services-page .sph-provider-checkbox-label span{
  color:#3f4763!important;
}
html[data-sph-theme="light"] .sph-provider-services-page .sph-provider-checkbox-label{
  background:#f8f9fd!important;
  border-color:rgba(21,27,58,.11)!important;
}
html[data-sph-theme="light"] .sph-provider-service-table-wrap{
  background:#fff!important;
  border-color:rgba(21,27,58,.10)!important;
}
html[data-sph-theme="light"] .sph-provider-service-table thead th{
  background:#f1f3fb!important;
  color:#535c79!important;
  border-color:rgba(21,27,58,.09)!important;
}
html[data-sph-theme="light"] .sph-provider-service-table tbody td,
html[data-sph-theme="light"] .sph-provider-service-table tbody th{
  color:#313852!important;
  border-color:rgba(21,27,58,.08)!important;
  background:#fff!important;
}
html[data-sph-theme="light"] .sph-provider-service-table tbody td.text-muted,
html[data-sph-theme="light"] .sph-provider-service-table .sph-provider-service-category,
html[data-sph-theme="light"] .sph-provider-service-table .sph-provider-service-type{
  color:#66708b!important;
}
html[data-sph-theme="light"] .sph-provider-service-table tbody tr:hover td,
html[data-sph-theme="light"] .sph-provider-service-table tbody tr:hover th{
  background:#f7f8fd!important;
}
html[data-sph-theme="light"] .sph-provider-service-id{
  background:#eef0ff!important;
  color:#5144cb!important;
}
html[data-sph-theme="light"] .sph-provider-services-empty{color:#68708a!important}

/* Admin content primitives that were still inheriting dark-component colors.
   Badges/status chips/buttons keep their own semantic colors. */
html[data-sph-theme="light"] .layout-main .page-title,
html[data-sph-theme="light"] .layout-main .card-title,
html[data-sph-theme="light"] .layout-main .section-title,
html[data-sph-theme="light"] .layout-main .table td:not(.badge):not(.status),
html[data-sph-theme="light"] .layout-main .table th:not(.badge):not(.status){
  text-shadow:none!important;
}
html[data-sph-theme="light"] .layout-main .form-fieldset,
html[data-sph-theme="light"] .layout-main .form-fieldset .form-group,
html[data-sph-theme="light"] .layout-main .custom-controls-stacked,
html[data-sph-theme="light"] .layout-main .form-check{
  color:#3f4763!important;
}
html[data-sph-theme="light"] .layout-main .empty-state,
html[data-sph-theme="light"] .layout-main .empty-state-title,
html[data-sph-theme="light"] .layout-main .empty-state h3,
html[data-sph-theme="light"] .layout-main .empty-state h4{
  color:#2b324c!important;
}
html[data-sph-theme="light"] .layout-main .empty-state-description,
html[data-sph-theme="light"] .layout-main .empty-state p,
html[data-sph-theme="light"] .layout-main .empty-state .text-muted{
  color:#68708a!important;
  opacity:1!important;
}

@media(max-width:767.98px){
  html[data-sph-theme="light"] .sph-provider-service-table tbody tr.sph-provider-service-row{
    background:#fff!important;
    border-color:rgba(21,27,58,.11)!important;
    box-shadow:0 12px 28px -24px rgba(34,43,79,.24)!important;
  }
  html[data-sph-theme="light"] .sph-provider-service-table td::before{color:#747c97!important}
}