.client-receipts-list{gap:12px;padding:14px 16px 90px;display:grid}.client-receipt-card{background:var(--paper);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;box-shadow:0 5px 18px #0b22390d}.client-purchase-filter{gap:6px;margin-bottom:12px;display:grid}.client-purchase-filter>span{color:var(--muted);font-size:9px;font-weight:700}.client-purchase-filter select{background:var(--paper);border:1px solid var(--line-soft);color:var(--ink);font:inherit;border-radius:12px;padding:11px 12px}.client-purchase-card{color:inherit;cursor:pointer;text-align:left;width:100%;padding:0;display:block}.client-purchase-card>header>svg{color:var(--muted)}.client-retail-orders{background:var(--client-accent-subtle);border:1px solid var(--client-border);border-radius:16px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.client-retail-orders>header{justify-content:space-between;align-items:center;display:flex}.client-retail-orders>header>div{gap:2px;display:grid}.client-retail-orders>header strong{font-size:13px}.client-retail-orders>header small{color:var(--muted);font-size:9px}.client-retail-orders .client-receipts-list{gap:10px;padding:0}.client-retail-order-scopes{background:var(--client-surface-muted);border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;display:grid}.client-retail-order-scopes button{color:var(--muted);font:inherit;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:35px;font-size:10px;font-weight:750;display:inline-flex}.client-retail-order-scopes button span,.client-retail-order-filters button span{background:var(--client-surface-muted);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;display:inline-flex}.client-retail-order-scopes button.is-active{background:var(--paper);color:var(--client-accent-strong);box-shadow:0 2px 8px #0b223914}.client-retail-order-scopes button.is-active span,.client-retail-order-filters button.is-active span{background:var(--client-accent-strong);color:var(--paper)}.client-retail-order-filters{scrollbar-width:none;gap:7px;margin-inline-start:-12px;margin-inline-end:-12px;padding:0 12px 2px;display:flex;overflow-x:auto}.client-retail-order-filters::-webkit-scrollbar{display:none}.client-retail-order-filters button{background:var(--paper);border:1px solid var(--client-border);color:var(--muted);font:inherit;border-radius:999px;flex:none;align-items:center;gap:5px;min-height:31px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.client-retail-order-filters button.is-active{background:var(--client-accent-soft);border-color:var(--client-accent);color:var(--client-accent-strong)}.client-retail-orders__loading,.client-retail-orders__empty,.client-retail-orders__error{border-radius:13px;min-height:86px}.client-retail-orders__loading,.client-retail-orders__empty{background:var(--paper);color:var(--muted);justify-content:center;align-items:center;display:flex}.client-retail-orders__loading{gap:9px;font-size:10px}.client-retail-orders__empty{text-align:center;flex-direction:column;gap:5px;padding:16px}.client-retail-orders__empty svg{color:var(--client-accent-strong)}.client-retail-orders__empty strong{color:var(--ink);font-size:11px}.client-retail-orders__empty small{font-size:9px;line-height:1.45}.client-retail-orders__error{background:var(--client-danger-soft);color:var(--client-danger);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:11px;display:grid}.client-retail-orders__error>div{gap:3px;display:grid}.client-retail-orders__error strong{font-size:10px}.client-retail-orders__error small{color:var(--muted);font-size:9px;line-height:1.4}.client-retail-orders__error button{background:var(--paper);border:1px solid color-mix(in srgb, var(--client-danger) 30%, transparent);color:var(--client-danger);font:inherit;border-radius:9px;grid-column:2;justify-self:start;align-items:center;gap:5px;min-height:31px;padding:0 10px;font-size:9px;font-weight:750;display:inline-flex}.client-retail-order-card>footer{gap:12px}.client-retail-order-card>footer>small{text-align:right;max-width:52%}.client-retail-order-progress{background:var(--client-surface-muted);height:4px;overflow:hidden}.client-retail-order-progress>span{background:var(--accent);height:100%;transition:width .2s;display:block}.client-purchase-detail .client-receipt-items small strong{color:var(--ink)}.client-purchase-detail>header{align-items:flex-start}.client-purchase-detail>header>.badge{margin-left:auto}.client-purchase-detail .client-receipt-items>span{align-items:flex-start;gap:12px}.client-purchase-detail .client-receipt-items>span>small{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.4}.client-purchase-detail .client-receipt-items>span>strong{text-align:right;white-space:nowrap;flex:none}.client-purchase-detail>footer{flex-wrap:wrap;gap:12px}.client-purchase-detail>footer>a{margin-left:auto}.client-purchase-vehicle-card{background:var(--paper);border:1px solid var(--line-soft);border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex;box-shadow:0 5px 18px #0b22390d}.client-purchase-vehicle-card>span{background:var(--client-accent-soft);color:var(--client-accent-strong);border-radius:11px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.client-purchase-vehicle-card>div{flex:1;gap:2px;min-width:0;display:grid}.client-purchase-vehicle-card small{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:700}.client-purchase-vehicle-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.client-purchase-vehicle-card em{color:var(--client-accent-strong);letter-spacing:.04em;font-size:9px;font-style:normal;font-weight:800}.client-delivery-card{border:1px solid var(--client-border);background:var(--client-accent-subtle);border-radius:18px;gap:14px;margin:14px 16px 0;padding:16px;display:grid}.client-delivery-card>header{align-items:center;gap:10px;display:flex}.client-delivery-card>header>span{width:38px;height:38px;color:var(--client-accent-strong);background:var(--client-accent-soft);border-radius:11px;flex:none;place-items:center;display:grid}.client-delivery-card>header>div,.client-delivery-card>footer>span{gap:2px;display:grid}.client-delivery-card>header>div{flex:1;min-width:0}.client-delivery-card>header small,.client-delivery-card>header time,.client-delivery-card>footer small,.client-delivery-card>p{color:var(--muted);font-size:10px}.client-delivery-card>header time{white-space:nowrap}.client-delivery-card>footer{flex-wrap:wrap;gap:12px 24px;padding-top:2px;display:flex}.client-delivery-card>p{margin:-4px 0 0}.client-delivery-card.is-interrupted{border-color:color-mix(in srgb, var(--amber) 45%, var(--client-border));background:color-mix(in srgb, var(--amber) 8%, var(--paper))}.client-delivery-timeline{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.client-delivery-timeline li{color:var(--muted-2);text-align:center;justify-items:center;gap:5px;display:grid;position:relative}.client-delivery-timeline li:not(:last-child):after{content:"";z-index:0;background:var(--line);width:calc(100% - 10px);height:2px;position:absolute;top:5px;left:calc(50% + 5px)}.client-delivery-timeline li.is-passed:not(:last-child):after,.client-delivery-timeline li.is-complete i{background:var(--client-accent)}.client-delivery-timeline i{z-index:1;border:2px solid var(--paper);background:var(--line-strong);width:12px;height:12px;box-shadow:0 0 0 1px var(--line);border-radius:50%;position:relative}.client-delivery-timeline li.is-complete{color:var(--client-accent-strong)}.client-delivery-timeline small{font-size:9px}.client-installation-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;gap:14px;margin:14px 16px 24px;padding:18px;display:grid}.client-installation-card>header,.client-installation-record,.client-installation-form>div,.client-installation-form footer{align-items:center;gap:12px;display:flex}.client-installation-card>header>span{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.client-installation-card>header>div,.client-installation-record>span,.client-installation-form label{gap:4px;min-width:0;display:grid}.client-installation-card small,.client-installation-form label>span{color:var(--muted);font-size:12px}.client-installation-record{border-top:1px solid var(--line);justify-content:space-between;padding:11px 0}.client-installation-record-wrap{border-top:1px solid var(--line);gap:10px;display:grid}.client-installation-record-wrap .client-installation-record{border-top:0}.client-inline-action{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--accent);background:0 0;border:0;padding:0;font-weight:700}.client-installation-prompt-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.client-installation-prompt-actions .client-primary-button{min-width:0}.client-secondary-button{border:1px solid var(--line-strong);min-height:39px;color:var(--ink);background:var(--paper);font:inherit;border-radius:11px;padding:0 14px;font-size:12px;font-weight:720}.client-installation-dismiss-toggle{color:var(--muted);font:inherit;text-align:left;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:2px 0;font-size:11px}.client-installation-snooze-options,.client-installation-dismiss-reasons{background:var(--client-surface-muted);border-radius:12px;grid-column:1/-1;gap:7px;padding:10px;display:grid}.client-installation-snooze-options{grid-template-columns:repeat(3,minmax(0,1fr))}.client-installation-dismiss-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.client-installation-snooze-options small,.client-installation-dismiss-reasons small{grid-column:1/-1}.client-installation-snooze-options button,.client-installation-dismiss-reasons button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--paper);font:inherit;border-radius:10px;padding:6px 8px;font-size:10px}.client-installation-form{gap:12px;padding-top:4px;display:grid}.client-installation-form>div>label{flex:1}.client-installation-form input,.client-installation-form select{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);background:var(--paper);font:inherit;border-radius:12px;padding:0 12px}.client-installation-item-picker{border:1px solid var(--line);border-radius:12px;gap:8px;margin:0;padding:12px;display:grid}.client-installation-item-picker legend{padding:0 4px;font-size:12px;font-weight:750}.client-installation-item-picker>label{border-top:1px solid var(--line-soft);align-items:flex-start;gap:9px;padding-top:7px;display:flex}.client-installation-item-picker input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--client-accent-strong);margin:1px 0 0;padding:0}.client-installation-item-picker label>span{gap:2px;display:grid}.client-mileage-hint{line-height:1.35}.client-installation-form footer{justify-content:flex-end}.client-installation-form footer button{border:0;border-radius:11px;min-height:40px;padding:0 14px}.client-installation-form footer button:last-child{color:#fff;background:var(--accent)}.client-receipt-card>header{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:14px;display:flex}.client-receipt-card__icon{background:var(--client-accent-soft);color:var(--client-accent-strong);border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.client-receipt-card>header>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.client-receipt-card>header>.badge{text-align:center;white-space:normal;flex:none;justify-content:center;max-width:46%;line-height:1.2}.client-receipt-card>header strong{font-size:12px}.client-receipt-card>header small,.client-receipt-items small,.client-receipt-card>footer small{color:var(--muted);font-size:9px}.client-receipt-items{gap:8px;padding:12px 14px;display:grid}.client-receipt-items>span{justify-content:space-between;align-items:center;display:flex}.client-receipt-items strong{font-size:10px}.client-receipt-card>footer{background:var(--client-surface-subtle);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.client-receipt-card>footer>span{flex-direction:column;display:flex}.client-receipt-card>footer>span strong{font-size:15px}.client-receipt-card>footer a{color:var(--client-accent-strong);align-items:center;gap:5px;font-size:9px;font-weight:750;text-decoration:none;display:inline-flex}.client-receipt-actions{grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.client-receipt-actions a,.client-receipt-actions button{background:var(--paper);border:0;border-right:1px solid var(--line-soft);color:var(--client-accent-strong);justify-content:center;align-items:center;gap:5px;min-height:39px;font-size:8px;font-weight:730;text-decoration:none;display:flex}.client-receipt-actions>:last-child{border-right:0}
.mobile-form{padding:20px 24px 22px}.mobile-form>label{flex-direction:column;gap:6px;margin-bottom:15px;display:flex}.mobile-form label>span{font-size:9px;font-weight:690}.mobile-form input,.mobile-form select,.mobile-form textarea{background:var(--client-surface-subtle);border:1px solid var(--line);resize:vertical;border-radius:10px;width:100%;min-height:42px;padding:0 12px;font-size:11px}.mobile-form textarea{padding:10px 12px;line-height:1.5}.mobile-form input:focus,.mobile-form select:focus,.mobile-form textarea:focus{border-color:var(--client-accent);outline:none;box-shadow:0 0 0 3px #19b7e624}.client-vehicle-year-field{text-align:left;gap:6px;width:100%;display:grid}.client-vehicle-year-field>span,.client-vehicle-year-field>small{color:var(--muted);font-size:11px}.client-vehicle-year-field>select{background:var(--paper);border:1px solid var(--line-soft);color:var(--ink);font:inherit;border-radius:12px;width:100%;padding:12px 14px}
.client-app-shell,.client-pull-refresh,.modal-layer{--client-canvas:#f8fbfd;--client-canvas-muted:#f2f7fa;--client-surface:#fff;--client-surface-subtle:#f7fafc;--client-surface-muted:#edf4f8;--client-ink:#0b2239;--client-ink-2:#123a5a;--client-muted:#64748b;--client-muted-2:#8793a5;--client-border:#d8e5ed;--client-border-strong:#b9d1df;--client-accent:#19b7e6;--client-accent-strong:#087ea4;--client-accent-soft:#e2f5fb;--client-accent-subtle:#f0f9fc;--client-success:#2f855a;--client-success-soft:#e7f5ed;--client-warning:#876523;--client-warning-soft:#fff3d8;--client-danger:#a04e42;--client-danger-soft:#fff0ed;--ink:var(--client-ink);--ink-2:var(--client-ink-2);--muted:var(--client-muted);--muted-2:var(--client-muted-2);--canvas:var(--client-canvas);--canvas-warm:var(--client-canvas-muted);--paper:var(--client-surface);--line:var(--client-border);--line-soft:#e7eff4;--lime:var(--client-accent);--lime-bright:#69d2f2;--lime-dark:var(--client-accent-strong);--blue:#dff3fb;--sand:#eaf3f8;--primary:var(--client-accent-strong);--primary-strong:#06658a;--primary-soft:var(--client-accent-soft);--accent:var(--client-accent-strong);--accent-soft:var(--client-accent-soft);--line-strong:var(--client-border-strong);--surface:var(--client-surface-subtle)}.client-app-shell{background:linear-gradient(#ffffff94 1px, transparent 1px), linear-gradient(90deg, #ffffff94 1px, transparent 1px), var(--client-canvas-muted);overscroll-behavior-y:none;background-size:36px 36px;padding:0}.client-pull-refresh{color:var(--client-surface);opacity:var(--pull-opacity);pointer-events:none;left:50%;top:max(8px, env(safe-area-inset-top));transform:translate(-50%, var(--pull-offset));white-space:nowrap;z-index:80;background:#0b2239f0;border:1px solid #ffffff1c;border-radius:18px;align-items:center;gap:7px;padding:5px 10px 5px 6px;transition:opacity 90ms,transform .12s;display:flex;position:fixed;box-shadow:0 8px 24px #0b223933}.client-pull-refresh>span{background:var(--lime);color:var(--client-ink);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.client-pull-refresh small{font-size:8px;font-weight:760}.client-pull-refresh.is-refreshing>span svg{animation:.85s linear infinite interface-spin}.client-app{width:100%;position:relative;overflow:hidden;box-shadow:0 0 70px #0b223921}.client-screen{min-height:calc(100vh - 78px);padding:0 17px 28px}.client-screen--sub{padding-top:max(12px, env(safe-area-inset-top))}.telegram-safe-bar{color:var(--muted);height:calc(25px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 3px 0;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.telegram-safe-bar i{background:var(--ink);opacity:.22;border-radius:999px;width:42px;height:4px}.telegram-safe-bar b{font-size:8px}.vehicle-switcher{scrollbar-width:none;gap:7px;margin:2px -17px 12px;padding:1px 17px 3px;display:flex;overflow-x:auto}.vehicle-switcher::-webkit-scrollbar{display:none}.category-scroll::-webkit-scrollbar{display:none}.vehicle-switcher button{background:var(--client-surface-muted);color:var(--muted);border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:34px;padding:0 11px 0 6px;font-size:9px;font-weight:670;display:flex}.vehicle-switcher button>span{background:#ffffffad;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.vehicle-switcher button.is-active{background:var(--paper);border-color:var(--client-accent);color:var(--ink);box-shadow:0 3px 12px #0b223912}.vehicle-switcher button.is-active>span{background:var(--lime)}.client-vehicle-hero{background:radial-gradient(circle at 84% 24%, #19b7e633, transparent 32%), var(--client-ink);color:#fff;border-radius:22px;min-height:282px;padding:14px;position:relative;overflow:hidden}.client-vehicle-hero__ambient{pointer-events:none;border:1px solid #ffffff0e;border-radius:50%;width:220px;height:220px;position:absolute;top:10px;right:-105px}.client-vehicle-hero__ambient:after{content:"";border:1px solid #ffffff0a;border-radius:50%;position:absolute;top:25px;bottom:25px;left:25px;right:25px}.client-vehicle-hero>header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.client-vehicle-hero>header button{color:#ffffffa6;background:#ffffff14;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.client-vehicle-hero__body{grid-template-columns:104px 1fr;align-items:center;gap:12px;min-height:119px;display:grid;position:relative}.client-car-visual{color:#aeb4ae;justify-content:center;align-items:center;width:104px;height:80px;display:flex;position:relative}.client-car-visual:before{content:"";background:radial-gradient(#00000078,#0000 68%);height:14px;position:absolute;bottom:6px;left:10px;right:10px}.client-car-visual svg{z-index:1;position:relative}.client-car-visual i{background:var(--lime);box-shadow:38px 0 0 var(--lime);opacity:.65;z-index:2;border-radius:50%;width:5px;height:5px;position:absolute;bottom:16px;left:31px}.client-car-visual--blue{color:#9db5bd}.client-car-visual--red{color:#c59388}.client-car-visual--silver{color:#bdc5c7}.client-car-visual--bronze{color:#b9a67f}.client-car-visual--graphite{color:#a9afaa}.client-vehicle-hero__body>div:last-child{z-index:1;min-width:0;position:relative}.client-vehicle-hero__body p{color:var(--lime);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:730}.client-vehicle-hero__body h2{letter-spacing:-.055em;margin:3px 0 4px;font-size:25px}.client-vehicle-hero__body>div>span{color:#ffffff75;font-size:9px}.client-vehicle-hero>footer{background:#ffffff12;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:1.08fr .92fr;min-height:76px;display:grid;position:relative}.client-vehicle-hero>footer>button{color:#fff;text-align:left;background:0 0;border:0;border-right:1px solid #ffffff17;grid-template-columns:29px 1fr 14px;align-items:center;gap:8px;padding:11px;display:grid}.client-vehicle-hero>footer>button>span{color:var(--lime);background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;height:29px;display:flex}.client-vehicle-hero>footer p{flex-direction:column;display:flex}.client-vehicle-hero>footer small{color:#ffffff6b;margin-bottom:4px;font-size:7px}.client-vehicle-hero>footer strong{font-size:9px}.client-vehicle-hero>footer>div{flex-direction:column;justify-content:center;padding:11px;display:flex}.service-meter{background:#ffffff1c;border-radius:999px;height:3px;margin-top:8px;display:block;overflow:hidden}.service-meter i{background:var(--lime);border-radius:inherit;height:100%;display:block}.client-quick-actions{background:var(--paper);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);border-radius:17px;grid-template-columns:repeat(5,1fr);margin:11px 0 23px;padding:11px 5px;display:grid}.client-quick-actions button{border:0;border-right:1px solid var(--line-soft);background:0 0;flex-direction:column;align-items:center;gap:6px;display:flex}.client-quick-actions button:last-child{border-right:0}.quick-action-icon{background:var(--sand);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.quick-action-icon--lime{background:var(--lime)}.quick-action-icon--blue{background:var(--blue);color:#526d75}.quick-action-icon--violet{background:var(--violet);color:#695d7d}.client-quick-actions small{font-size:8px;font-weight:670}.mobile-section{margin:0 0 24px}.mobile-section__heading{justify-content:space-between;align-items:flex-end;margin-bottom:10px;padding:0 2px;display:flex}.mobile-section__heading h2{letter-spacing:-.04em;font-size:17px}.mobile-section__heading p{color:var(--muted);margin-top:3px;font-size:8px}.client-live-status{color:var(--client-success);letter-spacing:.08em;align-items:center;gap:5px;font-size:7px;font-weight:780;display:inline-flex}.client-live-status i{background:var(--client-success);border:3px solid var(--client-success-soft);border-radius:50%;width:10px;height:10px}.active-repair-card{background:var(--paper);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);text-align:left;border-radius:17px;width:100%;padding:13px}.active-repair-card>header{grid-template-columns:34px 1fr 16px;align-items:center;gap:9px;display:grid}.active-repair-card__icon{background:var(--lime);border-radius:10px;justify-content:center;align-items:center;height:34px;display:flex}.active-repair-card>header>span:nth-child(2){flex-direction:column;display:flex}.active-repair-card>header small{color:var(--muted);font-size:7px}.active-repair-card>header strong{margin-top:3px;font-size:10px}.active-repair-card__progress{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:14px;display:grid}.active-repair-card__progress span{background:var(--client-surface-muted);border-radius:999px;height:5px;position:relative}.active-repair-card__progress span.is-active{background:var(--lime)}.active-repair-card__progress i{justify-content:center;align-items:center;height:100%;display:flex}.active-repair-card__labels{color:var(--muted-2);text-align:center;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:5px;font-size:5px;display:grid}.client-repair-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.client-repair-facts>div,.client-repair-facts>span{border:1px solid var(--line-soft);background:var(--paper);text-align:left;border-radius:12px;gap:3px;min-width:0;padding:10px 11px;display:grid}.client-repair-facts small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.client-repair-facts strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.client-repair-facts .is-success{border-color:color-mix(in srgb, var(--green) 35%, var(--line-soft))}.client-repair-facts .is-warning{border-color:color-mix(in srgb, var(--amber) 65%, var(--line-soft))}.client-repair-facts .is-info{border-color:color-mix(in srgb, var(--primary) 35%, var(--line-soft))}.repair-hero .client-repair-facts>div{background:#ffffff12;border-color:#ffffff24}.repair-hero .client-repair-facts small{color:#ffffff7a}.client-repair-facts--compact{margin:12px 0 4px}.active-repair-card>footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.active-repair-card>footer span{color:var(--muted);align-items:center;gap:5px;font-size:7px;display:flex}.active-repair-card>footer strong{color:var(--client-accent-strong);font-size:7px}.all-good-card{background:var(--client-success-soft);border:1px solid #c8e3d2;border-radius:15px;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;margin-bottom:23px;padding:12px;display:grid}.all-good-card>span{color:var(--client-success);background:#d6ebdd;border-radius:10px;justify-content:center;align-items:center;height:35px;display:flex}.all-good-card strong{font-size:9px}.all-good-card p{color:var(--muted);margin-top:3px;font-size:7px}.all-good-card button{color:var(--client-success);background:0 0;border:0;font-size:8px;font-weight:700}.recommendation-list{flex-direction:column;gap:8px;display:flex}.recommendation-card{background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;padding:12px}.recommendation-card--soon{border-left:3px solid #d87b46}.recommendation-card__top{grid-template-columns:29px 1fr 16px;align-items:center;gap:9px;display:grid}.recommendation-card__top>span{background:var(--client-accent-soft);color:var(--client-accent-strong);border-radius:8px;justify-content:center;align-items:center;height:29px;display:flex}.recommendation-card--soon .recommendation-card__top>span{color:#bb6640;background:#f6e6dc}.recommendation-card h3{font-size:9px}.recommendation-card p{color:var(--muted);margin-top:3px;font-size:7px}.recommendation-card__meter{grid-template-columns:1fr auto;align-items:center;gap:9px;margin:10px 0 0 38px;display:grid}.recommendation-card__meter>span{background:var(--client-surface-muted);border-radius:999px;height:3px}.recommendation-card__meter i{background:var(--client-accent);border-radius:inherit;height:100%;display:block}.recommendation-card--soon .recommendation-card__meter i{background:#d87b46}.recommendation-card__meter small{color:var(--muted);font-size:6px}.recommendation-card>button{color:#8d5c35;background:#f3eadf;border:0;border-radius:8px;min-height:28px;margin:9px 0 0 38px;padding:0 10px;font-size:7px;font-weight:700}.mobile-page-header{grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;min-height:58px;display:grid}.mobile-page-header>div{min-width:0}.mobile-page-header small{color:var(--muted);margin-bottom:2px;font-size:7px;display:block}.mobile-page-header h1{letter-spacing:-.035em;font-size:17px}.mobile-page-header .brand-mark{justify-self:center}.mobile-page-header__spacer{height:36px}.mobile-icon-button{background:var(--paper);border:1px solid var(--line-soft);width:36px;height:36px}.client-bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);max-width:480px;min-height:calc(69px + env(safe-area-inset-bottom));padding:7px 10px env(safe-area-inset-bottom);z-index:60;background:#ffffffed;grid-template-columns:repeat(5,1fr);align-items:center;width:100%;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.client-bottom-nav button{color:var(--client-muted-2);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;display:flex}.client-bottom-nav button>span{border-radius:10px;justify-content:center;align-items:center;width:40px;height:30px;display:flex;position:relative}.client-bottom-nav button.is-active{color:var(--ink)}.client-bottom-nav button.is-active>span{background:var(--lime)}.client-bottom-nav button small{font-size:7px;font-weight:670}.client-bottom-nav button>span i{border:2px solid var(--paper);background:#d75a47;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:5px}.client-empty-state{text-align:center;flex-direction:column;align-items:center;padding:110px 30px 40px;display:flex}.client-empty-state>span{background:var(--client-accent-soft);color:var(--client-accent-strong);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.client-empty-state h2{letter-spacing:-.04em;margin:17px 0 7px;font-size:19px}.client-empty-state p{color:var(--muted);font-size:9px;line-height:1.5}.repair-hero{background:radial-gradient(circle at 90% 4%, #19b7e624, transparent 27%), var(--ink);color:#fff;border-radius:20px;margin-top:3px;padding:16px}.repair-hero__top{grid-template-columns:38px 1fr auto;align-items:center;gap:9px;display:grid}.repair-hero__icon{background:var(--lime);color:var(--ink);border-radius:11px;justify-content:center;align-items:center;height:38px;display:flex}.repair-hero__top p{color:#fff6;font-size:7px}.repair-hero__top h2{letter-spacing:-.03em;margin-top:3px;font-size:14px}.repair-hero .client-live-status{color:#9bd6b0}.repair-hero__message{border-left:2px solid var(--lime);color:#ffffff94;margin:15px 0;padding-left:10px;font-size:8px;line-height:1.5}.repair-timeline{justify-content:space-between;margin:14px 0 10px;display:flex;position:relative}.repair-timeline:before{content:"";background:#ffffff21;height:2px;position:absolute;top:12px;left:18px;right:18px}.repair-timeline>div{z-index:1;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.repair-timeline>div>span{background:var(--client-ink-2);border:3px solid var(--ink);color:#ffffff73;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:7px;display:flex}.repair-timeline>div.is-passed>span{background:var(--lime);color:var(--ink)}.repair-timeline>div.is-current>span{box-shadow:0 0 0 3px #19b7e62e}.repair-timeline small{color:#ffffff52;text-align:center;max-width:58px;font-size:5px}.repair-timeline>div.is-passed small{color:#ffffffb8}.repair-hero>footer{color:#ffffff61;border-top:1px solid #ffffff17;align-items:center;gap:6px;margin-top:14px;padding-top:12px;font-size:7px;display:flex}.estimate-card{background:var(--paper);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);border-radius:18px;margin-top:11px;overflow:hidden}.client-document-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px;display:grid}.client-document-links>a{background:var(--paper);border:1px solid var(--line-soft);color:var(--ink);border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-size:10px;font-weight:760;text-decoration:none;display:flex}.client-document-links>a svg{color:var(--client-accent-strong)}.estimate-card>header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:15px;display:flex}.estimate-card>header h2{letter-spacing:-.04em;margin-top:3px;font-size:17px}.estimate-groups{padding:4px 14px 0}.estimate-group{border-bottom:1px solid var(--line);padding:11px 0 4px}.estimate-group:last-child{border-bottom:0}.estimate-group__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:4px;font-size:7px;font-weight:720;display:flex}.estimate-line{justify-content:space-between;align-items:flex-start;padding:10px 0;display:flex}.estimate-line.is-rejected{opacity:.48}.estimate-line>div{min-width:0;padding-right:10px}.estimate-line h3{font-size:9px;line-height:1.3}.estimate-line p{color:var(--muted);margin-top:3px;font-size:7px}.estimate-line>strong{flex:none;font-size:9px}.estimate-line>strong small{color:var(--muted);font-size:7px}.estimate-line__decision{gap:6px;margin-top:8px;display:flex}.estimate-line__decision button{background:var(--client-success-soft);color:var(--client-success);border:1px solid #c8e3d2;border-radius:8px;align-items:center;gap:4px;min-height:27px;padding:0 8px;font-size:7px;font-weight:680;display:flex}.estimate-line__decision button:last-child{background:var(--client-surface-subtle);border-color:var(--line);color:var(--muted)}.line-decision{align-items:center;gap:4px;margin-top:6px;font-size:7px;font-weight:680;display:flex}.line-decision--approved{color:var(--client-success)}.line-decision--rejected{color:var(--client-danger)}.estimate-total{background:var(--client-surface-subtle);border-top:1px solid var(--line-soft);padding:13px 14px}.estimate-total>span{justify-content:space-between;align-items:center;display:flex}.estimate-total small{font-size:8px;font-weight:680}.estimate-total strong{letter-spacing:-.04em;font-size:15px}.estimate-total p{color:var(--muted);margin-top:5px;font-size:6px}.estimate-card>.client-primary-button{width:calc(100% - 28px);margin:0 14px 14px}.estimate-document-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;padding:0 14px 14px;display:grid}.estimate-document-actions .client-primary-button,.estimate-document-decline{width:100%;min-height:42px}.estimate-document-decline{background:var(--client-danger-soft);color:var(--client-danger);border:1px solid #e6b7ae;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:720;display:inline-flex}.estimate-card>.shared-quote__decision-state{margin:0 14px 14px}.repair-updates{margin-top:23px}.repair-update{grid-template-columns:35px 9px 1fr;align-items:flex-start;gap:9px;min-height:63px;display:grid}.repair-update__time{color:var(--muted);text-align:right;padding-top:2px;font-size:7px}.repair-update>i{background:var(--lime);border:3px solid var(--client-accent-soft);border-radius:50%;width:9px;height:9px;position:relative}.repair-update:not(:last-child)>i:after{background:var(--client-border);content:"";width:1px;height:50px;position:absolute;top:7px;left:1px}.repair-update strong{font-size:9px}.repair-update p{color:var(--muted);margin-top:4px;font-size:7px;line-height:1.4}.client-support-button{border:1px solid var(--line);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;font-size:9px;font-weight:680;display:flex}.history-summary{background:radial-gradient(circle at 95% 0, #19b7e62b, transparent 38%), var(--ink);color:#fff;border-radius:18px;grid-template-columns:1fr 1fr;gap:13px;margin:3px 0 11px;padding:15px;display:grid}.history-summary>div{border-bottom:1px solid #ffffff17;flex-direction:column;grid-column:1/-1;padding-bottom:12px;display:flex}.history-summary>span{flex-direction:column;display:flex}.history-summary>span:last-child{border-left:1px solid #ffffff17;padding-left:13px}.history-summary small{color:#ffffff6b;font-size:7px}.history-summary strong{letter-spacing:-.03em;margin-top:4px;font-size:13px}.history-summary>div strong{color:var(--lime);font-size:17px}.client-segmented{background:var(--client-surface-muted);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:15px;padding:3px;display:grid}.client-segmented button{color:var(--muted);background:0 0;border:0;border-radius:8px;min-height:31px;font-size:8px;font-weight:670}.client-segmented button.is-active{background:var(--paper);color:var(--ink);box-shadow:0 1px 5px #0b223914}.history-timeline{background:var(--paper);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden}.history-entry{text-align:left;background:0 0;border:0;grid-template-columns:31px 1fr 16px;align-items:flex-start;gap:9px;width:100%;min-height:92px;padding:13px 12px 0;display:grid}.history-entry__rail{flex-direction:column;align-self:stretch;display:flex}.history-entry__rail i{background:var(--client-accent-soft);color:var(--client-accent-strong);border-radius:9px;flex:none;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.history-entry--repair .history-entry__rail i{color:#976241;background:#f1e6dc}.history-entry--mileage .history-entry__rail i{color:#57747b;background:#e2edf0}.history-entry__rail b{background:var(--client-border);flex:1;width:1px;margin:4px auto 0}.history-entry__content{border-bottom:1px solid var(--line-soft);min-height:79px;padding-bottom:12px}.history-entry__content>p{color:var(--muted);justify-content:space-between;font-size:6px;display:flex}.history-entry h3{margin:7px 0 3px;font-size:10px;line-height:1.35}.history-entry__content>small{color:var(--muted);font-size:7px;display:block}.history-entry__content>strong{margin-top:7px;font-size:9px;display:block}.history-entry>svg{color:var(--muted-2);margin-top:29px}.history-proof{color:var(--muted);align-items:flex-start;gap:8px;padding:15px 8px 4px;display:flex}.history-proof svg{color:var(--client-accent-strong);flex:none}.history-proof span{flex-direction:column;display:flex}.history-proof strong{color:var(--ink);font-size:8px}.history-proof small{margin-top:3px;font-size:7px;line-height:1.4}.mobile-cart-button{background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.mobile-cart-button i{background:var(--red);border:2px solid var(--paper);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:6px;font-style:normal;display:flex;position:absolute;top:-4px;right:-4px}.parts-search{align-items:center;margin:3px 0 10px;display:flex;position:relative}.parts-search>svg{color:var(--muted);position:absolute;left:12px}.parts-search input{background:var(--paper);border:1px solid var(--line);border-radius:12px;width:100%;height:42px;padding:0 38px 0 39px;font-size:10px}.parts-search input:focus{border-color:var(--client-accent);outline:none}.parts-search button{background:var(--client-surface-muted);border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;right:10px}.category-scroll{scrollbar-width:none;gap:6px;margin:0 -17px 11px;padding:0 17px 2px;display:flex;overflow-x:auto}.category-scroll button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;flex:none;min-height:30px;padding:0 11px;font-size:8px;font-weight:650}.category-scroll button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.fitment-banner{background:var(--client-accent-subtle);border:1px solid var(--client-border);border-radius:12px;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;margin-bottom:10px;padding:9px 11px;display:grid}.fitment-banner>span{background:var(--lime);border-radius:9px;justify-content:center;align-items:center;height:34px;display:flex}.fitment-banner p{flex-direction:column;display:flex}.fitment-banner strong{font-size:8px}.fitment-banner small{color:var(--muted);margin-top:3px;font-size:7px}.fitment-banner>svg{color:var(--client-accent-strong)}.parts-list{flex-direction:column;gap:9px;display:flex}.part-card{background:var(--paper);border:1px solid var(--line-soft);border-radius:15px;grid-template-columns:91px 1fr;gap:11px;padding:11px;display:grid}.part-card__visual{background:radial-gradient(circle at 50% 50%, var(--client-surface-subtle), var(--client-surface-muted));color:var(--client-muted-2);border-radius:11px;justify-content:center;align-items:center;min-height:116px;display:flex;position:relative}.part-card__visual .badge{text-overflow:ellipsis;max-width:calc(100% - 10px);font-size:5px;position:absolute;bottom:6px;left:5px;overflow:hidden}.part-card__content{min-width:0}.part-card__brand{color:var(--muted);justify-content:space-between;align-items:center;font-size:7px;display:flex}.part-card__brand strong{color:var(--client-accent-strong);letter-spacing:.05em;text-transform:uppercase;font-size:7px}.part-card h3{margin:6px 0 7px;font-size:10px;line-height:1.3}.part-card__life{background:var(--client-surface-subtle);color:var(--muted);border-radius:7px;align-items:center;gap:4px;padding:6px;font-size:6px;display:flex}.part-card__life strong{color:var(--ink)}.part-card__life>svg:last-child{margin-left:auto}.part-card footer{justify-content:space-between;align-items:flex-end;margin-top:10px;display:flex}.part-card footer>span{flex-direction:column;display:flex}.part-card footer>span strong{font-size:12px}.part-card footer>span small{color:var(--client-success);margin-top:3px;font-size:6px}.part-card footer button{background:var(--lime);border:1px solid var(--client-accent);border-radius:8px;align-items:center;gap:4px;min-height:31px;padding:0 8px;font-size:7px;font-weight:700;display:flex}.part-card footer button.is-saved{background:var(--ink);border-color:var(--ink);color:#fff}.parts-disclaimer{color:var(--muted);text-align:center;padding:12px 8px 3px;font-size:6px;line-height:1.5}.mileage-form,.request-form,.add-vehicle-form{padding-top:17px}.mileage-input{align-items:center;display:flex;position:relative}.mileage-input input{letter-spacing:-.04em;height:60px;padding-right:48px;font-size:24px;font-weight:720}.mileage-input b{color:var(--muted);font-size:10px;position:absolute;right:14px}.mileage-input select{color:var(--muted);background:0 0;border:0;outline:none;width:58px;font-weight:750;position:absolute;right:10px}.mileage-form__previous small{color:var(--muted);margin-top:5px;display:block}.mileage-conflict-options{border:0;gap:8px;padding:0;display:grid}.mileage-conflict-options legend{color:var(--ink);margin-bottom:8px;font-weight:700}.mileage-conflict-options label{border:1px solid var(--line);background:var(--paper);border-radius:13px;align-items:flex-start;gap:10px;padding:12px;display:flex}.mileage-conflict-options input{margin-top:3px}.mileage-conflict-options span{gap:3px;display:grid}.mileage-conflict-options small{color:var(--muted);line-height:1.35}.form-hint{color:var(--muted);align-items:flex-start;gap:6px;margin:-7px 0 12px;font-size:7px;line-height:1.45;display:flex}.form-hint svg{flex:none}.form-hint--success{color:var(--client-success)}.form-hint--danger{color:var(--client-danger)}.form-hint--warning{color:#856522;background:#f6edd4;border:1px solid #eadcae;border-radius:8px;margin-top:-7px;padding:8px}.mileage-form__previous{background:var(--client-surface-subtle);color:var(--muted);border-radius:9px;padding:10px;font-size:8px}.request-promise{background:var(--client-accent-subtle);border-radius:10px;align-items:flex-start;gap:8px;padding:10px;display:flex}.request-promise>svg{color:var(--client-accent-strong);flex:none}.request-promise span{flex-direction:column;display:flex}.request-promise strong{font-size:8px}.request-promise small{color:var(--muted);margin-top:3px;font-size:7px}.lookup-tabs{background:var(--client-surface-muted);border-radius:9px;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:16px;padding:3px;display:grid}.lookup-tabs button{color:var(--muted);background:0 0;border:0;border-radius:7px;min-height:31px;font-size:8px;font-weight:680}.lookup-tabs button.is-active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #0b223914}.lookup-input{align-items:center;display:flex;position:relative}.lookup-input>svg{color:var(--muted);position:absolute;left:12px}.lookup-input input{letter-spacing:.05em;text-transform:uppercase;padding-left:39px;font-weight:680}.manual-picker{padding:18px 24px 22px}.manual-picker__heading{align-items:center;gap:9px;margin-bottom:10px;display:flex}.manual-picker__heading>button{background:var(--client-surface-muted);border:0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.manual-picker__heading small{color:var(--muted);font-size:7px}.manual-picker__heading h3{letter-spacing:-.03em;margin-top:2px;font-size:15px}.manual-picker__options{border:1px solid var(--line-soft);border-radius:12px;margin:6px 0 16px;overflow:hidden}.manual-picker__options>button{background:var(--paper);border:0;border-bottom:1px solid var(--line-soft);text-align:left;grid-template-columns:34px 1fr 16px;align-items:center;gap:9px;width:100%;min-height:57px;padding:9px;display:grid}.manual-picker__options>button:last-child{border-bottom:0}.manual-picker__options>button:hover{background:var(--client-surface-subtle)}.manual-picker__option-icon{background:var(--client-accent-soft);color:var(--client-accent-strong);border-radius:9px;justify-content:center;align-items:center;height:34px;display:flex}.manual-picker__options>button>span:nth-child(2){flex-direction:column;display:flex}.manual-picker__options strong{font-size:9px}.manual-picker__options small{color:var(--muted);margin-top:3px;font-size:6px}.found-vehicle{text-align:center;flex-direction:column;align-items:center;padding:23px 24px 22px;display:flex}.found-vehicle__check{background:var(--client-success-soft);color:var(--client-success);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;display:flex}.found-vehicle .client-car-visual{color:#6e8790;margin:5px 0}.found-vehicle h3{letter-spacing:-.04em;font-size:19px}.found-vehicle>p:not(.eyebrow){color:var(--muted);margin-top:4px;font-size:8px}.found-vehicle dl{background:var(--client-surface-subtle);border-radius:10px;width:100%;margin-top:15px;padding:5px 11px}.found-vehicle dl>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:8px 0;font-size:8px;display:flex}.found-vehicle dl>div:last-child{border-bottom:0}.found-vehicle dt{color:var(--muted)}.found-vehicle dd{text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:670;overflow:hidden}.found-vehicle .modal-actions{width:calc(100% + 48px)}.history-detail{padding:19px 24px 22px}.history-detail__summary{background:var(--client-accent-subtle);border-radius:11px;align-items:center;gap:9px;padding:11px;display:flex}.history-detail__summary>span{background:var(--lime);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.history-detail__summary p{flex-direction:column;display:flex}.history-detail__summary small{color:var(--muted);font-size:7px}.history-detail__summary strong{margin-top:3px;font-size:11px}.history-detail dl{margin:12px 0}.history-detail dl>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:39px;font-size:8px;display:flex}.history-detail dt{color:var(--muted)}.history-detail dd{font-weight:670}.history-detail__parts{background:var(--client-surface-subtle);border-radius:10px;flex-direction:column;gap:8px;margin-bottom:15px;padding:11px;display:flex}.history-detail__parts>strong{font-size:8px}.history-detail__parts>span{color:var(--muted);align-items:center;gap:6px;font-size:7px;display:flex}.history-detail__parts svg{color:var(--client-accent-strong)}.history-detail__note{background:var(--client-surface-subtle);color:var(--muted);border-radius:10px;margin:0 0 15px;padding:10px 11px;font-size:8px;line-height:1.5}
