/*
 * SocialSkyRocket — Reseller Pink/Purple Skin
 * ------------------------------------------------------------
 * Visual-only compatibility layer based on resellers.socialskyrocket.com.
 * It intentionally changes colours, gradients, typography, radii, borders,
 * shadows and interaction states only. Existing layouts and page skeletons
 * remain controlled by ssr-design-system.css and the original views.
 */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&display=swap');

html[data-ssr-theme="pink"]{
  --ssr-dark:#0f0719;
  --ssr-dark-2:#190b25;
  --ssr-dark-3:#100719;
  --ssr-dark-text:#f8f3fb;
  --ssr-dark-muted:#d5c9dc;
  --ssr-dark-faint:#ad9fb6;
  --ssr-reseller-line:rgba(52,29,70,.12);
  --ssr-reseller-glass:rgba(255,255,255,.055);
  --ssr-reseller-glass-line:rgba(255,255,255,.12);
  --ssr-reseller-nav:rgba(18,8,29,.95);
  --ssr-reseller-dark-gradient:linear-gradient(145deg,#100719,#190b25);
  --ssr-reseller-hero:
    radial-gradient(circle at 82% 24%,rgba(135,87,245,.28),transparent 30%),
    radial-gradient(circle at 18% 85%,rgba(245,54,154,.22),transparent 25%),
    linear-gradient(145deg,#0f0718,#180a24 65%,#0b0511);
}

/* Canvas and typography */
html[data-ssr-theme="pink"],
html[data-ssr-theme="pink"] body{
  background:var(--ssr-card)!important;
  color:var(--ssr-text)!important;
}
html[data-ssr-theme="pink"] body{
  background:
    radial-gradient(circle at 8% 0%,rgba(245,54,154,.055),transparent 28rem),
    radial-gradient(circle at 92% 10%,rgba(135,87,245,.045),transparent 25rem),
    var(--ssr-card)!important;
}
html[data-ssr-theme="pink"] h1,
html[data-ssr-theme="pink"] h2,
html[data-ssr-theme="pink"] .ssr-public-hero h1,
html[data-ssr-theme="pink"] .ssr-dash-title-block h1,
html[data-ssr-theme="pink"] .ssr-auth-card h1{
  font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;
  letter-spacing:-.035em;
}
html[data-ssr-theme="pink"] ::selection{
  background:rgba(245,54,154,.22);
  color:#261d2e;
}
html[data-ssr-theme="pink"] ::-webkit-scrollbar-thumb{
  background:rgba(95,63,115,.28);
}

/* Exact reseller brand treatments */
html[data-ssr-theme="pink"] .text-gradient,
html[data-ssr-theme="pink"] [class*="bg-gradient-to-r"][class*="from-emerald"],
html[data-ssr-theme="pink"] [class*="bg-gradient-to-br"][class*="from-emerald"]{
  background-image:linear-gradient(135deg,#f5369a,#8757f5)!important;
}
html[data-ssr-theme="pink"] [class*="from-emerald"][class*="bg-clip-text"]{
  background:linear-gradient(135deg,#f5369a,#8757f5)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
html[data-ssr-theme="pink"] .text-emerald-300,
html[data-ssr-theme="pink"] .text-emerald-400,
html[data-ssr-theme="pink"] .text-emerald-500,
html[data-ssr-theme="pink"] .text-brand{
  color:#f5369a!important;
}
html[data-ssr-theme="pink"] .bg-emerald-400,
html[data-ssr-theme="pink"] .bg-emerald-500,
html[data-ssr-theme="pink"] .bg-emerald-600,
html[data-ssr-theme="pink"] .bg-brand{
  background:#f5369a!important;
}
html[data-ssr-theme="pink"] .bg-emerald-500\/10,
html[data-ssr-theme="pink"] .bg-emerald-500\/15,
html[data-ssr-theme="pink"] .bg-emerald-500\/20,
html[data-ssr-theme="pink"] .bg-brand\/5,
html[data-ssr-theme="pink"] .bg-brand\/10,
html[data-ssr-theme="pink"] .bg-brand\/15,
html[data-ssr-theme="pink"] .bg-brand\/20{
  background:rgba(245,54,154,.10)!important;
}
html[data-ssr-theme="pink"] .border-emerald-500\/20,
html[data-ssr-theme="pink"] .border-emerald-500\/30,
html[data-ssr-theme="pink"] .border-brand\/20,
html[data-ssr-theme="pink"] .border-brand\/30{
  border-color:rgba(245,54,154,.24)!important;
}
html[data-ssr-theme="pink"] .shadow-emerald-500\/20,
html[data-ssr-theme="pink"] .shadow-emerald-500\/30{
  --tw-shadow-color:rgba(245,54,154,.25)!important;
}

/* Buttons: same gradient, glow and softened rounded shape as reseller site */
html[data-ssr-theme="pink"] .btn-brand,
html[data-ssr-theme="pink"] .btn-primary,
html[data-ssr-theme="pink"] .btn-sv,
html[data-ssr-theme="pink"] button[type="submit"]:not(.plain):not(.tox-tbtn),
html[data-ssr-theme="pink"] a[class*="from-emerald"][class*="to-emerald"],
html[data-ssr-theme="pink"] button[class*="from-emerald"][class*="to-emerald"]{
  background:linear-gradient(135deg,#f5369a,#8757f5)!important;
  color:#fff!important;
  border-color:transparent!important;
  border-radius:16px!important;
  box-shadow:0 12px 34px rgba(245,54,154,.22)!important;
}
html[data-ssr-theme="pink"] .btn-brand:hover,
html[data-ssr-theme="pink"] .btn-primary:hover,
html[data-ssr-theme="pink"] .btn-sv:hover,
html[data-ssr-theme="pink"] button[type="submit"]:not(.plain):not(.tox-tbtn):hover{
  transform:translateY(-2px)!important;
  box-shadow:0 17px 40px rgba(245,54,154,.28)!important;
}
html[data-ssr-theme="pink"] .btn-outline{
  background:var(--ssr-card)!important;
  color:#261d2e!important;
  border:1px solid rgba(52,29,70,.14)!important;
  border-radius:16px!important;
  box-shadow:0 10px 28px rgba(44,23,58,.07)!important;
}
html[data-ssr-theme="pink"] .btn-outline:hover{
  color:#f5369a!important;
  border-color:rgba(245,54,154,.35)!important;
  background:linear-gradient(135deg,rgba(245,54,154,.06),rgba(135,87,245,.04))!important;
}

/* Light surfaces */
html[data-ssr-theme="pink"] .card-dark,
html[data-ssr-theme="pink"] .card-section,
html[data-ssr-theme="pink"] .panel-card,
html[data-ssr-theme="pink"] .ssr-card,
html[data-ssr-theme="pink"] .fu,
html[data-ssr-theme="pink"] .sec,
html[data-ssr-theme="pink"] .plan-card,
html[data-ssr-theme="pink"] .tier-card,
html[data-ssr-theme="pink"] .seo-card,
html[data-ssr-theme="pink"] .fav-card,
html[data-ssr-theme="pink"] .stat-card,
html[data-ssr-theme="pink"] .review-card,
html[data-ssr-theme="pink"] .feat-card{
  background:var(--ssr-card)!important;
  border-color:rgba(52,29,70,.12)!important;
  border-radius:24px!important;
  box-shadow:0 20px 55px rgba(44,23,58,.12)!important;
}
html[data-ssr-theme="pink"] .ssr-card-soft,
html[data-ssr-theme="pink"] .bg-slate-50,
html[data-ssr-theme="pink"] .bg-slate-100,
html[data-ssr-theme="pink"] .bg-white\/5,
html[data-ssr-theme="pink"] .bg-white\/\[0\.02\],
html[data-ssr-theme="pink"] .bg-white\/\[0\.03\],
html[data-ssr-theme="pink"] .bg-white\/\[0\.04\],
html[data-ssr-theme="pink"] .bg-white\/\[0\.05\]{
  background:#f6f2f9!important;
}
html[data-ssr-theme="pink"] .card-dark:hover,
html[data-ssr-theme="pink"] .ssr-card:hover,
html[data-ssr-theme="pink"] .plan-card:hover,
html[data-ssr-theme="pink"] .tier-card:hover,
html[data-ssr-theme="pink"] .seo-card:hover,
html[data-ssr-theme="pink"] .fav-card:hover{
  border-color:rgba(245,54,154,.25)!important;
  box-shadow:0 25px 65px rgba(44,23,58,.15)!important;
}

/* Forms */
html[data-ssr-theme="pink"] input[type="text"],
html[data-ssr-theme="pink"] input[type="email"],
html[data-ssr-theme="pink"] input[type="password"],
html[data-ssr-theme="pink"] input[type="number"],
html[data-ssr-theme="pink"] input[type="url"],
html[data-ssr-theme="pink"] input[type="tel"],
html[data-ssr-theme="pink"] input[type="search"],
html[data-ssr-theme="pink"] input[type="date"],
html[data-ssr-theme="pink"] input[type="datetime-local"],
html[data-ssr-theme="pink"] input[type="file"],
html[data-ssr-theme="pink"] textarea,
html[data-ssr-theme="pink"] select,
html[data-ssr-theme="pink"] .input-dark,
html[data-ssr-theme="pink"] .inp{
  background:var(--ssr-card)!important;
  color:#271e2e!important;
  border-color:#e8e0ec!important;
  border-radius:12px!important;
  box-shadow:0 1px 0 rgba(44,23,58,.02)!important;
}
html[data-ssr-theme="pink"] input:focus,
html[data-ssr-theme="pink"] textarea:focus,
html[data-ssr-theme="pink"] select:focus,
html[data-ssr-theme="pink"] .input-dark:focus,
html[data-ssr-theme="pink"] .inp:focus{
  border-color:#8757f5!important;
  box-shadow:0 0 0 3px rgba(135,87,245,.10)!important;
}
html[data-ssr-theme="pink"] input::placeholder,
html[data-ssr-theme="pink"] textarea::placeholder{
  color:#aa9ab4!important;
}

/* Tables and information strips */
html[data-ssr-theme="pink"] thead tr,
html[data-ssr-theme="pink"] .svc-th,
html[data-ssr-theme="pink"] .pub-gth{
  background:#f1ebf6!important;
}
html[data-ssr-theme="pink"] th{
  color:#5f4c6a!important;
}
html[data-ssr-theme="pink"] tbody tr:hover{
  background:#faf8fc!important;
}
html[data-ssr-theme="pink"] .pill,
html[data-ssr-theme="pink"] .badge,
html[data-ssr-theme="pink"] .chip,
html[data-ssr-theme="pink"] .ssr-public-kicker,
html[data-ssr-theme="pink"] .ssr-top-pill{
  background:linear-gradient(135deg,rgba(245,54,154,.09),rgba(135,87,245,.07))!important;
  color:#d92b86!important;
  border-color:rgba(245,54,154,.18)!important;
}

/* Public navigation: copied visual pattern, structure untouched */
html[data-ssr-theme="pink"] nav.fixed,
html[data-ssr-theme="pink"] .ssr-public-nav{
  background:rgba(18,8,29,.95)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  color:#fff!important;
  box-shadow:0 12px 34px rgba(15,7,25,.22)!important;
  backdrop-filter:blur(18px)!important;
}
html[data-ssr-theme="pink"] nav.fixed .text-slate-300,
html[data-ssr-theme="pink"] nav.fixed .text-slate-400,
html[data-ssr-theme="pink"] nav.fixed .text-slate-500,
html[data-ssr-theme="pink"] .ssr-public-nav .text-slate-300,
html[data-ssr-theme="pink"] .ssr-public-nav .text-slate-400,
html[data-ssr-theme="pink"] .ssr-public-nav .text-slate-500{
  color:#cfc4d6!important;
}
html[data-ssr-theme="pink"] nav.fixed .text-white,
html[data-ssr-theme="pink"] nav.fixed span:not(.text-brand):not(.text-gradient),
html[data-ssr-theme="pink"] .ssr-public-nav .text-white{
  color:#fff!important;
}
html[data-ssr-theme="pink"] nav.fixed .hover\:text-white:hover,
html[data-ssr-theme="pink"] .ssr-public-nav .hover\:text-white:hover{
  color:#fff!important;
}
html[data-ssr-theme="pink"] nav.fixed .hover\:bg-white\/5:hover,
html[data-ssr-theme="pink"] .ssr-public-nav .hover\:bg-white\/5:hover{
  background:rgba(255,255,255,.07)!important;
}

/* Main public hero: dark glow pattern, no geometry changes */
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child,
html[data-ssr-theme="pink"] main > section.ssr-u-bae7109f:first-child{
  background:var(--ssr-reseller-hero)!important;
  color:#fff!important;
}
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type h1,
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type h2,
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type strong,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child h1,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child h2,
html[data-ssr-theme="pink"] main > section.ssr-u-bae7109f:first-child h1{
  color:#fff!important;
}
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type p,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child p,
html[data-ssr-theme="pink"] main > section.ssr-u-bae7109f:first-child p{
  color:#d5c9dc!important;
  opacity:1!important;
}
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type .border-white\/10,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child .border-white\/10{
  border-color:rgba(255,255,255,.14)!important;
}
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type .bg-white\/5,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child .bg-white\/5{
  background:rgba(255,255,255,.06)!important;
}

/* Logged-in/admin shell */
html[data-ssr-theme="pink"] aside{
  background:#190b25!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:12px 0 40px rgba(15,7,25,.18)!important;
  color:#fff!important;
}
html[data-ssr-theme="pink"] aside .text-white,
html[data-ssr-theme="pink"] aside strong{
  color:#fff!important;
}
html[data-ssr-theme="pink"] aside .text-slate-300,
html[data-ssr-theme="pink"] aside .text-slate-400,
html[data-ssr-theme="pink"] aside .text-slate-500,
html[data-ssr-theme="pink"] aside a:not(.text-brand),
html[data-ssr-theme="pink"] aside button:not(.text-brand){
  color:#c9bdd0!important;
}
html[data-ssr-theme="pink"] aside .nav-label{
  color:#8f7d9a!important;
}
html[data-ssr-theme="pink"] aside a.bg-brand\/10,
html[data-ssr-theme="pink"] aside a.text-brand,
html[data-ssr-theme="pink"] aside [class*="bg-brand"]{
  background:linear-gradient(135deg,rgba(245,54,154,.25),rgba(135,87,245,.25))!important;
  border-color:rgba(245,54,154,.22)!important;
  color:#fff!important;
}
html[data-ssr-theme="pink"] aside a:hover,
html[data-ssr-theme="pink"] aside button:hover{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}
html[data-ssr-theme="pink"] .ssr-app-topbar,
html[data-ssr-theme="pink"] header.ssr-app-topbar{
  background:rgba(18,8,29,.95)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  box-shadow:0 10px 30px rgba(15,7,25,.18)!important;
  color:#fff!important;
  backdrop-filter:blur(18px)!important;
}
html[data-ssr-theme="pink"] .ssr-app-topbar .text-slate-300,
html[data-ssr-theme="pink"] .ssr-app-topbar .text-slate-400,
html[data-ssr-theme="pink"] .ssr-app-topbar .text-slate-500{
  color:#c9bdd0!important;
}
html[data-ssr-theme="pink"] .ssr-app-topbar .ssr-top-pill,
html[data-ssr-theme="pink"] .ssr-app-topbar .ssr-currency-btn,
html[data-ssr-theme="pink"] .ssr-app-topbar .ssr-notif-btn,
html[data-ssr-theme="pink"] .ssr-app-topbar > div:last-child > div:last-child{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
html[data-ssr-theme="pink"] .ssr-app-topbar .ssr-balance-pill{
  background:linear-gradient(135deg,rgba(245,54,154,.20),rgba(135,87,245,.18))!important;
  border-color:rgba(245,54,154,.25)!important;
  color:#fff!important;
}
html[data-ssr-theme="pink"] .ssr-currency-menu,
html[data-ssr-theme="pink"] .ssr-notif-menu{
  background:var(--ssr-card)!important;
  color:#261d2e!important;
  border:1px solid rgba(52,29,70,.12)!important;
  box-shadow:0 22px 65px rgba(44,23,58,.18)!important;
}
html[data-ssr-theme="pink"] .ssr-currency-menu .text-slate-300,
html[data-ssr-theme="pink"] .ssr-currency-menu .text-slate-400,
html[data-ssr-theme="pink"] .ssr-currency-menu .text-slate-500,
html[data-ssr-theme="pink"] .ssr-notif-menu .text-slate-300,
html[data-ssr-theme="pink"] .ssr-notif-menu .text-slate-400,
html[data-ssr-theme="pink"] .ssr-notif-menu .text-slate-500{
  color:#6e6178!important;
}

/* Mobile bottom navigation: visual recolour only; original sizing remains */
@media (max-width:768px){
  html[data-ssr-theme="pink"] .fixed.bottom-0,
  html[data-ssr-theme="pink"] .bottom-nav{
    background:rgba(18,8,29,.96)!important;
    border-color:rgba(255,255,255,.09)!important;
    box-shadow:0 -12px 35px rgba(15,7,25,.24)!important;
    backdrop-filter:blur(18px)!important;
  }
  html[data-ssr-theme="pink"] .fixed.bottom-0 a,
  html[data-ssr-theme="pink"] .bottom-nav a{
    color:#c9bdd0!important;
  }
  html[data-ssr-theme="pink"] .fixed.bottom-0 a.text-brand,
  html[data-ssr-theme="pink"] .bottom-nav a.text-brand{
    color:#ff69b3!important;
  }
}

/* Footer */
html[data-ssr-theme="pink"] footer{
  background:#0c0512!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
html[data-ssr-theme="pink"] footer h1,
html[data-ssr-theme="pink"] footer h2,
html[data-ssr-theme="pink"] footer h3,
html[data-ssr-theme="pink"] footer h4,
html[data-ssr-theme="pink"] footer strong,
html[data-ssr-theme="pink"] footer .text-white{
  color:#fff!important;
}
html[data-ssr-theme="pink"] footer p,
html[data-ssr-theme="pink"] footer .text-slate-300,
html[data-ssr-theme="pink"] footer .text-slate-400,
html[data-ssr-theme="pink"] footer .text-slate-500{
  color:#ad9fb6!important;
}
html[data-ssr-theme="pink"] footer a:hover{
  color:#ff6ab4!important;
}

/* Status colours remain semantic and separate from the brand gradient */
html[data-ssr-theme="pink"] .text-green-400,
html[data-ssr-theme="pink"] .text-green-500,
html[data-ssr-theme="pink"] [class*="status-complet"],
html[data-ssr-theme="pink"] [class*="status-success"]{
  color:#1da574!important;
}
html[data-ssr-theme="pink"] .text-red-400,
html[data-ssr-theme="pink"] .text-red-500,
html[data-ssr-theme="pink"] [class*="status-fail"],
html[data-ssr-theme="pink"] [class*="status-cancel"]{
  color:#e34a64!important;
}

/* Theme selector preview uses the exact source-site gradient. */
html[data-ssr-theme="pink"] .ssr-theme-swatch-pink,
.ssr-theme-swatch-pink{
  background:linear-gradient(135deg,#f5369a,#8757f5)!important;
}

/* Final contrast guards for dark hero and logged-in canvas. */
html[data-ssr-theme="pink"][data-ssr-skin="light"] body[class*="ssr-route-"]{
  background:
    radial-gradient(circle at 0% 0%,rgba(245,54,154,.045),transparent 25rem),
    #f7f4f9!important;
}
html[data-ssr-theme="pink"][data-ssr-skin="light"] .lg\:pl-\[260px\]{
  background:#f7f4f9!important;
}
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type .text-slate-300,
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type .text-slate-400,
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type .text-slate-500,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child .text-slate-300,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child .text-slate-400,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child .text-slate-500,
html[data-ssr-theme="pink"] main > section.ssr-u-bae7109f:first-child .text-slate-300,
html[data-ssr-theme="pink"] main > section.ssr-u-bae7109f:first-child .text-slate-400,
html[data-ssr-theme="pink"] main > section.ssr-u-bae7109f:first-child .text-slate-500{
  color:#d5c9dc!important;
}
html[data-ssr-theme="pink"] body.ssr-standalone-home > section:first-of-type .text-white,
html[data-ssr-theme="pink"] main > section.relative.overflow-hidden:first-child .text-white,
html[data-ssr-theme="pink"] main > section.ssr-u-bae7109f:first-child .text-white{
  color:#fff!important;
}