.customer-portal-body{--canvas:#f4f5f7;--paper:#fff;--ink:#202b32;--muted:#596974;--line:#d5dfe5;background:var(--canvas);color:var(--ink)}
[data-theme="dark"] .customer-portal-body{--canvas:#111619;--paper:#1b2328;--ink:#edf3f5;--muted:#adbbc3;--line:#3a4850;--teal:#71d9c3;--teal-soft:#233d36;--cyan:#95cdef;--cyan-soft:#263f50;--amber:#f0c56d;--amber-soft:#423820}
.customer-header{background:#16282d;color:#f0f6f7;border-bottom:3px solid #35b8a2;min-height:84px}
.customer-header .customer-brand,.customer-header a{color:#f0f6f7}.customer-brand small{color:#b6ced2}.customer-header .button.quiet{background:transparent;color:#f0f6f7;border-color:#657c83}
.customer-theme-toggle{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #657c83;border-radius:6px;background:transparent;cursor:pointer}.customer-theme-toggle img{filter:brightness(0) invert(1)}.customer-theme-sun{display:none}[data-theme="dark"] .customer-theme-moon{display:none}[data-theme="dark"] .customer-theme-sun{display:block}
.customer-page-heading{padding:24px 0 28px}.customer-page-heading h1{font-size:32px}.customer-page-heading p,.customer-account{color:var(--muted)}.customer-account{padding:10px 0;border-bottom:2px solid var(--cyan)}
.customer-overview{background:var(--paper);border-color:var(--line)}.customer-overview>div{border-color:var(--line);border-top:3px solid var(--teal)}.customer-overview>div:nth-child(2){border-top-color:var(--cyan)}.customer-overview>div:nth-child(3){border-top-color:var(--amber)}.customer-overview dt{color:var(--muted)}.customer-overview .customer-overview-text{color:var(--teal)}
.customer-overview>div:last-child{border-top:3px solid var(--amber)}
.customer-reissue-form .form-stack label.commerce-checkbox{display:flex;align-items:flex-start;gap:12px}.customer-reissue-form .commerce-checkbox input{width:20px;height:20px;flex:0 0 20px;padding:0;margin:2px 0}.customer-reissue-form .commerce-checkbox span{font-weight:500;line-height:1.5}.customer-reissue-status{padding:12px 0;overflow-wrap:anywhere}.customer-reissue-form summary{cursor:pointer}
.customer-license-actions .customer-activation-hint{max-width:64ch;font-size:14px;border-left:2px solid var(--cyan);padding-left:12px}
.customer-tabs{border-color:var(--line)}.customer-tabs a{color:var(--muted)}.customer-tabs a:hover,.customer-tabs a:focus-visible{color:var(--teal);border-color:var(--teal)}
.customer-portal-main>section{border-bottom:1px solid var(--line)}.customer-portal-main h2{font-size:24px}.customer-portal-main h3{font-size:19px}.customer-orders{background:var(--paper)}.customer-orders th{color:var(--muted);background:var(--cyan-soft)}.customer-portal-main td,.customer-portal-main th{border-color:var(--line)}
.customer-license,.customer-portal-main .customer-auth{background:var(--paper);border-color:var(--line)}.customer-license{border-top:3px solid var(--teal);box-shadow:0 4px 14px rgba(0,0,0,.04)}.customer-license-actions,.customer-device-row,.customer-license .form-stack{border-color:var(--line)}.customer-license-actions p,.customer-license .form-stack p{color:var(--muted)}.customer-license-actions p{flex-basis:100%}.customer-license-heading .eyebrow{color:var(--teal)}
.customer-update-help{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.customer-update-help>div{min-width:0}.customer-update-help>div+div{border-left:3px solid var(--cyan);padding-left:24px}.customer-update-help ol{padding-left:20px;line-height:1.7}.customer-update-help li{padding:4px 0}.customer-update-help a{color:var(--teal);font-weight:600}.customer-portal-main :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:760px){.customer-update-help{grid-template-columns:1fr;gap:20px}.customer-header nav{gap:10px}.customer-overview>div{padding:16px 10px}.customer-overview dt{overflow-wrap:anywhere}.customer-page-heading h1{font-size:26px}.customer-orders tr{background:var(--paper);border-color:var(--line)}.customer-orders td[data-label]:before{color:var(--muted)}}
@media(prefers-reduced-motion:no-preference){.customer-tabs a,.customer-portal-body .button,.customer-theme-toggle{transition:background-color .15s ease,border-color .15s ease,color .15s ease}}
