/* ROi WiFi public SaaS appearance: Light / Dark / System. */
:root[data-roi-public-theme="light"]{
  color-scheme:light;
  --roi-public-bg:#f4f7fb;
  --roi-public-surface:#ffffff;
  --roi-public-surface-2:#edf3f9;
  --roi-public-text:#0f172a;
  --roi-public-muted:#607089;
  --roi-public-border:#d5e0ec;
  --roi-public-border-strong:#bccbdd;
  --roi-public-accent:#087ea4;
  --roi-public-accent-strong:#0b5f7d;
  --roi-public-link:#06769e;
  --roi-public-input:#ffffff;
  --roi-public-header:rgba(255,255,255,.92);
  --roi-public-hero-a:#f8fbff;
  --roi-public-hero-b:#eaf4fb;
  --roi-public-shadow:0 18px 45px rgba(15,23,42,.10);
  --roi-public-success-bg:#e8f8ef;
  --roi-public-success-text:#166534;
  --roi-public-success-border:#86d6a3;
  --roi-public-danger-bg:#fff0f1;
  --roi-public-danger-text:#991b1b;
  --roi-public-danger-border:#f4a7ad;
  --roi-public-warning-bg:#fff7e8;
  --roi-public-warning-text:#8a3b12;
  --roi-public-warning-border:#f0bb73;
}
:root[data-roi-public-theme="dark"]{
  color-scheme:dark;
  --roi-public-bg:#07111f;
  --roi-public-surface:#0f1d30;
  --roi-public-surface-2:#0b1829;
  --roi-public-text:#edf4ff;
  --roi-public-muted:#a7b8ce;
  --roi-public-border:#263b57;
  --roi-public-border-strong:#3a526f;
  --roi-public-accent:#23c7e8;
  --roi-public-accent-strong:#58d9f3;
  --roi-public-link:#58d9f3;
  --roi-public-input:#091525;
  --roi-public-header:rgba(7,17,31,.92);
  --roi-public-hero-a:#081526;
  --roi-public-hero-b:#07111f;
  --roi-public-shadow:0 24px 65px rgba(0,0,0,.32);
  --roi-public-success-bg:#123b32;
  --roi-public-success-text:#a7f3d0;
  --roi-public-success-border:#2d8f72;
  --roi-public-danger-bg:#4a2028;
  --roi-public-danger-text:#fecdd3;
  --roi-public-danger-border:#8b4351;
  --roi-public-warning-bg:#493814;
  --roi-public-warning-text:#fde68a;
  --roi-public-warning-border:#8c6922;
}
html[data-roi-public-theme] body.roi-public-page{
  background:var(--roi-public-bg)!important;
  color:var(--roi-public-text)!important;
  transition:background-color .18s ease,color .18s ease;
}
html[data-roi-public-theme] body.roi-public-page .site-header{
  background:var(--roi-public-header)!important;
  border-color:var(--roi-public-border)!important;
}
html[data-roi-public-theme] body.roi-public-page .logo,
html[data-roi-public-theme] body.roi-public-page h1,
html[data-roi-public-theme] body.roi-public-page h2,
html[data-roi-public-theme] body.roi-public-page h3,
html[data-roi-public-theme] body.roi-public-page strong{color:var(--roi-public-text)}
html[data-roi-public-theme] body.roi-public-page .site-header nav a,
html[data-roi-public-theme] body.roi-public-page .lead,
html[data-roi-public-theme] body.roi-public-page .muted,
html[data-roi-public-theme] body.roi-public-page .small-lead,
html[data-roi-public-theme] body.roi-public-page .product-card p,
html[data-roi-public-theme] body.roi-public-page .mini-card span,
html[data-roi-public-theme] body.roi-public-page .split p,
html[data-roi-public-theme] body.roi-public-page .cta p,
html[data-roi-public-theme] body.roi-public-page footer{color:var(--roi-public-muted)!important}
html[data-roi-public-theme] body.roi-public-page a:not(.btn):not(.nav-btn):not(.logo){color:var(--roi-public-link)}
html[data-roi-public-theme] body.roi-public-page .hero,
html[data-roi-public-theme] body.roi-public-page .page-hero{
  background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--roi-public-accent) 14%,transparent),transparent 38%),linear-gradient(180deg,var(--roi-public-hero-a),var(--roi-public-hero-b))!important;
}
html[data-roi-public-theme] body.roi-public-page .muted-section{
  background:var(--roi-public-surface-2)!important;border-color:var(--roi-public-border)!important;
}
html[data-roi-public-theme] body.roi-public-page .portal-preview,
html[data-roi-public-theme] body.roi-public-page .product-card,
html[data-roi-public-theme] body.roi-public-page .detail-card,
html[data-roi-public-theme] body.roi-public-page .card,
html[data-roi-public-theme] body.roi-public-page .feature,
html[data-roi-public-theme] body.roi-public-page .step{
  background:var(--roi-public-surface)!important;color:var(--roi-public-text)!important;border-color:var(--roi-public-border)!important;box-shadow:var(--roi-public-shadow);
}
html[data-roi-public-theme] body.roi-public-page .step b{color:var(--roi-public-accent)!important}
html[data-roi-public-theme] body.roi-public-page .preview-top,
html[data-roi-public-theme] body.roi-public-page .mini-card,
html[data-roi-public-theme] body.roi-public-page code{
  background:var(--roi-public-surface-2)!important;color:var(--roi-public-text)!important;border-color:var(--roi-public-border)!important;
}
html[data-roi-public-theme] body.roi-public-page .trust-row span,
html[data-roi-public-theme] body.roi-public-page .feature-list li,
html[data-roi-public-theme] body.roi-public-page .checks li{color:var(--roi-public-muted)!important;border-color:var(--roi-public-border)!important}
html[data-roi-public-theme] body.roi-public-page .cta{
  background:linear-gradient(135deg,color-mix(in srgb,var(--roi-public-accent) 11%,var(--roi-public-surface)),color-mix(in srgb,var(--roi-public-accent) 19%,var(--roi-public-surface)))!important;
  border-color:var(--roi-public-border-strong)!important;
}
html[data-roi-public-theme] body.roi-public-page footer{background:var(--roi-public-surface-2)!important;border-color:var(--roi-public-border)!important}
html[data-roi-public-theme] body.roi-public-page .btn.primary,
html[data-roi-public-theme] body.roi-public-page button:not(.roi-public-theme-btn){background:var(--roi-public-accent)!important;color:#03141d!important}
html[data-roi-public-theme] body.roi-public-page .btn.secondary,
html[data-roi-public-theme] body.roi-public-page .secondary{background:var(--roi-public-surface-2)!important;color:var(--roi-public-text)!important;border:1px solid var(--roi-public-border-strong)!important}
html[data-roi-public-theme] body.roi-public-page input:not([type="checkbox"]):not([type="radio"]),
html[data-roi-public-theme] body.roi-public-page select,
html[data-roi-public-theme] body.roi-public-page textarea{
  background:var(--roi-public-input)!important;color:var(--roi-public-text)!important;border-color:var(--roi-public-border-strong)!important;
}
html[data-roi-public-theme] body.roi-public-page label{color:var(--roi-public-muted)!important}
html[data-roi-public-theme] body.roi-public-page .free,
html[data-roi-public-theme] body.roi-public-page div.ok,
html[data-roi-public-theme] body.roi-public-page p.ok{background:var(--roi-public-success-bg)!important;color:var(--roi-public-success-text)!important;border-color:var(--roi-public-success-border)!important}
html[data-roi-public-theme] body.roi-public-page .err{background:var(--roi-public-danger-bg)!important;color:var(--roi-public-danger-text)!important;border-color:var(--roi-public-danger-border)!important}
html[data-roi-public-theme] body.roi-public-page h1.ok,html[data-roi-public-theme] body.roi-public-page .ok:not(div):not(p){color:var(--roi-public-success-text)!important}
html[data-roi-public-theme] body.roi-public-page h1.bad,html[data-roi-public-theme] body.roi-public-page .bad:not(div):not(p){color:var(--roi-public-danger-text)!important}
html[data-roi-public-theme] body.roi-public-page .notice{background:var(--roi-public-warning-bg)!important;color:var(--roi-public-warning-text)!important;border:1px solid var(--roi-public-warning-border)!important}
.roi-public-theme-switch{
  position:fixed;right:16px;bottom:16px;z-index:99999;width:232px;padding:9px;border:1px solid var(--roi-public-border-strong,#334155);border-radius:14px;background:color-mix(in srgb,var(--roi-public-surface,#0f1d30) 94%,transparent);color:var(--roi-public-text,#edf4ff);box-shadow:0 12px 34px rgba(0,0,0,.18);backdrop-filter:blur(12px);
}
.roi-public-theme-switch-label{display:block;margin:0 0 7px;padding:0 2px;font-size:9px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--roi-public-muted,#9fb0c8)}
.roi-public-theme-switch-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.roi-public-theme-btn{appearance:none;min-height:34px;border:1px solid var(--roi-public-border,#334155);border-radius:9px;background:var(--roi-public-surface-2,#0b1829);color:var(--roi-public-text,#edf4ff);font:800 11px/1 Arial,sans-serif;cursor:pointer}
.roi-public-theme-btn:hover{border-color:var(--roi-public-accent,#23c7e8)}
.roi-public-theme-btn.active{background:var(--roi-public-accent,#23c7e8);border-color:var(--roi-public-accent,#23c7e8);color:#03141d}
@media(max-width:640px){.roi-public-theme-switch{right:10px;bottom:10px;width:210px}.roi-public-theme-btn{font-size:10px}.shell{width:min(100% - 28px,1160px)}}
@media print{.roi-public-theme-switch{display:none!important}}


/* v3.5.2-alpha21.14.7.53 - Super Admin public theme presets.
   The preset is platform-global; Light/Dark/System remains a visitor preference. */
:root[data-roi-public-preset="futuristic"][data-roi-public-theme="light"]{
  --roi-public-bg:#f3f2ff;--roi-public-surface:#ffffff;--roi-public-surface-2:#ebe8ff;--roi-public-text:#17122f;--roi-public-muted:#655f7c;--roi-public-border:#d9d2ff;--roi-public-border-strong:#bcb0f6;--roi-public-accent:#6d28d9;--roi-public-accent-strong:#4c1d95;--roi-public-link:#5b21b6;--roi-public-input:#ffffff;--roi-public-header:rgba(248,247,255,.91);--roi-public-hero-a:#fbfaff;--roi-public-hero-b:#ede9fe;--roi-public-shadow:0 22px 58px rgba(76,29,149,.14)
}
:root[data-roi-public-preset="futuristic"][data-roi-public-theme="dark"]{
  --roi-public-bg:#070615;--roi-public-surface:#111026;--roi-public-surface-2:#0c0b1d;--roi-public-text:#f4f0ff;--roi-public-muted:#bdb5d8;--roi-public-border:#302b57;--roi-public-border-strong:#5b4d91;--roi-public-accent:#8b5cf6;--roi-public-accent-strong:#22d3ee;--roi-public-link:#67e8f9;--roi-public-input:#0b0a1c;--roi-public-header:rgba(7,6,21,.91);--roi-public-hero-a:#110f2b;--roi-public-hero-b:#070615;--roi-public-shadow:0 25px 70px rgba(78,45,190,.24)
}
:root[data-roi-public-preset="simple"][data-roi-public-theme="light"]{
  --roi-public-bg:#f8fafc;--roi-public-surface:#ffffff;--roi-public-surface-2:#f1f5f9;--roi-public-text:#111827;--roi-public-muted:#64748b;--roi-public-border:#e2e8f0;--roi-public-border-strong:#cbd5e1;--roi-public-accent:#2563eb;--roi-public-accent-strong:#1d4ed8;--roi-public-link:#1d4ed8;--roi-public-input:#ffffff;--roi-public-header:rgba(255,255,255,.96);--roi-public-hero-a:#ffffff;--roi-public-hero-b:#f8fafc;--roi-public-shadow:0 8px 24px rgba(15,23,42,.06)
}
:root[data-roi-public-preset="simple"][data-roi-public-theme="dark"]{
  --roi-public-bg:#111827;--roi-public-surface:#182235;--roi-public-surface-2:#131d2d;--roi-public-text:#f8fafc;--roi-public-muted:#b0bdcf;--roi-public-border:#334155;--roi-public-border-strong:#475569;--roi-public-accent:#60a5fa;--roi-public-accent-strong:#93c5fd;--roi-public-link:#93c5fd;--roi-public-input:#111827;--roi-public-header:rgba(17,24,39,.96);--roi-public-hero-a:#182235;--roi-public-hero-b:#111827;--roi-public-shadow:0 8px 24px rgba(0,0,0,.18)
}
:root[data-roi-public-preset="valentine"][data-roi-public-theme="light"]{
  --roi-public-bg:#fff5f7;--roi-public-surface:#fffafb;--roi-public-surface-2:#ffe8ee;--roi-public-text:#401526;--roi-public-muted:#8e5167;--roi-public-border:#ffc5d2;--roi-public-border-strong:#f69ab0;--roi-public-accent:#e11d48;--roi-public-accent-strong:#be123c;--roi-public-link:#be123c;--roi-public-input:#ffffff;--roi-public-header:rgba(255,248,250,.93);--roi-public-hero-a:#fff9fb;--roi-public-hero-b:#ffe6ed;--roi-public-shadow:0 20px 52px rgba(190,18,60,.12)
}
:root[data-roi-public-preset="valentine"][data-roi-public-theme="dark"]{
  --roi-public-bg:#1d0710;--roi-public-surface:#2b0d19;--roi-public-surface-2:#240a15;--roi-public-text:#fff1f5;--roi-public-muted:#e9a9b8;--roi-public-border:#5d1d31;--roi-public-border-strong:#8b2e49;--roi-public-accent:#fb7185;--roi-public-accent-strong:#fda4af;--roi-public-link:#fda4af;--roi-public-input:#210a13;--roi-public-header:rgba(29,7,16,.93);--roi-public-hero-a:#35101f;--roi-public-hero-b:#1d0710;--roi-public-shadow:0 22px 62px rgba(136,19,55,.28)
}
:root[data-roi-public-preset="christmas"][data-roi-public-theme="light"]{
  --roi-public-bg:#f5fbf7;--roi-public-surface:#ffffff;--roi-public-surface-2:#eaf5ee;--roi-public-text:#123023;--roi-public-muted:#537565;--roi-public-border:#c6dfcf;--roi-public-border-strong:#91bda0;--roi-public-accent:#0b7a53;--roi-public-accent-strong:#075c40;--roi-public-link:#a61b2b;--roi-public-input:#ffffff;--roi-public-header:rgba(247,252,249,.94);--roi-public-hero-a:#fbfffc;--roi-public-hero-b:#e5f5eb;--roi-public-shadow:0 20px 54px rgba(8,94,65,.11)
}
:root[data-roi-public-preset="christmas"][data-roi-public-theme="dark"]{
  --roi-public-bg:#07150f;--roi-public-surface:#0d251a;--roi-public-surface-2:#0a1d15;--roi-public-text:#f4fff8;--roi-public-muted:#a9ccb8;--roi-public-border:#214d39;--roi-public-border-strong:#376c53;--roi-public-accent:#22c55e;--roi-public-accent-strong:#86efac;--roi-public-link:#fca5a5;--roi-public-input:#091a12;--roi-public-header:rgba(7,21,15,.94);--roi-public-hero-a:#0f2c1e;--roi-public-hero-b:#07150f;--roi-public-shadow:0 22px 60px rgba(0,0,0,.28)
}
:root[data-roi-public-preset="blue-ocean"][data-roi-public-theme="light"]{
  --roi-public-bg:#f0fbff;--roi-public-surface:#ffffff;--roi-public-surface-2:#e2f5fb;--roi-public-text:#08283b;--roi-public-muted:#4e7184;--roi-public-border:#bfe4ef;--roi-public-border-strong:#87cadb;--roi-public-accent:#0284c7;--roi-public-accent-strong:#0369a1;--roi-public-link:#0369a1;--roi-public-input:#ffffff;--roi-public-header:rgba(245,252,255,.93);--roi-public-hero-a:#f8fdff;--roi-public-hero-b:#ddf4fb;--roi-public-shadow:0 22px 58px rgba(2,132,199,.12)
}
:root[data-roi-public-preset="blue-ocean"][data-roi-public-theme="dark"]{
  --roi-public-bg:#031723;--roi-public-surface:#082536;--roi-public-surface-2:#061e2d;--roi-public-text:#edfaff;--roi-public-muted:#9fc8d8;--roi-public-border:#17465d;--roi-public-border-strong:#296b86;--roi-public-accent:#22d3ee;--roi-public-accent-strong:#67e8f9;--roi-public-link:#67e8f9;--roi-public-input:#051b29;--roi-public-header:rgba(3,23,35,.93);--roi-public-hero-a:#07334a;--roi-public-hero-b:#031723;--roi-public-shadow:0 24px 66px rgba(0,76,115,.3)
}

/* Preset-specific visual language. */
html[data-roi-public-preset="futuristic"] body.roi-public-page{
  background-image:linear-gradient(color-mix(in srgb,var(--roi-public-accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--roi-public-accent-strong) 6%,transparent) 1px,transparent 1px)!important;background-size:38px 38px!important
}
html[data-roi-public-preset="futuristic"] body.roi-public-page .portal-preview,
html[data-roi-public-preset="futuristic"] body.roi-public-page .product-card,
html[data-roi-public-preset="futuristic"] body.roi-public-page .detail-card,
html[data-roi-public-preset="futuristic"] body.roi-public-page .card{box-shadow:0 0 0 1px color-mix(in srgb,var(--roi-public-accent) 18%,transparent),var(--roi-public-shadow)!important}
html[data-roi-public-preset="futuristic"] body.roi-public-page .eyebrow,
html[data-roi-public-preset="futuristic"] body.roi-public-page .kicker,
html[data-roi-public-preset="futuristic"] body.roi-public-page .preview-badge{text-shadow:0 0 18px color-mix(in srgb,var(--roi-public-accent-strong) 55%,transparent)}
html[data-roi-public-preset="simple"] body.roi-public-page .portal-preview,
html[data-roi-public-preset="simple"] body.roi-public-page .product-card,
html[data-roi-public-preset="simple"] body.roi-public-page .detail-card,
html[data-roi-public-preset="simple"] body.roi-public-page .card,
html[data-roi-public-preset="simple"] body.roi-public-page .cta{border-radius:12px!important;box-shadow:var(--roi-public-shadow)!important}
html[data-roi-public-preset="simple"] body.roi-public-page .hero,
html[data-roi-public-preset="simple"] body.roi-public-page .page-hero{background:linear-gradient(180deg,var(--roi-public-hero-a),var(--roi-public-hero-b))!important}
html[data-roi-public-preset="valentine"] body.roi-public-page .hero,
html[data-roi-public-preset="valentine"] body.roi-public-page .page-hero{background:radial-gradient(circle at 85% 18%,color-mix(in srgb,#fb7185 28%,transparent),transparent 34%),radial-gradient(circle at 75% 55%,color-mix(in srgb,#f9a8d4 18%,transparent),transparent 30%),linear-gradient(180deg,var(--roi-public-hero-a),var(--roi-public-hero-b))!important}
html[data-roi-public-preset="christmas"] body.roi-public-page .hero,
html[data-roi-public-preset="christmas"] body.roi-public-page .page-hero{background:radial-gradient(circle at 82% 16%,color-mix(in srgb,#d4af37 20%,transparent),transparent 30%),radial-gradient(circle at 92% 40%,color-mix(in srgb,#c62828 15%,transparent),transparent 26%),linear-gradient(180deg,var(--roi-public-hero-a),var(--roi-public-hero-b))!important}
html[data-roi-public-preset="christmas"] body.roi-public-page .product-meta b{background:#b91c1c!important;color:#fff!important}
html[data-roi-public-preset="blue-ocean"] body.roi-public-page .hero,
html[data-roi-public-preset="blue-ocean"] body.roi-public-page .page-hero{background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,#2dd4bf 23%,transparent),transparent 34%),radial-gradient(ellipse at 65% 65%,color-mix(in srgb,#0284c7 18%,transparent),transparent 38%),linear-gradient(180deg,var(--roi-public-hero-a),var(--roi-public-hero-b))!important}

/* Seasonal presets keep their character while visitor Light/Dark/System remains usable. */
html[data-roi-public-preset="valentine"] .roi-public-theme-switch{border-color:color-mix(in srgb,#fb7185 46%,var(--roi-public-border))}
html[data-roi-public-preset="christmas"] .roi-public-theme-switch{border-color:color-mix(in srgb,#22c55e 46%,var(--roi-public-border))}
html[data-roi-public-preset="blue-ocean"] .roi-public-theme-switch{border-color:color-mix(in srgb,#22d3ee 46%,var(--roi-public-border))}