/* =========================================================
   FUTURE OS 5.5.0 — ADAPTIVE DESIGN SYSTEM FOUNDATION
   ========================================================= */

/* Core semantic tokens */
:root{
  color-scheme:dark;

  --future-white:#FFFFFF;
  --future-graphite:#1C1C1E;
  --future-gray:#3A3A3C;
  --future-silver:#8E8E93;
  --future-canvas-soft:#F5F5F7;
  --future-canvas-muted:#ECECEF;
  --future-accent:#58E7D6;
  --future-accent-strong:#19CDBB;

  --future-bg:#020F13;
  --future-bg-elevated:#04171C;
  --future-surface:#071A20;
  --future-surface-raised:#0A2228;
  --future-surface-solid:#0E2A30;
  --future-sidebar:#03151A;
  --future-topbar:rgba(3,21,26,.88);
  --future-overlay:rgba(0,8,10,.72);

  --future-text:#EDF9F7;
  --future-text-secondary:#A2B8BB;
  --future-text-tertiary:#71888D;
  --future-text-inverse:#1C1C1E;

  --future-border:rgba(111,229,214,.14);
  --future-border-strong:rgba(111,229,214,.27);
  --future-hover:rgba(88,231,214,.07);
  --future-selected:rgba(88,231,214,.11);

  --future-shadow-xs:0 1px 2px rgba(0,0,0,.20);
  --future-shadow-sm:0 10px 28px rgba(0,0,0,.16);
  --future-shadow-md:0 22px 60px rgba(0,0,0,.25);
  --future-shadow-lg:0 35px 90px rgba(0,0,0,.34);

  --future-radius-control:13px;
  --future-radius-card:20px;
  --future-radius-modal:24px;
  --future-focus:0 0 0 4px rgba(88,231,214,.13);

  --future-font-sans:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",sans-serif;
  --future-font-display:"Space Grotesk",Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;
  --future-font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;

  --fui-bg-0:var(--future-bg);
  --fui-bg-1:var(--future-bg-elevated);
  --fui-surface-1:color-mix(in srgb,var(--future-surface) 88%,transparent);
  --fui-surface-2:color-mix(in srgb,var(--future-surface-raised) 92%,transparent);
  --fui-surface-3:var(--future-surface-solid);
  --fui-border:var(--future-border);
  --fui-border-strong:var(--future-border-strong);
  --fui-text:var(--future-text);
  --fui-text-2:var(--future-text-secondary);
  --fui-text-3:var(--future-text-tertiary);
  --fui-shadow-sm:var(--future-shadow-sm);
  --fui-shadow-md:var(--future-shadow-md);
  --fui-glow:var(--future-focus);

  --bg:var(--future-bg);
  --bg2:var(--future-bg-elevated);
  --surface:var(--future-surface);
  --surface2:var(--future-surface-raised);
  --line:var(--future-border);
  --text:var(--future-text);
  --muted:var(--future-text-secondary);
  --shadow:var(--future-shadow-lg);
}

html[data-theme="light"],
html.light,
body.tema-claro{
  color-scheme:light;

  --future-bg:#F5F5F7;
  --future-bg-elevated:#ECECEF;
  --future-surface:#FFFFFF;
  --future-surface-raised:#FFFFFF;
  --future-surface-solid:#FFFFFF;
  --future-sidebar:#FFFFFF;
  --future-topbar:rgba(255,255,255,.90);
  --future-overlay:rgba(28,28,30,.30);

  --future-text:#1C1C1E;
  --future-text-secondary:#3A3A3C;
  --future-text-tertiary:#8E8E93;
  --future-text-inverse:#FFFFFF;

  --future-border:rgba(28,28,30,.11);
  --future-border-strong:rgba(28,28,30,.20);
  --future-hover:rgba(28,28,30,.045);
  --future-selected:rgba(25,205,187,.11);

  --future-shadow-xs:0 1px 2px rgba(28,28,30,.04);
  --future-shadow-sm:0 10px 28px rgba(28,28,30,.065);
  --future-shadow-md:0 22px 60px rgba(28,28,30,.10);
  --future-shadow-lg:0 35px 90px rgba(28,28,30,.13);

  --fui-primary:#19CDBB;
  --fui-primary-strong:#10B9A8;
  --fui-success:#168C62;
  --fui-warning:#9A6816;
  --fui-danger:#C63E48;
  --fui-info:#246FA8;

  --bg:var(--future-bg);
  --bg2:var(--future-bg-elevated);
  --surface:var(--future-surface);
  --surface2:var(--future-surface-raised);
  --line:var(--future-border);
  --text:var(--future-text);
  --muted:var(--future-text-secondary);
  --shadow:var(--future-shadow-lg);
}

/* Typography */
html,body,input,button,select,textarea{
  font-family:var(--future-font-sans)!important;
}
body{
  background:var(--future-bg)!important;
  color:var(--future-text)!important;
  transition:background-color .22s ease,color .22s ease;
}
h1,h2,h3,.future-page-head h1,.future-hero h1{
  color:var(--future-text);
  font-family:var(--future-font-display)!important;
  font-weight:650;
}
code,pre,.font-mono{font-family:var(--future-font-mono)!important}
::selection{background:rgba(25,205,187,.28);color:var(--future-text)}
:focus-visible{outline:0!important;box-shadow:var(--future-focus)!important}

/* Global surfaces */
.future-panel,.future-kpi,.future-module-tile,.future-doc-card,.future-list-card,
.future-modal,.fui-modal,.fui-section,.fui-card,.ft-table-wrap,
.project-item-card,.project-intelligence-card,.future-table-shell,
.commercial-line,.commercial-total-box,.supplier-catalog,.supplier-price-row{
  background:var(--future-surface)!important;
  border-color:var(--future-border)!important;
  box-shadow:var(--future-shadow-xs);
}
.future-modal-backdrop,.fui-modal-backdrop{
  background:var(--future-overlay)!important;
}
.future-panel:hover,.future-kpi:hover,.future-module-tile:hover,
.future-doc-card:hover,.future-list-card:hover{
  border-color:var(--future-border-strong)!important;
  box-shadow:var(--future-shadow-sm)!important;
}

