/* H&H product chrome shares the public home's palette and typography.
   Customer menus, published screen artwork and provider logos keep their identity. */
:root{--bg:#fcfbf8;--card:#fff;--ink:#14213a;--muted:#5d6a7d;--border:#dce1e8;--green:#245ce9;--dark:#101c34;--lime:#e9efff;--orange:#c86a38;--shadow:0 8px 30px #14213a06;--ads-border:#dce1e8;font-family:Arial,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.75}
body{background:var(--bg)}button,input,textarea,select{font-family:inherit}button,a{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}h1,h2,h3{color:inherit;letter-spacing:-.025em}h1{font-size:clamp(25px,2.7vw,36px);line-height:1.4}h2{line-height:1.5}input[type=checkbox],input[type=radio]{accent-color:var(--green)}:is(button,a,input,textarea,select):focus-visible{outline:3px solid #245ce960;outline-offset:3px}
/* Unframed home-page artwork: same proportions, clipped clean edges. */
.hh-platform-brand{display:inline-block;width:116px;line-height:0;flex-shrink:0;direction:ltr}.hh-platform-brand svg{display:block;width:100%;height:auto}.wordmark{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;padding:4px 12px 22px;border-bottom:1px solid var(--border);min-height:80px}.wordmark .hh-platform-brand{width:118px}.hh-platform-caption{display:none}.app-footer .hh-platform-brand{width:64px}.hh-join-brand{display:block;width:max-content;margin:32px auto}.hh-platform-logo{background:none;border-radius:0;padding:0}
/* Navigation */
.sidebar{background:#fcfbf8;color:var(--ink);border-inline-end:1px solid var(--border);padding:24px 16px 16px}.brand-pill{margin:20px 4px 22px;background:#fff;border:1px solid var(--border);border-radius:12px;color:var(--ink);padding:12px}.brand-avatar{background:#eef2fb;color:#245ce9;border-radius:9px}.brand-pill small{color:var(--muted)}.nav-label{color:#8590a1;font-size:11px;letter-spacing:.02em}.nav-item{color:#536079;border-radius:9px;min-height:43px;padding:10px 13px;margin:3px 0;font-size:13px}.nav-item svg{color:#8b96a9}.nav-item:hover{background:#f0f3f9;color:var(--ink)}.nav-item.active{background:#eaf0ff;color:#245ce9;font-weight:700;box-shadow:inset -3px 0 #245ce9}.nav-item.active svg{color:#245ce9}html[dir=ltr] .nav-item.active{box-shadow:inset 3px 0 #245ce9}.nav-count{background:#dce6ff;color:#245ce9}.sidebar-foot{border-top:1px solid var(--border);margin-top:24px;padding:18px 8px 0}.sidebar .badge.internal{background:#eef2fa;color:#526580;border-color:#e0e6f0}.sidebar-foot small{color:#8590a1;opacity:1}.topbar{background:#fcfbf8eF;border-color:var(--border);height:80px}.top-actions .avatar{background:#eaf0ff;color:#245ce9}.today,.breadcrumb{color:#7a8496}.main{padding-top:36px}.page-heading{margin-bottom:30px;align-items:center}.page-heading .eyebrow{font-size:11px;color:#7a8496;letter-spacing:.03em;margin-bottom:8px}.page-heading p{color:var(--muted);font-size:14px;margin-top:10px}.app-footer{border-color:var(--border);color:#7a8496;align-items:center}
/* Buttons and fields */
.btn{background:#fff;border-color:var(--border);color:var(--ink);border-radius:8px;padding:10px 17px;min-height:43px;font-size:13px;font-weight:500;box-shadow:none}.btn:hover{background:#f1f4fb;border-color:#cbd5e7}.btn.primary{background:#245ce9;color:#fff;border-color:#245ce9;font-weight:700}.btn.primary:hover{background:#1948bd;border-color:#1948bd}.btn.text-button,.text-link{color:#245ce9}.btn.icon-button{color:#647089;background:transparent}.btn.icon-button:hover{background:#eaf0ff;color:#245ce9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary:disabled{color:#fff}.field>span{color:#536079}.field input,.field textarea,.field select,.search input{background:#fff;border-color:#dce1e8;color:#14213a;border-radius:8px;box-shadow:none}.field input:focus,.field textarea:focus{border-color:#245ce9;box-shadow:0 0 0 3px #245ce913}.field input::placeholder,.field textarea::placeholder{color:#939cad}.hh-select-trigger{background:#fff;color:#14213a;border-color:#dce1e8;border-radius:8px;box-shadow:none}.hh-select-trigger:hover{background:#fafbff;border-color:#a5b9eb}.hh-select-trigger:focus-visible,.hh-select-trigger[aria-expanded=true]{border-color:#245ce9;box-shadow:0 0 0 3px #245ce918}.hh-select-popup{background:#fff;border-color:#dce1e8;border-radius:12px;box-shadow:0 14px 40px #14213a18;color:#14213a}.hh-select-option[aria-selected=true]{background:#eaf0ff;color:#245ce9}.hh-select-option.highlighted{background:#f1f4fc;box-shadow:inset 0 0 0 1px #dce5fb}.hh-select-check{color:#245ce9}.hh-select-title,.hh-select-group{color:#647089}.hh-select-search{border-color:#dce1e8;color:#14213a}.hh-select-done{background:#245ce9;color:#fff}
/* Surfaces, tables and common workflow navigation */
.panel,.stat,.campaign-card,.branch-card,.media-card,.connector-card,.integration-card,.company-card,.studio-card,.mk-platform,.spend-account{background:#fff;border-color:#dce1e8;border-radius:14px;box-shadow:0 4px 18px #14213a03}.panel-head{padding-top:22px}.panel-head h2{color:var(--ink)}.stat strong,.mk-stat strong,.studio-metrics strong{color:#14213a}.stat>div{color:#5d6a7d}.stat>div svg{color:#8493ad}.stat small{color:#8490a3}.empty-icon,.branch-icon,.source-card,.list-symbol{background:#edf2ff;color:#245ce9}.flow-arrow{color:#a5b6d5}table{color:#14213a}th{background:#f5f6fa;color:#657187;border-color:#e6e9ee;font-size:11px;letter-spacing:.02em}td{border-color:#e8ebf0}tbody tr:hover{background:#fafbff}.table-note,.panel-bottom{border-color:#e6e9ee;background:#fafbfc;color:#657187}.toolbar{border-color:#e6e9ee}.tabs button.active,.company-tabs .active,.mk-tabs .active,.snap-tabs .active,.me-tabs .active{background:#eaf0ff;color:#245ce9;border-color:#baccf8}.company-wizard-steps .active,.studio-steps .active,.workflow-steps .active{background:#245ce9;color:#fff;border-color:#245ce9}.choice.selected,.choice.is-selected,.ads-options .selected{background:#edf2ff;border-color:#245ce9;color:#14213a}
/* Navy feature panels echo the home-page product showcase. */
.control-hero,.connector-hero,.workflow-hero,.sc-control-hero{background:radial-gradient(ellipse at 0 0,#253a65,transparent 60%),#101c34;color:#fff;border:1px solid #263854;border-radius:20px;box-shadow:none}.control-hero .eyebrow,.sc-eyebrow{color:#9db7f3}.control-hero p,.connector-hero p,.workflow-hero p,.sc-control-hero p{color:#bdc9df}.control-hero .btn,.connector-hero .btn,.workflow-hero .btn,#sc-center .sc-control-hero .btn{background:#fff;color:#14213a;border-color:#fff}.control-hero .btn.primary,.connector-hero .btn.primary,.workflow-hero .btn.primary,#sc-center .sc-control-hero .btn.primary{background:#245ce9;border-color:#245ce9;color:#fff}.company-console-hero,.company-intro,.connector-sales-intro,.workflow-callout{background:#f0f4fd;border-color:#dce5f7;color:#14213a}.company-monogram,.company-timeline-dot,.connector-step-number{background:#e7eeff;color:#245ce9}.company-usage-item progress,.spend-progress progress{accent-color:#245ce9}.snap-hero{background:#101c34;color:#fff;border:1px solid #263854}.snap-hero .primary{background:#245ce9;border-color:#245ce9;color:#fff}.snap-hero p{color:#bdc9df}
/* Dialog and studio chrome; do not recolor published artwork. */
dialog{color:#14213a;border:1px solid #dce1e8;border-radius:18px;box-shadow:0 28px 90px #101c3430}dialog::backdrop{background:#101c3466;backdrop-filter:blur(3px)}.modal-header,.modal-footer,.sc-studio-footer,.me-footer{background:#fff;border-color:#e4e8f0}.modal-header h2{font-weight:700}.modal-body{color:#14213a}.form-section,.form-panel{border-color:#dce1e8}.sc-cms-empty{background:linear-gradient(120deg,#f0f4ff,#faf8f3);border-color:#b9c9ec}.sc-cms-heading .eyebrow{color:#245ce9}.sc-cms-card,.sc-card,.sc-center-stats>div{border-color:#dce1e8;border-radius:16px;box-shadow:0 8px 24px #14213a05}.sc-center-stats strong{color:#14213a}.sc-center-help{background:#f5f6fa;border-color:#dce1e8}.sc-center-help ol{color:#536079}.sc-center-help p{color:#7a8496}.sc-pills span{background:#f1f4fa;color:#657187}.sc-guide-intro,.sc-claim{background:#f0f4fd;border-color:#dce5f7}.sc-address code{color:#245ce9}.sc-guide-steps,.sc-targets label{border-color:#dce1e8}.sc-monitor-facts{background:#e3e8f2;border-color:#dce1e8}.sc-canvas,.me-canvas-scroll{background:#f0f2f7}.sc-preview-box{border-color:#1b2b48;box-shadow:0 18px 45px #14213a15}.sc-item.selected{background:#eff4ff;border-color:#245ce9;box-shadow:inset 0 0 0 1px #245ce9}.sc-item-title>span{color:#7a8dab}.sc-playlist,.sc-inspector,.sc-section,.sc-cms-editor-head{border-color:#e4e8f0}.me-toolbar,.me-preview-toolbar{background:#fcfbf8;border-color:#dce1e8}.me-section-row.selected,.me-section-row.active{background:#edf2ff;border-color:#245ce9}.me-button.primary{background:#245ce9;color:#fff;border-color:#245ce9}
/* Entry points */
.login-story{background:#fcfbf8;color:#14213a;border-inline-end:1px solid #dce1e8}.login-story .wordmark{border:0;padding:0}.login-story .hh-platform-brand{width:150px}.login-story .eyebrow{color:#245ce9}.login-story h1{font-size:clamp(34px,4vw,58px);line-height:1.3;letter-spacing:-1px}.login-story p{color:#5d6a7d}.login-story>small{color:#8590a1}.login-channels span{color:#245ce9;border-color:#dce1e8;background:#fff}.login-form{background:#fff}.login-form h2{color:#14213a}.password-gate{border-color:#dce1e8}#toast{background:#14213a;color:#fff;box-shadow:0 10px 40px #14213a24}.sc-pair-device{background:#fcfbf8;color:#14213a}.sc-pair-device header{border-bottom:1px solid #dce1e8;padding-bottom:24px}.sc-pair-device p{color:#5d6a7d}.sc-pair-device button{color:#245ce9;border-color:#dce1e8;background:#fff}.sc-pair-device .sc-pair-code{background:#101c34;color:#fff;border-color:#263854;border-radius:20px;box-shadow:0 18px 45px #14213a12}.sc-pair-device footer{color:#7a8496}
@media(max-width:1050px){.sidebar .wordmark{padding-bottom:16px;min-height:64px}.sidebar .hh-platform-brand{width:94px}.sidebar{border-inline-end:0;border-bottom:1px solid #dce1e8}.sidebar .nav-item.active{box-shadow:inset 0 -3px #245ce9}.topbar{height:auto;min-height:68px}.main{padding-top:26px}}
@media(max-width:650px){.hh-platform-brand{width:94px}.main{padding-inline:18px}.page-heading{gap:14px;align-items:flex-start}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.page-heading>.btn{font-size:12px;padding:9px 12px}.top-actions{gap:8px}.sidebar{padding-top:14px}.sc-control-hero{border-radius:16px}.sc-cms-heading h2{font-size:22px}.login-story .hh-platform-brand{width:120px}.sc-pair-device header .hh-platform-brand{width:104px}dialog.sc-studio{border-radius:0}.sc-cms-grid{grid-template-columns:1fr}.app-footer{gap:12px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none}}
/* Resolve legacy module-specific overrides using the shared palette. */
.sc-control-hero .sc-hero-button{background:#245ce9!important;color:#fff!important;border-color:#245ce9!important}.sc-control-hero .sc-hero-secondary{background:#ffffff0b!important;color:#fff!important;border-color:#52627e!important}.sc-control-hero .sc-hero-secondary:hover{background:#ffffff20!important}.source-card.central{background:#eef2fc;border-color:#dce5f7}.badge.internal{background:#edf2ff;color:#526580}.wa-message.outgoing,.wa-preview{background:#eef3ff}.upload-zone{background:#f7f9ff;border-color:#b9c9ed}.company-progress,.bar{background:#edf2ff}

.sc-workspace-tabs{display:flex;gap:10px;margin-bottom:24px;padding:8px;background:#eef2f8;border:1px solid #dce1e8;border-radius:16px;flex-wrap:wrap}
.sc-workspace-tabs button{flex:1;min-height:46px}
.sc-file-picker{display:grid;gap:12px;margin:20px 0}
#sc-workspace-content[hidden],#sc-workspace-devices[hidden]{display:none!important}

/* Card-based workspace: no global sidebar, only the active system's sections. */
.systems-workspace{display:block}.systems-workspace .main-wrap{margin-inline-start:0;width:100%}.systems-workspace .topbar{padding-inline:clamp(18px,4vw,60px);gap:24px;flex-wrap:wrap;height:auto;min-height:82px;padding-block:14px}.systems-workspace .main{max-width:1440px;padding-top:22px}.system-brand{display:flex;align-items:center;flex-shrink:0}.system-brand .hh-platform-brand{width:105px}.systems-workspace .page-heading[hidden]{display:none}.system-navigation{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;font-size:14px}.systems-home{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:#245ce9;background:#edf2ff;border:1px solid #dce5f7;padding:10px 14px;border-radius:12px}.system-parent{color:#14213a;font-weight:600}.system-divider{color:#9ba6b5}.system-tabs{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:7px;margin-bottom:28px;background:#fff;border:1px solid #dce1e8;border-radius:14px}.system-tabs a{white-space:nowrap;padding:11px 17px;border-radius:9px;color:#5d6a7d;font-size:13px;font-weight:600}.system-tabs a[aria-current=page]{background:#14213a;color:#fff}.system-tabs a:hover{background:#edf2ff;color:#245ce9}.systems-intro{padding:30px 0 32px;max-width:780px}.systems-kicker{font-size:11px;color:#245ce9;font-weight:700;letter-spacing:1px}.systems-intro h2{font-size:clamp(28px,3vw,42px);line-height:1.4;letter-spacing:-1px;margin:12px 0;color:#14213a}.systems-intro p{font-size:15px;color:#647187;line-height:1.9;margin:0}.systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.system-card{display:flex;flex-direction:column;padding:25px;border:1px solid #dce1e8;border-radius:20px;background:#fff;color:#14213a;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;min-width:0}.system-card:hover{transform:translateY(-3px);border-color:#8ba9f4;box-shadow:0 14px 30px #14213a0a}.system-card:focus-visible,.system-tabs a:focus-visible,.systems-home:focus-visible,.system-parent:focus-visible{outline:3px solid #245ce9;outline-offset:4px}.system-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.system-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#edf2ff;color:#245ce9}.system-number{font-size:12px;color:#9ba6b5;font-variant-numeric:tabular-nums}.system-card h3{font-size:20px;margin:0 0 10px;line-height:1.5}.system-card p{font-size:13px;line-height:1.9;color:#68768a;margin:0 0 18px}.system-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.system-tags span{padding:5px 8px;background:#f5f7fa;border-radius:6px;color:#647187;font-size:10px}.system-card-bottom{border-top:1px solid #edf0f5;padding-top:17px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#245ce9}.systems-sections .system-card{min-height:200px}[dir=ltr] .system-card-bottom svg{transform:rotate(180deg)}.systems-workspace .top-actions{flex-wrap:wrap;justify-content:flex-end}.systems-workspace .app-footer{margin-top:36px}
@media(max-width:1000px){.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-workspace .today{display:none}.systems-workspace .main-wrap{margin:0;width:100%}}
@media(max-width:640px){.systems-workspace .topbar{gap:12px}.systems-workspace .top-actions{gap:6px;max-width:100%}.systems-workspace .system-brand .hh-platform-brand{width:80px}.systems-grid{grid-template-columns:1fr;gap:14px}.system-card{padding:21px}.systems-intro{padding:12px 0 24px}.system-tabs a{padding:10px 13px}.system-navigation{margin-bottom:16px}.systems-workspace .avatar{display:none}}
@media(prefers-reduced-motion:reduce){.system-card{transition:none}.system-card:hover{transform:none}}

.usage-account,.usage-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;margin-bottom:22px}.usage-account h2,.usage-heading h2{margin:8px 0}.usage-account p,.usage-heading p,.usage-notes p{color:#647187;line-height:1.9}.usage-account .actions{display:flex;gap:10px;flex-wrap:wrap}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.usage-meter{padding:24px}.usage-meter-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.usage-meter-title h3{font-size:16px}.usage-remaining{display:block;font-size:28px;margin:22px 0;color:#14213a}.usage-remaining small{font-size:13px;font-weight:400;color:#647187}.usage-values{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:#647187;margin-top:14px}.usage-meter .company-progress{height:7px;border-radius:8px;overflow:hidden}.usage-meter .company-progress span{display:block;height:100%;background:#245ce9}.usage-meter .company-progress.near-limit span{background:#ba7619}.usage-notes{padding:24px;margin-top:22px}.usage-notes small{color:#647187}@media(max-width:1000px){.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.usage-grid{grid-template-columns:1fr}.usage-account,.usage-heading{align-items:flex-start;flex-direction:column;padding:20px}}