/* SMM Provider Hub Services Marketplace — compact list view */
.sph-services-page,.sph-services-results{--svc-surface:#0d1120;--svc-surface2:#11172a;--svc-border:rgba(139,148,181,.17);--svc-purple:#7c6cf6;--svc-blue:#5b8cff;--svc-cyan:#33e0d8;--svc-text:#f3f6ff;--svc-muted:#8993aa}
.sph-services-page{width:100%;max-width:100%;margin-bottom:16px}.sph-services-marketplace-shell{padding:18px;border:1px solid var(--svc-border);border-radius:17px;background:radial-gradient(circle at 12% 0%,rgba(124,108,246,.10),transparent 32%),linear-gradient(180deg,rgba(17,21,38,.97),rgba(8,11,21,.98));overflow:hidden}.sph-services-marketplace-head{margin-bottom:14px}.sph-services-eyebrow{margin-bottom:4px;color:var(--svc-cyan);font-size:10px;font-weight:800;letter-spacing:.13em}.sph-services-marketplace-head .page-title{margin:0!important;color:var(--svc-text)!important;font-size:23px!important;font-weight:800!important}.sph-services-marketplace-head .page-title i{margin-right:7px;color:var(--svc-cyan)}.sph-services-subtitle{margin:6px 0 0;color:var(--svc-muted);font-size:12.5px}
.sph-platform-filter-shell{margin:0 0 14px;overflow:hidden}.sph-platform-filter{display:flex;flex-wrap:wrap;gap:7px}.sph-platform-chip{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid var(--svc-border);border-radius:10px;background:rgba(255,255,255,.025);color:#c2c9da;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.18s ease}.sph-platform-chip:hover,.sph-platform-chip:focus-visible{color:#fff;border-color:rgba(91,140,255,.38);background:rgba(91,140,255,.08);outline:none}.sph-platform-chip.is-active{color:#fff;border-color:rgba(51,224,216,.36);background:linear-gradient(135deg,rgba(124,108,246,.28),rgba(51,224,216,.13));box-shadow:0 8px 22px rgba(52,84,210,.10)}.sph-platform-chip-icon{display:inline-flex;width:17px;justify-content:center;color:var(--svc-cyan)}
.sph-services-controls{display:flex;align-items:flex-end;gap:12px;padding-top:14px;border-top:1px solid rgba(145,154,184,.11)}.sph-services-control{min-width:0}.sph-public-currency-form{flex:0 0 190px;margin:0}.sph-services-search-control{flex:1 1 auto}.sph-control-label{display:block;margin:0 0 6px;color:#838da5;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sph-public-currency-select,.sph-services-search-wrap{position:relative}.sph-public-currency-select>i,.sph-services-search-wrap>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:2;color:#7f8aa5;pointer-events:none}.sph-public-currency-select select,.sph-services-search-wrap input{width:100%!important;min-height:42px!important;padding-left:38px!important;border:1px solid var(--svc-border)!important;border-radius:10px!important;background:rgba(5,8,17,.60)!important;color:#e6eaf4!important;box-shadow:none!important}.sph-services-search-wrap input{padding-right:43px!important}.sph-search-clear{display:none;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#8b95ad;cursor:pointer}.sph-search-clear.is-visible{display:flex}.sph-search-clear:hover{color:#fff;background:rgba(255,255,255,.06)}
.sph-services-results{width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}.sph-services-results>.col-12{padding:0!important}.sph-service-catalog{display:flex;flex-direction:column;gap:12px}.sph-service-group{border:1px solid var(--svc-border);border-radius:15px;background:linear-gradient(180deg,rgba(16,20,36,.97),rgba(8,11,20,.98));overflow:hidden;box-shadow:0 18px 46px -38px rgba(0,0,0,.95)}.sph-service-group.is-filtered-out{display:none!important}.sph-service-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid rgba(139,148,181,.13);background:rgba(255,255,255,.018)}.sph-service-group-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.sph-service-group-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:rgba(51,224,216,.08);color:var(--svc-cyan)}.sph-service-group-head h2{margin:0;color:#f1f4fb;font-size:14px;line-height:1.35;font-weight:800;overflow-wrap:anywhere}.sph-service-group-head span{color:#8993a9;font-size:10.5px}.sph-service-group-toggle{flex:0 0 auto;width:36px;height:36px;border:1px solid rgba(139,148,181,.15);border-radius:9px;background:rgba(255,255,255,.025);color:#c4cbda;cursor:pointer}.sph-service-group-toggle:hover{color:#fff;border-color:rgba(91,140,255,.34)}.sph-service-group.is-collapsed .sph-service-group-body{display:none}
.sph-service-list-head,.sph-service-row{display:grid;grid-template-columns:minmax(300px,2.6fr) minmax(105px,.75fr) minmax(120px,.9fr) minmax(120px,.9fr) minmax(180px,1.25fr) minmax(130px,.9fr);align-items:center;gap:12px}.sph-service-list-head{padding:9px 14px;border-bottom:1px solid rgba(139,148,181,.11);background:rgba(124,108,246,.045);color:#8892a8;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sph-service-row{min-height:78px;padding:11px 14px;border-bottom:1px solid rgba(139,148,181,.09);transition:background .16s ease,border-color .16s ease}.sph-service-row:last-child{border-bottom:0}.sph-service-row:hover{background:rgba(91,140,255,.035)}.sph-service-row.is-filtered-out{display:none!important}.sph-service-main{min-width:0}.sph-service-main-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}.sph-service-id{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border:1px solid rgba(124,108,246,.23);border-radius:7px;background:rgba(124,108,246,.07);color:#bdb7ff;font-size:10.5px;font-weight:800}.sph-service-favorite{width:28px;height:28px;padding:0;border:0;background:transparent;color:#8d96ab;cursor:pointer}.sph-service-favorite:hover{color:#ff6e9f}.sph-service-name{color:#edf1f8;font-size:12.5px;line-height:1.42;font-weight:720;overflow-wrap:anywhere}.sph-service-cell{min-width:0;color:#aeb6c9;font-size:11.5px}.sph-service-cell strong{color:#f1f4fb;font-size:12.5px;font-weight:800}.sph-service-avg span{color:#b6bed0}.sph-service-features{display:flex;flex-wrap:wrap;gap:5px}.sph-feature-badge{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:4px 7px;border:1px solid rgba(139,148,181,.14);border-radius:999px;font-size:9.5px;font-weight:750;white-space:nowrap}.sph-feature-badge.is-on{border-color:rgba(49,211,154,.22);background:rgba(49,211,154,.07);color:#8ce9c7}.sph-feature-badge.is-off{background:rgba(255,255,255,.025);color:#747f96}.sph-service-actions{display:flex;justify-content:flex-end;gap:6px}.sph-service-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:36px!important;padding:7px 10px!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important}.sph-service-view-btn{border:1px solid rgba(91,140,255,.28)!important;background:rgba(91,140,255,.09)!important;color:#bdd0ff!important}.sph-service-order-btn{border:1px solid rgba(51,224,216,.28)!important;background:linear-gradient(135deg,rgba(124,108,246,.92),rgba(51,224,216,.86))!important;color:#07101a!important}
.sph-services-empty-filter{display:none;min-height:160px;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin-top:12px;padding:26px;border:1px dashed rgba(124,108,246,.30);border-radius:14px;background:rgba(124,108,246,.035);color:#929bb1;text-align:center}.sph-services-empty-filter.is-visible{display:flex}.sph-services-empty-filter i{color:var(--svc-cyan);font-size:22px}.sph-services-empty-filter strong{color:#eef2fb}
/* Service detail modal */.sph-service-details-modal .modal-content{border:1px solid rgba(124,108,246,.22);border-radius:16px;background:#0b0f1b;color:#eaf0fb;box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden}.sph-service-details-modal .modal-header,.sph-service-details-modal .modal-footer{border-color:rgba(139,148,181,.13);background:rgba(255,255,255,.018)}.sph-service-details-modal .close{color:#d8dfed;opacity:.85}.sph-details-eyebrow{margin-bottom:4px;color:var(--svc-cyan);font-size:9.5px;font-weight:800;letter-spacing:.1em}.sph-service-details-modal .modal-title{color:#f4f7fd;font-size:17px;line-height:1.4}.sph-details-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.sph-details-meta span{padding:5px 8px;border:1px solid rgba(124,108,246,.18);border-radius:8px;background:rgba(124,108,246,.055);color:#b9c2d5;font-size:10.5px}.sph-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sph-details-grid>div,.sph-details-features>div{padding:11px;border:1px solid rgba(139,148,181,.12);border-radius:10px;background:rgba(255,255,255,.02)}.sph-details-grid span,.sph-details-features span,.sph-details-description>span{display:block;margin-bottom:5px;color:#818ba2;font-size:9.5px;font-weight:800;text-transform:uppercase}.sph-details-grid strong{color:#f1f4fb;font-size:13px}.sph-details-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.sph-details-features strong.is-available{color:#8ce9c7}.sph-details-features strong.is-unavailable{color:#8e98ad}.sph-details-description{margin-top:12px;padding:12px;border:1px solid rgba(139,148,181,.11);border-radius:10px;background:rgba(255,255,255,.016)}.sph-details-description p{margin:0;color:#bdc5d7;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1199.98px){.sph-service-list-head,.sph-service-row{grid-template-columns:minmax(260px,2.4fr) minmax(95px,.8fr) minmax(105px,.9fr) minmax(100px,.9fr) minmax(145px,1.2fr) minmax(105px,.9fr);gap:8px}.sph-service-actions{flex-direction:column;align-items:stretch}.sph-service-actions .btn{width:100%}}
@media(max-width:767.98px){html,body{max-width:100%;overflow-x:hidden}.sph-services-marketplace-shell{padding:13px;border-radius:14px}.sph-services-marketplace-head .page-title{font-size:20px!important}.sph-platform-filter{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:2px 1px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.sph-platform-filter::-webkit-scrollbar{display:none}.sph-platform-chip{flex:0 0 auto;min-height:42px;max-width:175px}.sph-services-controls{flex-direction:column;align-items:stretch;gap:10px}.sph-public-currency-form{flex:1 1 auto;width:100%}.sph-service-group{border-radius:13px}.sph-service-group-head{padding:11px 12px}.sph-service-list-head{display:none}.sph-service-row{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px;min-height:0;padding:12px}.sph-service-main{grid-column:1/-1;padding-bottom:2px}.sph-service-name{font-size:13px}.sph-service-cell,.sph-service-features,.sph-service-actions{min-width:0}.sph-service-cell::before,.sph-service-features::before{content:attr(data-label);display:block;margin-bottom:4px;color:#717d95;font-size:8.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.sph-service-avg{grid-column:1/-1}.sph-service-features{grid-column:1/-1}.sph-service-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.sph-service-actions .btn{min-height:42px!important;width:100%}.sph-details-grid{grid-template-columns:1fr 1fr}.sph-service-details-modal .modal-dialog{margin:0;min-height:100%;display:flex;align-items:flex-end}.sph-service-details-modal .modal-content{width:100%;max-height:92vh;border-radius:16px 16px 0 0}.sph-service-details-modal .modal-body{overflow-y:auto}.sph-service-details-modal .modal-footer{position:sticky;bottom:0;z-index:2}.sph-services-empty-filter{min-height:130px}}
@media(max-width:390px){.sph-service-row{grid-template-columns:1fr}.sph-service-cell,.sph-service-features,.sph-service-actions,.sph-service-avg{grid-column:1}.sph-service-actions{grid-template-columns:1fr}.sph-details-grid,.sph-details-features{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sph-platform-chip,.sph-service-row{transition-duration:.01ms!important}}

/* 2026 global light-theme compatibility. The marketplace keeps its existing
   real service data/filtering; only presentation tokens change. */
html[data-sph-theme="light"] .sph-services-page,html[data-sph-theme="light"] .sph-services-results{--svc-surface:#fff;--svc-surface2:#f6f7fc;--svc-border:rgba(21,27,58,.10);--svc-purple:#6858ef;--svc-blue:#3976ea;--svc-cyan:#149f9a;--svc-text:#12152b;--svc-muted:#68708a}
html[data-sph-theme="light"] .sph-services-marketplace-shell{background:radial-gradient(circle at 12% 0%,rgba(104,88,239,.08),transparent 32%),linear-gradient(180deg,#fff,#f8f9fd)!important;border-color:var(--svc-border)!important;box-shadow:0 18px 44px -32px rgba(34,44,82,.20)}
html[data-sph-theme="light"] .sph-platform-chip{background:#f7f8fc!important;color:#5f6781!important;border-color:rgba(21,27,58,.10)!important}html[data-sph-theme="light"] .sph-platform-chip:hover{background:#eef1f8!important;color:#1b2038!important}html[data-sph-theme="light"] .sph-platform-chip.is-active{color:#161a31!important;background:linear-gradient(135deg,rgba(104,88,239,.14),rgba(20,159,154,.08))!important;border-color:rgba(104,88,239,.25)!important}
html[data-sph-theme="light"] .sph-services-controls{border-color:rgba(21,27,58,.08)!important}html[data-sph-theme="light"] .sph-public-currency-select select,html[data-sph-theme="light"] .sph-services-search-wrap input{background:#fff!important;color:#1a1e34!important;border-color:rgba(21,27,58,.12)!important}html[data-sph-theme="light"] .sph-control-label{color:#777f98!important}
html[data-sph-theme="light"] .sph-service-group{background:linear-gradient(180deg,#fff,#fafbfe)!important;border-color:rgba(21,27,58,.09)!important;box-shadow:0 16px 40px -34px rgba(37,45,80,.20)!important}html[data-sph-theme="light"] .sph-service-group-head{background:#f7f8fc!important;border-color:rgba(21,27,58,.08)!important}html[data-sph-theme="light"] .sph-service-group-head h2,html[data-sph-theme="light"] .sph-service-name,html[data-sph-theme="light"] .sph-service-cell strong{color:#171b31!important}html[data-sph-theme="light"] .sph-service-group-head span,html[data-sph-theme="light"] .sph-service-cell,html[data-sph-theme="light"] .sph-service-avg span{color:#68708a!important}
html[data-sph-theme="light"] .sph-service-list-head{background:rgba(104,88,239,.055)!important;color:#68708a!important;border-color:rgba(21,27,58,.08)!important}html[data-sph-theme="light"] .sph-service-row{border-color:rgba(21,27,58,.07)!important}html[data-sph-theme="light"] .sph-service-row:hover{background:rgba(104,88,239,.035)!important}html[data-sph-theme="light"] .sph-service-id{background:rgba(104,88,239,.07)!important;color:#5f51d5!important;border-color:rgba(104,88,239,.18)!important}
html[data-sph-theme="light"] .sph-feature-badge.is-off{background:#f0f2f8!important;color:#717a94!important}html[data-sph-theme="light"] .sph-service-group-toggle{background:#fff!important;color:#606983!important;border-color:rgba(21,27,58,.10)!important}
html[data-sph-theme="light"] .sph-service-details-modal .modal-content,html[data-sph-theme="light"] .sph-service-detail-card{background:#fff!important;color:#1a1e34!important;border-color:rgba(21,27,58,.10)!important}

/* 2026-09-29 Light Theme direct-child contrast fixes. */
html[data-sph-theme="light"] .sph-services-empty-filter{
  background:#fafbff!important;
  color:#626b87!important;
  border-color:rgba(104,88,239,.22)!important;
}
html[data-sph-theme="light"] .sph-services-empty-filter strong{color:#202640!important}
html[data-sph-theme="light"] .sph-service-favorite{color:#6b748e!important}
html[data-sph-theme="light"] .sph-feature-badge.is-on{color:#116f4d!important;background:rgba(22,136,91,.08)!important;border-color:rgba(22,136,91,.20)!important}
html[data-sph-theme="light"] .sph-feature-badge.is-off{color:#66708a!important;background:#f0f2f8!important;border-color:rgba(21,27,58,.08)!important}
html[data-sph-theme="light"] .sph-service-view-btn{background:rgba(57,118,234,.08)!important;color:#2e64ca!important;border-color:rgba(57,118,234,.20)!important}
html[data-sph-theme="light"] .sph-service-details-modal .modal-header,
html[data-sph-theme="light"] .sph-service-details-modal .modal-footer{background:#f8f9fd!important;border-color:rgba(21,27,58,.08)!important}
html[data-sph-theme="light"] .sph-service-details-modal .close{color:#3a425e!important}
html[data-sph-theme="light"] .sph-service-details-modal .modal-title,
html[data-sph-theme="light"] .sph-details-grid strong{color:#202640!important}
html[data-sph-theme="light"] .sph-details-meta span,
html[data-sph-theme="light"] .sph-details-grid span,
html[data-sph-theme="light"] .sph-details-features span,
html[data-sph-theme="light"] .sph-details-description>span,
html[data-sph-theme="light"] .sph-details-description p{color:#626b87!important}
html[data-sph-theme="light"] .sph-details-grid>div,
html[data-sph-theme="light"] .sph-details-features>div,
html[data-sph-theme="light"] .sph-details-description{background:#f8f9fd!important;border-color:rgba(21,27,58,.08)!important}