/* System chrome */
.future-app-sidebar{
  background:var(--future-sidebar)!important;
  border-color:var(--future-border)!important;
  box-shadow:8px 0 34px rgba(0,0,0,.025);
}
.future-app-topbar{
  background:var(--future-topbar)!important;
  border-color:var(--future-border)!important;
}
.future-app-brand-logo,.theme-brand-logo,.future-login-logo{
  object-fit:contain;
  transition:opacity .15s ease;
}
.future-user-chip{
  background:var(--future-hover)!important;
  border-color:var(--future-border)!important;
}
.future-app-nav-btn{
  color:var(--future-text-secondary)!important;
}
.future-app-nav-btn:hover{
  background:var(--future-hover)!important;
  color:var(--future-text)!important;
}
.future-app-nav-btn.active{
  background:var(--future-selected)!important;
  border-color:rgba(25,205,187,.22)!important;
  color:var(--fui-primary)!important;
}
.future-app-logout{
  color:var(--future-text-secondary)!important;
  border-color:var(--future-border)!important;
}
.future-app-logout:hover{background:var(--future-hover)!important}

/* Theme control */
.future-theme-control{
  min-width:42px;
  min-height:42px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--future-border);
  border-radius:13px;
  background:var(--future-surface);
  color:var(--future-text);
  cursor:pointer;
  box-shadow:var(--future-shadow-xs);
  transition:.18s ease;
}
.future-theme-control:hover{
  transform:translateY(-1px);
  border-color:var(--future-border-strong);
  box-shadow:var(--future-shadow-sm);
}
.future-theme-control [data-theme-label]{font-size:10px;font-weight:700}
.future-theme-control[data-theme-mode="system"] [data-theme-icon]{color:var(--future-silver)}
.future-theme-control[data-theme-resolved="light"] [data-theme-icon]{color:#B17810}
.future-theme-control[data-theme-resolved="dark"] [data-theme-icon]{color:var(--future-accent)}
.future-topbar-status{display:flex!important;align-items:center!important;gap:10px!important}

/* Buttons */
.fui-btn-secondary,.btn-secondary,.future-mobile-menu,
.future-app-logout,.project-back,.ft-row-actions button,
.future-modal header>button{
  background:var(--future-surface)!important;
  color:var(--future-text)!important;
  border-color:var(--future-border)!important;
}
.fui-btn-ghost{color:var(--future-text-secondary)!important}
.fui-btn-primary,.btn-primary,.btn.quantum{
  background:linear-gradient(90deg,var(--fui-primary),var(--fui-primary-strong))!important;
  color:#071B1E!important;
}

/* Forms */
input,select,textarea,.fui-input,.fui-select,.fui-textarea{
  background:var(--future-surface)!important;
  color:var(--future-text)!important;
  border-color:var(--future-border)!important;
  caret-color:var(--fui-primary);
}
input::placeholder,textarea::placeholder{color:var(--future-text-tertiary)!important}
input:focus,select:focus,textarea:focus{
  border-color:var(--fui-primary)!important;
  box-shadow:var(--future-focus)!important;
}
label,.fui-label{color:var(--future-text-secondary)!important}
option{background:var(--future-surface);color:var(--future-text)}

/* Tables */
table,.ft-table,.fui-table{color:var(--future-text)!important}
table thead th,.ft-table thead th,.fui-table th{
  background:var(--future-bg-elevated)!important;
  color:var(--future-text-tertiary)!important;
  border-color:var(--future-border)!important;
}
table tbody td,.ft-table tbody td,.fui-table td{
  border-color:var(--future-border)!important;
  color:var(--future-text-secondary)!important;
}
table tbody tr:hover td,.ft-table tbody tr:hover td,.fui-table tbody tr:hover td{
  background:var(--future-hover)!important;
  color:var(--future-text)!important;
}

/* Toasts, dropdowns and menus */
.fui-toast,.commercial-search-results,#party-results.commercial-search-results,
.catalog-results.commercial-search-results{
  background:var(--future-surface-solid)!important;
  color:var(--future-text)!important;
  border-color:var(--future-border)!important;
  box-shadow:var(--future-shadow-lg)!important;
}
.commercial-search-results button{
  background:var(--future-surface)!important;
  color:var(--future-text)!important;
  border-color:var(--future-border)!important;
}
.commercial-search-results button:hover{background:var(--future-hover)!important}
.commercial-search-results button span,
.commercial-search-results button small{color:var(--future-text-tertiary)!important}

/* Light-mode system specifics */
html[data-theme="light"] .future-app-brand strong,
html[data-theme="light"] .future-app-brand span,
html[data-theme="light"] .future-page-head h1,
html[data-theme="light"] .future-panel h2,
html[data-theme="light"] .future-kpi strong,
html[data-theme="light"] .future-list-card strong{
  color:#1C1C1E!important;
}
html[data-theme="light"] .future-app-sidebar,
html[data-theme="light"] .future-app-topbar{
  backdrop-filter:saturate(150%) blur(22px);
  -webkit-backdrop-filter:saturate(150%) blur(22px);
}
html[data-theme="light"] .future-panel,
html[data-theme="light"] .future-kpi,
html[data-theme="light"] .future-module-tile,
html[data-theme="light"] .future-list-card{
  box-shadow:0 10px 32px rgba(28,28,30,.055)!important;
}
html[data-theme="light"] .network-project-map,
html[data-theme="light"] .network-stage,
html[data-theme="light"] .cybermap-world,
html[data-theme="light"] .command-center{
  /* Intelligence visualizations intentionally remain dark for readability. */
  color-scheme:dark;
  --future-text:#EDF9F7;
  --future-text-secondary:#A2B8BB;
  --future-text-tertiary:#71888D;
  --future-surface:#071A20;
  --future-border:rgba(111,229,214,.14);
}

/* Site light foundation */
html[data-theme="light"] body{
  background:#F5F5F7!important;
  color:#1C1C1E!important;
}
html[data-theme="light"] .site-header{
  color:#1C1C1E;
}
html[data-theme="light"] .site-header.scrolled{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(28,28,30,.10)!important;
  box-shadow:0 12px 38px rgba(28,28,30,.06);
}
html[data-theme="light"] .nav-links a,
html[data-theme="light"] .future-brand span,
html[data-theme="light"] .future-footer a{
  color:#3A3A3C!important;
}
html[data-theme="light"] .theme-toggle{
  background:#FFFFFF!important;
  border-color:rgba(28,28,30,.12)!important;
  color:#1C1C1E!important;
}
html[data-theme="light"] .glass-card,
html[data-theme="light"] .product-card,
html[data-theme="light"] .capability-card{
  background:#FFFFFF!important;
  border-color:rgba(28,28,30,.10)!important;
  box-shadow:0 18px 54px rgba(28,28,30,.07)!important;
}
html[data-theme="light"] .future-footer{
  background:#1C1C1E!important;
  color:#FFFFFF!important;
}
html[data-theme="light"] .future-footer a,
html[data-theme="light"] .future-footer .future-brand span{
  color:#FFFFFF!important;
}

/* Login and standalone pages */
html[data-theme="light"] .login-page,
html[data-theme="light"] .login-shell,
html[data-theme="light"] .login-card,
html[data-theme="light"] .auth-card{
  color:var(--future-text)!important;
}
html[data-theme="light"] .login-card,
html[data-theme="light"] .auth-card{
  background:#FFFFFF!important;
  border-color:rgba(28,28,30,.11)!important;
  box-shadow:var(--future-shadow-lg)!important;
}

/* Native browser preferences */
@media(prefers-contrast:more){
  :root{--future-border:rgba(111,229,214,.34);--future-border-strong:rgba(111,229,214,.58)}
  html[data-theme="light"]{--future-border:rgba(28,28,30,.28);--future-border-strong:rgba(28,28,30,.48)}
}
@media(prefers-reduced-transparency:reduce){
  .future-app-topbar,.future-app-sidebar,.site-header.scrolled{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
@media(max-width:760px){
  .future-theme-control [data-theme-label]{display:none}
  .future-theme-control{width:42px;padding:0}
}

/* =========================================================
   FUTURE OS 5.5.1 — LIGHT SURFACE POLISH
   ========================================================= */

/* ---------------- SITE HEADER ---------------- */
html[data-theme="light"] .site-header,
html[data-theme="light"] header.site-header,
html[data-theme="light"] .future-site-header{
  background:rgba(255,255,255,.96)!important;
  color:#1C1C1E!important;
  border-bottom:1px solid rgba(28,28,30,.10)!important;
  box-shadow:0 8px 30px rgba(28,28,30,.06)!important;
  backdrop-filter:saturate(150%) blur(18px)!important;
  -webkit-backdrop-filter:saturate(150%) blur(18px)!important;
}
html[data-theme="light"] .site-header .nav-links a,
html[data-theme="light"] .site-header .future-brand strong,
html[data-theme="light"] .site-header .future-brand span,
html[data-theme="light"] .site-header .mobile-menu-toggle{
  color:#1C1C1E!important;
}
html[data-theme="light"] .site-header .nav-links a:hover{
  color:#19CDBB!important;
}
html[data-theme="light"] .site-header .btn-secondary,
html[data-theme="light"] .site-header .future-theme-control{
  background:#FFFFFF!important;
  border-color:rgba(28,28,30,.12)!important;
  color:#1C1C1E!important;
  box-shadow:0 5px 18px rgba(28,28,30,.05)!important;
}

/* ---------------- LIGHT SECTION CARDS ---------------- */
html[data-theme="light"] .capability-card,
html[data-theme="light"] .product-card,
html[data-theme="light"] .solution-card,
html[data-theme="light"] .platform-card,
html[data-theme="light"] .future-card-dark,
html[data-theme="light"] .dark-card,
html[data-theme="light"] .product-showcase-card,
html[data-theme="light"] .capability-large,
html[data-theme="light"] .capability-small{
  background:linear-gradient(145deg,#ECECEF,#E4E4E7)!important;
  border:1px solid rgba(28,28,30,.10)!important;
  color:#1C1C1E!important;
  box-shadow:0 18px 46px rgba(28,28,30,.07)!important;
}
html[data-theme="light"] .capability-card h3,
html[data-theme="light"] .capability-card strong,
html[data-theme="light"] .product-card h3,
html[data-theme="light"] .product-card strong,
html[data-theme="light"] .solution-card h3,
html[data-theme="light"] .solution-card strong,
html[data-theme="light"] .platform-card h3,
html[data-theme="light"] .platform-card strong,
html[data-theme="light"] .future-card-dark h3,
html[data-theme="light"] .dark-card h3{
  color:#1C1C1E!important;
}
html[data-theme="light"] .capability-card p,
html[data-theme="light"] .capability-card span,
html[data-theme="light"] .product-card p,
html[data-theme="light"] .product-card span,
html[data-theme="light"] .solution-card p,
html[data-theme="light"] .solution-card span,
html[data-theme="light"] .platform-card p,
html[data-theme="light"] .platform-card span,
html[data-theme="light"] .future-card-dark p,
html[data-theme="light"] .dark-card p{
  color:#3A3A3C!important;
}
html[data-theme="light"] .capability-card:hover,
html[data-theme="light"] .product-card:hover,
html[data-theme="light"] .solution-card:hover,
html[data-theme="light"] .platform-card:hover{
  background:linear-gradient(145deg,#F2F2F4,#E9E9EC)!important;
  border-color:rgba(25,205,187,.25)!important;
  transform:translateY(-3px);
}

/* Keep selected/highlight labels in accent */
html[data-theme="light"] .capability-card .fui-kicker,
html[data-theme="light"] .product-card .fui-kicker,
html[data-theme="light"] .solution-card .fui-kicker,
html[data-theme="light"] .platform-card .fui-kicker{
  color:#19CDBB!important;
}

/* ---------------- SITE FOOTER ---------------- */
html[data-theme="light"] .future-footer,
html[data-theme="light"] footer.future-footer,
html[data-theme="light"] .site-footer{
  background:#1C1C1E!important;
  color:#FFFFFF!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
html[data-theme="light"] .future-footer h2,
html[data-theme="light"] .future-footer h3,
html[data-theme="light"] .future-footer strong,
html[data-theme="light"] .future-footer p,
html[data-theme="light"] .future-footer span,
html[data-theme="light"] .future-footer a,
html[data-theme="light"] .site-footer h2,
html[data-theme="light"] .site-footer h3,
html[data-theme="light"] .site-footer strong,
html[data-theme="light"] .site-footer p,
html[data-theme="light"] .site-footer span,
html[data-theme="light"] .site-footer a{
  color:#FFFFFF!important;
}
html[data-theme="light"] .future-footer img[data-logo-role="brand"],
html[data-theme="light"] .future-footer .theme-brand-logo,
html[data-theme="light"] .site-footer img[data-logo-role="brand"],
html[data-theme="light"] .site-footer .theme-brand-logo{
  content:url("../assets/logo-white.png?v=5.5.1")!important;
}

/* ---------------- SYSTEM DASHBOARD ---------------- */
html[data-theme="light"] .future-sync-center,
html[data-theme="light"] .future-sync-panel,
html[data-theme="light"] .integration-closure-panel,
html[data-theme="light"] .future-dashboard-sync,
html[data-theme="light"] .command-status-panel,
html[data-theme="light"] .future-panel.dark,
html[data-theme="light"] .future-panel[data-tone="dark"]{
  background:linear-gradient(145deg,#ECECEF,#E4E4E7)!important;
  color:#1C1C1E!important;
  border-color:rgba(28,28,30,.10)!important;
  box-shadow:0 20px 52px rgba(28,28,30,.08)!important;
}
html[data-theme="light"] .future-sync-center h2,
html[data-theme="light"] .future-sync-center h3,
html[data-theme="light"] .future-sync-panel h2,
html[data-theme="light"] .future-sync-panel h3,
html[data-theme="light"] .integration-closure-panel h2,
html[data-theme="light"] .integration-closure-panel h3,
html[data-theme="light"] .future-dashboard-sync h2,
html[data-theme="light"] .future-dashboard-sync h3{
  color:#1C1C1E!important;
}
html[data-theme="light"] .future-sync-center p,
html[data-theme="light"] .future-sync-center span,
html[data-theme="light"] .future-sync-panel p,
html[data-theme="light"] .future-sync-panel span,
html[data-theme="light"] .integration-closure-panel p,
html[data-theme="light"] .integration-closure-panel span,
html[data-theme="light"] .future-dashboard-sync p,
html[data-theme="light"] .future-dashboard-sync span{
  color:#3A3A3C!important;
}

/* Dark mini cards inside light dashboard become white */
html[data-theme="light"] .future-sync-center .future-stat,
html[data-theme="light"] .future-sync-center .sync-stat,
html[data-theme="light"] .future-sync-panel .future-stat,
html[data-theme="light"] .future-sync-panel .sync-stat,
html[data-theme="light"] .integration-closure-panel .future-stat,
html[data-theme="light"] .integration-closure-panel .sync-stat,
html[data-theme="light"] .command-status-panel .future-stat{
  background:#FFFFFF!important;
  border:1px solid rgba(28,28,30,.09)!important;
  color:#1C1C1E!important;
  box-shadow:0 8px 24px rgba(28,28,30,.05)!important;
}

/* Generic classes used by older dashboard versions */
html[data-theme="light"] .sync-closure-card,
html[data-theme="light"] .sync-state,
html[data-theme="light"] .sync-shell,
html[data-theme="light"] .status-shell{
  background:linear-gradient(145deg,#ECECEF,#E4E4E7)!important;
  color:#1C1C1E!important;
  border-color:rgba(28,28,30,.10)!important;
}
html[data-theme="light"] .sync-closure-card .metric,
html[data-theme="light"] .sync-state .metric,
html[data-theme="light"] .sync-shell .metric,
html[data-theme="light"] .status-shell .metric{
  background:#FFFFFF!important;
  color:#1C1C1E!important;
  border-color:rgba(28,28,30,.09)!important;
}

/* ---------------- GLOBAL LIGHT OVERRIDES ---------------- */
html[data-theme="light"] [style*="background:#0"],
html[data-theme="light"] [style*="background: #0"]{
  color:#1C1C1E;
}
html[data-theme="light"] .future-empty{
  color:#3A3A3C!important;
}
html[data-theme="light"] .future-empty strong{
  color:#1C1C1E!important;
}
html[data-theme="light"] .fui-badge,
html[data-theme="light"] .future-badge{
  color:#1C1C1E!important;
}

/* =========================================================
   FUTURE OS 5.5.2 — LIGHT CONTRAST & GRAPHITE CARDS
   ========================================================= */

/* ---------------------------------------------------------
   Microcopy, overlines and small labels on light surfaces
   --------------------------------------------------------- */
html[data-theme="light"] .future-app-topbar .fui-kicker,
html[data-theme="light"] .future-page>.future-page-head .fui-kicker,
html[data-theme="light"] .future-page-head>.fui-kicker,
html[data-theme="light"] .section-head .overline,
html[data-theme="light"] .contact-section .overline,
html[data-theme="light"] .capabilities>.container>.section-head .overline,
html[data-theme="light"] .future-topbar-title>span,
html[data-theme="light"] .future-topbar-title small{
  color:#1C1C1E!important;
}

/* Keep only icons and deliberate accent text turquoise. */
html[data-theme="light"] .future-kpi>i,
html[data-theme="light"] .future-module-tile>i,
html[data-theme="light"] .future-panel-head>i,
html[data-theme="light"] .future-card-icon,
html[data-theme="light"] .cap-icon,
html[data-theme="light"] .project-item-icon,
html[data-theme="light"] .fui-icon{
  color:#19CDBB!important;
}

/* ---------------------------------------------------------
   Hero secondary button
   --------------------------------------------------------- */
html[data-theme="light"] .future-hero .btn.glass,
html[data-theme="light"] .future-hero .btn.ghost,
html[data-theme="light"] .hero-actions .btn.glass{
  background:#8E8E93!important;
  border-color:#8E8E93!important;
  color:#FFFFFF!important;
  opacity:1!important;
  box-shadow:0 12px 30px rgba(28,28,30,.16)!important;
}
html[data-theme="light"] .future-hero .btn.glass *,
html[data-theme="light"] .future-hero .btn.ghost *,
html[data-theme="light"] .hero-actions .btn.glass *{
  color:#FFFFFF!important;
}
html[data-theme="light"] .future-hero .btn.glass:hover,
html[data-theme="light"] .hero-actions .btn.glass:hover{
  background:#3A3A3C!important;
  border-color:#3A3A3C!important;
}

/* ---------------------------------------------------------
   Capability cards: graphite / gray alternation
   --------------------------------------------------------- */
html[data-theme="light"] .capability{
  background:#1C1C1E!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#FFFFFF!important;
  box-shadow:0 18px 48px rgba(28,28,30,.15)!important;
}
html[data-theme="light"] .capability:nth-child(even){
  background:#3A3A3C!important;
}
html[data-theme="light"] .capability:nth-child(3n){
  background:#2B2B2E!important;
}
html[data-theme="light"] .capability h3,
html[data-theme="light"] .capability p,
html[data-theme="light"] .capability>span,
html[data-theme="light"] .capability b{
  color:#FFFFFF!important;
}
html[data-theme="light"] .capability p{
  color:rgba(255,255,255,.72)!important;
}
html[data-theme="light"] .capability>span{
  color:#58E7D6!important;
}
html[data-theme="light"] .capability .cap-icon{
  background:rgba(88,231,214,.10)!important;
  color:#58E7D6!important;
}
html[data-theme="light"] .capability:hover{
  border-color:rgba(88,231,214,.40)!important;
  box-shadow:0 22px 58px rgba(28,28,30,.22)!important;
}

/* ---------------------------------------------------------
   Mission and product cards
   --------------------------------------------------------- */
html[data-theme="light"] .mission-card,
html[data-theme="light"] .product-panel{
  background:#1C1C1E!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#FFFFFF!important;
  box-shadow:0 18px 48px rgba(28,28,30,.14)!important;
}
html[data-theme="light"] .mission-card:nth-child(even),
html[data-theme="light"] .product-panel:nth-child(even){
  background:#3A3A3C!important;
}
html[data-theme="light"] .mission-card:nth-child(3n),
html[data-theme="light"] .product-panel:nth-child(3n){
  background:#2B2B2E!important;
}
html[data-theme="light"] .mission-card h3,
html[data-theme="light"] .mission-card p,
html[data-theme="light"] .mission-card li,
html[data-theme="light"] .mission-card a,
html[data-theme="light"] .product-panel h3,
html[data-theme="light"] .product-panel p{
  color:#FFFFFF!important;
}
html[data-theme="light"] .mission-card p,
html[data-theme="light"] .mission-card li,
html[data-theme="light"] .product-panel p{
  color:rgba(255,255,255,.72)!important;
}
html[data-theme="light"] .mission-code,
html[data-theme="light"] .product-panel>span,
html[data-theme="light"] .product-panel>b,
html[data-theme="light"] .mission-card>a{
  color:#58E7D6!important;
}
html[data-theme="light"] .product-panel:hover,
html[data-theme="light"] .mission-card:hover{
  border-color:rgba(88,231,214,.40)!important;
}

/* Products section can remain dark, but all content must be readable. */
html[data-theme="light"] .products-cinematic{
  background:#1C1C1E!important;
}
html[data-theme="light"] .products-cinematic .section-head h2,
html[data-theme="light"] .products-cinematic .section-head>p{
  color:#FFFFFF!important;
}
html[data-theme="light"] .products-cinematic .section-head>p{
  color:rgba(255,255,255,.70)!important;
}
html[data-theme="light"] .products-cinematic .overline{
  color:#58E7D6!important;
}

/* ---------------------------------------------------------
   Future Vision and contact card
   --------------------------------------------------------- */
html[data-theme="light"] .vision-box{
  background:#1C1C1E!important;
  border-color:rgba(88,231,214,.22)!important;
  color:#FFFFFF!important;
}
html[data-theme="light"] .vision-box h2,
html[data-theme="light"] .vision-box p{
  color:#FFFFFF!important;
}
html[data-theme="light"] .vision-box p{
  color:rgba(255,255,255,.70)!important;
}
html[data-theme="light"] .vision-box .overline{
  color:#58E7D6!important;
}

html[data-theme="light"] .contact-card{
  background:#3A3A3C!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 18px 46px rgba(28,28,30,.12)!important;
}
html[data-theme="light"] .contact-card a{
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="light"] .contact-card small,
html[data-theme="light"] .contact-card b{
  color:#FFFFFF!important;
}
html[data-theme="light"] .contact-card small{
  color:rgba(255,255,255,.64)!important;
}
html[data-theme="light"] .contact-card span{
  color:#58E7D6!important;
}

/* ---------------------------------------------------------
   Footer: white brand and subtitle on graphite
   --------------------------------------------------------- */
html[data-theme="light"] .future-footer .future-brand b,
html[data-theme="light"] .future-footer .future-brand small,
html[data-theme="light"] .future-footer .future-brand span,
html[data-theme="light"] .future-footer p,
html[data-theme="light"] .future-footer a{
  color:#FFFFFF!important;
  opacity:1!important;
}
html[data-theme="light"] .future-footer .future-brand small{
  color:rgba(255,255,255,.70)!important;
}

/* ---------------------------------------------------------
   Dashboard sync / dark operational panels
   --------------------------------------------------------- */
html[data-theme="light"] #future-integration-status,
html[data-theme="light"] .future-integration-status,
html[data-theme="light"] .integration-status,
html[data-theme="light"] .integration-closure,
html[data-theme="light"] .integration-closure-panel,
html[data-theme="light"] .future-sync-center,
html[data-theme="light"] .future-sync-panel,
html[data-theme="light"] .future-dashboard-sync,
html[data-theme="light"] .command-status-panel,
html[data-theme="light"] .sync-closure-card,
html[data-theme="light"] .sync-state,
html[data-theme="light"] .sync-shell,
html[data-theme="light"] .status-shell{
  background:#3A3A3C!important;
  color:#FFFFFF!important;
  border-color:rgba(28,28,30,.10)!important;
  box-shadow:0 20px 50px rgba(28,28,30,.14)!important;
}
html[data-theme="light"] #future-integration-status h2,
html[data-theme="light"] #future-integration-status h3,
html[data-theme="light"] .future-integration-status h2,
html[data-theme="light"] .integration-status h2,
html[data-theme="light"] .integration-closure h2,
html[data-theme="light"] .integration-closure-panel h2,
html[data-theme="light"] .future-sync-center h2,
html[data-theme="light"] .future-sync-panel h2,
html[data-theme="light"] .future-dashboard-sync h2{
  color:#FFFFFF!important;
}
html[data-theme="light"] #future-integration-status .fui-kicker,
html[data-theme="light"] .future-integration-status .fui-kicker,
html[data-theme="light"] .integration-status .fui-kicker,
html[data-theme="light"] .integration-closure .fui-kicker,
html[data-theme="light"] .integration-closure-panel .fui-kicker{
  color:#58E7D6!important;
}
html[data-theme="light"] #future-integration-status p,
html[data-theme="light"] #future-integration-status span,
html[data-theme="light"] .future-integration-status p,
html[data-theme="light"] .future-integration-status span,
html[data-theme="light"] .integration-status p,
html[data-theme="light"] .integration-status span,
html[data-theme="light"] .integration-closure p,
html[data-theme="light"] .integration-closure span,
html[data-theme="light"] .integration-closure-panel p,
html[data-theme="light"] .integration-closure-panel span{
  color:rgba(255,255,255,.72)!important;
}

/* Inner status cards alternate graphite and dark gray. */
html[data-theme="light"] #future-integration-status article,
html[data-theme="light"] .future-integration-status article,
html[data-theme="light"] .integration-status article,
html[data-theme="light"] .integration-closure article,
html[data-theme="light"] .integration-closure-panel article,
html[data-theme="light"] .future-sync-center .future-stat,
html[data-theme="light"] .future-sync-center .sync-stat,
html[data-theme="light"] .future-sync-panel .future-stat,
html[data-theme="light"] .future-sync-panel .sync-stat{
  background:#1C1C1E!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#FFFFFF!important;
}
html[data-theme="light"] #future-integration-status article:nth-child(even),
html[data-theme="light"] .future-integration-status article:nth-child(even),
html[data-theme="light"] .integration-status article:nth-child(even),
html[data-theme="light"] .integration-closure article:nth-child(even),
html[data-theme="light"] .integration-closure-panel article:nth-child(even){
  background:#2B2B2E!important;
}
html[data-theme="light"] #future-integration-status article strong,
html[data-theme="light"] #future-integration-status article b,
html[data-theme="light"] .future-integration-status article strong,
html[data-theme="light"] .integration-status article strong,
html[data-theme="light"] .integration-closure article strong,
html[data-theme="light"] .integration-closure-panel article strong{
  color:#FFFFFF!important;
}

/* Buttons inside dark panels */
html[data-theme="light"] #future-integration-status .fui-btn-secondary,
html[data-theme="light"] .future-integration-status .fui-btn-secondary,
html[data-theme="light"] .integration-status .fui-btn-secondary,
html[data-theme="light"] .integration-closure .fui-btn-secondary,
html[data-theme="light"] .integration-closure-panel .fui-btn-secondary{
  background:#FFFFFF!important;
  border-color:#FFFFFF!important;
  color:#1C1C1E!important;
}

/* ---------------------------------------------------------
   General light cards that should remain silver
   --------------------------------------------------------- */
html[data-theme="light"] .future-panel:not(.dark):not([data-tone="dark"]),
html[data-theme="light"] .future-kpi,
html[data-theme="light"] .future-list-card,
html[data-theme="light"] .future-module-tile{
  background:#FFFFFF!important;
}

/* ---------------------------------------------------------
   Avoid unreadable transparent buttons globally
   --------------------------------------------------------- */
html[data-theme="light"] .btn.glass,
html[data-theme="light"] .btn.ghost,
html[data-theme="light"] .fui-btn-secondary{
  opacity:1!important;
}

/* =========================================================
   FUTURE OS 5.6.0 — DESIGN POLISH
   Contrast, buttons, splash and cross-theme consistency
   ========================================================= */

/* ---------------------------------------------------------
   1. Splash / boot sequence is always a dark-surface context
   --------------------------------------------------------- */
.boot-sequence,
html[data-theme="light"] .boot-sequence,
html[data-theme="dark"] .boot-sequence{
  color-scheme:dark!important;
  background:#020608!important;
  color:#FFFFFF!important;
}
.boot-sequence .boot-logo,
html[data-theme="light"] .boot-sequence .boot-logo,
html[data-theme="dark"] .boot-sequence .boot-logo{
  content:url("../assets/logo-white.png?v=5.6.0")!important;
  opacity:1!important;
  filter:none!important;
}
.boot-sequence .boot-shell>span{
  color:#FFFFFF!important;
  opacity:.90!important;
}
.boot-sequence .boot-shell>small{
  color:rgba(255,255,255,.58)!important;
  opacity:1!important;
}
.boot-sequence .boot-progress{
  background:#14252A!important;
}
.boot-sequence .boot-progress i{
  background:linear-gradient(90deg,#58E7D6,#5489FF)!important;
  box-shadow:0 0 18px rgba(88,231,214,.55)!important;
}

/* ---------------------------------------------------------
   2. Unified site button families
   --------------------------------------------------------- */
.future-hero .btn,
.platform-copy .btn,
.vision-box .btn,
.site-header .btn,
.contact-section .btn{
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}

/* Dark theme primary */
html[data-theme="dark"] .btn.quantum,
html[data-theme="dark"] .future-hero .btn.quantum,
html[data-theme="dark"] .platform-copy .btn.quantum,
html[data-theme="dark"] .vision-box .btn.quantum{
  background:linear-gradient(135deg,#58E7D6,#19CDBB)!important;
  border-color:transparent!important;
  color:#031B1E!important;
  box-shadow:0 15px 38px rgba(25,205,187,.22)!important;
}
html[data-theme="dark"] .btn.quantum *,
html[data-theme="dark"] .future-hero .btn.quantum *,
html[data-theme="dark"] .platform-copy .btn.quantum *,
html[data-theme="dark"] .vision-box .btn.quantum *{
  color:#031B1E!important;
}
html[data-theme="dark"] .btn.quantum:hover{
  background:linear-gradient(135deg,#7DF0E3,#2DD7C5)!important;
  box-shadow:0 18px 48px rgba(25,205,187,.32)!important;
}

/* Dark theme secondary / glass */
html[data-theme="dark"] .btn.glass,
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .future-hero .btn.glass,
html[data-theme="dark"] .future-hero .btn.ghost{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  color:#FFFFFF!important;
  backdrop-filter:blur(15px)!important;
  -webkit-backdrop-filter:blur(15px)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] .btn.glass *,
html[data-theme="dark"] .btn.ghost *{
  color:#FFFFFF!important;
}
html[data-theme="dark"] .btn.glass:hover,
html[data-theme="dark"] .btn.ghost:hover{
  background:#FFFFFF!important;
  border-color:#FFFFFF!important;
  color:#1C1C1E!important;
}
html[data-theme="dark"] .btn.glass:hover *,
html[data-theme="dark"] .btn.ghost:hover *{
  color:#1C1C1E!important;
}

/* Light theme primary */
html[data-theme="light"] .btn.quantum,
html[data-theme="light"] .platform-copy .btn.quantum,
html[data-theme="light"] .vision-box .btn.quantum{
  background:linear-gradient(135deg,#58E7D6,#19CDBB)!important;
  border-color:transparent!important;
  color:#071B1E!important;
  box-shadow:0 14px 34px rgba(25,205,187,.18)!important;
}
html[data-theme="light"] .btn.quantum *{
  color:#071B1E!important;
}

/* Light theme secondary — silver */
html[data-theme="light"] .btn.glass,
html[data-theme="light"] .btn.ghost,
html[data-theme="light"] .future-hero .btn.glass,
html[data-theme="light"] .future-hero .btn.ghost{
  background:#8E8E93!important;
  border-color:#8E8E93!important;
  color:#FFFFFF!important;
  box-shadow:0 13px 32px rgba(28,28,30,.16)!important;
}
html[data-theme="light"] .btn.glass *,
html[data-theme="light"] .btn.ghost *{
  color:#FFFFFF!important;
}
html[data-theme="light"] .btn.glass:hover,
html[data-theme="light"] .btn.ghost:hover{
  background:#3A3A3C!important;
  border-color:#3A3A3C!important;
}

/* ---------------------------------------------------------
   3. Platform chips
   --------------------------------------------------------- */
html[data-theme="light"] .platform-points span{
  background:#F1F1F3!important;
  border:1px solid #D5D5D9!important;
  color:#1C1C1E!important;
  opacity:1!important;
  box-shadow:0 4px 14px rgba(28,28,30,.035)!important;
}
html[data-theme="dark"] .platform-points span{
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(88,231,214,.22)!important;
  color:#EDF9F7!important;
  opacity:1!important;
}
.platform-points span:hover{
  border-color:#19CDBB!important;
}

/* ---------------------------------------------------------
   4. Platform and vision text
   --------------------------------------------------------- */
html[data-theme="dark"] .platform-copy .overline,
html[data-theme="dark"] .vision-box .overline{
  color:#58E7D6!important;
}
html[data-theme="dark"] .platform-copy h2,
html[data-theme="dark"] .vision-box h2{
  color:#EDF9F7!important;
}
html[data-theme="dark"] .platform-copy p,
html[data-theme="dark"] .vision-box p{
  color:#A8BFC1!important;
}
html[data-theme="light"] .platform-copy h2{
  color:#1C1C1E!important;
}
html[data-theme="light"] .platform-copy p{
  color:#3A3A3C!important;
}

/* ---------------------------------------------------------
   5. Future Vision CTA must never disappear
   --------------------------------------------------------- */
.vision-box .btn.quantum{
  position:relative!important;
  z-index:4!important;
  opacity:1!important;
}
html[data-theme="dark"] .vision-box .btn.quantum{
  color:#031B1E!important;
}
html[data-theme="light"] .vision-box .btn.quantum{
  color:#031B1E!important;
}

/* ---------------------------------------------------------
   6. Hero readability in both themes
   --------------------------------------------------------- */
html[data-theme="dark"] .future-copy>p{
  color:#C4D3D5!important;
}
html[data-theme="dark"] .trust-line{
  color:#7E969A!important;
}
html[data-theme="dark"] .trust-line i{
  background:#58E7D6!important;
}
html[data-theme="light"] .future-copy>p{
  color:#3A3A3C!important;
}
html[data-theme="light"] .trust-line{
  color:#606064!important;
}

/* ---------------------------------------------------------
   7. System-wide button normalization
   --------------------------------------------------------- */
.fui-btn,
.btn,
button{
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .18s ease!important;
}
.fui-btn:disabled,
.btn:disabled,
button:disabled{
  opacity:.46!important;
  cursor:not-allowed!important;
  transform:none!important;
}

/* Primary controls */
.fui-btn-primary{
  background:linear-gradient(135deg,#58E7D6,#19CDBB)!important;
  border-color:transparent!important;
  color:#031B1E!important;
}
.fui-btn-primary *{color:#031B1E!important}

/* Secondary in light */
html[data-theme="light"] .fui-btn-secondary{
  background:#FFFFFF!important;
  border-color:rgba(28,28,30,.15)!important;
  color:#1C1C1E!important;
  box-shadow:0 4px 14px rgba(28,28,30,.045)!important;
}

/* Secondary in dark */
html[data-theme="dark"] .fui-btn-secondary{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#EDF9F7!important;
}
html[data-theme="dark"] .fui-btn-secondary *{
  color:#EDF9F7!important;
}

/* ---------------------------------------------------------
   8. Dark-surface logo rule is absolute
   --------------------------------------------------------- */
.boot-sequence img,
.future-footer img,
.site-footer img,
[data-dark-surface] img[data-logo-role="brand"],
[data-dark-surface] .theme-brand-logo{
  content:url("../assets/logo-white.png?v=5.6.0")!important;
}
.future-footer .future-brand b,
.future-footer .future-brand small,
.future-footer .future-brand span,
.site-footer .future-brand b,
.site-footer .future-brand small,
.site-footer .future-brand span{
  color:#FFFFFF!important;
}
.future-footer .future-brand small,
.site-footer .future-brand small{
  color:rgba(255,255,255,.68)!important;
}

/* ---------------------------------------------------------
   9. Polished focus and hover
   --------------------------------------------------------- */
.btn:hover,
.fui-btn:hover,
.future-theme-control:hover{
  transform:translateY(-2px)!important;
}
.btn:active,
.fui-btn:active,
.future-theme-control:active{
  transform:translateY(0)!important;
}
.platform-points span,
.btn,
.fui-btn,
.future-theme-control{
  border-radius:14px!important;
}

/* ---------------------------------------------------------
   10. Reduced motion
   --------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .btn,.fui-btn,.future-theme-control,.boot-sequence{
    transition:none!important;
  }
  .boot-progress i{animation:none!important;width:100%!important}
}

/* =========================================================
   FUTURE OS 5.6.2 — FINAL WEBSITE POLISH
   Boot loader isolation and stable first paint
   ========================================================= */

/* Absolute rule: boot screen never participates in page flow. */
html body .boot-sequence,
html[data-theme="light"] body .boot-sequence,
html[data-theme="dark"] body .boot-sequence{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#020608!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  transition:opacity .52s cubic-bezier(.22,.61,.36,1),
             visibility 0s linear .52s!important;
}

html body .boot-sequence.done{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

html body .boot-sequence .boot-shell{
  position:relative!important;
  z-index:2!important;
  width:min(340px,calc(100vw - 48px))!important;
  text-align:center!important;
}

html body .boot-sequence .boot-logo{
  display:block!important;
  margin:0 auto!important;
  opacity:1!important;
  content:url("../assets/logo-white.png?v=5.6.2")!important;
}

html body.booting{
  overflow:hidden!important;
  height:100dvh!important;
  overscroll-behavior:none!important;
}

html body.boot-ready{
  overflow-x:hidden!important;
}

/* Header and Hero must not reserve or inherit loader dimensions. */
.site-header{
  min-height:0!important;
}
.site-header,
.future-hero{
  transform:translateZ(0);
}

/* Prevent the ambient stacking helper from changing loader positioning. */
body>.boot-sequence{
  position:fixed!important;
  z-index:2147483000!important;
}


/* 5.8.0a — Contact form light experience */
html[data-theme="light"] .site-contact-form{background:#FFFFFF!important;border-color:#D1D1D6!important;box-shadow:0 24px 70px rgba(28,28,30,.10)!important}
html[data-theme="light"] .site-contact-form label,html[data-theme="light"] .contact-trust span{color:#636366!important}
html[data-theme="light"] .site-contact-form input,html[data-theme="light"] .site-contact-form select,html[data-theme="light"] .site-contact-form textarea{background:#F5F5F7!important;border-color:#C7C7CC!important;color:#1C1C1E!important}
html[data-theme="light"] .site-contact-form input::placeholder,html[data-theme="light"] .site-contact-form textarea::placeholder{color:#8E8E93!important}
html[data-theme="light"] .site-contact-form select option{background:#FFFFFF!important;color:#1C1C1E!important}
html[data-theme="light"] .site-contact-feedback.info{color:#636366!important}
html[data-theme="light"] .site-contact-feedback.success{color:#167C57!important}
html[data-theme="light"] .site-contact-feedback.error{color:#A3212D!important}

/* 5.8.0b unified footer */
.future-footer.future-trust-footer,html[data-theme="light"] .future-footer.future-trust-footer,html[data-theme="dark"] .future-footer.future-trust-footer{background:#050506!important;color:#fff!important}
.future-footer.future-trust-footer a,.future-footer.future-trust-footer .future-brand span{color:#fff!important}