/* ========================================================================
   COMMA FINAL IDENTITY 2026 — Visual-only layer
   Approved identity: Deep Navy + Dark Blue + Turquoise + Ocean Blue + Emerald
   This file intentionally changes presentation only. No workflow, permissions,
   provider, billing, schema, queue or tenant behavior is defined here.
   ======================================================================== */
:root{
  color-scheme:dark;
  --comma-brand-deep:#06121D;
  --comma-brand-dark:#0A1D33;
  --comma-brand-turquoise:#19D3C5;
  --comma-brand-ocean:#2EA7FF;
  --comma-brand-emerald:#27C790;
  --comma-brand-gray:#8FA3B7;
  --comma-brand-white:#FFFFFF;
  --comma-brand-warning:#FFB020;
  --comma-brand-critical:#FF4D6D;
  --comma-brand-info:#2EA7FF;
  --comma-brand-line:rgba(143,163,183,.18);
  --comma-brand-line-strong:rgba(46,167,255,.30);
  --comma-brand-surface:rgba(10,29,51,.84);
  --comma-brand-surface-2:rgba(6,18,29,.90);
  --comma-brand-surface-soft:rgba(25,211,197,.06);
  --comma-brand-gradient:#63D0C5;
  --comma-brand-gradient-soft:rgba(99,208,197,.10);
  --comma-brand-shell:#06121D;
  --comma-brand-shadow:0 18px 52px rgba(0,0,0,.22);
  --comma-brand-glow:0 0 0 1px rgba(46,167,255,.13),0 18px 48px rgba(14,123,179,.11);
  --comma-brand-radius-xs:8px;
  --comma-brand-radius-sm:12px;
  --comma-brand-radius-md:16px;
  --comma-brand-radius-lg:22px;
  --comma-brand-radius-xl:28px;

  /* Compatibility bridge for every existing COMMA generation */
  --co-bg-0:#06121D;--co-bg-1:#081827;--co-bg-2:#0A1D33;--co-bg-elevated:#0D263F;--co-bg-elevated-2:#11304C;
  --co-surface:rgba(10,29,51,.84);--co-surface-strong:rgba(10,29,51,.96);--co-surface-soft:rgba(25,211,197,.06);--co-surface-hover:rgba(46,167,255,.10);
  --co-line:rgba(143,163,183,.18);--co-line-strong:rgba(46,167,255,.30);--co-text:#FFFFFF;--co-text-2:#DCE7F0;--co-muted:#8FA3B7;--co-muted-2:#698197;
  --co-accent:#19D3C5;--co-accent-2:#2EA7FF;--co-accent-3:#27C790;--co-success:#27C790;--co-warning:#FFB020;--co-danger:#FF4D6D;--co-info:#2EA7FF;
  --co-gradient-brand:var(--comma-brand-gradient);--co-gradient-panel:#0A1D33;--co-gradient-shell:#06121D;
  --co-glow-accent:var(--comma-brand-glow);--co-radius-xs:8px;--co-radius-sm:12px;--co-radius-md:16px;--co-radius-lg:22px;--co-radius-xl:28px;
  --co-font:"Tajawal",Tahoma,"Segoe UI",Arial,sans-serif;

  --purple:#0A1D33;--purple-dark:#06121D;--purple-soft:rgba(46,167,255,.08);--gold:#19D3C5;--ink:#FFFFFF;--muted:#8FA3B7;--line:rgba(143,163,183,.18);--bg:#06121D;--white:#0A1D33;
  --green:#27C790;--green-soft:rgba(39,199,144,.11);--red:#FF4D6D;--red-soft:rgba(255,77,109,.10);--orange:#FFB020;--orange-soft:rgba(255,176,32,.10);--blue:#2EA7FF;
  --shadow:var(--comma-brand-shadow);--radius:16px;
  --comma-purple-core:#19D3C5;--comma-violet:#2EA7FF;--comma-violet-soft:#27C790;--comma-violet-pale:rgba(46,167,255,.08);--comma-champagne:#19D3C5;--comma-champagne-soft:#27C790;
  --comma-bg:#06121D;--comma-surface:#0A1D33;--comma-surface-soft:rgba(10,29,51,.72);--comma-border:rgba(143,163,183,.18);--comma-border-strong:rgba(46,167,255,.28);
  --comma-text:#FFFFFF;--comma-muted:#8FA3B7;--comma-accent:#19D3C5;--comma-accent-2:#2EA7FF;--comma-success:#27C790;--comma-warning:#FFB020;--comma-danger:#FF4D6D;
}

