/* Customer tasks on existing Brightlook brand surfaces; no decorative motion. */
.customer-workspace { max-width: 1320px; gap:16px; }
.customer-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 32px; border-radius:24px; background:var(--lemon); color:var(--color-ink); }
.customer-intro > div { min-width:0; }
.customer-intro h1 { margin:4px 0 10px; font-size:clamp(28px,2.8vw,40px); font-weight:550; letter-spacing:-.035em; line-height:1.1; overflow-wrap:anywhere; }
.customer-intro p { margin:0; font-size:16px; line-height:1.55; color:var(--color-ink); overflow-wrap:anywhere; }
.customer-intro .customer-context { font-size:14px; }
.customer-intro > .btn { flex-shrink:0; background:#d0005b; color:#fff; border-color:#d0005b; }
.customer-intro > .btn:hover { background:#ab004b; border-color:#ab004b; }
.workspace-shell .customer-intro > .btn-primary:active:not(:disabled) { background:#8f003f; border-color:#8f003f; color:#fff; }
.customer-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:0; min-height:44px; }
.customer-toolbar .btn[aria-disabled="true"] { opacity:1; background:var(--surface-2); color:var(--ink-2); border-color:var(--line-strong); cursor:wait; }
.customer-feedback { margin:0; font-size:14px; color:var(--ink-3); }
.customer-body { display:grid; gap:24px; min-width:0; }
.customer-top { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); align-items:start; gap:24px; }
.customer-services { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px; }
.customer-panel { border:1px solid var(--line); border-radius:20px; background:var(--surface); overflow:hidden; min-width:0; }
.customer-panel-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 12px; padding:20px 24px; border-bottom:1px solid var(--line); }
.customer-panel h2 { margin:0; font-size:20px; font-weight:550; line-height:1.25; letter-spacing:-.02em; }
.customer-panel h3 { margin:0; font-size:16px; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.customer-panel p { font-size:16px; line-height:1.55; }
.customer-panel .btn, .customer-workspace .btn { min-height:44px; max-width:100%; padding-block:10px; font-size:14px; line-height:1.3; white-space:normal; overflow-wrap:anywhere; }
.customer-site-list, .customer-record-list, .customer-checklist { padding:0; margin:0; list-style:none; }
.customer-site { display:flex; align-items:center; gap:16px; padding:20px 24px; }
.customer-site + .customer-site, .customer-record-list > li + li { border-top:1px solid var(--line); }
.customer-site-icon { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; color:var(--color-ink); background:var(--lemon); border-radius:8px 14px 8px 8px; }
.customer-record-copy { min-width:0; flex:1; overflow-wrap:anywhere; }
.customer-record-copy p { margin:6px 0 0; font-size:14px; color:var(--ink-3); }
.customer-record-link { color:var(--ink); text-decoration:underline; text-decoration-color:var(--line-strong); text-underline-offset:4px; }
.customer-record-link:hover { color:var(--accent-text); }
.customer-site > .btn { flex-shrink:0; }
.customer-account { background:var(--mint); color:var(--color-ink); border-color:var(--mint); padding-bottom:24px; }
.customer-account .customer-panel-head { border-color:rgb(32 33 36 / .24); }
.customer-checklist { padding:0 24px; }
.customer-checklist li { display:flex; justify-content:space-between; gap:12px; padding:18px 0; border-bottom:1px solid rgb(32 33 36 / .24); }
.customer-checklist li:last-child { border-bottom:0; }
.customer-checklist strong, .customer-checklist span { display:block; font-size:16px; line-height:1.5; }
.customer-checklist li > div > span { font-size:14px; margin-top:3px; }
.customer-check { flex:0 0 24px; }
.customer-account > .btn { margin:0 24px; background:#fff; border-color:#767676; color:#202124; }
.customer-account > .btn:hover { background:#f5f5f6; }
.workspace-shell .customer-account > .btn:active:not(:disabled) { background:#eaeaec; border-color:#767676; color:#202124; }
.customer-empty { padding:28px 24px; }
.customer-empty h3 { font-size:24px; font-weight:550; }
.customer-empty p { max-width:45ch; margin:12px 0 24px; color:var(--ink-2); }
.customer-service-content { padding:20px 24px 4px; }
.customer-service-content > p:first-child { margin-top:0; }
.customer-service-note { color:var(--ink-2); }
.customer-record-list > li { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:18px 0; }
.customer-record-list .badge { white-space:normal; text-align:center; max-width:12ch; flex-shrink:0; font-size:14px; }
.customer-panel .customer-sample { font-size:14px; color:var(--ink-3); padding:0 24px 20px; margin:0; }
.customer-service-content .customer-sample { padding:4px 0 16px; }
.customer-panel > .customer-empty-copy { margin:0; padding:20px 24px 24px; }
.customer-empty-copy { color:var(--ink-2); }
.customer-attention { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; border:1px solid var(--line); border-radius:20px; }
.customer-attention h2 { margin:0 0 8px; font-size:20px; }
.customer-attention p { margin:0; font-size:16px; }
.customer-snapshot { margin:0; font-size:14px; color:var(--ink-3); }
.customer-loading { margin:0; padding:32px 0; font-size:16px; }
.customer-account-changed p { font-size:16px; margin:20px 0; }
.customer-intro :focus-visible, .customer-account :focus-visible { outline:3px solid #202124; outline-offset:4px; }
@media(max-width:900px) { .customer-top { grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr); } }
@media(max-width:768px) {
 .customer-top,.customer-services { grid-template-columns:minmax(0,1fr); }
 .customer-intro { padding:24px; gap:20px; }
 .customer-site { flex-wrap:wrap; }
}
@media(max-width:480px) {
 .customer-workspace { width:100%; padding-inline:5vw; }
 .customer-intro { align-items:flex-start; flex-direction:column; padding:24px 20px; border-radius:20px; gap:20px; }
 .customer-toolbar { align-items:flex-start; gap:8px; }
 .customer-toolbar .btn { flex-shrink:0; }
 .customer-feedback { max-width:18ch; padding-top:10px; }
 .customer-panel-head,.customer-site { padding:20px; }
 .customer-service-content { padding:20px 20px 4px; }
 .customer-panel > .customer-empty-copy { padding:20px; }
 .customer-record-list > li { flex-wrap:wrap; }
 .customer-record-list > li .customer-record-copy { flex-basis:100%; }
 .customer-record-list .badge { max-width:none; }
 .customer-site-icon { display:none; }
 .customer-site .customer-record-copy { flex-basis:calc(100% - 90px); }
 .customer-attention { flex-direction:column; align-items:flex-start; }
 .customer-intro .btn { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
 .customer-workspace *, .customer-workspace *::before, .customer-workspace *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}