/* ========================================================== Platform cinematic light-box override Purpose: keep the existing dark-blue SSB cinematic stage and anime.js motion, but convert all RITAM + eSAMUNDRA readable boxes/cards/panels to light theme. Load this AFTER platform-cinematic-brand-safe-fix-20260618.css. ========================================================== */ body.platform-showcase-page{ --ssb-box-bg:#FFFFFF; --ssb-box-bg-2:#F7FBFF; --ssb-box-bg-3:#EEF6FF; --ssb-box-text:#081225; --ssb-box-text-2:#243247; --ssb-box-muted:#526174; --ssb-box-border:rgba(8,18,37,.14); --ssb-box-red:#FE0000; --ssb-box-blue:#DDF0FF; } /* Light theme for all cinematic dashboard boxes/cards */ body.platform-showcase-page .ssb-platform-cinematic .cine-node, body.platform-showcase-page .ssb-platform-cinematic .cine-core, body.platform-showcase-page .ssb-platform-cinematic .cine-console, body.platform-showcase-page .ssb-platform-cinematic .cine-command, body.platform-showcase-page .ssb-platform-cinematic .cine-chip, body.platform-showcase-page .ssb-platform-cinematic .ritam-ledger-card, body.platform-showcase-page .ssb-platform-cinematic .ritam-action-table, body.platform-showcase-page .ssb-platform-cinematic .ritam-scenario-card, body.platform-showcase-page .ssb-platform-cinematic .ritam-metric, body.platform-showcase-page .ssb-platform-cinematic .ritam-hud-panel{ color:var(--ssb-box-text)!important; background: radial-gradient(circle at 12% 0%, rgba(254,0,0,.08), transparent 38%), linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,251,255,.94) 52%, rgba(238,246,255,.90))!important; border:1px solid var(--ssb-box-border)!important; box-shadow: 0 18px 42px rgba(8,13,26,.18), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(8,18,37,.035)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; text-shadow:none!important; } /* Softer corner highlight on light cards */ body.platform-showcase-page .ssb-platform-cinematic .cine-node::before, body.platform-showcase-page .ssb-platform-cinematic .cine-core::before, body.platform-showcase-page .ssb-platform-cinematic .cine-console::before, body.platform-showcase-page .ssb-platform-cinematic .ritam-ledger-card::before, body.platform-showcase-page .ssb-platform-cinematic .ritam-action-table::before, body.platform-showcase-page .ssb-platform-cinematic .ritam-scenario-card::before, body.platform-showcase-page .ssb-platform-cinematic .ritam-metric::before{ background:linear-gradient(135deg, rgba(254,0,0,.20), transparent 34%, rgba(8,18,37,.08) 76%, transparent)!important; opacity:.46!important; } /* Text colors inside light boxes */ body.platform-showcase-page .ssb-platform-cinematic .cine-node small, body.platform-showcase-page .ssb-platform-cinematic .cine-core small, body.platform-showcase-page .ssb-platform-cinematic .cine-console small, body.platform-showcase-page .ssb-platform-cinematic .cine-command small, body.platform-showcase-page .ssb-platform-cinematic .cine-chip small, body.platform-showcase-page .ssb-platform-cinematic .ritam-ledger-card small, body.platform-showcase-page .ssb-platform-cinematic .ritam-action-table small, body.platform-showcase-page .ssb-platform-cinematic .ritam-scenario-card small, body.platform-showcase-page .ssb-platform-cinematic .ritam-metric small{ color:#C00010!important; letter-spacing:.12em!important; } body.platform-showcase-page .ssb-platform-cinematic .cine-node b, body.platform-showcase-page .ssb-platform-cinematic .cine-node strong, body.platform-showcase-page .ssb-platform-cinematic .cine-core b, body.platform-showcase-page .ssb-platform-cinematic .cine-core strong, body.platform-showcase-page .ssb-platform-cinematic .cine-console b, body.platform-showcase-page .ssb-platform-cinematic .cine-console strong, body.platform-showcase-page .ssb-platform-cinematic .cine-command b, body.platform-showcase-page .ssb-platform-cinematic .cine-command strong, body.platform-showcase-page .ssb-platform-cinematic .cine-chip b, body.platform-showcase-page .ssb-platform-cinematic .cine-chip strong, body.platform-showcase-page .ssb-platform-cinematic .ritam-ledger-card b, body.platform-showcase-page .ssb-platform-cinematic .ritam-ledger-card strong, body.platform-showcase-page .ssb-platform-cinematic .ritam-action-table b, body.platform-showcase-page .ssb-platform-cinematic .ritam-action-table strong, body.platform-showcase-page .ssb-platform-cinematic .ritam-scenario-card b, body.platform-showcase-page .ssb-platform-cinematic .ritam-scenario-card strong, body.platform-showcase-page .ssb-platform-cinematic .ritam-metric b, body.platform-showcase-page .ssb-platform-cinematic .ritam-metric strong, body.platform-showcase-page .ssb-platform-cinematic .ritam-hud-panel strong{ color:var(--ssb-box-text)!important; } body.platform-showcase-page .ssb-platform-cinematic .cine-node span, body.platform-showcase-page .ssb-platform-cinematic .cine-core span, body.platform-showcase-page .ssb-platform-cinematic .cine-console span, body.platform-showcase-page .ssb-platform-cinematic .cine-command span, body.platform-showcase-page .ssb-platform-cinematic .cine-chip span, body.platform-showcase-page .ssb-platform-cinematic .ritam-ledger-card span, body.platform-showcase-page .ssb-platform-cinematic .ritam-action-table span, body.platform-showcase-page .ssb-platform-cinematic .ritam-scenario-card span, body.platform-showcase-page .ssb-platform-cinematic .ritam-metric span{ color:var(--ssb-box-muted)!important; } /* Top chips are boxes too, but keep them premium and pill-like */ body.platform-showcase-page .samundra-stable-cinematic .top-chip, body.platform-showcase-page .ritam-stable-cinematic .top-chip{ background: linear-gradient(135deg, rgba(255,255,255,.99), rgba(244,249,255,.93))!important; border-color:rgba(8,18,37,.15)!important; box-shadow: 0 16px 38px rgba(8,13,26,.18), inset 0 1px 0 rgba(255,255,255,.95)!important; } body.platform-showcase-page .samundra-stable-cinematic .top-chip b, body.platform-showcase-page .ritam-stable-cinematic .top-chip b{color:var(--ssb-box-text)!important;} body.platform-showcase-page .samundra-stable-cinematic .top-chip span, body.platform-showcase-page .ritam-stable-cinematic .top-chip span{color:#5A6678!important;} /* eSAMUNDRA central system box and side consoles */ body.platform-showcase-page .samundra-stable-cinematic .sam-core-stable{ background: radial-gradient(circle at 50% 0%, rgba(254,0,0,.10), transparent 44%), linear-gradient(145deg, #FFFFFF, #F7FBFF 55%, #EEF6FF)!important; border-color:rgba(8,18,37,.16)!important; box-shadow:0 24px 54px rgba(8,13,26,.20), inset 0 1px 0 rgba(255,255,255,.98)!important; } body.platform-showcase-page .samundra-stable-cinematic .sam-core-stable i{ background:#FE0000!important; color:#FFFFFF!important; } body.platform-showcase-page .samundra-stable-cinematic .sam-knowledge-panel i, body.platform-showcase-page .samundra-stable-cinematic .sam-audit-panel i{ background:#FE0000!important; color:#FFFFFF!important; } body.platform-showcase-page .samundra-stable-cinematic .sam-command-stable em{ color:#8B0010!important; background:rgba(254,0,0,.075)!important; border-color:rgba(254,0,0,.20)!important; } /* RITAM cards, metrics and table rows */ body.platform-showcase-page .ritam-stable-cinematic .ritam-core-stable{ background: radial-gradient(circle at 50% 0%, rgba(254,0,0,.11), transparent 44%), linear-gradient(145deg,#FFFFFF,#F8FBFF 54%,#EEF6FF)!important; } body.platform-showcase-page .ritam-stable-cinematic .ritam-core-stable em{ color:#FFFFFF!important; background:linear-gradient(135deg,#FE0000,#B90B14)!important; border:1px solid rgba(254,0,0,.30)!important; box-shadow:0 10px 22px rgba(254,0,0,.18)!important; } body.platform-showcase-page .ritam-stable-cinematic .ritam-ledger-card i{ background:linear-gradient(90deg,rgba(254,0,0,.18),rgba(254,0,0,.72))!important; } body.platform-showcase-page .ritam-stable-cinematic .ritam-action-table span{ background:rgba(8,18,37,.045)!important; border:1px solid rgba(8,18,37,.07)!important; border-radius:10px!important; } body.platform-showcase-page .ritam-stable-cinematic .ritam-action-table span b{ color:var(--ssb-box-text)!important; } body.platform-showcase-page .ritam-stable-cinematic .ritam-action-table span i{ color:#C00010!important; } body.platform-showcase-page .ritam-stable-cinematic .ritam-metric{ background: linear-gradient(145deg,#FFFFFF,#F7FBFF 58%,#EDF5FF)!important; } /* HUD panels become light glass instead of dark glass */ body.platform-showcase-page .ritam-hud-panel{ opacity:.68!important; background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(238,246,255,.54))!important; border-color:rgba(8,18,37,.11)!important; } body.platform-showcase-page .ritam-hud-gridline, body.platform-showcase-page .ritam-hud-line{ background:rgba(8,18,37,.12)!important; } body.platform-showcase-page .ritam-hud-ladder i{ background:linear-gradient(180deg,#FE0000,#FFFFFF)!important; box-shadow:0 0 12px rgba(254,0,0,.25)!important; } /* Keep SVG/particles/animation red-blue on dark stage for contrast */ body.platform-showcase-page .ssb-platform-cinematic .cine-packet, body.platform-showcase-page .sam-neural-dot, body.platform-showcase-page .ritam-data-dot{ background:#FE0000!important; fill:#FE0000!important; } @media (max-width:680px){ body.platform-showcase-page .ssb-platform-cinematic .cine-node, body.platform-showcase-page .ssb-platform-cinematic .cine-core, body.platform-showcase-page .ssb-platform-cinematic .cine-console, body.platform-showcase-page .ssb-platform-cinematic .cine-command, body.platform-showcase-page .ssb-platform-cinematic .cine-chip, body.platform-showcase-page .ssb-platform-cinematic .ritam-ledger-card, body.platform-showcase-page .ssb-platform-cinematic .ritam-action-table, body.platform-showcase-page .ssb-platform-cinematic .ritam-scenario-card, body.platform-showcase-page .ssb-platform-cinematic .ritam-metric{ box-shadow:0 12px 28px rgba(8,13,26,.17), inset 0 1px 0 rgba(255,255,255,.95)!important; } }