/* Shared visual foundation, loaded last on every page. */
:root{--ink:#202a31;--muted:#78848f;--paper:#f7f9fc;--line:#e9edf0;--bg:#f7f9fc;--bg-soft:#f3f6fa;--sidebar:#fff;--surface:#fff;--surface-2:#f5f7fa;--surface-3:#edf1f6;--border:#e9edf0;--border-hover:#cbd3df;--text:#202a31;--text-secondary:#687585;--text-tertiary:#8994a2;--purple:#d15b37;--purple-light:#d15b37;--purple-pale:#b65032;--indigo:#232d45;--pink:#8b6e87;--green:#232d45;--success:#149b7c;--cyan:#417e97;--yellow:#b68327;--warning:#b68327;--red:#c44d58;--error:#c44d58;--lime:#f9e8e1;--gradient:#232d45;--gradient-text:#232d45;--glow:none}
html{color-scheme:light}body,body.illustrated-home,body.ohd{background:#f7f9fc;color:#202a31;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.bg-glow,.bg-grid{display:none}.navbar,.nav,header.nav{background:#fff;border-color:#e9edf0;backdrop-filter:none}.navbar .brand,.nav .brand{color:#202a31}.brand-mark,.navbar .brand-mark{background:#d15b37;color:#fff;box-shadow:none}.navbar .brand-mark{border-radius:7px}.navbar .nav-links a,.navbar .login-link{color:#6f7b8b}.navbar .nav-links a:hover,.navbar .nav-links a.active{color:#202a31}.navbar .container{height:76px}.mobile-menu{background:#fff;border-color:#e9edf0}.mobile-menu a:not(.btn-primary){color:#687585;border-color:#e9edf0}.mobile-menu a.btn-primary,.mobile-menu a.btn-primary:hover{background:#232d45;color:#fff!important}
.btn-primary,.btn.btn-primary,.submit-btn,.login-btn,.register-btn{background:#232d45;color:#fff;border-color:#232d45;box-shadow:none}.btn-primary:hover,.login-btn:hover,.register-btn:hover{background:#192238;box-shadow:none;transform:none}.btn-outline{background:#fff;color:#475369;border-color:#dce2ea}.card,.auth-card,.login-card,.login-container{box-shadow:none;border-color:#e9edf0;background:#fff}input,select,textarea,input:focus{background:#fff;color:#334155;border-color:#dfe5ed}input::placeholder,textarea::placeholder{color:#9ba5b1}.security-note{background:#f5f7fa;border-color:#e9edf0}.login-icon{background:#232d45;border-color:#232d45;box-shadow:none}.stat-icon:not(.red):not(.cyan){background:#f1f4f8;color:#52617b}.nav-item.active,.sidebar-link.active{background:#f3f6fb;color:#3c4d66}.ss-up-card,.ss-up-pill{background:#f1f4f9!important;color:#35445e!important;border-color:#d8e0eb!important}.ss-up-card h4,.ss-up-card p{color:#35445e!important}footer{border-color:#e9edf0;background:transparent}
/* Existing marketing layouts use the same palette and button treatment. */
.illustrated-home .pricing-night{background:#111b2b}.illustrated-home .price.featured{background:#fff5ef}.illustrated-home .preview-shell{background:#edf1f6;box-shadow:none}.illustrated-home .audience-section,.illustrated-home .cta{background:#f0f3f8;border-color:#e1e6ee}.illustrated-home .cta .btn,.illustrated-home .btn:not(.secondary){background:#232d45;color:#fff;border-color:#232d45}.illustrated-home .feature-scene{color:#475975}.illustrated-home .feature-scene.settings-scene,.illustrated-home .feature-scene.uptime-scene{background:#edf3f8}.illustrated-home .scene-caption i{background:#149b7c}.illustrated-home .check-row b{color:#149b7c}.eyebrow{color:#d15b37}.eyebrow:before{background:#d15b37}.pricing-night .eyebrow{color:#f4b5a1}
/* Identical workspace chrome across monitors and all account sections. */
.workspace-header,#ohShell .workspace-header{background-color:#111b2b;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:44px 44px;color:#fff;border:0}
.workspace-header .header-inner,#ohShell .header-inner{max-width:1260px;min-height:100px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.workspace-header .brand,#ohShell .brand{font:600 24px/1.2 system-ui;letter-spacing:-1px;color:#fff;display:flex;align-items:center;gap:9px;text-decoration:none}.workspace-header .brand span,#ohShell .brand span{color:#ed8a67;background:transparent;box-shadow:none;font-size:28px;clip-path:none;padding:0}.workspace-primary,#ohShell .workspace-primary{display:flex;align-items:center;gap:12px;margin-right:auto}.workspace-primary a,#ohShell .workspace-primary a{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.16em;text-decoration:none;color:#cdd5e1;padding:9px 15px;border-radius:24px}.workspace-primary a[aria-current=page],#ohShell .workspace-primary a[aria-current=page]{background:#ffffff0b;color:#fff}.workspace-header .menu,#ohShell .menu{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em;background:#ffffff0a;border:1px solid #ffffff10;border-radius:30px;padding:9px 15px;color:#eef2fa;white-space:nowrap;max-width:300px;cursor:pointer;min-width:44px}.menu-avatar{width:18px;height:18px;background:#cad2df;border-radius:50%;display:grid;place-items:center;color:white;font-size:13px}.menu-label{overflow:hidden;text-overflow:ellipsis}.workspace-header .menu:after{content:'⌄';margin-left:2px;font-size:13px}#ohShell .account-menu,.account-menu{max-width:1160px;background:white}#ohShell .menu-group .selected,.menu-group .selected{background:#f3f6fb;color:#35445e}#ohShell .menu-group .selected>span{color:#d15b37}#ohShell .menu-plan a{color:#52617b;font-size:12px}#ohShell .menu-group>a,#ohShell .menu-group>button{font-size:15px}
body.ohd .btn,body.ohd .btn-primary,body.ohd .site-card .btn-primary{background:#232d45;color:white;border-color:#232d45}body.ohd .btn-secondary,body.ohd .btn.btn-secondary,body.ohd .site-card .btn:not(.btn-primary){background:white;color:#536075;border-color:#dce2ea}body.ohd .pill.ok,body.ohd .status-pill.up{background:#eafaf3;color:#138968;border-color:#cdebdc}.monitor-tabs a[aria-current=page]{border-color:#d15b37}.monitor-sidebar a[aria-current=page] span{color:#d15b37}.monitor-button{background:#232d45;border-color:#232d45}.monitor-button.quiet{background:#fff;color:#697482;border-color:#dfe5ea}.status-dot.up,.monitor-dot.good{background:#12bc92}body.ohd .card,body.ohd .panel{border-color:#e9edf0;background:#fff;box-shadow:none}
/* Shared account settings frame. */
body.ohd .account-host{max-width:1160px;margin:0 auto 80px;padding:0 20px!important}.account-frame{margin:0 auto;background:#fff;border-radius:7px;box-shadow:0 12px 35px #17243506;overflow:hidden}.account-frame-title{background:#fff;border-bottom:1px solid #e9edf0;padding:22px 28px;text-align:center;font-size:15px;font-weight:500;margin:0}.account-frame-grid{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:650px}.account-side{padding:22px 10px;border-right:1px solid #e9edf0}.account-side a{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:12px;text-decoration:none;color:#7b8796;border-radius:5px}.account-side svg{width:16px;height:16px;flex-shrink:0;color:#98a4b3}.account-side a[aria-current=page]{background:#f3f6fb;color:#34455d}.account-side a[aria-current=page] svg{color:#d15b37}.account-side .account-side-separator{height:1px;margin:22px 10px;background:#f0f3f6}.account-section-picker{display:none}.account-content{min-width:0}.account-content>h1,.account-content>.subtitle,.account-content .page-wrap>h1,.account-content .billing-heading{display:none}.account-content .page-wrap{max-width:none;margin:0!important;padding:0!important}.account-content .card,.account-content .panel{border:0!important;border-bottom:1px solid #e9edf0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:28px!important;max-width:none!important}.account-content .card h2{font-size:18px;font-weight:500}.account-content .field{max-width:580px}.account-content input,.account-content select{border-radius:4px!important;min-height:40px}.account-content .billing-tabs{padding:0 28px}.account-content .billing-section{padding:28px}.account-content .current-plan{background:#f5f7fb;border-color:#dfe5ed}.account-content .current-tag{color:#415371;background:#ecf1f8}.account-content .plan-row.is-current{border-color:#9aaac1;background:#fbfcff}.account-content .billing-help,.account-content .usage-facts>div{background:#f7f9fc;border-color:#e4e9f0}.account-content .plan-row h3{font-weight:500}.account-content .plan-price{font-size:23px}
@media(max-width:700px){.workspace-header .header-inner,#ohShell .header-inner{min-height:86px;flex-wrap:wrap;gap:12px;padding:18px 20px}.workspace-header .brand,#ohShell .brand{font-size:22px}.workspace-header .menu,#ohShell .menu{margin-left:auto;font-size:10px;max-width:155px;padding:8px 10px}.workspace-primary,#ohShell .workspace-primary{order:3;width:100%;margin:0;gap:20px}.workspace-primary a,#ohShell .workspace-primary a{padding:5px 0;border-radius:0;font-size:9px}.workspace-primary a[aria-current=page],#ohShell .workspace-primary a[aria-current=page]{background:none;border-bottom:2px solid #d15b37}body.ohd .account-host{padding:0 10px!important;margin-bottom:35px}.account-frame-title{padding:20px 16px;font-size:14px;overflow-wrap:anywhere}.account-frame-grid{grid-template-columns:1fr;min-height:0}.account-side{display:none}.account-section-picker{display:block;padding:16px 20px;border-bottom:1px solid #e9edf0}.account-section-picker label{display:block;color:#8b96a3;font-size:10px;margin-bottom:6px}.account-section-picker select{width:100%;background:#f8fafc;border:1px solid #dfe5ed;padding:11px 12px;color:#536075;font-size:13px;border-radius:4px}.account-content .card,.account-content .panel{padding:24px 20px!important}.account-content .billing-section{padding:24px 20px}.account-content .plan-row{padding:16px}.account-content .billing-tabs{padding:0 20px}.account-content .billing-tabs a{font-size:12px}.navbar .container{height:72px}.navbar .brand{font-size:18px}}

.ss-up-plan.featured{background:#f1f4f9!important;border-color:#cdd8e9!important}.ss-up-cta,.ss-up-cta:hover{background:#232d45!important;color:#fff!important}.ss-up-tag{color:#c65e3d!important}body.ohd .bar-fill{background:#232d45}.docs-header{background:#fff!important}

.btn-outline:hover{background:#f3f6fa;color:#334155;border-color:#d5deea}body.ohd .plan-badge{background:#eef2f8;color:#536b90;border-color:#d7dfeb}body.ohd .empty-state a,body.ohd .btn-link,body.ohd .link-btn{color:#526f99}

/* Compact account popover anchored below the header button. */
#nav.account-menu,#ohShell #ohNav.account-menu{position:fixed;z-index:1000;display:none;width:280px;max-width:calc(100vw - 24px);margin:0;border:1px solid #e5e9f0;border-radius:6px;background:#fff;box-shadow:0 12px 35px #17243522;overflow-y:auto;overscroll-behavior:contain;padding:5px 0;max-height:75vh;text-align:left;color:#667381}
#nav.account-menu.open,#ohShell #ohNav.account-menu.open{display:block}
#nav .menu-group,#ohShell #ohNav .menu-group{padding:5px 7px;border-bottom:1px solid #edf0f4}
#nav .menu-group:last-child,#ohShell #ohNav .menu-group:last-child{border:0}
#nav .menu-group>a,#nav .menu-group>button,#ohShell #ohNav .menu-group>a,#ohShell #ohNav .menu-group>button{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:8px 10px;border:0;border-radius:4px;background:none;font:400 12px/1.4 system-ui,sans-serif;color:#657182;text-decoration:none;text-align:left;cursor:pointer}
#nav .menu-group .selected,#ohShell #ohNav .menu-group .selected,#nav .menu-group>a:hover,#nav .menu-group>button:hover,#ohShell #ohNav .menu-group>a:hover,#ohShell #ohNav .menu-group>button:hover{background:#f3f6fb;color:#34455d}
#nav .menu-group svg,#ohShell #ohNav .menu-group svg{width:15px;height:15px;flex-shrink:0}
#nav .menu-group>a>span,#nav .menu-group>button>span,#ohShell #ohNav .menu-group>a>span,#ohShell #ohNav .menu-group>button>span{width:16px;flex-shrink:0}
#nav>.menu-group:first-child,#ohShell #ohNav>.menu-group:first-child,#nav .menu-person,#ohShell #ohNav .menu-person{display:none}
#nav .menu-group>label,#ohShell #ohNav .menu-group>label{display:block;font-size:9px;color:#94a0ae;padding:5px 10px 3px}
#nav select,#ohShell #ohNav select{display:block;box-sizing:border-box;width:calc(100% - 20px);max-width:none;margin:0 10px 5px;min-height:30px;padding:5px 7px;border:1px solid #e5e9f0;border-radius:4px;background:#fbfcfe;color:#667381;font-size:10px}
#nav .menu-plan,#ohShell #ohNav .menu-plan{padding:5px 10px;font-size:10px;display:flex;gap:12px;align-items:center;color:#94a0ae}
#nav .menu-plan a,#ohShell #ohNav .menu-plan a{font-size:10px;color:#526f99}
body:has(#nav.open),body.oh-menu-open{background:#f7f9fc}body.oh-menu-open .app{display:block}
.workspace-header .menu[aria-expanded=true]{border-color:#ffffff40;background:#ffffff12}