/* Program identity follows the page, without changing status colours. */
html[data-product='FLOW']{--product-accent:#2459c4;--product-soft:#edf3ff;--product-sidebar:#122b50;--product-hover:#244573;--product-rgb:36,89,196}
html[data-product='MOBIL']{--product-accent:#087c70;--product-soft:#e5f5ef;--product-sidebar:#103b38;--product-hover:#20534c;--product-rgb:8,124,112}
html[data-product='WEB']{--product-accent:#6941c6;--product-soft:#f1ebff;--product-sidebar:#302046;--product-hover:#4b326b;--product-rgb:105,65,198}
html:is([data-product='FLOW'],[data-product='MOBIL'],[data-product='WEB']){--accent:var(--product-accent);--accent-rgb:var(--product-rgb)}
html:is([data-product='FLOW'],[data-product='MOBIL']) .app-shell{--accent:var(--product-accent);--tenant-accent:var(--product-accent)!important}
html:is([data-product='FLOW'],[data-product='MOBIL']) .app-shell .app-sidebar{background:var(--product-sidebar)!important}
html:is([data-product='FLOW'],[data-product='MOBIL']) .app-shell .app-sidebar .app-nav :is(a.active,a.active .nav-item-label){background:var(--product-accent)!important;color:#fff!important}
html:is([data-product='FLOW'],[data-product='MOBIL']) .app-shell .app-sidebar :is(.app-nav a:hover,.app-nav summary:hover,.nav-group[open]>summary,.nav-icon,.nav-group-icon,.org-chip){background:var(--product-hover)!important}
html:is([data-product='FLOW'],[data-product='MOBIL'],[data-product='WEB']) .btn:not(.secondary):not(.danger):not(.ghost){background:var(--product-accent);border-color:var(--product-accent);color:#fff}
html:is([data-product='FLOW'],[data-product='MOBIL']) .app-shell .page-head{border-left:4px solid var(--product-accent);padding-left:20px}
html:is([data-product='FLOW'],[data-product='MOBIL']) .app-shell .app-topbar{border-top:3px solid var(--product-accent)}
html:is([data-product='FLOW'],[data-product='MOBIL']) .app-shell .app-mobile-nav a.active{color:var(--product-accent);background:var(--product-soft)}
html[data-product='WEB'] .site:not(.webstudio-page){--accent:#6941c6;--accent-rgb:105,65,198}
html[data-product='WEB'] .site:not(.webstudio-page) .eyebrow{color:#6941c6}
@media(prefers-reduced-motion:no-preference){.webstudio-button{transition:background .15s,transform .15s}.webstudio-button:hover{transform:translateY(-2px)}}
html:is([data-product='FLOW'],[data-product='MOBIL']) .ux64-page{--ux-blue:var(--product-accent)}
html:is([data-product='FLOW'],[data-product='MOBIL']) .ux64-page .ux64-btn.blue{background:var(--product-accent);border-color:var(--product-accent)}
html:is([data-product='FLOW'],[data-product='MOBIL']) .ux64-page :is(.ux64-platform-copy h1 span,.ux64-kicker){color:var(--product-accent)}
html:is([data-product='FLOW'],[data-product='MOBIL']) .ux64-page .ux64-soft{background:var(--product-soft)}
/* FIX47: Explicit contrast for the operator workspace, including inherited dark themes. */
.admin-shell .app-main{--text:#172e4d;--muted:#52647b;--bg:#f3f6fb;--panel:#fff;color:#172e4d!important;background:#f3f6fb!important;color-scheme:light}
.admin-shell .app-main :is(.panel,.settings-card,.cc-card,.cc-live-card,.app-topbar,.table-wrap){background:#fff!important;color:#172e4d!important}
.admin-shell .app-main :is(h1,h2,h3,h4,p,label,td,th,.row-title,.top-user-meta b){color:#172e4d!important}
.admin-shell .app-main :is(.muted,.row-sub,small,.field-hint,.page-head p){color:#52647b!important;opacity:1}
.admin-shell .app-main :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:#fff!important;color:#172e4d!important;-webkit-text-fill-color:#172e4d;border-color:#889cb5!important;font-size:16px}
.admin-shell .app-main ::placeholder{color:#5a6c82!important;opacity:1}
.admin-shell .app-main .btn.secondary,.admin-shell .app-main .btn.ghost{background:#eef3fb!important;color:#17385c!important;border:1px solid #8097b2!important}
.admin-shell .app-main .btn:not(.secondary):not(.ghost):not(.danger){background:#1957c2!important;color:#fff!important}
.admin-shell .app-main .icon-btn{background:#fff!important;color:#17385c!important;border-color:#8097b2!important}
.admin-shell .app-sidebar{background:#102b49!important;color:#f4f7fc!important}
.admin-shell .app-sidebar :is(.nav-item-label,.nav-group-label,.suite-signature,.app-brand strong){color:#f4f7fc!important;opacity:1!important}
.admin-shell .app-main :is(a,button,input,textarea,select):focus-visible{outline:3px solid #b45309;outline-offset:3px}
.ux64-login-dropdown{width:min(330px,calc(100vw - 32px));padding:20px!important;background:#fff!important;color:#173354!important;max-height:calc(100dvh - 110px);overflow:auto}
.ux64-quick-login{display:grid;gap:14px;margin:0}.ux64-quick-login label{display:grid;gap:6px;font-size:14px;font-weight:600;color:#173354!important}
.ux64-quick-login input{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #8095b0;border-radius:9px;color:#173354!important;background:white!important;font-size:16px;box-sizing:border-box}
.ux64-quick-login .btn{width:100%;min-height:44px;background:#155cda;color:white;border:0;border-radius:9px;cursor:pointer}
.ux64-login-dropdown p{font-size:13px;line-height:1.6;margin:16px 0 0!important;color:#405772!important}.ux64-login-dropdown p a{display:inline!important;padding:0!important;color:#1552b5!important;text-decoration:underline}
.ux64-quick-login :is(input,button):focus-visible{outline:3px solid #ca7900;outline-offset:3px}
@media(max-width:600px){.ux64-login-dropdown{position:fixed!important;top:78px!important;right:16px!important;left:auto!important}}