:root,
html[data-theme="dark"] {
--fs-bg-primary:#07111f;
--fs-bg-secondary:#0c1729;
--fs-surface:#111f36;
--fs-surface-2:#142742;
--fs-card-bg:#101d33;
--fs-header-bg:rgba(7,17,31,.96);
--fs-border:rgba(120,165,255,.22);
--fs-border-strong:rgba(126,170,255,.38);
--fs-text-primary:#f8fbff;
--fs-text-secondary:#c7d6f3;
--fs-text-muted:#8fa4c5;
--fs-accent:#4e8cff;
--fs-accent-contrast:#ffffff;
--fs-secondary-btn-bg:#16243b;
--fs-secondary-btn-text:#e9f1ff;
--fs-ghost-btn-bg:transparent;
--fs-ghost-btn-text:#c7d6f3;
--fs-accent-2:#00b894;
--fs-success:#00c27f;
--fs-warning:#ffcc00;
--fs-danger:#ff6b6b;
--fs-danger-contrast:#ffffff;
--fs-shadow:rgba(0,0,0,.34);
--fs-radius:18px;
}
html[data-theme="light"] {
--fs-bg-primary:#f4f7fb;
--fs-bg-secondary:#ffffff;
--fs-surface:#ffffff;
--fs-surface-2:#eef4ff;
--fs-card-bg:#ffffff;
--fs-header-bg:rgba(255,255,255,.96);
--fs-border:rgba(36,77,130,.18);
--fs-border-strong:rgba(36,77,130,.32);
--fs-text-primary:#101828;
--fs-text-secondary:#344054;
--fs-text-muted:#667085;
--fs-accent:#155eef;
--fs-accent-contrast:#ffffff;
--fs-secondary-btn-bg:#ffffff;
--fs-secondary-btn-text:#1d2939;
--fs-ghost-btn-bg:transparent;
--fs-ghost-btn-text:#344054;
--fs-accent-2:#087f5b;
--fs-success:#07845f;
--fs-warning:#b77900;
--fs-danger:#c33b3b;
--fs-danger-contrast:#ffffff;
--fs-shadow:rgba(16,24,40,.10);
--fs-radius:18px;
}
html[data-theme="cyber-defense"] {
--fs-bg-primary:#02052d;
--fs-bg-secondary:#060b3d;
--fs-surface:#08114a;
--fs-surface-2:#10184e;
--fs-card-bg:#090f39;
--fs-header-bg:rgba(2,5,45,.96);
--fs-border:rgba(255,212,0,.26);
--fs-border-strong:rgba(255,212,0,.48);
--fs-text-primary:#ffffff;
--fs-text-secondary:#d9e1ff;
--fs-text-muted:#9aa7dc;
--fs-accent:#ffd400;
--fs-accent-contrast:#050716;
--fs-secondary-btn-bg:#10184e;
--fs-secondary-btn-text:#ffffff;
--fs-ghost-btn-bg:transparent;
--fs-ghost-btn-text:#d9e1ff;
--fs-accent-2:#47d7ff;
--fs-success:#00d989;
--fs-warning:#ffd400;
--fs-danger:#ff4d4d;
--fs-danger-contrast:#ffffff;
--fs-shadow:rgba(0,0,0,.45);
--fs-radius:18px;
}
html[data-theme="enterprise-insight"] {
--fs-bg-primary:#f3f9fb;
--fs-bg-secondary:#ffffff;
--fs-surface:#ffffff;
--fs-surface-2:#e7f4f8;
--fs-card-bg:#ffffff;
--fs-header-bg:rgba(255,255,255,.96);
--fs-border:rgba(10,91,120,.20);
--fs-border-strong:rgba(10,91,120,.35);
--fs-text-primary:#102833;
--fs-text-secondary:#284d60;
--fs-text-muted:#607d8a;
--fs-accent:#0a5b78;
--fs-accent-contrast:#ffffff;
--fs-secondary-btn-bg:#ffffff;
--fs-secondary-btn-text:#102833;
--fs-ghost-btn-bg:transparent;
--fs-ghost-btn-text:#284d60;
--fs-accent-2:#0f9aaf;
--fs-success:#087f5b;
--fs-warning:#b77900;
--fs-danger:#c33b3b;
--fs-danger-contrast:#ffffff;
--fs-shadow:rgba(10,91,120,.14);
--fs-radius:18px;
}
* { box-sizing:border-box; }
body.fs-nexus-enabled {
margin:0;
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb,var(--fs-accent) 12%,transparent), transparent 34%),
linear-gradient(180deg, color-mix(in srgb,var(--fs-bg-primary) 92%,#fff 8%), var(--fs-bg-primary)) !important;
color:var(--fs-text-primary) !important;
font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;
font-size:15px;
}
.fs-legacy-theme-hidden,
.theme-toggle,
.theme-switch,
.themeControls,
.theme-controls,
#themeToggle,
#darkModeToggle,
#darkToggle,
#lightToggle,
#themeSelect,
#languageSelect,
.language-select,
select[aria-label="Theme"]:not(.fs-nexus-theme-select) {
display:none !important;
}
/* Avoid hiding useful form selects inside portals. Only hide old website language/select pairs in legacy header zones. */
header:not(.fs-nexus-header) select,
nav:not(.fs-nexus-nav) select {
display:none !important;
}
.fs-nexus-enabled h1,
.fs-nexus-enabled h2,
.fs-nexus-enabled h3 {
color:var(--fs-text-primary) !important;
letter-spacing:-.02em;
}
.fs-nexus-enabled p,
.fs-nexus-enabled label,
.fs-nexus-enabled span,
.fs-nexus-enabled td,
.fs-nexus-enabled th {
color:inherit;
}
.fs-nexus-enabled a {
color:var(--fs-accent) !important;
text-decoration:none;
}
.fs-nexus-enabled a:hover { text-decoration:underline; }
.fs-nexus-header {
position:sticky;
top:0;
z-index:9999;
min-height:74px;
display:flex;
align-items:center;
padding:0 28px;
gap:22px;
background:var(--fs-header-bg);
border-bottom:1px solid var(--fs-border);
backdrop-filter:blur(18px);
box-shadow:0 10px 28px var(--fs-shadow);
}
.fs-nexus-brand {
display:flex;
align-items:center;
gap:13px;
min-width:260px;
}
.fs-nexus-mark {
width:42px;
height:42px;
border-radius:14px;
display:grid;
place-items:center;
background:linear-gradient(135deg,var(--fs-accent),var(--fs-accent-2));
color:var(--fs-accent-contrast);
font-weight:900;
box-shadow:0 10px 22px var(--fs-shadow);
letter-spacing:-.04em;
}
.fs-nexus-brand-text { line-height:1.05; }
.fs-nexus-brand-title {
display:block;
font-size:18px;
font-weight:850;
color:var(--fs-text-primary);
}
.fs-nexus-brand-subtitle {
display:block;
margin-top:4px;
font-size:12px;
font-weight:650;
color:var(--fs-text-muted);
}
.fs-nexus-nav {
display:flex;
align-items:center;
gap:6px;
flex:1;
min-width:0;
}
.fs-nexus-nav a {
padding:9px 12px;
border-radius:999px;
color:var(--fs-text-secondary) !important;
font-weight:700;
font-size:13px;
white-space:nowrap;
}
.fs-nexus-nav a:hover {
background:color-mix(in srgb,var(--fs-accent) 12%,transparent);
text-decoration:none;
}
.fs-nexus-context-pill {
display:inline-flex;
align-items:center;
gap:8px;
padding:9px 13px;
border-radius:999px;
background:color-mix(in srgb,var(--fs-accent) 12%,var(--fs-surface));
border:1px solid var(--fs-border);
color:var(--fs-text-secondary);
font-weight:750;
font-size:13px;
white-space:nowrap;
}
.fs-nexus-theme-wrap {
display:flex;
align-items:center;
gap:8px;
}
.fs-nexus-theme-label {
font-size:12px;
color:var(--fs-text-muted);
font-weight:700;
}
.fs-nexus-theme-select {
width:190px !important;
max-width:190px !important;
height:38px !important;
padding:0 38px 0 12px !important;
border-radius:999px !important;
background:var(--fs-surface) !important;
color:var(--fs-text-primary) !important;
border:1px solid var(--fs-border-strong) !important;
font-size:13px !important;
font-weight:700 !important;
outline:none !important;
}
.fs-nexus-enabled main,
.fs-nexus-enabled .container,
.fs-nexus-enabled .wrap {
max-width:1180px;
margin-left:auto;
margin-right:auto;
}
.fs-nexus-enabled section,
.fs-nexus-enabled .card,
.fs-nexus-enabled .panel,
.fs-nexus-enabled .box {
background:var(--fs-card-bg) !important;
color:var(--fs-text-primary) !important;
border:1px solid var(--fs-border) !important;
border-radius:var(--fs-radius) !important;
box-shadow:0 18px 44px var(--fs-shadow) !important;
}
/* Forms */
.fs-nexus-enabled input,
.fs-nexus-enabled select,
.fs-nexus-enabled textarea {
background:color-mix(in srgb,var(--fs-surface) 92%,#000 8%) !important;
color:var(--fs-text-primary) !important;
border:1px solid var(--fs-border-strong) !important;
border-radius:12px !important;
outline:none !important;
}
.fs-nexus-enabled input::placeholder,
.fs-nexus-enabled textarea::placeholder {
color:var(--fs-text-muted) !important;
}
.fs-nexus-enabled button,
.fs-nexus-enabled .btn,
.fs-nexus-enabled input[type="button"],
.fs-nexus-enabled input[type="submit"],
.fs-btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:38px;
padding:10px 16px;
border-radius:12px !important;
border:1px solid var(--fs-border-strong) !important;
background:var(--fs-secondary-btn-bg) !important;
color:var(--fs-secondary-btn-text) !important;
font-weight:800 !important;
box-shadow:0 6px 16px color-mix(in srgb,var(--fs-shadow) 70%,transparent) !important;
transition:transform .15s ease,filter .2s ease,box-shadow .2s ease,background .2s ease !important;
cursor:pointer;
text-decoration:none !important;
}
.fs-nexus-enabled button:hover,
.fs-nexus-enabled .btn:hover,
.fs-btn:hover {
transform:translateY(-1px);
filter:brightness(1.04);
text-decoration:none !important;
}
.fs-nexus-enabled button.primary,
.fs-nexus-enabled .btn-primary,
.fs-btn-primary,
.fs-nexus-enabled [data-variant="primary"] {
background:var(--fs-accent) !important;
color:var(--fs-accent-contrast) !important;
border-color:color-mix(in srgb,var(--fs-accent) 70%,#fff 30%) !important;
}
.fs-nexus-enabled button.secondary,
.fs-nexus-enabled .btn-secondary,
.fs-btn-secondary,
.fs-nexus-enabled [data-variant="secondary"] {
background:var(--fs-secondary-btn-bg) !important;
color:var(--fs-secondary-btn-text) !important;
}
.fs-nexus-enabled button.ghost,
.fs-nexus-enabled .btn-ghost,
.fs-btn-ghost,
.fs-nexus-enabled [data-variant="ghost"] {
background:var(--fs-ghost-btn-bg) !important;
color:var(--fs-ghost-btn-text) !important;
box-shadow:none !important;
}
.fs-nexus-enabled button.danger,
.fs-nexus-enabled .btn-danger,
.fs-btn-danger,
.fs-nexus-enabled button[id*="logout" i],
.fs-nexus-enabled button[onclick*="logout" i] {
background:var(--fs-danger) !important;
color:var(--fs-danger-contrast) !important;
border-color:color-mix(in srgb,var(--fs-danger) 70%,#fff 30%) !important;
}
/* Tables */
.fs-nexus-enabled table {
width:100%;
border-collapse:collapse;
background:var(--fs-card-bg);
color:var(--fs-text-primary);
border-radius:14px;
overflow:hidden;
}
.fs-nexus-enabled th,
.fs-nexus-enabled td {
border-bottom:1px solid var(--fs-border);
padding:12px 14px;
}
.fs-nexus-enabled th {
background:color-mix(in srgb,var(--fs-accent) 15%,var(--fs-card-bg));
color:var(--fs-text-primary);
font-weight:800;
}
.fs-nexus-footer {
margin:42px auto 18px;
padding:18px 24px;
max-width:1180px;
color:var(--fs-text-muted);
border-top:1px solid var(--fs-border);
text-align:center;
font-size:12px;
}
.fs-card {
background:var(--fs-card-bg);
border:1px solid var(--fs-border);
border-radius:var(--fs-radius);
padding:22px;
box-shadow:0 18px 44px var(--fs-shadow);
}
.fs-grid { display:grid; gap:18px; }
.fs-grid-3 { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.fs-pill {
display:inline-flex;
align-items:center;
gap:6px;
padding:7px 11px;
border-radius:999px;
background:color-mix(in srgb,var(--fs-accent) 12%,var(--fs-surface));
border:1px solid var(--fs-border);
color:var(--fs-text-secondary);
font-size:12px;
font-weight:800;
}
.fs-muted { color:var(--fs-text-muted) !important; }
.fs-nexus-hidden-provenance { display:none !important; }
@media (max-width:1100px) {
.fs-nexus-header { height:auto; flex-wrap:wrap; padding:14px 18px; }
.fs-nexus-brand { min-width:auto; flex:1; }
.fs-nexus-nav { order:3; width:100%; overflow:auto; padding-bottom:4px; }
.fs-nexus-theme-wrap { margin-left:auto; }
}
@media (max-width:720px) {
.fs-nexus-context-pill { display:none; }
.fs-nexus-theme-select { width:160px !important; }
}
:root,
html[data-theme="dark"]{
--fs-control-bg:#172a49;
--fs-control-text:#ffffff;
--fs-control-border:rgba(164,190,255,.44);
--fs-control-hover:#203b63;
--fs-outline:#93c5fd;
--fs-status-success-bg:#047857;
--fs-status-success-text:#ffffff;
--fs-status-warning-bg:#facc15;
--fs-status-warning-text:#111827;
--fs-status-danger-bg:#dc2626;
--fs-status-danger-text:#ffffff;
--fs-status-info-bg:#2563eb;
--fs-status-info-text:#ffffff;
--fs-input-bg:#091527;
--fs-input-text:#ffffff;
--fs-table-head-text:#ffffff;
}
html[data-theme="light"]{
--fs-control-bg:#0f172a;
--fs-control-text:#ffffff;
--fs-control-border:#334155;
--fs-control-hover:#1e293b;
--fs-outline:#1d4ed8;
--fs-status-success-bg:#047857;
--fs-status-success-text:#ffffff;
--fs-status-warning-bg:#facc15;
--fs-status-warning-text:#111827;
--fs-status-danger-bg:#b91c1c;
--fs-status-danger-text:#ffffff;
--fs-status-info-bg:#1d4ed8;
--fs-status-info-text:#ffffff;
--fs-input-bg:#ffffff;
--fs-input-text:#0f172a;
--fs-table-head-text:#0f172a;
--fs-card-bg:#ffffff;
--fs-surface:#ffffff;
--fs-surface-2:#f1f7ff;
}
html[data-theme="cyber-defense"]{
--fs-control-bg:#07112f;
--fs-control-text:#ffffff;
--fs-control-border:rgba(255,212,0,.65);
--fs-control-hover:#10184e;
--fs-outline:#ffd400;
--fs-status-success-bg:#00a86b;
--fs-status-success-text:#ffffff;
--fs-status-warning-bg:#ffd400;
--fs-status-warning-text:#050716;
--fs-status-danger-bg:#e11d48;
--fs-status-danger-text:#ffffff;
--fs-status-info-bg:#0369a1;
--fs-status-info-text:#ffffff;
--fs-input-bg:#050a2a;
--fs-input-text:#ffffff;
--fs-table-head-text:#ffffff;
}
html[data-theme="enterprise-insight"]{
--fs-control-bg:#083344;
--fs-control-text:#ffffff;
--fs-control-border:#0f5f76;
--fs-control-hover:#0f4a5f;
--fs-outline:#0e7490;
--fs-status-success-bg:#047857;
--fs-status-success-text:#ffffff;
--fs-status-warning-bg:#facc15;
--fs-status-warning-text:#102833;
--fs-status-danger-bg:#b91c1c;
--fs-status-danger-text:#ffffff;
--fs-status-info-bg:#0e7490;
--fs-status-info-text:#ffffff;
--fs-input-bg:#ffffff;
--fs-input-text:#102833;
--fs-table-head-text:#102833;
}
html[data-theme="sovereign-blue"],
html[data-theme="executive-slate"],
html[data-theme="secure-emerald"],
html[data-theme="boardroom-gold"]{
--fs-control-bg:color-mix(in srgb,var(--fs-surface-2) 86%,#000 14%);
--fs-control-text:var(--fs-text-primary);
--fs-control-border:var(--fs-border-strong);
--fs-control-hover:color-mix(in srgb,var(--fs-accent) 18%,var(--fs-surface-2));
--fs-outline:var(--fs-accent);
--fs-status-success-bg:#047857;
--fs-status-success-text:#ffffff;
--fs-status-warning-bg:#facc15;
--fs-status-warning-text:#111827;
--fs-status-danger-bg:#b91c1c;
--fs-status-danger-text:#ffffff;
--fs-status-info-bg:#2563eb;
--fs-status-info-text:#ffffff;
--fs-input-bg:color-mix(in srgb,var(--fs-surface) 92%,#000 8%);
--fs-input-text:var(--fs-text-primary);
--fs-table-head-text:var(--fs-text-primary);
}
/* Global readability guardrails */
html[data-theme] body,
html[data-theme] .fs-nexus-enabled,
html[data-theme] .fs-nexus-enabled .card,
html[data-theme] .fs-nexus-enabled .panel,
html[data-theme] .fs-nexus-enabled .box,
html[data-theme] .fs-nexus-enabled .admin-section,
html[data-theme] .fs-nexus-enabled .workspace-panel,
html[data-theme] .fs-nexus-enabled .modal,
html[data-theme] .fs-nexus-enabled .quote-modal,
html[data-theme] .fs-nexus-enabled .fs-card{
color:var(--fs-text-primary)!important;
}
html[data-theme] .fs-nexus-enabled p,
html[data-theme] .fs-nexus-enabled li,
html[data-theme] .fs-nexus-enabled td,
html[data-theme] .fs-nexus-enabled label,
html[data-theme] .fs-nexus-enabled .body-text,
html[data-theme] .fs-nexus-enabled .content-text{
color:var(--fs-text-primary)!important;
}
html[data-theme] .fs-nexus-enabled .small,
html[data-theme] .fs-nexus-enabled small,
html[data-theme] .fs-nexus-enabled .muted,
html[data-theme] .fs-nexus-enabled .fs-muted,
html[data-theme] .fs-nexus-enabled .hint,
html[data-theme] .fs-nexus-enabled .subtext{
color:var(--fs-text-muted)!important;
}
/* Buttons and button-like links must never inherit unreadable text colors. */
html[data-theme] .fs-nexus-enabled button,
html[data-theme] .fs-nexus-enabled .btn,
html[data-theme] .fs-nexus-enabled a.btn,
html[data-theme] .fs-nexus-enabled .fs-btn,
html[data-theme] .fs-nexus-enabled input[type="button"],
html[data-theme] .fs-nexus-enabled input[type="submit"],
html[data-theme] .fs-nexus-enabled [role="button"],
html[data-theme] .fs-nexus-enabled .workspace-tab,
html[data-theme] .fs-nexus-enabled .admin-tab-btn,
html[data-theme] .fs-nexus-enabled .ss-mini{
background:var(--fs-control-bg)!important;
color:var(--fs-control-text)!important;
border-color:var(--fs-control-border)!important;
text-shadow:none!important;
}
html[data-theme] .fs-nexus-enabled button *,
html[data-theme] .fs-nexus-enabled .btn *,
html[data-theme] .fs-nexus-enabled .fs-btn *,
html[data-theme] .fs-nexus-enabled [role="button"] *{
color:inherit!important;
}
html[data-theme] .fs-nexus-enabled button:hover,
html[data-theme] .fs-nexus-enabled .btn:hover,
html[data-theme] .fs-nexus-enabled a.btn:hover,
html[data-theme] .fs-nexus-enabled .fs-btn:hover,
html[data-theme] .fs-nexus-enabled [role="button"]:hover{
background:var(--fs-control-hover)!important;
color:var(--fs-control-text)!important;
}
html[data-theme] .fs-nexus-enabled .btn-primary,
html[data-theme] .fs-nexus-enabled .primary,
html[data-theme] .fs-nexus-enabled [data-variant="primary"]{
background:linear-gradient(135deg,var(--fs-accent),var(--fs-accent-2))!important;
color:var(--fs-accent-contrast)!important;
border-color:transparent!important;
}
html[data-theme] .fs-nexus-enabled .btn-danger,
html[data-theme] .fs-nexus-enabled .btn-delete,
html[data-theme] .fs-nexus-enabled .btn-reject,
html[data-theme] .fs-nexus-enabled .danger,
html[data-theme] .fs-nexus-enabled button[onclick*="logout" i]{
background:var(--fs-status-danger-bg)!important;
color:var(--fs-status-danger-text)!important;
border-color:transparent!important;
}
/* Form controls and dropdowns must remain readable in every theme. */
html[data-theme] .fs-nexus-enabled input,
html[data-theme] .fs-nexus-enabled textarea,
html[data-theme] .fs-nexus-enabled select,
html[data-theme] .fs-nexus-theme-select,
html[data-theme] .fs-nexus-language-select,
html[data-theme] #fsThemeSelect,
html[data-theme] #fsLanguageSelect{
background:var(--fs-input-bg)!important;
color:var(--fs-input-text)!important;
border-color:var(--fs-control-border)!important;
caret-color:var(--fs-input-text)!important;
}
html[data-theme] .fs-nexus-enabled option,
html[data-theme] .fs-nexus-theme-select option,
html[data-theme] .fs-nexus-language-select option{
background:var(--fs-input-bg)!important;
color:var(--fs-input-text)!important;
}
html[data-theme] .fs-nexus-enabled input::placeholder,
html[data-theme] .fs-nexus-enabled textarea::placeholder{
color:color-mix(in srgb,var(--fs-text-muted) 78%,transparent)!important;
opacity:1!important;
}
/* Table and workspace contrast */
html[data-theme] .fs-nexus-enabled table,
html[data-theme] .fs-nexus-enabled .table-wrap{
color:var(--fs-text-primary)!important;
background:var(--fs-card-bg)!important;
}
html[data-theme] .fs-nexus-enabled th{
color:var(--fs-table-head-text)!important;
background:color-mix(in srgb,var(--fs-accent) 18%,var(--fs-card-bg))!important;
}
html[data-theme="light"] .fs-nexus-enabled th,
html[data-theme="enterprise-insight"] .fs-nexus-enabled th{
color:#0f172a!important;
background:#eaf2ff!important;
}
/* Status badges and common state labels */
html[data-theme] .fs-nexus-enabled .pill,
html[data-theme] .fs-nexus-enabled .badge,
html[data-theme] .fs-nexus-enabled .status-badge{
color:var(--fs-control-text)!important;
background:var(--fs-control-bg)!important;
border-color:var(--fs-control-border)!important;
}
html[data-theme] .fs-nexus-enabled .ok,
html[data-theme] .fs-nexus-enabled .success,
html[data-theme] .fs-nexus-enabled .fully-executed,
html[data-theme] .fs-nexus-enabled [class*="success" i],
html[data-theme] .fs-nexus-enabled [class*="executed" i]{
color:var(--fs-status-success-text)!important;
background-color:var(--fs-status-success-bg)!important;
border-color:color-mix(in srgb,var(--fs-status-success-bg) 70%,#fff 30%)!important;
}
html[data-theme] .fs-nexus-enabled .warning,
html[data-theme] .fs-nexus-enabled [class*="pending" i],
html[data-theme] .fs-nexus-enabled [class*="warning" i]{
color:var(--fs-status-warning-text)!important;
background-color:var(--fs-status-warning-bg)!important;
border-color:color-mix(in srgb,var(--fs-status-warning-bg) 70%,#000 30%)!important;
}
html[data-theme] .fs-nexus-enabled .error,
html[data-theme] .fs-nexus-enabled .danger,
html[data-theme] .fs-nexus-enabled [class*="error" i],
html[data-theme] .fs-nexus-enabled [class*="reject" i]{
color:var(--fs-status-danger-text)!important;
}
/* Some existing cards use inline colors; this protects text on dark/elevated panels without modifying logic. */
html[data-theme] .fs-nexus-enabled [style*="background:#000"],
html[data-theme] .fs-nexus-enabled [style*="background: #000"],
html[data-theme] .fs-nexus-enabled [style*="background-color:#000"],
html[data-theme] .fs-nexus-enabled [style*="background-color: #000"],
html[data-theme] .fs-nexus-enabled [style*="background: black"],
html[data-theme] .fs-nexus-enabled [style*="background-color: black"]{
color:#ffffff!important;
}
html[data-theme] .fs-nexus-enabled [style*="background:#fff"],
html[data-theme] .fs-nexus-enabled [style*="background: #fff"],
html[data-theme] .fs-nexus-enabled [style*="background-color:#fff"],
html[data-theme] .fs-nexus-enabled [style*="background-color: #fff"],
html[data-theme] .fs-nexus-enabled [style*="background: white"],
html[data-theme] .fs-nexus-enabled [style*="background-color: white"]{
color:#0f172a!important;
}
/* Keyboard/focus accessibility */
html[data-theme] .fs-nexus-enabled button:focus-visible,
html[data-theme] .fs-nexus-enabled a:focus-visible,
html[data-theme] .fs-nexus-enabled input:focus-visible,
html[data-theme] .fs-nexus-enabled select:focus-visible,
html[data-theme] .fs-nexus-enabled textarea:focus-visible{
outline:3px solid var(--fs-outline)!important;
outline-offset:2px!important;
box-shadow:0 0 0 5px color-mix(in srgb,var(--fs-outline) 25%,transparent)!important;
}
html[data-theme="shopeko-marketplace"]{
--fs-bg-primary:#05070d;
--fs-bg-secondary:#080d18;
--fs-surface:#0d1323;
--fs-surface-2:#121b31;
--fs-card-bg:#0f1b33;
--fs-header-bg:rgba(5,7,13,.96);
--fs-border:rgba(255,255,255,.14);
--fs-border-strong:rgba(77,163,255,.45);
--fs-text-primary:#eef4ff;
--fs-text-secondary:#cdd9ee;
--fs-text-muted:#a8b3c7;
--fs-accent:#4da3ff;
--fs-accent-contrast:#ffffff;
--fs-secondary-btn-bg:#13233f;
--fs-secondary-btn-text:#eef4ff;
--fs-ghost-btn-bg:transparent;
--fs-ghost-btn-text:#cdd9ee;
--fs-accent-2:#37e3ff;
--fs-success:#5dffb2;
--fs-warning:#ffd166;
--fs-danger:#ff6b6b;
--fs-danger-contrast:#ffffff;
--fs-shadow:rgba(0,0,0,.45);
--fs-radius:18px;
--fs-control-bg:#13233f;
--fs-control-text:#ffffff;
--fs-control-border:rgba(77,163,255,.45);
--fs-control-hover:#1c3155;
--fs-outline:#37e3ff;
--fs-input-bg:#091527;
--fs-input-text:#ffffff;
}
html,body{
max-width:100%;
overflow-x:hidden;
}
.fs-nexus-header{
position:sticky !important;
top:0 !important;
z-index:10000 !important;
min-height:76px;
display:grid !important;
grid-template-columns:minmax(250px,auto) auto minmax(0,1fr) auto;
align-items:center;
gap:16px;
padding:12px 24px !important;
background:var(--fs-header-bg);
border-bottom:1px solid var(--fs-border);
box-shadow:0 12px 30px var(--fs-shadow);
backdrop-filter:blur(18px);
}
.fs-nexus-brand{
display:flex !important;
align-items:center;
gap:12px;
min-width:0 !important;
color:var(--fs-text-primary) !important;
text-decoration:none !important;
}
.fs-nexus-brand:hover{
text-decoration:none !important;
}
.fs-nexus-mark{
flex:0 0 auto;
width:46px !important;
height:46px !important;
border-radius:15px !important;
font-size:15px;
}
.fs-nexus-brand-title{
display:block;
color:var(--fs-text-primary) !important;
font-size:19px !important;
font-weight:850 !important;
line-height:1.05;
}
.fs-nexus-brand-subtitle{
display:block;
color:var(--fs-accent) !important;
font-size:12px !important;
font-weight:750 !important;
line-height:1.35;
margin-top:4px;
}
.fs-nav-toggle{
display:none;
min-width:48px;
min-height:48px;
border-radius:14px;
border:1px solid var(--fs-border-strong);
background:var(--fs-secondary-btn-bg);
color:var(--fs-text-primary);
font-size:24px;
font-weight:800;
cursor:pointer;
touch-action:manipulation;
}
.fs-nav-toggle:focus-visible,
.fs-nexus-nav a:focus-visible,
.fs-nav-group summary:focus-visible,
.fs-consult-link:focus-visible,
.fs-nexus-theme-select:focus-visible,
.fs-nexus-language-select:focus-visible{
outline:3px solid var(--fs-outline);
outline-offset:2px;
}
.fs-nexus-nav{
display:flex !important;
align-items:center;
gap:8px;
min-width:0;
overflow:visible !important;
padding:0 !important;
}
.fs-nexus-nav > a,
.fs-nav-group > summary{
min-height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:10px 14px;
border-radius:14px;
border:1px solid transparent;
color:var(--fs-text-secondary) !important;
font-weight:800;
font-size:14px;
white-space:nowrap;
text-decoration:none !important;
cursor:pointer;
list-style:none;
user-select:none;
touch-action:manipulation;
}
.fs-nav-group > summary::-webkit-details-marker{ display:none; }
.fs-nexus-nav > a:hover,
.fs-nav-group > summary:hover,
.fs-nexus-nav > a[aria-current="page"]{
color:var(--fs-text-primary) !important;
background:color-mix(in srgb,var(--fs-accent) 16%,transparent);
border-color:var(--fs-border-strong);
text-decoration:none !important;
}
.fs-nav-group{
position:relative;
}
.fs-nav-panel{
position:absolute;
top:calc(100% + 10px);
left:0;
min-width:260px;
max-width:360px;
display:grid;
gap:6px;
padding:12px;
border-radius:18px;
border:1px solid var(--fs-border-strong);
background:var(--fs-surface);
box-shadow:0 24px 60px var(--fs-shadow);
z-index:10002;
}
.fs-nav-panel a{
display:flex;
align-items:center;
min-height:44px;
padding:11px 13px !important;
border-radius:12px !important;
color:var(--fs-text-secondary) !important;
font-weight:750 !important;
text-decoration:none !important;
white-space:normal !important;
}
.fs-nav-panel a:hover,
.fs-nav-panel a[aria-current="page"]{
color:var(--fs-text-primary) !important;
background:color-mix(in srgb,var(--fs-accent) 14%,transparent);
}
.fs-nexus-theme-wrap{
display:flex !important;
align-items:center;
gap:10px;
flex-wrap:nowrap;
margin-left:0 !important;
}
.fs-consult-link{
min-height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 14px;
color:var(--fs-accent) !important;
font-weight:850;
text-decoration:none !important;
white-space:nowrap;
border-radius:999px;
}
.fs-consult-link:hover{
background:color-mix(in srgb,var(--fs-accent) 12%,transparent);
}
.fs-nexus-theme-select,
.fs-nexus-language-select{
min-height:44px !important;
border-radius:14px !important;
border:1px solid var(--fs-border-strong) !important;
background:var(--fs-control-bg) !important;
color:var(--fs-control-text) !important;
font-weight:800 !important;
padding:0 14px !important;
max-width:220px;
}
.fs-nexus-footer{
margin-top:50px;
padding:28px 24px;
display:flex;
justify-content:space-between;
gap:18px;
flex-wrap:wrap;
background:var(--fs-header-bg);
border-top:1px solid var(--fs-border);
color:var(--fs-text-secondary);
}
.fs-nexus-footer strong{
display:block;
color:var(--fs-text-primary);
}
.fs-nexus-footer span{
display:block;
margin-top:4px;
color:var(--fs-text-muted);
}
.fs-nexus-footer-links{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.fs-nexus-footer-links a{
min-height:40px;
display:inline-flex;
align-items:center;
padding:8px 12px;
border-radius:999px;
color:var(--fs-text-secondary) !important;
text-decoration:none !important;
}
.fs-nexus-footer-links a:hover{
background:color-mix(in srgb,var(--fs-accent) 12%,transparent);
color:var(--fs-text-primary) !important;
}
@media (max-width:1200px){
.fs-nexus-header{
grid-template-columns:minmax(235px,auto) auto minmax(0,1fr);
}
.fs-nexus-theme-wrap{
grid-column:1 / -1;
justify-content:flex-end;
}
}
@media (max-width:900px){
.fs-nexus-header{
grid-template-columns:auto 1fr auto;
align-items:start;
gap:12px;
padding:16px !important;
}
.fs-nexus-brand{
grid-column:1 / 3;
}
.fs-nav-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
grid-column:3;
grid-row:1;
justify-self:end;
}
.fs-nexus-brand-title{
font-size:21px !important;
max-width:260px;
}
.fs-nexus-brand-subtitle{
font-size:13px !important;
}
.fs-nexus-theme-wrap{
grid-column:1 / -1;
display:grid !important;
grid-template-columns:1fr 1fr;
gap:12px;
width:100%;
}
.fs-consult-link{
grid-column:1 / -1;
min-height:48px;
width:100%;
border-radius:999px;
background:linear-gradient(135deg,var(--fs-accent),var(--fs-accent-2));
color:var(--fs-accent-contrast) !important;
box-shadow:0 10px 28px var(--fs-shadow);
}
.fs-nexus-theme-select,
.fs-nexus-language-select{
width:100% !important;
max-width:none !important;
min-height:48px !important;
font-size:16px !important;
}
.fs-nexus-nav{
grid-column:1 / -1;
display:none !important;
width:100%;
max-height:min(68vh,680px);
overflow-y:auto !important;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
padding:16px !important;
margin-top:2px;
border:1px solid var(--fs-border-strong);
border-radius:22px;
background:var(--fs-surface);
box-shadow:0 16px 40px var(--fs-shadow);
}
.fs-nexus-header.fs-nav-open .fs-nexus-nav{
display:grid !important;
gap:8px;
}
.fs-nexus-nav > a,
.fs-nav-group > summary{
width:100%;
min-height:52px;
justify-content:space-between;
padding:14px 16px !important;
border:1px solid var(--fs-border-strong);
border-radius:16px;
font-size:16px;
background:var(--fs-secondary-btn-bg);
color:var(--fs-text-primary) !important;
}
.fs-nav-group{
width:100%;
}
.fs-nav-panel{
position:static;
min-width:0;
max-width:none;
width:100%;
margin-top:8px;
padding:8px;
border-radius:16px;
box-shadow:none;
background:color-mix(in srgb,var(--fs-surface-2) 88%,transparent);
}
.fs-nav-panel a{
min-height:48px;
padding:13px 14px !important;
font-size:15px;
}
.fs-nexus-enabled main,
.fs-nexus-enabled .container,
.fs-nexus-enabled section,
.fs-nexus-enabled .card,
.fs-nexus-enabled .panel{
max-width:100%;
}
.fs-nexus-enabled h1{
font-size:clamp(34px,11vw,56px) !important;
line-height:1.04 !important;
overflow-wrap:anywhere;
}
.fs-nexus-enabled h2{
font-size:clamp(26px,8vw,40px) !important;
}
.fs-nexus-enabled .hero{
grid-template-columns:1fr !important;
}
.fs-nexus-enabled img,
.fs-nexus-enabled video,
.fs-nexus-enabled svg{
max-width:100%;
height:auto;
}
.fs-nexus-enabled input,
.fs-nexus-enabled select,
.fs-nexus-enabled textarea,
.fs-nexus-enabled button,
.fs-nexus-enabled .btn,
.fs-nexus-enabled .cta{
min-height:48px;
font-size:16px;
}
.fs-nexus-enabled table{
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
}
@media (max-width:520px){
.fs-nexus-header{
padding:14px !important;
}
.fs-nexus-mark{
width:42px !important;
height:42px !important;
}
.fs-nexus-brand-title{
font-size:19px !important;
max-width:230px;
}
.fs-nexus-brand-subtitle{
font-size:12px !important;
}
.fs-nexus-theme-wrap{
grid-template-columns:1fr;
}
.fs-nexus-nav{
max-height:62vh;
}
}
/* Strong proportional logo protection */
.fs-nexus-header .fs-nexus-mark{
width:46px !important;
height:46px !important;
min-width:46px !important;
max-width:46px !important;
min-height:46px !important;
max-height:46px !important;
overflow:hidden !important;
flex:0 0 46px !important;
aspect-ratio:1 / 1 !important;
}
.fs-nexus-header .fs-nexus-mark img{
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
display:block !important;
object-fit:contain !important;
}
/* Enterprise desktop header: no overlapping, no ghost hamburger */
@media (min-width:1181px){
.fs-nexus-header{
grid-template-columns:minmax(260px,330px) minmax(0,1fr) auto !important;
align-items:center !important;
gap:14px !important;
min-height:72px !important;
padding:10px 22px !important;
}
.fs-nexus-brand{
grid-column:1 !important;
min-width:0 !important;
max-width:330px !important;
}
.fs-nav-toggle{
display:none !important;
visibility:hidden !important;
pointer-events:none !important;
}
.fs-nexus-nav{
grid-column:2 !important;
display:flex !important;
flex-wrap:nowrap !important;
justify-content:flex-start !important;
align-items:center !important;
gap:4px !important;
min-width:0 !important;
width:auto !important;
overflow:visible !important;
}
.fs-nexus-theme-wrap{
grid-column:3 !important;
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:8px !important;
min-width:0 !important;
}
.fs-nexus-nav > a,
.fs-nav-group > summary{
min-height:40px !important;
padding:8px 10px !important;
font-size:13px !important;
line-height:1 !important;
}
.fs-nav-group[open] > summary{
color:var(--fs-text-primary) !important;
background:color-mix(in srgb,var(--fs-accent) 18%,transparent) !important;
border-color:var(--fs-border-strong) !important;
}
.fs-nav-panel{
top:calc(100% + 8px) !important;
left:50% !important;
right:auto !important;
transform:translateX(-50%) !important;
min-width:250px !important;
max-width:min(340px,calc(100vw - 32px)) !important;
max-height:calc(100vh - 120px) !important;
overflow-y:auto !important;
z-index:10050 !important;
}
.fs-nav-group:nth-last-of-type(-n+2) .fs-nav-panel{
left:auto !important;
right:0 !important;
transform:none !important;
}
.fs-nexus-theme-select,
.fs-nexus-language-select{
width:150px !important;
min-width:150px !important;
max-width:170px !important;
min-height:40px !important;
height:40px !important;
font-size:13px !important;
}
.fs-consult-link{
max-width:170px !important;
min-height:40px !important;
padding:8px 10px !important;
font-size:13px !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
}
/* Prevent crowded desktop/tablet headers from overlapping */
@media (min-width:1181px) and (max-width:1480px){
.fs-consult-link{
display:none !important;
}
.fs-nexus-theme-select,
.fs-nexus-language-select{
width:145px !important;
min-width:145px !important;
}
.fs-nexus-nav > a,
.fs-nav-group > summary{
padding-left:8px !important;
padding-right:8px !important;
}
}
/* Tablet and mobile use a proper drawer, not compressed desktop navigation */
@media (max-width:1180px){
.fs-nexus-header{
grid-template-columns:auto 1fr auto !important;
align-items:start !important;
gap:12px !important;
padding:16px !important;
}
.fs-nexus-brand{
grid-column:1 / 3 !important;
max-width:100% !important;
}
.fs-nav-toggle{
display:inline-flex !important;
visibility:visible !important;
pointer-events:auto !important;
align-items:center !important;
justify-content:center !important;
grid-column:3 !important;
grid-row:1 !important;
justify-self:end !important;
}
.fs-nexus-theme-wrap{
grid-column:1 / -1 !important;
width:100% !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:12px !important;
}
.fs-consult-link{
grid-column:1 / -1 !important;
width:100% !important;
min-height:48px !important;
color:#ffffff !important;
text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}
.fs-nexus-nav{
grid-column:1 / -1 !important;
display:none !important;
width:100% !important;
max-height:calc(100dvh - 230px) !important;
overflow-y:auto !important;
overscroll-behavior:contain !important;
-webkit-overflow-scrolling:touch !important;
padding:16px !important;
margin-top:2px !important;
border:1px solid var(--fs-border-strong) !important;
border-radius:22px !important;
background:var(--fs-surface) !important;
box-shadow:0 16px 40px var(--fs-shadow) !important;
}
.fs-nexus-header.fs-nav-open .fs-nexus-nav{
display:grid !important;
gap:8px !important;
}
.fs-nexus-nav > a,
.fs-nav-group > summary{
width:100% !important;
min-height:52px !important;
justify-content:space-between !important;
padding:14px 16px !important;
border:1px solid var(--fs-border-strong) !important;
border-radius:16px !important;
font-size:16px !important;
background:var(--fs-secondary-btn-bg) !important;
color:var(--fs-text-primary) !important;
}
.fs-nav-group{
width:100% !important;
position:relative !important;
}
.fs-nav-group:not([open]) .fs-nav-panel{
display:none !important;
}
.fs-nav-group[open] .fs-nav-panel{
display:grid !important;
}
.fs-nav-group[open] > summary{
background:color-mix(in srgb,var(--fs-accent) 18%,var(--fs-secondary-btn-bg)) !important;
border-color:var(--fs-border-strong) !important;
}
.fs-nav-group > summary span{
transition:transform .18s ease !important;
}
.fs-nav-group[open] > summary span{
transform:rotate(180deg) !important;
}
.fs-nav-panel{
position:static !important;
transform:none !important;
min-width:0 !important;
max-width:none !important;
width:100% !important;
margin-top:8px !important;
padding:8px !important;
border-radius:16px !important;
box-shadow:none !important;
background:color-mix(in srgb,var(--fs-surface-2) 88%,transparent) !important;
}
.fs-nav-panel a{
min-height:48px !important;
padding:13px 14px !important;
font-size:15px !important;
}
}
/* Small phone refinement */
@media (max-width:520px){
.fs-nexus-header{
padding:14px !important;
}
.fs-nexus-header .fs-nexus-mark{
width:42px !important;
height:42px !important;
min-width:42px !important;
max-width:42px !important;
min-height:42px !important;
max-height:42px !important;
flex-basis:42px !important;
}
.fs-nexus-brand-title{
font-size:19px !important;
max-width:230px !important;
}
.fs-nexus-brand-subtitle{
font-size:12px !important;
}
.fs-nexus-theme-wrap{
grid-template-columns:1fr !important;
}
.fs-nexus-nav{
max-height:calc(100dvh - 250px) !important;
}
}
/* Keep the logo proportional even when theme styles or mobile browser zoom are applied. */
.fs-nexus-header .fs-nexus-mark{
width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;
min-height:46px!important;max-height:46px!important;flex:0 0 46px!important;overflow:hidden!important;
}
.fs-nexus-header .fs-nexus-mark img{
width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;
}
/* Desktop: enterprise menu opens predictably on hover/focus and never leaves stale panels behind. */
@media (min-width:1181px){
.fs-nav-group:hover > summary,
.fs-nav-group:focus-within > summary,
.fs-nav-group[open] > summary{
color:var(--fs-text-primary)!important;
background:color-mix(in srgb,var(--fs-accent) 18%,transparent)!important;
border-color:var(--fs-border-strong)!important;
}
.fs-nav-panel{
display:grid!important;
}
.fs-nav-panel a{
cursor:pointer!important;
}
}
/* Ensure in-page anchors land below sticky header instead of hiding behind it. */
.fs-nexus-enabled [id]{
scroll-margin-top:110px;
}
/* Mobile/tablet: prevent empty-looking menu drawers and keep accordion sections visible. */
@media (max-width:1180px){
.fs-nexus-header.fs-nav-open .fs-nexus-nav{
display:grid!important;
align-content:start!important;
gap:8px!important;
}
.fs-nexus-nav{
min-height:auto!important;
}
.fs-nav-group:not([open]) .fs-nav-panel{
display:none!important;
}
.fs-nav-group[open] .fs-nav-panel{
display:grid!important;
}
.fs-nexus-nav > a,
.fs-nav-group > summary{
min-height:52px!important;
touch-action:manipulation!important;
}
}
/* Selected theme dropdown readability and consistency across pages. */
.fs-nexus-theme-select option,
.fs-nexus-language-select option{
background:var(--fs-surface)!important;
color:var(--fs-text-primary)!important;
}
/* Ensure premium themes work even on public pages that load only /ui/nexus-ui.css. */
html[data-theme="sovereign-blue"]{
--fs-bg-primary:#061426;--fs-bg-secondary:#0a1c35;--fs-surface:#102947;--fs-surface-2:#16395f;--fs-card-bg:#0d2340;--fs-header-bg:rgba(6,20,38,.97);--fs-border:rgba(91,155,255,.30);--fs-border-strong:rgba(91,155,255,.55);--fs-text-primary:#f7fbff;--fs-text-secondary:#c8dcff;--fs-text-muted:#9eb6da;--fs-accent:#5b9bff;--fs-accent-contrast:#ffffff;--fs-secondary-btn-bg:#132c4f;--fs-secondary-btn-text:#eef6ff;--fs-ghost-btn-bg:transparent;--fs-ghost-btn-text:#c8dcff;--fs-accent-2:#32d6c2;--fs-success:#29d391;--fs-warning:#ffd166;--fs-danger:#ff647c;--fs-danger-contrast:#ffffff;--fs-shadow:rgba(0,0,0,.42);--fs-radius:18px;--fs-control-bg:#132c4f;--fs-control-text:#ffffff;--fs-control-border:rgba(91,155,255,.55);--fs-control-hover:#1b3d6a;--fs-outline:#5b9bff;--fs-input-bg:#0b203b;--fs-input-text:#ffffff;
}
html[data-theme="executive-slate"]{
--fs-bg-primary:#0b1118;--fs-bg-secondary:#111827;--fs-surface:#17212f;--fs-surface-2:#202c3d;--fs-card-bg:#141e2b;--fs-header-bg:rgba(11,17,24,.97);--fs-border:rgba(200,213,230,.24);--fs-border-strong:rgba(200,213,230,.44);--fs-text-primary:#f8fafc;--fs-text-secondary:#d5dce8;--fs-text-muted:#9aa9bc;--fs-accent:#9bb7ff;--fs-accent-contrast:#07111f;--fs-secondary-btn-bg:#1d2939;--fs-secondary-btn-text:#f8fafc;--fs-ghost-btn-bg:transparent;--fs-ghost-btn-text:#d5dce8;--fs-accent-2:#94a3b8;--fs-success:#78d7a2;--fs-warning:#f1c66a;--fs-danger:#ff7373;--fs-danger-contrast:#ffffff;--fs-shadow:rgba(0,0,0,.46);--fs-radius:18px;--fs-control-bg:#1d2939;--fs-control-text:#ffffff;--fs-control-border:rgba(200,213,230,.44);--fs-control-hover:#2b3a50;--fs-outline:#9bb7ff;--fs-input-bg:#101826;--fs-input-text:#ffffff;
}
html[data-theme="secure-emerald"]{
--fs-bg-primary:#041711;--fs-bg-secondary:#062018;--fs-surface:#0b2e23;--fs-surface-2:#104536;--fs-card-bg:#09271e;--fs-header-bg:rgba(4,23,17,.97);--fs-border:rgba(101,230,173,.28);--fs-border-strong:rgba(101,230,173,.52);--fs-text-primary:#f0fff8;--fs-text-secondary:#c9f7df;--fs-text-muted:#91c9aa;--fs-accent:#65e6ad;--fs-accent-contrast:#03120d;--fs-secondary-btn-bg:#103527;--fs-secondary-btn-text:#eafff4;--fs-ghost-btn-bg:transparent;--fs-ghost-btn-text:#c9f7df;--fs-accent-2:#72d3ff;--fs-success:#42e89e;--fs-warning:#ffdc7a;--fs-danger:#ff7575;--fs-danger-contrast:#ffffff;--fs-shadow:rgba(0,0,0,.45);--fs-radius:18px;--fs-control-bg:#103527;--fs-control-text:#ffffff;--fs-control-border:rgba(101,230,173,.52);--fs-control-hover:#164b38;--fs-outline:#65e6ad;--fs-input-bg:#071f17;--fs-input-text:#ffffff;
}
html[data-theme="boardroom-gold"]{
--fs-bg-primary:#141006;--fs-bg-secondary:#211909;--fs-surface:#2d220d;--fs-surface-2:#3b2d13;--fs-card-bg:#261d0b;--fs-header-bg:rgba(20,16,6,.97);--fs-border:rgba(245,197,86,.32);--fs-border-strong:rgba(245,197,86,.60);--fs-text-primary:#fff9ea;--fs-text-secondary:#f3dfb2;--fs-text-muted:#c5ad79;--fs-accent:#f5c556;--fs-accent-contrast:#141006;--fs-secondary-btn-bg:#352810;--fs-secondary-btn-text:#fff9ea;--fs-ghost-btn-bg:transparent;--fs-ghost-btn-text:#f3dfb2;--fs-accent-2:#75a7ff;--fs-success:#89dda7;--fs-warning:#f5c556;--fs-danger:#ff6b6b;--fs-danger-contrast:#ffffff;--fs-shadow:rgba(0,0,0,.46);--fs-radius:18px;--fs-control-bg:#352810;--fs-control-text:#ffffff;--fs-control-border:rgba(245,197,86,.60);--fs-control-hover:#4a3917;--fs-outline:#f5c556;--fs-input-bg:#1d1608;--fs-input-text:#ffffff;
}
/* Make all theme/language controls reflect the selected palette consistently. */
.fs-nexus-theme-select,
.fs-nexus-language-select{
background:var(--fs-control-bg)!important;
color:var(--fs-control-text)!important;
border-color:var(--fs-control-border)!important;
}
.fs-nexus-theme-select option,
.fs-nexus-language-select option{
background:var(--fs-surface)!important;
color:var(--fs-text-primary)!important;
}
/* Prevent Portal Login / Company / Theme / Language overlap on common laptop widths. */
@media (min-width:1181px) and (max-width:1540px){
.fs-nexus-header{
grid-template-columns:minmax(245px,315px) minmax(0,1fr)!important;
grid-auto-rows:auto!important;
gap:8px 12px!important;
padding:10px 18px!important;
}
.fs-nexus-brand{grid-column:1!important;grid-row:1!important;max-width:315px!important;}
.fs-nexus-nav{grid-column:2!important;grid-row:1!important;min-width:0!important;justify-content:flex-start!important;}
.fs-nexus-theme-wrap{grid-column:1 / -1!important;grid-row:2!important;justify-content:flex-end!important;width:100%!important;gap:8px!important;}
.fs-nexus-nav > a,.fs-nav-group > summary{padding:8px 9px!important;font-size:12.5px!important;}
.fs-consult-link{display:inline-flex!important;max-width:155px!important;font-size:12.5px!important;}
.fs-nexus-theme-select,.fs-nexus-language-select{width:160px!important;min-width:160px!important;max-width:180px!important;}
}
/* At very tight desktop widths, keep portals inside the dropdown menu but protect controls. */
@media (min-width:1181px) and (max-width:1320px){
.fs-consult-link{display:none!important;}
.fs-nexus-theme-select,.fs-nexus-language-select{width:150px!important;min-width:150px!important;}
}
/* Keep dropdowns above all content and separated from right-side controls. */
@media (min-width:1181px){
.fs-nav-panel{z-index:10100!important;}
.fs-nav-group:nth-last-of-type(-n+2) .fs-nav-panel{right:0!important;left:auto!important;transform:none!important;}
}
.fs-revenue-card,
.fs-course-card {
margin-top: 24px;
}
.fs-revenue-form {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 12px;
margin: 18px 0;
}
.fs-tier-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0,1fr));
gap: 12px;
margin: 18px 0;
}
.fs-revenue-tier {
min-height: 48px;
border-radius: 14px;
border: 1px solid var(--fs-border-strong);
background: linear-gradient(135deg,var(--fs-accent),var(--fs-accent-2));
color: var(--fs-accent-contrast);
font-weight: 900;
cursor: pointer;
padding: 12px 16px;
box-shadow: 0 14px 34px var(--fs-shadow);
}
.fs-revenue-tier:hover {
transform: translateY(-1px);
filter: brightness(1.04);
}
.fs-custom-support {
display: grid;
grid-template-columns: 1fr auto;
gap: 12px;
margin-top: 14px;
}
.fs-grid-3 {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.fs-mini-card {
display: block;
padding: 20px;
border: 1px solid var(--fs-border);
border-radius: 18px;
background: var(--fs-card-bg);
color: var(--fs-text-primary) !important;
box-shadow: 0 14px 34px var(--fs-shadow);
}
.fs-mini-card:hover {
text-decoration: none !important;
border-color: var(--fs-border-strong);
}
.fs-small-note {
color: var(--fs-text-muted) !important;
font-weight: 700;
}
.fs-revenue-strip {
margin: 42px auto;
padding: 26px;
border: 1px solid var(--fs-border-strong);
border-radius: 24px;
background: linear-gradient(135deg, color-mix(in srgb,var(--fs-accent) 14%, var(--fs-card-bg)), var(--fs-card-bg));
box-shadow: 0 18px 44px var(--fs-shadow);
}
.fs-revenue-strip-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
}
@media (max-width: 820px) {
.fs-revenue-form,
.fs-grid-3,
.fs-custom-support {
grid-template-columns: 1fr;
}
.fs-tier-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}
}
.fs-support-privacy-spotlight {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
gap: 24px;
align-items: center;
margin: 34px 0 46px;
padding: clamp(24px, 4vw, 42px);
border: 1px solid var(--fs-border-strong) !important;
border-radius: 28px !important;
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--fs-accent) 24%, transparent), transparent 38%),
radial-gradient(circle at 96% 10%, color-mix(in srgb, var(--fs-accent-2) 22%, transparent), transparent 34%),
linear-gradient(135deg, color-mix(in srgb, var(--fs-card-bg) 92%, var(--fs-accent)), var(--fs-card-bg)) !important;
box-shadow: 0 26px 72px var(--fs-shadow) !important;
color: var(--fs-text-primary) !important;
}
.fs-support-privacy-spotlight::before {
content: "🔐";
position: absolute;
right: clamp(18px, 4vw, 44px);
top: 14px;
font-size: clamp(42px, 7vw, 96px);
opacity: .11;
pointer-events: none;
}
.fs-support-privacy-kicker {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 7px 13px;
margin-bottom: 14px;
border-radius: 999px;
border: 1px solid var(--fs-border-strong);
background: color-mix(in srgb, var(--fs-accent) 12%, var(--fs-surface));
color: var(--fs-accent) !important;
font-size: 13px;
font-weight: 900;
letter-spacing: .02em;
text-transform: uppercase;
}
.fs-support-privacy-copy h2 {
margin: 0 0 12px !important;
font-size: clamp(30px, 4.6vw, 54px) !important;
line-height: 1.02 !important;
letter-spacing: -.045em !important;
color: var(--fs-text-primary) !important;
}
.fs-support-privacy-copy p {
max-width: 760px;
margin: 0;
color: var(--fs-text-secondary) !important;
font-size: clamp(16px, 1.8vw, 20px);
line-height: 1.65;
}
.fs-support-privacy-benefits {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px;
}
.fs-support-privacy-benefits span {
min-height: 36px;
display: inline-flex;
align-items: center;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid var(--fs-border);
background: color-mix(in srgb, var(--fs-surface) 78%, transparent);
color: var(--fs-text-primary) !important;
font-weight: 800;
font-size: 13px;
}
.fs-support-privacy-actions {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
padding: 18px;
border: 1px solid var(--fs-border);
border-radius: 22px;
background: color-mix(in srgb, var(--fs-surface) 82%, transparent);
}
.fs-support-privacy-actions button,
.fs-support-custom-link {
min-height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 14px;
border: 1px solid var(--fs-border-strong);
background: linear-gradient(135deg, var(--fs-accent), var(--fs-accent-2));
color: var(--fs-accent-contrast) !important;
font-weight: 950;
text-decoration: none !important;
cursor: pointer;
box-shadow: 0 12px 28px color-mix(in srgb, var(--fs-accent) 24%, transparent);
}
.fs-support-custom-link {
grid-column: 1 / -1;
background: var(--fs-secondary-btn-bg);
color: var(--fs-secondary-btn-text) !important;
}
.fs-support-privacy-status {
grid-column: 1 / -1;
margin: 4px 0 0;
color: var(--fs-text-secondary) !important;
font-weight: 800;
}
.fs-nexus-header {
row-gap: 10px;
}
.fs-nexus-brand {
flex: 0 0 auto;
}
.fs-nexus-nav {
flex: 1 1 auto;
}
.fs-nexus-theme-wrap {
flex: 0 0 auto;
}
.fs-nexus-theme-select {
width: 170px !important;
max-width: 170px !important;
}
.fs-nexus-language-select {
width: 128px !important;
max-width: 128px !important;
}
.fs-nav-panel {
color: var(--fs-text-primary) !important;
}
.fs-nav-panel a,
.fs-nav-group > summary,
.fs-nexus-nav > a {
color: var(--fs-text-secondary) !important;
}
.fs-nav-panel a:hover,
.fs-nav-group > summary:hover,
.fs-nexus-nav > a:hover,
.fs-nav-panel a[aria-current="page"],
.fs-nexus-nav > a[aria-current="page"] {
color: var(--fs-text-primary) !important;
}
@media (max-width: 1280px) and (min-width: 1181px) {
.fs-nexus-header {
gap: 12px;
padding-left: 18px;
padding-right: 18px;
}
.fs-nexus-brand {
min-width: 220px !important;
}
.fs-nexus-brand-title {
font-size: 16px !important;
}
.fs-nexus-brand-subtitle {
font-size: 11px !important;
}
.fs-nexus-nav > a,
.fs-nav-group > summary {
padding-left: 10px !important;
padding-right: 10px !important;
font-size: 13px !important;
}
.fs-consult-link {
padding-left: 10px !important;
padding-right: 10px !important;
}
.fs-nexus-theme-select {
width: 150px !important;
max-width: 150px !important;
}
.fs-nexus-language-select {
width: 110px !important;
max-width: 110px !important;
}
}
@media (max-width: 900px) {
.fs-support-privacy-spotlight {
grid-template-columns: 1fr;
margin: 24px 0 34px;
}
.fs-support-privacy-actions {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 520px) {
.fs-support-privacy-actions {
grid-template-columns: 1fr;
}
}
:root{
--fs-support-bar-height:44px;
}
.fs-global-support-bar{
position:sticky;
top:0;
z-index:11000;
width:100%;
min-height:var(--fs-support-bar-height);
display:flex;
justify-content:center;
align-items:center;
padding:6px 14px;
background:
linear-gradient(90deg,
color-mix(in srgb,var(--fs-accent) 34%,var(--fs-header-bg)),
color-mix(in srgb,var(--fs-accent-2) 28%,var(--fs-header-bg)),
color-mix(in srgb,var(--fs-accent) 34%,var(--fs-header-bg)));
background-size:220% 100%;
border-bottom:1px solid var(--fs-border-strong);
box-shadow:0 10px 30px color-mix(in srgb,var(--fs-accent) 22%,transparent);
animation:fsSupportBarFlow 7s ease-in-out infinite;
}
.fs-support-bar-enabled .fs-nexus-header{
top:var(--fs-support-bar-height) !important;
}
.fs-global-support-content{
width:min(1180px,100%);
min-height:34px;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
color:var(--fs-accent-contrast) !important;
text-decoration:none !important;
font-weight:900;
letter-spacing:.01em;
}
.fs-global-support-content:hover{
text-decoration:none !important;
}
.fs-global-support-pulse{
display:inline-grid;
place-items:center;
width:28px;
height:28px;
border-radius:999px;
background:rgba(255,255,255,.18);
box-shadow:0 0 0 0 rgba(255,255,255,.55);
animation:fsSupportPulse 1.8s ease-out infinite;
flex:0 0 auto;
}
.fs-global-support-text{
display:inline-flex;
align-items:center;
gap:10px;
min-width:0;
color:var(--fs-accent-contrast) !important;
}
.fs-global-support-text strong,
.fs-global-support-text span{
color:var(--fs-accent-contrast) !important;
white-space:nowrap;
}
.fs-global-support-text span{
opacity:.94;
font-weight:800;
}
.fs-global-support-action{
min-height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 14px;
border-radius:999px;
background:rgba(255,255,255,.20);
color:var(--fs-accent-contrast) !important;
border:1px solid rgba(255,255,255,.36);
box-shadow:0 8px 22px rgba(0,0,0,.14);
white-space:nowrap;
transition:transform .18s ease, background .18s ease;
}
.fs-global-support-content:hover .fs-global-support-action{
transform:translateY(-1px);
background:rgba(255,255,255,.28);
}
@keyframes fsSupportBarFlow{
0%,100%{background-position:0% 50%;}
50%{background-position:100% 50%;}
}
@keyframes fsSupportPulse{
0%{box-shadow:0 0 0 0 rgba(255,255,255,.46);}
70%{box-shadow:0 0 0 10px rgba(255,255,255,0);}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}
}
@media (prefers-reduced-motion: reduce){
.fs-global-support-bar,
.fs-global-support-pulse{
animation:none !important;
}
}
@media (max-width:760px){
:root{--fs-support-bar-height:48px;}
.fs-global-support-bar{
padding:7px 10px;
}
.fs-global-support-content{
justify-content:space-between;
gap:8px;
}
.fs-global-support-text{
flex-direction:column;
align-items:flex-start;
gap:1px;
line-height:1.05;
}
.fs-global-support-text strong{
font-size:13px;
max-width:48vw;
overflow:hidden;
text-overflow:ellipsis;
}
.fs-global-support-text span{
font-size:11px;
max-width:48vw;
overflow:hidden;
text-overflow:ellipsis;
}
.fs-global-support-action{
min-height:32px;
padding:6px 10px;
font-size:12px;
}
.fs-global-support-pulse{
width:26px;
height:26px;
}
}
@media (max-width:420px){
.fs-global-support-text strong{
max-width:42vw;
}
.fs-global-support-text span{
display:none;
}
}
.fs-global-support-bar{
position: sticky !important;
top: 0 !important;
z-index: 12000 !important;
min-height: var(--fs-support-bar-height) !important;
isolation: isolate;
}
.fs-support-bar-enabled .fs-nexus-header{
position: sticky !important;
top: var(--fs-support-bar-height) !important;
z-index: 11900 !important;
}
.fs-support-bar-enabled .fs-nexus-nav .fs-nav-panel{
z-index: 12100 !important;
}
.fs-global-support-content{
max-width: min(1180px, calc(100vw - 32px)) !important;
overflow: hidden;
}
.fs-global-support-text{
min-width: 0;
}
.fs-global-support-action{
flex: 0 0 auto;
}
@media (min-width:1181px){
.fs-support-bar-enabled .fs-nexus-header{
margin-top: 0 !important;
}
}
@media (max-width:760px){
.fs-global-support-content{
max-width: calc(100vw - 20px) !important;
}
.fs-support-bar-enabled .fs-nexus-header{
top: var(--fs-support-bar-height) !important;
}
}
:root{
--fs-support-bar-text:#ffffff;
--fs-support-bar-muted:#eef6ff;
--fs-support-bar-btn-bg:rgba(255,255,255,.18);
--fs-support-bar-btn-text:#ffffff;
--fs-support-bar-glow:rgba(90,180,255,.38);
}
html[data-theme="light"]{
--fs-support-bar-text:#07111f;
--fs-support-bar-muted:#102033;
--fs-support-bar-btn-bg:#07111f;
--fs-support-bar-btn-text:#ffffff;
--fs-support-bar-glow:rgba(21,94,239,.28);
}
html[data-theme="cyber-defense"]{
--fs-support-bar-text:#ffffff;
--fs-support-bar-muted:#fff6b0;
--fs-support-bar-btn-bg:#ffd400;
--fs-support-bar-btn-text:#050716;
--fs-support-bar-glow:rgba(255,212,0,.45);
}
html[data-theme="enterprise-insight"]{
--fs-support-bar-text:#082536;
--fs-support-bar-muted:#123e51;
--fs-support-bar-btn-bg:#082536;
--fs-support-bar-btn-text:#ffffff;
--fs-support-bar-glow:rgba(10,91,120,.28);
}
html[data-theme="executive-slate"]{
--fs-support-bar-text:#ffffff;
--fs-support-bar-muted:#e7edf7;
--fs-support-bar-btn-bg:#9bb7ff;
--fs-support-bar-btn-text:#07111f;
--fs-support-bar-glow:rgba(155,183,255,.42);
}
html[data-theme="secure-emerald"]{
--fs-support-bar-text:#ffffff;
--fs-support-bar-muted:#d7ffeb;
--fs-support-bar-btn-bg:#65e6ad;
--fs-support-bar-btn-text:#03120d;
--fs-support-bar-glow:rgba(101,230,173,.42);
}
html[data-theme="boardroom-gold"]{
--fs-support-bar-text:#f5c556;
--fs-support-bar-muted:#fff9ea;
--fs-support-bar-btn-bg:#f5c556;
--fs-support-bar-btn-text:#141006;
--fs-support-bar-glow:rgba(245,197,86,.46);
}
html[data-theme="sovereign-blue"],
html[data-theme="dark"],
html[data-theme="shopeko-marketplace"],
html[data-theme="privacy-aurora"]{
--fs-support-bar-text:#ffffff;
--fs-support-bar-muted:#e8f5ff;
}
/* New optional theme based on the current cyan / blue / privacy-support visual direction. */
html[data-theme="privacy-aurora"]{
--fs-bg-primary:#07111f;
--fs-bg-secondary:#0b1830;
--fs-surface:#0f2b46;
--fs-surface-2:#123b5b;
--fs-card-bg:#0e243b;
--fs-header-bg:rgba(7,17,31,.98);
--fs-border:rgba(112,224,214,.28);
--fs-border-strong:rgba(112,224,214,.56);
--fs-text-primary:#f7fbff;
--fs-text-secondary:#d2eff7;
--fs-text-muted:#a7c7d3;
--fs-accent:#70e0d6;
--fs-accent-contrast:#061426;
--fs-secondary-btn-bg:#102a45;
--fs-secondary-btn-text:#f7fbff;
--fs-accent-2:#6aa3ff;
--fs-success:#55e3a5;
--fs-warning:#ffd166;
--fs-danger:#ff647c;
--fs-shadow:rgba(0,0,0,.42);
--fs-radius:18px;
}
.fs-global-support-bar{
overflow:hidden;
background:
radial-gradient(circle at 14% 50%, color-mix(in srgb,var(--fs-accent-2) 30%,transparent), transparent 20%),
linear-gradient(90deg,
color-mix(in srgb,var(--fs-accent) 28%,var(--fs-header-bg)),
color-mix(in srgb,var(--fs-accent-2) 24%,var(--fs-header-bg)),
color-mix(in srgb,var(--fs-accent) 28%,var(--fs-header-bg))) !important;
background-size:260% 100% !important;
animation:fsSupportBarFlow 6s ease-in-out infinite, fsSupportBarLift 3.8s ease-in-out infinite !important;
}
.fs-global-support-bar::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(110deg, transparent 0%, transparent 38%, rgba(255,255,255,.28) 48%, transparent 58%, transparent 100%);
transform:translateX(-115%);
animation:fsSupportSweep 4.4s ease-in-out infinite;
}
.fs-global-support-content{
position:relative;
z-index:1;
color:var(--fs-support-bar-text) !important;
text-shadow:0 1px 1px rgba(0,0,0,.28);
}
.fs-global-support-text strong,
.fs-global-support-text span{
color:var(--fs-support-bar-text) !important;
}
.fs-global-support-text span{
color:var(--fs-support-bar-muted) !important;
}
.fs-global-support-text strong{
position:relative;
display:inline-block;
animation:fsSupportTextBreathe 2.6s ease-in-out infinite;
}
.fs-global-support-action{
background:var(--fs-support-bar-btn-bg) !important;
color:var(--fs-support-bar-btn-text) !important;
border:1px solid color-mix(in srgb,var(--fs-support-bar-btn-bg) 55%,#ffffff 45%) !important;
box-shadow:0 0 0 0 var(--fs-support-bar-glow),0 10px 26px rgba(0,0,0,.20) !important;
animation:fsSupportButtonPulse 2.05s ease-in-out infinite;
}
.fs-global-support-content:hover .fs-global-support-action,
.fs-global-support-action:hover{
transform:translateY(-1px) scale(1.035) !important;
filter:saturate(1.12) brightness(1.05);
}
.fs-global-support-pulse{
color:var(--fs-support-bar-text) !important;
animation:fsSupportPulse 1.7s ease-out infinite, fsSupportIconFloat 2.8s ease-in-out infinite !important;
}
@keyframes fsSupportSweep{
0%,38%{transform:translateX(-115%);opacity:0;}
45%{opacity:.75;}
62%{transform:translateX(115%);opacity:0;}
100%{transform:translateX(115%);opacity:0;}
}
@keyframes fsSupportBarLift{
0%,100%{box-shadow:0 10px 30px color-mix(in srgb,var(--fs-accent) 18%,transparent);}
50%{box-shadow:0 14px 38px color-mix(in srgb,var(--fs-accent-2) 28%,transparent);}
}
@keyframes fsSupportTextBreathe{
0%,100%{transform:translateY(0);letter-spacing:.01em;}
50%{transform:translateY(-1px);letter-spacing:.025em;}
}
@keyframes fsSupportButtonPulse{
0%,100%{box-shadow:0 0 0 0 var(--fs-support-bar-glow),0 10px 26px rgba(0,0,0,.20);}
50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--fs-support-bar-glow) 44%,transparent),0 14px 34px rgba(0,0,0,.24);}
}
@keyframes fsSupportIconFloat{
0%,100%{transform:translateY(0) rotate(0deg);}
50%{transform:translateY(-1px) rotate(-4deg);}
}
/* Contrast guardrails for theme-safe readability on marketing/public cards and support pages. */
html[data-theme="light"] body.fs-nexus-enabled,
html[data-theme="enterprise-insight"] body.fs-nexus-enabled{
color:var(--fs-text-primary) !important;
}
html[data-theme="light"] .fs-nexus-enabled .fs-card,
html[data-theme="light"] .fs-nexus-enabled .card,
html[data-theme="light"] .fs-nexus-enabled .hero,
html[data-theme="enterprise-insight"] .fs-nexus-enabled .fs-card,
html[data-theme="enterprise-insight"] .fs-nexus-enabled .card,
html[data-theme="enterprise-insight"] .fs-nexus-enabled .hero{
color:var(--fs-text-primary) !important;
}
html[data-theme="light"] .fs-nexus-enabled .fs-card *,
html[data-theme="light"] .fs-nexus-enabled .card *,
html[data-theme="light"] .fs-nexus-enabled .hero *,
html[data-theme="enterprise-insight"] .fs-nexus-enabled .fs-card *,
html[data-theme="enterprise-insight"] .fs-nexus-enabled .card *,
html[data-theme="enterprise-insight"] .fs-nexus-enabled .hero *{
color:inherit;
}
html[data-theme="cyber-defense"] .fs-nexus-enabled,
html[data-theme="executive-slate"] .fs-nexus-enabled,
html[data-theme="secure-emerald"] .fs-nexus-enabled{
color:#ffffff !important;
}
html[data-theme="boardroom-gold"] .fs-nexus-enabled{
color:#fff9ea !important;
}
html[data-theme="boardroom-gold"] .fs-nexus-enabled h1,
html[data-theme="boardroom-gold"] .fs-nexus-enabled h2,
html[data-theme="boardroom-gold"] .fs-nexus-enabled h3,
html[data-theme="boardroom-gold"] .fs-nexus-enabled .fs-page-kicker,
html[data-theme="boardroom-gold"] .fs-nexus-enabled .fs-support-privacy-kicker{
color:#f5c556 !important;
}
/* Theme selector readability fix: keep labels readable while preserving theme styling. */
.fs-nexus-theme-select,
.fs-nexus-language-select{
color:var(--fs-control-text, var(--fs-text-primary)) !important;
background:var(--fs-control-bg, var(--fs-surface)) !important;
border-color:var(--fs-control-border, var(--fs-border-strong)) !important;
}
html[data-theme="light"] .fs-nexus-theme-select,
html[data-theme="light"] .fs-nexus-language-select,
html[data-theme="enterprise-insight"] .fs-nexus-theme-select,
html[data-theme="enterprise-insight"] .fs-nexus-language-select{
color:#0f172a !important;
background:#ffffff !important;
}
@media (prefers-reduced-motion: reduce){
.fs-global-support-bar::before,
.fs-global-support-text strong,
.fs-global-support-action,
.fs-global-support-pulse{
animation:none !important;
}
}
:root {
--fs-accent-glow: color-mix(in srgb, var(--fs-accent, #4f8cff) 55%, transparent);
}
.fs-accent-live,
.support-ai-sticky,
.support-ai-bar,
.support-privacy-bar,
.support-now,
a[href*="support-private-ai"],
button[data-revenue-action],
.revenue-cta,
.cta-support {
position: relative;
isolation: isolate;
}
.support-ai-sticky::before,
.support-ai-bar::before,
.support-privacy-bar::before,
.revenue-cta::before,
.cta-support::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.18) 45%, transparent 70%);
transform: translateX(-120%);
animation: fsAccentSweep 7s ease-in-out infinite;
z-index: -1;
}
.support-now,
a[href*="support-private-ai"].support-now,
button[data-revenue-action] {
animation: fsCtaBreath 3.8s ease-in-out infinite;
}
@keyframes fsAccentSweep {
0%, 42% { transform: translateX(-120%); opacity: 0; }
48% { opacity: .75; }
63% { transform: translateX(120%); opacity: 0; }
100% { transform: translateX(120%); opacity: 0; }
}
@keyframes fsCtaBreath {
0%, 100% { box-shadow: 0 0 0 0 var(--fs-accent-glow); transform: translateY(0); }
50% { box-shadow: 0 0 0 5px transparent; transform: translateY(-1px); }
}
@media (prefers-reduced-motion: reduce) {
.support-ai-sticky::before,
.support-ai-bar::before,
.support-privacy-bar::before,
.revenue-cta::before,
.cta-support::before,
.support-now,
a[href*="support-private-ai"].support-now,
button[data-revenue-action] {
animation: none !important;
}
}
:root{
--fs-dynamic-accent: var(--fs-accent, #4e8cff);
--fs-dynamic-accent-2: var(--fs-accent-2, #00b894);
--fs-dynamic-warm: #ffd166;
--fs-dynamic-cool: #70e0d6;
--fs-dynamic-violet: #a78bfa;
}
/* Local-time accent moods. These do not change the chosen theme. */
html.fs-accent-morning{
--fs-dynamic-accent: color-mix(in srgb, var(--fs-accent, #4e8cff) 72%, #70e0d6 28%);
--fs-dynamic-accent-2: color-mix(in srgb, var(--fs-accent-2, #00b894) 70%, #ffd166 30%);
}
html.fs-accent-afternoon{
--fs-dynamic-accent: color-mix(in srgb, var(--fs-accent, #4e8cff) 74%, #ffd166 26%);
--fs-dynamic-accent-2: color-mix(in srgb, var(--fs-accent-2, #00b894) 76%, #4e8cff 24%);
}
html.fs-accent-evening{
--fs-dynamic-accent: color-mix(in srgb, var(--fs-accent, #4e8cff) 68%, #a78bfa 32%);
--fs-dynamic-accent-2: color-mix(in srgb, var(--fs-accent-2, #00b894) 62%, #6aa3ff 38%);
}
html.fs-accent-night{
--fs-dynamic-accent: color-mix(in srgb, var(--fs-accent, #4e8cff) 78%, #70e0d6 22%);
--fs-dynamic-accent-2: color-mix(in srgb, var(--fs-accent-2, #00b894) 54%, #a78bfa 46%);
}
/* Broad timezone region adds a tiny flavor to the accent only. */
html.fs-region-americas{ --fs-region-accent: #6aa3ff; }
html.fs-region-emea{ --fs-region-accent: #f5c556; }
html.fs-region-apac{ --fs-region-accent: #70e0d6; }
html.fs-region-global{ --fs-region-accent: var(--fs-dynamic-accent); }
.fs-global-support-bar{
background:
radial-gradient(circle at 12% 50%, color-mix(in srgb, var(--fs-region-accent) 30%, transparent), transparent 22%),
radial-gradient(circle at 88% 50%, color-mix(in srgb, var(--fs-dynamic-accent-2) 24%, transparent), transparent 22%),
linear-gradient(90deg,
color-mix(in srgb, var(--fs-dynamic-accent) 30%, var(--fs-header-bg)),
color-mix(in srgb, var(--fs-dynamic-accent-2) 28%, var(--fs-header-bg)),
color-mix(in srgb, var(--fs-region-accent) 24%, var(--fs-header-bg)),
color-mix(in srgb, var(--fs-dynamic-accent) 30%, var(--fs-header-bg))) !important;
background-size: 320% 100% !important;
animation: fsSupportBarFlow 8s ease-in-out infinite, fsLock90PremiumLift 5s ease-in-out infinite !important;
}
/* A premium light rail behind the CTA; restrained, not gimmicky. */
.fs-global-support-bar::after{
content:"";
position:absolute;
top:0;
bottom:0;
left:50%;
width:min(520px,70vw);
transform:translateX(-50%);
pointer-events:none;
background:radial-gradient(ellipse at center, color-mix(in srgb, var(--fs-dynamic-accent) 20%, transparent), transparent 70%);
opacity:.85;
filter:blur(8px);
}
.fs-global-support-content{
backdrop-filter: saturate(1.12);
}
.fs-global-support-text strong{
animation: fsSupportTextBreathe 2.9s ease-in-out infinite, fsLock90TextMicroGlow 6s ease-in-out infinite !important;
}
.fs-global-support-action{
background:
linear-gradient(135deg,
var(--fs-support-bar-btn-bg),
color-mix(in srgb, var(--fs-support-bar-btn-bg) 72%, var(--fs-dynamic-accent) 28%)) !important;
outline: 1px solid color-mix(in srgb, var(--fs-dynamic-accent) 30%, transparent);
animation: fsSupportButtonPulse 2.25s ease-in-out infinite, fsLock90ButtonFloat 4s ease-in-out infinite !important;
}
.fs-global-support-content:hover .fs-global-support-action{
transform: translateY(-1px) scale(1.045) !important;
}
/* Small contextual label for diagnostics/accessibility; hidden visually but available if needed. */
.fs-global-support-content::after{
content: attr(data-accent-context);
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(1px,1px,1px,1px);
}
@keyframes fsLock90PremiumLift{
0%,100%{ box-shadow:0 10px 26px color-mix(in srgb,var(--fs-dynamic-accent) 16%,transparent); }
50%{ box-shadow:0 14px 38px color-mix(in srgb,var(--fs-dynamic-accent-2) 26%,transparent); }
}
@keyframes fsLock90TextMicroGlow{
0%,100%{ text-shadow:0 1px 1px rgba(0,0,0,.25), 0 0 0 transparent; }
50%{ text-shadow:0 1px 1px rgba(0,0,0,.25), 0 0 16px color-mix(in srgb,var(--fs-dynamic-accent) 36%,transparent); }
}
@keyframes fsLock90ButtonFloat{
0%,100%{ transform:translateY(0); }
50%{ transform:translateY(-1px); }
}
/* Keep light backgrounds readable and dark backgrounds premium. */
html[data-theme="light"] .fs-global-support-content,
html[data-theme="enterprise-insight"] .fs-global-support-content{
text-shadow:none !important;
}
html[data-theme="light"] .fs-global-support-text strong,
html[data-theme="light"] .fs-global-support-text span,
html[data-theme="enterprise-insight"] .fs-global-support-text strong,
html[data-theme="enterprise-insight"] .fs-global-support-text span{
text-shadow:none !important;
}
/* Motion is always optional for accessibility. */
@media (prefers-reduced-motion: reduce){
.fs-global-support-bar,
.fs-global-support-bar::before,
.fs-global-support-bar::after,
.fs-global-support-text strong,
.fs-global-support-action,
.fs-global-support-pulse{
animation:none !important;
transition:none !important;
}
}
@media (max-width:760px){
.fs-global-support-bar::after{
width: 78vw;
opacity:.65;
}
.fs-global-support-action{
animation: fsSupportButtonPulse 2.8s ease-in-out infinite !important;
}
}
/* LOCK119: Privacy Support Stripe Payment Link tiers, trust badge, and contribution animations */
.fs-mission-tier-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch;}
.fs-revenue-tier.fs-mission-tier,
.fs-revenue-tier.fs-revenue-tier-custom,
.fs-support-tier-link{position:relative;overflow:hidden;isolation:isolate;text-decoration:none!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;}
.fs-revenue-tier.fs-mission-tier::before,
.fs-revenue-tier.fs-revenue-tier-custom::before,
.fs-support-tier-link::before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 22%,rgba(105,240,174,.32) 46%,rgba(122,167,255,.30) 58%,transparent 78%);transform:translateX(-125%) skewX(-18deg);animation:fsTierShimmer 5.5s ease-in-out infinite;z-index:-1;}
.fs-revenue-tier.fs-mission-tier:hover,
.fs-revenue-tier.fs-revenue-tier-custom:hover,
.fs-support-tier-link:hover{transform:translateY(-4px) scale(1.025);filter:brightness(1.08);box-shadow:0 20px 46px color-mix(in srgb,var(--fs-accent) 34%,transparent),0 0 0 1px color-mix(in srgb,var(--fs-accent-2) 55%,transparent) inset;}
.fs-revenue-tier.fs-mission-tier:active,
.fs-revenue-tier.fs-revenue-tier-custom:active,
.fs-support-tier-link:active{transform:translateY(-1px) scale(.99);}
.fs-revenue-tier.fs-mission-tier{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px 12px;border-radius:18px;background:radial-gradient(circle at 30% 12%,rgba(255,255,255,.22),transparent 36%),linear-gradient(135deg,var(--fs-accent),var(--fs-accent-2));}
.fs-founder-tier{box-shadow:0 18px 48px color-mix(in srgb,var(--fs-accent-2) 38%,transparent),0 0 0 1px rgba(255,255,255,.18) inset;}
.fs-tier-icon{font-size:24px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.28));animation:fsTierFloat 3.6s ease-in-out infinite;}
.fs-tier-title{font-size:clamp(15px,1.4vw,19px);font-weight:950;letter-spacing:.01em;line-height:1.08;text-align:center;}
.fs-tier-price{font-size:clamp(18px,1.7vw,24px);font-weight:950;line-height:1.1;}
.fs-tier-note{font-size:12px;font-weight:850;opacity:.88;text-align:center;}
.fs-revenue-tier-custom{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;min-height:58px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--fs-accent) 24%,var(--fs-surface)),color-mix(in srgb,var(--fs-accent-2) 18%,var(--fs-surface)))!important;color:var(--fs-text-primary)!important;}
.fs-revenue-tier-custom .fs-tier-note{opacity:.78;}
.fs-stripe-safe-badge{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:12px 15px;border-radius:16px;border:1px solid color-mix(in srgb,var(--fs-accent) 26%,var(--fs-border));background:linear-gradient(135deg,color-mix(in srgb,var(--fs-surface) 88%,transparent),color-mix(in srgb,var(--fs-accent) 8%,var(--fs-surface)));color:var(--fs-text-primary)!important;box-shadow:0 12px 32px color-mix(in srgb,var(--fs-accent) 12%,transparent);}
.fs-stripe-safe-badge strong{display:block;font-size:14px;font-weight:950;line-height:1.1;}
.fs-stripe-safe-badge em{display:block;margin-top:3px;font-size:12px;font-style:normal;color:var(--fs-text-secondary)!important;font-weight:750;}
.fs-stripe-lock{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,var(--fs-accent),var(--fs-accent-2));color:var(--fs-accent-contrast);box-shadow:0 8px 20px color-mix(in srgb,var(--fs-accent) 28%,transparent);}
.fs-stripe-safe-badge-compact{grid-column:1/-1;margin-top:2px;width:100%;box-sizing:border-box;justify-content:center;}
.fs-support-tier-link{min-height:62px!important;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px!important;border-radius:16px!important;border:1px solid var(--fs-border-strong)!important;background:linear-gradient(135deg,var(--fs-accent),var(--fs-accent-2))!important;color:var(--fs-accent-contrast)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--fs-accent) 24%,transparent)!important;}
.fs-support-tier-link span{font-size:20px;line-height:1;animation:fsTierFloat 4.2s ease-in-out infinite;}
.fs-support-tier-link strong{font-size:14px;font-weight:950;line-height:1.05;}
.fs-support-tier-link em{font-style:normal;font-size:13px;font-weight:950;opacity:.92;}
.fs-support-tier-custom{grid-column:1/-1!important;background:linear-gradient(135deg,color-mix(in srgb,var(--fs-accent) 22%,var(--fs-surface)),color-mix(in srgb,var(--fs-accent-2) 18%,var(--fs-surface)))!important;color:var(--fs-text-primary)!important;}
@keyframes fsTierShimmer{0%,62%{transform:translateX(-125%) skewX(-18deg);opacity:0;}70%{opacity:1;}100%{transform:translateX(125%) skewX(-18deg);opacity:0;}}
@keyframes fsTierFloat{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-3px) rotate(-2deg);}}
@media (prefers-reduced-motion: reduce){.fs-revenue-tier.fs-mission-tier::before,.fs-revenue-tier.fs-revenue-tier-custom::before,.fs-support-tier-link::before,.fs-tier-icon,.fs-support-tier-link span{animation:none!important}.fs-revenue-tier.fs-mission-tier:hover,.fs-revenue-tier.fs-revenue-tier-custom:hover,.fs-support-tier-link:hover{transform:none!important}}
@media (max-width:1020px){.fs-mission-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.fs-founder-tier{grid-column:1/-1;}}
@media (max-width:620px){.fs-mission-tier-grid{grid-template-columns:1fr;}.fs-revenue-tier.fs-mission-tier{min-height:96px}.fs-support-tier-link{grid-template-columns:auto 1fr}.fs-support-tier-link em{justify-self:start}.fs-stripe-safe-badge{align-items:flex-start}}
/* LOCK121R2: Global readability and automatic contrast layer
Principle: every text-bearing surface must choose dark text on light backgrounds
and light text on dark backgrounds. Preserves existing layouts, animations, and Stripe links. */
:root{
--fs-readable-dark:#07111f;
--fs-readable-dark-muted:#26364a;
--fs-readable-light:#ffffff;
--fs-readable-light-muted:#eaf2ff;
--fs-readable-link-dark:#073b78;
--fs-readable-link-light:#d8ecff;
}
.fs-auto-contrast-surface{
color:var(--fs-auto-fg, var(--fs-text-primary)) !important;
}
.fs-auto-contrast-surface :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,legend,summary,blockquote,figcaption,small,span,strong,b,em,i,code,pre,td,th,caption,button,a,.fs-kicker,.fs-page-lead,.small,.muted,.fs-tier-title,.fs-tier-price,.fs-tier-note){
color:var(--fs-auto-fg, var(--fs-text-primary)) !important;
}
.fs-auto-contrast-surface :where(.muted,.small,small,.fs-tier-note,.fs-page-lead,em,figcaption){
color:var(--fs-auto-muted, var(--fs-text-secondary)) !important;
}
.fs-auto-contrast-surface :where(a:not(.fs-revenue-tier):not(.fs-support-tier-link):not(.fs-global-support-content):not(.fs-nav a)){
color:var(--fs-auto-link, var(--fs-auto-fg, var(--fs-text-primary))) !important;
text-decoration-color:color-mix(in srgb, var(--fs-auto-link, currentColor) 58%, transparent) !important;
}
.fs-auto-contrast-light{
--fs-auto-fg:var(--fs-readable-light);
--fs-auto-muted:var(--fs-readable-light-muted);
--fs-auto-link:var(--fs-readable-link-light);
text-shadow:0 1px 2px rgba(0,0,0,.42);
}
.fs-auto-contrast-dark{
--fs-auto-fg:var(--fs-readable-dark);
--fs-auto-muted:var(--fs-readable-dark-muted);
--fs-auto-link:var(--fs-readable-link-dark);
text-shadow:none;
}
/* Add a subtle readability veil only where text sits on vivid/animated gradients. */
.fs-revenue-tier.fs-mission-tier,
.fs-revenue-tier.fs-revenue-tier-custom,
.fs-support-tier-link,
.fs-global-support-content,
.fs-stripe-safe-badge{
--fs-auto-fg:var(--fs-readable-light);
--fs-auto-muted:var(--fs-readable-light-muted);
color:var(--fs-auto-fg) !important;
}
.fs-revenue-tier.fs-mission-tier::after,
.fs-revenue-tier.fs-revenue-tier-custom::after,
.fs-support-tier-link::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
z-index:-1;
background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.24));
}
.fs-revenue-tier.fs-mission-tier.fs-auto-contrast-dark::after,
.fs-revenue-tier.fs-revenue-tier-custom.fs-auto-contrast-dark::after,
.fs-support-tier-link.fs-auto-contrast-dark::after{
background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.28));
}
.fs-revenue-tier.fs-mission-tier :where(span,strong,em),
.fs-revenue-tier.fs-revenue-tier-custom :where(span,strong,em),
.fs-support-tier-link :where(span,strong,em){
color:var(--fs-auto-fg) !important;
position:relative;
z-index:1;
}
.fs-stripe-safe-badge.fs-auto-contrast-dark .fs-stripe-lock{
color:#07111f !important;
}
/* Form fields and selects require stable contrast independent of the selected theme. */
:where(input,select,textarea){
color:var(--fs-readable-dark) !important;
background-color:#ffffff !important;
}
:where(input,select,textarea)::placeholder{ color:#526173 !important; }
:where(option){ color:#07111f !important; background:#ffffff !important; }
/* Keep reduced motion honored. */
@media (prefers-reduced-motion: reduce){
.fs-auto-contrast-surface{transition:none!important;}
}