html,body,button,input,select,textarea{font-family:"Tajawal",Tahoma,"Segoe UI",Arial,sans-serif}
:lang(en),[dir="ltr"]{font-family:"Inter","Segoe UI",Arial,sans-serif}
html{background:#06121D}
body,.smart-module,.comma-standalone,.client-portal,.developer-portal{background:var(--comma-brand-shell)!important;color:#fff!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:none;background-size:30px 30px;mask-image:none;opacity:.18}
::selection{background:rgba(25,211,197,.28);color:#fff}

/* Brand lockup */
.brand.comma-brand{border-bottom-color:rgba(143,163,183,.15)!important;padding:8px 8px 20px!important;gap:12px!important}
.brand.comma-brand .comma-brand-logo,.brand img,.login-brand-logo,.install-brand img{filter:none!important;object-fit:contain!important}
.brand.comma-brand .comma-brand-logo{width:48px!important;height:48px!important;flex:0 0 48px}
.brand.comma-brand strong{font-size:15px!important;letter-spacing:.02em;color:#fff!important}.brand.comma-brand small{font-size:9px!important;color:#8FA3B7!important;opacity:1!important}

/* Shell */
.sidebar,.developer-portal .sidebar{background:#0A1D33!important;border-inline-start:1px solid rgba(143,163,183,.12)!important;box-shadow:-18px 0 54px rgba(0,0,0,.18)!important}
.main-area{background:transparent!important}.content{background:transparent!important}
.topbar,.developer-portal .topbar{background:rgba(6,18,29,.78)!important;border-bottom:1px solid rgba(143,163,183,.14)!important;backdrop-filter:blur(20px) saturate(120%)!important;box-shadow:0 10px 35px rgba(0,0,0,.08)!important}
.page-heading h1{color:#fff!important;font-weight:700!important}.page-heading p{color:#8FA3B7!important}
.site-footer{color:#6F879B!important}

/* Navigation — line icon language */
.main-nav{gap:6px!important}.main-nav a{min-height:44px!important;border:1px solid transparent!important;border-radius:12px!important;color:#9CB0C2!important;background:transparent!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important}
.main-nav a:hover{background:rgba(46,167,255,.06)!important;border-color:rgba(46,167,255,.14)!important;color:#DFF7FA!important;transform:translateX(-1px)}
.main-nav a.active{background:rgba(99,208,197,.12)!important;border-color:rgba(25,211,197,.30)!important;color:#fff!important;box-shadow:inset 3px 0 0 #19D3C5,0 10px 28px rgba(0,0,0,.12)!important}
.nav-icon{width:27px!important;height:27px!important;border-radius:9px!important;background:rgba(143,163,183,.06)!important;color:#8FA3B7!important;display:grid!important;place-items:center!important;font-size:0!important;border:1px solid rgba(143,163,183,.10)!important}
.main-nav a.active .nav-icon{color:#19D3C5!important;background:rgba(25,211,197,.08)!important;border-color:rgba(25,211,197,.20)!important}
.nav-count{background:#19D3C5!important;color:#06121D!important}
.sidebar-footer{border-top-color:rgba(143,163,183,.14)!important}
.logout-link{color:#8FA3B7!important}.logout-link:hover{color:#fff!important}

/* Unified icon masks */
.comma-ui-icon{width:18px;height:18px;display:inline-block;background:currentColor;vertical-align:-3px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
.nav-icon .comma-ui-icon{width:16px;height:16px}
.icon-home{-webkit-mask-image:url('../icons/ui/home.svg');mask-image:url('../icons/ui/home.svg')}.icon-target{-webkit-mask-image:url('../icons/ui/target.svg');mask-image:url('../icons/ui/target.svg')}.icon-plus{-webkit-mask-image:url('../icons/ui/plus.svg');mask-image:url('../icons/ui/plus.svg')}.icon-calendar{-webkit-mask-image:url('../icons/ui/calendar.svg');mask-image:url('../icons/ui/calendar.svg')}.icon-trend{-webkit-mask-image:url('../icons/ui/trend.svg');mask-image:url('../icons/ui/trend.svg')}.icon-chart{-webkit-mask-image:url('../icons/ui/chart.svg');mask-image:url('../icons/ui/chart.svg')}.icon-download{-webkit-mask-image:url('../icons/ui/download.svg');mask-image:url('../icons/ui/download.svg')}.icon-settings{-webkit-mask-image:url('../icons/ui/settings.svg');mask-image:url('../icons/ui/settings.svg')}.icon-building{-webkit-mask-image:url('../icons/ui/building.svg');mask-image:url('../icons/ui/building.svg')}.icon-card{-webkit-mask-image:url('../icons/ui/card.svg');mask-image:url('../icons/ui/card.svg')}.icon-link{-webkit-mask-image:url('../icons/ui/link.svg');mask-image:url('../icons/ui/link.svg')}.icon-code{-webkit-mask-image:url('../icons/ui/code.svg');mask-image:url('../icons/ui/code.svg')}.icon-package{-webkit-mask-image:url('../icons/ui/package.svg');mask-image:url('../icons/ui/package.svg')}.icon-flag{-webkit-mask-image:url('../icons/ui/flag.svg');mask-image:url('../icons/ui/flag.svg')}.icon-shield{-webkit-mask-image:url('../icons/ui/shield.svg');mask-image:url('../icons/ui/shield.svg')}.icon-bell{-webkit-mask-image:url('../icons/ui/bell.svg');mask-image:url('../icons/ui/bell.svg')}.icon-search{-webkit-mask-image:url('../icons/ui/search.svg');mask-image:url('../icons/ui/search.svg')}.icon-activity{-webkit-mask-image:url('../icons/ui/activity.svg');mask-image:url('../icons/ui/activity.svg')}.icon-sparkles{-webkit-mask-image:url('../icons/ui/sparkles.svg');mask-image:url('../icons/ui/sparkles.svg')}.icon-menu{-webkit-mask-image:url('../icons/ui/menu.svg');mask-image:url('../icons/ui/menu.svg')}.icon-users{-webkit-mask-image:url('../icons/ui/users.svg');mask-image:url('../icons/ui/users.svg')}.icon-database{-webkit-mask-image:url('../icons/ui/database.svg');mask-image:url('../icons/ui/database.svg')}.icon-sliders{-webkit-mask-image:url('../icons/ui/sliders.svg');mask-image:url('../icons/ui/sliders.svg')}.icon-monitor{-webkit-mask-image:url('../icons/ui/monitor.svg');mask-image:url('../icons/ui/monitor.svg')}.icon-circle{-webkit-mask-image:url('../icons/ui/circle.svg');mask-image:url('../icons/ui/circle.svg')}.icon-upload{-webkit-mask-image:url('../icons/ui/upload.svg');mask-image:url('../icons/ui/upload.svg')}.icon-eye{-webkit-mask-image:url('../icons/ui/eye.svg');mask-image:url('../icons/ui/eye.svg')}.icon-lock{-webkit-mask-image:url('../icons/ui/lock.svg');mask-image:url('../icons/ui/lock.svg')}.icon-palette{-webkit-mask-image:url('../icons/ui/palette.svg');mask-image:url('../icons/ui/palette.svg')}.icon-play{-webkit-mask-image:url('../icons/ui/play.svg');mask-image:url('../icons/ui/play.svg')}.icon-image{-webkit-mask-image:url('../icons/ui/image.svg');mask-image:url('../icons/ui/image.svg')}

/* Top actions and command bar */
.comma-command-trigger,.comma-icon-button,.menu-toggle,.notification-link{background:rgba(10,29,51,.76)!important;border:1px solid rgba(143,163,183,.16)!important;color:#AFC0CF!important;box-shadow:none!important}
.comma-command-trigger:hover,.comma-icon-button:hover,.menu-toggle:hover,.notification-link:hover{border-color:rgba(25,211,197,.28)!important;background:rgba(25,211,197,.06)!important;color:#19D3C5!important}
.comma-command-trigger .search-icon{font-size:0!important}.comma-command-trigger .search-icon::before{content:"";display:block;width:17px;height:17px;background:#8FA3B7;-webkit-mask:url('../icons/ui/search.svg') center/contain no-repeat;mask:url('../icons/ui/search.svg') center/contain no-repeat}
.comma-keycap{background:rgba(6,18,29,.85)!important;border-color:rgba(143,163,183,.16)!important;color:#8FA3B7!important}
.comma-system-button span:first-child{background:#27C790!important;box-shadow:0 0 0 4px rgba(39,199,144,.10),0 0 14px rgba(39,199,144,.26)!important}
.avatar{background:var(--comma-brand-gradient)!important;color:#06121D!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important}
.top-readiness{background:rgba(10,29,51,.78)!important;border-color:rgba(143,163,183,.16)!important}.top-readiness.ready span{color:#27C790!important}.top-readiness.attention span{color:#FFB020!important}

/* Cards and windows */
.panel,.form-card,.table-card,.stat-card,.task-card,.workspace-card,.essential-provider-card,.notification-card,.smart-card,.smart-feature,.smart-kpi,.os-card,.os-panel,.os-metric-card,.report-card,.comma-reference-card,.completed-day,.completed-card,.integration-steps,.details-list,.smart-caption-details{
  background:#0A1D33!important;
  border-color:rgba(143,163,183,.16)!important;
  color:#fff!important;
  box-shadow:0 14px 38px rgba(0,0,0,.14)!important;
}
.panel,.form-card,.table-card{border-radius:16px!important}.stat-card,.task-card,.workspace-card,.notification-card{border-radius:16px!important}
.stat-card:after{background:transparent!important}.stat-card strong{color:#fff!important}.stat-card span,.stat-card small,.task-card p,.task-card footer,.table-subtitle{color:#8FA3B7!important}
.section-header h2,.section-header h3,.smart-card h3,.panel h2,.panel h3,.form-card h2,.form-card h3{color:#fff!important}.section-header p{color:#8FA3B7!important}

/* Hero / product windows */
.smart-hero,.os-page-hero,.os-command-hero,.os-mission-command,.koma-compact-hero,.readiness-hero,.completed-hero,.developer-portal .smart-hero{
  background:#0A1D33!important;
  border:1px solid rgba(46,167,255,.20)!important;
  box-shadow:var(--comma-brand-shadow)!important;
  border-radius:22px!important;
}
.smart-hero h1,.smart-hero h2,.os-page-hero h1,.os-page-hero h2,.os-command-hero h1,.os-command-hero h2,.os-mission-command h1,.os-mission-command h2{color:#fff!important}
.smart-hero p,.os-page-hero p,.os-command-hero p,.os-mission-command p{color:#A7B9C9!important}
.eyebrow{color:#19D3C5!important;background:rgba(25,211,197,.07)!important;border-color:rgba(25,211,197,.18)!important}

/* Forms */
input,select,textarea,.input,.form-control{background:rgba(6,18,29,.72)!important;color:#fff!important;border-color:rgba(143,163,183,.20)!important;border-radius:12px!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:#6F879B!important}
input:focus,select:focus,textarea:focus,.input:focus,.form-control:focus{outline:none!important;border-color:#19D3C5!important;box-shadow:0 0 0 3px rgba(25,211,197,.10)!important}
label{color:#C7D4DF}.checkbox-label{background:rgba(10,29,51,.58)!important;border-color:rgba(143,163,183,.16)!important}

/* Buttons */
.btn{border-radius:12px!important}
.btn-primary,button.btn-primary,a.btn-primary,.os-command-actions .btn:first-child,.smart-hero .btn-primary,.os-page-hero .btn-primary,.os-command-hero .btn-primary,.os-mission-command .btn-primary,.form-actions .btn-primary,.header-actions .btn-primary,.inline-actions .btn-primary{
  background:var(--comma-brand-gradient)!important;color:#06121D!important;border-color:transparent!important;box-shadow:0 10px 30px rgba(25,211,197,.13)!important;font-weight:800!important
}
.btn-primary:hover,button.btn-primary:hover,a.btn-primary:hover{background:#63D0C5!important;filter:none!important}
.btn-soft,.btn-secondary{background:rgba(10,29,51,.78)!important;color:#D9E4ED!important;border-color:rgba(143,163,183,.18)!important}.btn-soft:hover,.btn-secondary:hover{border-color:rgba(46,167,255,.28)!important;color:#fff!important;background:rgba(46,167,255,.07)!important}
.btn-success{background:#27C790!important;color:#06121D!important}.btn-warning{background:rgba(255,176,32,.10)!important;color:#FFCA63!important;border-color:rgba(255,176,32,.24)!important}.btn-danger{background:#FF4D6D!important;color:#fff!important}.btn-danger-outline{background:rgba(255,77,109,.05)!important;color:#FF718B!important;border-color:rgba(255,77,109,.28)!important}

/* Status colors */
.status{border:1px solid rgba(143,163,183,.14)!important;background:rgba(143,163,183,.06)!important;color:#C8D4DE!important}
.status-active,.status-success,.status-completed,.status-published,.status-approved,.status-connected,.status-ready,.status-won,.status-generated{background:rgba(39,199,144,.10)!important;color:#62E4B4!important;border-color:rgba(39,199,144,.22)!important}
.status-warning,.status-pending,.status-needs_approval,.status-awaiting_approval,.status-scheduled,.status-scheduling,.status-paused{background:rgba(255,176,32,.10)!important;color:#FFC95C!important;border-color:rgba(255,176,32,.22)!important}
.status-failed,.status-error,.status-rejected,.status-cancelled,.status-expired,.status-suspended,.status-launch_failed,.status-lost{background:rgba(255,77,109,.10)!important;color:#FF7890!important;border-color:rgba(255,77,109,.23)!important}
.status-info,.status-processing,.status-in_progress,.status-publishing,.status-launching,.status-sending,.status-trial{background:rgba(46,167,255,.10)!important;color:#78C8FF!important;border-color:rgba(46,167,255,.23)!important}
.alert-success{background:rgba(39,199,144,.10)!important;color:#82E9C2!important;border-color:rgba(39,199,144,.22)!important}.alert-warning{background:rgba(255,176,32,.09)!important;color:#FFD17A!important;border-color:rgba(255,176,32,.22)!important}.alert-danger{background:rgba(255,77,109,.09)!important;color:#FF8EA2!important;border-color:rgba(255,77,109,.22)!important}

/* Tables */
table{color:#EAF2F8!important}thead th{background:rgba(6,18,29,.72)!important;color:#AFC0CF!important;border-color:rgba(143,163,183,.14)!important}tbody td{border-color:rgba(143,163,183,.10)!important}tbody tr:hover{background:rgba(46,167,255,.035)!important}

/* Workspace & brand-specific controls */
.comma-workspace-button,.comma-workspace-menu{background:rgba(6,18,29,.70)!important;border-color:rgba(143,163,183,.15)!important}.comma-workspace-button:hover{border-color:rgba(25,211,197,.22)!important}.comma-workspace-copy small{color:#6F879B!important}.comma-workspace-copy strong{color:#fff!important}.comma-workspace-chevron{color:#19D3C5!important}
.comma-workspace-mark{background:#0A1D33!important;border-color:rgba(255,255,255,.10)!important}

/* Assistant / live intelligence personality */
.assistant-working,.comma-live-execution{background:#0A1D33!important;border-color:rgba(25,211,197,.22)!important;box-shadow:0 18px 48px rgba(0,0,0,.24)!important}
.assistant-orbit-ring,.comma-live-execution-orbit span{border-color:rgba(46,167,255,.18)!important;border-top-color:#19D3C5!important;border-inline-end-color:#2EA7FF!important}.assistant-orbit-dot{background:#19D3C5!important;box-shadow:0 0 12px rgba(25,211,197,.65)!important}.assistant-orbit-core,.comma-live-execution-orbit b{background:rgba(46,167,255,.10)!important;color:#76DDF5!important}
.assistant-working-copy strong,.comma-live-execution strong{color:#fff!important}.assistant-working-copy small,.comma-live-execution small{color:#8FA3B7!important}
.comma-live-execution.is-listening .comma-live-execution-orbit span{border-top-color:#19D3C5!important;border-right-color:#27C790!important}

/* Command center */
.comma-command-backdrop{background:rgba(2,8,14,.72)!important;backdrop-filter:blur(10px)!important}.comma-command-center{background:#0A1D33!important;border-color:rgba(46,167,255,.20)!important;box-shadow:0 34px 90px rgba(0,0,0,.46)!important;border-radius:22px!important}.comma-command-input-row{border-color:rgba(143,163,183,.16)!important;background:rgba(6,18,29,.60)!important}.comma-command-input{background:transparent!important}.comma-command-result{border-color:transparent!important}.comma-command-result:hover,.comma-command-result.is-selected{background:rgba(25,211,197,.06)!important;border-color:rgba(25,211,197,.16)!important}.comma-command-result-icon{background:rgba(46,167,255,.08)!important;color:#19D3C5!important}.comma-command-group-label,.comma-command-meta{color:#71899D!important}

/* Activity panel */
.comma-activity-panel{background:#0A1D33!important;border-inline-start-color:rgba(46,167,255,.18)!important}.comma-activity-head{border-bottom-color:rgba(143,163,183,.14)!important}.comma-activity-head small,.comma-activity-empty{color:#8FA3B7!important}

/* Media studio */
.comma-media-editor,.comma-pro-editor,.comma-mini-designer,.comma-video-editor,.smart-studio,.media-studio-shell{background:#06121D!important;color:#fff!important}.comma-media-panel,.comma-pro-panel,.comma-mini-designer-panel,.media-editor-panel,.editor-toolbar,.timeline-panel,.comma-media-toolbar{background:rgba(10,29,51,.92)!important;border-color:rgba(143,163,183,.16)!important}.timeline-track,.timeline-lane{background:rgba(6,18,29,.66)!important;border-color:rgba(143,163,183,.11)!important}.timeline-segment,.timeline-clip{background:rgba(99,208,197,.22)!important;border-color:rgba(25,211,197,.30)!important}

/* Login / installation / public utility screens */
.login-page,.install-page{background:var(--comma-brand-shell)!important;color:#fff!important;min-height:100vh}
.login-card,.install-card{background:rgba(6,18,29,.94)!important;border:1px solid rgba(46,167,255,.18)!important;box-shadow:0 36px 90px rgba(0,0,0,.34)!important;border-radius:28px!important;overflow:hidden}
.login-visual{background:#0A1D33!important;color:#fff!important}
.login-brand-logo{width:92px!important;height:92px!important;object-fit:contain!important;margin-bottom:18px!important}.login-form{background:rgba(10,29,51,.74)!important}.login-form h2,.login-visual h1,.install-brand h1{color:#fff!important}.login-form p,.login-visual p,.install-brand p{color:#8FA3B7!important}.login-product-points span{background:rgba(25,211,197,.06)!important;border-color:rgba(25,211,197,.15)!important;color:#BEEFE9!important}
.install-brand img{width:72px!important;height:72px!important}.install-card .hero-panel{background:rgba(10,29,51,.68)!important;border-color:rgba(143,163,183,.14)!important}

/* Reports & printable visual identity; print remains readable */
.report-paper{border-color:rgba(143,163,183,.16)!important}.report-paper header img{filter:none!important}
@media print{body,.report-paper{background:#fff!important;color:#081827!important}.report-paper,.report-card{background:#fff!important;color:#081827!important;border-color:#D8E2EA!important;box-shadow:none!important}.report-paper h1,.report-paper h2,.report-paper h3,.report-card strong{color:#06121D!important}.report-paper p,.report-card p,.report-card small{color:#596E80!important}}

/* Mobile */
.mobile-nav{background:rgba(6,18,29,.96)!important;border-top-color:rgba(143,163,183,.15)!important;backdrop-filter:blur(18px)!important}.mobile-nav a,.mobile-nav button{color:#7F96A9!important}.mobile-nav a.active,.mobile-nav button.mobile-create-command{color:#19D3C5!important}.mobile-nav a.active span{background:rgba(25,211,197,.07)!important}

/* Scrollbars */
*{scrollbar-color:#24475E #06121D;scrollbar-width:thin}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#06121D}::-webkit-scrollbar-thumb{background:#24475E;border:2px solid #06121D;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2C637B}

/* Focus / accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #19D3C5!important;outline-offset:2px!important}

@media(max-width:980px){.sidebar{box-shadow:-10px 0 36px rgba(0,0,0,.32)!important}.topbar{background:rgba(6,18,29,.93)!important}.brand.comma-brand .comma-brand-logo{width:42px!important;height:42px!important}}
@media(max-width:640px){.smart-hero,.os-page-hero,.os-command-hero,.os-mission-command,.login-card,.install-card{border-radius:18px!important}.content{padding-inline:12px!important}}

/* Legacy / secondary surface normalization so every preserved screen follows the final identity */
.filter-bar,.tabs a,.channel-toolbar,.operation-readiness-strip,.readiness-tile,.portal-split-card,.comma-workspace-chip,.social-channel-card,.connector-card,.channel-special-card,.integration-requirements,.os-product-card,.os-price-card,.os-plan-current,.os-budget-preview,.os-guard-card,.os-goal-grid a,.os-goal-grid button,.os-metric-row>div,.os-mission-kpis>div,.os-daily-strip>div,.os-mission-row,.os-approval-card,.os-event-list article,.os-step-list article,.os-mini-missions article,.os-readiness-list article,.os-next-actions article,.os-renewal-box,.mission-check,.mission-campaign-card,.brand-channel-strip article{
  background:#0A1D33!important;
  border-color:rgba(143,163,183,.16)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.filter-bar,.channel-toolbar,.operation-readiness-strip{border-radius:14px!important}.tabs a{color:#AABCCB!important}.tabs a.active{background:rgba(25,211,197,.09)!important;color:#19D3C5!important;border-color:rgba(25,211,197,.25)!important}
.os-goal-grid a:hover,.os-goal-grid button:hover,.portal-split-card:hover,.readiness-tile:hover{border-color:rgba(25,211,197,.28)!important;background:#0A1D33!important}
.os-budget-preview{background:#0A1D33!important}.os-budget-preview strong,.os-price-card .os-price,.table-link,.task-card footer b,.form-section legend,.connector-events legend{color:#19D3C5!important}
.os-guard-card,.mission-check{border-inline-start:3px solid rgba(143,163,183,.22)!important;border-right-width:1px!important}.os-guard-card.success,.os-guard-card.guard-success,.mission-check.ready{border-inline-start-color:#27C790!important;background:rgba(39,199,144,.075)!important}.os-guard-card.warning,.os-guard-card.guard-warning{border-inline-start-color:#FFB020!important;background:rgba(255,176,32,.07)!important}.os-guard-card.danger,.os-guard-card.guard-danger,.mission-check.blocked{border-inline-start-color:#FF4D6D!important;background:rgba(255,77,109,.07)!important}.os-guard-card.guard-info{border-inline-start-color:#2EA7FF!important;background:rgba(46,167,255,.07)!important}
.os-state-dot{background:#8FA3B7!important;box-shadow:0 0 0 5px rgba(143,163,183,.08)!important}.os-state-dot.active,.os-state-dot.healthy,.os-state-dot.approved{background:#27C790!important;box-shadow:0 0 0 5px rgba(39,199,144,.09)!important}.os-state-dot.awaiting_approval,.os-state-dot.watch{background:#FFB020!important;box-shadow:0 0 0 5px rgba(255,176,32,.09)!important}.os-state-dot.stop,.os-state-dot.rejected{background:#FF4D6D!important;box-shadow:0 0 0 5px rgba(255,77,109,.09)!important}
.os-count-badge,.os-pill,.channel-capabilities span{background:rgba(46,167,255,.07)!important;color:#8ED1FF!important;border:1px solid rgba(46,167,255,.13)!important}.os-pill.success{background:rgba(39,199,144,.08)!important;color:#69DFB4!important;border-color:rgba(39,199,144,.18)!important}.os-pill.warning{background:rgba(255,176,32,.08)!important;color:#FFD06F!important;border-color:rgba(255,176,32,.18)!important}.os-pill.danger{background:rgba(255,77,109,.08)!important;color:#FF899E!important;border-color:rgba(255,77,109,.18)!important}
.mission-check-icon{background:rgba(143,163,183,.08)!important;color:#AFC0CF!important}.mission-check.ready .mission-check-icon{background:rgba(39,199,144,.09)!important;color:#59DDAE!important}.mission-check.blocked .mission-check-icon{background:rgba(255,77,109,.08)!important;color:#FF7B92!important}
.comma-workspace-chip .workspace-logo{background:#06121D!important;border-color:rgba(143,163,183,.14)!important}.comma-workspace-chip>span{background:var(--workspace-color,#19D3C5)!important}
.switch-row,.connector-events,.form-section{border-color:rgba(143,163,183,.16)!important;background:rgba(6,18,29,.38)!important}.connector-test-form{border-top-color:rgba(143,163,183,.12)!important}
.priority-low{background:rgba(39,199,144,.08)!important;color:#6FE0B8!important}.priority-medium{background:rgba(46,167,255,.08)!important;color:#83CBFF!important}.priority-high{background:rgba(255,176,32,.09)!important;color:#FFD06B!important}.priority-urgent{background:rgba(255,77,109,.09)!important;color:#FF8398!important}
.status-planned,.status-archived{background:rgba(143,163,183,.07)!important;color:#AFC0CF!important}.status-submitted,.status-partial,.status-overdue,.status-pending_launch,.status-launching{background:rgba(255,176,32,.09)!important;color:#FFD06B!important}.status-changes_requested{background:rgba(255,77,109,.08)!important;color:#FF899D!important}.status-paid,.status-accepted{background:rgba(39,199,144,.09)!important;color:#70E2BB!important}.status-issued{background:rgba(46,167,255,.09)!important;color:#80CAFF!important}

/* Charts and visual analytics */
.smart-chart,.chart-card,.analytics-card,.report-chart,.smart-report-chart{background:#0A1D33!important;border-color:rgba(143,163,183,.15)!important}.chart-legend,.chart-caption{color:#8FA3B7!important}

/* Brand decorative line */
.comma-brand-accent-line{height:2px;border-radius:999px;background:var(--comma-brand-gradient)}


/* ========================================================================
   COMMA 5.6.3 — FLAT TURQUOISE UI POLICY
   Approved flat CTA color sampled from final identity reference: #63D0C5.
   No gradients are used in the runtime UI. Operational logic is untouched.
   ======================================================================== */
:root{
  --comma-action:#63D0C5;
  --comma-brand-turquoise:#63D0C5;
  --co-accent:#63D0C5;
  --comma-accent:#63D0C5;
  --gold:#63D0C5;
  --comma-purple-core:#63D0C5;
  --comma-champagne:#63D0C5;
  --comma-brand-gradient:#63D0C5;
  --co-gradient-brand:#63D0C5;
  --comma-brand-shell:#06121D;
  --co-gradient-shell:#06121D;
  --co-gradient-panel:#0A1D33;
}
/* Hard visual guard: remove all generated CSS gradient images. */
*,*::before,*::after{background-image:none!important}
body,.smart-module,.comma-standalone,.client-portal,.developer-portal{background-color:#06121D!important}
.sidebar,.developer-portal .sidebar,.login-visual,.comma-command-center,.comma-activity-panel,.assistant-working,.comma-live-execution,.smart-chart,.chart-card,.analytics-card,.report-chart,.smart-report-chart{background-color:#0A1D33!important}
.card,.form-card,.stat-card,.task-card,.table-card,.panel,.smart-feature-card,.smart-campaign-card,.social-channel-card,.integration-card,.workspace-card,.essential-provider-card,.os-price-card,.report-card,.completed-card,.mission-campaign-card,.mission-check,.readiness-tile,.portal-split-card{background-color:#0A1D33!important}
.btn-primary,button.btn-primary,a.btn-primary,.form-actions .btn-primary,.header-actions .btn-primary,.inline-actions .btn-primary,.os-command-actions .btn:first-child,.cm-btn.primary,.cmp-btn.primary,.comma-mini-btn.primary{background:#63D0C5!important;background-color:#63D0C5!important;color:#06121D!important;border-color:#63D0C5!important;box-shadow:none!important;filter:none!important}
.btn-primary:hover,button.btn-primary:hover,a.btn-primary:hover,.form-actions .btn-primary:hover,.header-actions .btn-primary:hover,.inline-actions .btn-primary:hover,.os-command-actions .btn:first-child:hover,.cm-btn.primary:hover,.cmp-btn.primary:hover,.comma-mini-btn.primary:hover{background:#63D0C5!important;background-color:#63D0C5!important;color:#06121D!important;border-color:#63D0C5!important;box-shadow:0 0 0 3px rgba(99,208,197,.13)!important;filter:none!important}
.btn-primary:active,button.btn-primary:active,a.btn-primary:active,.cm-btn.primary:active,.cmp-btn.primary:active,.comma-mini-btn.primary:active{background:#63D0C5!important;background-color:#63D0C5!important;transform:translateY(1px)}
.btn-primary:disabled,.btn-primary[disabled],button.btn-primary:disabled{background:#63D0C5!important;background-color:#63D0C5!important;color:#06121D!important;opacity:.45!important}
.btn-danger,button.btn-danger,a.btn-danger{background:#FF4D6D!important;background-color:#FF4D6D!important;color:#fff!important;box-shadow:none!important}
.main-nav a.active,.tabs a.active,.smart-tabs a.active,.smart-subnav a.active{background:rgba(99,208,197,.11)!important;border-color:rgba(99,208,197,.28)!important;color:#fff!important}
.main-nav a.active .nav-icon,.smart-feature-icon,.brand-channel-icon{background:rgba(99,208,197,.10)!important;color:#63D0C5!important}
.readiness-progress span,.dna-progress>div,.v5-progress>span,.v5-mini-progress i,.v5-run-progress i,.cmp-progress span,.cm-track-fill,.os-recommended:before,.comma-brand-accent-line{background:#63D0C5!important;background-color:#63D0C5!important}
.timeline-segment,.timeline-clip{background:rgba(99,208,197,.22)!important}.cmp-segment.video{background:#2EA7FF!important}.cmp-segment.text{background:#FFB020!important}.cmp-segment.logo{background:#27C790!important}.cmp-segment.image{background:#2EA7FF!important}.cmp-segment.audio{background:#8FA3B7!important}
.mission-health-ring,.os-health-gauge{background:#0A1D33!important;border:6px solid #63D0C5!important}.os-health-gauge:before{background:#06121D!important}.os-health-copy>strong{background:#63D0C5!important;color:#63D0C5!important}
.os-guard-card.success,.os-guard-card.guard-success,.mission-check.ready{background:rgba(39,199,144,.075)!important}.os-guard-card.warning,.os-guard-card.guard-warning{background:rgba(255,176,32,.07)!important}.os-guard-card.danger,.os-guard-card.guard-danger,.mission-check.blocked{background:rgba(255,77,109,.07)!important}.os-guard-card.guard-info{background:rgba(46,167,255,.07)!important}


/* ========================================================================
   COMMA 6.0.1 — CREATIVE EXPERIENCE POLISH
   Live creative progress + mobile canvas-first editor. Desktop layout stays intact.
   ======================================================================== */
.comma-creative-processing{display:grid;gap:14px;justify-items:center;text-align:center}
.comma-creative-processing h3{margin:0;font-size:clamp(24px,3vw,34px)}
.comma-creative-processing p{margin:0;color:#B9C9D6;min-height:1.8em;transition:opacity .18s ease}
.comma-creative-progress{width:min(520px,88%);height:8px;border:1px solid rgba(143,163,183,.18);background:#06121D;border-radius:999px;overflow:hidden}
.comma-creative-progress>i{display:block;height:100%;background:#63D0C5!important;border-radius:inherit;transition:width .6s ease}
.comma-creative-processing-note{color:#8FA3B7;max-width:560px}
@media(max-width:800px){
  .comma-creative-processing{padding:34px 18px;min-height:52vh;align-content:center}
  .comma-creative-processing p{font-size:15px;line-height:1.8}
  .comma-creative-progress{width:94%}
  .cmp-mobile-dock{position:sticky;bottom:0;z-index:34;display:grid!important;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;background:#06121D;border-top:1px solid rgba(143,163,183,.16)}
  .cmp-mobile-dock button{min-height:54px;background:#0A1D33;color:#B9C9D6;border:1px solid rgba(143,163,183,.14);border-radius:12px;display:grid;place-items:center;gap:2px}
  .cmp-mobile-dock button.active{color:#06121D;background:#63D0C5;border-color:#63D0C5}
  .cmp-mobile-dock b{font-size:18px}.cmp-mobile-dock span{font-size:11px}
}
.icon-grid{-webkit-mask-image:url('../icons/ui/grid.svg');mask-image:url('../icons/ui/grid.svg')}.icon-mic{-webkit-mask-image:url('../icons/ui/mic.svg');mask-image:url('../icons/ui/mic.svg')}

/* COMMA 6.5.4 — canonical brand asset: uploaded master lockup + derived mark/PWA icon. */
.comma-brand-logo,.comma-mobile-brand img,.public-brand img{background:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain!important}
.login-brand-logo{width:min(560px,92%)!important;max-height:220px!important;object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
.install-brand>img{width:min(320px,44vw)!important;height:auto!important;max-height:130px!important;object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important}


/* 6.5.9 — notification visibility */
.comma-notification-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;color:#DDE8F2!important}
.comma-notification-button .comma-ui-icon{background:currentColor!important;opacity:1!important}
.comma-notification-button .dot{position:absolute;top:8px;inset-inline-end:8px;width:8px;height:8px;border-radius:50%;background:#63D0C5;border:2px solid #0A1D33}

/* COMMA 8.0 Commercial Work Engine */
.work-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border:1px solid rgba(99,208,197,.22);border-radius:24px;background:#0A1D33;margin-bottom:18px}.work-hero h2{font-size:32px;margin:6px 0}.work-hero p{margin:0;color:#8FA3B7;max-width:720px}.work-hero-badge{min-width:150px;text-align:center;padding:18px;border:1px solid rgba(99,208,197,.22);border-radius:18px;background:#06121D}.work-hero-badge strong,.work-hero-badge span{display:block}.work-hero-badge strong{font-size:22px;color:#63D0C5}.work-hero-badge span{font-size:12px;color:#8FA3B7;margin-top:4px}.work-request-card{background:#0A1D33;border:1px solid rgba(143,163,183,.18);border-radius:24px;padding:20px;display:grid;gap:14px;margin-bottom:22px}.work-request-card textarea,.work-needs-input textarea{width:100%;resize:vertical;min-height:116px;background:#06121D;color:#fff;border:1px solid rgba(143,163,183,.25);border-radius:16px;padding:16px;line-height:1.8}.work-request-card textarea:focus,.work-needs-input textarea:focus{outline:none;border-color:#63D0C5}.work-suggestions{display:flex;flex-wrap:wrap;gap:8px}.work-suggestions button{border:1px solid rgba(143,163,183,.22);background:#06121D;color:#b8c6d5;border-radius:999px;padding:8px 12px;cursor:pointer}.work-suggestions button:hover{border-color:#63D0C5;color:#fff}.work-request-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.work-detail{display:grid;gap:18px;background:#071827;border:1px solid rgba(143,163,183,.16);border-radius:24px;padding:22px;margin-bottom:22px}.work-detail>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.work-detail h2{margin:8px 0 6px}.work-detail header p{margin:0;color:#8FA3B7}.work-quality{min-width:105px;text-align:center;border:1px solid rgba(143,163,183,.18);border-radius:14px;padding:10px;background:#06121D}.work-quality small,.work-quality strong{display:block}.work-quality small{color:#8FA3B7}.work-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;background:#10263d;color:#b8c6d5;white-space:nowrap}.work-status.status-completed{background:rgba(39,199,144,.12);color:#27C790}.work-status.status-processing,.work-status.status-queued,.work-status.status-waiting_external{background:rgba(46,167,255,.12);color:#2EA7FF}.work-status.status-needs_input,.work-status.status-awaiting_approval,.work-status.status-blocked_configuration{background:rgba(255,176,32,.12);color:#FFB020}.work-status.status-failed{background:rgba(255,77,109,.12);color:#FF4D6D}.work-needs-input{border:1px solid rgba(255,176,32,.22);background:rgba(255,176,32,.05);border-radius:18px;padding:16px}.work-needs-input h3{margin:0 0 6px}.work-needs-input p{color:#FFB020}.work-needs-input form{display:grid;gap:10px}.work-step-grid{display:grid;gap:9px}.work-step-grid article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(143,163,183,.14);border-radius:14px;background:#06121D}.work-step-grid article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#0A1D33;color:#63D0C5;font-weight:800}.work-step-grid strong,.work-step-grid small{display:block}.work-step-grid small{color:#8FA3B7;margin-top:3px}.work-deliverables h3,.work-files h3{margin-bottom:10px}.work-files{display:grid;gap:8px}.work-files>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(143,163,183,.12);padding:8px 0}.work-files small{color:#8FA3B7}.work-files form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.work-recent{margin-top:20px}.work-recent-list{display:grid;gap:8px}.work-recent-list>a{display:flex;justify-content:space-between;gap:16px;align-items:center;text-decoration:none;color:inherit;padding:14px 16px;border:1px solid rgba(143,163,183,.14);border-radius:14px;background:#0A1D33}.work-recent-list strong,.work-recent-list small{display:block}.work-recent-list small{color:#8FA3B7;margin-top:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.section-heading a{color:#63D0C5;text-decoration:none}@media(max-width:720px){.work-hero{align-items:flex-start;padding:20px}.work-hero-badge{display:none}.work-hero h2{font-size:26px}.work-request-actions,.work-detail>header{flex-direction:column}.work-request-actions .btn{width:100%}.work-step-grid article{grid-template-columns:40px minmax(0,1fr)}.work-step-grid article>b{grid-column:2}.work-recent-list>a{align-items:flex-start}.work-files>div{display:grid}}
.work-revision-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.work-revision-form input{min-width:260px;flex:1}.work-knowledge{margin-top:24px}.work-knowledge-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-knowledge-form label{display:grid;gap:7px}.work-knowledge-form .span-2{grid-column:1/-1}.work-knowledge-list{display:grid;gap:10px;margin-top:14px}.work-knowledge-list article{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line,#19324b);border-radius:16px;background:rgba(10,29,51,.72)}.work-knowledge-list p{margin:6px 0 0}.work-knowledge-list small{display:block;margin-top:4px}@media(max-width:760px){.work-knowledge-form{grid-template-columns:1fr}.work-knowledge-form .span-2{grid-column:auto}.work-revision-form input{min-width:0;width:100%}}

/* COMMA 8.1 — Business value and controlled recommendations */
.work-value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch;margin:-4px 0 18px}.work-value-strip>div{background:#0A1D33;border:1px solid rgba(143,163,183,.16);border-radius:16px;padding:14px}.work-value-strip strong,.work-value-strip small{display:block}.work-value-strip strong{font-size:22px;color:#fff;margin-top:5px}.work-value-strip small{color:#8FA3B7;margin-top:3px}.work-value-strip>p{grid-column:1/-1;margin:0;color:#8FA3B7;font-size:12px}.work-recommendations{display:grid;gap:8px;padding:16px;border:1px solid rgba(99,208,197,.18);border-radius:18px;background:#0A1D33}.work-recommendations h3{margin:0}.work-recommendations article{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(143,163,183,.12)}.work-recommendations article:last-child{border-bottom:0}.work-recommendations small{color:#8FA3B7;white-space:nowrap}@media(max-width:760px){.work-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.work-recommendations article{display:grid}.work-recommendations small{white-space:normal}}

/* COMMA 10.0.21 — clean brand mark: transparent, crisp, no glow. */
.comma-brand-logo,.comma-mobile-brand img,.public-brand img,.cb-brand img,.comma-auth-brand,.comma-auth-mini-logo,.login-brand-logo,.install-brand img,.welcome-brand img,.portal-brand img,.public-report>header img,.invoice-head img{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  background:transparent!important;
  border-color:transparent!important;
  object-fit:contain!important;
}