.cw-active{margin:0;background:var(--sto-background);color:var(--sto-text-primary)}
.cw-active>.portal-header,.cw-active>.portal-footer,.cw-active #accountSection,.cw-active #onboardingSection{display:none!important}
.cw-active #mainContent{max-width:none;width:100%;padding:0;margin:0}
.cw-active .skip-link{z-index:1000}
.cw-shell{--cw-line:var(--sto-border);--cw-surface:var(--sto-surface);display:grid;grid-template-columns:216px minmax(0,1fr) 292px;gap:12px;min-height:100dvh;margin:0;padding:12px;box-sizing:border-box;align-items:start}
.cw-shell[hidden],.cw-shell [hidden]{display:none!important}
.cw-sidebar,.cw-context{position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--cw-line);border-radius:12px;background:var(--cw-surface);padding:14px;box-sizing:border-box}
.cw-sidebar{display:flex;flex-direction:column;min-height:calc(100dvh - 24px)}
.cw-sidebar>*{flex-shrink:0}
.cw-brand{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:8px;color:var(--sto-text-primary);text-decoration:none;margin-bottom:18px}
.cw-brand img{width:56px;height:64px;object-fit:contain}.cw-brand strong{font-size:14px}
.cw-navigation summary{display:none}.cw-navigation nav{display:grid;gap:6px}
.cw-shell button,.cw-shell .cw-button,.cw-shell .primary-btn,.cw-shell .ghost-btn{min-height:44px;border:1px solid var(--sto-border-control);border-radius:8px;padding:9px 12px;background:var(--sto-muted);color:var(--sto-text-primary);font-weight:700;font-size:14px;line-height:1.35;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;white-space:normal}
.cw-shell button:hover,.cw-shell .cw-button:hover,.cw-shell .ghost-btn:hover{background:color-mix(in srgb,var(--sto-text-primary) 12%,var(--sto-surface))}
.cw-shell .primary-btn,.cw-navigation [aria-current="page"]{background:var(--sto-accent);color:#fff;border-color:var(--sto-accent)}
.cw-shell .primary-btn:hover,.cw-navigation [aria-current="page"]:hover{background:var(--sto-accent-hover,var(--sto-accent));color:#fff}
.cw-shell button:disabled{opacity:.6;cursor:not-allowed}.cw-shell :focus-visible{outline:3px solid var(--sto-focus);outline-offset:3px}
.cw-navigation button{justify-content:flex-start;width:100%;text-align:left;font-size:13px}
.cw-account{display:grid;gap:9px;margin-top:auto;padding-top:24px;overflow-wrap:anywhere}.cw-account small{color:var(--sto-text-secondary);font-size:12px}
.cw-main{min-width:0;padding:4px 4px 24px}.cw-main>section{display:grid;gap:14px}
.cw-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--cw-line);padding-bottom:14px;margin-bottom:16px}
.cw-toolbar h1{margin:3px 0;font-size:clamp(22px,2.1vw,30px);line-height:1.2}.cw-toolbar .eyebrow{font-size:11px}
.cw-actions,.cw-section-heading,.cw-filter-bar,.cw-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cw-section-heading{justify-content:space-between}
.cw-shell h2{font-size:17px;line-height:1.35;margin:0 0 8px}.cw-shell h3{font-size:15px;margin:0 0 6px}.cw-shell p{margin:0 0 10px;line-height:1.5}.cw-shell .card-note{font-size:13px;color:var(--sto-text-secondary)}
.cw-card,.cw-metric,.cw-vehicle,.cw-notification{border:1px solid var(--cw-line);border-radius:10px;padding:14px;background:var(--cw-surface);min-width:0;overflow-wrap:anywhere}
.cw-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px}.cw-metric span{display:block;color:var(--sto-text-secondary);font-size:12px}.cw-metric strong{display:block;font-size:24px;line-height:1.25;margin:5px 0}
.cw-stack{display:grid;gap:10px}.cw-vehicles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.cw-vehicle .cw-actions{margin-top:12px}.cw-vehicle .cw-actions button{flex:1 1 auto;font-size:12px;padding:8px}
.cw-pagination{justify-content:center}.cw-search{max-width:400px}.cw-shell label{display:grid;gap:5px;font-size:13px;font-weight:600;min-width:0}
.cw-shell input:not([type="checkbox"]):not([type="radio"]),.cw-shell select,.cw-shell textarea{width:100%;min-width:0;max-width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--sto-border-control);border-radius:7px;background:var(--sto-background);color:var(--sto-text-primary);box-sizing:border-box;font:inherit;font-size:16px}
.cw-shell textarea{min-height:72px;resize:vertical}.cw-shell .consent-check{display:flex;align-items:flex-start;gap:8px;font-weight:400}.cw-shell .consent-check input{flex:none;width:18px;height:18px}
.cw-shell .email-account-form,.cw-compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:650px;margin:12px 0}
.cw-wide,.cw-shell .email-account-form>h2,.cw-shell .email-account-form>h3,.cw-shell .email-account-form>.garage-actions,.cw-shell .email-account-form>.notice,.cw-shell .email-account-form>.field-hint{grid-column:1/-1}
.cw-shell .email-account-form [data-field]{grid-column:1/-1}.cw-shell .email-account-form [data-field] input{max-width:380px}.cw-shell .email-account-form [data-field="code"] input{max-width:180px}
.cw-dialog{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:var(--sto-surface);color:var(--sto-text-primary);border:1px solid var(--sto-border);border-radius:12px;padding:20px}.cw-dialog::backdrop{background:#0009}.cw-dialog-close{float:right;margin-left:10px}.cw-dialog form{clear:both}
.cw-context{display:grid;gap:12px}.cw-count{border-radius:20px;padding:4px 9px;background:var(--sto-muted);font-weight:700;font-size:13px}.cw-notification[data-urgent="true"]{border-color:var(--sto-accent)}.cw-notification[data-read="true"]{opacity:.8}.cw-notification strong{font-size:13px;display:block;margin-bottom:5px}.cw-notification p{font-size:12px}.cw-notification button{width:100%;font-size:12px}
.cw-advisor{display:flex;gap:10px;align-items:center;margin:10px 0 14px}.cw-advisor img,.cw-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;background:var(--sto-muted);display:grid;place-items:center;flex:none;font-size:20px;font-weight:700}.cw-advisor strong,.cw-advisor small{display:block}.cw-advisor small{font-size:12px;color:var(--sto-text-secondary)}
.cw-progress{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0;margin:12px 0}.cw-progress li{border:1px solid var(--cw-line);border-radius:7px;padding:8px;color:var(--sto-text-secondary);font-size:12px}.cw-progress [aria-current="step"]{border-color:var(--sto-accent);color:var(--sto-text-primary);font-weight:700}.cw-progress [data-done="true"]{background:var(--sto-muted)}
.cw-statistics{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;align-items:end}.cw-stat-month{display:grid;align-content:end;gap:5px;text-align:center;font-size:10px;color:var(--sto-text-secondary)}.cw-stat-bar{height:var(--bar-height,2px);min-height:2px;max-height:90px;background:var(--sto-accent);border-radius:3px 3px 0 0}.cw-stat-month strong{font-size:12px;color:var(--sto-text-primary)}
.cw-orders{min-width:0;display:grid;gap:12px}.cw-orders .history-card{padding:14px;min-width:0}.cw-filter-bar label{flex:1 1 170px}.cw-shell .order-card{padding:14px}.cw-shell .order-details-block{padding:10px;overflow-wrap:anywhere}.cw-shell .muted,.cw-shell .repair-activity-list time{color:var(--sto-text-secondary)}
.cw-shell .order-finance-summary,.cw-shell .order-estimate-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}.cw-shell .loyalty-layout,.cw-shell .client-dashboard-grid,.cw-shell .loyalty-content-grid{grid-template-columns:minmax(0,1fr)}
.cw-shell #clientLoyaltyPanel{padding:14px;min-width:0}.cw-shell #appointmentSection{margin:0;padding:0;min-width:0}.cw-shell .booking-grid,.cw-shell .appointment-grid{grid-template-columns:minmax(0,1fr)}.cw-shell .appointment-form{max-width:100%;min-width:0}.cw-shell .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.cw-shell .email-account-section .profile-card{padding:14px;max-width:none}.cw-shell .notice{font-size:13px}.cw-shell .notice:empty{display:none}.cw-shell .garage-actions{gap:8px}.cw-shell .garage-actions button{min-height:44px}
@media(min-width:1101px){.cw-main{height:calc(100dvh - 24px);overflow:auto;scrollbar-gutter:stable}.cw-context{height:calc(100dvh - 24px)}}
@media(max-width:1200px){.cw-shell{grid-template-columns:190px minmax(0,1fr) 250px;gap:8px;padding:8px}.cw-sidebar,.cw-context{padding:10px;top:8px}.cw-toolbar .cw-actions{width:100%}}
@media(max-width:1100px){.cw-shell{grid-template-columns:180px minmax(0,1fr)}.cw-context{grid-column:2;position:static;max-height:none}.cw-sidebar{grid-row:1/3}.cw-main{min-height:0}.cw-toolbar .cw-actions{width:auto}}
@media(max-width:700px){.cw-shell{display:block;padding:8px}.cw-sidebar{position:static;min-height:0;max-height:none;display:block;margin-bottom:10px}.cw-brand{display:flex;align-items:center;margin:0 0 8px;gap:12px}.cw-brand img{width:88px}.cw-navigation summary{display:list-item;min-height:44px;padding:10px;box-sizing:border-box;cursor:pointer;font-weight:700}.cw-navigation nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}.cw-account{display:flex;flex-wrap:wrap;align-items:center;padding-top:10px;gap:8px}.cw-account>strong,.cw-account>small{width:100%;font-size:12px}.cw-account .cw-button{font-size:12px;flex:1}.cw-main{padding:0 0 12px}.cw-context{margin-top:12px}.cw-toolbar .cw-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.cw-toolbar .cw-actions>*{font-size:12px}.cw-shell .email-account-form,.cw-compact-form{grid-template-columns:1fr}.cw-shell .cw-metrics{grid-template-columns:1fr 1fr}.cw-dialog{padding:14px}.cw-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-statistics{gap:3px}.cw-stat-month{font-size:9px}.cw-shell .order-card{padding:10px}}
.cw-context{align-content:start}
.cw-main>section>button{justify-self:start}
.cw-shell .bonus-card,.cw-shell .bonus-card__body,.cw-shell .bonus-card .card-head{min-height:0;gap:14px;padding:14px}
.cw-shell .client-loyalty-card,.cw-shell .bonus-how-it-works{margin:8px 0;padding:10px}
.cw-shell details>summary{min-height:44px;padding:10px;box-sizing:border-box}
.cw-shell .loyalty-help-panel{margin:8px 0}
.cw-shell #loyaltyCard{padding:14px;gap:12px}
.cw-shell .client-qr-card{margin:0;padding:10px;border-radius:9px}
.cw-shell .loyalty-wallet-grid{grid-row:2}
.cw-shell .loyalty-wallet-meta{grid-row:3}
.cw-shell #clientLoyaltyPanel th{background:var(--sto-muted);color:var(--sto-text-primary)}
.cw-shell .loyalty-wallet-card .cw-wallet-note{margin:0;font:inherit;line-height:1.4;color:var(--sto-text-secondary)}