/* X1128 / source-owned authenticated customer-office styles. Company design tokens are shared with public commercial paths. */
.co-main{max-width:1050px;margin:0 auto;padding:clamp(30px,5vw,70px) 22px 100px}.co-main h1{font-size:clamp(40px,5vw,69px);letter-spacing:-.07em;line-height:1.08;font-weight:500;margin:15px 0}.co-main h2{font-size:clamp(23px,3vw,34px);font-weight:500;letter-spacing:-.04em}.co-subtitle{color:var(--obsidian-muted);max-width:650px}.co-panel{margin-top:25px;border:1px solid var(--obsidian-line);border-radius:18px;background:var(--obsidian-surface);padding:clamp(22px,4vw,43px)}.co-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:27px 0}.co-card{border:1px solid var(--obsidian-line);border-radius:12px;padding:17px}.co-card b{display:block}.co-card p{color:var(--obsidian-muted);font-size:12px}.co-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.co-fields label{display:grid;gap:7px;font-size:12px;color:var(--obsidian-ink)}.co-fields input,.co-fields textarea{width:100%;background:var(--obsidian-bg);border:1px solid var(--obsidian-line);color:var(--obsidian-ink);padding:13px 15px;min-height:47px;border-radius:10px;resize:vertical;font:inherit}.co-fields .co-wide{grid-column:1/-1}.co-note{font-size:12px;color:var(--obsidian-muted)}.co-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:23px}.co-select{background:var(--obsidian-surface);color:white;padding:10px;border:1px solid var(--obsidian-line);border-radius:8px}@media(max-width:720px){.co-cards{grid-template-columns:1fr}.co-fields{grid-template-columns:1fr}.co-fields .co-wide{grid-column:auto}}
.ob-commercial .co-main{padding-bottom:clamp(60px,10vw,130px)}.ob-commercial .co-main h1{font-weight:620;letter-spacing:-.064em}
.ob-commercial .co-subtitle{font-size:15px;line-height:1.65}
.ob-commercial .co-panel{box-shadow:none;background:var(--obsidian-surface);border-color:var(--obsidian-line);border-radius:var(--obsidian-radius-md)}
.ob-commercial .co-card{background:var(--obsidian-raised);border-color:var(--obsidian-line)}
.ob-commercial .co-fields :is(input,textarea){background:var(--obsidian-bg);color:var(--obsidian-ink);border:1px solid var(--obsidian-line);border-radius:var(--obsidian-radius-sm)}
.ob-commercial .co-fields :is(input,textarea):focus-visible{outline:2px solid var(--obsidian-mint)}
.ob-commercial .co-select{background:var(--obsidian-surface);border-color:var(--obsidian-line);color:var(--obsidian-ink);min-height:44px}
.ob-commercial #co-state{font-size:13px;color:var(--obsidian-muted);min-height:24px}
.ob-commercial #co-empty .cx-link{display:inline-flex;min-height:44px;align-items:center;padding:.6rem .95rem;background:var(--obsidian-mint);color:#183024;text-decoration:none;font-weight:700;border-radius:10px;margin-top:8px}
.ob-commercial #co-empty .cx-link:hover{background:#c9f5e3}
.ob-commercial footer{background:var(--obsidian-surface);border-color:var(--obsidian-line)}
@media(max-width:720px){.ob-commercial .co-main h1{font-size:clamp(34px,9vw,56px)}}

/* X-UX-972: customer office header actions meet touch-area requirements. */
body.ob-customer .ob-topbar :is(.cx-logo,.cx-muted){display:inline-flex;align-items:center;min-height:44px}
body.ob-customer .ob-topbar .cx-muted{min-width:44px;justify-content:center;padding-inline:7px}
body.ob-customer .ob-topbar :is(.cx-logo,.cx-muted):focus-visible{outline:2px solid var(--obsidian-mint,#69d6ce);outline-offset:3px;border-radius:8px}
@media(max-width:480px){
 body.ob-customer .ob-topbar{gap:10px}
 body.ob-customer .ob-topbar :is(.cx-logo,.cx-muted){min-width:0}
 body.ob-customer .ob-topbar .cx-muted{white-space:normal;text-align:right;line-height:1.35}
}