/* KARETA.KZ R188.5.5.6.84.81 — critical eager CSS bundle.
   Route-only visual layers are deferred until their route is selected. */

/* ===== SOURCE: css/next/app_preloader.css ===== */
.k-app-preloader{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 14%,rgba(255,107,0,.12),transparent 36%),linear-gradient(180deg,#fff 0%,#f7f9fc 100%);opacity:1;visibility:visible;transition:opacity .28s ease,visibility .28s ease}.k-app-preloader[hidden],.k-app-preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.k-app-preloader__panel{width:min(560px,100%);display:grid;gap:22px;text-align:center}.k-app-preloader__logo{display:block;width:min(460px,90vw);height:auto;max-height:190px;object-fit:contain;margin:0 auto}.k-app-preloader__slogan{position:relative;transform:translateY(-10px);margin:0 auto 40px;max-width:520px;font-size:clamp(20px,4.2vw,25px);font-weight:800;line-height:1.3;letter-spacing:.01em;color:#26364c;text-align:center;animation:k-app-preloader-slogan-in .48s ease both}@keyframes k-app-preloader-slogan-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.k-app-preloader__copy{display:grid;gap:8px;justify-items:center}.k-app-preloader__progress{display:grid;gap:9px}.k-app-preloader__track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:#e7ebf1;box-shadow:inset 0 1px 2px rgba(15,23,42,.08)}.k-app-preloader__bar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6b00,#ff9a3d);transition:width .28s ease}.k-app-preloader__meta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:24px;color:#536278;font-size:14px;text-align:left}.k-app-preloader__meta span{min-width:0;overflow-wrap:anywhere}.k-app-preloader__percent{font-variant-numeric:tabular-nums;font-weight:800;color:#25344a}.k-app-preloader__slow{margin:0;color:#7a5b39;font-size:13px}.k-app-preloader__actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.k-app-preloader__button{min-height:44px;padding:0 18px;border:0;border-radius:12px;font:inherit;font-weight:800;cursor:pointer}.k-app-preloader__button--primary{background:#ff6b00;color:#fff}.k-app-preloader__button--secondary{background:#e9edf3;color:#26364c}.k-app-preloader.is-error .k-app-preloader__track{background:#f4dcdc}.k-app-preloader.is-error .k-app-preloader__bar{background:#d93f3f}@media(max-width:520px){.k-app-preloader{padding:18px}.k-app-preloader__panel{gap:18px}.k-app-preloader__logo{width:min(365px,92vw);max-height:155px}.k-app-preloader__slogan{transform:translateY(-7px);margin:0 auto 40px;font-size:19px}.k-app-preloader__meta{font-size:12px}}


/* ===== SOURCE: css/next/app_next.css ===== */
/*
  KARETA.KZ NEXT FRONTEND
  RULE: this file belongs only to the new AppShell in index.php.
  It must not depend on legacy client_app_bundle.css / legacy_responsive_bundle.css / staff_ui_bundle.css.
*/

/* 01 tokens */
:root{
  --k-orange:#ff6b00;
  --k-orange-2:#ff8a2a;
  --k-blue:#0b66ff;
  --k-ink:#0b0f16;
  --k-text:#182235;
  --k-muted:#667085;
  --k-soft:#f5f7fb;
  --k-card:#ffffff;
  --k-line:rgba(15,23,42,.10);
  --k-line-strong:rgba(15,23,42,.16);
  --k-shadow:0 18px 55px rgba(15,23,42,.10);
  --k-radius-xl:28px;
  --k-radius-lg:22px;
  --k-radius-md:16px;
  --k-radius-sm:12px;
  --k-page-max:2400px;
  --k-shell-h:76px;
  --k-mobile-nav-h:72px;
  --k-gap:16px;
  --k-content-cols:4;
  --k-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* 02 base */
*{box-sizing:border-box}
html{min-height:100%;background:#f3f5fa;color:var(--k-text);font-family:var(--k-font)}
body{min-height:100%;margin:0;background:radial-gradient(circle at 12% 0%,rgba(255,107,0,.16),transparent 28%),linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);color:var(--k-text)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid rgba(255,107,0,.35);outline-offset:3px}

/* 03 shell */
.k-app-shell{min-height:100vh;display:block;padding-top:var(--k-shell-h)}
.k-shell-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:80;min-height:var(--k-shell-h);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px clamp(14px,3vw,32px);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--k-line);box-shadow:0 8px 24px rgba(15,23,42,.06);transform:translate3d(0,0,0);transition:transform .18s ease,box-shadow .18s ease;will-change:transform}
.k-shell-header.is-scroll-hidden{transform:translate3d(0,calc(-100% - 3px),0);box-shadow:none;pointer-events:none}
.k-shell-header.is-scroll-visible{transform:translate3d(0,0,0)}
@media (prefers-reduced-motion:reduce){.k-shell-header{transition:none}}

.k-brand{display:inline-flex;align-items:center;min-width:0}
.k-brand-logo{display:block;object-fit:contain}
.k-brand-logo--full{width:190px;height:50px;object-position:left center}
.k-brand-logo--icon{display:none;width:44px;height:44px;border-radius:13px}
.k-desktop-nav{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.k-nav-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:999px;color:#344054;font-size:14px;font-weight:850;white-space:nowrap;border:1px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.k-nav-link:hover{background:rgba(255,107,0,.08);color:#111827}
.k-nav-link.is-active{background:#111827;color:#fff;border-color:#111827;box-shadow:0 10px 24px rgba(17,24,39,.12)}
.k-shell-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.k-page-outlet{width:100%;max-width:var(--k-page-max);margin:0 auto;padding:clamp(18px,3vw,34px) clamp(14px,3vw,28px) calc(var(--k-mobile-nav-h) + 26px);min-width:0}
.k-mobile-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-height:var(--k-mobile-nav-h);padding:8px;border:1px solid var(--k-line);border-radius:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(15,23,42,.16)}
.k-mobile-nav .k-nav-link{min-height:54px;flex-direction:column;padding:5px 2px;border-radius:18px;font-size:11px;gap:3px}
.k-mobile-nav .k-nav-link .k-nav-icon{font-size:18px;line-height:1}
.k-modal-root,.k-toast-root{position:relative;z-index:100}

/* 04 layout contracts */
[data-layout="content-grid"]{display:grid;grid-template-columns:repeat(var(--k-content-cols),minmax(0,1fr));gap:var(--k-gap);align-items:stretch}
[data-layout="nav-grid"]{min-width:0}
[data-layout="category-grid"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
[data-layout="filter-row"]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
[data-layout="card-layout"]{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}
[data-layout="actions-row"]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* 05 components */
.k-page{display:grid;gap:22px;min-width:0}
.k-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;align-items:stretch}
.k-panel,.k-card{background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-radius-xl);box-shadow:var(--k-shadow);min-width:0}
.k-panel{padding:clamp(18px,3vw,30px)}
.k-card{padding:18px;border-radius:var(--k-radius-lg);display:grid;gap:12px}

.k-title{margin:0;color:var(--k-ink);font-size:clamp(36px,6vw,76px);line-height:.94;letter-spacing:-.07em;font-weight:950}
.k-subtitle{margin:0;max-width:680px;color:var(--k-muted);font-size:16px;line-height:1.48}
.k-section-title{margin:0;color:var(--k-ink);font-size:24px;letter-spacing:-.04em;line-height:1.08}
.k-card h3{margin:0;color:var(--k-ink);font-size:18px;line-height:1.16;letter-spacing:-.03em}
.k-card p{margin:0;color:var(--k-muted);font-size:14px;line-height:1.42}
.k-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;background:#111827;color:#fff;padding:0 16px;font-weight:950;white-space:nowrap}
.k-btn.k-btn-primary{background:linear-gradient(135deg,var(--k-orange),var(--k-orange-2));box-shadow:0 14px 26px rgba(255,107,0,.22)}
.k-btn.k-btn-ghost{background:#fff;color:#111827;border:1px solid var(--k-line)}
.k-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;background:#f2f4f7;color:#344054;font-size:12px;font-weight:850}
.k-card-icon{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,107,0,.10);color:var(--k-orange);font-size:21px;font-weight:950}
.k-empty{padding:24px;border:1px dashed var(--k-line-strong);border-radius:var(--k-radius-lg);background:rgba(255,255,255,.58);color:var(--k-muted)}

/* 06 pages */
.k-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.k-stat{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--k-line)}
.k-stat b{display:block;color:var(--k-ink);font-size:22px;font-weight:950}
.k-stat span{display:block;color:var(--k-muted);font-size:12px;margin-top:3px}
.k-route-note{font-size:13px;color:#667085}
.k-service-card .k-btn{width:100%}

/* 07 utilities */
.k-hidden{display:none!important}
.k-text-muted{color:var(--k-muted)}
.k-noscript{max-width:720px;margin:40px auto;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--k-line);font-family:var(--k-font)}

/* 08 responsive */
@media (max-width:1100px){
  :root{--k-content-cols:3}
  .k-desktop-nav{justify-content:flex-start;overflow:auto;padding-bottom:2px}
  .k-shell-header{grid-template-columns:auto minmax(0,1fr)}
  .k-shell-actions{display:none}
}
@media (max-width:860px){
  :root{--k-content-cols:2;--k-shell-h:68px}
  .k-shell-header{grid-template-columns:1fr;min-height:68px}
  .k-desktop-nav{display:none}
  .k-mobile-nav{display:grid}
  .k-brand{grid-template-columns:44px auto}
  .k-page-outlet{padding-top:18px}
  .k-hero{grid-template-columns:1fr}
}
@media (max-width:640px){
  :root{--k-content-cols:1;--k-gap:12px}
  .k-page-outlet{padding-left:12px;padding-right:12px}
  .k-panel{padding:18px;border-radius:22px}
  .k-card{padding:15px}
  .k-title{font-size:clamp(34px,12vw,54px)}
  .k-home-stats{grid-template-columns:1fr}
  [data-layout="content-grid"]{grid-template-columns:1fr}
  [data-layout="card-layout"]{grid-template-columns:42px minmax(0,1fr)}
}

/* 09 orders domain */
.k-orders-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-order-card{align-content:start}
.k-order-card-head,.k-order-card-foot{justify-content:space-between}
.k-order-card-foot strong{margin-left:auto;color:var(--k-ink);font-size:16px}
@media (max-width:980px){.k-orders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.k-orders-grid{grid-template-columns:1fr}}

/* First-entry onboarding owns the viewport while active. */
html.k-onboarding-active,
body.k-onboarding-active {
  overflow: hidden;
}
html.k-onboarding-active #k-app,
body.k-onboarding-active #k-app {
  visibility: hidden;
  pointer-events: none;
}
#onboarding-welcome,
#onb2-overlay {
  visibility: visible;
  pointer-events: auto;
}

/* Onboarding full-page steps render outside the application shell. */
#k-onboarding-page-host {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: block;
  overflow: auto;
  overscroll-behavior: contain;
  background: #fff;
  visibility: visible;
  pointer-events: auto;
}
#k-onboarding-page-host:empty { display: none; }


/* 10 seller shop domain */
.k-seller-page{--seller-green:#0f9f6e}
.k-seller-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:radial-gradient(circle at 90% 0%,rgba(11,102,255,.16),transparent 35%),linear-gradient(135deg,#fff 0%,#fff7ed 100%)}
.k-seller-title{font-size:clamp(38px,6vw,70px)}
.k-seller-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.k-seller-status{padding:14px 18px;border-radius:16px;border:1px solid var(--k-line);background:#fff;font-weight:800;color:var(--k-muted)}
.k-seller-status.is-ready{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.k-seller-status.is-error{background:#fef2f2;border-color:#fecaca;color:#b42318}
.k-seller-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.k-seller-stat{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--k-line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.07)}
.k-seller-stat>span{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:rgba(255,107,0,.1);font-size:20px}.k-seller-stat b{display:block;font-size:22px;color:var(--k-ink)}.k-seller-stat small{color:var(--k-muted);font-weight:700}
.k-seller-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px;align-items:start}
.k-seller-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px}.k-seller-products,.k-seller-side{box-shadow:none}
.k-seller-product{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--k-line)}.k-seller-product:last-child{border-bottom:0}
.k-seller-product-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:var(--k-soft);font-size:22px;overflow:hidden}.k-seller-product-icon img{width:100%;height:100%;object-fit:cover}
.k-seller-product-body{display:grid;gap:4px;min-width:0}.k-seller-product-top,.k-seller-product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.k-seller-product-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-seller-product-top span{font-size:11px;font-weight:900;padding:4px 8px;border-radius:99px;background:#ecfdf5;color:#047857}.k-seller-product-body small{color:var(--k-muted)}.k-seller-product-meta strong{color:var(--k-ink)}.k-seller-product-meta em{font-style:normal;color:var(--k-muted);font-size:12px}
.k-seller-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px 0;border-bottom:1px solid var(--k-line)}.k-seller-order>div{display:grid}.k-seller-order small{color:var(--k-muted)}.k-seller-order select{grid-column:1/-1;border:1px solid var(--k-line);border-radius:12px;padding:9px;background:#fff}
.k-seller-dialog{width:min(680px,calc(100% - 24px));border:0;border-radius:26px;padding:0;box-shadow:0 30px 90px rgba(15,23,42,.28)}.k-seller-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(5px)}
.k-seller-product-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px}.k-seller-dialog-head,.k-seller-form-actions,.k-seller-wide,.k-seller-form-error{grid-column:1/-1}.k-seller-dialog-head,.k-seller-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.k-seller-dialog-head h2{margin:5px 0 0}.k-seller-product-form label{display:grid;gap:7px;font-weight:850;color:#344054}.k-seller-product-form input,.k-seller-product-form select,.k-seller-product-form textarea{width:100%;border:1px solid var(--k-line-strong);border-radius:14px;padding:12px 13px;background:#fff}.k-seller-product-form textarea{min-height:100px;resize:vertical}.k-seller-form-error{padding:10px 12px;border-radius:12px;background:#fef2f2;color:#b42318;font-weight:800}
@media(max-width:900px){.k-seller-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.k-seller-grid{grid-template-columns:1fr}.k-seller-hero{align-items:flex-start;flex-direction:column}.k-seller-hero-actions{justify-content:flex-start}}
@media(max-width:560px){.k-seller-stats{grid-template-columns:1fr}.k-seller-product-form{grid-template-columns:1fr;padding:17px}.k-seller-dialog-head,.k-seller-form-actions,.k-seller-wide,.k-seller-form-error{grid-column:auto}.k-seller-form-actions{flex-direction:column-reverse}.k-seller-form-actions .k-btn{width:100%}}

/* r70i — role dashboards and role-scoped navigation */
.k-role-dashboard{display:grid;gap:18px;max-width:1180px;margin:0 auto;}
.k-role-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(22px,4vw,38px);border-radius:28px;background:linear-gradient(135deg,rgba(255,107,0,.12),rgba(11,102,255,.10));border:1px solid rgba(116,132,157,.16);}
.k-role-hero h1{margin:5px 0 8px;font-size:clamp(28px,4vw,44px);}.k-role-hero p{margin:0;max-width:680px;color:var(--k-muted,#64748b);}.k-role-hero-icon{display:grid;place-items:center;width:92px;height:92px;border-radius:26px;background:#fff;font-size:46px;box-shadow:0 16px 38px rgba(27,44,72,.12);}
.k-role-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.k-role-stat{display:flex;align-items:center;gap:12px;padding:18px;border-radius:20px;background:var(--k-panel,#fff);border:1px solid rgba(116,132,157,.16)}.k-role-stat>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,107,0,.10);font-size:20px}.k-role-stat div{display:grid;gap:2px}.k-role-stat b{font-size:23px}.k-role-stat small{color:var(--k-muted,#64748b)}
.k-role-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.k-role-action{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:17px;border-radius:20px;background:var(--k-panel,#fff);border:1px solid rgba(116,132,157,.16);color:inherit;text-decoration:none;transition:.18s ease}.k-role-action:hover{transform:translateY(-2px);border-color:rgba(255,107,0,.42);box-shadow:0 12px 28px rgba(25,41,69,.09)}.k-role-action>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(11,102,255,.08);font-size:21px}.k-role-action div{display:grid;gap:3px}.k-role-action small{color:var(--k-muted,#64748b)}.k-role-action i{font-size:25px;color:#ff6b00;font-style:normal}
@media(max-width:700px){.k-role-hero-icon{width:68px;height:68px;font-size:34px}.k-role-stats{grid-template-columns:1fr}.k-role-action-grid{grid-template-columns:1fr}.k-role-hero{align-items:flex-start}.k-role-hero p{font-size:13px}}

/* r70i — parts storefront */
.k-shop-page{display:grid;gap:16px;max-width:1240px;margin:0 auto}.k-shop-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border-radius:26px;background:linear-gradient(135deg,rgba(255,107,0,.11),rgba(11,102,255,.08));border:1px solid rgba(116,132,157,.16)}.k-shop-hero h1{margin:4px 0 7px;font-size:clamp(29px,4vw,44px)}.k-shop-hero p{margin:0;color:var(--k-muted,#64748b)}.k-shop-cart-button{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:16px;padding:13px 17px;background:#111827;color:#fff;font-weight:850;cursor:pointer}.k-shop-cart-button b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#ff6b00}.k-shop-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:10px}.k-shop-search{display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(116,132,157,.22);border-radius:15px;background:#fff}.k-shop-search input,.k-shop-toolbar select{width:100%;height:46px;border:0;background:#fff;outline:0;font:inherit}.k-shop-toolbar select{padding:0 12px;border:1px solid rgba(116,132,157,.22);border-radius:15px}.k-shop-status{font-size:13px;color:var(--k-muted,#64748b)}.k-shop-status.is-error{color:#b91c1c}.k-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.k-shop-product{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(116,132,157,.16);border-radius:20px;background:#fff;overflow:hidden}.k-shop-product-image{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(145deg,#f8fafc,#eef2f7);font-size:48px}.k-shop-product-image img{width:100%;height:100%;object-fit:cover}.k-shop-product-body{display:grid;gap:5px;padding:14px}.k-shop-product-body>small{font-size:11px;color:#ff6b00;font-weight:800}.k-shop-product-body h3{margin:0;font-size:16px;line-height:1.25}.k-shop-product-body p,.k-shop-product-store{margin:0;color:var(--k-muted,#64748b);font-size:12px}.k-shop-product-store{font-weight:700}.k-shop-product-footer{display:flex;align-items:end;justify-content:space-between;gap:9px;padding:0 14px 14px;margin-top:auto}.k-shop-product-footer div{display:grid;gap:2px}.k-shop-product-footer b{font-size:18px}.k-shop-product-footer small{color:var(--k-muted,#64748b)}.k-shop-product-footer button{border:0;border-radius:12px;padding:10px 11px;background:#ff6b00;color:#fff;font-weight:800;cursor:pointer}.k-shop-cart-dialog{width:min(680px,calc(100vw - 20px));max-height:90vh;border:0;border-radius:24px;padding:0;box-shadow:0 30px 90px rgba(15,23,42,.3)}.k-shop-cart-dialog::backdrop{background:rgba(15,23,42,.55)}.k-shop-cart-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(116,132,157,.14)}.k-shop-cart-head h2{margin:3px 0 0}.k-shop-cart-dialog>[data-shop-cart-items]{display:grid;gap:8px;padding:14px 20px;max-height:34vh;overflow:auto}.k-shop-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px;border:1px solid rgba(116,132,157,.14);border-radius:14px}.k-shop-cart-item>div:first-child{display:grid;gap:2px}.k-shop-cart-item small{color:var(--k-muted,#64748b)}.k-shop-cart-qty{display:flex;align-items:center;gap:7px}.k-shop-cart-qty button{width:28px;height:28px;border:1px solid rgba(116,132,157,.22);border-radius:9px;background:#fff;cursor:pointer}.k-shop-cart-total{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid rgba(116,132,157,.14);font-size:18px}.k-shop-checkout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 20px}.k-shop-checkout label{display:grid;gap:5px;font-size:12px;font-weight:750}.k-shop-checkout input,.k-shop-checkout select{height:42px;border:1px solid rgba(116,132,157,.22);border-radius:11px;padding:0 11px;font:inherit}.k-shop-checkout .k-btn,.k-shop-checkout-error{grid-column:1/-1}.k-shop-checkout-error{padding:9px 11px;border-radius:10px;background:rgba(220,38,38,.08);color:#b91c1c;font-size:12px}
@media(max-width:1000px){.k-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.k-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.k-shop-toolbar{grid-template-columns:1fr}.k-shop-hero{align-items:flex-start}.k-shop-cart-item{grid-template-columns:minmax(0,1fr) auto}.k-shop-cart-item>strong{grid-column:1/-1}.k-shop-checkout{grid-template-columns:1fr}.k-shop-checkout .k-btn,.k-shop-checkout-error{grid-column:auto}}@media(max-width:460px){.k-shop-grid{grid-template-columns:1fr}.k-shop-hero{padding:18px}.k-shop-cart-button{padding:11px 13px}.k-shop-product{display:grid;grid-template-columns:110px minmax(0,1fr)}.k-shop-product-image{aspect-ratio:auto;min-height:150px}.k-shop-product-footer{grid-column:1/-1}}

/* r70j — meaningful k-panel content and database catalogs */
.k-primary-panel{display:flex;flex-direction:column;justify-content:center}
.k-context-panel{display:flex;flex-direction:column;gap:12px;justify-content:center;background:linear-gradient(155deg,#fff 0%,#f8fafc 100%)}
.k-context-panel .k-section-title{margin:0;font-size:clamp(20px,2.3vw,28px)}
.k-context-panel .k-subtitle{margin:0;font-size:14px;line-height:1.55}
.k-context-list{display:grid;gap:10px;margin:2px 0 0;padding:0;list-style:none}
.k-context-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--k-line)}
.k-context-list li>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(255,107,0,.1);font-weight:950}
.k-context-list li div{display:grid;gap:2px}.k-context-list li b{font-size:14px}.k-context-list li small{font-size:12px;color:var(--k-muted);line-height:1.35}
.k-context-actions{margin-top:4px}
.k-database-panel{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,248,255,.98));border-color:rgba(11,102,255,.16)}
.k-db-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:4px}
.k-db-metric{display:grid;gap:3px;min-width:0;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--k-line)}
.k-db-metric b{font-size:clamp(18px,2vw,25px);line-height:1;color:var(--k-ink);overflow:hidden;text-overflow:ellipsis}
.k-db-metric span{font-size:11px;line-height:1.25;color:var(--k-muted)}
.k-db-status{font-size:12px;line-height:1.45;color:var(--k-muted);padding-top:2px}
.k-db-status.is-error{color:#b42318}
.k-home-actions .k-card{justify-content:space-between}
.k-catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px;margin-top:18px}
.k-catalog-search{display:flex;align-items:center;gap:9px;height:48px;padding:0 14px;border-radius:15px;border:1px solid var(--k-line-strong);background:#fff}
.k-catalog-search input{width:100%;border:0;outline:0;background:transparent}
.k-catalog-tools select{height:48px;padding:0 13px;border:1px solid var(--k-line-strong);border-radius:15px;background:#fff;color:var(--k-text)}
.k-catalog-status{min-height:20px;margin:10px 2px;color:var(--k-muted);font-size:13px}
.k-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.k-service-card{display:flex;flex-direction:column;gap:14px;min-height:260px;padding:18px}
.k-service-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.k-service-card-body{display:grid;gap:7px}.k-service-card-body h3{margin:0;font-size:18px;line-height:1.25}.k-service-card-body p{margin:0;color:var(--k-muted);font-size:13px;line-height:1.5}
.k-service-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}
.k-service-card-meta>div{display:grid;gap:3px;padding:10px;border-radius:13px;background:var(--k-soft)}
.k-service-card-meta small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--k-muted)}
.k-service-card-meta b{font-size:13px;line-height:1.35}
.k-action-toast{position:fixed;right:16px;bottom:96px;z-index:120;display:grid;gap:5px;max-width:360px;padding:16px}.k-action-toast span{font-size:13px;color:var(--k-muted)}
@media(max-width:420px){.k-db-metrics{grid-template-columns:1fr}.k-db-metric{grid-template-columns:auto 1fr;align-items:center}.k-db-metric span{text-align:right}.k-context-panel{gap:10px}}

/* r70n — role-owned service offers */
.k-badge-success{background:#ecfdf5;color:#047857}.k-badge-warning{background:#fff7ed;color:#c2410c}.k-badge-muted{background:#f2f4f7;color:#667085}
.k-service-card-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.k-service-offer-owners{padding:9px 11px;border-radius:12px;background:#f8fafc;color:var(--k-muted);font-size:12px;line-height:1.4}
.k-service-offers-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 240px auto;align-items:center;gap:10px}.k-service-offers-toolbar select{height:48px;padding:0 13px;border:1px solid var(--k-line-strong);border-radius:15px;background:#fff;color:var(--k-text)}.k-service-offers-filter{height:48px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--k-line-strong);border-radius:15px;background:#fff;font-size:13px;font-weight:850;white-space:nowrap}.k-service-offers-filter input{width:18px;height:18px;accent-color:var(--k-orange)}
.k-service-offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.k-service-offer-card{align-content:start;gap:14px;border-color:rgba(116,132,157,.2)}.k-service-offer-card.is-configured{border-color:rgba(15,159,110,.32);box-shadow:0 16px 38px rgba(15,159,110,.08)}.k-service-offer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.k-service-offer-title{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;min-width:0}.k-service-offer-title div{min-width:0}.k-service-offer-title small{display:block;margin-bottom:3px;color:var(--k-muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.k-service-offer-title h3{overflow-wrap:anywhere}
.k-service-offer-form{display:grid;gap:12px}.k-service-offer-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.k-service-offer-fields label{display:grid;gap:5px;min-width:0}.k-service-offer-fields label>span{font-size:11px;font-weight:850;color:var(--k-muted)}.k-service-offer-fields input,.k-service-offer-fields select{width:100%;height:42px;border:1px solid var(--k-line-strong);border-radius:12px;padding:0 10px;background:#fff;color:var(--k-text);outline:0}.k-service-offer-fields input:focus,.k-service-offer-fields select:focus{border-color:rgba(255,107,0,.58);box-shadow:0 0 0 3px rgba(255,107,0,.1)}.k-service-offer-wide{grid-column:1/-1}.k-service-offer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.k-service-offer-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:850}.k-service-offer-toggle input{width:18px;height:18px;accent-color:var(--k-orange)}.k-service-offer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.k-service-offer-base{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding-top:11px;border-top:1px solid var(--k-line);font-size:12px}.k-service-offer-base span{color:var(--k-muted)}.k-service-offer-base b{text-align:right}.k-catalog-status.is-error{color:#b42318}
@media(max-width:980px){.k-service-offers-grid{grid-template-columns:1fr}.k-service-offers-toolbar{grid-template-columns:minmax(0,1fr) 220px}.k-service-offers-filter{grid-column:1/-1;width:max-content}}
@media(max-width:680px){.k-service-offers-toolbar{grid-template-columns:1fr}.k-service-offers-filter{grid-column:auto;width:100%}.k-service-offer-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.k-service-offer-wide{grid-column:1/-1}.k-service-offer-footer{align-items:stretch}.k-service-offer-actions{width:100%;margin-left:0}.k-service-offer-actions .k-btn{flex:1}.k-service-offer-head{align-items:center}}
@media(max-width:420px){.k-service-offer-fields{grid-template-columns:1fr}.k-service-offer-wide{grid-column:auto}.k-service-offer-title{grid-template-columns:42px minmax(0,1fr)}.k-service-offer-title .k-card-icon{width:42px;height:42px}.k-service-offer-head{align-items:flex-start}.k-service-offer-head>.k-badge{font-size:10px}}

/* r70o: storefront product categories */
.k-shop-categories{display:grid;gap:12px;padding:20px;border:1px solid rgba(116,132,157,.16);border-radius:22px;background:#fff}
.k-shop-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}
.k-shop-section-head .k-section-title{margin:4px 0 0}
.k-shop-category-reset{border:0;background:transparent;color:#ff6b00;font:inherit;font-weight:800;cursor:pointer;padding:7px 0}
.k-shop-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.k-shop-category-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid rgba(116,132,157,.16);border-radius:16px;background:#f8fafc;color:#111827;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}
.k-shop-category-card:hover{border-color:rgba(255,107,0,.42);transform:translateY(-1px)}
.k-shop-category-card.is-active{border-color:#ff6b00;background:rgba(255,107,0,.08);box-shadow:0 8px 24px rgba(255,107,0,.12)}
.k-shop-category-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;font-size:20px;box-shadow:0 4px 12px rgba(15,23,42,.06)}
.k-shop-category-card.is-active .k-shop-category-icon{background:#ff6b00;color:#fff}
.k-shop-category-copy{display:grid;gap:2px;min-width:0}
.k-shop-category-copy b{overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.18}
.k-shop-category-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k-muted,#64748b);font-size:10px}
.k-shop-category-card>strong{display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:10px;background:#fff;color:#475569;font-size:11px}
.k-shop-category-card.is-active>strong{background:#ff6b00;color:#fff}
@media(max-width:1100px){.k-shop-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.k-shop-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.k-shop-categories{padding:15px}.k-shop-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.k-shop-category-card{grid-template-columns:34px minmax(0,1fr) auto;padding:9px}.k-shop-category-icon{width:34px;height:34px;font-size:17px}.k-shop-category-copy small{display:none}}
@media(max-width:380px){.k-shop-category-grid{grid-template-columns:1fr}}

/* r70q: visual service category catalog */
.k-service-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 4px}
.k-service-category-card{display:flex;align-items:center;gap:11px;min-height:76px;padding:13px;border:1px solid var(--k-line-strong);border-radius:18px;background:#fff;color:var(--k-text);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.k-service-category-card:hover{transform:translateY(-1px);border-color:rgba(255,107,0,.42);box-shadow:0 10px 28px rgba(24,37,54,.08)}
.k-service-category-card.is-active{border-color:var(--k-accent);box-shadow:0 0 0 2px rgba(255,107,0,.13);background:linear-gradient(135deg,#fff7f1,#fff)}
.k-service-category-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:var(--k-surface-soft);font-size:22px}
.k-service-category-card span:last-child{display:grid;gap:3px;min-width:0}
.k-service-category-card b{font-size:14px;line-height:1.18;overflow:hidden;text-overflow:ellipsis}
.k-service-category-card small{font-size:12px;color:var(--k-muted)}
@media(max-width:1050px){.k-service-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.k-service-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0;margin-top:14px;overflow:visible}.k-service-category-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;min-width:0;min-height:68px;padding:11px}.k-service-category-icon{flex:0 0 38px;width:38px;height:38px;font-size:20px}.k-service-category-card b,.k-service-category-card small{white-space:normal}}
@media(max-width:380px){.k-service-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.k-service-category-card{grid-template-columns:32px minmax(0,1fr);padding:8px;min-height:60px}.k-service-category-icon{width:32px;height:32px;font-size:17px}}

/* r70r — responsive burger menu and mobile panel cleanup */
.k-menu-toggle{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid var(--k-line);border-radius:15px;background:#111827;color:#fff;font-weight:900}
.k-menu-toggle-lines{display:grid;gap:4px;width:18px}.k-menu-toggle-lines i{display:block;height:2px;border-radius:999px;background:currentColor}.k-menu-toggle-label{font-size:13px}
.k-menu-backdrop{position:fixed;inset:0;z-index:89;background:rgba(15,23,42,.48);backdrop-filter:blur(3px);opacity:0;transition:opacity .18s ease}.k-menu-backdrop.is-open{opacity:1}
.k-menu-drawer{position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(440px,100vw);display:grid;grid-template-rows:auto 1fr auto;background:#f8fafc;border-left:1px solid var(--k-line);box-shadow:-22px 0 60px rgba(15,23,42,.18);transform:translateX(105%);transition:transform .22s ease;overflow:hidden}.k-menu-drawer.is-open{transform:translateX(0)}
html.k-menu-open,html.k-menu-open body{overflow:hidden}
.k-menu-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--k-line);background:#fff}.k-menu-brand{display:flex;align-items:center;min-width:0}.k-menu-brand img{display:block;width:210px;max-width:62vw;height:54px;object-fit:contain;object-position:left center}.k-menu-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--k-line);border-radius:14px;background:#fff;color:#111827;font-size:28px;line-height:1}
.k-menu-content{overflow:auto;padding:18px;display:grid;align-content:start;gap:22px}.k-menu-section{display:grid;gap:10px}.k-menu-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 4px}.k-menu-section-title span{font-size:11px;font-weight:950;letter-spacing:.06em;color:#475569}.k-menu-section-title small{font-size:11px;color:var(--k-muted)}.k-menu-links{display:grid;gap:8px}.k-menu-link{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:11px;border:1px solid rgba(116,132,157,.16);border-radius:16px;background:#fff;transition:.16s ease}.k-menu-link:hover{transform:translateY(-1px);border-color:rgba(255,107,0,.4);box-shadow:0 10px 24px rgba(15,23,42,.07)}.k-menu-link>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,107,0,.09);font-size:19px}.k-menu-link div{display:grid;gap:2px;min-width:0}.k-menu-link b{font-size:14px}.k-menu-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k-muted);font-size:11px}.k-menu-link i{color:var(--k-orange);font-size:25px;font-style:normal}.k-menu-drawer-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;border-top:1px solid var(--k-line);background:#fff}.k-menu-drawer-foot a{font-size:12px;font-weight:850;color:#475569}.k-menu-drawer-foot small{color:var(--k-muted)}
.k-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.k-info-card{align-content:start}.k-info-card-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}.k-info-card h2{margin:0 0 5px;font-size:20px;letter-spacing:-.03em}.k-info-card p{margin:0;color:var(--k-muted);line-height:1.5}.k-info-list{margin:2px 0 0;padding-left:20px;display:grid;gap:7px;color:#344054;font-size:13px;line-height:1.45}
@media(max-width:1100px){.k-shell-actions{display:flex}.k-shell-header{grid-template-columns:auto minmax(0,1fr) auto}.k-menu-toggle-label{display:none}.k-menu-toggle{width:44px;padding:0}.k-desktop-nav{min-width:0}}
@media(max-width:860px){.k-shell-header{grid-template-columns:minmax(0,1fr) auto;min-height:68px}.k-shell-actions{display:flex}.k-menu-toggle{width:44px;height:44px;border-radius:14px}.k-menu-drawer{width:min(390px,100vw)}.k-context-panel,.k-database-panel{display:none!important}.k-hero{display:block}.k-info-grid{grid-template-columns:1fr}}
@media(max-width:640px){.k-brand-logo--full{display:none}.k-brand-logo--icon{display:block}.k-shell-header{padding:10px 12px}.k-menu-content{padding:14px}.k-menu-drawer-head{padding:14px}.k-menu-drawer-foot{padding:13px 14px}.k-info-card{padding:15px}}

/* r70v — restrained typography and meaningful hero hierarchy */
.k-title{
  font-size:clamp(30px,4.2vw,52px);
  line-height:1.02;
  letter-spacing:-.045em;
  max-width:820px;
}
.k-hero{
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  gap:16px;
}
.k-primary-panel{
  position:relative;
  overflow:hidden;
  min-height:250px;
  padding:clamp(24px,3.4vw,42px);
  background:
    radial-gradient(circle at 92% 14%,rgba(255,107,0,.16),transparent 30%),
    linear-gradient(145deg,#fff 0%,#fffaf6 100%);
}
.k-primary-panel::after{
  content:"";
  position:absolute;
  right:-72px;
  bottom:-96px;
  width:240px;
  aspect-ratio:1;
  border:1px solid rgba(255,107,0,.16);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,107,0,.045),0 0 0 68px rgba(255,107,0,.025);
  pointer-events:none;
}
.k-primary-panel>*{position:relative;z-index:1}
.k-primary-panel .k-subtitle{max-width:620px;font-size:15px;line-height:1.58}
.k-primary-panel 
.k-context-panel{box-shadow:0 14px 38px rgba(15,23,42,.07)}
@media(max-width:860px){
  .k-title{font-size:clamp(29px,8.8vw,42px);letter-spacing:-.038em}
  .k-primary-panel{min-height:auto;padding:22px}
}


/* r70x — news for every account role */
.k-news-page{display:grid;gap:18px;max-width:1180px;margin:0 auto}.k-news-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:clamp(24px,4vw,42px);border:1px solid var(--k-line);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f5f8ff 62%,rgba(255,107,0,.09) 100%)}.k-news-hero h1{margin:7px 0 8px;font-size:clamp(30px,4.4vw,52px);line-height:1.02;letter-spacing:-.045em}.k-news-hero p{max-width:720px;margin:0;color:var(--k-muted);font-size:15px;line-height:1.6}.k-news-hero-mark{display:grid;gap:5px;min-width:140px;padding:18px;border-radius:20px;background:#111827;color:#fff}.k-news-hero-mark b{font-size:26px;letter-spacing:.08em}.k-news-hero-mark span{font-size:12px;color:#cbd5e1}.k-news-categories{display:flex;gap:9px;overflow:auto;padding:2px 1px 6px;scrollbar-width:none}.k-news-categories::-webkit-scrollbar{display:none}.k-news-categories button{display:flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid var(--k-line);border-radius:999px;padding:10px 13px;background:#fff;color:var(--k-ink);cursor:pointer}.k-news-categories button span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#f1f5f9;font-size:11px}.k-news-categories button.is-active{border-color:#ff6b00;background:#fff7ed;color:#c2410c}.k-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.k-news-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--k-line);border-radius:22px;background:#fff}.k-news-card.is-featured{grid-column:span 2;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);border-color:rgba(255,107,0,.35)}.k-news-card-image{aspect-ratio:16/9;background:#eef2f7;overflow:hidden}.k-news-card-image img{width:100%;height:100%;object-fit:cover}.k-news-card-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#111827,#334155);color:#fff}.k-news-card-placeholder span{font-size:56px;font-weight:950}.k-news-card-body{display:grid;align-content:start;gap:10px;padding:18px}.k-news-card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--k-muted);font-size:11px}.k-news-card-meta span{color:#ff6b00;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.k-news-card h2{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.02em}.k-news-card p{margin:0;color:var(--k-muted);font-size:13px;line-height:1.55}.k-news-card details{border-top:1px solid var(--k-line);padding-top:9px;font-size:13px;line-height:1.55}.k-news-card summary{cursor:pointer;font-weight:800;color:#0b66ff}.k-news-card details div{padding-top:9px;color:#475569}.k-news-card-admin{display:flex;gap:8px;padding-top:6px}.k-news-card-admin button{border:0;border-radius:9px;padding:7px 9px;background:#f1f5f9;cursor:pointer}.k-news-loading{grid-column:1/-1;padding:40px;text-align:center;color:var(--k-muted)}.k-news-admin{display:grid;gap:14px;padding:22px;border:1px solid var(--k-line);border-radius:24px;background:#fff}.k-news-admin h2{margin:4px 0 0}.k-news-admin form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.k-news-admin label{display:grid;gap:6px;font-size:12px;font-weight:800}.k-news-admin input,.k-news-admin select,.k-news-admin textarea{width:100%;border:1px solid var(--k-line-strong);border-radius:12px;padding:11px 12px;font:inherit;background:#fff}.k-news-admin textarea{min-height:110px;resize:vertical}.k-news-admin-wide,.k-news-admin-actions{grid-column:1/-1}.k-news-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.k-news-check input{width:auto}.k-news-admin-actions{display:flex;align-items:center;gap:12px}.k-home-fast-row{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.k-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.k-news-card.is-featured{grid-column:span 2}.k-home-fast-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.k-news-hero{grid-template-columns:1fr;padding:20px}.k-news-hero-mark{display:none}.k-news-grid{grid-template-columns:1fr}.k-news-card.is-featured{grid-column:auto;display:flex}.k-news-admin form{grid-template-columns:1fr}.k-news-admin-wide,.k-news-admin-actions{grid-column:auto}.k-home-fast-row{grid-template-columns:1fr}}

/* r71a: mobile navigation, complete product categories and masters directory */
@media (max-width:700px){
}
.k-directory-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:22px;align-items:end;padding:clamp(22px,4vw,42px);border:1px solid var(--k-line);border-radius:30px;background:linear-gradient(135deg,#fff 0%,#fff8f2 100%);box-shadow:0 22px 60px rgba(15,23,42,.08)}
.k-directory-hero .k-title{margin:8px 0 12px}.k-directory-hero .k-subtitle{max-width:760px;margin:0}
.k-directory-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.k-directory-metrics>div{min-width:0;padding:15px 8px;border:1px solid var(--k-line);border-radius:18px;background:rgba(255,255,255,.8);text-align:center}.k-directory-metrics b{display:block;font-size:clamp(22px,3vw,34px);line-height:1}.k-directory-metrics span{display:block;margin-top:6px;font-size:12px;color:var(--k-muted)}
.k-directory-tabs{display:flex;gap:8px;margin:20px 0 16px;padding:5px;border:1px solid var(--k-line);border-radius:18px;background:#fff;width:max-content;max-width:100%}.k-directory-tabs button{min-height:42px;padding:0 18px;border:0;border-radius:13px;background:transparent;font:inherit;font-weight:800;color:var(--k-muted);cursor:pointer}.k-directory-tabs button.is-active{background:#111827;color:#fff}
.k-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.k-directory-card{display:grid;gap:16px;min-width:0;padding:22px;border:1px solid var(--k-line);border-radius:25px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.06)}
.k-directory-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start}.k-directory-card-head small{font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#f97316}.k-directory-card-head h2{margin:4px 0;font-size:22px;line-height:1.1}.k-directory-card-head p{margin:0;color:var(--k-muted)}
.k-directory-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:19px;background:color-mix(in srgb,var(--avatar-accent,#ff6b00) 14%,white);color:var(--avatar-accent,#ff6b00);font-weight:950;font-size:18px}.k-directory-avatar-sto{background:#111827;color:#fff}
.k-directory-rating{white-space:nowrap;padding:8px 10px;border-radius:12px;background:#fff7df;color:#8a5700;font-weight:900;font-size:13px}.k-directory-facts{display:flex;flex-wrap:wrap;gap:7px}.k-directory-facts span{padding:7px 10px;border-radius:999px;background:#f5f7fa;color:#475569;font-size:12px;font-weight:750}.k-directory-place{display:grid;gap:4px;padding-top:14px;border-top:1px solid var(--k-line)}.k-directory-place span{color:var(--k-muted);font-size:13px}.k-directory-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.k-directory-card-foot strong{font-size:17px}
@media(max-width:840px){.k-directory-hero{grid-template-columns:1fr}.k-directory-grid{grid-template-columns:1fr}}
@media(max-width:700px){.k-mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr));left:6px;right:6px;bottom:6px;gap:3px;padding:6px;border-radius:20px}.k-mobile-nav .k-nav-link{min-width:0;padding:4px 1px;font-size:9.5px;border-radius:14px}.k-mobile-nav .k-nav-link .k-nav-icon{font-size:16px}.k-directory-hero{padding:20px;border-radius:24px}.k-directory-metrics{gap:5px}.k-directory-metrics>div{padding:12px 4px}.k-directory-card{padding:17px;border-radius:21px}.k-directory-card-head{grid-template-columns:auto minmax(0,1fr)}.k-directory-rating{grid-column:2;width:max-content}.k-directory-card-foot{align-items:stretch;flex-direction:column}.k-directory-card-foot .k-btn{width:100%}}

/* r74b: client order cards */
.k-orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px 20px;border:1px solid #e5e7eb;border-radius:20px;background:#fff}
.k-orders-toolbar strong,.k-orders-toolbar span{display:block}.k-orders-toolbar strong{font-size:20px}.k-orders-toolbar span{margin-top:4px;color:#64748b}
.k-orders-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.k-order-card{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid #e5e7eb;border-radius:23px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease}.k-order-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.09)}
.k-order-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #eef2f7}.k-order-number{font-size:12px;font-weight:800;color:#94a3b8}.k-order-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:900}.k-order-status--in_progress{background:#eff6ff;color:#1d4ed8}.k-order-status--completed{background:#ecfdf5;color:#15803d}.k-order-status--cancelled{background:#f1f5f9;color:#64748b}
.k-order-card__body{display:grid;gap:14px;padding:19px;text-decoration:none;color:inherit}.k-order-card__body h3{margin:0;font-size:20px;line-height:1.15}.k-order-card__body p{margin:0;color:#64748b;min-height:38px}.k-order-progress{height:7px;border-radius:999px;background:#eef2f7;overflow:hidden}.k-order-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f97316,#fb923c)}.k-order-card__facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.k-order-card__facts div{padding:11px;border-radius:14px;background:#f8fafc}.k-order-card__facts small,.k-order-card__facts strong{display:block}.k-order-card__facts small{font-size:11px;color:#64748b}.k-order-card__facts strong{margin-top:4px;font-size:14px}
.k-order-card__actions{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 17px 17px}.k-order-card__actions .k-btn{min-height:44px}.k-order-card[hidden]{display:none!important}
@media(max-width:980px){.k-orders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.k-orders-toolbar{align-items:stretch;flex-direction:column}.k-orders-toolbar .k-btn{width:100%}.k-orders-grid{grid-template-columns:1fr}.k-order-card__body h3{font-size:18px}.k-order-card__actions{grid-template-columns:1fr 1fr}.k-order-card__actions .k-btn{padding-inline:10px}}
/* r74m client order-card polish */
.k-order-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.k-order-card__facts>div:last-child:nth-child(odd){grid-column:1/-1}.k-order-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.k-order-card__actions .k-btn{width:100%;justify-content:center}@media(max-width:520px){.k-order-card__facts{grid-template-columns:1fr}.k-order-card__facts>div:last-child:nth-child(odd){grid-column:auto}.k-order-card__actions{grid-template-columns:1fr 1fr}}

/* r75i unified catalog/search toolbar */
.k-catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;margin:16px 0;padding:10px;border:1px solid var(--k-line-strong,rgba(116,132,157,.22));border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(24,37,54,.05)}
.k-catalog-toolbar .k-masters-search{min-width:0}
.k-catalog-toolbar .k-masters-geo,.k-catalog-toolbar .k-masters-filter-button{height:46px}
.k-catalog-filter-wrap{position:relative}
.k-catalog-filter-panel{position:absolute;z-index:30;top:calc(100% + 8px);right:0;display:grid;min-width:230px;max-height:320px;overflow:auto;padding:7px;border:1px solid var(--k-line-strong,rgba(116,132,157,.22));border-radius:15px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.18)}
.k-catalog-filter-panel[hidden]{display:none}
.k-catalog-filter-panel button{border:0;border-radius:10px;padding:10px 12px;background:transparent;text-align:left;font:inherit;font-weight:750;cursor:pointer}
.k-catalog-filter-panel button:hover,.k-catalog-filter-panel button.is-active{background:#fff3e9;color:#c94f00}
.k-catalog-toolbar-result{margin:10px 0 16px;color:var(--k-muted,#64748b);font-size:13px}
@media(max-width:700px){.k-catalog-toolbar{grid-template-columns:minmax(0,1fr) 44px 44px auto;gap:7px;padding:8px;border-radius:18px}.k-catalog-toolbar .k-masters-geo__label,.k-catalog-toolbar .k-masters-filter-button span:last-child{display:none}.k-catalog-toolbar .k-masters-search-button{padding-inline:13px}.k-catalog-filter-panel{right:-52px;max-width:calc(100vw - 28px)}}
@media(max-width:359px){.k-catalog-toolbar{grid-template-columns:minmax(0,1fr) 40px 40px 68px;gap:5px;padding:6px}.k-catalog-toolbar .k-masters-search-button{padding:0 8px;font-size:12px}.k-catalog-toolbar .k-masters-geo,.k-catalog-toolbar .k-masters-filter-button{width:40px;height:42px}.k-catalog-toolbar .k-masters-search input{font-size:13px}}

/* r75q: mobile works toolbar cleanup */
@media (max-width:700px){
  .k-work-feed-page .k-catalog-toolbar-result{
    display:none!important;
  }
}

/* r75r: unified orders search toolbar */
.k-orders-search-toolbar{
  grid-template-columns:minmax(0,1fr) minmax(130px,170px) auto;
  margin:0 0 16px;
}
.k-orders-search-result{
  min-height:18px;
  margin:-6px 2px 12px;
  color:var(--k-muted,#64748b);
  font-size:12px;
}
@media(max-width:700px){
  .k-orders-search-toolbar{
    grid-template-columns:minmax(0,1fr) 44px auto;
    gap:7px;
    padding:8px;
    border-radius:18px;
  }
  .k-orders-search-toolbar .k-masters-filter-button{
    width:44px;
    min-height:44px;
    padding:0;
  }
  .k-orders-search-toolbar .k-masters-filter-button span:last-child{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
  }
  .k-orders-search-toolbar .k-masters-search-button{
    min-width:76px;
    min-height:44px;
    padding-inline:11px;
    font-size:12px;
  }
}
@media(max-width:359px){
  .k-orders-search-toolbar{
    grid-template-columns:minmax(0,1fr) 40px 68px;
    gap:5px;
    padding:6px;
  }
  .k-orders-search-toolbar .k-masters-filter-button{
    width:40px;
    min-height:42px;
  }
  .k-orders-search-toolbar .k-masters-search-button{
    min-width:68px;
    padding:0 8px;
  }
}

/* r76c — master news workspace */
.k-news-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.k-page-back{display:inline-flex;margin-bottom:12px;color:var(--k-muted);font-size:13px;font-weight:800;text-decoration:none}.k-master-news-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.k-master-news-summary>div{display:grid;gap:4px;padding:18px;border:1px solid var(--k-line);border-radius:18px;background:#fff}.k-master-news-summary b{font-size:26px}.k-master-news-summary span{color:var(--k-muted);font-size:12px}.k-master-news-status{width:max-content;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850}.k-master-news-status.is-live{background:#ecfdf5;color:#047857}.k-master-news-status.is-draft{background:#f1f5f9;color:#64748b}.k-master-news-page .k-news-card-admin{flex-wrap:wrap}.k-master-news-page .k-news-card-admin a,.k-master-news-page .k-news-card-admin button{border:0;border-radius:9px;padding:8px 10px;background:#f1f5f9;color:var(--k-ink);font:inherit;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer}.k-master-news-editor .k-news-admin{max-width:900px}.k-master-news-editor .k-news-admin textarea[name="body"]{min-height:280px}
@media(max-width:640px){.k-master-news-summary{grid-template-columns:1fr}.k-news-hero-actions .k-btn{width:100%;justify-content:center}}

/* r77i: explicit personal-service selection without duplicating catalog rows */
.k-service-offer-select{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--k-line);border-radius:13px;background:rgba(248,250,252,.86);cursor:pointer}
.k-service-offer-select input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:var(--k-orange)}
.k-service-offer-select span{display:grid;gap:2px;min-width:0}
.k-service-offer-select b{font-size:13px;color:var(--k-text)}
.k-service-offer-select small{font-size:11px;line-height:1.35;color:var(--k-muted)}
.k-service-offer-card:not(.is-configured):not(.is-selected-pending) .k-service-offer-form{opacity:.6}
.k-service-offer-card.is-selected-pending{border-color:rgba(255,107,0,.35);box-shadow:0 16px 38px rgba(255,107,0,.08)}
.k-service-offer-card.is-configured .k-service-offer-select{border-color:rgba(15,159,110,.25);background:rgba(236,253,245,.72)}
.k-service-offer-form :disabled{cursor:not-allowed}
@media(max-width:640px){.k-service-offer-select{align-items:flex-start}.k-service-offer-actions{width:100%}.k-service-offer-actions .k-btn{flex:1 1 auto}}

/* r77j — role-aware order service picker */
.k-request-services{min-width:0;margin:0;padding:16px;border:1px solid rgba(15,23,42,.12);border-radius:18px;background:rgba(248,250,252,.72)}
.k-request-services legend{padding:0 8px;font-weight:800;color:#0f172a}
.k-request-services__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.k-request-service{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease}
.k-request-service:hover{border-color:rgba(255,107,0,.42);transform:translateY(-1px)}
.k-request-service:has(input:checked){border-color:#ff6b00;box-shadow:0 0 0 3px rgba(255,107,0,.1)}
.k-request-service input{position:absolute;opacity:0;pointer-events:none}
.k-request-service__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff3e8;font-size:21px}
.k-request-service__body{min-width:0;display:grid;gap:4px}.k-request-service__body strong{overflow:hidden;text-overflow:ellipsis}.k-request-service__body small{color:#64748b;line-height:1.35}
.k-request-service__check{display:grid;place-items:center;width:22px;height:22px;border:1px solid #cbd5e1;border-radius:50%;color:transparent;font-weight:900}.k-request-service:has(input:checked) .k-request-service__check{border-color:#ff6b00;background:#ff6b00;color:#fff}
.k-request-services__status,.k-request-services__empty{padding:14px;color:#64748b}.k-request-services__total{margin-top:12px;padding-top:12px;border-top:1px solid rgba(15,23,42,.1);font-weight:800;text-align:right}
@media(max-width:720px){.k-request-services__list{grid-template-columns:1fr}.k-request-service{grid-template-columns:38px minmax(0,1fr) 22px;padding:10px}.k-request-service__icon{width:38px;height:38px}}

/* r77k: parts toolbar sorting; obsolete database panel removed */
.k-shop-toolbar{grid-template-columns:minmax(0,1fr) minmax(170px,210px) auto auto auto}
.k-shop-sort{position:relative;display:flex;align-items:center;gap:8px;min-width:0;height:46px;padding:0 12px;border:1px solid var(--k-line-strong,rgba(116,132,157,.22));border-radius:14px;background:#fff;color:var(--k-text,#172033)}
.k-shop-sort__icon{flex:0 0 auto;color:#ff6b00;font-size:17px;font-weight:900}
.k-shop-sort select{min-width:0;width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
@media(max-width:860px){.k-shop-toolbar{grid-template-columns:minmax(0,1fr) minmax(150px,190px) 44px 44px auto}.k-shop-toolbar .k-masters-geo__label,.k-shop-toolbar .k-masters-filter-button span:last-child{display:none}}
@media(max-width:700px){.k-shop-toolbar{grid-template-columns:minmax(0,1fr) 44px 44px auto}.k-shop-sort{grid-column:1/-1;grid-row:2;height:44px}.k-shop-toolbar .k-masters-search-button{grid-column:4;grid-row:1}}
@media(max-width:359px){.k-shop-toolbar{grid-template-columns:minmax(0,1fr) 40px 40px 68px}.k-shop-sort{height:42px;padding-inline:10px}.k-shop-sort select{font-size:12px}}

/* r77r: shared sorting controls for works, masters and news */
.k-catalog-toolbar:has(.k-shop-sort),.k-masters-page .k-masters-toolbar:has(.k-shop-sort){grid-template-columns:minmax(0,1fr) minmax(150px,190px) minmax(118px,150px) minmax(170px,210px) auto}
@media(max-width:980px){.k-catalog-toolbar:has(.k-shop-sort),.k-masters-page .k-masters-toolbar:has(.k-shop-sort){grid-template-columns:minmax(0,1fr) 48px 48px auto}.k-catalog-toolbar:has(.k-shop-sort) .k-shop-sort,.k-masters-page .k-masters-toolbar:has(.k-shop-sort) .k-shop-sort{grid-column:1/-1;grid-row:2}}
@media(max-width:640px){.k-catalog-toolbar:has(.k-shop-sort),.k-masters-page .k-masters-toolbar:has(.k-shop-sort){grid-template-columns:minmax(0,1fr) 44px 44px auto}.k-catalog-toolbar:has(.k-shop-sort) .k-shop-sort,.k-masters-page .k-masters-toolbar:has(.k-shop-sort) .k-shop-sort{height:44px}}


/* r77s: orders toolbar containment and narrow-screen layout */
.k-orders-search-toolbar{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow:visible;
}
.k-orders-search-toolbar>*{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.k-orders-search-toolbar .k-masters-search{
  width:100%;
  max-width:100%;
  min-width:0;
}
.k-orders-search-toolbar .k-masters-search input{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
@media(max-width:480px){
  .k-orders-search-toolbar{
    grid-template-columns:minmax(0,1fr) 44px;
  }
  .k-orders-search-toolbar .k-masters-search{
    grid-column:1/-1;
  }
  .k-orders-search-toolbar .k-masters-filter-wrap{
    grid-column:1;
  }
  .k-orders-search-toolbar .k-masters-search-button{
    grid-column:2;
    width:100%;
    min-width:0;
  }
}
@media(max-width:350px){
  .k-orders-search-toolbar{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    padding:7px;
    overflow:hidden;
  }
  .k-orders-search-toolbar .k-masters-search,
  .k-orders-search-toolbar .k-masters-filter-wrap,
  .k-orders-search-toolbar .k-masters-search-button{
    grid-column:1;
    width:100%;
    max-width:100%;
  }
  .k-orders-search-toolbar .k-masters-filter-button,
  .k-orders-search-toolbar .k-masters-search-button{
    width:100%;
    min-width:0;
    min-height:42px;
  }
  .k-orders-search-toolbar .k-masters-filter-button span:last-child{
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    clip:auto;
  }
  .k-orders-search-toolbar .k-masters-search,
  .k-orders-search-toolbar .k-masters-search input{
    font-size:12px;
  }
  .k-orders-search-toolbar .k-masters-search-button,
  .k-orders-search-toolbar .k-masters-filter-button{
    font-size:12px;
  }
}

/* r77t: master/STO exchange */
.k-exchange-kpi-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.k-exchange-kpi-panel article{padding:14px;border:1px solid var(--k-border,#e5e7eb);border-radius:16px;background:var(--k-surface,#fff)}.k-exchange-kpi-panel span{display:block;font-size:12px;color:var(--k-muted,#64748b)}.k-exchange-kpi-panel strong{display:block;margin-top:4px;font-size:24px}.k-exchange-toolbar{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.k-exchange-check{display:flex;align-items:center;gap:8px;white-space:nowrap}.k-exchange-tabs{display:flex;gap:8px;overflow:auto;padding:12px 0}.k-exchange-tabs button{border:1px solid var(--k-border,#e5e7eb);background:#fff;border-radius:999px;padding:9px 14px;white-space:nowrap}.k-exchange-tabs button.is-active{background:#111827;color:#fff;border-color:#111827}.k-exchange-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.k-exchange-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--k-border,#e5e7eb);border-radius:20px;background:var(--k-surface,#fff);min-width:0}.k-exchange-card.is-urgent{border-color:#fb923c}.k-exchange-card header,.k-exchange-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.k-exchange-card h2{margin:4px 0 0;font-size:19px}.k-exchange-card__type{font-size:11px;font-weight:700;text-transform:uppercase;color:#f97316}.k-exchange-save{border:0;background:transparent;font-size:25px}.k-exchange-save.is-active{color:#f59e0b}.k-exchange-card__vehicle{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.k-exchange-card__vehicle span,.k-exchange-card__notes{font-size:13px;color:var(--k-muted,#64748b)}.k-exchange-card__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.k-exchange-card__facts span{padding:10px;border-radius:12px;background:#f8fafc}.k-exchange-card__facts b,.k-exchange-card__facts small{display:block}.k-exchange-card__facts small{margin-top:3px;font-size:10px;color:#64748b}.k-exchange-card__match{padding:9px 11px;border-radius:12px;background:#ecfdf5;color:#047857;font-size:12px}.k-exchange-dialog{width:min(560px,calc(100% - 24px));border:0;border-radius:22px;padding:0}.k-exchange-dialog::backdrop{background:rgba(15,23,42,.55)}.k-exchange-dialog form{display:grid;gap:12px;padding:22px}.k-exchange-dialog label{display:grid;gap:6px;font-size:13px}.k-exchange-dialog input,.k-exchange-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3ec;border-radius:12px;padding:11px}.k-exchange-dialog__close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px}.k-exchange-dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
@media(max-width:820px){.k-exchange-kpi-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.k-exchange-grid{grid-template-columns:1fr}.k-exchange-card__facts{grid-template-columns:1fr 1fr}.k-exchange-toolbar{display:grid;grid-template-columns:1fr}.k-exchange-toolbar>*{width:100%;max-width:100%;min-width:0}}
@media(max-width:360px){.k-exchange-kpi-panel{grid-template-columns:1fr}.k-exchange-card__facts{grid-template-columns:1fr}.k-exchange-card footer{flex-direction:column}.k-exchange-card footer>*{width:100%}}

/* r77u: stable mobile rendering and deterministic search/sort toolbars */
.k-page,
.k-app-main,
.k-shell-main,
.k-masters-toolbar,
.k-catalog-toolbar,
.k-orders-search-toolbar,
.k-shop-toolbar {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* Parts toolbar: explicit areas instead of competing inherited grid rules. */
.k-shop-page .k-shop-toolbar {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(170px,210px) minmax(120px,160px) 48px auto;
  grid-template-areas: "search sort city filter submit";
  align-items: center;
  gap: 8px;
  width: 100%;
  overflow: visible;
}
.k-shop-page .k-shop-toolbar .k-masters-search { grid-area: search; width: 100%; min-width: 0; }
.k-shop-page .k-shop-toolbar .k-shop-sort { grid-area: sort; width: 100%; min-width: 0; }
.k-shop-page .k-shop-toolbar .k-masters-geo { grid-area: city; min-width: 0; }
.k-shop-page .k-shop-toolbar .k-catalog-filter-wrap { grid-area: filter; min-width: 0; }
.k-shop-page .k-shop-toolbar .k-masters-search-button { grid-area: submit; min-width: 82px; }
.k-shop-page .k-shop-toolbar .k-masters-search input,
.k-shop-page .k-shop-toolbar .k-shop-sort select { min-width: 0; width: 100%; box-sizing: border-box; }

/* Orders toolbar: explicit areas prevent the filter/search button from escaping. */
.k-orders-page .k-orders-search-toolbar,
.k-page.orders .k-orders-search-toolbar {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(120px,170px) auto;
  grid-template-areas: "search filter submit";
  align-items: center;
  gap: 8px;
  width: 100%;
  overflow: visible;
}
.k-orders-search-toolbar .k-masters-search { grid-area: search; }
.k-orders-search-toolbar .k-masters-filter-wrap { grid-area: filter; }
.k-orders-search-toolbar .k-masters-search-button { grid-area: submit; }

@media (max-width: 700px) {
  .k-shop-page .k-shop-toolbar {
    grid-template-columns: 44px 44px minmax(86px,1fr);
    grid-template-areas:
      "search search search"
      "sort sort sort"
      "city filter submit";
    gap: 8px;
    padding: 9px;
  }
  .k-shop-page .k-shop-toolbar .k-masters-geo,
  .k-shop-page .k-shop-toolbar .k-masters-filter-button {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
  .k-shop-page .k-shop-toolbar .k-masters-search-button {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding-inline: 12px;
  }
  .k-shop-page .k-shop-toolbar .k-shop-sort {
    height: 44px;
    padding-inline: 11px;
  }

  .k-orders-page .k-orders-search-toolbar,
  .k-page.orders .k-orders-search-toolbar,
  .k-orders-search-toolbar {
    grid-template-columns: minmax(0,1fr) minmax(78px,auto);
    grid-template-areas:
      "search search"
      "filter submit";
    gap: 8px;
    padding: 9px;
    overflow: hidden;
  }
  .k-orders-search-toolbar .k-masters-search,
  .k-orders-search-toolbar .k-masters-search input,
  .k-orders-search-toolbar .k-masters-filter-wrap,
  .k-orders-search-toolbar .k-masters-search-button {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 350px) {
  .k-shop-page .k-shop-toolbar,
  .k-orders-page .k-orders-search-toolbar,
  .k-page.orders .k-orders-search-toolbar,
  .k-orders-search-toolbar {
    grid-template-columns: 1fr;
    grid-template-areas:
      "search"
      "sort"
      "city"
      "filter"
      "submit";
  }
  .k-orders-search-toolbar { grid-template-areas: "search" "filter" "submit"; }
  .k-shop-page .k-shop-toolbar .k-masters-geo,
  .k-shop-page .k-shop-toolbar .k-catalog-filter-wrap,
  .k-shop-page .k-shop-toolbar .k-masters-filter-button,
  .k-shop-page .k-shop-toolbar .k-masters-search-button,
  .k-orders-search-toolbar .k-masters-filter-wrap,
  .k-orders-search-toolbar .k-masters-filter-button,
  .k-orders-search-toolbar .k-masters-search-button {
    width: 100%;
    max-width: 100%;
  }
  .k-shop-page .k-shop-toolbar .k-masters-geo__label,
  .k-shop-page .k-shop-toolbar .k-masters-filter-button span:last-child,
  .k-orders-search-toolbar .k-masters-filter-button span:last-child {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    display: inline;
  }
}

/* Some Chromium/WebView builds corrupt layers when fixed translucent elements use backdrop blur. */
@media (max-width: 900px) {
  .k-shell-header,
  .k-mobile-nav,
  .k-mobile-fab,
  .k-menu-backdrop,
  .k-page-hero .k-news-hero-mark,
  .k-page-hero .k-master-shift-state,
  .k-page-hero .k-vehicle-health,
  .k-page-hero .k-role-hero-icon,
  .k-provider-profile-score {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .k-shell-header { background: #fff !important; }
  .k-mobile-nav { background: #fff !important; }
  .k-mobile-fab { background: #fff !important; }
  .k-menu-backdrop { background: rgba(15,23,42,.55) !important; }
  .k-page-hero::after,
  .k-provider-profile-hero::after {
    filter: none !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .k-order-card:hover,
  .k-home-action-tile:hover,
  .k-home-emergency__action:hover,
  .k-page-hero .k-btn:hover,
  .k-page-hero > button:hover {
    transform: none !important;
  }
}

/* r77v: unified compact mobile toolbars and conservative rendering mode */
@media (max-width: 700px) {
  /* Use the same compact geometry as the masters catalogue. */
  .k-shop-page .k-shop-toolbar,
  .k-orders-page .k-orders-search-toolbar,
  .k-page.orders .k-orders-search-toolbar {
    display: grid !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .k-shop-page .k-shop-toolbar {
    grid-template-columns: minmax(0,1fr) 44px 44px minmax(78px,96px) !important;
    grid-template-areas:
      "search city filter submit"
      "sort sort sort sort" !important;
  }

  .k-orders-page .k-orders-search-toolbar,
  .k-page.orders .k-orders-search-toolbar {
    grid-template-columns: minmax(0,1fr) 44px minmax(78px,96px) !important;
    grid-template-areas: "search filter submit" !important;
  }

  .k-shop-page .k-shop-toolbar .k-masters-search,
  .k-orders-search-toolbar .k-masters-search {
    min-width: 0 !important;
    width: 100% !important;
  }

  .k-shop-page .k-shop-toolbar .k-masters-search input,
  .k-orders-search-toolbar .k-masters-search input {
    min-width: 0 !important;
    width: 100% !important;
    height: 44px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }

  .k-shop-page .k-shop-toolbar .k-masters-geo,
  .k-shop-page .k-shop-toolbar .k-masters-filter-button,
  .k-orders-search-toolbar .k-masters-filter-button {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
  }

  .k-shop-page .k-shop-toolbar .k-masters-search-button,
  .k-orders-search-toolbar .k-masters-search-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  .k-shop-page .k-shop-toolbar .k-shop-sort {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    grid-area: sort !important;
  }

  .k-shop-page .k-shop-toolbar .k-shop-sort select {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 14px !important;
  }

  .k-shop-page .k-shop-toolbar .k-masters-geo__label,
  .k-shop-page .k-shop-toolbar .k-masters-filter-button span:last-child,
  .k-orders-search-toolbar .k-masters-filter-button span:last-child {
    display: none !important;
  }
}

@media (max-width: 350px) {
  .k-shop-page .k-shop-toolbar {
    grid-template-columns: minmax(0,1fr) 40px 40px 70px !important;
    grid-template-areas:
      "search city filter submit"
      "sort sort sort sort" !important;
    gap: 6px !important;
    padding: 8px !important;
  }

  .k-orders-page .k-orders-search-toolbar,
  .k-page.orders .k-orders-search-toolbar {
    grid-template-columns: minmax(0,1fr) 40px 70px !important;
    grid-template-areas: "search filter submit" !important;
    gap: 6px !important;
    padding: 8px !important;
  }

  .k-shop-page .k-shop-toolbar .k-masters-geo,
  .k-shop-page .k-shop-toolbar .k-masters-filter-button,
  .k-orders-search-toolbar .k-masters-filter-button {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
  }

  .k-shop-page .k-shop-toolbar .k-masters-search input,
  .k-orders-search-toolbar .k-masters-search input,
  .k-shop-page .k-shop-toolbar .k-masters-search-button,
  .k-orders-search-toolbar .k-masters-search-button,
  .k-shop-page .k-shop-toolbar .k-shop-sort {
    height: 40px !important;
  }

  .k-shop-page .k-shop-toolbar .k-masters-search input,
  .k-orders-search-toolbar .k-masters-search input,
  .k-shop-page .k-shop-toolbar .k-masters-search-button,
  .k-orders-search-toolbar .k-masters-search-button,
  .k-shop-page .k-shop-toolbar .k-shop-sort select {
    font-size: 12px !important;
  }
}

/* Conservative mobile rendering path for problematic Chromium/WebView GPUs. */
@media (max-width: 900px) {
  .k-home-simple,
  .k-home-simple *,
  .k-home-simple *::before,
  .k-home-simple *::after,
  .k-page-hero,
  .k-page-hero *,
  .k-page-hero *::before,
  .k-page-hero *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
    will-change: auto !important;
    backface-visibility: visible !important;
    contain: none !important;
  }

  .k-home-simple *,
  .k-home-simple *::before,
  .k-home-simple *::after {
    animation: none !important;
    transition: none !important;
  }

  .k-home-ai-slide,
  .k-home-ai-slide.is-active,
  .k-home-action-tile,
  .k-home-emergency__action,
  .k-page-hero::before,
  .k-page-hero::after {
    transform: none !important;
  }

  .k-home-simple,
  .k-home-action-grid,
  .k-home-action-tile,
  .k-home-ai-search,
  .k-home-ai-search__controls,
  .k-page-hero {
    isolation: auto !important;
    perspective: none !important;
  }

  /* Fixed translucent layers are the main source of frame tearing on affected devices. */
  .k-mobile-nav,
  .k-shell-header,
  .k-mobile-back,
  .k-mobile-fab {
    box-shadow: none !important;
    transform: none !important;
    will-change: auto !important;
    contain: none !important;
  }
}

/* r77x — isolated orders toolbar. It does not inherit legacy master/catalog grids. */
.k-orders-toolbar-v2{
  display:grid;
  grid-template-columns:minmax(0,1fr) 64px 118px;
  align-items:stretch;
  gap:10px;
  width:100%;
  max-width:100%;
  min-width:0;
  padding:12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:#fff;
  box-sizing:border-box;
}
.k-orders-toolbar-v2>*{min-width:0;max-width:100%;box-sizing:border-box}
.k-orders-toolbar-v2 .k-masters-search{width:100%;min-width:0}
.k-orders-toolbar-v2 .k-masters-search input{width:100%;min-width:0;font-size:14px}
.k-orders-toolbar-v2 .k-masters-filter-wrap{position:relative;width:64px;min-width:64px}
.k-orders-toolbar-v2 .k-masters-filter-button,
.k-orders-toolbar-v2 .k-masters-search-button{
  width:100%;height:100%;min-height:58px;margin:0;padding:0 10px;border-radius:18px;box-sizing:border-box
}
.k-orders-toolbar-v2 .k-masters-filter-button span:last-child{display:none}
@media(max-width:390px){
  .k-orders-toolbar-v2{grid-template-columns:minmax(0,1fr) 56px 96px;gap:8px;padding:10px}
  .k-orders-toolbar-v2 .k-masters-search input{font-size:13px;padding-inline:12px}
  .k-orders-toolbar-v2 .k-masters-filter-wrap{width:56px;min-width:56px}
  .k-orders-toolbar-v2 .k-masters-filter-button,
  .k-orders-toolbar-v2 .k-masters-search-button{min-height:54px;font-size:13px!important;padding-inline:6px!important}
}
@media(max-width:330px){
  .k-orders-toolbar-v2{grid-template-columns:minmax(0,1fr) 50px;grid-template-areas:"search search" "filter submit"}
  .k-orders-toolbar-v2 .k-masters-search{grid-area:search}
  .k-orders-toolbar-v2 .k-masters-filter-wrap{grid-area:filter;width:50px;min-width:50px}
  .k-orders-toolbar-v2 .k-masters-search-button{grid-area:submit}
}

/* r77z — social feed, work comments and home content sliders */
.k-social-card{background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:24px;overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.07);min-width:0}
.k-social-card__author{display:flex;align-items:center;gap:10px;padding:14px 16px}.k-social-card__author>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.k-social-card__author b,.k-social-card__author small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-social-card__author time{font-size:12px;color:#64748b}
.k-social-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff4e8;color:#ff6b00;font-weight:900;flex:0 0 auto}
.k-social-card__media{display:block;aspect-ratio:1/1;background:#f3f4f6;overflow:hidden}.k-social-card__media img{width:100%;height:100%;object-fit:cover;display:block}.k-social-card__placeholder{height:100%;display:grid;place-items:center;font-weight:900;color:#ff6b00;font-size:24px}
.k-social-card__actions{display:flex;align-items:center;gap:12px;padding:12px 16px}.k-social-card__actions button,.k-social-card__actions a{border:0;background:none;font:700 28px/1 inherit;color:#111827;padding:0;text-decoration:none;cursor:pointer}.k-social-card__actions .is-liked{color:#ef4444}.k-social-card__views{margin-left:auto;color:#64748b;font-size:13px}
.k-social-card__body{padding:0 16px 18px}.k-social-card__body h2,.k-social-card__body h3{margin:8px 0}.k-social-card__body p{margin:6px 0;color:#475569}.k-social-card__comments-link{display:inline-block;margin-top:8px;color:#64748b;text-decoration:none;font-size:14px}
.k-work-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.k-work-detail-page.k-social-detail{max-width:780px;margin-inline:auto}.k-social-post{background:#fff;border-radius:24px;overflow:hidden}.k-work-media-swiper,.k-work-media-slide{width:100%}.k-work-media-slide{aspect-ratio:1/1;background:#f3f4f6}.k-work-media-slide img{width:100%;height:100%;object-fit:cover}.k-work-story{padding-top:8px}
.k-comments-page{margin-top:18px;background:#fff;border-radius:24px;padding:20px}.k-comments-page>header{display:flex;align-items:center;justify-content:space-between}.k-comments-list{display:grid;gap:16px;margin:18px 0}.k-comments-list article{display:flex;gap:12px}.k-comments-list article>div{min-width:0}.k-comments-list p{margin:4px 0}.k-comments-list time{font-size:12px;color:#94a3b8}.k-comment-form{display:grid;grid-template-columns:1fr auto;gap:10px}.k-comment-form input{min-width:0;border:1px solid #dbe1e8;border-radius:16px;padding:12px 14px;font:inherit}
.k-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.k-social-news-card .k-social-card__media{aspect-ratio:4/3}
.k-home-content-slider{margin-top:28px}.k-home-section-head a{color:#ff6b00;font-weight:800;text-decoration:none}.k-home-data-swiper{overflow:hidden}.k-home-data-swiper .swiper-wrapper{align-items:stretch}.k-home-data-swiper .swiper-slide{height:auto}.k-home-slide-card{height:100%;background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:22px;padding:12px;display:flex;flex-direction:column;gap:7px;box-sizing:border-box}.k-home-slide-card__media{aspect-ratio:4/3;border-radius:16px;background:#fff4e8;display:grid;place-items:center;overflow:hidden;color:#ff6b00;font-size:30px}.k-home-slide-card__media img{width:100%;height:100%;object-fit:cover}.k-home-slide-card small{color:#ff6b00;font-weight:800}.k-home-slide-card h3{font-size:17px;margin:0}.k-home-slide-card p{color:#64748b;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.k-home-slide-card a{margin-top:auto;color:#111827;font-weight:800;text-decoration:none}.k-home-slider-loading{padding:22px;background:#fff;border-radius:18px}
@media(max-width:900px){.k-work-feed-grid,.k-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.k-work-feed-grid,.k-news-grid{grid-template-columns:1fr}.k-social-card{border-radius:20px}.k-comment-form{grid-template-columns:1fr}.k-comment-form button{width:100%}}

/* r77ad — isolated home preload and Swiper layout. */
.k-home-content-slider{margin-top:28px;min-width:0;overflow:hidden}
.k-home-section-head a{color:#ff6b00;font-weight:800;text-decoration:none}
.k-home-preload-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0}
.k-home-preload-card{display:grid;gap:9px;min-width:0;height:238px;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;box-sizing:border-box;overflow:hidden}
.k-home-preload-card__media{display:block;height:124px;border-radius:16px;background:#e8ebef}
.k-home-preload-card__line{display:block;width:88%;height:12px;border-radius:999px;background:#e8ebef}
.k-home-preload-card__line--short{width:34%;height:9px}
.k-home-preload-card__line--title{width:72%;height:17px}
.k-home-data-swiper{width:100%;max-width:100%;min-width:0;overflow:hidden}
.k-home-data-swiper[hidden]{display:none!important}
.k-home-data-swiper .swiper-wrapper{align-items:stretch}
.k-home-data-swiper .swiper-slide{height:auto;min-width:0;box-sizing:border-box}
.k-home-data-swiper .swiper-pagination{position:relative!important;inset:auto!important;margin-top:12px;min-height:10px}
.k-home-data-swiper:not(.is-ready) .swiper-pagination{display:none!important}
.k-home-slide-card{height:100%;min-height:238px;background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:22px;padding:12px;display:flex;flex-direction:column;gap:7px;box-sizing:border-box;overflow:hidden}
.k-home-slide-card__media{height:124px;aspect-ratio:auto;border-radius:16px;background:#fff4e8;display:grid;place-items:center;overflow:hidden;color:#ff6b00;font-size:30px}
.k-home-slide-card__media img{width:100%;height:100%;object-fit:cover}
.k-home-slide-card small{color:#ff6b00;font-weight:800}.k-home-slide-card h3{font-size:17px;margin:0}.k-home-slide-card p{color:#64748b;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.k-home-slide-card a{margin-top:auto;color:#111827;font-weight:800;text-decoration:none}
.k-home-slider-empty{min-height:180px;padding:22px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;box-sizing:border-box}
.k-home-slider-empty b{font-size:17px;color:#111827}.k-home-slider-empty small{color:#667085;line-height:1.4}.k-home-slider-empty button{margin-top:8px;min-height:38px;padding:0 15px;border:0;border-radius:12px;background:#ff6b00;color:#fff;font:inherit;font-weight:800}
.k-home-data-swiper.is-native-fallback{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.k-home-data-swiper.is-native-fallback::-webkit-scrollbar{display:none}
.k-home-data-swiper.is-native-fallback .swiper-wrapper{display:flex;gap:10px}
.k-home-data-swiper.is-native-fallback .swiper-slide{flex:0 0 82%;scroll-snap-align:start}
html,body,.k-app-shell,#app{max-width:100%;overflow-x:hidden}
.k-home-simple,.k-home-simple>*{max-width:100%;min-width:0}
.k-home-simple::before,.k-home-simple::after,.k-home-simple *::before,.k-home-simple *::after{border-left:0!important;border-right:0!important}
@media(max-width:899px){.k-home-preload-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:559px){.k-home-preload-row{display:flex;gap:10px;overflow:hidden}.k-home-preload-card{flex:0 0 82%;height:210px}.k-home-preload-card:nth-child(n+2){display:none}.k-home-preload-card__media{height:98px}.k-home-slide-card{min-height:210px}.k-home-slide-card__media{height:98px}}

/* R77ak — stable client bottom nav. No SVG injection from startup JavaScript. */
@media (max-width:900px){
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
  }
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav .k-nav-link{
    min-width:0;
    min-height:56px;
    padding:6px 2px 5px;
    gap:4px;
  }
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav .k-nav-icon{
    position:relative;
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    margin:0 auto;
    font-size:0!important;
    color:currentColor;
  }
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav .k-nav-icon::before{
    content:"";
    display:block;
    width:22px;
    height:22px;
    background-color:currentColor;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
  }
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav [data-route-key="home"] .k-nav-icon::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 11.2 12 4l9 7.2M5.5 10.5V20h13v-9.5M9.5 20v-6h5v6'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 11.2 12 4l9 7.2M5.5 10.5V20h13v-9.5M9.5 20v-6h5v6'/%3E%3C/svg%3E");
  }
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav [data-route-key="works"] .k-nav-icon::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M8.5 9.5h7M8.5 12.5h7M8.5 15.5h4.5'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M8.5 9.5h7M8.5 12.5h7M8.5 15.5h4.5'/%3E%3C/svg%3E");
  }
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav [data-route-key="parts"] .k-nav-icon::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M7 3h10v4H7zM5 7h14v13H5zM8.5 11h7M8.5 15h4'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M7 3h10v4H7zM5 7h14v13H5zM8.5 11h7M8.5 15h4'/%3E%3C/svg%3E");
  }
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav [data-route-key="masters"] .k-nav-icon::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 19c.7-3.4 2.6-5.2 5.5-5.2s4.8 1.8 5.5 5.2m1.3-11.8 1.5 1.5 3.2-3.2'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 19c.7-3.4 2.6-5.2 5.5-5.2s4.8 1.8 5.5 5.2m1.3-11.8 1.5 1.5 3.2-3.2'/%3E%3C/svg%3E");
  }
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav [data-route-key="cabinet"] .k-nav-icon::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M5 20c.8-4 3.1-6 7-6s6.2 2 7 6'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M5 20c.8-4 3.1-6 7-6s6.2 2 7 6'/%3E%3C/svg%3E");
  }
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav .k-nav-link>span:last-of-type{
    max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
}
@media (max-width:350px){
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav{gap:2px;padding-inline:4px}
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav .k-nav-link{font-size:9px;padding-inline:0}
  html[data-identity-mode="legacy-fallback"][data-user-role="client"] .k-mobile-nav .k-nav-icon::before{width:20px;height:20px}
}

/* r77al: unified lightweight line icon system */
.k-ui-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;color:currentColor}
.k-ui-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.k-shop-page .k-shop-cart-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.k-shop-page .k-shop-cart-button .k-ui-icon{width:24px;height:24px}
.k-shop-page .k-masters-search__icon,.k-shop-page .k-shop-sort__icon,.k-shop-page .k-masters-geo__icon{width:20px;height:20px;color:#ff6b00}
.k-shop-page .k-masters-filter-button>.k-ui-icon{width:21px;height:21px}
.k-shop-page .k-drill-icon.k-ui-icon{width:44px;height:44px;padding:10px;border-radius:14px;background:rgba(255,107,0,.08);color:#ff6b00;box-sizing:border-box}
.k-community-categories button{display:flex;align-items:center;gap:8px}
.k-community-categories .k-ui-icon{width:20px;height:20px}
.k-community-toolbar label>.k-ui-icon{width:20px;height:20px;color:#ff6b00}
.k-community-card footer button,.k-community-more{display:inline-grid;place-items:center;border:0;background:transparent;color:#344054;cursor:pointer}
.k-community-card footer button .k-ui-icon{width:23px;height:23px}
.k-community-card footer button:hover,.k-community-card footer button:focus-visible,.k-community-more:hover,.k-community-more:focus-visible{color:#ff6b00}
.k-community-more .k-ui-icon{width:22px;height:22px}
@media(max-width:480px){.k-shop-page .k-drill-icon.k-ui-icon{width:40px;height:40px;padding:9px}.k-community-categories button{gap:6px}.k-community-categories .k-ui-icon{width:18px;height:18px}}


/* r77am: unified social UI kit */
.k-ui-icon{display:inline-flex;width:24px;height:24px;flex:0 0 auto;color:currentColor}
.k-ui-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.k-ui-more{display:inline-flex;align-items:center;gap:3px}.k-ui-more i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}
.k-social-card__author{position:relative}.k-social-more{margin-left:4px;border:0;background:transparent;color:#667085;cursor:pointer}
.k-social-card__actions{justify-content:space-between}.k-social-card__actions-left{display:flex;align-items:center;gap:15px}
.k-social-card__actions button,.k-social-card__actions a{display:inline-flex;align-items:center;justify-content:center;color:#344054}
.k-social-card__actions .k-ui-icon{width:25px;height:25px}.k-social-card__actions .is-liked{color:#e11d48}.k-social-save{margin-left:auto}
.k-social-card__metrics{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0 16px 4px;color:#667085;font-size:12px}.k-social-card__metrics b{color:#172033}
.k-social-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#f97316}.k-social-card__placeholder .k-ui-icon{width:38px;height:38px}.k-social-card__placeholder small{color:#98a2b3;font-size:12px}
.k-community-media{position:relative;display:block;width:100%;min-height:210px;border:0;background:#f5f6f8;overflow:hidden;padding:0}.k-community-media img{display:block;width:100%;height:100%;min-height:210px;max-height:440px;object-fit:cover}.k-community-media__fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#f97316}.k-community-media.is-placeholder .k-community-media__fallback,.k-community-media img[hidden]+.k-community-media__fallback{display:flex}.k-community-media__fallback .k-ui-icon{width:42px;height:42px}.k-community-media__fallback small{color:#98a2b3}
.k-community-body{cursor:pointer}.k-community-actions{display:flex;align-items:center;gap:14px}.k-community-actions .k-community-save{margin-left:auto}.k-community-card footer{display:flex;align-items:center;justify-content:space-between}.k-community-price{font-size:16px;color:#111827}.k-community-metrics{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0 16px 16px;color:#667085;font-size:12px}.k-community-metrics b{color:#172033}
.k-home-lite-icon svg,.k-home-slide-card__media svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:768px){.k-community-page,.k-work-feed-page{padding-right:0}.k-community-card,.k-social-card{scroll-margin-top:90px}.k-community-media{min-height:180px}.k-community-media img{min-height:180px}.k-social-card__metrics,.k-community-metrics{font-size:11px}}
@media(max-width:390px){.k-community-page,.k-work-feed-page{padding-right:0}.k-community-actions{gap:11px}.k-social-card__actions-left{gap:12px}}

/* r78c: unified social actions and loading surfaces */
.k-social-action-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-top:1px solid rgba(15,23,42,.07);border-bottom:1px solid rgba(15,23,42,.07);min-width:0}
.k-social-action{appearance:none;border:0;background:transparent;color:#334155;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:36px;padding:7px 9px;border-radius:11px;text-decoration:none;font:inherit;cursor:pointer}
.k-social-action:hover,.k-social-action:focus-visible{background:#fff7ed;color:#c2410c;outline:none}
.k-social-action[aria-pressed="true"]{background:#fff1e8;color:#ea580c}
.k-social-action .k-ui-icon{width:19px;height:19px;flex:0 0 19px}
.k-social-action span{font-size:12px;white-space:nowrap}
.k-social-action b{font-size:12px;font-weight:800}
.k-social-action--bookmark{margin-left:auto;padding-inline:9px}
.k-social-card__metrics{display:flex;align-items:center;gap:12px;padding:8px 14px 0;color:#64748b;font-size:12px}
.k-social-card__metrics>span{display:inline-flex;align-items:center;gap:5px}
.k-social-card__metrics .k-ui-icon{width:16px;height:16px}
.k-social-card__placeholder{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;color:#94a3b8;background:#f8fafc}
.k-social-card__placeholder .k-ui-icon{width:34px;height:34px}
.k-ui-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:100%}
.k-ui-skeleton-card{min-width:0;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;padding:12px}
.k-ui-skeleton-card i,.k-ui-skeleton-card span{display:block;border-radius:10px;background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 45%,#eef2f6 65%);background-size:240% 100%;animation:kUiSkeleton 1.35s ease-in-out infinite}
.k-ui-skeleton-card i{height:150px;margin-bottom:12px}.k-ui-skeleton-card span{height:12px;margin-top:9px}.k-ui-skeleton-card span:nth-child(3){width:78%}.k-ui-skeleton-card span:nth-child(4){width:52%}
@keyframes kUiSkeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}
.k-master-wall-post__actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.k-master-wall-post__views{display:inline-flex;align-items:center;gap:5px;color:#64748b;font-size:12px}
.k-master-wall-post__views .k-ui-icon{width:17px;height:17px}
@media(max-width:760px){.k-social-action-bar{gap:3px;padding-inline:8px}.k-social-action{padding:7px;flex:1 1 0}.k-social-action span{display:none}.k-social-action--bookmark{flex:0 0 38px;margin-left:0}.k-ui-skeleton-grid{grid-template-columns:minmax(0,1fr)}.k-ui-skeleton-card:nth-child(n+2){display:none}.k-ui-skeleton-card i,.k-ui-skeleton-card span{animation:none}}

/* r78l — compact Instagram-like cards and section windows */
.k-home-content-slider{margin-top:12px!important}
.k-home-data-swiper{width:100%;min-width:0;overflow:hidden}
.k-home-slide-card{
  border-radius:16px;
  padding:9px;
  gap:5px;
  box-shadow:none;
}
.k-home-slide-card__media{border-radius:12px}
.k-home-slide-card small{font-size:10px;line-height:1.2}
.k-home-slide-card h3{font-size:14px;line-height:1.25}
.k-home-slide-card p{font-size:11px;line-height:1.35}
.k-home-slide-card a{font-size:11px}
.k-home-slider-empty{min-height:116px;padding:14px;border-radius:16px;gap:5px}
.k-home-slider-empty b{font-size:14px}.k-home-slider-empty small{font-size:11px}.k-home-slider-empty button{min-height:34px;font-size:11px;padding-inline:12px}
.k-social-action-bar,.k-social-post-actions{gap:6px!important}
.k-social-action-bar button,.k-social-action-bar a,.k-social-post-actions button,.k-social-post-actions a{min-height:34px!important;padding:6px 8px!important;font-size:11px!important;border-radius:10px!important}
.k-social-metrics,.k-social-post-metrics{font-size:10px!important;gap:8px!important;line-height:1.25!important}

/* R107 — unified touch and mouse interaction for every horizontal slider. */
.swiper,
.k-home-problem-swiper,
.k-home-data-swiper,
.k-community-group-slider,
.k-work-media-swiper{
  touch-action:pan-y pinch-zoom;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.swiper.swiper-horizontal:active,
.swiper.is-pointer-down,
.is-native-fallback.is-pointer-down,
.services-home-slider.is-pointer-down{cursor:grabbing}
.swiper .swiper-wrapper{will-change:transform}
.swiper .swiper-slide img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.is-native-fallback,
.services-home-slider,
[data-native-horizontal-slider]{
  cursor:grab;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.is-native-fallback.is-pointer-down,
.services-home-slider.is-pointer-down,
[data-native-horizontal-slider].is-pointer-down{
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
}

/* R129 — services catalogue: keep two service cards per row on all phone widths. */
@media (max-width:767px){
  .k-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .k-services-grid > *{
    min-width:0;
  }
  .k-services-grid .k-service-card{
    min-height:0;
    padding:12px;
    gap:10px;
  }
  .k-services-grid .k-service-card-body h3{
    font-size:15px;
  }
  .k-services-grid .k-service-card-body p{
    font-size:11px;
    line-height:1.4;
  }
  .k-services-grid .k-service-card-meta{
    grid-template-columns:1fr;
    gap:6px;
  }
  .k-services-grid .k-service-card-meta > div{
    padding:8px;
  }
}


/* R113 — shared skeleton loading states for masters and products. */
.k-skeleton{
  display:block;
  position:relative;
  overflow:hidden;
  background:#e8edf3;
  border-radius:10px;
  color:transparent!important;
  pointer-events:none;
}
.k-skeleton::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  animation:k-skeleton-shimmer 1.25s ease-in-out infinite;
}
@keyframes k-skeleton-shimmer{100%{transform:translateX(100%)}}
.k-skeleton-card{pointer-events:none;user-select:none}
.k-skeleton-line{height:12px;width:100%}
.k-skeleton-line--short{width:38%}
.k-skeleton-line--title{height:18px;width:72%}
.k-skeleton-heading{width:180px;height:24px}
.k-skeleton-status{width:150px;height:14px}
.k-skeleton-metric{display:block!important;width:46px;height:28px;margin:0 auto 5px}
.k-skeleton-provider{min-height:250px}
.k-skeleton-provider__head{display:flex;gap:14px;align-items:flex-start}
.k-skeleton-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%}
.k-skeleton-provider__copy{display:grid;gap:9px;flex:1;padding-top:2px}
.k-skeleton-tags,.k-skeleton-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
.k-skeleton-tags .k-skeleton{height:30px;border-radius:999px}
.k-skeleton-actions .k-skeleton{height:56px;border-radius:14px}
.k-skeleton-product{overflow:hidden;border:1px solid #e5e7eb;border-radius:20px;background:#fff}
.k-skeleton-product__image{width:100%;aspect-ratio:4/3;border-radius:0}
.k-skeleton-product__body{display:grid;gap:11px;padding:14px}
.k-skeleton-price{width:45%;height:22px;margin-top:3px}
.k-skeleton-button{height:40px;margin-top:2px;border-radius:12px}
.k-skeleton-drill-icon{width:46px;height:46px;border-radius:14px;flex:0 0 46px}
.k-skeleton-drill-count{width:28px;height:20px;border-radius:999px}
.k-skeleton-drill-grid .k-drill-tile{cursor:default}
.k-masters-status.is-loading{min-height:22px}
@media(max-width:700px){
  .k-skeleton-provider{min-height:225px}
  .k-skeleton-avatar{width:54px;height:54px;flex-basis:54px}
  .k-skeleton-actions{gap:6px}
  .k-skeleton-actions .k-skeleton{height:50px}
  .k-skeleton-product__body{padding:11px;gap:9px}
}
@media(prefers-reduced-motion:reduce){.k-skeleton::after{animation:none;display:none}}

/* R114: controlled home sliders and services promotions */
.k-home-content-slider .k-home-data-swiper{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;overscroll-behavior-x:contain}
.k-home-content-slider .k-home-data-swiper:active,.k-home-content-slider .k-home-data-swiper.swiper-grab-cursor{cursor:grabbing}
.k-home-content-slider .swiper-wrapper,.k-home-content-slider .swiper-slide{touch-action:pan-y}
.k-home-content-slider img,.k-home-content-slider a{-webkit-user-drag:none;user-drag:none}
.k-home-content-slider .swiper-pagination{position:relative;margin-top:12px}

.k-services-promotions{margin-top:24px;border:1px solid rgba(255,107,0,.16);border-radius:26px;padding:22px;background:linear-gradient(135deg,#fffaf5,#fff)}
.k-services-promotions__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.k-services-promotions__head span{display:block;font-size:11px;letter-spacing:.12em;font-weight:900;color:#ff6b00;margin-bottom:5px}
.k-services-promotions__head h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.05}
.k-services-promotions__head p{margin:7px 0 0;color:#64748b}
.k-services-promotions__head>a{flex:0 0 auto;color:#111827;font-weight:850;text-decoration:none;border-bottom:2px solid #ff6b00;padding-bottom:2px}
.k-services-promotions__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.k-services-promo-card{position:relative;min-width:0;text-align:left;border:1px solid rgba(15,23,42,.09);border-radius:20px;background:#fff;padding:16px;display:grid;grid-template-columns:42px 1fr;gap:8px 12px;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.k-services-promo-card:hover{transform:translateY(-2px);border-color:rgba(255,107,0,.36);box-shadow:0 14px 30px rgba(15,23,42,.08)}
.k-services-promo-card:focus-visible{outline:3px solid rgba(255,107,0,.28);outline-offset:2px}
.k-services-promo-card__icon{grid-row:1/4;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff2e8;color:#ff6b00;font-size:21px;font-weight:900}
.k-services-promo-card__tag{justify-self:start;border-radius:999px;background:#111827;color:#fff;padding:4px 8px;font-size:10px;font-weight:900;letter-spacing:.04em}
.k-services-promo-card__copy{display:grid;gap:5px;min-width:0}
.k-services-promo-card__copy b{font-size:16px;line-height:1.2;color:#111827}
.k-services-promo-card__copy small{font-size:13px;line-height:1.4;color:#64748b}
.k-services-promo-card__action{font-size:12px;font-weight:850;color:#ff6b00;margin-top:3px}
@media(max-width:820px){.k-services-promotions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.k-services-promo-card:last-child{grid-column:1/-1}}
@media(max-width:560px){.k-services-promotions{padding:15px;border-radius:20px}.k-services-promotions__head{align-items:flex-start}.k-services-promotions__head>a{display:none}.k-services-promotions__grid{grid-template-columns:1fr}.k-services-promo-card:last-child{grid-column:auto}.k-services-promo-card{padding:14px}.k-services-promo-card__copy b{font-size:15px}}

/* R120 — live hot-deal slider, service bundles, wash and detailing. */
.k-hot-deals{margin:0 0 26px;padding:22px;border-radius:28px;background:linear-gradient(135deg,#101827,#1d2939);color:#fff;overflow:hidden;box-shadow:0 22px 50px rgba(15,23,42,.18)}
.k-hot-deals__head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:17px}.k-hot-deals__head span,.k-service-bundles__head>span,.k-wash-detailing__head>span{display:block;font-size:11px;letter-spacing:.14em;font-weight:900;color:#ff8a1f;margin-bottom:6px}.k-hot-deals__head h2,.k-service-bundles__head h2,.k-wash-detailing__head h2{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.05}.k-hot-deals__head p{margin:8px 0 0;color:#cbd5e1}.k-hot-deals__controls{display:flex;gap:8px}.k-hot-deals__controls button{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.09);color:#fff;font-size:20px;cursor:pointer}.k-hot-deals__controls button:hover{background:rgba(255,255,255,.16)}
.k-hot-deals__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y;overscroll-behavior-x:contain}.k-hot-deals__viewport::-webkit-scrollbar{display:none}.k-hot-deals__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.k-hot-deals__track{display:flex;gap:14px;width:max-content;padding:2px 2px 8px}.k-hot-deal{position:relative;width:min(360px,82vw);min-height:390px;scroll-snap-align:start;flex:0 0 auto;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.06));backdrop-filter:blur(8px);display:flex;flex-direction:column}.k-hot-deal--wash{background:linear-gradient(145deg,rgba(14,165,233,.28),rgba(255,255,255,.06))}.k-hot-deal--diagnostics{background:linear-gradient(145deg,rgba(249,115,22,.28),rgba(255,255,255,.06))}.k-hot-deal--detail{background:linear-gradient(145deg,rgba(168,85,247,.26),rgba(255,255,255,.06))}.k-hot-deal--suspension{background:linear-gradient(145deg,rgba(34,197,94,.22),rgba(255,255,255,.06))}.k-hot-deal__top{display:flex;justify-content:space-between;gap:10px;align-items:center}.k-hot-deal__badge{font-size:10px;font-weight:950;letter-spacing:.07em;padding:6px 9px;border-radius:999px;background:#ff6b00;color:#fff}.k-hot-deal__live{font-size:11px;color:#dbeafe}.k-hot-deal__live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:5px;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.k-hot-deal__icon{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:27px;margin:22px 0 14px}.k-hot-deal h3{margin:0;font-size:24px;line-height:1.08}.k-hot-deal>p{margin:8px 0 15px;color:#dbe4ef}.k-hot-deal__price{display:flex;align-items:baseline;gap:10px}.k-hot-deal__price strong{font-size:28px}.k-hot-deal__price s{color:#94a3b8}.k-hot-deal__facts{display:flex;justify-content:space-between;gap:10px;margin:15px 0 10px;font-size:12px;font-weight:800}.k-hot-deal>small{display:block;min-height:48px;color:#cbd5e1;line-height:1.45;margin-bottom:15px}.k-hot-deal .k-btn{margin-top:auto;width:100%;background:#fff;color:#111827;border-color:#fff}.k-hot-deals__foot{display:flex;justify-content:space-between;gap:14px;color:#cbd5e1;font-size:12px;margin-top:8px}.k-hot-deals__foot b{color:#fff}
.k-service-bundles{margin:26px 0}.k-service-bundles__head,.k-wash-detailing__head{margin-bottom:16px}.k-service-bundles__head p,.k-wash-detailing__head p{margin:7px 0 0;color:#64748b}.k-service-bundles__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.k-service-bundle{position:relative;min-width:0;border:1px solid #e5e7eb;border-radius:22px;background:#fff;padding:18px;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(15,23,42,.055)}.k-service-bundle__label{align-self:flex-start;border-radius:999px;background:#111827;color:#fff;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.05em}.k-service-bundle__icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin:16px 0 10px;background:#fff2e8;color:#ff6b00;font-size:23px}.k-service-bundle h3{margin:0 0 10px;font-size:19px}.k-service-bundle ul{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:7px;color:#475569;font-size:13px}.k-service-bundle li:before{content:'✓';color:#16a34a;font-weight:900;margin-right:7px}.k-service-bundle__price{display:flex;align-items:baseline;gap:8px;margin-top:auto}.k-service-bundle__price strong{font-size:23px}.k-service-bundle__price s{font-size:12px;color:#94a3b8}.k-service-bundle__save{font-size:12px;color:#16a34a;margin:5px 0 13px}.k-service-bundle .k-btn{width:100%}
.k-wash-detailing{margin:28px 0}.k-wash-detailing__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.k-wash-detailing-card{position:relative;overflow:hidden;border-radius:24px;padding:20px;border:1px solid rgba(14,165,233,.18);background:linear-gradient(135deg,#effaff,#fff);display:grid;grid-template-columns:58px 1fr;gap:12px 15px}.k-wash-detailing-card--detailing{border-color:rgba(168,85,247,.18);background:linear-gradient(135deg,#faf5ff,#fff)}.k-wash-detailing-card__icon{grid-row:1/3;width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;font-size:28px;color:#0284c7;box-shadow:0 10px 22px rgba(15,23,42,.07)}.k-wash-detailing-card--detailing .k-wash-detailing-card__icon{color:#9333ea}.k-wash-detailing-card h3{margin:2px 0 4px;font-size:22px}.k-wash-detailing-card p{margin:0;color:#64748b}.k-wash-detailing-card__services{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.k-wash-detailing-card__services span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.85);font-size:12px;color:#334155;border:1px solid rgba(15,23,42,.06)}.k-wash-detailing-card button{grid-column:1/-1;justify-self:start;border:0;background:transparent;color:#0f172a;font-weight:900;padding:5px 0;cursor:pointer}.k-drill-head--services{margin-top:30px}
@media(max-width:1080px){.k-service-bundles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.k-hot-deals{margin-inline:-4px;padding:17px;border-radius:22px}.k-hot-deals__head{align-items:flex-start}.k-hot-deals__controls{display:none}.k-hot-deals__foot{display:grid}.k-hot-deal{width:min(326px,86vw);min-height:380px}.k-service-bundles__grid,.k-wash-detailing__grid{grid-template-columns:1fr}.k-service-bundle{padding:16px}.k-wash-detailing-card{padding:16px;grid-template-columns:48px 1fr}.k-wash-detailing-card__icon{width:48px;height:48px;border-radius:15px;font-size:23px}.k-hot-deal h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.k-hot-deals__viewport{scroll-behavior:auto}}

/* R127 — service bundles shared Swiper + cabinet placement */
.k-service-bundles__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.k-service-bundles__controls{display:flex;gap:8px;flex:0 0 auto}
.k-service-bundles__controls button{width:42px;height:42px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#111827;font-size:20px;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.k-service-bundles__controls button:hover{border-color:#ffb27d;color:#ff5a00}
.k-service-bundles__slider{overflow:hidden;padding:2px 2px 34px}
.k-service-bundles__grid{display:flex!important;grid-template-columns:none!important;gap:0!important}
.k-service-bundles__grid>.k-service-bundle{height:auto;box-sizing:border-box}
.k-service-bundles__pagination{bottom:2px!important}
.k-service-bundles__pagination .swiper-pagination-bullet-active{background:#ff5a00}
.k-cabinet-service-bundles-host{width:min(1480px,calc(100% - 32px));margin:18px auto 0;padding:0 18px;box-sizing:border-box}
.k-cabinet-service-bundles-host[hidden]{display:none!important}
.k-cabinet-service-bundles-host .k-service-bundles{margin:0 0 18px}
@media(max-width:720px){.k-service-bundles__head{align-items:flex-start}.k-service-bundles__controls{display:none}.k-cabinet-service-bundles-host{width:100%;margin-top:10px;padding:0 12px}.k-service-bundles__slider{overflow:visible}.k-cabinet-service-bundles-host{overflow:hidden}}

/* R128 — full STO service catalogue: 20 catalogues and expanded service cards. */
.k-services-catalog-outlet{display:grid;gap:18px;min-width:0}
.k-services-catalog-kicker{display:inline-flex;margin-bottom:8px;font-size:11px;font-weight:900;letter-spacing:.14em;color:#f97316}
.k-drill-grid-catalogs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.k-drill-grid-catalogs .k-drill-tile{min-height:126px;align-items:flex-start;padding:18px;border-radius:22px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 12px 30px rgba(15,23,42,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.k-drill-grid-catalogs .k-drill-tile:hover{transform:translateY(-3px);border-color:rgba(249,115,22,.38);box-shadow:0 18px 38px rgba(15,23,42,.10)}
.k-drill-grid-catalogs .k-drill-icon{width:48px;height:48px;border-radius:16px;background:#fff1e8;color:#ea580c;font-size:22px}
.k-drill-grid-catalogs .k-drill-copy b{font-size:16px;line-height:1.22}
.k-drill-grid-catalogs .k-drill-copy small{margin-top:7px;font-size:12px;color:#64748b}
.k-service-catalog-card{position:relative;overflow:hidden;min-height:390px;padding:0!important;border-radius:24px!important;border:1px solid #e2e8f0!important;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.k-service-catalog-card:hover{transform:translateY(-4px);border-color:rgba(249,115,22,.35)!important;box-shadow:0 22px 48px rgba(15,23,42,.12)}
.k-service-catalog-card__visual{min-height:92px;padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#fff7ed,#fff 68%);border-bottom:1px solid #f1f5f9}
.k-service-catalog-card .k-catalog-card-symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#fff;color:#ea580c;font-size:25px;box-shadow:0 9px 24px rgba(234,88,12,.12)}
.k-service-catalog-card__badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#111827;color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.k-service-catalog-card .k-catalog-card-content{padding:17px 18px 0;display:grid;gap:8px}
.k-service-catalog-card__category{font-size:10px!important;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#f97316!important}
.k-service-catalog-card .k-catalog-card-content h3{margin:0;font-size:19px;line-height:1.25}
.k-service-catalog-card .k-catalog-card-content h3 a{color:#0f172a;text-decoration:none}
.k-service-catalog-card .k-catalog-card-content p{margin:0;color:#64748b;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.k-service-catalog-card .k-catalog-card-facts{margin:15px 18px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:8px}
.k-service-catalog-card .k-catalog-card-facts span{padding:11px 12px;border-radius:14px;background:#f8fafc;border:1px solid #eef2f7}
.k-service-catalog-card .k-catalog-card-facts small{display:block;margin-bottom:4px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}
.k-service-catalog-card .k-catalog-card-facts b{font-size:14px;color:#0f172a}
.k-service-catalog-card__note{margin:10px 18px 0;font-size:11px;line-height:1.35;color:#64748b}
.k-service-catalog-card footer{margin-top:auto;padding:15px 18px 18px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}
.k-service-catalog-card footer>a{font-size:12px;font-weight:800;color:#475569;text-decoration:none}
.k-service-catalog-card footer button{min-height:42px;border:0;border-radius:13px;background:#f97316;color:#fff;font-weight:900;cursor:pointer}
.k-service-catalog-card footer button:hover{background:#ea580c}
@media(max-width:1100px){.k-drill-grid-catalogs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.k-drill-grid-catalogs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.k-drill-grid-catalogs .k-drill-tile{min-height:116px;padding:13px;border-radius:18px}.k-drill-grid-catalogs .k-drill-icon{width:42px;height:42px;border-radius:14px}.k-drill-grid-catalogs .k-drill-copy b{font-size:14px}.k-service-catalog-card{min-height:350px}.k-service-catalog-card__visual{min-height:76px;padding:12px}.k-service-catalog-card .k-catalog-card-symbol{width:44px;height:44px;border-radius:14px;font-size:21px}.k-service-catalog-card__badge{font-size:8px;padding:5px 7px}.k-service-catalog-card .k-catalog-card-content{padding:13px 13px 0}.k-service-catalog-card .k-catalog-card-content h3{font-size:15px}.k-service-catalog-card .k-catalog-card-content p{font-size:11px;-webkit-line-clamp:2}.k-service-catalog-card .k-catalog-card-facts{margin:12px 13px 0;grid-template-columns:1fr}.k-service-catalog-card__note{display:none}.k-service-catalog-card footer{padding:12px 13px 14px;grid-template-columns:1fr}.k-service-catalog-card footer>a{text-align:center}.k-service-catalog-card footer button{width:100%}}

/* R130: hot deal descriptions live in a dedicated booking dialog, not inside cards */
.k-hot-deal{min-height:342px}
.k-hot-deal>small{display:none!important}
.k-modal-open{overflow:hidden}
.k-hot-deal-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.k-hot-deal-modal.is-open{opacity:1;pointer-events:auto}
.k-hot-deal-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.7);backdrop-filter:blur(8px)}
.k-hot-deal-modal__dialog{position:relative;width:min(520px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;border:1px solid rgba(255,255,255,.65);border-radius:28px;padding:28px;background:#fff;color:#111827;box-shadow:0 32px 90px rgba(15,23,42,.34);transform:translateY(12px) scale(.985);transition:transform .18s ease}
.k-hot-deal-modal.is-open .k-hot-deal-modal__dialog{transform:none}
.k-hot-deal-modal__close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:13px;background:#f1f5f9;color:#0f172a;font-size:27px;line-height:1;cursor:pointer}
.k-hot-deal-modal__eyebrow{display:block;margin:0 48px 7px 0;color:#f97316;font-size:11px;font-weight:950;letter-spacing:.13em}
.k-hot-deal-modal h2{margin:0 48px 8px 0;font-size:clamp(25px,5vw,34px);line-height:1.08}
.k-hot-deal-modal__subtitle{margin:0;color:#64748b;font-size:15px;line-height:1.5}
.k-hot-deal-modal__meta{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:22px 0;padding:15px 17px;border-radius:18px;background:#f8fafc}
.k-hot-deal-modal__meta span{margin-right:auto;font-size:13px;font-weight:800;color:#475569}
.k-hot-deal-modal__meta strong{font-size:24px;color:#0f172a}.k-hot-deal-modal__meta s{color:#94a3b8}
.k-hot-deal-modal__description{padding:18px;border:1px solid #e2e8f0;border-radius:20px;background:#fff}
.k-hot-deal-modal__description h3{margin:0 0 8px;font-size:16px}.k-hot-deal-modal__description p{margin:0;color:#475569;line-height:1.65}
.k-hot-deal-modal__actions{display:grid;grid-template-columns:1fr 1.45fr;gap:10px;margin-top:22px}.k-hot-deal-modal__actions .k-btn{width:100%;min-height:48px}
@media(max-width:560px){.k-hot-deal{min-height:326px}.k-hot-deal-modal{align-items:end;padding:0}.k-hot-deal-modal__dialog{width:100%;max-height:88vh;border-radius:26px 26px 0 0;padding:24px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%)}.k-hot-deal-modal__actions{grid-template-columns:1fr}.k-hot-deal-modal__actions [data-hot-deal-modal-confirm]{order:-1}}

/* R134 — services catalog: keep exactly two catalog tiles per row on phones. */
@media (max-width: 640px){
  .k-services-page .k-drill-grid.k-drill-grid-catalogs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .k-services-page .k-drill-grid.k-drill-grid-catalogs .k-drill-tile{
    min-width:0;
    width:auto;
    padding:12px 10px;
    grid-template-columns:40px minmax(0,1fr);
    gap:9px;
  }
  .k-services-page .k-drill-grid.k-drill-grid-catalogs .k-drill-icon{
    width:40px;
    height:40px;
    font-size:20px;
  }
  .k-services-page .k-drill-grid.k-drill-grid-catalogs .k-drill-meta{
    display:none;
  }
}

/* R135 — compact hot deals and subscriptions on masters page. */
.k-hot-deal{width:min(350px,84vw);min-height:278px;padding:15px;border-radius:22px}
.k-hot-deal__main{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:center;margin:16px 0 13px}
.k-hot-deal__icon{width:50px;height:50px;margin:0;border-radius:16px;font-size:24px}
.k-hot-deal__summary h3,.k-hot-deal h3{margin:0;font-size:20px;line-height:1.12}
.k-hot-deal__summary p{margin:5px 0 0;color:#dbe4ef;font-size:12px;line-height:1.35}
.k-hot-deal__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px;padding:11px 12px;border-radius:16px;background:rgba(15,23,42,.18)}
.k-hot-deal__price{display:grid;gap:1px}.k-hot-deal__price strong{font-size:23px}.k-hot-deal__price s{font-size:11px}
.k-hot-deal__facts{display:grid;justify-items:end;gap:4px;margin:0;font-size:10px}
.k-hot-deal .k-btn{min-height:42px}

.k-my-subscriptions{margin:0 0 18px;padding:18px;border:1px solid #e2e8f0;border-radius:26px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 14px 34px rgba(15,23,42,.06);overflow:hidden}
.k-my-subscriptions__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.k-my-subscriptions__head span{display:block;margin-bottom:4px;color:#f97316;font-size:10px;font-weight:950;letter-spacing:.13em}
.k-my-subscriptions__head h2{margin:0;font-size:24px}.k-my-subscriptions__head p{margin:5px 0 0;color:#64748b;font-size:13px}
.k-my-subscriptions__head>a{flex:0 0 auto;color:#ea580c;font-size:12px;font-weight:900;text-decoration:none}
.k-my-subscriptions__viewport{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.k-my-subscriptions__viewport::-webkit-scrollbar{display:none}
.k-my-subscriptions__track{display:flex;gap:12px;width:max-content;padding:2px 2px 7px}
.k-subscription-card{width:300px;flex:0 0 auto;padding:14px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 9px 22px rgba(15,23,42,.05)}
.k-subscription-card__profile{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;color:inherit;text-decoration:none}
.k-subscription-card__avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#fff1e8;color:#ea580c;font-weight:950}.k-subscription-card__avatar.is-sto{background:#e0f2fe;color:#0369a1}.k-subscription-card__avatar img{width:100%;height:100%;object-fit:cover}
.k-subscription-card__profile span{color:#94a3b8;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.k-subscription-card__profile h3{margin:2px 0 2px;font-size:15px}.k-subscription-card__profile p{margin:0;color:#64748b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-subscription-card__meta{display:flex;gap:7px;margin:11px 0}.k-subscription-card__meta span{padding:6px 8px;border-radius:999px;background:#f8fafc;color:#475569;font-size:10px;font-weight:800}
.k-subscription-card__actions{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}.k-subscription-card__actions a,.k-subscription-card__actions button{min-height:34px;padding:0 8px;display:grid;place-items:center;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font:800 10px/1 inherit;text-decoration:none;cursor:pointer}.k-subscription-card__actions button{background:#fff1f2;color:#be123c}
.k-my-subscriptions__empty{min-height:92px;display:grid;place-items:center;text-align:center;border:1px dashed #cbd5e1;border-radius:18px;background:rgba(255,255,255,.7);color:#64748b}.k-my-subscriptions__empty b,.k-my-subscriptions__empty span{display:block}.k-my-subscriptions__empty b{margin-bottom:5px;color:#0f172a}.k-my-subscriptions__empty span{font-size:12px}
@media(max-width:600px){.k-hot-deal{width:82vw;min-height:258px;padding:13px}.k-hot-deal__main{margin:13px 0 11px}.k-hot-deal__summary h3,.k-hot-deal h3{font-size:18px}.k-hot-deal__meta{padding:9px 10px}.k-my-subscriptions{margin:0 0 12px;padding:14px;border-radius:21px}.k-my-subscriptions__head{align-items:flex-start}.k-my-subscriptions__head h2{font-size:20px}.k-my-subscriptions__head p{font-size:11px}.k-subscription-card{width:270px}}

/* R136 — completed client used-goods marketplace. */
.k-client-market-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(140px,.8fr));gap:10px;margin:14px 0;padding:14px;border:1px solid #e2e8f0;border-radius:20px;background:#fff}
.k-client-market-toolbar label{display:grid;gap:6px}.k-client-market-toolbar label>span{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.k-client-market-toolbar input,.k-client-market-toolbar select{width:100%;min-height:42px;padding:0 12px;border:1px solid #dbe3ec;border-radius:12px;background:#f8fafc;color:#0f172a}
.k-client-market-result{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 0 14px;color:#64748b;font-size:12px}.k-client-market-result b{color:#0f172a}
.k-client-parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.k-client-part-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.k-client-part-card__media{position:relative;min-height:150px;display:grid;place-items:center;background:linear-gradient(145deg,#f8fafc,#eef2f7);font-size:42px;font-weight:950;color:#f97316}.k-client-part-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.k-client-part-card__media>i,.k-client-part-card__media>b{position:absolute;top:10px;padding:5px 8px;border-radius:999px;font-size:9px;font-style:normal;font-weight:950}.k-client-part-card__media>i{left:10px;background:#0f172a;color:#fff}.k-client-part-card__media>b{right:10px;background:rgba(255,255,255,.92);color:#334155}
.k-client-part-card__body{padding:14px}.k-client-part-card__body>small{display:block;color:#94a3b8;font-size:10px;font-weight:800}.k-client-part-card__body h3{margin:6px 0;font-size:17px;line-height:1.2}.k-client-part-card__body>p{margin:0;color:#64748b;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.k-client-part-tags{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0}.k-client-part-tags span{padding:5px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:9px;font-weight:800}.k-client-part-card__foot{display:flex;justify-content:space-between;align-items:end;gap:8px;margin:12px 0}.k-client-part-card__foot b{font-size:20px;color:#0f172a}.k-client-part-card__foot span{color:#64748b;font-size:10px}.k-client-part-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.k-client-part-card__actions button{min-height:38px;border:0;border-radius:11px;background:#f1f5f9;color:#334155;font-weight:850;font-size:10px;cursor:pointer}.k-client-part-card__actions button:first-child{background:#f97316;color:#fff}
.k-client-part-dialog form{max-width:760px}.k-client-part-dialog form{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.k-client-market-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.k-client-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.k-client-market-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.k-client-market-toolbar label:first-child{grid-column:1/-1}.k-client-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.k-client-part-card{border-radius:17px}.k-client-part-card__media{min-height:104px;font-size:30px}.k-client-part-card__body{padding:10px}.k-client-part-card__body h3{font-size:14px}.k-client-part-card__body>p{font-size:10px;-webkit-line-clamp:2}.k-client-part-tags{display:none}.k-client-part-card__foot{display:grid;gap:2px}.k-client-part-card__foot b{font-size:16px}.k-client-part-card__actions{grid-template-columns:1fr}.k-client-part-card__actions button{min-height:34px}.k-client-market-result span{display:none}.k-client-part-dialog form{grid-template-columns:1fr}}


/* R148 — unified interactive home sliders: Swiper on all pointers, native fallback only on load failure. */
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper{
  cursor:grab;
  touch-action:pan-y pinch-zoom;
  overflow:hidden;
  user-select:none;
  -webkit-user-select:none;
}
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper.swiper-grab-cursor,
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper:active{cursor:grabbing}
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper .swiper-wrapper,
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper .swiper-slide{touch-action:pan-y pinch-zoom}
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper.is-native-fallback{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-x pan-y!important;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper.is-native-fallback::-webkit-scrollbar{display:none}
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper.is-native-fallback .swiper-wrapper{
  display:flex!important;
  width:max-content!important;
  min-width:100%;
  transform:none!important;
  transition:none!important;
}
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper.is-native-fallback .swiper-slide{
  flex:0 0 auto!important;
  scroll-snap-align:start;
}
.k-page.k-home-simple .k-home-content-slider .k-home-data-swiper.is-native-fallback .swiper-pagination{display:none!important}


/* R149: unified interaction fallback for every Swiper surface. */
.swiper.is-native-fallback{overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.swiper.is-native-fallback::-webkit-scrollbar{display:none}
.swiper.is-native-fallback.is-pointer-down{cursor:grabbing;scroll-snap-type:none;user-select:none;-webkit-user-select:none}
.swiper.is-native-fallback>.swiper-wrapper{display:flex!important;transform:none!important;transition:none!important;width:max-content!important;gap:var(--k-fallback-gap,12px)}
.swiper.is-native-fallback>.swiper-wrapper>.swiper-slide{flex:0 0 var(--k-fallback-slide,min(84vw,360px))!important;width:var(--k-fallback-slide,min(84vw,360px))!important;scroll-snap-align:start;height:auto}
.swiper.is-native-fallback>.swiper-pagination{display:none!important}
[data-work-media-swiper].is-native-fallback{--k-fallback-slide:100%;--k-fallback-gap:8px}
[data-service-bundles-slider].is-native-fallback{--k-fallback-slide:min(86vw,390px)}
[data-parts-product-slider].is-native-fallback{--k-fallback-slide:min(82vw,330px)}
[data-account-vehicles-slider].is-native-fallback{--k-fallback-slide:min(86vw,340px)}
[data-community-group-slider].is-native-fallback{--k-fallback-slide:min(78vw,340px)}
[data-home-problem-swiper].is-native-fallback{--k-fallback-slide:min(86vw,420px)}

/* R150: unified pointer contract for all Swiper and native fallback sliders. */
.swiper{min-width:0;touch-action:pan-y;overscroll-behavior-x:contain}
.swiper.is-native-fallback,[data-native-horizontal-slider]{overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-y!important;user-select:none}
.swiper.is-native-fallback::-webkit-scrollbar,[data-native-horizontal-slider]::-webkit-scrollbar{display:none}
.swiper.is-native-fallback.is-pointer-down,[data-native-horizontal-slider].is-pointer-down{cursor:grabbing;scroll-snap-type:none!important}
.swiper.is-native-fallback .swiper-wrapper{transform:none!important;transition:none!important}
.swiper.is-native-fallback .swiper-pagination{display:none!important}
.swiper.is-swiper-ready{overflow:hidden}
.swiper.is-swiper-ready .swiper-wrapper{touch-action:pan-y}

/* R151 — slider interaction audit hardening. */
.swiper,.services-home-slider,[data-native-horizontal-slider]{pointer-events:auto}
.swiper.is-swiper-ready{touch-action:pan-y pinch-zoom}
.swiper.is-native-fallback,[data-native-horizontal-slider]{overscroll-behavior-inline:contain;scroll-behavior:auto}
.swiper.is-native-fallback.is-pointer-down,[data-native-horizontal-slider].is-pointer-down{scroll-behavior:auto}

/* r156 — selected-service-first order form */
.k-request-selected{display:grid;gap:10px;margin-bottom:12px}
.k-request-selected__empty{padding:16px;border:1px dashed rgba(100,116,139,.35);border-radius:14px;background:#fff;color:#64748b;text-align:center}
.k-request-selected__item{display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(255,107,0,.28);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.k-request-selected__item>span:nth-child(2){display:grid;gap:3px;min-width:0}.k-request-selected__item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-request-selected__item small{color:#64748b}
.k-request-selected__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff3e8;font-size:22px}
.k-request-selected__item button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:23px;line-height:1;cursor:pointer}
.k-request-selected__item button:hover{background:#fee2e2;color:#b91c1c}
.k-request-services__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.k-request-services__toolbar>span{color:#64748b;font-size:12px;font-weight:800}
.k-request-catalog{margin-top:14px;padding-top:14px;border-top:1px solid rgba(15,23,42,.1)}
.k-request-catalog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.k-request-catalog__search{width:100%;height:44px;margin-bottom:10px;padding:0 13px;border:1px solid rgba(15,23,42,.14);border-radius:12px;background:#fff;font:inherit}
@media(max-width:640px){.k-request-services{padding:13px}.k-request-services__toolbar{align-items:stretch;flex-direction:column}.k-request-services__toolbar .k-btn{width:100%;justify-content:center}.k-request-services__toolbar>span{text-align:center}.k-request-selected__item{grid-template-columns:40px minmax(0,1fr) 34px;padding:10px}.k-request-selected__icon{width:40px;height:40px}}

/* R159 — unified provider wall for masters and STO */
.k-master-wall-hero__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-left:auto}
.k-master-wall-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.k-master-wall-tabs::-webkit-scrollbar{display:none}
.k-master-wall-post__actions button.k-social-action,.k-master-wall-save{border:0;background:transparent;font:inherit;cursor:pointer}
.k-master-wall-post__actions .k-social-action.is-active{color:#e85d04}
.k-master-wall-save{margin-left:auto;color:#64748b;font-weight:800}.k-master-wall-save.is-active{color:#e85d04}
@media(max-width:720px){.k-master-wall-hero{align-items:flex-start}.k-master-wall-hero__actions{width:100%;margin-left:0}.k-master-wall-hero__actions .k-btn{flex:1}.k-master-wall-post__actions{gap:7px;flex-wrap:wrap}.k-master-wall-save{margin-left:0}}

/* R160: publication detail, media lightbox and threaded comments */
.k-work-media-zoom{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.k-work-media-zoom img{display:block;width:100%;height:100%;object-fit:cover}
.k-work-media-caption{display:block;padding:8px 12px;color:var(--k-muted,#64748b);background:#fff}
.k-comment-thread{display:grid;gap:8px}
.k-comment-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.18)}
.k-comment-item.is-reply{margin-left:48px;padding-left:12px;border-left:2px solid rgba(59,130,246,.18)}
.k-comment-item__content header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.k-comment-item__content header small{font-size:11px;color:#64748b;text-transform:uppercase}
.k-comment-item__content p{margin:5px 0 7px;white-space:pre-wrap;overflow-wrap:anywhere}
.k-comment-item__content footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.k-comment-item__content footer time{font-size:12px;color:#64748b}
.k-comment-item__content footer button{border:0;background:transparent;padding:0;color:#2563eb;font:inherit;font-size:12px;cursor:pointer}
.k-comment-item__content footer button.is-danger{color:#dc2626}
.k-comment-reply-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;margin-top:10px;border-radius:10px;background:rgba(59,130,246,.08);color:#1d4ed8}
.k-comment-reply-banner button{border:0;background:transparent;font-size:20px;cursor:pointer}
.k-work-media-lightbox{max-width:min(96vw,1100px);max-height:92vh;padding:0;border:0;border-radius:14px;background:#020617}
.k-work-media-lightbox::backdrop{background:rgba(2,6,23,.86)}
.k-work-media-lightbox img{display:block;max-width:94vw;max-height:88vh;object-fit:contain}
.k-work-media-lightbox>button{position:absolute;right:10px;top:8px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(15,23,42,.75);color:#fff;font-size:24px;cursor:pointer}
@media(max-width:640px){.k-comment-item.is-reply{margin-left:20px}.k-comment-item{grid-template-columns:34px minmax(0,1fr)}}


/* R186.5 Mobile Navigation Hardening: authoritative final rules */
@media (max-width: 980px) {
  .k-mobile-nav {
    --k-mobile-nav-count: 5;
    display: grid;
    grid-template-columns: repeat(var(--k-mobile-nav-count), minmax(0, 1fr)) !important;
    grid-auto-flow: column;
    grid-auto-rows: 1fr;
    left: max(8px, env(safe-area-inset-left));
    right: max(8px, env(safe-area-inset-right));
    bottom: max(8px, env(safe-area-inset-bottom));
    gap: 4px !important;
    min-height: 68px;
    height: auto;
    padding: 6px !important;
    overflow: visible;
  }
  .k-mobile-nav .k-nav-link {
    min-width: 0;
    min-height: 54px;
    max-width: none;
    padding: 5px 2px !important;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 10px !important;
    line-height: 1.1;
    overflow: hidden;
  }
  .k-mobile-nav .k-nav-link > span:not(.k-nav-icon) {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
  }
  .k-mobile-nav .k-nav-icon,
  html[data-identity-mode="legacy-fallback"][data-user-role] .k-mobile-nav .k-nav-icon {
    display: grid;
    place-items: center;
    width: 24px !important;
    height: 24px !important;
    margin: 0 auto;
    font-size: 18px !important;
    line-height: 1;
  }
  html[data-identity-mode="legacy-fallback"][data-user-role] .k-mobile-nav,
  html[data-context-type] .k-mobile-nav {
    grid-template-columns: repeat(var(--k-mobile-nav-count), minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 6px !important;
  }
  html[data-identity-mode="legacy-fallback"][data-user-role] .k-mobile-nav .k-nav-link {
    font-size: 10px !important;
    padding: 5px 2px !important;
  }
  html[data-identity-mode="legacy-fallback"][data-user-role] .k-mobile-nav .k-nav-icon::before { content: none !important; }
  .k-mobile-nav .k-nav-more { cursor: pointer; color: inherit; }
  .k-mobile-nav .k-nav-more .k-nav-icon { letter-spacing: 2px; font-weight: 800; }
  .k-page-outlet {
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }
}
@media (max-width: 390px) {
  .k-mobile-nav .k-nav-link { font-size: 9px !important; }
  .k-mobile-nav .k-nav-icon { font-size: 17px !important; }
}

/* R186.5 system stability + visual hardening: final authoritative mobile navigation layer. */
@media (max-width: 900px) {
  :root {
    --k-mobile-nav-count: 5;
    --k-mobile-nav-height: calc(70px + env(safe-area-inset-bottom, 0px));
  }
  .k-mobile-nav,
  html[data-identity-mode="legacy-fallback"][data-user-role] .k-mobile-nav,
  html[data-context-type] .k-mobile-nav {
    display: grid;
    grid-template-columns: repeat(var(--k-mobile-nav-count, 5), minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
    left: max(8px, env(safe-area-inset-left, 0px));
    right: max(8px, env(safe-area-inset-right, 0px));
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    min-height: 62px;
    max-height: var(--k-mobile-nav-height);
    gap: 4px;
    padding: 6px;
    overflow: hidden;
  }
  .k-mobile-nav > *:nth-child(n+7) { display: none !important; }
  .k-mobile-nav .k-nav-link,
  html[data-identity-mode="legacy-fallback"][data-user-role] .k-mobile-nav .k-nav-link {
    min-width: 0;
    min-height: 50px;
    max-width: 100%;
    padding: 5px 2px;
    font-size: clamp(8px, 2.4vw, 10px) !important;
    line-height: 1.15;
    overflow: hidden;
  }
  .k-mobile-nav .k-nav-link > span:not(.k-nav-icon):not(.k-nav-badge) {
    display: block;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .k-mobile-nav .k-nav-icon,
  html[data-identity-mode="legacy-fallback"][data-user-role] .k-mobile-nav .k-nav-icon {
    width: 22px;
    height: 22px;
    font-size: 18px !important;
    line-height: 22px;
  }
  .k-mobile-nav .k-nav-icon::before,
  html[data-identity-mode="legacy-fallback"][data-user-role] .k-mobile-nav .k-nav-icon::before { content: none !important; }
  .k-shell-main,
  .k-page { min-width: 0; }
  .k-shell-main { padding-bottom: calc(var(--k-mobile-nav-height) + 18px) !important; }
}

/* Global overflow contract for cards/forms/tables. */
.k-page *, .k-card *, .k-panel *, .k-modal * { box-sizing: border-box; }
.k-page img, .k-card img, .k-panel img { max-width: 100%; height: auto; }
.k-page input, .k-page select, .k-page textarea, .k-page button { max-width: 100%; }
.k-page :where(h1,h2,h3,h4,p,span,strong,small,a,button,label,td,th) { overflow-wrap: anywhere; }

/* R188.5.5.6.23 — production dispatch + master exchange */
.k-exchange-page--production{padding-bottom:calc(var(--k-mobile-nav-h,72px) + 28px)}
.k-exchange-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#64748b;margin-bottom:6px}.k-exchange-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.k-exchange-load-badge{padding:9px 12px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800}.k-exchange-load-badge.is-overloaded{background:#fff1f2;color:#be123c}
.k-exchange-production-toolbar{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(5,minmax(120px,1fr)) auto auto;gap:10px;align-items:end;margin:14px 0;padding:14px;border:1px solid var(--k-border,#e5e7eb);border-radius:18px;background:var(--k-surface,#fff)}.k-exchange-production-toolbar>label{display:grid;gap:5px;min-width:0}.k-exchange-production-toolbar>label>span{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.k-exchange-production-toolbar input,.k-exchange-production-toolbar select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dbe3ec;border-radius:12px;padding:10px 11px;background:#fff;color:#111827}
.k-exchange-tabs--production button{display:flex;align-items:center;gap:8px}.k-exchange-tabs--production button b{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px}.k-exchange-tabs--production button.is-active b{background:rgba(255,255,255,.18);color:#fff}
.k-exchange-kpi-panel{grid-template-columns:repeat(6,minmax(0,1fr))}.k-exchange-kpi-panel article.is-danger{background:#fff1f2;border-color:#fecdd3}.k-exchange-kpi-panel article.is-danger strong{color:#be123c}
.k-exchange-card--dispatch{position:relative}.k-exchange-card--dispatch.is-overloaded{box-shadow:inset 0 0 0 1px #fda4af}.k-exchange-dispatch-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.k-exchange-dispatch-strip span{padding:10px;border-radius:12px;background:#f8fafc;min-width:0}.k-exchange-dispatch-strip span.is-danger{background:#fff1f2}.k-exchange-dispatch-strip b,.k-exchange-dispatch-strip small{display:block}.k-exchange-dispatch-strip b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k-exchange-dispatch-strip small{margin-top:3px;font-size:9px;color:#64748b;text-transform:uppercase}.k-exchange-card__match{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.k-exchange-card__match em{font-style:normal;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#ecfdf5;color:#047857}.k-exchange-card__match em.is-risk{background:#fff7ed;color:#c2410c}.k-exchange-card__match em.is-breached{background:#fff1f2;color:#be123c}
.k-exchange-quick-response{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1fr) auto;gap:8px;padding:10px;border-radius:14px;background:#f8fafc}.k-exchange-quick-response label{display:grid;gap:4px}.k-exchange-quick-response label span{font-size:9px;font-weight:800;color:#64748b;text-transform:uppercase}.k-exchange-quick-response input,.k-exchange-quick-response select{width:100%;box-sizing:border-box;border:1px solid #dbe3ec;border-radius:10px;padding:9px;background:#fff}.k-exchange-response-status{font-size:12px;color:#475569;margin-right:auto}.k-exchange-accepted-actions{justify-content:flex-start!important}
.k-sto-dispatch-board{margin:18px 0}.k-sto-dispatch-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.k-sto-dispatch-metrics article{padding:14px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.k-sto-dispatch-metrics span,.k-sto-dispatch-metrics strong{display:block}.k-sto-dispatch-metrics span{font-size:11px;color:#64748b}.k-sto-dispatch-metrics strong{font-size:22px;margin-top:3px}.k-sto-dispatch-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}.k-sto-dispatch-panel{padding:14px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.k-sto-dispatch-panel h3{margin:0 0 10px}.k-dispatch-master-row,.k-dispatch-queue-row,.k-dispatch-bay-row{display:grid;gap:8px;padding:10px 0;border-top:1px solid #eef2f7}.k-dispatch-master-row:first-of-type,.k-dispatch-queue-row:first-of-type,.k-dispatch-bay-row:first-of-type{border-top:0}.k-dispatch-master-row{grid-template-columns:minmax(120px,1fr) auto auto;align-items:center}.k-dispatch-master-row small,.k-dispatch-queue-row small,.k-dispatch-bay-row small{color:#64748b}.k-dispatch-load{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}.k-dispatch-load i{display:block;height:100%;background:#22c55e}.k-dispatch-master-row.is-overloaded .k-dispatch-load i{background:#ef4444}.k-dispatch-queue-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.k-dispatch-queue-row .is-breached{color:#be123c;font-weight:800}.k-dispatch-queue-row .is-risk{color:#c2410c;font-weight:800}.k-dispatch-bay-row{grid-template-columns:minmax(0,1fr) auto}.k-sto-dispatch-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
@media(max-width:1180px){.k-exchange-production-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.k-exchange-production-toolbar .k-masters-search{grid-column:span 2}.k-exchange-kpi-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.k-exchange-production-toolbar{grid-template-columns:1fr 1fr}.k-exchange-production-toolbar .k-masters-search{grid-column:1/-1}.k-exchange-production-toolbar>button{grid-column:1/-1}.k-exchange-dispatch-strip{grid-template-columns:1fr 1fr}.k-exchange-quick-response{grid-template-columns:1fr 1fr}.k-exchange-quick-response>button{grid-column:1/-1}.k-sto-dispatch-metrics{grid-template-columns:1fr 1fr}.k-sto-dispatch-grid{grid-template-columns:1fr}}
@media(max-width:480px){.k-exchange-production-toolbar{grid-template-columns:1fr}.k-exchange-production-toolbar .k-masters-search{grid-column:auto}.k-exchange-dispatch-strip{grid-template-columns:1fr 1fr}.k-exchange-quick-response{grid-template-columns:1fr}.k-exchange-quick-response>button{grid-column:auto}.k-sto-dispatch-metrics{grid-template-columns:1fr 1fr}.k-exchange-kpi-panel{grid-template-columns:1fr 1fr}}

/* R188.5.5.6.31 — exchange mobile cleanup and KPI on demand */
.k-exchange-kpi-button{min-width:72px;font-weight:800}
.k-exchange-kpi-dialog{width:min(760px,calc(100% - 24px));border:0;border-radius:22px;padding:0;background:var(--k-surface,#fff);color:var(--k-text,#111827);box-shadow:0 24px 70px rgba(15,23,42,.22)}
.k-exchange-kpi-dialog::backdrop{background:rgba(15,23,42,.52)}
.k-exchange-kpi-dialog>form{display:grid;gap:16px;padding:20px;position:relative}
.k-exchange-kpi-dialog>form>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-right:34px}
.k-exchange-kpi-dialog>form>header small{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.k-exchange-kpi-dialog>form>header h2{margin:3px 0 0;font-size:24px}
.k-exchange-kpi-dialog>form>footer{display:flex;justify-content:flex-end}
.k-exchange-kpi-panel{margin:0}
@media(max-width:820px){
  .k-exchange-page--production>.k-exchange-hero{display:none!important}
  .k-exchange-page--production{padding-top:4px}
  .k-exchange-production-toolbar{margin-top:4px}
  .k-exchange-production-toolbar>.k-exchange-kpi-button,.k-exchange-production-toolbar>[data-exchange-refresh]{grid-column:auto}
}
@media(max-width:480px){
  .k-exchange-production-toolbar>.k-exchange-kpi-button,.k-exchange-production-toolbar>[data-exchange-refresh]{width:100%}
  .k-exchange-kpi-dialog>form{padding:16px}
}

/* R188.5.5.6.33 — simplified client-style master exchange search */
.k-exchange-search-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:8px;
  margin:12px 0;
  padding:9px;
  border:1px solid var(--k-line-strong,rgba(116,132,157,.22));
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}
.k-exchange-search-toolbar .k-exchange-search-field{
  min-width:0;
  height:48px;
  border-radius:15px;
  background:#f8fafc;
  border:1px solid transparent;
  padding:0 10px 0 14px;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.k-exchange-search-toolbar .k-exchange-search-field:focus-within{
  background:#fff;
  border-color:rgba(255,107,0,.58);
  box-shadow:0 0 0 3px rgba(255,107,0,.10);
}
.k-exchange-search-toolbar .k-exchange-search-field input{font-size:15px}
.k-exchange-search-clear{
  display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;padding:0;border:0;border-radius:10px;
  background:#e9eef4;color:#64748b;font:inherit;font-size:20px;line-height:1;cursor:pointer
}
.k-exchange-search-clear[hidden]{display:none!important}
.k-exchange-filter-wrap{position:relative}
.k-exchange-filter-button{position:relative;min-width:108px;height:48px;justify-content:center;gap:7px;border-radius:14px}
.k-exchange-filter-button [data-exchange-filter-count]{
  display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:#ff6b00;color:#fff;font-size:10px;font-weight:900
}
.k-exchange-filter-button [data-exchange-filter-count][hidden]{display:none!important}
.k-exchange-filter-panel{
  position:absolute;z-index:40;top:calc(100% + 8px);right:0;width:min(560px,calc(100vw - 28px));padding:14px;
  border:1px solid var(--k-line-strong,rgba(116,132,157,.22));border-radius:18px;background:#fff;
  box-shadow:0 22px 60px rgba(15,23,42,.20)
}
.k-exchange-filter-panel[hidden]{display:none!important}
.k-exchange-filter-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.k-exchange-filter-panel__grid label{display:grid;gap:5px;min-width:0}
.k-exchange-filter-panel__grid label>span{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
.k-exchange-filter-panel__grid input,.k-exchange-filter-panel__grid select{
  width:100%;min-width:0;height:44px;box-sizing:border-box;border:1px solid #dbe3ec;border-radius:12px;padding:0 11px;background:#fff;color:#111827;font:inherit
}
.k-exchange-filter-panel__grid .k-exchange-filter-sort{grid-column:1/-1}
.k-exchange-filter-panel__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #eef2f7}
.k-exchange-search-toolbar>.k-exchange-kpi-button{height:48px;min-width:72px;border-radius:14px}
.k-exchange-refresh-button{
  display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #dbe3ec;border-radius:14px;
  background:#fff;color:#334155;font-size:23px;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease
}
.k-exchange-refresh-button:hover{background:#fff7ed;border-color:#fed7aa;color:#c2410c}
@media(max-width:700px){
  .k-exchange-search-toolbar{grid-template-columns:minmax(0,1fr) 44px 44px 44px;gap:7px;padding:8px;border-radius:18px}
  .k-exchange-search-toolbar .k-exchange-search-field{grid-column:1/-1;height:48px}
  .k-exchange-filter-button,.k-exchange-search-toolbar>.k-exchange-kpi-button,.k-exchange-refresh-button{width:44px;min-width:44px;height:44px;padding:0}
  .k-exchange-filter-button>span:nth-child(2){display:none}
  .k-exchange-search-toolbar>.k-exchange-kpi-button{font-size:11px}
  .k-exchange-filter-wrap{grid-column:auto}
  .k-exchange-search-toolbar>.k-exchange-kpi-button{grid-column:auto}
  .k-exchange-refresh-button{grid-column:auto}
  .k-exchange-filter-panel{position:fixed;left:10px;right:10px;top:auto;bottom:calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom) + 14px);width:auto;max-height:min(70vh,560px);overflow:auto;border-radius:20px}
  .k-exchange-filter-panel__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .k-exchange-filter-panel__grid{grid-template-columns:1fr}
  .k-exchange-filter-panel__grid .k-exchange-filter-sort{grid-column:auto}
  .k-exchange-filter-panel__actions .k-btn{flex:1 1 0}
}

/* R188.5.5.6.34 — compact mobile exchange cards and tabs */
.k-exchange-tab-label--mobile{display:none}
.k-exchange-card__primary-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.k-exchange-card__primary-facts>span{display:grid;gap:2px;padding:11px 12px;border-radius:14px;background:#f8fafc;border:1px solid #eef2f7;min-width:0}
.k-exchange-card__primary-facts small{font-size:9px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
.k-exchange-card__primary-facts b{font-size:15px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-exchange-card__details{border:1px solid #e8edf3;border-radius:14px;background:#fff;overflow:hidden}
.k-exchange-card__details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:9px 11px;cursor:pointer;list-style:none;font-size:12px;font-weight:800;color:#334155}
.k-exchange-card__details>summary::-webkit-details-marker{display:none}
.k-exchange-card__details>summary::after{content:'⌄';font-size:16px;line-height:1;color:#94a3b8;transition:transform .15s ease}
.k-exchange-card__details[open]>summary::after{transform:rotate(180deg)}
.k-exchange-card__details>summary>em{margin-left:auto;font-style:normal;font-size:9px;font-weight:900;padding:5px 7px;border-radius:999px;background:#ecfdf5;color:#047857}
.k-exchange-card__details>summary>em.is-risk{background:#fff7ed;color:#c2410c}
.k-exchange-card__details>summary>em.is-breached{background:#fff1f2;color:#be123c}
.k-exchange-card__details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 10px 10px}
.k-exchange-card__details-grid>span{padding:9px;border-radius:11px;background:#f8fafc;min-width:0}
.k-exchange-card__details-grid>span.is-danger{background:#fff1f2}
.k-exchange-card__details-grid b,.k-exchange-card__details-grid small{display:block}
.k-exchange-card__details-grid b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-exchange-card__details-grid small{margin-top:3px;font-size:8px;color:#64748b;text-transform:uppercase}
.k-exchange-card__details .k-exchange-card__match{margin:0 10px 10px;padding:9px 10px}
.k-exchange-card__details .k-exchange-card__match small{color:#64748b;font-size:10px}
@media(max-width:700px){
  .k-exchange-tabs--production{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;padding:8px 0 10px}
  .k-exchange-tabs--production button{justify-content:space-between;width:100%;min-width:0;padding:9px 11px;border-radius:13px;font-size:12px}
  .k-exchange-tab-label--desktop{display:none}.k-exchange-tab-label--mobile{display:inline}
  .k-exchange-card--dispatch{gap:10px;padding:13px;border-radius:17px}
  .k-exchange-card__head{align-items:flex-start}
  .k-exchange-card h2{font-size:16px;line-height:1.2;margin-top:3px}
  .k-exchange-card__type{font-size:9px}
  .k-exchange-save{font-size:22px;padding:0 2px}
  .k-exchange-card__vehicle{display:grid;gap:2px}
  .k-exchange-card__vehicle strong{font-size:14px}
  .k-exchange-card__vehicle span{font-size:10px}
  .k-exchange-card__notes{margin:0;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .k-exchange-dispatch-strip,.k-exchange-card__facts{display:none!important}
  .k-exchange-card__primary-facts{grid-template-columns:1fr 1fr}
  .k-exchange-card__details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-exchange-quick-response{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:8px;border-radius:13px}
  .k-exchange-quick-response>button{grid-column:1/-1;min-height:42px}
  .k-exchange-quick-response input,.k-exchange-quick-response select{height:40px;padding:0 9px;font-size:12px}
  .k-exchange-card__footer{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
  .k-exchange-card__footer .k-exchange-response-status{grid-column:1/-1;margin:0;font-size:11px}
  .k-exchange-card__footer .k-btn{width:100%;min-height:38px;padding:8px 9px;font-size:11px}
  .k-exchange-accepted-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}
  .k-exchange-accepted-actions .k-btn{width:100%}
}
@media(max-width:360px){
  .k-exchange-card--dispatch{padding:11px}
  .k-exchange-card__details-grid{grid-template-columns:1fr 1fr}
  .k-exchange-quick-response{grid-template-columns:1fr}
  .k-exchange-quick-response>button{grid-column:auto}
}


/* R188.5.5.6.35 — exchange mobile card states, semantic icons and compact response row */
.k-exchange-card__headline{display:flex;align-items:flex-start;gap:10px;min-width:0}
.k-exchange-card__headline>div{min-width:0}
.k-exchange-card__state-icon,.k-exchange-card__subject-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#475569}
.k-exchange-card__state-icon{width:34px;height:34px;border-radius:12px;background:#f1f5f9}
.k-exchange-card__state-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.k-exchange-card__service{display:flex;align-items:center;gap:6px;min-width:0}
.k-exchange-card__service .k-exchange-card__subject-icon{width:18px;height:18px}
.k-exchange-card__subject-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.k-exchange-card__vehicle>div{display:grid;gap:2px;min-width:0}
@media(max-width:700px){
  .k-exchange-card--dispatch{overflow:hidden;border-width:1px;box-shadow:0 8px 24px rgba(15,23,42,.055)}
  .k-exchange-card--dispatch::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#cbd5e1}
  .k-exchange-card--dispatch.is-normal::before{background:#64748b}
  .k-exchange-card--dispatch.is-urgent{border-color:#fed7aa;background:linear-gradient(180deg,#fffaf5 0,#fff 76px)}
  .k-exchange-card--dispatch.is-urgent::before{background:#f97316}
  .k-exchange-card--dispatch.is-responded{border-color:#bfdbfe;background:linear-gradient(180deg,#f7fbff 0,#fff 76px)}
  .k-exchange-card--dispatch.is-responded::before{background:#2563eb}
  .k-exchange-card--dispatch.is-won{border-color:#bbf7d0;background:linear-gradient(180deg,#f5fff8 0,#fff 82px)}
  .k-exchange-card--dispatch.is-won::before{background:#16a34a}
  .k-exchange-card__headline{gap:9px;padding-left:1px}
  .k-exchange-card__state-icon{width:32px;height:32px;border-radius:10px}
  .k-exchange-card--dispatch.is-normal .k-exchange-card__state-icon{background:#f1f5f9;color:#475569}
  .k-exchange-card--dispatch.is-urgent .k-exchange-card__state-icon{background:#ffedd5;color:#ea580c}
  .k-exchange-card--dispatch.is-responded .k-exchange-card__state-icon{background:#dbeafe;color:#1d4ed8}
  .k-exchange-card--dispatch.is-won .k-exchange-card__state-icon{background:#dcfce7;color:#15803d}
  .k-exchange-card--dispatch.is-normal .k-exchange-card__type{color:#64748b}
  .k-exchange-card--dispatch.is-urgent .k-exchange-card__type{color:#c2410c}
  .k-exchange-card--dispatch.is-responded .k-exchange-card__type{color:#1d4ed8}
  .k-exchange-card--dispatch.is-won .k-exchange-card__type{color:#15803d}
  .k-exchange-card__service{margin-top:2px}
  .k-exchange-card__service .k-exchange-card__subject-icon{color:#94a3b8}
  .k-exchange-card__service h2{margin:0!important;min-width:0}
  .k-exchange-card__vehicle{display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:8px 10px;border-radius:12px;background:#f8fafc}
  .k-exchange-card__vehicle>.k-exchange-card__subject-icon{width:26px;height:26px;border-radius:9px;background:#fff;color:#475569;border:1px solid #e8edf3}
  .k-exchange-card__vehicle>.k-exchange-card__subject-icon svg{width:15px;height:15px}
  .k-exchange-card__vehicle strong,.k-exchange-card__vehicle span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .k-exchange-card__primary-facts>span:first-child{background:#fff;border-color:#e2e8f0}
  .k-exchange-card__primary-facts>span:last-child{background:#f8fafc}
  .k-exchange-card--dispatch.is-responded .k-exchange-quick-response{background:#eff6ff;border:1px solid #dbeafe}
  .k-exchange-card--dispatch.is-urgent .k-exchange-quick-response{background:#fff7ed;border:1px solid #ffedd5}
  .k-exchange-card__footer{margin-top:-2px}
}
@media(min-width:390px) and (max-width:700px){
  .k-exchange-quick-response{display:grid;grid-template-columns:minmax(92px,1fr) minmax(110px,1fr) auto!important;align-items:end;gap:6px;padding:7px}
  .k-exchange-quick-response>button{grid-column:auto!important;width:auto;min-width:92px;min-height:40px;padding:8px 11px;white-space:nowrap}
  .k-exchange-quick-response label{gap:3px;min-width:0}
  .k-exchange-quick-response label span{font-size:8px}
  .k-exchange-quick-response input,.k-exchange-quick-response select{height:40px;min-width:0;padding:0 8px;font-size:11px}
}
@media(max-width:389px){
  .k-exchange-quick-response{grid-template-columns:1fr 1fr!important}
  .k-exchange-quick-response>button{grid-column:1/-1!important}
}


/* ===== SOURCE: css/next/context_switcher.css ===== */
.k-context-switcher{margin:0 0 16px}.k-context-field{display:grid;gap:6px;padding:12px;border:1px solid var(--k-border,#dfe5ec);border-radius:14px;background:var(--k-surface,#fff)}.k-context-field>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.k-context-field select{width:100%;min-height:42px;border:1px solid var(--k-border,#dfe5ec);border-radius:10px;padding:0 36px 0 12px;background:var(--k-surface,#fff);color:inherit;font:inherit}.k-context-field small{color:var(--k-muted,#667085)}.k-context-loading,.k-context-error{width:100%;padding:12px;border:1px solid var(--k-border,#dfe5ec);border-radius:12px;background:var(--k-surface,#fff);text-align:left;color:inherit}.k-context-error{cursor:pointer}@media(max-width:720px){.k-context-switcher{margin-bottom:12px}.k-context-field{padding:10px}}


.k-context-legacy{display:grid;gap:6px;min-width:0}.k-context-legacy>span{font-size:11px;font-weight:700;opacity:.7}.k-context-legacy-actions{display:flex;flex-wrap:wrap;gap:6px}.k-context-legacy-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border:1px solid var(--k-border,#d9dee8);border-radius:999px;background:var(--k-surface,#fff);color:inherit;text-decoration:none;font-size:12px;font-weight:700;max-width:100%;overflow-wrap:anywhere}.k-context-legacy-actions a.is-active{background:var(--k-accent,#1665d8);border-color:var(--k-accent,#1665d8);color:#fff}.k-context-legacy small{font-size:10px;opacity:.65;overflow-wrap:anywhere}@media(max-width:520px){.k-context-legacy-actions a{flex:1 1 calc(50% - 6px)}}

/* R186.5 Navigation Core: atomic context switch */
html.k-context-switching #k-app{pointer-events:none;}
html.k-context-switching #k-page-outlet,
html.k-context-switching #k-desktop-nav,
html.k-context-switching #k-mobile-nav,
html.k-context-switching #k-menu-drawer{opacity:.55;transition:opacity .16s ease;}
html:not(.k-context-switching) #k-page-outlet,
html:not(.k-context-switching) #k-desktop-nav,
html:not(.k-context-switching) #k-mobile-nav,
html:not(.k-context-switching) #k-menu-drawer{transition:opacity .16s ease;}


/* ===== SOURCE: css/next_shell.css ===== */
/* r70v — elegant, conversion-oriented home */
.k-home-conversion{max-width:1320px;margin:0 auto;padding:clamp(18px,3vw,42px);display:grid;gap:20px}
.k-home-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 2px 8px}
.k-home-welcome h1{max-width:930px;margin:12px 0 10px;font-size:clamp(31px,4.15vw,56px);line-height:1.01;letter-spacing:-.045em;font-weight:920;color:#101522}
.k-home-welcome p{max-width:720px;margin:0;color:var(--k-muted,#667085);font-size:clamp(14px,1.18vw,17px);line-height:1.55}
.k-home-profile-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:820;color:#344054;text-decoration:none;padding:10px 2px}
.k-home-profile-link span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#111827;color:#fff}
.k-home-golden-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,1fr);gap:16px;min-height:455px}
.k-home-primary-action,.k-home-secondary-action{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 52px rgba(15,23,42,.075)}
.k-home-primary-action{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(210px,.72fr);align-items:center;padding:clamp(28px,4vw,54px);background:radial-gradient(circle at 80% 20%,rgba(255,177,89,.34),transparent 32%),linear-gradient(140deg,#fff9f2 0%,#fff 50%,#fff1dc 100%)}
.k-home-action-copy{position:relative;z-index:2;max-width:670px}
.k-home-action-kicker{font-size:11px;font-weight:950;letter-spacing:.14em;color:#a55300}
.k-home-primary-action h2{margin:13px 0 14px;font-size:clamp(31px,3.75vw,52px);line-height:1.035;letter-spacing:-.042em;color:#111827}
.k-home-primary-action p,.k-home-secondary-action p{max-width:610px;color:#5f6673;line-height:1.58;font-size:15px}
.k-home-action-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:25px}
.k-home-main-cta{min-height:54px;padding-inline:26px;font-size:15px;box-shadow:0 14px 30px rgba(255,107,0,.22)}
.k-home-text-link{display:inline-flex;align-items:center;gap:9px;color:#344054;font-size:13px;font-weight:850}.k-home-text-link span{color:#ff6b00;font-size:20px}
.k-home-primary-visual{position:relative;display:grid;place-items:center;min-height:270px;z-index:1}
.k-home-visual-orbit{position:absolute;width:min(23vw,286px);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.5);border:1px solid rgba(255,107,0,.17);box-shadow:0 0 0 26px rgba(255,255,255,.22),0 24px 60px rgba(172,91,0,.10)}
.k-home-visual-monogram{position:relative;display:grid;place-items:center;width:122px;height:122px;border-radius:38px;background:linear-gradient(145deg,#ff7a18,#ff5b00);color:#fff;font-size:68px;font-weight:950;letter-spacing:-.08em;box-shadow:0 24px 45px rgba(255,107,0,.26);transform:rotate(-5deg)}
.k-home-visual-label{position:absolute;right:5%;bottom:18%;padding:7px 11px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:rgba(255,255,255,.88);color:#69401b;font-size:10px;font-weight:950;letter-spacing:.18em;box-shadow:0 10px 26px rgba(15,23,42,.09)}
.k-home-live-facts{position:absolute;left:clamp(28px,4vw,54px);right:clamp(28px,4vw,54px);bottom:21px;display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#6b4b29}
.k-home-live-facts b{font-size:16px;color:#111827;margin-right:4px}
.k-home-secondary-action{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(26px,3vw,40px);background:radial-gradient(circle at 76% 13%,rgba(71,98,141,.44),transparent 28%),linear-gradient(155deg,#111827 0%,#27344a 100%);color:#fff}
.k-home-secondary-action .k-home-action-kicker{color:#ffb65d}
.k-home-secondary-action h2{max-width:330px;font-size:clamp(29px,2.8vw,42px);line-height:1.04;margin:14px 0 10px;letter-spacing:-.04em}
.k-home-secondary-action p{max-width:360px;color:#cbd5e1}
.k-home-parts-mark{position:absolute;right:25px;top:25px;display:grid;place-items:center;width:104px;height:104px;border:1px solid rgba(255,255,255,.12);border-radius:31px;background:rgba(255,255,255,.055);transform:rotate(4deg)}
.k-home-parts-mark span{font-size:9px;font-weight:950;letter-spacing:.18em;color:#94a3b8}.k-home-parts-mark b{font-size:39px;line-height:1;color:#fff;letter-spacing:-.06em}
.k-home-store-metric{display:flex;align-items:baseline;gap:9px;margin:18px 0 23px}.k-home-store-metric b{font-size:39px;letter-spacing:-.04em;color:#ffad42}.k-home-store-metric span{font-size:12px;color:#cbd5e1}
.k-btn-dark{background:#fff;color:#111827;border-color:#fff;justify-content:center}
.k-home-fast-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.k-home-fast-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:88px;padding:16px 18px;border:1px solid rgba(15,23,42,.085);border-radius:20px;background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.k-home-fast-card:hover{transform:translateY(-2px);border-color:rgba(255,107,0,.24);box-shadow:0 13px 30px rgba(15,23,42,.08)}
.k-home-fast-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff5e8;color:#c85c00;font-size:12px;font-weight:950;letter-spacing:.04em}.k-home-fast-card b,.k-home-fast-card small{display:block}.k-home-fast-card b{font-size:14px}.k-home-fast-card small{margin-top:4px;color:#7a8494;font-size:11px}.k-home-fast-card i{font-style:normal;font-size:20px;color:#ff6b00}
.k-home-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid rgba(15,23,42,.075);border-radius:20px;background:rgba(15,23,42,.075)}
.k-home-trust-strip>div{padding:17px 18px;background:#fff}.k-home-trust-strip b,.k-home-trust-strip span{display:block}.k-home-trust-strip b{font-size:13px}.k-home-trust-strip span{margin-top:5px;color:#7a8494;font-size:11px;line-height:1.38}.k-home-db-summary b{font-size:24px;color:#ff6b00}
.k-home-data-status{margin:0;text-align:center;color:#8a93a2;font-size:11px}.k-home-data-status.is-error{color:#b42318}
@media(max-width:900px){.k-home-welcome{align-items:flex-start}.k-home-profile-link{display:none}.k-home-golden-grid{grid-template-columns:1fr;min-height:0}.k-home-primary-action{grid-template-columns:1fr;padding-bottom:76px}.k-home-primary-visual{position:absolute;right:-46px;top:8px;opacity:.20;min-height:250px;width:250px}.k-home-action-copy{max-width:84%}.k-home-secondary-action{min-height:320px}.k-home-fast-row{grid-template-columns:1fr}.k-home-trust-strip{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.k-home-conversion{padding:15px 13px 100px;gap:13px}.k-home-welcome h1{font-size:31px;line-height:1.04}.k-home-welcome p{font-size:13px}.k-home-primary-action,.k-home-secondary-action{border-radius:23px}.k-home-primary-action{display:block;padding:24px 20px 82px}.k-home-action-copy{max-width:100%}.k-home-primary-action h2{font-size:31px}.k-home-primary-action p,.k-home-secondary-action p{font-size:14px}.k-home-primary-visual{display:none}.k-home-action-buttons{display:grid;gap:12px}.k-home-action-buttons .k-btn{width:100%;justify-content:center}.k-home-text-link{justify-content:center}.k-home-live-facts{left:20px;right:20px;bottom:17px;gap:10px}.k-home-live-facts span:nth-child(2){display:none}.k-home-secondary-action{min-height:286px;padding:22px 20px}.k-home-parts-mark{width:78px;height:78px;border-radius:23px}.k-home-parts-mark b{font-size:30px}.k-home-fast-card{min-height:78px;padding:14px 15px}.k-home-trust-strip{grid-template-columns:1fr}.k-home-trust-strip>div:nth-child(3){display:none}}

/* r70w — deep catalog navigation and restored home CTAs */
.k-catalog-drilldown{display:grid;gap:18px;min-width:0}
.k-drill-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:4px 2px}
.k-drill-head .k-section-title,.k-drill-leaf-head .k-section-title{margin:5px 0 6px;font-size:clamp(24px,3vw,38px);line-height:1.05;letter-spacing:-.035em}
.k-drill-head p,.k-drill-leaf-head p{margin:0;max-width:680px;color:var(--k-muted,#667085);font-size:14px;line-height:1.5}
.k-drill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.k-drill-grid-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
.k-drill-tile{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:106px;padding:18px;border:1px solid rgba(116,132,157,.17);border-radius:22px;background:linear-gradient(145deg,#fff,#f8fafc);color:#111827;text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(15,23,42,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.k-drill-tile:hover{transform:translateY(-3px);border-color:rgba(255,107,0,.42);background:#fff;box-shadow:0 18px 38px rgba(15,23,42,.09)}
.k-drill-tile-group{min-height:138px;padding:23px}
.k-drill-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#fff3e6,#fff);color:#c65400;font-size:25px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,107,0,.12)}
.k-drill-tile-group .k-drill-icon{width:62px;height:62px;border-radius:20px;font-size:29px}
.k-drill-copy{display:grid;gap:5px;min-width:0}.k-drill-copy b{font-size:16px;line-height:1.2;letter-spacing:-.015em}.k-drill-copy small{color:var(--k-muted,#667085);font-size:12px;line-height:1.42}
.k-drill-meta{display:flex;align-items:center;gap:10px;color:#667085;font-size:12px;font-weight:850}.k-drill-meta i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#111827;color:#fff;font-style:normal;font-size:18px;transition:transform .18s ease,background .18s ease}.k-drill-tile:hover .k-drill-meta i{transform:translateX(3px);background:#ff6b00}
.k-drill-breadcrumb{display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border:1px solid rgba(116,132,157,.14);border-radius:14px;background:#fff;color:#667085;font-size:12px;overflow:auto;white-space:nowrap}.k-drill-breadcrumb button{border:0;background:transparent;color:#ff6b00;font:inherit;font-weight:850;cursor:pointer;padding:3px}.k-drill-breadcrumb b{color:#111827}
.k-drill-leaf-head{display:flex;justify-content:flex-end;align-items:center;padding:4px 2px}
.k-drill-leaf-head .k-catalog-search,.k-drill-leaf-head .k-shop-search{width:min(100%,520px);min-height:48px;border:1px solid rgba(116,132,157,.22);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.k-drill-leaf-head .k-catalog-search input,.k-drill-leaf-head .k-shop-search input{height:46px}
.k-shop-page .k-shop-db-panel{margin:0}
.k-home-main-cta,.k-home-secondary-action .k-btn-dark{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;border-radius:16px!important;padding:0 24px!important;text-decoration:none!important;font-size:15px!important;font-weight:900!important;line-height:1!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.k-home-main-cta{background:linear-gradient(135deg,#ff7a18,#ff5b00)!important;color:#fff!important;box-shadow:0 14px 30px rgba(255,107,0,.28)!important}
.k-home-secondary-action .k-btn-dark{background:#fff!important;color:#111827!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important}
.k-home-main-cta:hover,.k-home-secondary-action .k-btn-dark:hover{transform:translateY(-2px)!important;filter:saturate(1.05)!important}
.k-home-text-link{padding:11px 2px;text-decoration:none!important;border-bottom:1px solid transparent}.k-home-text-link:hover{border-color:rgba(255,107,0,.35)}
@media(max-width:980px){.k-drill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.k-drill-grid-groups{grid-template-columns:1fr 1fr}.k-drill-leaf-head{justify-content:stretch}.k-drill-leaf-head .k-catalog-search,.k-drill-leaf-head .k-shop-search{width:100%}}
@media(max-width:640px){.k-drill-grid,.k-drill-grid-groups{grid-template-columns:1fr}.k-drill-tile,.k-drill-tile-group{min-height:92px;padding:14px;border-radius:18px;grid-template-columns:46px minmax(0,1fr) auto}.k-drill-icon,.k-drill-tile-group .k-drill-icon{width:46px;height:46px;border-radius:15px;font-size:22px}.k-drill-copy b{font-size:14px}.k-drill-copy small{font-size:11px}.k-drill-meta{font-size:11px}.k-drill-meta i{width:29px;height:29px}.k-drill-head .k-section-title,.k-drill-leaf-head .k-section-title{font-size:27px}.k-drill-leaf-head{gap:12px}.k-home-main-cta,.k-home-secondary-action .k-btn-dark{width:100%!important;min-height:52px!important}}

/* r75k: compact mobile parts catalogue */
@media(max-width:700px){
  .k-shop-page .k-drill-head{display:none!important}
  .k-shop-page .k-catalog-drilldown{gap:10px}
  .k-shop-page .k-drill-breadcrumb + .k-drill-grid,
  .k-shop-page .k-drill-breadcrumb + .k-shop-status{margin-top:0!important}
}

/* r75q: mobile services drill header cleanup */
@media (max-width:700px){
  .k-services-page .k-drill-head{
    display:none!important;
  }
  .k-services-page .k-drill-head + .k-drill-grid,
  .k-services-page .k-drill-head + .k-services-grid{
    margin-top:0!important;
  }
}


/* r115 — service group buttons use the garage category visual language */
.k-drill-grid-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.k-drill-grid-groups .k-drill-tile-group{--drill-accent:#f97316;--drill-soft:#fff7ed;position:relative;overflow:hidden;min-height:112px;padding:16px;border-radius:20px;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;background:linear-gradient(145deg,#fff 0%,var(--drill-soft) 145%);box-shadow:0 8px 24px rgba(15,23,42,.04)}
.k-drill-grid-groups .k-drill-tile-group::after{content:"";position:absolute;right:-22px;bottom:-28px;width:76px;height:76px;border-radius:50%;background:var(--drill-accent);opacity:.07;pointer-events:none}
.k-drill-grid-groups .k-drill-tile-group:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--drill-accent) 45%,#fff);background:var(--drill-soft);box-shadow:0 14px 34px rgba(15,23,42,.08)}
.k-drill-grid-groups .k-drill-tile-group:nth-child(1){--drill-accent:#f97316;--drill-soft:#fff7ed}.k-drill-grid-groups .k-drill-tile-group:nth-child(2){--drill-accent:#7c3aed;--drill-soft:#f5f3ff}.k-drill-grid-groups .k-drill-tile-group:nth-child(3){--drill-accent:#2563eb;--drill-soft:#eff6ff}.k-drill-grid-groups .k-drill-tile-group:nth-child(4){--drill-accent:#0891b2;--drill-soft:#ecfeff}.k-drill-grid-groups .k-drill-tile-group:nth-child(5){--drill-accent:#059669;--drill-soft:#ecfdf5}.k-drill-grid-groups .k-drill-tile-group:nth-child(6){--drill-accent:#dc2626;--drill-soft:#fef2f2}
.k-drill-grid-groups .k-drill-tile-group .k-drill-icon{width:44px;height:44px;border-radius:14px;background:var(--drill-accent);color:#fff;box-shadow:none;font-size:22px}
.k-drill-grid-groups .k-drill-copy b{font-size:16px}.k-drill-grid-groups .k-drill-copy small{font-size:12px;line-height:1.35}.k-drill-grid-groups .k-drill-meta{min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#fff;color:var(--drill-accent);box-shadow:0 4px 14px rgba(15,23,42,.07)}
@media(max-width:980px){.k-drill-grid-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.k-drill-grid-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.k-drill-grid-groups .k-drill-tile-group{min-height:104px;padding:13px;grid-template-columns:38px minmax(0,1fr);gap:10px}.k-drill-grid-groups .k-drill-tile-group .k-drill-icon{width:38px;height:38px;border-radius:13px;font-size:19px}.k-drill-grid-groups .k-drill-meta{position:absolute;top:8px;right:8px;min-width:24px;height:24px;font-size:10px}.k-drill-grid-groups .k-drill-copy b{font-size:14px}.k-drill-grid-groups .k-drill-copy small{font-size:11px}}
@media(max-width:380px){.k-drill-grid-groups .k-drill-copy small{display:none}.k-drill-grid-groups .k-drill-tile-group{min-height:92px}}


/* ===== SOURCE: css/next/request.css ===== */
.k-request-account-field input[readonly]{background:#f3f4f6;color:#111827;border-color:#e5e7eb;cursor:default}.k-request-account-field small{font-size:12px;font-weight:600;color:#6b7280}.k-request-form[data-account-ready="0"] .k-request-account-field input{border-color:#f59e0b;background:#fff7ed}
.k-request-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:22px}.k-request-form,.k-request-help{border:1px solid #e5e7eb;border-radius:24px;background:#fff;padding:24px}.k-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.k-request-grid label{display:grid;gap:7px;font-weight:700;color:#111827}.k-request-grid input,.k-request-grid textarea,.k-request-grid select{width:100%;border:1px solid #d1d5db;border-radius:14px;padding:13px 14px;font:inherit;font-weight:400}.k-request-wide{grid-column:1/-1}.k-request-options{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.k-request-options label{display:flex;gap:8px;align-items:center}.k-request-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.k-request-actions output{width:100%;color:#6b7280}.k-request-help{background:#111827;color:#fff}.k-request-help span{font-size:11px;letter-spacing:.14em;font-weight:800;color:#fdba74}.k-request-help ol{margin:22px 0 0;padding-left:22px;display:grid;gap:18px}.k-request-help li{padding-left:6px;line-height:1.5}@media(max-width:760px){.k-request-shell{grid-template-columns:1fr}.k-request-grid{grid-template-columns:1fr}.k-request-wide{grid-column:auto}.k-request-form,.k-request-help{padding:18px;border-radius:18px}.k-request-actions .k-btn{width:100%}}
[data-request-manual-car][hidden]{display:none}.k-request-grid select{background:#fff;color:#111827}


/* ===== SOURCE: css/next/home_simple.css ===== */
.k-home-simple{max-width:1180px;margin:0 auto;padding:clamp(22px,4vw,54px) clamp(14px,3vw,28px) 110px;display:grid;gap:clamp(20px,3vw,34px)}
.k-home-simple-hero{text-align:center;max-width:920px;margin:0 auto;padding:clamp(18px,3vw,34px) clamp(12px,2vw,24px)}
.k-home-simple-hero h1{margin:0;color:#111827;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.055em;font-weight:850;text-wrap:balance}
.k-home-simple-hero p{max-width:590px;margin:18px auto 0;color:#697386;font-size:clamp(15px,1.7vw,19px);line-height:1.55;text-wrap:balance}
.k-home-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.k-home-action-tile{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:15px;min-height:118px;padding:20px;border:1px solid rgba(15,23,42,.075);border-radius:24px;background:#fff;color:#111827;text-decoration:none;box-shadow:0 10px 30px rgba(15,23,42,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.k-home-action-tile:hover{transform:translateY(-3px);border-color:rgba(255,107,0,.32);box-shadow:0 18px 38px rgba(15,23,42,.09)}
.k-home-action-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#fff3e8;color:#ff6b00}
.k-home-action-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.k-home-action-copy b,.k-home-action-copy small{display:block}.k-home-action-copy b{font-size:17px;line-height:1.2}.k-home-action-copy small{margin-top:6px;color:#7b8494;font-size:12px;line-height:1.38}
.k-home-ai-search{display:grid;gap:10px;max-width:760px;width:100%;margin:24px auto 0;padding:0;background:transparent;border:0}
.k-home-ai-search__controls{display:flex;flex-wrap:nowrap;gap:8px;align-items:stretch;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;padding:6px;border:1px solid rgba(15,23,42,.1);border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.07)}
.k-home-ai-search__input{flex:1 1 auto;min-width:0;min-height:52px;padding:0 16px;border:0;border-radius:13px;background:#f7f8fa;color:#111827;font:inherit;font-size:15px;outline:none}
.k-home-ai-search__input::placeholder{color:#9299a6}
.k-home-ai-search__input:focus{background:#fff;box-shadow:inset 0 0 0 2px rgba(255,107,0,.28)}
.k-home-ai-search__button{flex:0 0 auto;min-height:52px!important;padding:0 22px!important;border-radius:13px!important;white-space:nowrap}
.k-assistant-page{max-width:900px;margin:0 auto;padding:28px 18px 110px}.k-assistant-head{margin:28px 0}.k-assistant-head>span,.k-assistant-result>span{color:#ff6b00;font-size:11px;font-weight:900;letter-spacing:.14em}.k-assistant-head h1{margin:10px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.05em}.k-assistant-head p{max-width:650px;margin:0;color:#6b7280;line-height:1.55}.k-assistant-form,.k-assistant-result{padding:24px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(15,23,42,.06)}.k-assistant-form label{display:block;margin-bottom:10px;font-weight:800}.k-assistant-form textarea{width:100%;min-height:150px;resize:vertical;border:1px solid #dce1e8;border-radius:17px;padding:16px;font:inherit;line-height:1.5;outline:none}.k-assistant-form textarea:focus{border-color:#ff6b00;box-shadow:0 0 0 4px rgba(255,107,0,.1)}.k-assistant-form-actions,.k-assistant-result>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.k-assistant-result{margin-top:16px}.k-assistant-result h2{margin:10px 0 8px}.k-assistant-result p{margin:0;color:#5f6878;line-height:1.55}
@media(max-width:768px){.k-home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.k-home-ai-prompts{position:relative;display:grid;place-items:center;min-height:42px;max-width:460px;width:100%;margin:0 auto;overflow:hidden}
.k-home-ai-slide{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;transition:opacity .32s ease,transform .32s ease,background .16s ease,border-color .16s ease}
.k-home-ai-slide.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.k-home-ai-slide:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.k-home-ai-slide__icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ff6b00;color:#fff;font-size:13px;line-height:1}
.k-home-ai-slide__text{white-space:nowrap}
.k-assistant-prompts{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:12px}
.k-assistant-prompts button{min-height:34px;padding:7px 12px;border:1px solid rgba(15,23,42,.1);border-radius:999px;background:#fff;color:#374151;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}
.k-assistant-prompts button:hover{border-color:rgba(255,107,0,.38);background:#fff7f0;color:#c75200}
.k-assistant-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

@media(max-width:540px){.k-home-simple{padding:18px 12px 96px;gap:18px}.k-home-simple-hero{padding-top:8px}.k-home-simple-hero h1{font-size:37px}.k-home-simple-hero p{font-size:15px}.k-home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.k-home-action-tile{grid-template-columns:1fr;align-content:start;min-height:142px;padding:15px;border-radius:20px}.k-home-action-icon{width:45px;height:45px;border-radius:15px}.k-home-action-copy b{font-size:15px}.k-home-action-copy small{font-size:11px}.k-home-ai-search{gap:8px}.k-home-ai-prompts{max-width:100%;min-height:42px}.k-home-ai-slide{max-width:100%;font-size:12px}.k-home-ai-slide__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-home-ai-search__controls{display:flex;flex-wrap:nowrap;padding:6px;border-radius:18px}.k-home-ai-search__input{width:auto;min-width:0;min-height:52px!important}.k-home-ai-search__button{width:auto;min-height:52px!important;padding-inline:16px!important}.k-assistant-page{padding:20px 12px 96px}.k-assistant-form,.k-assistant-result{padding:18px;border-radius:20px}.k-assistant-form-actions,.k-assistant-result>div{display:grid}.k-assistant-form-actions .k-btn,.k-assistant-result .k-btn{width:100%;justify-content:center}}


.k-service-entry-card{display:grid;gap:18px}.k-info-actions{display:flex;flex-wrap:wrap;gap:10px}.k-service-entry-card .k-btn{justify-content:center}


/* r75k: emergency actions — separate from ordinary home navigation */
.k-home-emergency{display:grid;gap:9px;max-width:760px;width:100%;margin:-8px auto 0;padding:12px;border-radius:22px}
.k-home-emergency__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.k-home-emergency__action{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:54px;padding:10px 14px;border:1px solid transparent;border-radius:16px;text-decoration:none;font-weight:850;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.k-home-emergency__action:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.09)}
.k-home-emergency__action--tow{color:#991b1b;background:#fff;border-color:rgba(220,38,38,.18)}
.k-home-emergency__action--tow:hover{border-color:rgba(220,38,38,.42)}
.k-home-emergency__action--lawyer{color:#1d4ed8;background:#fff;border-color:rgba(37,99,235,.16)}
.k-home-emergency__action--lawyer:hover{border-color:rgba(37,99,235,.4)}
.k-home-emergency__icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px}
.k-home-emergency__action--tow .k-home-emergency__icon{color:#dc2626;background:#fef2f2}
.k-home-emergency__action--lawyer .k-home-emergency__icon{color:#2563eb;background:#eff6ff}
.k-home-emergency__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.k-home-emergency__copy{min-width:0}.k-home-emergency__copy b{display:block;font-size:14px;line-height:1.1;white-space:nowrap}
@media(max-width:540px){.k-home-emergency{gap:7px;margin-top:-6px;padding:9px;border-radius:18px}.k-home-emergency__actions{gap:7px}.k-home-emergency__action{min-height:50px;padding:8px 9px;border-radius:14px}.k-home-emergency__icon{flex-basis:31px;width:31px;height:31px}.k-home-emergency__copy b{font-size:12px}}
@media(max-width:330px){.k-home-emergency__action{gap:6px;padding-inline:7px}.k-home-emergency__icon{flex-basis:28px;width:28px;height:28px}.k-home-emergency__copy b{font-size:11px}}

@media(max-width:360px){
  .k-home-action-grid{grid-template-columns:1fr;gap:10px}
  .k-home-action-grid>*{min-width:0;width:100%}
}
@media(max-width:350px){
  .k-home-ai-search__controls{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;width:100%;max-width:100%;min-width:0;overflow:hidden;padding:5px}
  .k-home-ai-search__controls>*{min-width:0;max-width:100%;box-sizing:border-box}
  .k-home-ai-search__input,.k-home-ai-search__button{width:100%;max-width:100%}
  .k-home-ai-search__input{min-height:44px!important;padding:0 10px;font-size:12px}
  .k-home-ai-search__button{min-height:44px!important;padding:0 10px!important;font-size:11px!important;white-space:normal}
}

/* r77w — conservative mobile paint mode for unstable Chromium/WebView GPUs. */
@media (max-width: 768px){
  .k-home-simple,
  .k-home-simple *,
  .k-home-simple *::before,
  .k-home-simple *::after{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    will-change:auto!important;
    contain:none!important;
    isolation:auto!important;
    perspective:none!important;
  }
  .k-home-simple::before,
  .k-home-simple::after,
  .k-home-simple-hero::before,
  .k-home-simple-hero::after,
  .k-home-action-tile::before,
  .k-home-action-tile::after{content:none!important;display:none!important}
  .k-home-simple{
    position:relative!important;
    overflow:visible!important;
    background:#f4f7fb!important;
  }
  .k-home-simple-hero{
    position:relative!important;
    overflow:hidden!important;
    background:#141414!important;
    box-shadow:none!important;
  }
  .k-home-ai-prompts{display:none!important}
  .k-home-action-grid{position:relative!important;z-index:auto!important}
  .k-home-action-tile{
    position:relative!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .k-home-emergency,
  .k-home-emergency__action,
  .k-home-ai-search__controls{
    box-shadow:none!important;
  }
}

/* r77x — lightweight home cards for unstable mobile Chromium/WebView. */
.k-home-lite-list{display:flex;flex-wrap:wrap;gap:14px;width:100%;min-width:0}
.k-home-lite-card{display:flex;align-items:center;gap:14px;flex:1 1 calc(33.333% - 10px);min-width:240px;min-height:112px;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;color:#111827;text-decoration:none;box-sizing:border-box;overflow:hidden}
.k-home-lite-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:#fff3e8;color:#ff6b00;font-size:22px;line-height:1}
.k-home-lite-copy{display:block;min-width:0}.k-home-lite-copy b,.k-home-lite-copy small{display:block}.k-home-lite-copy b{font-size:16px;line-height:1.2}.k-home-lite-copy small{margin-top:5px;color:#7b8494;font-size:12px;line-height:1.35}
@media(max-width:768px){
  .k-home-lite-list{display:flex!important;flex-wrap:wrap!important;gap:12px!important;position:static!important;overflow:visible!important}
  .k-home-lite-card{flex:0 0 calc(50% - 6px)!important;min-width:0!important;min-height:132px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;padding:15px!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;position:static!important;overflow:hidden!important}
  .k-home-lite-icon{flex:0 0 44px;width:44px;height:44px;font-size:20px}
  .k-home-lite-copy b{font-size:15px}.k-home-lite-copy small{font-size:11px}
  .k-home-ai-prompts{display:none!important}
}
@media(max-width:340px){.k-home-lite-card{flex-basis:100%!important;min-height:104px!important;flex-direction:row!important;align-items:center!important}}

/* r77y — Swiper.js problem slider and refreshed lightweight home UI. */
.k-home-problem-block,
.k-home-section{display:grid;gap:14px;width:100%;min-width:0}
.k-home-problem-head,
.k-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 4px}
.k-home-problem-head h2,
.k-home-section-head h2{margin:0;color:#111827;font-size:clamp(22px,3vw,30px);line-height:1.12;letter-spacing:-.035em}
.k-home-problem-head p,
.k-home-section-head p{margin:6px 0 0;color:#748092;font-size:13px;line-height:1.45}
.k-home-problem-swiper{width:100%;min-width:0;overflow:hidden;padding:2px 2px 30px}
.k-home-problem-swiper .swiper-wrapper{align-items:stretch}
.k-home-problem-slide{display:flex!important;align-items:center;gap:13px;min-height:104px;height:auto!important;padding:16px;border:1px solid rgba(15,23,42,.09);border-radius:20px;background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);color:#111827;text-align:left;font:inherit;box-sizing:border-box;cursor:pointer;scroll-snap-align:start}
.k-home-problem-slide__icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#fff1e5;color:#ff6b00;font-size:20px;font-weight:900;line-height:1}
.k-home-problem-slide__copy{display:block;min-width:0}
.k-home-problem-slide__copy b,.k-home-problem-slide__copy small{display:block}
.k-home-problem-slide__copy b{font-size:15px;line-height:1.2}
.k-home-problem-slide__copy small{margin-top:6px;color:#748092;font-size:11px;line-height:1.38}
.k-home-problem-pagination.swiper-pagination{bottom:2px!important}
.k-home-problem-pagination .swiper-pagination-bullet{width:7px;height:7px;background:#c6ccd5;opacity:1}
.k-home-problem-pagination .swiper-pagination-bullet-active{width:22px;border-radius:999px;background:#ff6b00}
.k-home-problem-swiper.is-native-fallback{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.k-home-problem-swiper.is-native-fallback::-webkit-scrollbar{display:none}
.k-home-problem-swiper.is-native-fallback .swiper-wrapper{display:flex;gap:10px}
.k-home-problem-swiper.is-native-fallback .swiper-slide{flex:0 0 86%}
.k-home-problem-swiper.is-native-fallback .swiper-pagination{display:none}

.k-home-section{padding-top:2px}
.k-home-lite-card{position:relative;border-color:rgba(15,23,42,.08);background:linear-gradient(145deg,#fff 0%,#fbfcfe 100%)}
.k-home-lite-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin-left:auto;border-radius:10px;background:#f4f6f9;color:#687386;font-size:23px;line-height:1}
.k-home-lite-card:nth-child(1) .k-home-lite-icon,
.k-home-lite-card:nth-child(5) .k-home-lite-icon{background:#fff1e5;color:#ff6b00}
.k-home-lite-card:nth-child(2) .k-home-lite-icon{background:#eef6ff;color:#2563eb}
.k-home-lite-card:nth-child(3) .k-home-lite-icon{background:#f5f0ff;color:#7c3aed}
.k-home-lite-card:nth-child(4) .k-home-lite-icon{background:#eefbf4;color:#059669}
.k-home-lite-card:nth-child(6) .k-home-lite-icon{background:#fff7df;color:#b7791f}
.k-home-emergency__copy small{display:block;margin-top:3px;color:#7b8494;font-size:10px;font-weight:650;line-height:1.2}

@media(max-width:768px){
  .k-home-problem-block,.k-home-section{gap:12px}
  .k-home-problem-head,.k-home-section-head{padding-inline:2px}
  .k-home-problem-head h2,.k-home-section-head h2{font-size:23px}
  .k-home-problem-head p,.k-home-section-head p{font-size:12px}
  .k-home-problem-swiper{padding-bottom:28px}
  .k-home-problem-slide{min-height:96px;padding:14px;border-radius:18px;background:#fff!important}
  .k-home-lite-card{position:relative!important;flex-direction:column!important;align-items:flex-start!important;min-height:150px!important;border:1px solid rgba(15,23,42,.09)!important;background:#fff!important}
  .k-home-lite-arrow{position:absolute;right:13px;top:13px}
  .k-home-lite-copy{padding-right:24px}
}
@media(max-width:390px){
  .k-home-problem-slide__copy small{font-size:10px}
  .k-home-lite-card{min-height:142px!important;padding:14px!important}
}


/* r77ap — stronger orange identity for current lightweight home cards. */
.k-home-lite-card{
  border:1px solid rgba(255,107,0,.24)!important;
  border-top:3px solid #ff6b00!important;
  background:linear-gradient(145deg,#fff 0%,#fffaf5 100%)!important;
  box-shadow:0 8px 22px rgba(255,107,0,.08)!important;
}
.k-home-lite-card .k-home-lite-icon{
  background:#ff6b00!important;
  color:#fff!important;
}
.k-home-lite-card .k-home-lite-arrow{
  background:#fff1e7!important;
  color:#ff6b00!important;
}
.k-home-lite-card:hover{border-color:#ff6b00!important;background:#fff7f0!important}
@media(max-width:768px){
  .k-home-lite-card{box-shadow:0 5px 14px rgba(255,107,0,.07)!important}
}


/* r78k — compact home shortcuts and pagination below the problem slider. */
.k-home-problem-swiper{
  padding-bottom:0!important;
  overflow:hidden!important;
}
.k-home-problem-pagination.swiper-pagination{
  position:relative!important;
  inset:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  min-height:22px;
  margin:14px 0 0!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:4px;
  box-sizing:border-box;
}
.k-home-problem-pagination .swiper-pagination-bullet{
  margin:0 3px!important;
}
.k-home-lite-list{
  grid-template-columns:none!important;
}
@media(max-width:768px){
  .k-home-problem-swiper{padding-bottom:0!important}
  .k-home-problem-pagination.swiper-pagination{margin-top:12px!important}
}
@media(max-width:350px){
  .k-home-problem-pagination.swiper-pagination{margin-top:10px!important;min-height:20px}
}

/* r78l — compact social layout, no empty visual gaps */
.k-home-simple{
  --k-compact-title:15px;
  --k-compact-copy:12px;
  --k-compact-meta:11px;
}
.k-home-simple .k-home-problem-block,
.k-home-simple .k-home-section{
  margin:0;
  padding:14px;
  border:1px solid rgba(15,23,42,.07);
  border-radius:20px;
  background:#fff;
  box-shadow:0 6px 20px rgba(15,23,42,.045);
  box-sizing:border-box;
}
.k-home-simple .k-home-problem-block + .k-home-section,
.k-home-simple .k-home-section + .k-home-section{margin-top:12px}
.k-home-simple .k-home-problem-head,
.k-home-simple .k-home-section-head{align-items:center;padding:0;gap:10px}
.k-home-simple .k-home-problem-head h2,
.k-home-simple .k-home-section-head h2{font-size:18px;line-height:1.18;letter-spacing:-.02em}
.k-home-simple .k-home-problem-head p,
.k-home-simple .k-home-section-head p{font-size:11px;line-height:1.35;margin-top:3px}
.k-home-simple .k-home-section-head a{font-size:12px;white-space:nowrap}
.k-home-lite-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.k-home-lite-card{
  min-width:0!important;
  min-height:78px!important;
  padding:12px!important;
  border-radius:16px!important;
  gap:10px!important;
  box-shadow:none!important;
}
.k-home-lite-card .k-home-lite-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:12px!important}
.k-home-lite-card strong,.k-home-lite-card b{font-size:14px!important;line-height:1.2!important}
.k-home-lite-card small,.k-home-lite-card p{font-size:10px!important;line-height:1.3!important}
.k-home-lite-card .k-home-lite-arrow{width:24px!important;height:24px!important;font-size:13px!important}
.k-home-problem-slide{min-height:82px;padding:12px;border-radius:16px;gap:10px}
.k-home-problem-slide__icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:17px}
.k-home-problem-slide__copy b{font-size:14px}
.k-home-problem-slide__copy small{font-size:10px;margin-top:4px}
.k-home-problem-pagination.swiper-pagination{margin-top:10px!important;min-height:12px!important}
@media(max-width:420px){
  .k-home-simple .k-home-problem-block,.k-home-simple .k-home-section{padding:12px;border-radius:18px}
  .k-home-simple .k-home-problem-head h2,.k-home-simple .k-home-section-head h2{font-size:16px}
  .k-home-lite-list{gap:8px!important}
  .k-home-lite-card{min-height:72px!important;padding:10px!important;border-radius:14px!important}
  .k-home-lite-card strong,.k-home-lite-card b{font-size:13px!important}
}
@media(max-width:330px){
  .k-home-lite-list{grid-template-columns:1fr!important}
  .k-home-lite-card{min-height:64px!important;flex-direction:row!important;align-items:center!important}
}


/* r93 — centered shortcut identity: icon and title in one row, no arrows. */
.k-home-lite-card .k-home-lite-arrow{display:none!important}
.k-home-lite-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.k-home-lite-card__head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
}
.k-home-lite-card__head .k-home-lite-icon{
  margin:0!important;
}
.k-home-lite-title{
  display:block;
  margin:0;
  color:#111827;
  font-size:15px!important;
  font-weight:850;
  line-height:1.2;
}
.k-home-lite-description{
  display:block;
  margin-top:7px!important;
  color:#748092;
  font-size:10px!important;
  line-height:1.35!important;
  text-align:center;
}
@media(max-width:420px){
  .k-home-lite-card{min-height:82px!important}
  .k-home-lite-card__head{gap:7px}
  .k-home-lite-title{font-size:14px!important}
  .k-home-lite-description{margin-top:5px!important}
}

/* R84.6 Client home reference redesign */
.k-home-reference{
  width:100%;
  max-width:430px;
  margin:0 auto;
  padding:18px 14px 28px;
  display:grid;
  gap:16px;
  background:#fff;
  box-sizing:border-box;
}
.k-home-reference .k-page-hero,
.k-home-reference .k-flow-home-quick,
.k-home-reference .k-flow-home-layout,
.k-home-reference .k-home-problem-block,
.k-home-reference .k-home-service-categories,
.k-home-reference .k-home-content-slider,
.k-home-reference .k-flow-context-rail{display:none !important}
.k-home-ref-location svg,.k-home-ref-search__box svg,.k-home-ref-action__icon svg,.k-home-ref-chip__icon svg,.k-home-ref-place__title small svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.k-home-ref-location{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;color:#212121;font-size:17px;font-weight:500;justify-self:start;cursor:pointer}
.k-home-ref-location i{display:grid;place-items:center;color:#222}.k-home-ref-location i svg{width:16px;height:16px;stroke-width:2.2}
.k-home-ref-heading h1{margin:0;color:#0f0f10;font-size:34px;line-height:1.08;letter-spacing:-.045em;font-weight:900}
.k-home-ref-search{margin-top:-2px}
.k-home-ref-search__box{display:flex;align-items:center;gap:12px;height:64px;padding:0 18px;border:1px solid #e6e6e8;border-radius:20px;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.02)}
.k-home-ref-search__box>svg{flex:0 0 auto;color:#737373;width:28px;height:28px}
.k-home-ref-search__input{border:0;outline:none;background:transparent;width:100%;font-size:17px;color:#222;padding:0}
.k-home-ref-search__input::placeholder{color:#848484}
.k-home-ref-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(148px,.92fr);gap:10px;align-items:stretch;padding:18px 16px 14px;border:1px solid #ececef;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbfbfc 100%);box-shadow:0 8px 20px rgba(15,23,42,.06);overflow:hidden;position:relative}
.k-home-ref-hero__copy{display:grid;align-content:start;gap:14px;min-width:0;position:relative;z-index:2}
.k-home-ref-steps{display:flex;align-items:center;gap:10px}.k-home-ref-steps span{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#efefef;color:#2c2c2c;font-size:16px;font-weight:800}.k-home-ref-steps span.is-active{background:#ff5a14;color:#fff}.k-home-ref-steps i{width:20px;height:2px;border-radius:99px;background:#d8d8dc;display:block}
.k-home-ref-hero h2{margin:0;color:#111;font-size:28px;line-height:1.08;letter-spacing:-.04em;font-weight:900}
.k-home-ref-hero p{margin:0;color:#232323;font-size:17px;line-height:1.34}
.k-home-ref-cta{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:56px;padding:0 24px;border-radius:16px;background:#ff5a14;color:#fff;text-decoration:none;font-size:20px;font-weight:800;box-shadow:0 10px 18px rgba(255,90,20,.18)}
.k-home-ref-hero-art{position:relative;min-height:218px;align-self:end}.k-home-ref-hero-city{position:absolute;inset:22px 6px 42px 6px;background:linear-gradient(180deg,rgba(176,176,182,.18),rgba(176,176,182,.05));clip-path:polygon(0 100%,0 58%,10% 58%,10% 42%,18% 42%,18% 65%,28% 65%,28% 30%,38% 30%,38% 58%,46% 58%,46% 22%,58% 22%,58% 48%,66% 48%,66% 36%,75% 36%,75% 60%,84% 60%,84% 44%,96% 44%,96% 100%);border-radius:8px}
.k-home-ref-hero-pin{position:absolute;width:24px;height:24px;border-radius:50% 50% 50% 0;background:#ff6a1c;transform:rotate(-45deg);box-shadow:0 2px 10px rgba(255,90,20,.2)}.k-home-ref-hero-pin::after{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.k-home-ref-hero-pin--a{right:18px;top:68px}.k-home-ref-hero-pin--b{left:8px;bottom:26px;transform:rotate(-45deg) scale(.92)}
.k-home-ref-hero-svg{position:absolute;left:-6px;right:-4px;bottom:-2px;width:calc(100% + 10px);height:auto}
.k-home-ref-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.k-home-ref-action{display:flex;align-items:center;gap:14px;min-height:92px;padding:18px 16px;border:1px solid #ececee;border-radius:18px;background:#fff;text-decoration:none;color:#1d1d1f;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.k-home-ref-action__icon{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;color:#ff5a14}.k-home-ref-action__icon svg{width:38px;height:38px}
.k-home-ref-action b{font-size:18px;line-height:1.2;font-weight:500}
.k-home-ref-section{display:grid;gap:12px}.k-home-ref-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.k-home-ref-section__head h2{margin:0;color:#111;font-size:18px;line-height:1.2;font-weight:800}.k-home-ref-section__head a{color:#ff5a14;text-decoration:none;font-size:14px;font-weight:600}
.k-home-ref-nearby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.k-home-ref-place{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;padding:10px;border:1px solid #ececee;border-radius:18px;background:#fff;text-decoration:none;color:#111;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.k-home-ref-place__thumb{height:92px;border-radius:14px;background:linear-gradient(180deg,#7ca6d6 0%,#cfe0f1 38%,#f4f6f9 39%,#d9dce1 100%);position:relative;overflow:hidden;display:block}.k-home-ref-place__thumb::before{content:"";position:absolute;left:8px;right:8px;bottom:14px;height:34px;border-radius:4px;background:#2d5d87;box-shadow:0 0 0 3px #1d425f inset}.k-home-ref-place__thumb::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:8px;background:#3b434d;border-radius:99px}.k-home-ref-place__thumb i{position:absolute;left:11px;top:16px;right:11px;color:#fff;font-style:normal;font-weight:800;font-size:11px;line-height:1.2;letter-spacing:.03em}
.k-home-ref-place__copy{display:grid;gap:8px;min-width:0;padding-top:2px}.k-home-ref-place__title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.k-home-ref-place__title b{font-size:15px;line-height:1.22;font-weight:700}.k-home-ref-place__title small{display:inline-flex;align-items:center;gap:3px;color:#232323;font-size:13px;font-weight:500}.k-home-ref-place__title small svg{width:15px;height:15px;color:#f4a000;fill:#f4a000;stroke:#f4a000}.k-home-ref-place__meta{display:block;color:#4f4f55;font-size:13px;line-height:1.34}
.k-home-ref-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.k-home-ref-chip{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 14px;border:1px solid #ececee;border-radius:16px;background:#fff;text-decoration:none;color:#1d1d1f;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px rgba(15,23,42,.03)}.k-home-ref-chip__icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;color:#222}.k-home-ref-chip__icon svg{width:22px;height:22px}
@media (min-width:700px){
  .k-home-reference{max-width:980px;padding:24px 24px 36px;gap:18px}
  .k-home-ref-heading h1{font-size:52px}
  .k-home-ref-hero{grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);padding:22px 22px 18px}
  .k-home-ref-hero-art{min-height:260px}.k-home-ref-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.k-home-ref-nearby{grid-template-columns:repeat(2,minmax(0,1fr))}.k-home-ref-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:390px){
  .k-home-reference{padding-inline:12px}
    .k-home-ref-heading h1{font-size:30px}
  .k-home-ref-search__box{height:60px;padding:0 16px;border-radius:18px}
  .k-home-ref-hero{grid-template-columns:1fr;gap:8px;padding:16px 14px 12px}
  .k-home-ref-hero-art{min-height:170px}.k-home-ref-hero h2{font-size:24px}.k-home-ref-hero p{font-size:15px}
  .k-home-ref-steps span{width:34px;height:34px;font-size:15px}.k-home-ref-steps i{width:16px}
  .k-home-ref-cta{height:52px;min-width:150px;font-size:18px}
  .k-home-ref-actions{gap:10px}.k-home-ref-action{min-height:86px;padding:14px 13px;gap:12px}.k-home-ref-action b{font-size:17px}
  .k-home-ref-nearby{grid-template-columns:1fr}
  .k-home-ref-place{grid-template-columns:92px minmax(0,1fr)}
  .k-home-ref-chips{grid-template-columns:1fr;gap:10px}
}

/* Client Home reference pass — exact mobile hierarchy 390px */
.k-home-reference{--k-home-accent:#ff3b12;--k-home-text:#111;--k-home-border:#e3e3e3;max-width:430px!important;padding:14px 16px calc(24px + var(--k-mobile-nav-h,0px))!important;gap:16px!important;background:#fff!important}
.k-home-ref-location{min-height:36px;font-size:17px;gap:8px;color:#111}
.k-home-ref-location>svg{width:26px;height:26px;stroke-width:1.8}.k-home-ref-location i{transform:rotate(90deg)}.k-home-ref-location i svg{width:14px;height:14px}
.k-home-ref-heading h1{font-size:clamp(32px,8.7vw,38px)!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.045em!important}
.k-home-ref-search__box{height:64px!important;border-radius:18px!important;border:1px solid var(--k-home-border)!important;box-shadow:none!important;padding-inline:17px!important}.k-home-ref-search__input{font-size:17px!important}.k-home-ref-search__box>svg{width:27px;height:27px;color:#666}
.k-home-ref-hero{min-height:360px;grid-template-columns:1fr!important;padding:18px 16px 16px!important;border-radius:16px!important;border:1px solid var(--k-home-border)!important;box-shadow:0 4px 14px rgba(17,17,17,.055)!important;background:#fff!important;overflow:hidden}
.k-home-ref-hero__copy{width:61%;gap:13px;align-content:start;z-index:2}.k-home-ref-steps{gap:9px}.k-home-ref-steps span{width:30px;height:30px;font-size:15px;font-weight:650;background:#f1f1f1}.k-home-ref-steps span.is-active{background:var(--k-home-accent);color:#fff}.k-home-ref-steps i{width:18px;height:1.5px;background:#d6d6d6}
.k-home-ref-hero h2{font-size:28px!important;font-weight:780!important;line-height:1.1!important;letter-spacing:-.025em!important}.k-home-ref-hero p{font-size:16px!important;line-height:1.42!important}.k-home-ref-cta{width:100%;max-width:190px;min-width:0;height:58px;border-radius:14px!important;background:var(--k-home-accent)!important;font-size:20px;font-weight:650;box-shadow:none!important}
.k-home-ref-hero-art{position:absolute!important;inset:0!important;min-height:0!important;background:none!important;opacity:1}
.k-home-ref-hero-art::after{content:"";position:absolute;right:-2%;bottom:-3%;width:58%;height:58%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08));pointer-events:none}
.k-home-ref-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.k-home-ref-action{min-height:94px!important;border:1px solid var(--k-home-border)!important;border-radius:14px!important;padding:16px 14px!important;gap:13px!important;box-shadow:none!important}.k-home-ref-action__icon{width:46px;height:46px;color:var(--k-home-accent)!important}.k-home-ref-action__icon svg{width:39px!important;height:39px!important;stroke-width:1.7}.k-home-ref-action b{font-size:17px!important;font-weight:500!important}
.k-home-ref-section{gap:11px!important}.k-home-ref-section__head h2{font-size:19px!important;font-weight:760!important}.k-home-ref-section__head a{color:var(--k-home-accent)!important;font-size:14px!important;font-weight:500!important}
.k-home-ref-nearby{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.k-home-ref-place{grid-template-columns:84px minmax(0,1fr)!important;gap:10px!important;padding:8px!important;border:1px solid var(--k-home-border)!important;border-radius:14px!important;box-shadow:none!important;min-height:112px}.k-home-ref-place__thumb{height:96px!important;border-radius:10px!important;background:#f3f3f3!important;overflow:hidden;display:grid!important;place-items:center}.k-home-ref-place__thumb img{width:100%;height:100%;object-fit:cover;display:block}.k-home-ref-place__thumb.is-placeholder{background:linear-gradient(160deg,#eff3f6,#d9e2e8)!important;color:#345;font-size:22px;font-weight:800}.k-home-ref-place__copy{gap:6px!important}.k-home-ref-place__title b{font-size:14px!important}.k-home-ref-place__title small{font-size:12px!important}.k-home-ref-place__meta{font-size:12px!important}.k-home-ref-nearby-empty{grid-column:1/-1;padding:16px;border:1px dashed var(--k-home-border);border-radius:14px;color:#666;font-size:13px}.k-home-ref-place--loading{position:relative;min-height:112px;background:linear-gradient(90deg,#f7f7f7 25%,#ededed 37%,#f7f7f7 63%);background-size:400% 100%;animation:k-home-ref-shimmer 1.4s ease infinite}@keyframes k-home-ref-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
.k-home-ref-chips{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.k-home-ref-chip{min-height:50px!important;padding:0 10px!important;border:1px solid var(--k-home-border)!important;border-radius:12px!important;box-shadow:none!important;font-size:12px!important;white-space:normal!important;line-height:1.15}.k-home-ref-chip__icon{width:23px;height:23px}
@media(max-width:360px){.k-home-reference{padding-inline:12px!important}.k-home-ref-heading h1{font-size:30px!important}.k-home-ref-hero{min-height:340px}.k-home-ref-hero__copy{width:66%}.k-home-ref-nearby{grid-template-columns:1fr!important}.k-home-ref-chips{grid-template-columns:1fr!important}.k-home-ref-action b{font-size:15px!important}}
@media(min-width:701px){.k-home-reference{max-width:980px!important;padding:24px!important}.k-home-ref-location,.k-home-ref-heading,.k-home-ref-search{max-width:720px;width:100%;margin-inline:auto}.k-home-ref-hero{min-height:330px;max-width:900px;width:100%;margin-inline:auto}.k-home-ref-hero__copy{width:48%;padding:8px 0}.k-home-ref-hero-art{background:none!important}.k-home-ref-actions,.k-home-ref-section{max-width:900px;width:100%;margin-inline:auto}.k-home-ref-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.k-home-ref-nearby{grid-template-columns:repeat(2,minmax(0,1fr))!important}.k-home-ref-chips{grid-template-columns:repeat(3,minmax(0,1fr))!important}}


/* 84.9 — Home reference correction while preserving shell header + bottom nav. */
.k-home-reference{--k-home-content:900px;max-width:430px!important;padding-top:14px!important;padding-bottom:calc(24px + var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom,0px))!important}
.k-home-reference>.k-home-ref-location,.k-home-reference>.k-home-ref-heading,.k-home-reference>.k-home-ref-search,.k-home-reference>.k-home-ref-hero,.k-home-reference>.k-home-ref-actions,.k-home-reference>.k-home-ref-section{width:100%;box-sizing:border-box}
.k-home-ref-heading h1{font-weight:780!important}
.k-home-ref-place__distance{font-weight:650;color:#343434!important}
.k-home-ref-nearby{min-width:0}
.k-home-ref-chips{min-width:0}
.k-home-location-dialog{width:min(430px,calc(100vw - 20px));max-height:min(80dvh,680px);padding:0;border:0;border-radius:22px;background:transparent;color:#111}
.k-home-location-dialog::backdrop{background:rgba(17,17,17,.35);backdrop-filter:blur(3px)}
.k-home-location-panel{display:grid;gap:14px;max-height:min(80dvh,680px);overflow:auto;padding:18px;background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(17,17,17,.18)}
.k-home-location-panel>header{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:12px;align-items:start}
.k-home-location-panel>header small{display:block;color:#ff3b12;font-size:10px;font-weight:800;letter-spacing:.12em}.k-home-location-panel>header h2{margin:4px 0 5px;font-size:24px;line-height:1.08}.k-home-location-panel>header p{margin:0;color:#666;font-size:13px;line-height:1.4}.k-home-location-panel>header button{width:40px;height:40px;border:0;border-radius:12px;background:#f5f5f5;font-size:24px;cursor:pointer}
.k-home-location-detect{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:70px;padding:12px 14px;border:1px solid #e3e3e3;border-radius:14px;background:#fff;color:#111;text-align:left}.k-home-location-detect>svg{width:28px;height:28px;color:#ff3b12;fill:none;stroke:currentColor;stroke-width:1.9}.k-home-location-detect span{display:grid;gap:3px}.k-home-location-detect b{font-size:14px}.k-home-location-detect small{color:#777;font-size:11px}
.k-home-location-status{padding:10px 12px;border-radius:12px;background:#f5f5f5;color:#555;font-size:12px}.k-home-location-status[data-type="success"]{background:#eefbf4;color:#067647}.k-home-location-status[data-type="error"]{background:#fff1ef;color:#b42318}
.k-home-location-cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.k-home-location-cities button{min-height:44px;padding:8px 10px;border:1px solid #e3e3e3;border-radius:12px;background:#fff;color:#333;font:inherit;font-size:12px}.k-home-location-cities button.is-active{border-color:#ff3b12;background:#fff4f1;color:#d92d20;font-weight:700}
@media(max-width:360px){
  .k-home-reference{padding-inline:12px!important}
  .k-home-ref-heading h1{font-size:30px!important}
  .k-home-ref-hero{min-height:336px!important}.k-home-ref-hero__copy{width:64%!important}
  .k-home-ref-nearby{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .k-home-ref-place{grid-template-columns:64px minmax(0,1fr)!important;gap:7px!important;padding:7px!important;min-height:104px!important}.k-home-ref-place__thumb{height:88px!important}.k-home-ref-place__title b{font-size:12px!important}.k-home-ref-place__title small,.k-home-ref-place__meta{font-size:10.5px!important}
  .k-home-ref-chips{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}.k-home-ref-chips::-webkit-scrollbar{display:none}.k-home-ref-chip{flex:0 0 auto;min-width:138px!important;scroll-snap-align:start}
}
@media(min-width:701px){
  .k-home-reference{max-width:980px!important;padding:24px 24px calc(36px + var(--k-mobile-nav-h,0px))!important;gap:20px!important}
  .k-home-reference>.k-home-ref-location,.k-home-reference>.k-home-ref-heading,.k-home-reference>.k-home-ref-search,.k-home-reference>.k-home-ref-hero,.k-home-reference>.k-home-ref-actions,.k-home-reference>.k-home-ref-section{max-width:var(--k-home-content);margin-inline:auto}
  .k-home-ref-heading h1{font-size:44px!important}
  .k-home-ref-search__box{height:60px!important}
  .k-home-ref-hero{min-height:340px!important;grid-template-columns:1fr!important}.k-home-ref-hero__copy{width:46%!important}
  .k-home-ref-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.k-home-ref-nearby{grid-template-columns:repeat(2,minmax(0,1fr))!important}.k-home-ref-chips{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(min-width:861px){.k-home-reference{padding-bottom:36px!important}}

/* 84.13 — latest master works + community rails on Client Home. */
.k-home-feed-section{min-width:0;overflow:hidden}
.k-home-feed-rail{
  display:flex;
  gap:10px;
  width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:1px 0 6px;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  cursor:grab;
  user-select:none;
}
.k-home-feed-rail::-webkit-scrollbar{display:none}
.k-home-feed-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
.k-home-feed-card{
  position:relative;
  flex:0 0 calc(40% - 8px);
  min-width:0;
  aspect-ratio:1/1;
  display:grid;
  grid-template-rows:minmax(0,58%) minmax(0,42%);
  overflow:hidden;
  scroll-snap-align:start;
  border:1px solid #e3e3e3;
  border-radius:14px;
  background:#fff;
  color:#171717;
  text-decoration:none;
  box-shadow:none;
  box-sizing:border-box;
}
.k-home-feed-card__media{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:#f2f3f5;color:#ff3b12}
.k-home-feed-card__media img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.k-home-feed-card__media.is-placeholder{background:linear-gradient(145deg,#fff7f4,#f2f3f5)}
.k-home-feed-card__fallback{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#fff;color:#ff3b12}
.k-home-feed-card__fallback svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.k-home-feed-card__media em{position:absolute;left:7px;top:7px;max-width:calc(100% - 14px);padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.92);color:#ff3b12;font-style:normal;font-size:9px;line-height:1;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-home-feed-card__body{display:grid;align-content:start;gap:3px;min-width:0;padding:8px}
.k-home-feed-card__body b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#171717;font-size:11.5px;line-height:1.22;font-weight:700}
.k-home-feed-card__body small,.k-home-feed-card__body time{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747474;font-size:9.5px;line-height:1.2}
.k-home-feed-card__body time{color:#969696}
.k-home-feed-card--loading{pointer-events:none;background:#fff}
.k-home-feed-card--loading>span{display:block;background:linear-gradient(90deg,#f7f7f7 25%,#ededed 37%,#f7f7f7 63%);background-size:400% 100%;animation:k-home-ref-shimmer 1.4s ease infinite}
.k-home-feed-card--loading>i{height:9px;margin:8px 8px 0;border-radius:999px;background:#f0f0f0}
.k-home-feed-card--loading>i+ i{width:58%;margin-top:5px}
.k-home-feed-empty{flex:0 0 100%;min-height:116px;display:grid;place-items:center;padding:18px;border:1px dashed #e3e3e3;border-radius:14px;color:#737373;font-size:12px;line-height:1.4;text-align:center;box-sizing:border-box}

@media(min-width:600px){
  .k-home-feed-rail{gap:12px}
  .k-home-feed-card{flex-basis:calc((100% - 24px)/3);border-radius:16px}
  .k-home-feed-card__body{padding:10px;gap:4px}
  .k-home-feed-card__body b{font-size:13px}
  .k-home-feed-card__body small,.k-home-feed-card__body time{font-size:10.5px}
}
@media(min-width:1024px){
  .k-home-feed-card{flex-basis:calc((100% - 36px)/4);border-radius:16px}
  .k-home-feed-card__body b{font-size:14px}
  .k-home-feed-card__body small,.k-home-feed-card__body time{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.k-home-feed-rail{scroll-behavior:auto}.k-home-feed-card--loading>span{animation:none}}

/* 84.14 — Home hero image recovery + unified quick-action typography/icons. */
.k-home-ref-hero{
  background:linear-gradient(180deg,#fff 0%,#fafafa 100%)!important;
}
.k-home-ref-hero-art{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  background:none!important;
  opacity:1!important;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.k-home-ref-hero-art picture{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
}
.k-home-ref-hero-art picture img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 53%;
  opacity:1;
  filter:saturate(1.02) contrast(1.01);
}
.k-home-ref-hero-art::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.90) 26%,rgba(255,255,255,.46) 42%,rgba(255,255,255,.08) 58%,rgba(255,255,255,0) 72%);
}
.k-home-ref-hero-art::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:1;
  height:12%;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.12));
  pointer-events:none;
}
.k-home-ref-hero-art.is-image-missing{
  background:linear-gradient(145deg,#fff 0%,#f6f6f6 72%,#fff3ee 100%)!important;
}
.k-home-ref-hero__copy{position:relative;z-index:2}

.k-home-ref-action{
  min-height:88px!important;
  padding:14px 13px!important;
  gap:11px!important;
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
.k-home-ref-action__icon{
  width:40px!important;
  height:40px!important;
  color:var(--k-home-accent,#ff3b12)!important;
}
.k-home-ref-action__icon .k-home-ref-action-svg,
.k-home-ref-action__icon svg{
  width:32px!important;
  height:32px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.k-home-ref-action b{
  min-width:0;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
  overflow-wrap:anywhere;
}
@media(max-width:360px){
  .k-home-ref-action{min-height:82px!important;padding:12px 10px!important;gap:9px!important}
  .k-home-ref-action__icon{width:36px!important;height:36px!important}
  .k-home-ref-action__icon .k-home-ref-action-svg,.k-home-ref-action__icon svg{width:29px!important;height:29px!important}
  .k-home-ref-action b{font-size:13px!important}
  .k-home-ref-hero-art picture img{object-position:70% 53%}
  .k-home-ref-hero-art::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.91) 29%,rgba(255,255,255,.48) 45%,rgba(255,255,255,.06) 61%,rgba(255,255,255,0) 76%)}
}
@media(min-width:701px){
  .k-home-ref-hero-art picture img{object-position:64% 57%}
  .k-home-ref-hero-art::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.88) 24%,rgba(255,255,255,.40) 39%,rgba(255,255,255,.04) 55%,rgba(255,255,255,0) 68%)}
  .k-home-ref-action{min-height:86px!important}
  .k-home-ref-action b{font-size:13.5px!important}
}


/* 84.30 — conservative hero visibility override. */
.k-home-ref-hero-art picture img{object-position:68% 53%!important;opacity:1!important;filter:saturate(1.02) contrast(1.01)}
.k-home-ref-hero-art::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.90) 26%,rgba(255,255,255,.46) 42%,rgba(255,255,255,.08) 58%,rgba(255,255,255,0) 72%)!important}
.k-home-ref-hero-art::after{height:12%!important;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.12))!important}
@media(max-width:360px){.k-home-ref-hero-art picture img{object-position:70% 53%!important}.k-home-ref-hero-art::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.91) 29%,rgba(255,255,255,.48) 45%,rgba(255,255,255,.06) 61%,rgba(255,255,255,0) 76%)!important}}
@media(min-width:701px){.k-home-ref-hero-art picture img{object-position:64% 57%!important}.k-home-ref-hero-art::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.88) 24%,rgba(255,255,255,.40) 39%,rgba(255,255,255,.04) 55%,rgba(255,255,255,0) 68%)!important}}


/* ===== SOURCE: css/next/catalog_cards.css ===== */
.k-card-preview-section{margin-top:22px}.k-card-preview-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.k-card-preview-head h2{margin:0;font-size:clamp(20px,2vw,28px)}
.k-catalog-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.k-catalog-card{position:relative;min-width:0;background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 9px 26px rgba(15,23,42,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.k-catalog-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ff6b00,#ff9a3d);opacity:0;transition:opacity .18s ease}.k-catalog-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,23,42,.1);border-color:rgba(255,107,0,.28)}.k-catalog-card:hover::before{opacity:1}
.k-catalog-card-media{aspect-ratio:16/10;background:#f3f6f9;display:grid;place-items:center;text-decoration:none;color:#ff6b00;font-weight:800;overflow:hidden}.k-catalog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.k-catalog-card:hover .k-catalog-card-media img{transform:scale(1.025)}.k-catalog-card-content{padding:17px 17px 13px;display:flex;flex-direction:column;gap:8px;flex:1}.k-catalog-card-content small,.k-catalog-card-meta{font-size:12px;color:#64748b}.k-catalog-card-content h3{font-size:17px;line-height:1.28;margin:0}.k-catalog-card-content h3 a{color:#0f172a;text-decoration:none}.k-catalog-card-content h3 a:hover{color:#c75200}.k-catalog-card-content p{margin:0;color:#64748b;line-height:1.5;font-size:14px}.k-catalog-card-source{font-size:12px;color:#475569}.k-catalog-card footer{margin-top:auto;padding:13px 17px 16px;border-top:1px solid rgba(15,23,42,.065);display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,rgba(248,250,252,0),rgba(248,250,252,.72))}.k-catalog-card footer b{display:block}.k-catalog-card footer small{display:block;color:#64748b}.k-catalog-card-actions,.k-catalog-card footer{flex-wrap:wrap}.k-catalog-card footer a,.k-catalog-card footer button{min-height:38px;border:0;background:transparent;color:#d55a00;font-weight:800;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.k-catalog-card footer a{padding:0 4px}.k-catalog-card footer button{background:#ff6b00;color:#fff;border-radius:12px;padding:9px 14px;box-shadow:0 7px 16px rgba(255,107,0,.18)}.k-catalog-card footer button:hover{background:#e85f00}.k-catalog-card-top{padding:17px 17px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.k-catalog-card-top small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-weight:750}.k-catalog-card-symbol{flex:0 0 44px;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#fff7ef,#ffead8);border:1px solid rgba(255,107,0,.12);color:#ff6b00;display:grid;place-items:center;font-size:21px}.k-catalog-card-facts{display:flex;flex-direction:column;gap:0;margin:0 17px 15px;border:1px solid rgba(15,23,42,.07);border-radius:14px;background:#f8fafc;overflow:hidden}.k-catalog-card-facts span{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:9px 12px;background:transparent}.k-catalog-card-facts span+span{border-top:1px solid rgba(15,23,42,.065)}.k-catalog-card-facts small{display:block;color:#64748b;font-size:12px}.k-catalog-card-facts b{min-width:0;color:#0f172a;font-size:13px;line-height:1.25;text-align:right;overflow-wrap:anywhere}.k-catalog-card-meta{display:flex;justify-content:space-between;gap:10px}.k-catalog-card-news.is-featured{grid-column:span 2}.k-catalog-card-work footer{font-size:12px}.k-catalog-card-work footer div{min-width:0}
@media(max-width:1050px){.k-catalog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.k-catalog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.k-catalog-card-news.is-featured{grid-column:span 2}.k-catalog-card-content{padding:14px 14px 11px}.k-catalog-card-top{padding:14px 14px 0}.k-catalog-card-facts{margin:0 14px 13px}.k-catalog-card footer{padding:11px 14px 14px}.k-catalog-card-content h3{font-size:15px}}@media(max-width:360px){.k-catalog-card-grid{grid-template-columns:1fr}.k-catalog-card-news.is-featured{grid-column:auto}}

.k-catalog-brand-icon{width:72px;height:72px;object-fit:contain;border-radius:18px}

.k-catalog-card-product{cursor:pointer}.k-catalog-card-product:focus-visible{outline:3px solid rgba(255,107,0,.35);outline-offset:3px}.k-catalog-card-product .k-catalog-card-media{pointer-events:none}.k-catalog-card-product .k-catalog-card-content h3{color:#0f172a}.k-catalog-card-product .k-catalog-card-actions{margin-left:auto}.k-catalog-card-product .k-catalog-card-actions button{position:relative;z-index:1}

/* r78l — compact marketplace cards */
.k-catalog-card{border-radius:17px!important;box-shadow:0 5px 18px rgba(15,23,42,.04)!important}
.k-catalog-card__body{padding:11px!important}
.k-catalog-card h3{font-size:14px!important;line-height:1.25!important}
.k-catalog-card p{font-size:11px!important;line-height:1.38!important}
.k-catalog-card-facts{gap:5px!important}
.k-catalog-card-facts>*{font-size:10px!important;min-height:27px!important;padding:5px 7px!important;border-radius:9px!important}
.k-catalog-card__footer{padding:0 11px 11px!important;gap:7px!important}
.k-catalog-card__footer button,.k-catalog-card__footer a{min-height:35px!important;font-size:11px!important;border-radius:10px!important}

/* R117 — parts promotions and client marketplace */
.k-parts-promotions{margin:0 0 22px}.k-client-parts-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 22px}.k-client-parts-entry__card{appearance:none;border:1px solid rgba(15,23,42,.09);border-radius:22px;background:#fff;padding:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;text-align:left;cursor:pointer;box-shadow:0 9px 26px rgba(15,23,42,.055);transition:.18s ease}.k-client-parts-entry__card:hover{transform:translateY(-2px);border-color:rgba(255,107,0,.3);box-shadow:0 15px 34px rgba(15,23,42,.09)}.k-client-parts-entry__icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:17px}.k-client-parts-entry__card--used .k-client-parts-entry__icon{background:#fff2e8;color:#d85b00}.k-client-parts-entry__card--shop .k-client-parts-entry__icon{background:#eefbf4;color:#16834a}.k-client-parts-entry__card b,.k-client-parts-entry__card small{display:block}.k-client-parts-entry__card b{font-size:18px;color:#0f172a;margin-bottom:5px}.k-client-parts-entry__card small{color:#64748b;line-height:1.4}.k-client-parts-entry__card i{font-style:normal;color:#d85b00;font-weight:800;font-size:13px}.k-client-market-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:18px 0}.k-client-market-head span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#f97316}.k-client-market-head h2{margin:6px 0;font-size:clamp(26px,4vw,40px)}.k-client-market-head p{margin:0;color:#64748b;max-width:720px}.k-client-parts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.k-client-part-card{background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:20px;overflow:hidden}.k-client-part-card__media{aspect-ratio:16/10;background:#f8fafc;display:grid;place-items:center;color:#f97316;font-size:26px;font-weight:900}.k-client-part-card__media img{width:100%;height:100%;object-fit:cover}.k-client-part-card__body{padding:15px}.k-client-part-card__body small{color:#f97316;font-weight:800}.k-client-part-card__body h3{margin:6px 0;font-size:17px}.k-client-part-card__body p{margin:0 0 14px;color:#64748b;font-size:13px;line-height:1.45}.k-client-part-card__body>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.k-client-part-card__body span{font-size:12px;color:#64748b}.k-client-part-dialog{width:min(680px,calc(100% - 24px));border:0;border-radius:24px;padding:0}.k-client-part-dialog::backdrop{background:rgba(15,23,42,.62)}.k-client-part-dialog form{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.k-client-part-dialog label{display:grid;gap:7px;font-weight:750}.k-client-part-dialog input,.k-client-part-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #dbe1e8;border-radius:13px;padding:12px;font:inherit}.k-client-part-dialog__wide,.k-client-part-dialog .k-shop-cart-head{grid-column:1/-1}
@media(max-width:900px){.k-client-parts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.k-client-parts-entry{grid-template-columns:1fr;gap:10px}.k-client-parts-entry__card{padding:15px;grid-template-columns:auto minmax(0,1fr)}.k-client-parts-entry__card i{display:none}.k-client-parts-entry__card b{font-size:16px}.k-client-parts-entry__card small{font-size:12px}.k-client-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.k-client-market-head{align-items:flex-start;flex-direction:column}.k-client-part-dialog form{grid-template-columns:1fr}.k-client-part-dialog label,.k-client-part-dialog__wide,.k-client-part-dialog .k-shop-cart-head{grid-column:1}.k-parts-promotions{margin-top:0}}@media(max-width:360px){.k-client-parts-grid{grid-template-columns:1fr}}

/* R122 — product preview sliders on #/parts */
.k-parts-product-slider-section{margin-top:28px;overflow:hidden}.k-parts-product-slider-section+.k-parts-product-slider-section{margin-top:34px}.k-parts-product-slider-section .k-card-preview-head{align-items:flex-end}.k-parts-product-slider-section .k-card-preview-head>div:first-child{min-width:0}.k-parts-product-slider-section .k-card-preview-head span{display:block;margin-bottom:6px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#f97316}.k-parts-product-slider-section .k-card-preview-head p{margin:6px 0 0;color:#64748b;line-height:1.45}.k-parts-product-slider{overflow:visible;padding:2px 2px 34px}.k-parts-product-slider .swiper-slide{height:auto}.k-parts-product-slider .k-catalog-card{height:100%}.k-parts-slider-controls{display:flex;gap:8px;flex:0 0 auto}.k-parts-slider-button{width:42px;height:42px;border:1px solid rgba(15,23,42,.1);border-radius:14px;background:#fff;color:#0f172a;font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 18px rgba(15,23,42,.06)}.k-parts-slider-button:hover{border-color:rgba(255,107,0,.32);color:#e85f00}.k-parts-slider-button.swiper-button-disabled{opacity:.35;cursor:default}.k-parts-product-slider .swiper-pagination{bottom:3px}.k-parts-product-slider .swiper-pagination-bullet-active{background:#ff6b00}
@media(max-width:700px){.k-parts-product-slider-section{margin-top:22px}.k-parts-product-slider-section+.k-parts-product-slider-section{margin-top:28px}.k-parts-product-slider-section .k-card-preview-head{align-items:flex-start}.k-parts-slider-controls{display:none}.k-parts-product-slider{padding-bottom:30px}.k-parts-product-slider-section .k-card-preview-head p{font-size:13px}}

/* R138: Б/У-маркет — три входа, устойчивые действия и формы. */
.k-client-parts-entry{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-client-part-card__actions{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;flex-wrap:wrap!important}
.k-client-part-card__actions button{flex:1 1 110px}
.k-client-part-dialog select{width:100%;box-sizing:border-box;border:1px solid #dbe1e8;border-radius:13px;padding:12px;font:inherit;background:#fff}
.k-client-market-result .is-error{color:#b91c1c;display:inline!important}
@media(max-width:900px){.k-client-parts-entry{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.k-client-parts-entry{grid-template-columns:1fr}.k-client-part-card__actions button{flex-basis:100%}}


/* ===== SOURCE: css/next/social_cards.css ===== */
/* R177 — unified social cards */
:root{--k-social-card-radius:22px;--k-social-line:#e8edf3;--k-social-muted:#667085;--k-social-ink:#111827}
.k-social-card-v2,.k-social-card-v2 *{box-sizing:border-box;min-width:0}
.k-social-card-v2{display:flex;flex-direction:column;width:100%;max-width:100%;overflow:hidden;border:1px solid var(--k-social-line);border-radius:var(--k-social-card-radius);background:#fff;box-shadow:0 8px 30px rgba(15,23,42,.06);color:var(--k-social-ink)}
.k-social-card-v2__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 15px}
.k-social-card-v2__avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:linear-gradient(135deg,#ff6b00,#ff9a3d);color:#fff;font-size:13px;font-weight:900;letter-spacing:.02em}
.k-social-card-v2__identity{display:flex;flex-direction:column;overflow:hidden}
.k-social-card-v2__identity b,.k-social-card-v2__identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-social-card-v2__identity b{font-size:14px;line-height:1.2}.k-social-card-v2__identity small{margin-top:3px;color:var(--k-social-muted);font-size:11px}
.k-social-card-v2__more{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#667085;font:900 14px/1 inherit;letter-spacing:1px;cursor:pointer}.k-social-card-v2__more:hover{background:#f2f4f7}
.k-social-card-v2__media{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f2f4f7;text-decoration:none}
.k-social-card-v2__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.k-social-card-v2:hover .k-social-card-v2__media img{transform:scale(1.018)}
.k-social-card-v2__media.is-placeholder{display:grid;place-items:center}.k-social-card-v2__placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#fff7ed,#f2f4f7);color:#ff6b00}.k-social-card-v2__placeholder span{font-size:42px;font-weight:950}.k-social-card-v2__placeholder small{color:#98a2b3;font-size:10px;letter-spacing:.14em}
.k-social-card-v2__body{display:flex;flex:1;flex-direction:column;padding:14px 15px 12px}.k-social-card-v2__eyebrow{color:#ea580c;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.k-social-card-v2__body h3{margin:6px 0 0;font-size:17px;line-height:1.22;letter-spacing:-.025em;overflow-wrap:anywhere}.k-social-card-v2__body h3 a{color:inherit;text-decoration:none}.k-social-card-v2__body p{display:-webkit-box;margin:8px 0 0;overflow:hidden;color:var(--k-social-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.k-social-card-v2__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;color:#98a2b3;font-size:10px}.k-social-card-v2__meta b{overflow:hidden;color:#344054;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.k-social-card-v2__meta span{white-space:nowrap}
.k-social-card-v2__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--k-social-line)}.k-social-card-v2__actions button,.k-social-card-v2__actions a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:43px;padding:6px;border:0;border-right:1px solid var(--k-social-line);background:#fff;color:#475467;text-decoration:none;font:inherit;cursor:pointer}.k-social-card-v2__actions>*:last-child{border-right:0}.k-social-card-v2__actions button:hover,.k-social-card-v2__actions a:hover{background:#f9fafb;color:#ea580c}.k-social-card-v2__actions span{font-size:17px;line-height:1}.k-social-card-v2__actions small{max-width:100%;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
/* Home feed becomes a real responsive social grid. */
.k-home-content-slider .k-home-data-swiper:not(.swiper-initialized){overflow:visible}.k-home-content-slider .k-home-data-swiper:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;transform:none!important}.k-home-content-slider .k-home-data-swiper:not(.swiper-initialized) .swiper-slide{width:auto!important;margin:0!important}.k-home-content-slider .k-social-card-v2{height:100%}
/* Global overflow guard for card-based pages. */
.k-page :where(article,section,header,footer,div,nav,aside){max-width:100%}.k-page :where(h1,h2,h3,h4,p,a,button,span,b,small){overflow-wrap:anywhere}.k-page img,.k-page video,.k-page iframe{max-width:100%}
@media(max-width:900px){.k-home-content-slider .k-home-data-swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){:root{--k-social-card-radius:18px}.k-home-content-slider .k-home-data-swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:1fr}.k-social-card-v2__header{padding:12px}.k-social-card-v2__body{padding:13px 12px 11px}.k-social-card-v2__actions small{display:none}.k-social-card-v2__actions button,.k-social-card-v2__actions a{min-height:45px}.k-social-card-v2__meta{align-items:flex-start;flex-direction:column;gap:4px}}


/* ===== SOURCE: css/next/identity_migration.css ===== */
.k-migration{max-width:1440px;margin:auto;padding:24px}.k-migration__hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.k-migration__hero h1{margin:.3rem 0}.k-migration__kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.k-migration__kpis article,.k-migration__actions,.k-migration__conflict,.k-migration__run{background:var(--k-surface,#fff);border:1px solid var(--k-border,#dde3ea);border-radius:16px;padding:14px;min-width:0}.k-migration__kpis b{display:block;font-size:1.5rem}.k-migration__kpis span,.k-migration__run span,.k-migration__run small{display:block;overflow-wrap:anywhere}.k-migration__actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.k-migration__actions label{display:grid;gap:5px}.k-migration__actions input{max-width:140px}.k-migration__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:20px}.k-migration__conflict,.k-migration__run{margin-bottom:10px}.k-migration__conflict header{display:flex;justify-content:space-between}.k-migration__conflict div{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.k-migration__conflict button{border:1px solid var(--k-border,#ccd5df);background:transparent;border-radius:9px;padding:6px 9px}.k-migration__message{position:sticky;bottom:80px;margin-top:12px}@media(max-width:800px){.k-migration{padding:16px}.k-migration__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.k-migration__grid{grid-template-columns:1fr}.k-migration__hero{display:block}}
/* Stage 14B stability and accessibility hardening. */
.k-migration{width:min(100%,1440px);min-width:0;overflow-x:clip}
.k-migration__hero>*,.k-migration__grid>*,.k-migration__actions>*{min-width:0}
.k-migration__hero p{max-width:72ch;color:var(--k-muted,#64748b)}
.k-migration__actions label{flex:1 1 150px;min-width:130px}
.k-migration__actions input{width:100%;max-width:none;min-height:42px}
.k-migration__actions .k-btn{min-height:42px;white-space:nowrap}
.k-migration__conflict header{gap:12px;align-items:flex-start}
.k-migration__conflict header i{flex:0 0 auto}
.k-migration__conflict p,.k-migration__run span{margin:.55rem 0}
.k-migration__message:not(:empty){z-index:5;padding:12px 14px;border:1px solid var(--k-border,#dde3ea);border-radius:12px;background:var(--k-surface,#fff);box-shadow:0 12px 32px rgba(15,23,42,.12)}
.k-migration [aria-busy="true"]{opacity:.65;pointer-events:none}
@media(max-width:560px){
 .k-migration{padding:12px}
 .k-migration__kpis{grid-template-columns:1fr 1fr;gap:8px}
 .k-migration__kpis article{padding:12px}
 .k-migration__actions{align-items:stretch}
 .k-migration__actions label,.k-migration__actions .k-btn{flex:1 1 100%;width:100%}
 .k-migration__conflict header{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .k-migration__conflict div{display:grid;grid-template-columns:1fr 1fr}
 .k-migration__conflict button{width:100%}
}


/* ===== SOURCE: css/next/realtime.css ===== */
:root[data-realtime="live"] .k-realtime-indicator{--rt:#21a366}
:root[data-realtime="connecting"] .k-realtime-indicator,:root[data-realtime="reconnecting"] .k-realtime-indicator{--rt:#d99a00}
:root[data-realtime="polling"] .k-realtime-indicator{--rt:#3478f6}
:root[data-realtime="offline"] .k-realtime-indicator{--rt:#c63838}
.k-realtime-indicator{--rt:#8a94a6;position:fixed;right:14px;bottom:78px;z-index:45;width:10px;height:10px;border-radius:50%;background:var(--rt);box-shadow:0 0 0 4px color-mix(in srgb,var(--rt) 18%,transparent);pointer-events:none}
@media(min-width:900px){.k-realtime-indicator{bottom:18px}}


/* ===== SOURCE: css/next/unified_hero.css ===== */
/* R73.2 — единая шапка страниц. Эталон: прежний .k-work-feed-hero. */
.k-page-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(18px, 3vw, 32px);
  width: 100%;
  min-height: 220px;
  padding: clamp(24px, 4vw, 36px);
  overflow: hidden;
  border: 0;
  border-radius: 28px;
  background: linear-gradient(135deg, #111 0%, #242424 66%, #ff6b00 180%);
  color: #fff;
  box-shadow: 0 18px 48px rgba(17, 17, 17, .14);
}
.k-page-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -90px;
  bottom: -125px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(255, 107, 0, .18);
  filter: blur(2px);
}
.k-page-hero > div:first-child,
.k-page-hero > .k-primary-panel {
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
}
.k-page-hero > div:first-child > span:first-child:not(.k-vehicle-photo) {
  color: #ff9a52;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.k-page-hero h1,
.k-page-hero .k-title,
.k-page-hero .k-seller-title {
  max-width: 880px;
  margin: .35rem 0 .55rem;
  color: #fff;
  font-size: clamp(30px, 4.4vw, 52px);
  font-weight: 820;
  line-height: 1.04;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.k-page-hero p,
.k-page-hero .k-subtitle {
  max-width: 720px;
  margin: 0;
  color: rgba(255, 255, 255, .74);
  font-size: clamp(14px, 1.55vw, 17px);
  line-height: 1.55;
}
.k-page-hero > .k-btn,
.k-page-hero > button,
.k-page-hero .k-seller-hero-actions,
.k-page-hero .k-detail-actions {
  align-self: end;
}
.k-page-hero .k-btn-primary,
.k-page-hero > .k-btn-primary,
.k-page-hero > button:not(.k-icon-button) {
  border-color: #ff6b00;
  background: #ff6b00;
  color: #fff;
  box-shadow: 0 10px 28px rgba(255, 107, 0, .28);
}
.k-page-hero .k-btn-secondary,
.k-page-hero .k-btn-ghost {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .08);
  color: #fff;
}
.k-page-hero .k-btn:hover,
.k-page-hero > button:hover {
  transform: translateY(-1px);
}
/* Контекстная панель больше не формирует вторую конкурирующую шапку. */
.k-page-hero.k-hero > .k-context-panel {
  display: none;
}
/* Уникальные вторичные элементы сохраняются, но подчиняются общей геометрии. */
.k-page-hero .k-news-hero-mark,
.k-page-hero .k-master-shift-state,
.k-page-hero .k-vehicle-health,
.k-page-hero .k-role-hero-icon {
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .08);
  color: #fff;
  box-shadow: none;
  backdrop-filter: blur(10px);
}
.k-page-hero .k-news-hero-mark span,
.k-page-hero .k-master-shift-state span,
.k-page-hero .k-master-shift-state small,
.k-page-hero .k-vehicle-health small,
.k-page-hero .k-vehicle-health span {
  color: rgba(255, 255, 255, .68);
}
.k-page-hero.k-vehicle-hero {
  grid-template-columns: 118px minmax(0, 1fr) auto;
}
.k-page-hero .k-vehicle-photo {
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .08);
}
.k-page-hero .k-vehicle-intro > a,
.k-page-hero .k-vehicle-intro > span,
.k-page-hero .k-vehicle-tags span {
  color: rgba(255,255,255,.78);
}
.k-page-hero .k-vehicle-tags span {
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
}
/* Главная использует ту же поверхность, но сохраняет компактную подачу. */
.k-page-hero.k-home-simple-hero {
  grid-template-columns: 1fr;
  align-items: center;
  max-width: none;
  min-height: 210px;
  margin: 0;
  text-align: left;
}
.k-page-hero.k-home-simple-hero h1,
.k-page-hero.k-home-simple-hero p {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 760px) {
  .k-page-hero,
  .k-page-hero.k-vehicle-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 22px;
    border-radius: 22px;
  }
  .k-page-hero h1,
  .k-page-hero .k-title,
  .k-page-hero .k-seller-title {
    font-size: clamp(28px, 9vw, 38px);
  }
  .k-page-hero > .k-btn,
  .k-page-hero > button,
  .k-page-hero .k-seller-hero-actions {
    width: 100%;
  }
  .k-page-hero .k-seller-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .k-page-hero .k-seller-hero-actions .k-btn,
  .k-page-hero > .k-btn,
  .k-page-hero > button {
    justify-content: center;
  }
  .k-page-hero .k-news-hero-mark,
  .k-page-hero .k-role-hero-icon {
    display: none;
  }
  .k-page-hero .k-master-shift-state,
  .k-page-hero .k-vehicle-health {
    width: 100%;
  }
}


/* R73.3 — весь текст внутренних hero центрирован. Главная сохраняет собственную композицию. */
.k-page-hero:not(.k-home-simple-hero) {
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  text-align: center;
}
.k-page-hero:not(.k-home-simple-hero) > div:first-child,
.k-page-hero:not(.k-home-simple-hero) > .k-primary-panel,
.k-page-hero:not(.k-home-simple-hero) .k-vehicle-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100%, 820px);
  margin-inline: auto;
  text-align: center;
}
.k-page-hero:not(.k-home-simple-hero) h1,
.k-page-hero:not(.k-home-simple-hero) .k-title,
.k-page-hero:not(.k-home-simple-hero) .k-seller-title,
.k-page-hero:not(.k-home-simple-hero) p,
.k-page-hero:not(.k-home-simple-hero) .k-subtitle {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.k-page-hero:not(.k-home-simple-hero) > .k-btn,
.k-page-hero:not(.k-home-simple-hero) > button,
.k-page-hero:not(.k-home-simple-hero) .k-seller-hero-actions,
.k-page-hero:not(.k-home-simple-hero) .k-detail-actions {
  align-self: center;
  justify-self: center;
  justify-content: center;
}
.k-page-hero:not(.k-home-simple-hero) .k-news-hero-mark,
.k-page-hero:not(.k-home-simple-hero) .k-master-shift-state,
.k-page-hero:not(.k-home-simple-hero) .k-vehicle-health,
.k-page-hero:not(.k-home-simple-hero) .k-role-hero-icon,
.k-page-hero:not(.k-home-simple-hero) .k-vehicle-photo {
  justify-self: center;
}
.k-page-hero.k-vehicle-hero:not(.k-home-simple-hero) {
  grid-template-columns: minmax(0, 1fr);
}

/* r77u: avoid mobile GPU blur-layer corruption */
@media (max-width:900px){
  .k-page-hero::after{filter:none}
  .k-page-hero .k-news-hero-mark,.k-page-hero .k-master-shift-state,.k-page-hero .k-vehicle-health,.k-page-hero .k-role-hero-icon{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* r89: hide selected decorative page heroes on mobile layouts */
@media (max-width: 760px) {
  .k-page-hero.k-hero,
  .k-page-hero.k-shop-hero,
  .k-page-hero.k-masters-hero {
    display: none !important;
  }
}


/* ===== SOURCE: css/next/mobile_back.css ===== */
/* R74q — mobile quick action stack: back above chat. */
.k-mobile-fab-stack,
.k-mobile-fab { display: none; }

@media (max-width: 900px) {
  .k-mobile-fab-stack {
    position: fixed;
    right: 14px;
    bottom: calc(var(--k-mobile-nav-h, 72px) + 20px);
    z-index: 72;
    display: grid;
    gap: 10px;
    justify-items: end;
    pointer-events: none;
  }
  .k-mobile-fab-stack[hidden] { display: none !important; }

  .k-mobile-fab {
    position: relative;
    width: 48px;
    height: 48px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(17, 24, 39, .12);
    border-radius: 17px;
    background: rgba(255, 255, 255, .97);
    color: #111827;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .18);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    cursor: pointer;
    pointer-events: auto;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  }
  .k-mobile-fab:not([hidden]) { display: grid; }
  .k-mobile-fab svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .k-mobile-fab:active { transform: scale(.96); }
  .k-mobile-fab:focus-visible { outline: 3px solid rgba(255,107,0,.28); outline-offset: 3px; }

  .k-mobile-back {
    margin-bottom: 2px;
  }
  .k-mobile-chat {
    background: #111827;
    color: #fff;
    border-color: rgba(255,255,255,.08);
  }
  .k-mobile-chat[aria-current="page"] {
    background: #ff6b00;
  }
  .k-mobile-chat-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: grid;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ff3b30;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
  }
  .k-mobile-chat-badge[hidden] { display: none !important; }

  body.onboarding-active .k-mobile-fab-stack,
  body.is-onboarding .k-mobile-fab-stack { display: none !important; }
}

@media (max-width: 380px) {
  .k-mobile-fab-stack {
    right: 10px;
    bottom: calc(var(--k-mobile-nav-h, 72px) + 16px);
    gap: 8px;
  }
  .k-mobile-fab {
    width: 44px;
    height: 44px;
    border-radius: 15px;
  }
}

/* R77ah — three isolated mobile quick actions: back, chats, orders. */
@media (max-width: 900px) {
  .k-mobile-fab-stack {
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(var(--k-mobile-nav-h, 72px) + env(safe-area-inset-bottom) + 24px);
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    align-content: end;
    gap: 10px;
  }

  .k-mobile-fab {
    flex: 0 0 auto;
    overflow: visible;
  }

  .k-mobile-chat,
  .k-mobile-orders {
    background: #111827 !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.12) !important;
  }

  .k-mobile-chat svg,
  .k-mobile-orders svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    stroke: currentColor !important;
    fill: none !important;
  }

  .k-mobile-chat[aria-current="page"],
  .k-mobile-orders[aria-current="page"] {
    background: #ff6b00 !important;
    color: #fff !important;
  }

  .k-mobile-orders-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: grid;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ff6b00;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
  }
  .k-mobile-orders-badge[hidden] { display: none !important; }

  /* Reserve only vertical safety around the nav; the buttons never overlap one another or the bottom bar. */
  .k-page-outlet {
    padding-bottom: calc(var(--k-mobile-nav-h, 72px) + env(safe-area-inset-bottom) + 34px);
  }
}

@media (max-width: 380px) {
  .k-mobile-fab-stack {
    right: max(8px, env(safe-area-inset-right));
    bottom: calc(var(--k-mobile-nav-h, 72px) + env(safe-area-inset-bottom) + 18px);
    gap: 8px;
  }
}


/* ===== SOURCE: css/next/mobile_filters.css ===== */
/* R96 — consolidated mobile controls. Custom sheets only; no native dialog rules. */
.k-mobile-filter-stack,
.k-mobile-quick-actions,
.k-mobile-filter-modal,
.k-mobile-filter-search-card{display:none}

@media (max-width:900px){
  body.k-mobile-filters-active .k-page-outlet .k-masters-toolbar,
  body.k-mobile-filters-active .k-page-outlet .k-catalog-toolbar,
  body.k-mobile-filters-active .k-page-outlet .k-orders-toolbar-v2,
  body.k-mobile-filters-active .k-page-outlet .k-exchange-toolbar{display:none!important}

  .k-mobile-filter-stack{
    position:fixed;
    left:max(10px,env(safe-area-inset-left));
    bottom:calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom) + 24px);
    z-index:88;
    display:grid;
    gap:10px;
    pointer-events:none;
  }
  .k-mobile-filter-stack[hidden]{display:none!important}
  body.onboarding-active .k-mobile-filter-stack,
  body.is-onboarding .k-mobile-filter-stack{display:none!important}

  .k-mobile-quick-actions{
    position:fixed;
    left:max(10px,env(safe-area-inset-left));
    bottom:calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom) + 24px + var(--k-mobile-filter-stack-height,0px) + var(--k-mobile-filter-stack-gap,0px));
    z-index:87;
    display:grid;
    gap:10px;
    pointer-events:none;
    transition:bottom .18s ease;
  }
  .k-mobile-quick-actions[hidden],
  body.onboarding-active .k-mobile-quick-actions,
  body.is-onboarding .k-mobile-quick-actions{display:none!important}
  .k-mobile-quick-action{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    padding:0;
    border:1px solid rgba(17,24,39,.12);
    border-radius:17px;
    background:rgba(255,255,255,.98);
    color:#ff6b00;
    box-shadow:0 12px 30px rgba(15,23,42,.16);
    text-decoration:none;
    pointer-events:auto;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
  }
  .k-mobile-quick-action:hover{border-color:rgba(255,107,0,.34);background:#fff7f0;box-shadow:0 12px 30px rgba(255,107,0,.16)}
  .k-mobile-quick-action:active{transform:scale(.96)}
  .k-mobile-quick-action:focus-visible{outline:3px solid rgba(255,107,0,.28);outline-offset:2px}
  .k-mobile-quick-action>span:first-child{display:grid;place-items:center;width:25px;height:25px}
  .k-mobile-quick-action svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

  .k-mobile-filter-button{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    padding:0;
    border:1px solid rgba(17,24,39,.12);
    border-radius:17px;
    background:rgba(255,255,255,.98);
    color:#111827;
    box-shadow:0 12px 30px rgba(15,23,42,.16);
    cursor:pointer;
    pointer-events:auto;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
  }
  .k-mobile-filter-button:hover,
  .k-mobile-filter-button[aria-expanded="true"]{
    border-color:rgba(255,107,0,.34);
    background:#fff7f0;
    box-shadow:0 12px 30px rgba(255,107,0,.16);
  }
  .k-mobile-filter-button:active{transform:scale(.96)}
  .k-mobile-filter-button:focus-visible{outline:3px solid rgba(255,107,0,.28);outline-offset:2px}
  .k-mobile-filter-icon{display:grid;place-items:center;width:24px;height:24px;color:#ff6b00;pointer-events:none}
  .k-mobile-filter-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .k-mobile-filter-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

  .k-mobile-filter-search-card{
    position:fixed;
    left:max(68px,calc(env(safe-area-inset-left) + 68px));
    right:12px;
    bottom:calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom) + 24px);
    z-index:89;
    display:block;
    padding:8px;
    border:1px solid rgba(15,23,42,.12);
    border-radius:20px;
    background:rgba(255,255,255,.98);
    box-shadow:0 16px 42px rgba(15,23,42,.2);
    backdrop-filter:blur(14px);
  }
  .k-mobile-filter-search-card[hidden]{display:none!important}
  .k-mobile-filter-search-card__field{
    display:grid;
    grid-template-columns:26px minmax(0,1fr) 38px;
    align-items:center;
    gap:8px;
    min-height:50px;
    padding:0 6px 0 12px;
    border:1px solid rgba(15,23,42,.12);
    border-radius:15px;
    background:#f8fafc;
  }
  .k-mobile-filter-search-card__field:focus-within{border-color:#ff6b00;background:#fff;box-shadow:0 0 0 3px rgba(255,107,0,.12)}
  .k-mobile-filter-search-card__icon{display:grid;place-items:center;color:#ff6b00}
  .k-mobile-filter-search-card__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .k-mobile-filter-search-card input{width:100%;min-width:0;height:48px;padding:0;border:0;outline:0;background:transparent;color:#111827;font:inherit;font-size:16px}
  .k-mobile-filter-search-card__clear{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:12px;background:#eceff3;color:#475569;font-size:23px;line-height:1;cursor:pointer}
  .k-mobile-filter-search-card__clear[hidden]{display:none!important}

  .k-mobile-filter-modal{
    position:fixed;
    inset:0;
    z-index:120;
    display:grid;
    align-items:end;
    justify-items:center;
    width:auto;
    max-width:none;
    height:auto;
    max-height:none;
    margin:0;
    padding:0 10px calc(8px + env(safe-area-inset-bottom));
    border:0;
    border-radius:0;
    background:transparent;
    color:#111827;
    box-shadow:none;
    pointer-events:none;
    visibility:visible;
    opacity:1;
  }
  .k-mobile-filter-modal[hidden],
  .k-mobile-filter-modal[aria-hidden="true"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  .k-mobile-filter-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.38);opacity:0;transition:opacity .18s ease;pointer-events:auto}
  .k-mobile-filter-modal__sheet{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
    width:min(480px,100%);
    max-height:60dvh;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.08);
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 54px rgba(15,23,42,.28);
    transform:translateY(calc(100% + 24px));
    transition:transform .2s cubic-bezier(.2,.8,.2,1);
    pointer-events:auto;
    touch-action:pan-y;
  }
  .k-mobile-filter-modal.is-open .k-mobile-filter-modal__backdrop{opacity:1}
  .k-mobile-filter-modal.is-open .k-mobile-filter-modal__sheet{transform:translateY(0)}
  .k-mobile-filter-modal__grabber{width:38px;height:5px;margin:9px auto 2px;border-radius:999px;background:rgba(100,116,139,.32)}
  .k-mobile-filter-modal header{display:block;padding:8px 16px 12px;border-bottom:1px solid rgba(15,23,42,.07)}
  .k-mobile-filter-modal header h2{margin:0;text-align:center;font-size:18px;line-height:1.2}
  .k-mobile-filter-modal header small,
  .k-mobile-filter-modal header button{display:none!important}
  .k-mobile-filter-modal__body{min-height:0;max-height:calc(60dvh - 58px);padding:10px 12px 12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .k-mobile-filter-modal footer{display:none!important}
  .k-mobile-filter-options{display:grid;gap:6px}
  .k-mobile-filter-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:10px 13px;border:1px solid rgba(15,23,42,.1);border-radius:14px;background:#fff;color:#111827;text-align:left;font:inherit;font-weight:750;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .k-mobile-filter-option:active{background:#f8fafc;transform:scale(.99)}
  .k-mobile-filter-option b{display:none;color:#ff6b00;font-size:18px}
  .k-mobile-filter-option.is-active{border-color:rgba(255,107,0,.42);background:rgba(255,107,0,.07);color:#9a3d00}
  .k-mobile-filter-option.is-active b{display:block}
  .k-mobile-filter-empty{margin:12px 2px;color:#64748b;font-size:14px;line-height:1.5}
  body.k-mobile-filter-modal-open{overflow:hidden;touch-action:none}
}

@media (max-width:380px){
  .k-mobile-filter-stack{left:max(8px,env(safe-area-inset-left));bottom:calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom) + 18px);gap:8px}
  .k-mobile-quick-actions{left:max(8px,env(safe-area-inset-left));bottom:calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom) + 18px + var(--k-mobile-filter-stack-height,0px) + var(--k-mobile-filter-stack-gap,0px));gap:8px}
  .k-mobile-quick-action{width:44px;height:44px;border-radius:15px}
  .k-mobile-filter-button{width:44px;height:44px;border-radius:15px}
  .k-mobile-filter-search-card{left:max(60px,calc(env(safe-area-inset-left) + 60px));right:8px;bottom:calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom) + 18px);border-radius:17px}
}

@media (prefers-reduced-motion:reduce){
  .k-mobile-filter-button,
  .k-mobile-quick-action,
  .k-mobile-quick-actions,
  .k-mobile-filter-modal__backdrop,
  .k-mobile-filter-modal__sheet{transition:none!important}
}

/* 84.13 — temporarily hide the floating mobile quick-actions stack without removing its runtime. */
#k-mobile-quick-actions{display:none!important}


/* ===== SOURCE: css/next/toast.css ===== */
.k-toast-host{position:fixed;right:18px;top:18px;z-index:12000;display:grid;gap:10px;max-width:min(390px,calc(100vw - 28px))}.k-toast{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:16px;background:#111827;color:#fff;box-shadow:0 18px 55px rgba(15,23,42,.28);animation:kToastIn .2s ease}.k-toast--success{background:#0f766e}.k-toast--error{background:#991b1b}.k-toast button{border:0;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}.k-toast span{flex:1;line-height:1.4}.k-toast.is-leaving{opacity:0;transform:translateY(-6px);transition:.18s ease}@keyframes kToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:700px){.k-toast-host{top:auto;right:14px;left:14px;bottom:calc(82px + env(safe-area-inset-bottom));max-width:none}}


/* ===== SOURCE: css/onboarding_bundle.css ===== */
/* === onb2.css === */
/* ═══════════════════════════════════════════════════════════════════
   ONB2 — isolated onboarding module
   v20260422r21
═══════════════════════════════════════════════════════════════════ */
#onb2-overlay {
  position: fixed;
  inset: 0;
  z-index: 9850;
  background:
    radial-gradient(circle at top, rgba(255,107,0,.10), transparent 34%),
    linear-gradient(180deg, rgba(5,8,12,.92), rgba(5,8,12,.96));
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  display: block;
  opacity: 0;
  transition: opacity .24s ease;
  overflow: hidden;
}
#onb2-overlay.open { opacity: 1; }

.onb2-step {
  position: absolute;
  inset: 0;
  display: none;
  pointer-events: none;
}
.onb2-step.active {
  display: block;
  pointer-events: auto;
}

.onb2-modal {
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at top right, rgba(255,107,0,.10), transparent 28%),
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 96%, white 4%), color-mix(in srgb, var(--bg) 92%, #000 8%));
  display: flex;
  flex-direction: column;
  animation: onb2-fade-up .28s cubic-bezier(.16,1,.3,1) both;
}
@keyframes onb2-fade-up {
  from { transform: translateY(18px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.onb2-modal-head,
.onb2-modal-body,
.onb2-modal-foot {
  padding-left: clamp(16px, 3vw, 42px);
  padding-right: clamp(16px, 3vw, 42px);
}

.onb2-modal-head {
  padding-top: max(16px, env(safe-area-inset-top, 0px));
  padding-bottom: 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 78%, rgba(255,255,255,.08));
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
    radial-gradient(circle at top left, rgba(255,107,0,.16), transparent 40%);
}
.onb2-headbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.onb2-brandbox {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.onb2-brandmark {
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ui-radius-md,10px);
  background: rgba(255,107,0,.09);
  border: 1px solid rgba(255,107,0,.20);
  box-shadow: 0 12px 24px rgba(255,107,0,.10);
}
.onb2-brandcopy { min-width: 0; }
.onb2-brandtext {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  line-height: 1.05;
  font-weight: 700;
  color: var(--text1);
}
.onb2-brandsub {
  margin-top: 4px;
  font-size: 12px;
  color: var(--text3);
}
.onb2-close-btn {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: var(--ui-radius-md,10px);
  border: 1px solid var(--line);
  background: rgba(255,255,255,.03);
  color: var(--text2);
  font-size: 18px;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}
.onb2-close-btn:hover,
.onb2-close-btn:focus-visible {
  border-color: rgba(255,107,0,.30);
  color: var(--orange);
  background: rgba(255,107,0,.08);
  outline: none;
}
.onb2-modal-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,107,0,.10);
  border: 1px solid rgba(255,107,0,.20);
  color: var(--orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.onb2-modal-role-ico {
  font-size: 34px;
  line-height: 1;
  margin-top: 14px;
  margin-bottom: 10px;
}
.onb2-modal-title {
  margin-top: 4px;
  font-family: 'Oswald', sans-serif;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.08;
  font-weight: 700;
  color: var(--text1);
}
.onb2-modal-sub {
  margin-top: 8px;
  max-width: 760px;
  font-size: 14px;
  line-height: 1.65;
  color: var(--text2);
}
.onb2-modal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.onb2-meta-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,107,0,.10);
  border: 1px solid rgba(255,107,0,.20);
  font-size: 11px;
  font-weight: 800;
  color: var(--orange);
  letter-spacing: .03em;
}
.onb2-meta-pill--soft {
  background: rgba(255,255,255,.04);
  border-color: var(--line);
  color: var(--text2);
  font-weight: 700;
}
.onb2-stepdots {
  display: flex;
  gap: 6px;
  margin-top: 14px;
}
.onb2-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--line);
  transition: width .2s ease, background .2s ease;
}
.onb2-dot.act {
  width: 22px;
  background: var(--orange);
}

.onb2-modal-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-top: 18px;
  padding-bottom: 22px;
  -webkit-overflow-scrolling: touch;
}
.onb2-shell {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.onb2-shell--role { max-width: 1240px; }
.onb2-shell--split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
/* На мобиле скрываем preview-панель — только контент */
.onb2-shell--split [data-onb2-profile-preview] {
  display: none;
}
.onb2-city-stack { display: flex; flex-direction: column; gap: 16px; }

.onb2-modal-foot {
  padding-top: 14px;
  padding-bottom: calc(max(14px, env(safe-area-inset-bottom, 0px)));
  border-top: 1px solid color-mix(in srgb, var(--line) 78%, rgba(255,255,255,.08));
  background: linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.03));
}
.onb2-foot-shell {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  gap: 10px;
}
.onb2-back-btn,
.onb2-continue-btn,
.onb2-role-card,
.onb2-spec-card,
.onb2-slide-nav,
.onb2-city-slide,
.onb2-brand-slide,
.onb2-ip-confirm {
  -webkit-tap-highlight-color: transparent;
}
.onb2-back-btn {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: var(--ui-radius-md,10px);
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text2);
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.onb2-continue-btn {
  flex: 1;
  min-height: 50px;
  border: none;
  border-radius: var(--ui-radius-md,10px);
  background: linear-gradient(180deg, color-mix(in srgb, var(--orange) 92%, white 8%), var(--orange));
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(255,107,0,.18);
}
.onb2-continue-btn:active,
.onb2-back-btn:active { transform: translateY(1px); }

.onb2-profile-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  border-radius: var(--ui-radius-lg,18px);
  border: 1px solid color-mix(in srgb, var(--line) 82%, rgba(255,255,255,.08));
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    radial-gradient(circle at top right, rgba(255,107,0,.10), transparent 34%),
    var(--bg2);
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}
.onb2-profile-top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.onb2-profile-mark {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ui-radius-md,10px);
  background: rgba(255,107,0,.10);
  border: 1px solid rgba(255,107,0,.18);
  font-size: 26px;
}
.onb2-profile-copy { min-width: 0; }
.onb2-profile-eyebrow {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--orange);
}
.onb2-profile-title {
  margin-top: 4px;
  font-family: 'Oswald', sans-serif;
  font-size: 22px;
  line-height: 1.1;
  color: var(--text1);
}
.onb2-profile-sub {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--text2);
}
.onb2-profile-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.onb2-profile-metric {
  min-width: 0;
  padding: 12px 12px 11px;
  border-radius: var(--ui-radius-md,10px);
  background: rgba(255,255,255,.03);
  border: 1px solid var(--line);
}
.onb2-profile-metric span {
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text3);
}
.onb2-profile-metric strong {
  display: block;
  margin-top: 7px;
  font-size: 14px;
  line-height: 1.3;
  color: var(--text1);
}
.onb2-profile-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.onb2-profile-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255,107,0,.10);
  border: 1px solid rgba(255,107,0,.18);
  color: var(--text1);
  font-size: 11px;
  font-weight: 700;
}
.onb2-profile-chip--soft {
  background: rgba(255,255,255,.04);
  border-color: var(--line);
}
.onb2-profile-chip--ghost {
  background: transparent;
  border-style: dashed;
  border-color: rgba(255,255,255,.14);
  color: var(--text3);
}
.onb2-profile-note {
  font-size: 12px;
  line-height: 1.6;
  color: var(--text2);
}

.onb2-roles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.onb2-role-card {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 16px 15px;
  border-radius: var(--ui-radius-lg,18px);
  border: 1.5px solid color-mix(in srgb, var(--line) 84%, rgba(255,255,255,.06));
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg2) 94%, white 6%), var(--bg2));
  box-shadow: 0 12px 26px rgba(0,0,0,.09);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.onb2-role-card:focus-visible,
.onb2-role-card.is-selected {
  outline: none;
  border-color: var(--orange);
  background: linear-gradient(180deg, rgba(255,107,0,.10), rgba(255,107,0,.04));
  box-shadow: 0 18px 34px rgba(255,107,0,.13);
}
.onb2-role-top {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.onb2-role-ico-wrap {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: var(--ui-radius-md,10px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,107,0,.08);
  border: 1px solid rgba(255,107,0,.18);
}
.onb2-role-ico {
  font-size: 27px;
  line-height: 1;
}
.onb2-role-main {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.onb2-role-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
.onb2-role-name {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 700;
  color: var(--text1);
}
.onb2-role-arrow {
  flex-shrink: 0;
  font-size: 18px;
  color: var(--text3);
}
.onb2-role-card.is-selected .onb2-role-arrow,
.onb2-role-card.onb2-role--featured .onb2-role-arrow,
.onb2-role-card.onb2-role--featured .onb2-role-name {
  color: var(--orange);
}
.onb2-role-desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--text2);
}
.onb2-role-features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.onb2-role-feat {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--surface-a);
  border: 1px solid var(--line);
  font-size: 11px;
  font-weight: 700;
  color: var(--text2);
  white-space: nowrap;
}
.onb2-role-card.onb2-role--featured {
  border-color: rgba(255,107,0,.28);
}
.onb2-role-badge {
  position: absolute;
  top: -1px;
  right: 14px;
  padding: 2px 8px;
  border-radius: 0 0 var(--ui-radius-sm,5px) var(--ui-radius-sm,5px);
  background: var(--orange);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.onb2-desc-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.onb2-desc-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 15px 16px;
  border-radius: var(--ui-radius-lg,18px);
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg2) 95%, white 5%), var(--bg2));
  border: 1px solid var(--line);
}
.onb2-desc-item-ico {
  font-size: 22px;
  line-height: 1;
  margin-top: 2px;
}
.onb2-desc-item-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--text1);
  margin-bottom: 3px;
}
.onb2-desc-item-sub {
  font-size: 12px;
  line-height: 1.65;
  color: var(--text2);
}

.onb2-step-note {
  margin-top: 12px;
  text-align: center;
  font-size: 12px;
  color: var(--text3);
}
.onb2-spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.onb2-spec-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 118px;
  padding: 14px 12px 12px;
  border-radius: var(--ui-radius-lg,18px);
  border: 1.5px solid var(--line);
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg2) 95%, white 5%), var(--bg2));
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  color: inherit;
  font: inherit;
  text-align: center;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.onb2-spec-card.is-selected {
  border-color: var(--orange);
  background: rgba(255,107,0,.08);
  box-shadow: 0 14px 26px rgba(255,107,0,.12);
}
.onb2-spec-check {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: transparent;
  color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  pointer-events: none;
}
.onb2-spec-card.is-selected .onb2-spec-check {
  background: var(--orange);
  border-color: var(--orange);
  color: #fff;
}
.onb2-spec-ico {
  font-size: 26px;
  line-height: 1;
}
.onb2-spec-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.onb2-spec-name {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text1);
}
.onb2-spec-sub {
  font-size: 11px;
  line-height: 1.42;
  color: var(--text2);
}
.onb2-spec-card.is-selected .onb2-spec-name { color: var(--orange); }
.onb2-spec--evac {
  grid-column: 1 / -1;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  text-align: left;
  padding: 14px 16px 44px;
  border-color: rgba(239,68,68,.3);
  background: rgba(239,68,68,.06);
}
.onb2-spec--evac .onb2-spec-body { align-items: flex-start; }
.onb2-spec--evac .onb2-spec-name { font-size: 14px; color: #ef4444; }
.onb2-spec--evac .onb2-spec-ico { font-size: 28px; flex-shrink: 0; }
.onb2-spec-evac-badge {
  position: absolute;
  right: 14px;
  bottom: 12px;
  padding: 2px 8px;
  border-radius: 99px;
  background: rgba(239,68,68,.15);
  color: #ef4444;
  border: 1px solid rgba(239,68,68,.25);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.onb2-spec--evac.is-selected {
  border-color: #ef4444;
  background: rgba(239,68,68,.10);
}

.onb2-slider-block { margin-bottom: 0; }
.onb2-slider-label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text3);
}
.onb2-ip-loading,
.onb2-optional {
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 600;
  color: var(--text3);
}
.onb2-slider-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.onb2-slide-nav {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: var(--ui-radius-md,10px);
  border: 1px solid var(--line);
  background: var(--surface-a);
  color: var(--text1);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.onb2-slide-wrap {
  flex: 1;
  overflow: hidden;
}
.onb2-city-track {
  display: flex;
  gap: 8px;
  will-change: transform;
  transition: transform .28s cubic-bezier(.4,0,.2,1);
}
.onb2-city-slide {
  flex-shrink: 0;
  width: clamp(82px, 23vw, 108px);
  min-height: 78px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px 6px;
  border-radius: var(--ui-radius-md,10px);
  border: 1.5px solid var(--line);
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg2) 95%, white 5%), var(--bg2));
  opacity: .45;
  color: inherit;
  font: inherit;
  cursor: pointer;
  transition: border-color .18s ease, transform .18s ease, opacity .18s ease, background .18s ease;
}
.onb2-city-slide.is-active {
  opacity: 1;
  border-color: var(--orange);
  background: rgba(255,107,0,.08);
  transform: scale(1.04);
}
.onb2-city-slide.is-side { opacity: .75; }
.onb2-city-slide-title {
  font-family: 'Oswald', sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  color: var(--text1);
}
.onb2-city-slide.is-active .onb2-city-slide-title { color: var(--orange); font-size: 12px; }
.onb2-brand-wrap { overflow-x: auto; }
.onb2-brand-track {
  display: flex;
  gap: 8px;
  padding-bottom: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.onb2-brand-track::-webkit-scrollbar { display: none; }
.onb2-brand-slide {
  flex-shrink: 0;
  min-width: 68px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 9px 12px;
  border-radius: var(--ui-radius-md,10px);
  border: 1.5px solid var(--line);
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg2) 95%, white 5%), var(--bg2));
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.onb2-brand-slide.is-selected {
  border-color: var(--orange);
  background: rgba(255,107,0,.08);
}
.onb2-brand-abbr {
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .03em;
  line-height: 1;
  color: var(--text2);
}
.onb2-brand-name {
  font-size: 10px;
  font-weight: 700;
  color: var(--text2);
  white-space: nowrap;
}
.onb2-brand-slide.is-selected .onb2-brand-abbr,
.onb2-brand-slide.is-selected .onb2-brand-name {
  color: var(--orange);
}

.onb2-ip-suggest {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: var(--ui-radius-md,10px);
  background: rgba(52,211,153,.08);
  border: 1px solid rgba(52,211,153,.22);
}
.onb2-ip-suggest-text,
.onb2-ip-city-label {
  font-size: 13px;
  color: var(--text1);
}
.onb2-ip-city-label { font-weight: 700; }
.onb2-ip-confirm {
  margin-left: auto;
  height: 34px;
  padding: 0 14px;
  border-radius: var(--ui-radius-md,10px);
  border: none;
  background: var(--orange);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.onb2-ip-picked {
  font-size: 13px;
  font-weight: 700;
  color: #34d399;
}

@keyframes onb2-shake {
  0%,100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}
.onb2-shake { animation: onb2-shake .35s ease; }

@media (max-width: 679px) {
  .onb2-headbar { justify-content: flex-start; }
  [data-onb2-profile-preview="desc"],
  [data-onb2-profile-preview="spec"],
  [data-onb2-profile-preview="city"] { display: none !important; }
  .onb2-modal-head {
    padding-top: max(10px, env(safe-area-inset-top, 0px));
    padding-bottom: 14px;
  }
  .onb2-headbar { margin-bottom: 12px; }
  .onb2-brandmark { width: 40px; height: 40px; }
  .onb2-brandtext { font-size: 18px; }
  .onb2-brandsub { font-size: 11px; }
  .onb2-modal-kicker { min-height: 24px; padding: 0 9px; font-size: 10px; }
  .onb2-modal-role-ico { margin-top: 10px; margin-bottom: 6px; font-size: 28px; }
  .onb2-modal-title { font-size: 21px; }
  .onb2-modal-sub { margin-top: 6px; font-size: 12px; line-height: 1.52; }
  .onb2-modal-meta { margin-top: 10px; gap: 6px; }
  .onb2-meta-pill { min-height: 26px; padding: 0 9px; font-size: 10px; }
  .onb2-modal-body {
    padding-top: 12px;
    padding-bottom: 16px;
  }
  .onb2-shell--split,
  .onb2-city-stack { gap: 12px; }
  .onb2-profile-card { padding: 15px; border-radius: var(--ui-radius-lg,18px); }
  .onb2-profile-metrics { grid-template-columns: 1fr; }
  .onb2-role-card { gap: 10px; }
  .onb2-step-note {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.45;
  }
  .onb2-spec-grid { gap: 6px; }
  .onb2-spec-card {
    min-height: 98px;
    gap: 8px;
    padding: 12px var(--ui-radius-md,10px) var(--ui-radius-md,10px);
    border-radius: var(--ui-radius-md,10px);
  }
  .onb2-spec-check {
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
  .onb2-spec-ico { font-size: 22px; }
  .onb2-spec-name { font-size: 11px; line-height: 1.24; }
  .onb2-spec--evac {
    gap: 10px;
    padding: 12px 14px 40px;
    border-radius: var(--ui-radius-lg,18px);
  }
  .onb2-spec--evac .onb2-spec-name { font-size: 13px; }
  .onb2-spec--evac .onb2-spec-ico { font-size: 24px; }
  .onb2-spec-evac-badge {
    right: 12px;
    bottom: 10px;
    font-size: 8px;
  }
  .onb2-slider-label { margin-bottom: 8px; font-size: 10px; }
  .onb2-slider-row { gap: 6px; }
  .onb2-slide-nav {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: var(--ui-radius-md,10px);
    font-size: 16px;
  }
  .onb2-city-slide {
    width: clamp(74px, 22vw, 94px);
    min-height: 68px;
    gap: 4px;
    padding: 8px 6px;
    border-radius: var(--ui-radius-md,10px);
  }
  .onb2-city-slide-title { font-size: 10px; }
  .onb2-city-slide.is-active .onb2-city-slide-title { font-size: 11px; }
  .onb2-brand-track { gap: 6px; }
  .onb2-brand-slide {
    min-width: 60px;
    gap: 3px;
    padding: 8px 10px;
    border-radius: var(--ui-radius-md,10px);
  }
  .onb2-brand-abbr { font-size: 12px; }
  .onb2-brand-name { font-size: 9px; }
  .onb2-ip-suggest {
    gap: 8px;
    padding: 10px 12px;
    border-radius: var(--ui-radius-md,10px);
  }
  .onb2-ip-suggest-text,
  .onb2-ip-city-label,
  .onb2-ip-picked { font-size: 12px; }
  .onb2-ip-confirm {
    width: 100%;
    margin-left: 0;
    justify-content: center;
  }
  .onb2-role-desc,
  .onb2-role-features,
  .onb2-spec-sub,
  .onb2-meta-pill--soft { display: none; }
  .onb2-foot-shell { gap: 8px; }
}

@media (min-width: 680px) {
  .onb2-shell--split {
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 18px;
  }
  /* Восстанавливаем profile-preview на планшете */
  .onb2-shell--split [data-onb2-profile-preview] {
    display: block;
  }
  .onb2-role-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .onb2-role-features { display: flex; }
  .onb2-role-feat:nth-child(n+3) { display: none; }
  .onb2-spec-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .onb2-spec-card { min-height: 150px; padding: 16px 14px; }
  .onb2-spec-sub {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .onb2-modal-head { padding-top: max(20px, env(safe-area-inset-top, 0px)); padding-bottom: 22px; }
  .onb2-shell--split {
    grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
    gap: 22px;
  }
  .onb2-roles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .onb2-role-card { min-height: 230px; padding: 20px; }
  .onb2-role-desc { -webkit-line-clamp: 4; font-size: 14px; }
  .onb2-role-feat:nth-child(n+3) { display: inline-flex; }
  .onb2-spec-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .onb2-spec-card {
    min-height: 172px;
    align-items: flex-start;
    text-align: left;
    padding: 18px 16px 16px;
  }
  .onb2-spec-body { align-items: flex-start; }
  .onb2-spec-name { font-size: 13px; }
  .onb2-spec-sub { -webkit-line-clamp: 3; }
  .onb2-spec--evac {
    grid-column: span 2;
    align-items: flex-start;
    padding-right: 72px;
  }
  .onb2-spec-evac-badge { right: 16px; bottom: 16px; }
}

@media (hover: hover) {
  .onb2-role-card:hover,
  .onb2-spec-card:hover,
  .onb2-city-slide:hover,
  .onb2-brand-slide:hover {
    border-color: rgba(255,107,0,.28);
    transform: translateY(-1px);
  }
}


.onb2-routebar {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px 8px;
  margin-top: -4px;
}
.onb2-route-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.05);
  color: var(--text3);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme="light"] .onb2-route-chip {
  background: #f7f7f9;
  border-color: rgba(0,0,0,.08);
}
@media (max-width: 767px) {
  .onb2-routebar { padding: 0 12px 7px; }
  .onb2-route-chip { min-height: 22px; padding: 4px 7px; font-size: 10px; }
}
.onb2-spec-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.onb2-spec-stage-card {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: var(--ui-radius-lg,18px);
}
.onb2-spec-stage-ico {
  width: 54px;
  height: 54px;
  border-radius: var(--ui-radius-lg,18px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background: rgba(255, 107, 0, .12);
  border: 1px solid rgba(255, 107, 0, .24);
}
.onb2-spec-stage-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.onb2-spec-stage-kicker {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--orange);
}
.onb2-spec-stage-title {
  font-family: Oswald, sans-serif;
  font-size: 21px;
  line-height: 1.08;
  font-weight: 800;
  color: var(--text);
}
.onb2-spec-stage-sub {
  font-size: 13px;
  line-height: 1.35;
  color: var(--text2);
}
.onb2-spec-stage-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.onb2-spec-stage-meta span,
.onb2-spec-counter,
.onb2-spec-route {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.05);
  color: var(--text2);
  font-size: 11px;
  font-weight: 750;
}
.onb2-spec-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.onb2-spec-counter {
  color: var(--orange);
  border-color: rgba(255, 107, 0, .22);
  background: rgba(255, 107, 0, .08);
}
.onb2-spec-route {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: var(--text3);
}
[data-theme="light"] .onb2-spec-stage-card {
  background: #fff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .onb2-spec-stage-meta span,
[data-theme="light"] .onb2-spec-route {
  background: #f7f7f9;
  border-color: rgba(0,0,0,.08);
}
@media (max-width: 767px) {
  .onb2-spec-stage-card {
    grid-template-columns: 44px 1fr;
    padding: 12px;
    border-radius: var(--ui-radius-md,10px);
    gap: 10px;
  }
  .onb2-spec-stage-ico {
    width: 44px;
    height: 44px;
    border-radius: var(--ui-radius-md,10px);
    font-size: 24px;
  }
  .onb2-spec-stage-title { font-size: 18px; }
  .onb2-spec-stage-sub { font-size: 12px; }
  .onb2-spec-tools { gap: 6px; }
  .onb2-spec-counter,
  .onb2-spec-route { font-size: 10px; min-height: 22px; padding: 4px 7px; }
}


/* === onboarding_steps_bundle.css === */
/* ONBOARDING r67a — canonical welcome branch.
   One source of truth for the first hero screen. Generic .onbw-* below is only a
   shared phone-frame contract for welcome/benefits/transparency; hero-specific
   geometry lives under .onbw-overlay--hero and cannot leak into screens 2/3. */
#onboarding-welcome.onbw-overlay{
  position:fixed;
  inset:0;
  z-index:12000;
  display:grid;
  place-items:center;
  padding:0;
  background:#f4f4f5;
  opacity:0;
  pointer-events:auto;
  transition:opacity .18s ease;
  color:#111827;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  overflow:hidden;
}
#onboarding-welcome.onbw-overlay.open{opacity:1;}
#onboarding-welcome .onbw-screen{
  position:relative;
  width:min(430px,100vw);
  min-height:100dvh;
  margin:0 auto;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  color:#111827;
  box-shadow:0 26px 72px rgba(15,23,42,.12);
}
#onboarding-welcome .onbw-statusbar{
  height:28px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  font-size:16px;
  line-height:1;
  font-weight:900;
  color:#050505;
  opacity:.96;
}
#onboarding-welcome .onbw-status-icons{font-size:14px;letter-spacing:-.12em;}
#onboarding-welcome .onbw-footer{
  position:relative;
  z-index:4;
  flex:0 0 auto;
  display:grid;
  gap:10px;
  padding:14px 18px max(16px, env(safe-area-inset-bottom));
  background:#fff;
}
#onboarding-welcome .onbw-start{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:16px;
  background:linear-gradient(90deg,#ff8d21 0%,#ff5a00 100%);
  color:#fff;
  font-size:16px;
  font-weight:900;
  box-shadow:0 18px 28px rgba(255,102,0,.22);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
#onboarding-welcome .onbw-start:active{transform:translateY(1px) scale(.995);}
#onboarding-welcome .onbw-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:8px;
}
#onboarding-welcome .onbw-dots span{
  width:6px;
  height:6px;
  border-radius:999px;
  background:#e5e7eb;
}
#onboarding-welcome .onbw-dots span.is-active{width:22px;background:#ffc400;}

/* First hero screen only. */
#onboarding-welcome.onbw-overlay--hero{
  --onbw-hero-screen-w:min(430px,100vw);
  --onbw-hero-screen-h:100dvh;
  --onbw-hero-pad-x:18px;
  --onbw-hero-pad-top:14px;
  --onbw-logo-w:min(100%,360px);
  --onbw-title-fs:28px;
  --onbw-title-max:100%;
  --onbw-lead-fs:16px;
  --onbw-lead-max:304px;
  --onbw-art-h:450px;
  --onbw-footer-pad-top:14px;
  background:#f2f2f3;
}
#onboarding-welcome.onbw-overlay--hero .onbw-screen--hero{
  width:var(--onbw-hero-screen-w);
  min-height:var(--onbw-hero-screen-h);
  padding:var(--onbw-hero-pad-top) var(--onbw-hero-pad-x) 0;
  background:linear-gradient(180deg,#f5f5f6 0%,#fff 100%);
}
#onboarding-welcome.onbw-overlay--hero .onbw-statusbar{
  padding-left:0;
  padding-right:0;
}
#onboarding-welcome.onbw-overlay--hero .onbw-content--hero{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"brand" "title" "lead" "hero";
  align-content:start;
  justify-items:center;
  padding:42px 0 0;
  text-align:center;
}
#onboarding-welcome.onbw-overlay--hero .onbw-logo-lockup{
  grid-area:brand;
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--onbw-logo-w);
  margin:0 auto 24px;
}
#onboarding-welcome.onbw-overlay--hero .onbw-logo-full{
  display:block;
  width:var(--onbw-logo-w);
  max-width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 10px 14px rgba(255,110,0,.10));
}
#onboarding-welcome.onbw-overlay--hero h1{
  grid-area:title;
  max-width:var(--onbw-title-max);
  margin:0 0 12px;
  color:#09090b;
  font-size:var(--onbw-title-fs);
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.05em;
}
#onboarding-welcome.onbw-overlay--hero .onbw-lead{
  grid-area:lead;
  margin:0;
  max-width:var(--onbw-lead-max);
  color:#6b7280;
  font-size:var(--onbw-lead-fs);
  line-height:1.48;
  font-weight:500;
}
#onboarding-welcome.onbw-overlay--hero .onbw-hero{
  grid-area:hero;
  position:relative;
  width:calc(100% + (var(--onbw-hero-pad-x) * 2));
  height:var(--onbw-art-h);
  margin:16px calc(var(--onbw-hero-pad-x) * -1) 0;
  background:url('/assets/onboarding/welcome_city_bg_orange.png') center top / cover no-repeat;
  overflow:hidden;
}
#onboarding-welcome.onbw-overlay--hero .onbw-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0) 82%,rgba(255,255,255,.22) 100%);
}
#onboarding-welcome.onbw-overlay--hero .onbw-pin-img,
#onboarding-welcome.onbw-overlay--hero .onbw-asset{
  position:absolute;
  z-index:2;
  user-select:none;
  pointer-events:none;
}
#onboarding-welcome.onbw-overlay--hero .onbw-pin-img--one{left:74px;top:108px;width:56px;filter:drop-shadow(0 10px 12px rgba(255,106,0,.20));}
#onboarding-welcome.onbw-overlay--hero .onbw-pin-img--two{right:74px;top:76px;width:34px;filter:drop-shadow(0 8px 10px rgba(255,106,0,.18));}
#onboarding-welcome.onbw-overlay--hero .onbw-asset--wrench{right:92px;top:168px;width:118px;transform:rotate(8deg);filter:drop-shadow(0 18px 18px rgba(255,106,0,.18));}
#onboarding-welcome.onbw-overlay--hero .onbw-asset--oil{right:26px;top:228px;width:114px;filter:drop-shadow(0 18px 18px rgba(255,106,0,.12));}
#onboarding-welcome.onbw-overlay--hero .onbw-asset--car{left:34px;bottom:84px;width:234px;filter:drop-shadow(0 18px 28px rgba(15,23,42,.18));}
#onboarding-welcome.onbw-overlay--hero .onbw-asset--tow{right:10px;bottom:86px;width:136px;filter:drop-shadow(0 18px 24px rgba(15,23,42,.14));}
#onboarding-welcome.onbw-overlay--hero .onbw-footer--hero{
  margin:0 calc(var(--onbw-hero-pad-x) * -1);
  padding:var(--onbw-footer-pad-top) var(--onbw-hero-pad-x) max(16px, env(safe-area-inset-bottom));
  background:#fff;
}
#onboarding-welcome.onbw-overlay--hero .onbw-start--hero{
  min-height:60px;
  border-radius:18px;
  font-size:18px;
}
#onboarding-welcome.onbw-overlay--hero .onbw-dots{display:none;}

@media (max-width:400px){
  #onboarding-welcome.onbw-overlay--hero{
    --onbw-hero-pad-x:14px;
    --onbw-logo-w:min(100%,326px);
    --onbw-title-fs:25px;
    --onbw-lead-fs:16px;
    --onbw-lead-max:280px;
    --onbw-art-h:408px;
    --onbw-footer-pad-top:12px;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-content--hero{padding-top:34px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-pin-img--one{left:54px;top:98px;width:46px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-pin-img--two{right:56px;top:70px;width:28px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-asset--wrench{right:70px;top:146px;width:100px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-asset--oil{right:18px;top:198px;width:96px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-asset--car{left:24px;bottom:74px;width:202px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-asset--tow{right:8px;bottom:76px;width:122px;}
}
@media (min-width:768px){
  #onboarding-welcome.onbw-overlay{padding:18px;background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.92), rgba(244,244,245,.96) 58%, #eceeef 100%);}
  #onboarding-welcome .onbw-screen{border-radius:34px;border:1px solid rgba(17,24,39,.08);}
  #onboarding-welcome.onbw-overlay--hero{
    --onbw-hero-screen-w:min(960px, calc(100vw - 40px));
    --onbw-hero-screen-h:min(820px, calc(100dvh - 36px));
    --onbw-hero-pad-x:36px;
    --onbw-hero-pad-top:20px;
    --onbw-logo-w:min(100%,390px);
    --onbw-title-fs:40px;
    --onbw-title-max:420px;
    --onbw-lead-fs:20px;
    --onbw-lead-max:430px;
    --onbw-art-h:min(540px, calc(100dvh - 210px));
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-screen--hero{padding-bottom:0;}
  #onboarding-welcome.onbw-overlay--hero .onbw-content--hero{
    grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);
    grid-template-areas:"brand hero" "title hero" "lead hero";
    align-content:center;
    align-items:center;
    justify-items:start;
    column-gap:36px;
    padding:30px 8px 26px;
    text-align:left;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-logo-lockup{justify-content:flex-start;margin:0 0 44px;}
  #onboarding-welcome.onbw-overlay--hero h1,
  #onboarding-welcome.onbw-overlay--hero .onbw-lead{text-align:left;}
  #onboarding-welcome.onbw-overlay--hero .onbw-hero{width:100%;max-width:520px;min-height:420px;margin:0 0 0 auto;border-radius:30px;background-position:center center;background-size:cover;}
  #onboarding-welcome.onbw-overlay--hero .onbw-footer--hero{width:360px;margin:0 0 0 8px;padding:0 0 32px;background:transparent;}
  #onboarding-welcome.onbw-overlay--hero .onbw-start--hero{min-height:64px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-asset--car{left:42px;bottom:98px;width:268px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-asset--tow{right:22px;bottom:98px;width:160px;}
}
@media (min-width:768px) and (orientation:portrait){
  #onboarding-welcome.onbw-overlay{padding:24px;}
  #onboarding-welcome.onbw-overlay--hero{
    --onbw-hero-screen-w:min(860px, calc(100vw - 48px));
    --onbw-hero-screen-h:min(1040px, calc(100dvh - 48px));
    --onbw-hero-pad-x:42px;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-content--hero{
    grid-template-columns:1fr;
    grid-template-areas:"brand" "title" "lead" "hero";
    justify-items:center;
    text-align:center;
    padding-top:34px;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-logo-lockup{justify-content:center;margin:0 auto 28px;}
  #onboarding-welcome.onbw-overlay--hero h1,
  #onboarding-welcome.onbw-overlay--hero .onbw-lead{text-align:center;}
  #onboarding-welcome.onbw-overlay--hero .onbw-hero{width:min(100%,640px);height:min(520px, calc(100dvh - 430px));min-height:430px;margin:34px auto 0;}
  #onboarding-welcome.onbw-overlay--hero .onbw-footer--hero{width:min(420px,100%);margin:0 auto;padding-bottom:36px;}
}
@media (min-width:1024px){
  #onboarding-welcome.onbw-overlay--hero{
    --onbw-hero-screen-w:min(1160px, calc(100vw - 56px));
    --onbw-hero-pad-x:48px;
    --onbw-title-fs:46px;
    --onbw-title-max:520px;
    --onbw-lead-fs:21px;
    --onbw-lead-max:500px;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-content--hero{grid-template-columns:minmax(390px,.95fr) minmax(500px,1.05fr);column-gap:52px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-hero{max-width:610px;min-height:500px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-footer--hero{width:390px;}
}
@media (min-width:1200px){
  #onboarding-welcome.onbw-overlay--hero{--onbw-hero-screen-w:min(1280px, calc(100vw - 80px));}
  #onboarding-welcome.onbw-overlay--hero .onbw-content--hero{grid-template-columns:minmax(430px,.9fr) minmax(560px,1.1fr);column-gap:72px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-hero{max-width:690px;}
}
@media (min-width:1200px) and (orientation:portrait){
  #onboarding-welcome.onbw-overlay--hero .onbw-content--hero{grid-template-columns:1fr;grid-template-areas:"brand" "title" "lead" "hero";column-gap:0;justify-items:center;text-align:center;}
  #onboarding-welcome.onbw-overlay--hero .onbw-hero{max-width:720px;}
}
@media (min-width:768px) and (orientation:landscape) and (max-height:680px){
  #onboarding-welcome.onbw-overlay--hero{
    --onbw-hero-screen-h:calc(100dvh - 20px);
    --onbw-hero-pad-top:12px;
    --onbw-title-fs:34px;
    --onbw-lead-fs:17px;
    --onbw-art-h:calc(100dvh - 150px);
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-content--hero{padding-top:8px;padding-bottom:10px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-logo-lockup{margin-bottom:16px;}
  #onboarding-welcome.onbw-overlay--hero h1{margin-bottom:12px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-hero{min-height:300px;}
}

/* ONBOARDING r67b — canonical benefits and transparency branches.
   Screen 2 and screen 3 are now isolated. Historical base/reference/polish blocks were
   removed because they redefined the same content, art and footer geometry several times. */
#onboarding-welcome.onbw-overlay--benefits,
#onboarding-welcome.onbw-overlay--transparency{
  --onbw-info-pad-x:18px;
  --onbw-info-pad-top:26px;
  --onbw-info-title-fs:24px;
  --onbw-info-title-max:330px;
  --onbw-info-lead-fs:13.5px;
  --onbw-info-lead-max:330px;
  --onbw-info-art-h:360px;
  --onbw-info-footer-pad-top:14px;
  background:#f2f2f3;
}
#onboarding-welcome .onb2-progress{
  width:126px;
  height:4px;
  margin:9px auto 0;
  flex:0 0 auto;
  border-radius:999px;
  background:#e8e8eb;
  overflow:hidden;
}
#onboarding-welcome .onb2-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#ffc400;
}
#onboarding-welcome .onb2-progress-fill--30{width:30%;}
#onboarding-welcome .onb2-progress-fill--45{width:45%;}
#onboarding-welcome .onb3-progress-fill--84{width:84%;}

#onboarding-welcome.onbw-overlay--benefits .onb2-benefit-screen,
#onboarding-welcome.onbw-overlay--transparency .onb3-transparency-screen{
  width:min(430px,100vw);
  min-height:100dvh;
  background:#fff;
}
#onboarding-welcome.onbw-overlay--benefits .onb2-benefit-content,
#onboarding-welcome.onbw-overlay--transparency .onb3-transparency-content{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"title" "lead" "art" "list";
  align-content:start;
  justify-items:start;
  row-gap:10px;
  padding:var(--onbw-info-pad-top) var(--onbw-info-pad-x) 10px;
  text-align:left;
}
#onboarding-welcome.onbw-overlay--benefits .onb2-benefit-content h1,
#onboarding-welcome.onbw-overlay--transparency .onb3-transparency-content h1{
  grid-area:title;
  margin:0;
  max-width:var(--onbw-info-title-max);
  color:#111827;
  font-size:var(--onbw-info-title-fs);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:950;
}
#onboarding-welcome.onbw-overlay--benefits .onb2-benefit-content p,
#onboarding-welcome.onbw-overlay--transparency .onb3-transparency-content p{
  grid-area:lead;
  margin:0;
  max-width:var(--onbw-info-lead-max);
  color:#374151;
  font-size:var(--onbw-info-lead-fs);
  line-height:1.48;
  font-weight:700;
}
#onboarding-welcome.onbw-overlay--benefits .onbw-footer,
#onboarding-welcome.onbw-overlay--transparency .onbw-footer{
  padding:var(--onbw-info-footer-pad-top) var(--onbw-info-pad-x) max(16px, env(safe-area-inset-bottom));
}

/* Screen 2: benefits. */
#onboarding-welcome.onbw-overlay--benefits .onb2-benefit-art{
  grid-area:art;
  position:relative;
  justify-self:center;
  width:100%;
  height:var(--onbw-info-art-h);
  margin:12px 0 0;
  overflow:hidden;
}
#onboarding-welcome.onbw-overlay--benefits .onb2-benefit-art::before{
  content:'';
  position:absolute;
  inset:20px 8px 8px;
  border-radius:42px;
  background:radial-gradient(circle at 50% 46%,rgba(255,196,0,.20),rgba(255,248,214,.34) 38%,rgba(255,255,255,0) 74%);
}
#onboarding-welcome.onbw-overlay--benefits .onb2-benefit-car{
  position:absolute;
  left:50%;
  bottom:20px;
  z-index:3;
  width:min(376px,108%);
  max-width:none;
  transform:translateX(-50%);
  filter:drop-shadow(0 18px 22px rgba(15,23,42,.16));
}
#onboarding-welcome.onbw-overlay--benefits .onb2-art-tool{
  position:absolute;
  z-index:4;
  width:58px;
  height:58px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(17,24,39,.07);
  box-shadow:0 14px 34px rgba(15,23,42,.11);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111827;
}
#onboarding-welcome.onbw-overlay--benefits .onb2-art-tool svg{width:38px;height:38px;display:block;}
#onboarding-welcome.onbw-overlay--benefits .onb2-art-tool--wrench{right:42px;top:10px;transform:rotate(-10deg);}
#onboarding-welcome.onbw-overlay--benefits .onb2-art-tool--oil{right:8px;top:126px;transform:rotate(7deg);}
#onboarding-welcome.onbw-overlay--benefits .onb2-art-tool--wheel{left:20px;top:172px;transform:rotate(-5deg);}
#onboarding-welcome.onbw-overlay--benefits .onb2-art-tool--tow{left:42px;top:78px;transform:rotate(6deg);}
#onboarding-welcome.onbw-overlay--benefits .onb2-spark{position:absolute;width:7px;height:7px;border-radius:999px;background:#ffc400;box-shadow:0 0 0 4px rgba(255,196,0,.12);z-index:5;}
#onboarding-welcome.onbw-overlay--benefits .onb2-spark--one{left:112px;top:44px;}
#onboarding-welcome.onbw-overlay--benefits .onb2-spark--two{right:112px;top:86px;transform:scale(.68);}
#onboarding-welcome.onbw-overlay--benefits .onb2-spark--three{left:172px;bottom:92px;transform:scale(.58);}
#onboarding-welcome.onbw-overlay--benefits .onb2-benefit-chips{
  grid-area:list;
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0;
}
#onboarding-welcome.onbw-overlay--benefits .onb2-benefit-chips span{
  min-height:35px;
  border-radius:15px;
  background:#f5f5f6;
  color:#111827;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  font-size:11.5px;
  line-height:1;
  font-weight:850;
}

/* Screen 3: transparency. */
#onboarding-welcome.onbw-overlay--transparency .onb3-trust-art{
  grid-area:art;
  position:relative;
  justify-self:center;
  width:100%;
  height:var(--onbw-info-art-h);
  margin:12px 0 0;
  overflow:hidden;
}
#onboarding-welcome.onbw-overlay--transparency .onb3-trust-art::before{
  content:'';
  position:absolute;
  left:50%;
  top:12px;
  width:306px;
  height:322px;
  transform:translateX(-50%);
  border-radius:44px;
  background:radial-gradient(circle at 50% 42%,rgba(255,196,0,.16),rgba(255,248,214,.30) 36%,rgba(255,255,255,0) 76%);
}
#onboarding-welcome.onbw-overlay--transparency .onb3-chat,
#onboarding-welcome.onbw-overlay--transparency .onb3-order-card{
  position:absolute;
  z-index:2;
  background:#fff;
  border:1px solid rgba(17,24,39,.06);
  box-shadow:0 18px 42px rgba(15,23,42,.12);
}
#onboarding-welcome.onbw-overlay--transparency .onb3-chat{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:72px;
  border-radius:20px;
  padding:12px;
}
#onboarding-welcome.onbw-overlay--transparency .onb3-chat--left{left:4px;top:30px;width:230px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-chat--right{right:8px;top:116px;width:190px;grid-template-columns:1fr;min-height:62px;padding:13px 15px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  background:#f4f4f5;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:23px;
  overflow:hidden;
}
#onboarding-welcome.onbw-overlay--transparency .onb3-avatar--small{width:42px;height:42px;font-size:20px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-chat i,
#onboarding-welcome.onbw-overlay--transparency .onb3-chat b{display:block;border-radius:999px;background:#e5e7eb;}
#onboarding-welcome.onbw-overlay--transparency .onb3-chat--left i{width:118px;height:11px;margin-bottom:8px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-chat--left b{width:84px;height:10px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-chat--right i{width:124px;height:11px;margin-bottom:8px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-chat--right b{width:92px;height:10px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-master-bubble{
  position:absolute;
  z-index:4;
  width:50px;
  height:50px;
  border-radius:999px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(17,24,39,.07);
  box-shadow:0 16px 30px rgba(15,23,42,.12);
  font-size:25px;
}
#onboarding-welcome.onbw-overlay--transparency .onb3-master-bubble--right{right:28px;top:34px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-order-card{
  left:50%;
  bottom:30px;
  width:316px;
  transform:translateX(-50%);
  border-radius:23px;
  padding:15px;
}
#onboarding-welcome.onbw-overlay--transparency .onb3-order-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-order-top strong,
#onboarding-welcome.onbw-overlay--transparency .onb3-order-top em{display:block;}
#onboarding-welcome.onbw-overlay--transparency .onb3-order-top strong{color:#111827;font-size:13px;line-height:1.2;font-weight:950;}
#onboarding-welcome.onbw-overlay--transparency .onb3-order-top em{margin-top:3px;color:#6b7280;font-size:10.5px;line-height:1.2;font-style:normal;font-weight:750;}
#onboarding-welcome.onbw-overlay--transparency .onb3-order-top mark{border-radius:999px;background:#dcfce7;color:#15803d;padding:5px 8px;font-size:10px;line-height:1;font-weight:900;}
#onboarding-welcome.onbw-overlay--transparency .onb3-progress-line{height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:14px 0 10px;}
#onboarding-welcome.onbw-overlay--transparency .onb3-progress-line span{display:block;height:100%;border-radius:999px;background:#22c55e;}
#onboarding-welcome.onbw-overlay--transparency .onb3-stage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#374151;font-size:11px;line-height:1.2;}
#onboarding-welcome.onbw-overlay--transparency .onb3-stage-row span{color:#22c55e;letter-spacing:.06em;font-weight:950;}
#onboarding-welcome.onbw-overlay--transparency .onb3-stage-row b{color:#111827;font-weight:900;}
#onboarding-welcome.onbw-overlay--transparency .onb3-feature-list{
  grid-area:list;
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:0;
}
#onboarding-welcome.onbw-overlay--transparency .onb3-feature-list span{
  min-height:34px;
  border-radius:14px;
  background:#f5f5f6;
  color:#111827;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 6px;
  font-size:10.5px;
  line-height:1.2;
  font-weight:850;
}

@media (max-width:360px){
  #onboarding-welcome.onbw-overlay--benefits,
  #onboarding-welcome.onbw-overlay--transparency{
    --onbw-info-pad-x:14px;
    --onbw-info-pad-top:20px;
    --onbw-info-title-fs:22px;
    --onbw-info-lead-fs:13px;
    --onbw-info-art-h:328px;
  }
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-car{width:334px;bottom:18px;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-art-tool{width:48px;height:48px;border-radius:16px;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-art-tool svg{width:32px;height:32px;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-art-tool--wrench{right:28px;top:8px;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-art-tool--oil{right:0;top:108px;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-art-tool--wheel{left:8px;top:146px;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-art-tool--tow{left:28px;top:62px;}
  #onboarding-welcome.onbw-overlay--transparency .onb3-chat--left{left:2px;top:24px;width:202px;}
  #onboarding-welcome.onbw-overlay--transparency .onb3-chat--right{right:2px;top:104px;width:166px;}
  #onboarding-welcome.onbw-overlay--transparency .onb3-order-card{width:286px;bottom:18px;}
}
@media (min-width:768px){
  #onboarding-welcome.onbw-overlay--benefits,
  #onboarding-welcome.onbw-overlay--transparency{
    --onbw-info-pad-x:36px;
    --onbw-info-pad-top:22px;
    --onbw-info-title-fs:36px;
    --onbw-info-title-max:430px;
    --onbw-info-lead-fs:17px;
    --onbw-info-lead-max:430px;
    --onbw-info-art-h:520px;
    --onbw-info-footer-pad-top:0;
  }
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-screen,
  #onboarding-welcome.onbw-overlay--transparency .onb3-transparency-screen{
    width:min(960px, calc(100vw - 40px));
    min-height:min(820px, calc(100dvh - 36px));
    border-radius:34px;
    border:1px solid rgba(17,24,39,.08);
  }
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-content,
  #onboarding-welcome.onbw-overlay--transparency .onb3-transparency-content{
    grid-template-columns:minmax(300px,.92fr) minmax(360px,1.08fr);
    grid-template-areas:"title art" "lead art" "list art";
    align-content:center;
    align-items:center;
    column-gap:40px;
    row-gap:14px;
    padding:24px var(--onbw-info-pad-x) 18px;
  }
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-art,
  #onboarding-welcome.onbw-overlay--transparency .onb3-trust-art{height:min(var(--onbw-info-art-h), calc(100dvh - 190px));margin:0;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-chips{grid-template-columns:repeat(2,minmax(0,180px));justify-content:start;}
  #onboarding-welcome.onbw-overlay--transparency .onb3-feature-list{grid-template-columns:1fr;max-width:330px;}
  #onboarding-welcome.onbw-overlay--transparency .onb3-feature-list span{justify-content:flex-start;text-align:left;padding:0 13px;font-size:12px;}
  #onboarding-welcome.onbw-overlay--transparency .onb3-feature-list span::before{
    content:'✓';
    width:20px;
    height:20px;
    margin-right:8px;
    border-radius:999px;
    background:#ffc400;
    color:#111827;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:950;
  }
  #onboarding-welcome.onbw-overlay--benefits .onbw-footer,
  #onboarding-welcome.onbw-overlay--transparency .onbw-footer{width:390px;margin:0 auto 0 var(--onbw-info-pad-x);padding:0 0 32px;background:transparent;}
  #onboarding-welcome.onbw-overlay--benefits .onbw-start,
  #onboarding-welcome.onbw-overlay--transparency .onbw-start{min-height:64px;border-radius:18px;font-size:18px;}
}
@media (min-width:768px) and (orientation:portrait){
  #onboarding-welcome.onbw-overlay--benefits,
  #onboarding-welcome.onbw-overlay--transparency{
    --onbw-info-pad-x:42px;
    --onbw-info-pad-top:32px;
    --onbw-info-title-fs:38px;
    --onbw-info-art-h:520px;
  }
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-screen,
  #onboarding-welcome.onbw-overlay--transparency .onb3-transparency-screen{width:min(860px, calc(100vw - 48px));min-height:min(1040px, calc(100dvh - 48px));}
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-content,
  #onboarding-welcome.onbw-overlay--transparency .onb3-transparency-content{
    grid-template-columns:1fr;
    grid-template-areas:"title" "lead" "art" "list";
    justify-items:center;
    align-content:start;
    text-align:center;
    padding-top:var(--onbw-info-pad-top);
  }
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-content h1,
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-content p,
  #onboarding-welcome.onbw-overlay--transparency .onb3-transparency-content h1,
  #onboarding-welcome.onbw-overlay--transparency .onb3-transparency-content p{text-align:center;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-chips{grid-template-columns:repeat(4,minmax(0,1fr));}
  #onboarding-welcome.onbw-overlay--transparency .onb3-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;}
  #onboarding-welcome.onbw-overlay--transparency .onb3-feature-list span{justify-content:center;text-align:center;padding:0 8px;font-size:11px;}
  #onboarding-welcome.onbw-overlay--transparency .onb3-feature-list span::before{display:none;}
  #onboarding-welcome.onbw-overlay--benefits .onbw-footer,
  #onboarding-welcome.onbw-overlay--transparency .onbw-footer{width:min(420px,100%);margin:0 auto;padding-bottom:36px;}
}
@media (min-width:1024px){
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-screen,
  #onboarding-welcome.onbw-overlay--transparency .onb3-transparency-screen{width:min(1160px, calc(100vw - 56px));}
  #onboarding-welcome.onbw-overlay--benefits,
  #onboarding-welcome.onbw-overlay--transparency{--onbw-info-title-fs:44px;--onbw-info-lead-fs:20px;--onbw-info-title-max:520px;--onbw-info-lead-max:500px;--onbw-info-art-h:560px;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-content,
  #onboarding-welcome.onbw-overlay--transparency .onb3-transparency-content{grid-template-columns:minmax(390px,.95fr) minmax(500px,1.05fr);column-gap:56px;}
}
@media (min-width:768px) and (orientation:landscape) and (max-height:680px){
  #onboarding-welcome.onbw-overlay--benefits,
  #onboarding-welcome.onbw-overlay--transparency{--onbw-info-title-fs:32px;--onbw-info-lead-fs:16px;--onbw-info-art-h:calc(100dvh - 170px);}
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-content,
  #onboarding-welcome.onbw-overlay--transparency .onb3-transparency-content{padding-top:12px;padding-bottom:10px;}
  #onboarding-welcome.onbw-overlay--benefits .onb2-benefit-art,
  #onboarding-welcome.onbw-overlay--transparency .onb3-trust-art{min-height:310px;}
  #onboarding-welcome.onbw-overlay--benefits .onbw-footer,
  #onboarding-welcome.onbw-overlay--transparency .onbw-footer{padding-bottom:16px;}
}

/* ONBOARDING r66y — canonical role screen branch.
   One source of truth for #onb2-step-role. Historical role-screen variants were removed
   because they redefined the same cards for mobile/tablet/desktop and caused layout drift. */
#onb2-overlay:has(#onb2-step-role.active){
  display:grid;
  place-items:center;
  padding:0;
  background:
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.98), rgba(255,255,255,0) 44%),
    linear-gradient(180deg,#f6f6f7 0%,#ececef 100%);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
#onb2-step-role{
  position:relative;
  width:100%;
  min-height:100dvh;
  display:flex;
  align-items:stretch;
  justify-content:center;
  box-sizing:border-box;
}
#onb2-step-role::after{display:none !important;}
#onb2-step-role .onb2-modal{
  --onb-role-modal-w:430px;
  --onb-role-card-h:116px;
  --onb-role-card-radius:22px;
  --onb-role-card-pad-y:16px;
  --onb-role-card-pad-x:16px;
  --onb-role-icon:72px;
  --onb-role-name:24px;
  --onb-role-desc:14px;
  --onb-role-gap:14px;
  position:relative;
  width:min(var(--onb-role-modal-w),100%);
  max-width:var(--onb-role-modal-w);
  min-height:100dvh;
  height:100dvh;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:0;
  border-radius:0;
  color:#0c131b;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.92), rgba(255,255,255,0) 42%),
    linear-gradient(180deg,#f7f7f8 0%,#efefef 100%);
  box-shadow:0 18px 60px rgba(20,24,32,.12);
  box-sizing:border-box;
}
#onb2-step-role .onb2-modal::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.018), rgba(255,255,255,.06) 24%, rgba(0,0,0,.018) 52%, rgba(255,255,255,.06) 82%, rgba(0,0,0,.018));
  pointer-events:none;
}
#onb2-step-role .onb2-modal-head,
#onb2-step-role .onb2-modal-body,
#onb2-step-role .onb2-role-privacy{
  position:relative;
  z-index:1;
}
#onb2-step-role .onb2-modal-head{
  flex:0 0 auto;
  padding:28px 18px 10px;
  text-align:center;
  background:transparent;
  border:0;
  box-sizing:border-box;
}
#onb2-step-role .onb2-modal-head::before{
  content:'9:41';
  display:block;
  height:18px;
  margin:0 0 28px;
  color:#111827;
  font-size:12px;
  line-height:18px;
  font-weight:900;
  letter-spacing:-.025em;
}
#onb2-step-role .onb2-modal-head::after,
#onb2-step-role .onb2-modal-kicker,
#onb2-step-role .onb2-stepdots,
#onb2-step-role .onb2-modal-meta,
#onb2-step-role .onb2-routebar,
#onb2-step-role .onb2-role-footer,
#onb2-step-role .onb2-role-features,
#onb2-step-role .onb2-role-arrow,
#onb2-step-role .onb2-role-badge{
  display:none !important;
}
#onb2-step-role .onb2-headbar{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 42px;
}
#onb2-step-role .onb2-brandbox{width:100%;justify-content:center;}
#onb2-step-role .onb2-brand-logo{
  width:min(100%, 286px);
  max-width:286px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(255,90,0,.08));
}
#onb2-step-role .onb2-brandmark,
#onb2-step-role .onb2-brandcopy,
#onb2-step-role .onb2-brandbox::after{display:none !important;}
#onb2-step-role .onb2-modal-title{
  margin:0;
  color:#08111a;
  font-size:clamp(27px, 7vw, 34px);
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.05em;
}
#onb2-step-role .onb2-modal-sub{
  width:auto;
  max-width:92%;
  margin:14px auto 0;
  color:#636a73;
  font-size:clamp(14px, 3.85vw, 16px);
  line-height:1.35;
  font-weight:560;
  letter-spacing:-.02em;
}
#onb2-step-role .onb2-modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:34px 16px 18px;
  background:transparent;
  box-sizing:border-box;
}
#onb2-step-role .onb2-shell,
#onb2-step-role .onb2-shell--role{
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:0;
  box-sizing:border-box;
}
#onb2-step-role .onb2-roles{
  width:100%;
  display:grid;
  grid-template-columns:1fr;
  gap:var(--onb-role-gap);
}
#onb2-step-role .onb2-role-card{
  position:relative;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:var(--onb-role-card-h);
  display:grid;
  grid-template-columns:var(--onb-role-icon) minmax(0,1fr) 26px;
  align-items:center;
  gap:clamp(12px, 3.4vw, 18px);
  padding:var(--onb-role-card-pad-y) var(--onb-role-card-pad-x);
  border-radius:var(--onb-role-card-radius);
  border:1px solid rgba(15,23,42,.055);
  background:rgba(255,255,255,.86);
  color:#0c131b;
  text-align:left;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  box-shadow:0 10px 28px rgba(17,24,39,.09), inset 0 1px 0 rgba(255,255,255,.65);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  transition:background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease;
  contain:layout paint;
}
#onb2-step-role .onb2-role-card:hover,
#onb2-step-role .onb2-role-card:focus-visible,
#onb2-step-role .onb2-role-card.is-selected{
  border-color:rgba(255,106,0,.22);
  background:rgba(255,255,255,.91);
  box-shadow:0 14px 30px rgba(17,24,39,.10), 0 0 0 1px rgba(255,106,0,.13);
}
#onb2-step-role .onb2-role-card:focus-visible{
  outline:3px solid rgba(255,90,0,.32);
  outline-offset:3px;
}
#onb2-step-role .onb2-role-card:active{transform:translateY(1px) scale(.992);}
#onb2-step-role .onb2-role-card::after{display:none !important;}
#onb2-step-role .onb2-role-ico-wrap{
  width:var(--onb-role-icon);
  height:var(--onb-role-icon);
  border-radius:calc(var(--onb-role-card-radius) - 4px);
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:0;
  box-shadow:none;
}
#onb2-step-role .onb2-role-ico{
  width:calc(var(--onb-role-icon) - 8px);
  height:calc(var(--onb-role-icon) - 8px);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff5a00;
}
#onb2-step-role .onb2-role-svg{
  width:calc(var(--onb-role-icon) - 12px);
  height:calc(var(--onb-role-icon) - 12px);
  display:block;
}
#onb2-step-role .onb2-role-main{
  min-width:0;
  display:grid;
  gap:8px;
}
#onb2-step-role .onb2-role-name{
  min-width:0;
  color:#101821 !important;
  font-size:var(--onb-role-name);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
#onb2-step-role .onb2-role-desc{
  min-width:0;
  margin:0;
  color:#5e646d;
  font-size:var(--onb-role-desc);
  line-height:1.38;
  font-weight:540;
  letter-spacing:-.015em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#onb2-step-role .onb2-role-privacy{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:0;
  padding:10px 18px max(16px, env(safe-area-inset-bottom));
  color:#6a7078;
  font-size:12.5px;
  line-height:1.35;
  font-weight:520;
  text-align:center;
  background:linear-gradient(180deg,rgba(239,239,239,0),rgba(239,239,239,.86) 28%,rgba(239,239,239,.96));
}
#onb2-step-role .onb2-role-privacy-ico{font-size:15px;line-height:1;transform:translateY(-1px);}
@media (max-width:374px){
  #onb2-step-role .onb2-modal{
    --onb-role-card-h:104px;
    --onb-role-icon:64px;
    --onb-role-name:22px;
    --onb-role-desc:13px;
    --onb-role-gap:12px;
  }
  #onb2-step-role .onb2-modal-head{padding-top:24px;}
  #onb2-step-role .onb2-headbar{margin-bottom:34px;}
  #onb2-step-role .onb2-brand-logo{max-width:250px;}
  #onb2-step-role .onb2-modal-body{padding-top:26px;}
}
@media (min-width:768px){
  #onb2-overlay:has(#onb2-step-role.active){padding:24px;}
  #onb2-step-role{align-items:center;}
  #onb2-step-role .onb2-modal{
    height:auto;
    min-height:min(760px, calc(100dvh - 48px));
    border-radius:34px;
    box-shadow:0 24px 80px rgba(15,23,42,.16);
  }
  #onb2-step-role .onb2-modal-head{padding:34px 44px 10px;}
  #onb2-step-role .onb2-modal-head::before{margin-bottom:30px;font-size:13px;}
  #onb2-step-role .onb2-headbar{margin-bottom:46px;}
  #onb2-step-role .onb2-brand-logo{max-width:370px;width:min(100%,370px);}
  #onb2-step-role .onb2-modal-title{font-size:clamp(36px, 4.2vw, 44px);}
  #onb2-step-role .onb2-modal-sub{max-width:720px;font-size:clamp(18px, 2.2vw, 22px);}
  #onb2-step-role .onb2-modal-body{padding:44px 44px 20px;overflow:visible;}
}
@media (min-width:768px) and (orientation:portrait){
  #onb2-step-role .onb2-modal{
    --onb-role-modal-w:860px;
    --onb-role-card-h:138px;
    --onb-role-card-radius:28px;
    --onb-role-card-pad-y:22px;
    --onb-role-card-pad-x:24px;
    --onb-role-icon:94px;
    --onb-role-name:30px;
    --onb-role-desc:17px;
    --onb-role-gap:18px;
    min-height:min(1040px, calc(100dvh - 48px));
  }
  #onb2-step-role .onb2-shell--role{max-width:660px;}
  #onb2-step-role .onb2-roles{grid-template-columns:1fr;}
  #onb2-step-role .onb2-role-card{grid-template-columns:var(--onb-role-icon) minmax(0,1fr) 36px;}
  #onb2-step-role .onb2-role-desc{max-width:470px;}
}
@media (min-width:768px) and (orientation:landscape), (min-width:1100px){
  #onb2-step-role .onb2-modal{
    --onb-role-modal-w:1120px;
    --onb-role-card-h:250px;
    --onb-role-card-radius:30px;
    --onb-role-card-pad-y:28px;
    --onb-role-card-pad-x:24px;
    --onb-role-icon:96px;
    --onb-role-name:clamp(24px, 2.45vw, 30px);
    --onb-role-desc:clamp(14px, 1.35vw, 17px);
    --onb-role-gap:clamp(18px, 2vw, 28px);
    width:min(var(--onb-role-modal-w), calc(100vw - 56px));
    max-width:var(--onb-role-modal-w);
  }
  #onb2-step-role .onb2-shell--role{max-width:100%;}
  #onb2-step-role .onb2-roles{grid-template-columns:repeat(3,minmax(0,1fr));}
  #onb2-step-role .onb2-role-card{
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0,1fr) auto;
    justify-items:center;
    align-items:center;
    text-align:center;
  }
  #onb2-step-role .onb2-role-main{justify-items:center;}
  #onb2-step-role .onb2-role-desc{max-width:270px;-webkit-line-clamp:3;}
}
@media (min-width:1200px){
  #onb2-step-role .onb2-modal{
    --onb-role-modal-w:1280px;
    --onb-role-card-h:292px;
    width:min(var(--onb-role-modal-w), calc(100vw - 80px));
  }
  #onb2-step-role .onb2-modal-head{padding-left:64px;padding-right:64px;}
  #onb2-step-role .onb2-modal-body{padding-left:64px;padding-right:64px;}
}
@media (min-width:768px) and (max-height:720px){
  #onb2-step-role .onb2-modal{
    --onb-role-card-h:168px;
    --onb-role-icon:72px;
    --onb-role-name:23px;
    --onb-role-desc:13.5px;
    min-height:calc(100dvh - 24px);
  }
  #onb2-step-role .onb2-modal-head{padding-top:18px;}
  #onb2-step-role .onb2-modal-head::before{margin-bottom:14px;}
  #onb2-step-role .onb2-headbar{margin-bottom:18px;}
  #onb2-step-role .onb2-modal-body{padding-top:22px;padding-bottom:8px;}
  #onb2-step-role .onb2-role-privacy{padding-top:8px;padding-bottom:10px;}
}

/* ONBOARDING — city select app-style.
   Scope: OnboardingV2 city step only. No page/API/DB changes.
*/
#onb2-overlay[data-step="city"] .onb2-modal--city{
  background:#fff;
}
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-body{
  padding-top:10px;
}
.onb2-city{
  width:min(390px, 100%);
  margin:0 auto;
  display:grid;
  gap:12px;
}
.onb2-city-search{
  position:relative;
}
.onb2-city-search input{
  width:100%;
  min-height:44px;
  border:1px solid #ececef;
  border-radius:14px;
  background:#fff;
  color:#111;
  outline:none;
  padding:0 42px;
  font-size:14px;
  font-weight:700;
  box-shadow:0 6px 18px rgba(15,23,42,.035);
}
.onb2-city-search input::placeholder{
  color:#a1a1aa;
}
.onb2-city-search-ico{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#9ca3af;
  font-size:18px;
  pointer-events:none;
}
.onb2-ip-suggest{
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(255,184,0,.35);
  border-radius:14px;
  background:#fff8dc;
  color:#111;
  box-shadow:none;
}
.onb2-ip-suggest .onb2-ip-suggest-text,
.onb2-ip-suggest .onb2-ip-city-label{
  font-size:12px;
  font-weight:850;
}
.onb2-ip-suggest .onb2-ip-confirm{
  min-height:30px;
  border:0;
  border-radius:10px;
  background:#ffc400;
  color:#111;
  padding:0 10px;
  font-size:12px;
  font-weight:950;
}
.onb2-city-list{
  overflow:visible;
}
.onb2-city-track--list{
  display:grid;
  gap:0;
  transform:none !important;
  border:1px solid #ececef;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.onb2-city-track--list .onb2-city-slide{
  width:100%;
  min-height:54px;
  border:0;
  border-bottom:1px solid #f0f0f2;
  border-radius:0;
  background:#fff;
  color:#111;
  display:grid;
  grid-template-columns:28px 1fr auto;
  align-items:center;
  gap:10px;
  padding:0 14px;
  text-align:left;
  box-shadow:none;
  transform:none !important;
}
.onb2-city-track--list .onb2-city-slide:last-child{
  border-bottom:0;
}
.onb2-city-track--list .onb2-city-slide::after{
  content:'';
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #d4d4d8;
  background:#fff;
}
.onb2-city-track--list .onb2-city-slide.is-active::after{
  border-color:#ffc400;
  box-shadow:inset 0 0 0 4px #fff;
  background:#ffc400;
}
.onb2-city-track--list .onb2-city-slide.is-active{
  background:#fffdf3;
}
.onb2-city-radio{
  width:16px;
  height:16px;
  border-radius:999px;
  background:#ffc400;
  box-shadow:0 0 0 5px rgba(255,196,0,.13);
}
.onb2-city-track--list .onb2-city-slide-title{
  font-size:14px;
  line-height:1.2;
  font-weight:850;
  color:#111;
}
.onb2-city-other{
  width:100%;
  min-height:44px;
  border:1px solid #ececef;
  border-radius:14px;
  background:#fff;
  color:#333;
  font-size:13px;
  font-weight:850;
}
.onb2-city-note{
  min-height:14px;
  color:#71717a;
  font-size:11px;
  font-weight:800;
  text-align:center;
}
.onb2-city-note.is-warning{
  color:#ef4444;
}
.onb2-brand{
  margin-top:2px;
}
#onb2-overlay[data-step="city"] .onb2-brand-track{
  gap:8px;
}
#onb2-overlay[data-step="city"] .onb2-brand-slide{
  min-width:82px;
  min-height:42px;
  border-radius:12px;
  box-shadow:none;
}
@media (max-width:420px){
  .onb2-city{
    width:100%;
  }
  #onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-body{
    padding-left:14px;
    padding-right:14px;
  }
  .onb2-city-track--list .onb2-city-slide{
    min-height:52px;
  }
}

/* ONBOARDING — reference city selection screen. Scope: city step only. */
#onb2-overlay[data-step="city"]{
  background:#f4f4f5;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
#onb2-overlay[data-step="city"] .onb2-modal--city{
  width:min(430px,100%);
  min-height:100dvh;
  height:100dvh;
  margin:0 auto;
  background:#fff;
  color:#111827;
  border-left:1px solid rgba(17,24,39,.06);
  border-right:1px solid rgba(17,24,39,.06);
  box-shadow:0 22px 70px rgba(15,23,42,.12);
  overflow:hidden;
}
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-head{
  position:relative;
  padding:16px 16px 10px;
  border-bottom:0;
  background:#fff;
}
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-head::before{
  content:'9:41';
  display:block;
  height:18px;
  margin-bottom:9px;
  color:#111827;
  font-size:11px;
  line-height:18px;
  font-weight:850;
}
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-head::after{
  content:'';
  display:block;
  width:128px;
  height:4px;
  margin-top:14px;
  border-radius:999px;
  background:linear-gradient(90deg,#ffc400 0 36%,#ececef 36% 100%);
}
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-headbar,
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-kicker,
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-role-ico,
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-meta,
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-stepdots{
  display:none;
}
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-title{
  margin:26px 0 0;
  color:#111827;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:23px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.04em;
}
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-sub{
  max-width:320px;
  margin-top:9px;
  color:#2f3744;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}
#onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-body{
  flex:1 1 auto;
  min-height:0;
  padding:16px 16px 104px;
  overflow:auto;
  background:#fff;
}
#onb2-overlay[data-step="city"] .onb2-city{
  width:100%;
  gap:12px;
}
#onb2-overlay[data-step="city"] .onb2-city-search input{
  min-height:46px;
  border-color:#e8e8ea;
  border-radius:13px;
  background:#fff;
  padding-left:44px;
  color:#111827;
  font-size:13px;
  font-weight:760;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}
#onb2-overlay[data-step="city"] .onb2-city-search-ico{
  left:15px;
  color:#8a8f99;
  font-size:17px;
}
#onb2-overlay[data-step="city"] .onb2-ip-suggest{
  min-height:44px;
  border-color:rgba(255,196,0,.42);
  border-radius:14px;
  background:#fff9dc;
}
#onb2-overlay[data-step="city"] .onb2-city-track--list{
  border-color:#e8e8ea;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
}
#onb2-overlay[data-step="city"] .onb2-city-track--list .onb2-city-slide{
  min-height:54px;
  grid-template-columns:22px 1fr auto;
  gap:12px;
  padding:0 15px;
  border-bottom-color:#f0f0f2;
  background:#fff;
}
#onb2-overlay[data-step="city"] .onb2-city-track--list .onb2-city-slide.is-active{
  background:#fffdf5;
}
#onb2-overlay[data-step="city"] .onb2-city-radio{
  width:12px;
  height:12px;
  border-radius:999px;
  background:#ffc400;
  box-shadow:0 0 0 5px rgba(255,196,0,.12);
  opacity:0;
}
#onb2-overlay[data-step="city"] .onb2-city-slide.is-active .onb2-city-radio{
  opacity:1;
}
#onb2-overlay[data-step="city"] .onb2-city-track--list .onb2-city-slide::after{
  width:18px;
  height:18px;
  border:2px solid #d4d4d8;
}
#onb2-overlay[data-step="city"] .onb2-city-track--list .onb2-city-slide.is-active::after{
  border-color:#ffc400;
  background:#ffc400;
  box-shadow:inset 0 0 0 4px #fff;
}
#onb2-overlay[data-step="city"] .onb2-city-track--list .onb2-city-slide-title{
  color:#111827;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
}
#onb2-overlay[data-step="city"] .onb2-city-other{
  min-height:46px;
  border-color:#e8e8ea;
  border-radius:13px;
  background:#fff;
  color:#333842;
  font-size:12.5px;
  font-weight:900;
  box-shadow:0 8px 20px rgba(15,23,42,.035);
}
#onb2-overlay[data-step="city"] .onb2-city-note{
  min-height:16px;
  color:#71717a;
  font-size:11px;
  font-weight:800;
}
#onb2-overlay[data-step="city"] .onb2-brand{
  display:none;
}
#onb2-overlay[data-step="city"] .onb2-modal-foot{
  position:absolute;
  left:50%;
  bottom:0;
  z-index:8;
  width:min(430px,100%);
  transform:translateX(-50%);
  padding:12px 16px max(14px, env(safe-area-inset-bottom));
  border-top:0;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.94) 18%,#fff 100%);
  box-sizing:border-box;
}
#onb2-overlay[data-step="city"] .onb2-foot-shell{
  gap:10px;
}
#onb2-overlay[data-step="city"] .onb2-back-btn{
  width:50px;
  min-width:50px;
  height:50px;
  border:1px solid #e8e8ea;
  border-radius:12px;
  background:#fff;
  color:#111827;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:24px;
  box-shadow:0 8px 20px rgba(15,23,42,.045);
}
#onb2-overlay[data-step="city"] .onb2-continue-btn{
  min-height:50px;
  border:0;
  border-radius:12px;
  background:linear-gradient(180deg,#ffc400,#f4b400);
  color:#111827;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:950;
  letter-spacing:0;
  text-transform:none;
  box-shadow:0 15px 30px rgba(255,196,0,.24);
}
@media (min-width:768px){
  #onb2-overlay[data-step="city"] .onb2-modal--city{
    min-height:0;
    height:calc(100dvh - 40px);
    margin:20px auto;
    border-radius:28px;
  }
  #onb2-overlay[data-step="city"] .onb2-modal-foot{
    bottom:20px;
    border-radius:0 0 28px 28px;
  }
}
@media (max-width:360px){
  #onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-head,
  #onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-body{
    padding-left:13px;
    padding-right:13px;
  }
  #onb2-overlay[data-step="city"] .onb2-modal--city .onb2-modal-title{
    font-size:21px;
    margin-top:20px;
  }
  #onb2-overlay[data-step="city"] .onb2-city-track--list .onb2-city-slide{
    min-height:51px;
  }
}



/* ONBOARDING — separate city search screen.
   Scope: only OnboardingV2 city-search step.
   Does not change auth, roles, API, DB or existing public pages.
*/
.onb2-modal--city-search .onb2-modal-body{
  padding-top:8px;
}
.onb2-city-search{
  display:grid;
  gap:12px;
}
.onb2-city-input-wrap{
  position:relative;
}
.onb2-city-search-ico{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#9ca3af;
  font-size:18px;
  line-height:1;
  pointer-events:none;
}
#onb2-city-search-input,
#onb2-city-search-custom{
  width:100%;
  min-height:46px;
  border:1px solid rgba(17,24,39,.08);
  border-radius:16px;
  background:#f5f5f6;
  color:#111827;
  padding:0 14px;
  font-size:14px;
  font-weight:750;
  outline:none;
}
#onb2-city-search-input{
  padding-left:40px;
}
#onb2-city-search-input::placeholder,
#onb2-city-search-custom::placeholder{
  color:#9ca3af;
}
.onb2-city-selected{
  min-height:36px;
  display:flex;
  align-items:center;
  padding:8px 12px;
  border-radius:14px;
  background:#fff7d1;
  color:#6b4b00;
  border:1px solid rgba(255,196,0,.42);
  font-size:12px;
  line-height:1.25;
  font-weight:900;
}
.onb2-city-list{
  display:grid;
  gap:8px;
  max-height:min(36dvh, 260px);
  overflow:auto;
  padding:2px 2px 4px;
  scrollbar-width:none;
}
.onb2-city-list::-webkit-scrollbar{
  display:none;
}
.onb2-city-option{
  width:100%;
  min-height:58px;
  border:1px solid #ececef;
  border-radius:16px;
  background:#fff;
  color:#111827;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 24px;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  text-align:left;
  box-shadow:0 6px 18px rgba(15,23,42,.045);
}
.onb2-city-option[hidden]{
  display:none !important;
}
.onb2-city-option-ico{
  width:38px;
  height:38px;
  border-radius:14px;
  background:#f4f4f5;
  display:grid;
  place-items:center;
  font-size:18px;
}
.onb2-city-option-main{
  min-width:0;
  display:grid;
  gap:2px;
}
.onb2-city-option-main b{
  color:#111827;
  font-size:14px;
  line-height:1.15;
  font-weight:950;
}
.onb2-city-option-main small{
  color:#71717a;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
}
.onb2-city-option-check{
  width:24px;
  height:24px;
  border-radius:999px;
  background:#f4f4f5;
  color:transparent;
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:950;
}
.onb2-city-option.is-selected{
  border-color:#ffc400;
  background:linear-gradient(180deg,#fffaf0,#fff);
}
.onb2-city-option.is-selected .onb2-city-option-check{
  background:#ffc400;
  color:#111827;
}
.onb2-city-custom{
  display:grid;
  gap:8px;
  padding:12px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #ececef;
}
.onb2-city-label{
  color:#242424;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
}
.onb2-city-custom-btn{
  min-height:42px;
  border:0;
  border-radius:14px;
  background:#111827;
  color:#fff;
  font-size:13px;
  font-weight:950;
}
.onb2-city-note{
  color:#71717a;
  font-size:12px;
  line-height:1.35;
  font-weight:750;
}
.onb2-city-note.is-warning{
  color:#b45309;
}
@media (max-width:420px){
  .onb2-city-list{
    max-height:34dvh;
  }
  .onb2-city-option{
    min-height:56px;
  }
}




/* ONBOARDING — address and geolocation */
.onb-address-screen{min-height:100dvh;width:100%;background:#fff;color:#111;display:flex;align-items:stretch;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.onb-address-card{width:min(430px,100%);min-height:100dvh;padding:18px 16px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff 0%,#fff 64%,#f8f8f9 100%);display:flex;flex-direction:column}.onb-address-progress{height:5px;border-radius:999px;background:#f0f0f1;overflow:hidden;margin:2px 0 18px}.onb-address-progress i{display:block;height:100%;background:#ffc400;border-radius:999px}.onb-address-head{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}.onb-address-back{width:36px;height:36px;border:0;border-radius:50%;background:#f4f4f5;color:#111;font-size:28px;line-height:1}.onb-address-kicker{color:#a1a1aa;font-size:11px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:2px 0 8px}.onb-address-head h1{margin:0;font-size:25px;line-height:1.05;letter-spacing:-.7px;font-weight:950}.onb-address-head p{margin:9px 0 0;color:#71717a;font-size:13px;line-height:1.42;font-weight:650}.onb-address-city{margin:18px 0 12px;min-height:56px;border:1px solid #e8e8eb;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.045);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.onb-address-city span{color:#71717a;font-size:12px;font-weight:800}.onb-address-city b{color:#111;font-size:15px;font-weight:950}.onb-address-form{display:grid;gap:11px}.onb-address-field{display:grid;gap:7px}.onb-address-field span{font-size:12px;color:#242424;font-weight:900}.onb-address-field input{width:100%;min-height:45px;border:1px solid #e8e8eb;border-radius:14px;background:#fff;color:#111;outline:0;padding:0 13px;font-size:14px;font-weight:700}.onb-address-field input::placeholder{color:#a1a1aa}.onb-geo-btn{margin:14px 0 12px;width:100%;border:1px solid rgba(255,196,0,.45);border-radius:16px;background:#fff8d7;color:#111;padding:12px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left}.onb-geo-icon{width:42px;height:42px;border-radius:14px;background:#ffc400;display:grid;place-items:center;font-size:22px;font-weight:950}.onb-geo-btn b{display:block;font-size:14px;font-weight:950;line-height:1.2}.onb-geo-btn em{display:block;margin-top:3px;color:#71717a;font-size:11.5px;line-height:1.25;font-style:normal;font-weight:700}.onb-geo-btn.is-loading .onb-geo-icon{animation:onbGeoPulse 1s infinite ease-in-out}@keyframes onbGeoPulse{0%,100%{transform:scale(1)}50%{transform:scale(.94)}}.onb-address-map{position:relative;min-height:138px;border:1px solid #e8e8eb;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 62% 48%, #ffc400 0 8px, #fff 9px 12px, transparent 13px),linear-gradient(35deg, transparent 0 43%, rgba(255,196,0,.23) 44% 54%, transparent 55%),linear-gradient(135deg, transparent 0 38%, rgba(34,197,94,.14) 39% 47%, transparent 48%),linear-gradient(90deg, #edf1f4 1px, transparent 1px),linear-gradient(0deg, #edf1f4 1px, transparent 1px),#fafafa;background-size:auto,auto,auto,30px 30px,30px 30px,auto}.onb-address-map i,.onb-address-map span,.onb-address-map b{position:absolute;border-radius:999px;background:#111;opacity:.8}.onb-address-map i{left:36px;top:38px;width:72px;height:8px;transform:rotate(-18deg)}.onb-address-map span{right:34px;bottom:34px;width:86px;height:8px;transform:rotate(-28deg)}.onb-address-map b{left:72px;bottom:42px;width:44px;height:8px;transform:rotate(28deg)}.onb-address-actions{margin-top:auto;padding-top:16px;display:grid;gap:9px}.onb-address-primary,.onb-address-skip{width:100%;min-height:48px;border:0;border-radius:14px;font-size:14px;font-weight:950}.onb-address-primary{background:#ffc400;color:#111;box-shadow:0 10px 22px rgba(255,196,0,.24)}.onb-address-skip{background:#fff;color:#71717a;border:1px solid #e8e8eb}@media (min-width:768px){.onb-address-screen{background:#f6f6f7}.onb-address-card{min-height:calc(100dvh - 32px);margin:16px 0;border:1px solid #e8e8eb;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.10);overflow:hidden}}




/* ONBOARDING — phone / email contact step */
.onb-contact-screen{
  min-height:100dvh;
  width:100%;
  background:#fff;
  color:#111;
  display:flex;
  align-items:stretch;
  justify-content:center;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.onb-contact-card{
  width:min(430px,100%);
  min-height:100dvh;
  padding:18px 16px calc(22px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#fff 0%,#fff 68%,#f8f8f9 100%);
  display:flex;
  flex-direction:column;
}
.onb-contact-progress{
  height:5px;
  border-radius:999px;
  background:#f0f0f1;
  overflow:hidden;
  margin:2px 0 18px;
}
.onb-contact-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#ffc400;
}
.onb-contact-head{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:start;
}
.onb-contact-back{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f4f4f5;
  color:#111;
  font-size:28px;
  line-height:1;
}
.onb-contact-kicker{
  color:#a1a1aa;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:2px 0 8px;
}
.onb-contact-head h1{
  margin:0;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.7px;
  font-weight:950;
}
.onb-contact-head p{
  margin:9px 0 0;
  color:#71717a;
  font-size:13px;
  line-height:1.42;
  font-weight:650;
}
.onb-contact-methods{
  margin:20px 0 14px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.onb-contact-method{
  min-height:36px;
  border:0;
  border-radius:999px;
  background:#f4f4f5;
  color:#242424;
  font-size:12px;
  font-weight:950;
}
.onb-contact-method.is-active{
  background:#ffc400;
  color:#111;
}
.onb-contact-form{
  display:grid;
  gap:11px;
}
.onb-contact-field{
  display:grid;
  gap:7px;
}
.onb-contact-field span{
  font-size:12px;
  color:#242424;
  font-weight:900;
}
.onb-contact-field input{
  width:100%;
  min-height:45px;
  border:1px solid #e8e8eb;
  border-radius:14px;
  background:#fff;
  color:#111;
  outline:0;
  padding:0 13px;
  font-size:14px;
  font-weight:750;
}
.onb-contact-field input::placeholder{
  color:#a1a1aa;
}
.onb-contact-note{
  margin:14px 0 0;
  border:1px solid rgba(255,196,0,.44);
  border-radius:16px;
  background:#fff8d7;
  padding:12px 13px;
}
.onb-contact-note b{
  display:block;
  color:#111;
  font-size:13px;
  line-height:1.25;
  font-weight:950;
}
.onb-contact-note span{
  display:block;
  margin-top:4px;
  color:#71717a;
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
}
.onb-contact-error{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(239,68,68,.34);
  background:#fff0f0;
  color:#b91c1c;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.onb-contact-actions{
  margin-top:auto;
  padding-top:16px;
  display:grid;
  gap:9px;
}
.onb-contact-primary,
.onb-contact-skip{
  width:100%;
  min-height:48px;
  border-radius:14px;
  font-size:14px;
  font-weight:950;
}
.onb-contact-primary{
  border:0;
  background:#ffc400;
  color:#111;
  box-shadow:0 10px 22px rgba(255,196,0,.24);
}
.onb-contact-skip{
  border:1px solid #e8e8eb;
  background:#fff;
  color:#71717a;
}
@media (min-width:768px){
  .onb-contact-screen{background:#f6f6f7;}
  .onb-contact-card{
    min-height:calc(100dvh - 32px);
    margin:16px 0;
    border:1px solid #e8e8eb;
    border-radius:28px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
    overflow:hidden;
  }
}




/* ONBOARDING — SMS / code verification */
.onb-verify-screen{
  min-height:100dvh;
  width:100%;
  background:#fff;
  color:#111;
  display:flex;
  align-items:stretch;
  justify-content:center;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.onb-verify-card{
  width:min(430px,100%);
  min-height:100dvh;
  padding:18px 16px calc(22px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#fff 0%,#fff 68%,#f8f8f9 100%);
  display:flex;
  flex-direction:column;
}
.onb-verify-progress{
  height:5px;
  border-radius:999px;
  background:#f0f0f1;
  overflow:hidden;
  margin:2px 0 18px;
}
.onb-verify-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#ffc400;
}
.onb-verify-head{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:start;
}
.onb-verify-back{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f4f4f5;
  color:#111;
  font-size:28px;
  line-height:1;
}
.onb-verify-kicker{
  color:#a1a1aa;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:2px 0 8px;
}
.onb-verify-head h1{
  margin:0;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.7px;
  font-weight:950;
}
.onb-verify-head p{
  margin:9px 0 0;
  color:#71717a;
  font-size:13px;
  line-height:1.42;
  font-weight:650;
}
.onb-verify-head p b{
  color:#111;
  font-weight:950;
}
.onb-verify-code{
  margin:28px 0 14px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.onb-code-cell{
  width:100%;
  height:58px;
  border:1px solid #e8e8eb;
  border-radius:16px;
  background:#fff;
  color:#111;
  text-align:center;
  font-size:24px;
  font-weight:950;
  outline:0;
  box-shadow:0 6px 18px rgba(15,23,42,.045);
}
.onb-code-cell:focus{
  border-color:#ffc400;
  box-shadow:0 0 0 4px rgba(255,196,0,.18);
}
.onb-verify-devnote{
  border:1px solid rgba(255,196,0,.44);
  border-radius:16px;
  background:#fff8d7;
  padding:12px 13px;
}
.onb-verify-devnote b,
.onb-verify-devnote span{
  color:#111;
  font-size:13px;
  font-weight:950;
}
.onb-verify-devnote em{
  display:block;
  margin-top:4px;
  color:#71717a;
  font-size:11.5px;
  line-height:1.35;
  font-style:normal;
  font-weight:700;
}
.onb-verify-error{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(239,68,68,.34);
  background:#fff0f0;
  color:#b91c1c;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.onb-verify-resend{
  margin:12px 0 0;
  width:100%;
  min-height:42px;
  border:1px solid #e8e8eb;
  border-radius:14px;
  background:#fff;
  color:#111;
  font-size:13px;
  font-weight:950;
}
.onb-verify-actions{
  margin-top:auto;
  padding-top:16px;
  display:grid;
  gap:9px;
}
.onb-verify-primary,
.onb-verify-skip{
  width:100%;
  min-height:48px;
  border-radius:14px;
  font-size:14px;
  font-weight:950;
}
.onb-verify-primary{
  border:0;
  background:#ffc400;
  color:#111;
  box-shadow:0 10px 22px rgba(255,196,0,.24);
}
.onb-verify-skip{
  border:1px solid #e8e8eb;
  background:#fff;
  color:#71717a;
}
@media (min-width:768px){
  .onb-verify-screen{background:#f6f6f7;}
  .onb-verify-card{
    min-height:calc(100dvh - 32px);
    margin:16px 0;
    border:1px solid #e8e8eb;
    border-radius:28px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
    overflow:hidden;
  }
}




/* ONBOARDING — account creation */
.onb-account-screen{
  min-height:100dvh;
  width:100%;
  background:#fff;
  color:#111;
  display:flex;
  align-items:stretch;
  justify-content:center;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.onb-account-card{
  width:min(430px,100%);
  min-height:100dvh;
  padding:18px 16px calc(22px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#fff 0%,#fff 68%,#f8f8f9 100%);
  display:flex;
  flex-direction:column;
}
.onb-account-progress{
  height:5px;
  border-radius:999px;
  background:#f0f0f1;
  overflow:hidden;
  margin:2px 0 18px;
}
.onb-account-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#ffc400;
}
.onb-account-head{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:start;
}
.onb-account-back{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f4f4f5;
  color:#111;
  font-size:28px;
  line-height:1;
}
.onb-account-kicker{
  color:#a1a1aa;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:2px 0 8px;
}
.onb-account-head h1{
  margin:0;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.7px;
  font-weight:950;
}
.onb-account-head p{
  margin:9px 0 0;
  color:#71717a;
  font-size:13px;
  line-height:1.42;
  font-weight:650;
}
.onb-account-role{
  margin:18px 0 12px;
  min-height:54px;
  border:1px solid rgba(255,196,0,.44);
  border-radius:16px;
  background:#fff8d7;
  padding:12px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.onb-account-role span{
  color:#71717a;
  font-size:12px;
  font-weight:900;
}
.onb-account-role b{
  color:#111;
  font-size:14px;
  font-weight:950;
}
.onb-account-form{
  display:grid;
  gap:11px;
}
.onb-account-field{
  display:grid;
  gap:7px;
}
.onb-account-field span{
  font-size:12px;
  color:#242424;
  font-weight:900;
}
.onb-account-field input{
  width:100%;
  min-height:45px;
  border:1px solid #e8e8eb;
  border-radius:14px;
  background:#fff;
  color:#111;
  outline:0;
  padding:0 13px;
  font-size:14px;
  font-weight:750;
}
.onb-account-field input::placeholder{
  color:#a1a1aa;
}
.onb-account-password{
  display:grid;
  grid-template-columns:1fr 44px;
  gap:8px;
}
.onb-account-password input{
  min-width:0;
}
.onb-account-password button{
  width:44px;
  min-height:45px;
  border:1px solid #e8e8eb;
  border-radius:14px;
  background:#fff;
  color:#111;
}
.onb-account-check{
  margin:13px 0 0;
  display:grid;
  grid-template-columns:22px 1fr;
  gap:9px;
  align-items:start;
  color:#71717a;
  font-size:12px;
  line-height:1.35;
  font-weight:750;
}
.onb-account-check input{
  width:20px;
  height:20px;
  accent-color:#ffc400;
}
.onb-account-note{
  margin:12px 0 0;
  border:1px solid #e8e8eb;
  border-radius:16px;
  background:#fff;
  padding:12px 13px;
}
.onb-account-note b{
  color:#111;
  font-size:12px;
  font-weight:950;
}
.onb-account-note span{
  display:block;
  margin-top:4px;
  color:#71717a;
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
}
.onb-account-error{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(239,68,68,.34);
  background:#fff0f0;
  color:#b91c1c;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.onb-account-actions{
  margin-top:auto;
  padding-top:16px;
  display:grid;
  gap:9px;
}
.onb-account-primary,
.onb-account-skip{
  width:100%;
  min-height:48px;
  border-radius:14px;
  font-size:14px;
  font-weight:950;
}
.onb-account-primary{
  border:0;
  background:#ffc400;
  color:#111;
  box-shadow:0 10px 22px rgba(255,196,0,.24);
}
.onb-account-skip{
  border:1px solid #e8e8eb;
  background:#fff;
  color:#71717a;
}
@media (min-width:768px){
  .onb-account-screen{background:#f6f6f7;}
  .onb-account-card{
    min-height:calc(100dvh - 32px);
    margin:16px 0;
    border:1px solid #e8e8eb;
    border-radius:28px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
    overflow:hidden;
  }
}



/* ONBOARDING — role-aware profile details */
.onb-profile-screen{min-height:100dvh;width:100%;background:#fff;color:#111;display:flex;align-items:stretch;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.onb-profile-card{width:min(430px,100%);min-height:100dvh;padding:18px 16px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff 0%,#fff 68%,#f8f8f9 100%);display:flex;flex-direction:column}
.onb-profile-progress{height:5px;border-radius:999px;background:#f0f0f1;overflow:hidden;margin:2px 0 18px}.onb-profile-progress i{display:block;height:100%;border-radius:999px;background:#ffc400}
.onb-profile-head{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}.onb-profile-back{width:36px;height:36px;border:0;border-radius:50%;background:#f4f4f5;color:#111;font-size:28px;line-height:1}
.onb-profile-kicker{color:#a1a1aa;font-size:11px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:2px 0 8px}.onb-profile-head h1{margin:0;font-size:25px;line-height:1.05;letter-spacing:-.7px;font-weight:950}.onb-profile-head p{margin:9px 0 0;color:#71717a;font-size:13px;line-height:1.42;font-weight:650}
.onb-profile-role-card{margin:18px 0 12px;border:1px solid rgba(255,196,0,.44);border-radius:18px;background:#fff8d7;padding:12px;display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center}.onb-profile-avatar{width:48px;height:48px;border-radius:16px;background:#ffc400;display:grid;place-items:center;font-size:23px}.onb-profile-role-card b{display:block;color:#111;font-size:15px;font-weight:950}.onb-profile-role-card span{display:block;margin-top:3px;color:#71717a;font-size:12px;font-weight:800}
.onb-profile-form{display:grid;gap:11px}.onb-profile-field{display:grid;gap:7px}.onb-profile-field span{font-size:12px;color:#242424;font-weight:900}.onb-profile-field input,.onb-profile-field textarea{width:100%;border:1px solid #e8e8eb;border-radius:14px;background:#fff;color:#111;outline:0;padding:0 13px;font-size:14px;font-weight:750}.onb-profile-field input{min-height:45px}.onb-profile-field textarea{min-height:94px;padding-top:11px;resize:vertical;line-height:1.4}.onb-profile-field input::placeholder,.onb-profile-field textarea::placeholder{color:#a1a1aa}
.onb-profile-error{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(239,68,68,.34);background:#fff0f0;color:#b91c1c;font-size:12px;line-height:1.35;font-weight:800}
.onb-profile-actions{margin-top:auto;padding-top:16px;display:grid;gap:9px}.onb-profile-primary,.onb-profile-skip{width:100%;min-height:48px;border-radius:14px;font-size:14px;font-weight:950}.onb-profile-primary{border:0;background:#ffc400;color:#111;box-shadow:0 10px 22px rgba(255,196,0,.24)}.onb-profile-skip{border:1px solid #e8e8eb;background:#fff;color:#71717a}
@media (min-width:768px){.onb-profile-screen{background:#f6f6f7}.onb-profile-card{min-height:calc(100dvh - 32px);margin:16px 0;border:1px solid #e8e8eb;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.10);overflow:hidden}}




/* ONBOARDING — vehicle add step */
.onb-vehicle-screen{
  min-height:100dvh;
  width:100%;
  background:#fff;
  color:#111;
  display:flex;
  align-items:stretch;
  justify-content:center;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.onb-vehicle-card{
  width:min(430px,100%);
  min-height:100dvh;
  padding:18px 16px calc(22px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#fff 0%,#fff 70%,#f8f8f9 100%);
  display:flex;
  flex-direction:column;
}
.onb-vehicle-progress{
  height:5px;
  border-radius:999px;
  background:#f0f0f1;
  overflow:hidden;
  margin:2px 0 18px;
}
.onb-vehicle-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#ffc400;
}
.onb-vehicle-head{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:start;
}
.onb-vehicle-back{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f4f4f5;
  color:#111;
  font-size:28px;
  line-height:1;
}
.onb-vehicle-kicker{
  color:#a1a1aa;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:2px 0 8px;
}
.onb-vehicle-head h1{
  margin:0;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.7px;
  font-weight:950;
}
.onb-vehicle-head p{
  margin:9px 0 0;
  color:#71717a;
  font-size:13px;
  line-height:1.42;
  font-weight:650;
}
.onb-vehicle-visual{
  position:relative;
  min-height:112px;
  margin:16px 0 14px;
  border-radius:22px;
  background:
    radial-gradient(circle at 24% 30%, rgba(255,196,0,.30) 0 28px, transparent 29px),
    linear-gradient(180deg,#f9fafb,#f2f2f3);
  overflow:hidden;
  border:1px solid #e8e8eb;
}
.onb-vehicle-road{
  position:absolute;
  left:0;
  right:0;
  bottom:20px;
  height:24px;
  background:linear-gradient(90deg,transparent,#d9d9df,transparent);
  opacity:.7;
}
.onb-vehicle-car{
  position:absolute;
  left:50%;
  bottom:29px;
  width:158px;
  height:46px;
  transform:translateX(-50%);
}
.onb-vehicle-car i{
  position:absolute;
  left:20px;
  right:20px;
  bottom:10px;
  height:27px;
  border-radius:18px 24px 10px 10px;
  background:#ffc400;
  border:2px solid #111;
}
.onb-vehicle-car b{
  position:absolute;
  left:48px;
  top:1px;
  width:62px;
  height:28px;
  border-radius:22px 22px 6px 6px;
  background:#fff;
  border:2px solid #111;
}
.onb-vehicle-car span:before,
.onb-vehicle-car span:after{
  content:"";
  position:absolute;
  bottom:0;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#111;
  box-shadow:inset 0 0 0 6px #fff;
}
.onb-vehicle-car span:before{left:30px;}
.onb-vehicle-car span:after{right:30px;}
.onb-vehicle-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.onb-vehicle-field{
  display:grid;
  grid-column:1/-1;
  gap:7px;
}
.onb-vehicle-field--half{
  grid-column:auto;
}
.onb-vehicle-field span{
  font-size:12px;
  color:#242424;
  font-weight:900;
}
.onb-vehicle-field input{
  width:100%;
  min-height:45px;
  border:1px solid #e8e8eb;
  border-radius:14px;
  background:#fff;
  color:#111;
  outline:0;
  padding:0 13px;
  font-size:14px;
  font-weight:750;
}
.onb-vehicle-field input::placeholder{
  color:#a1a1aa;
}
.onb-vehicle-note{
  margin:12px 0 0;
  border:1px solid rgba(255,196,0,.44);
  border-radius:16px;
  background:#fff8d7;
  padding:12px 13px;
}
.onb-vehicle-note b{
  display:block;
  color:#111;
  font-size:13px;
  font-weight:950;
}
.onb-vehicle-note span{
  display:block;
  margin-top:4px;
  color:#71717a;
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
}
.onb-vehicle-error{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(239,68,68,.34);
  background:#fff0f0;
  color:#b91c1c;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.onb-vehicle-actions{
  margin-top:auto;
  padding-top:16px;
  display:grid;
  gap:9px;
}
.onb-vehicle-primary,
.onb-vehicle-skip{
  width:100%;
  min-height:48px;
  border-radius:14px;
  font-size:14px;
  font-weight:950;
}
.onb-vehicle-primary{
  border:0;
  background:#ffc400;
  color:#111;
  box-shadow:0 10px 22px rgba(255,196,0,.24);
}
.onb-vehicle-skip{
  border:1px solid #e8e8eb;
  background:#fff;
  color:#71717a;
}
@media (min-width:768px){
  .onb-vehicle-screen{background:#f6f6f7;}
  .onb-vehicle-card{
    min-height:calc(100dvh - 32px);
    margin:16px 0;
    border:1px solid #e8e8eb;
    border-radius:28px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
    overflow:hidden;
  }
}




/* ONBOARDING — permissions */
.onb-perm-screen{
  min-height:100dvh;
  width:100%;
  background:#fff;
  color:#111;
  display:flex;
  align-items:stretch;
  justify-content:center;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.onb-perm-card{
  width:min(430px,100%);
  min-height:100dvh;
  padding:18px 16px calc(22px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#fff 0%,#fff 70%,#f8f8f9 100%);
  display:flex;
  flex-direction:column;
}
.onb-perm-progress{
  height:5px;
  border-radius:999px;
  background:#f0f0f1;
  overflow:hidden;
  margin:2px 0 18px;
}
.onb-perm-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#ffc400;
}
.onb-perm-head{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:start;
}
.onb-perm-back{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f4f4f5;
  color:#111;
  font-size:28px;
  line-height:1;
}
.onb-perm-kicker{
  color:#a1a1aa;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:2px 0 8px;
}
.onb-perm-head h1{
  margin:0;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.7px;
  font-weight:950;
}
.onb-perm-head p{
  margin:9px 0 0;
  color:#71717a;
  font-size:13px;
  line-height:1.42;
  font-weight:650;
}
.onb-perm-list{
  display:grid;
  gap:10px;
  margin:18px 0 12px;
}
.onb-perm-item{
  width:100%;
  border:1px solid #e8e8eb;
  border-radius:18px;
  background:#fff;
  color:#111;
  padding:12px;
  display:grid;
  grid-template-columns:42px 1fr 44px;
  gap:10px;
  align-items:center;
  text-align:left;
  box-shadow:0 6px 18px rgba(15,23,42,.045);
}
.onb-perm-item.is-on{
  border-color:rgba(255,196,0,.62);
  background:linear-gradient(180deg,#fffef7,#fff);
}
.onb-perm-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  background:#f4f4f5;
  display:grid;
  place-items:center;
  font-size:21px;
  font-weight:950;
}
.onb-perm-item.is-on .onb-perm-icon{
  background:#ffc400;
}
.onb-perm-body{
  min-width:0;
  display:grid;
  gap:4px;
}
.onb-perm-body b{
  display:flex;
  align-items:center;
  gap:6px;
  color:#111;
  font-size:14px;
  line-height:1.2;
  font-weight:950;
}
.onb-perm-body b em{
  padding:3px 7px;
  border-radius:999px;
  background:#fff3be;
  color:#8a6100;
  font-size:9px;
  line-height:1;
  font-style:normal;
  font-weight:950;
}
.onb-perm-body small{
  color:#71717a;
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
}
.onb-perm-toggle{
  width:42px;
  height:25px;
  border-radius:999px;
  background:#e8e8eb;
  padding:3px;
  display:flex;
  justify-content:flex-start;
  transition:.16s ease;
}
.onb-perm-toggle i{
  width:19px;
  height:19px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.onb-perm-item.is-on .onb-perm-toggle{
  background:#ffc400;
  justify-content:flex-end;
}
.onb-perm-note{
  border:1px solid #e8e8eb;
  border-radius:16px;
  background:#fff;
  padding:12px 13px;
}
.onb-perm-note b{
  display:block;
  color:#111;
  font-size:13px;
  font-weight:950;
}
.onb-perm-note span{
  display:block;
  margin-top:4px;
  color:#71717a;
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
}
.onb-perm-status{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,196,0,.44);
  background:#fff8d7;
  color:#111;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.onb-perm-status[data-type="ok"]{
  border-color:rgba(34,197,94,.32);
  background:#e7f8ee;
  color:#15803d;
}
.onb-perm-actions{
  margin-top:auto;
  padding-top:16px;
  display:grid;
  gap:9px;
}
.onb-perm-primary,
.onb-perm-skip{
  width:100%;
  min-height:48px;
  border-radius:14px;
  font-size:14px;
  font-weight:950;
}
.onb-perm-primary{
  border:0;
  background:#ffc400;
  color:#111;
  box-shadow:0 10px 22px rgba(255,196,0,.24);
}
.onb-perm-primary:disabled{
  opacity:.7;
}
.onb-perm-skip{
  border:1px solid #e8e8eb;
  background:#fff;
  color:#71717a;
}
@media (min-width:768px){
  .onb-perm-screen{background:#f6f6f7;}
  .onb-perm-card{
    min-height:calc(100dvh - 32px);
    margin:16px 0;
    border:1px solid #e8e8eb;
    border-radius:28px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
    overflow:hidden;
  }
}




/* ONBOARDING — review data */
.onb-review-screen{
  min-height:100dvh;
  width:100%;
  background:#fff;
  color:#111;
  display:flex;
  align-items:stretch;
  justify-content:center;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.onb-review-card{
  width:min(430px,100%);
  min-height:100dvh;
  padding:18px 16px calc(22px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#fff 0%,#fff 70%,#f8f8f9 100%);
  display:flex;
  flex-direction:column;
}
.onb-review-progress{
  height:5px;
  border-radius:999px;
  background:#f0f0f1;
  overflow:hidden;
  margin:2px 0 18px;
}
.onb-review-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#ffc400;
}
.onb-review-head{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:start;
}
.onb-review-back{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f4f4f5;
  color:#111;
  font-size:28px;
  line-height:1;
}
.onb-review-kicker{
  color:#a1a1aa;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:2px 0 8px;
}
.onb-review-head h1{
  margin:0;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.7px;
  font-weight:950;
}
.onb-review-head p{
  margin:9px 0 0;
  color:#71717a;
  font-size:13px;
  line-height:1.42;
  font-weight:650;
}
.onb-review-list{
  display:grid;
  gap:9px;
  margin:18px 0 12px;
}
.onb-review-row{
  border:1px solid #e8e8eb;
  border-radius:16px;
  background:#fff;
  padding:11px;
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:10px;
  align-items:center;
  box-shadow:0 6px 18px rgba(15,23,42,.045);
}
.onb-review-row__icon{
  width:38px;
  height:38px;
  border-radius:13px;
  background:#f4f4f5;
  display:grid;
  place-items:center;
  color:#111;
  font-size:18px;
  font-weight:950;
}
.onb-review-row__body{
  min-width:0;
  display:grid;
  gap:3px;
}
.onb-review-row__body small{
  color:#71717a;
  font-size:10.8px;
  line-height:1;
  font-weight:850;
}
.onb-review-row__body b{
  color:#111;
  font-size:13px;
  line-height:1.25;
  font-weight:950;
  overflow:hidden;
  text-overflow:ellipsis;
}
.onb-review-edit{
  min-height:30px;
  border:0;
  border-radius:999px;
  background:#fff3be;
  color:#8a6100;
  padding:0 10px;
  font-size:11px;
  font-weight:950;
}
.onb-review-note{
  border:1px solid rgba(255,196,0,.44);
  border-radius:16px;
  background:#fff8d7;
  padding:12px 13px;
}
.onb-review-note b{
  display:block;
  color:#111;
  font-size:13px;
  font-weight:950;
}
.onb-review-note span{
  display:block;
  margin-top:4px;
  color:#71717a;
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
}
.onb-review-actions{
  margin-top:auto;
  padding-top:16px;
  display:grid;
  gap:9px;
}
.onb-review-primary,
.onb-review-skip{
  width:100%;
  min-height:48px;
  border-radius:14px;
  font-size:14px;
  font-weight:950;
}
.onb-review-primary{
  border:0;
  background:#ffc400;
  color:#111;
  box-shadow:0 10px 22px rgba(255,196,0,.24);
}
.onb-review-skip{
  border:1px solid #e8e8eb;
  background:#fff;
  color:#71717a;
}
@media (min-width:768px){
  .onb-review-screen{background:#f6f6f7;}
  .onb-review-card{
    min-height:calc(100dvh - 32px);
    margin:16px 0;
    border:1px solid #e8e8eb;
    border-radius:28px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
    overflow:hidden;
  }
}




/* ONBOARDING — final done screen */
.onb-done-screen{
  min-height:100dvh;
  width:100%;
  background:#fff;
  color:#111;
  display:flex;
  align-items:stretch;
  justify-content:center;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.onb-done-card{
  width:min(430px,100%);
  min-height:100dvh;
  padding:18px 16px calc(22px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#fff 0%,#fff 68%,#f8f8f9 100%);
  display:flex;
  flex-direction:column;
}
.onb-done-progress{
  height:5px;
  border-radius:999px;
  background:#f0f0f1;
  overflow:hidden;
  margin:2px 0 18px;
}
.onb-done-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#ffc400;
}
.onb-done-head{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:start;
}
.onb-done-back{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f4f4f5;
  color:#111;
  font-size:28px;
  line-height:1;
}
.onb-done-kicker{
  color:#a1a1aa;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:2px 0 8px;
}
.onb-done-head h1{
  margin:0;
  font-size:26px;
  line-height:1.05;
  letter-spacing:-.7px;
  font-weight:950;
}
.onb-done-head p{
  margin:9px 0 0;
  color:#71717a;
  font-size:13px;
  line-height:1.42;
  font-weight:650;
}
.onb-done-hero{
  position:relative;
  min-height:174px;
  margin:20px 0 14px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,196,0,.34) 0 58px, transparent 59px),
    linear-gradient(180deg,#fff8d7 0%,#f8f8f9 100%);
  border:1px solid rgba(255,196,0,.38);
}
.onb-done-badge{
  position:absolute;
  left:50%;
  top:18px;
  width:52px;
  height:52px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#ffc400;
  color:#111;
  display:grid;
  place-items:center;
  font-size:27px;
  font-weight:950;
  box-shadow:0 12px 28px rgba(255,196,0,.24);
}
.onb-done-road{
  position:absolute;
  left:0;
  right:0;
  bottom:28px;
  height:24px;
  background:linear-gradient(90deg,transparent,#d9d9df,transparent);
}
.onb-done-car{
  position:absolute;
  left:50%;
  bottom:42px;
  width:170px;
  height:52px;
  transform:translateX(-50%);
}
.onb-done-car i{
  position:absolute;
  left:20px;
  right:20px;
  bottom:10px;
  height:30px;
  border-radius:20px 26px 11px 11px;
  background:#ffc400;
  border:2px solid #111;
}
.onb-done-car b{
  position:absolute;
  left:51px;
  top:1px;
  width:68px;
  height:31px;
  border-radius:24px 24px 7px 7px;
  background:#fff;
  border:2px solid #111;
}
.onb-done-car span:before,
.onb-done-car span:after{
  content:"";
  position:absolute;
  bottom:0;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#111;
  box-shadow:inset 0 0 0 7px #fff;
}
.onb-done-car span:before{left:31px;}
.onb-done-car span:after{right:31px;}
.onb-done-summary{
  display:grid;
  gap:9px;
}
.onb-done-row{
  min-height:48px;
  border:1px solid #e8e8eb;
  border-radius:16px;
  background:#fff;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.onb-done-row span{
  color:#71717a;
  font-size:12px;
  font-weight:900;
}
.onb-done-row b{
  min-width:0;
  color:#111;
  font-size:13px;
  line-height:1.2;
  font-weight:950;
  text-align:right;
}
.onb-done-next{
  margin:12px 0 0;
  border:1px solid rgba(255,196,0,.44);
  border-radius:18px;
  background:#fff8d7;
  padding:13px;
}
.onb-done-next b{
  display:block;
  color:#111;
  font-size:14px;
  font-weight:950;
}
.onb-done-next span{
  display:block;
  margin-top:4px;
  color:#71717a;
  font-size:12px;
  line-height:1.35;
  font-weight:750;
}
.onb-done-actions{
  margin-top:auto;
  padding-top:16px;
  display:grid;
  gap:9px;
}
.onb-done-primary,
.onb-done-skip{
  width:100%;
  min-height:48px;
  border-radius:14px;
  font-size:14px;
  font-weight:950;
}
.onb-done-primary{
  border:0;
  background:#ffc400;
  color:#111;
  box-shadow:0 10px 22px rgba(255,196,0,.24);
}
.onb-done-skip{
  border:1px solid #e8e8eb;
  background:#fff;
  color:#71717a;
}
@media (min-width:768px){
  .onb-done-screen{background:#f6f6f7;}
  .onb-done-card{
    min-height:calc(100dvh - 32px);
    margin:16px 0;
    border:1px solid #e8e8eb;
    border-radius:28px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
    overflow:hidden;
  }
}




/* ONBOARDING-LIVE diagnostics */
.onb-live-screen{
  min-height:100dvh;
  background:#f6f6f7;
  color:#111;
  display:flex;
  justify-content:center;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.onb-live-card{
  width:min(430px,100%);
  min-height:100dvh;
  background:#fff;
  padding:18px 16px calc(22px + env(safe-area-inset-bottom));
}
.onb-live-head{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:start;
}
.onb-live-head button{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f4f4f5;
  color:#111;
  font-size:28px;
}
.onb-live-kicker{
  color:#a1a1aa;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:2px 0 8px;
}
.onb-live-head h1{
  margin:0;
  font-size:24px;
  line-height:1.05;
  font-weight:950;
}
.onb-live-head p{
  margin:9px 0 0;
  color:#71717a;
  font-size:13px;
  line-height:1.42;
  font-weight:650;
}
.onb-live-summary{
  margin:18px 0 12px;
  display:grid;
  gap:8px;
}
.onb-live-summary div,
.onb-live-step{
  border:1px solid #e8e8eb;
  border-radius:14px;
  background:#fff;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.onb-live-summary span,
.onb-live-step span{
  color:#71717a;
  font-size:12px;
  font-weight:850;
}
.onb-live-summary b,
.onb-live-step b{
  color:#111;
  font-size:12px;
  line-height:1.2;
  font-weight:950;
  text-align:right;
}
.onb-live-step.is-active{
  border-color:rgba(255,196,0,.62);
  background:#fff8d7;
}
.onb-live-ok,
.onb-live-issues{
  border-radius:16px;
  padding:12px;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.onb-live-ok{
  border:1px solid rgba(34,197,94,.32);
  background:#e7f8ee;
  color:#15803d;
}
.onb-live-issues{
  border:1px solid rgba(239,68,68,.34);
  background:#fff0f0;
  color:#b91c1c;
  display:grid;
  gap:7px;
}
.onb-live-section{
  margin-top:16px;
}
.onb-live-section h2{
  margin:0 0 8px;
  font-size:14px;
  font-weight:950;
}
.onb-live-steps{
  display:grid;
  gap:7px;
}
.onb-live-section pre{
  max-height:260px;
  overflow:auto;
  border:1px solid #e8e8eb;
  border-radius:14px;
  background:#111;
  color:#f8f8f9;
  padding:12px;
  font-size:11px;
  line-height:1.4;
}
.onb-live-actions{
  position:sticky;
  bottom:0;
  margin-top:16px;
  padding:12px 0 0;
  display:grid;
  gap:8px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 18%);
}
.onb-live-actions button{
  min-height:44px;
  border-radius:14px;
  border:1px solid #e8e8eb;
  background:#fff;
  color:#111;
  font-size:13px;
  font-weight:950;
}
.onb-live-actions button:first-child{
  background:#ffc400;
  border-color:#ffc400;
}
@media (min-width:768px){
  .onb-live-card{
    min-height:calc(100dvh - 32px);
    margin:16px 0;
    border:1px solid #e8e8eb;
    border-radius:28px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
  }
}


/* ONBOARDING-LIVE route matrix */
.onb-live-role{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:10px;
}
.onb-live-role button{
  min-height:34px;
  border:1px solid #e8e8eb;
  border-radius:999px;
  background:#fff;
  color:#111;
  font-size:12px;
  font-weight:950;
}
.onb-live-role button.is-active{
  background:#ffc400;
  border-color:#ffc400;
}
.onb-live-routes{
  display:grid;
  gap:7px;
}
.onb-live-route{
  width:100%;
  min-height:50px;
  border:1px solid #e8e8eb;
  border-radius:14px;
  background:#fff;
  color:#111;
  padding:9px 10px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 10px;
  align-items:center;
  text-align:left;
}
.onb-live-route span{
  font-size:12px;
  font-weight:950;
}
.onb-live-route small{
  color:#71717a;
  font-size:10.5px;
  line-height:1.2;
  font-weight:750;
}
.onb-live-route b{
  grid-row:1/3;
  grid-column:2;
  padding:4px 8px;
  border-radius:999px;
  background:#f4f4f5;
  color:#71717a;
  font-size:10px;
  font-weight:950;
}
.onb-live-route.is-ok{
  border-color:rgba(34,197,94,.34);
  background:#f7fff9;
}
.onb-live-route.is-ok b{
  background:#e7f8ee;
  color:#15803d;
}
.onb-live-route.is-bad{
  border-color:rgba(239,68,68,.34);
  background:#fff7f7;
}
.onb-live-route.is-bad b{
  background:#fff0f0;
  color:#b91c1c;
}
.onb-live-actions--matrix{
  position:static;
  background:none;
  grid-template-columns:1fr;
}
.onb-live-actions--matrix button:first-child{
  background:#ffc400;
}


/* ONBOARDING-LIVE fallback and report */
.onb-live-report-actions{
  margin-top:14px;
  display:grid;
  gap:8px;
}
.onb-live-report-actions button{
  min-height:42px;
  border:1px solid #e8e8eb;
  border-radius:14px;
  background:#fff;
  color:#111;
  font-size:12px;
  font-weight:950;
}
.onb-live-report-actions button:first-child{
  background:#ffc400;
  border-color:#ffc400;
}
.onb-live-fallback-screen{
  min-height:100dvh;
  background:#f6f6f7;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.onb-live-fallback-card{
  width:min(430px,100%);
  border:1px solid #e8e8eb;
  border-radius:28px;
  background:#fff;
  padding:18px;
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}
.onb-live-fallback-kicker{
  color:#a1a1aa;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:0 0 8px;
}
.onb-live-fallback-card h1{
  margin:0;
  font-size:24px;
  line-height:1.08;
  font-weight:950;
}
.onb-live-fallback-card p{
  margin:10px 0 14px;
  color:#71717a;
  font-size:13px;
  line-height:1.4;
  font-weight:650;
}
.onb-live-fallback-box{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:8px 10px;
  border:1px solid rgba(239,68,68,.34);
  border-radius:16px;
  background:#fff0f0;
  padding:12px;
  margin-bottom:14px;
}
.onb-live-fallback-box span{
  color:#71717a;
  font-size:12px;
  font-weight:900;
}
.onb-live-fallback-box b{
  color:#111;
  font-size:12px;
  line-height:1.25;
  font-weight:950;
  word-break:break-word;
}
.onb-live-fallback-card button{
  width:100%;
  min-height:44px;
  border-radius:14px;
  border:1px solid #e8e8eb;
  background:#fff;
  color:#111;
  font-size:13px;
  font-weight:950;
  margin-top:8px;
}
.onb-live-fallback-card button:first-of-type{
  background:#ffc400;
  border-color:#ffc400;
}




/* ONBOARDING — reference app screens for quick/profile role forms. */
#onb2-overlay:has(.onb2-step.active .onb2-modal--ref){
  background:#f7f7f8;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
#onb2-overlay:has(.onb2-step.active .onb2-modal--ref) .onb2-step{
  align-items:stretch;
}
.onb2-modal--ref{
  position:relative;
  width:min(430px,100%);
  height:100dvh;
  min-height:100dvh;
  margin:0 auto;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 6%, rgba(255,90,0,.06), transparent 26%),
    linear-gradient(180deg,#fff 0%,#fffaf7 100%);
  color:#24262b;
  border-left:1px solid rgba(17,24,39,.06);
  border-right:1px solid rgba(17,24,39,.06);
  box-shadow:0 22px 70px rgba(15,23,42,.12);
}
.onb2-modal--ref::before{
  content:'';
  position:absolute;
  left:-18%;
  right:-14%;
  bottom:-118px;
  height:255px;
  z-index:0;
  border-radius:58% 58% 0 0 / 38% 38% 0 0;
  background:linear-gradient(135deg,#ff8c2a 0%,#ff5a00 54%,#ff6a00 100%);
  box-shadow:0 -14px 0 rgba(255,90,0,.25);
}
.onb2-modal--ref::after{
  content:'';
  position:absolute;
  left:-20%;
  right:-13%;
  top:132px;
  height:130px;
  z-index:0;
  pointer-events:none;
  border-top:1px solid rgba(255,90,0,.18);
  border-bottom:2px solid rgba(255,90,0,.55);
  border-radius:0 0 58% 58%;
  transform:rotate(-3deg);
}
.onb2-ref-status{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 24px 0;
  color:#1f2227;
  font-size:13px;
  line-height:18px;
  font-weight:900;
  letter-spacing:-.02em;
}
.onb2-ref-topbar{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:34px 1fr 34px;
  align-items:center;
  gap:6px;
  padding:20px 20px 4px;
}
.onb2-ref-back{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:transparent;
  color:#ff5a00;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.onb2-ref-logo{
  grid-column:2;
  justify-self:center;
  display:block;
  width:min(100%, 210px);
  height:auto;
  object-fit:contain;
}
.onb2-ref-body{
  position:relative;
  z-index:2;
  padding:20px 34px 124px;
  text-align:center;
}
.onb2-ref-body h2,
.onb2-ref-profile-head h2{
  margin:0;
  color:#24262b;
  font-size:20px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.035em;
}
.onb2-ref-body p,
.onb2-ref-profile-head p{
  margin:8px auto 0;
  max-width:310px;
  color:#5c5f66;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.015em;
}
.onb2-ref-avatar{
  position:relative;
  width:74px;
  height:74px;
  margin:20px auto 14px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 10px 24px rgba(20,24,32,.08);
  display:flex;
  align-items:center;
  justify-content:center;
}
.onb2-ref-avatar::before{
  content:'';
  position:absolute;
  inset:8px auto auto 9px;
  width:31px;
  height:31px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff8c2a,#ff5a00);
}
.onb2-ref-avatar span{
  position:relative;
  z-index:2;
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.onb2-ref-avatar .onb2-role-svg{
  width:48px;
  height:48px;
}
.onb2-ref-avatar i{
  position:absolute;
  right:4px;
  bottom:4px;
  width:22px;
  height:22px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(36,38,43,.12);
}
.onb2-ref-avatar i::before{
  content:'⌕';
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#333;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}
.onb2-ref-form,
.onb2-ref-profile-form{
  display:grid;
  gap:10px;
  text-align:left;
}
.onb2-ref-form label,
.onb2-ref-profile-form label{
  position:relative;
  display:grid;
  gap:4px;
}
.onb2-ref-form label span,
.onb2-ref-profile-form label span{
  padding-left:2px;
  color:#7a7d84;
  font-size:10px;
  line-height:1.1;
  font-weight:800;
}
.onb2-ref-profile-form label span b{
  color:#ff5a00;
}
.onb2-ref-input{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
  border:1px solid rgba(29,33,40,.10);
  border-radius:9px;
  background:rgba(255,255,255,.88);
  color:#24262b;
  outline:0;
  padding:12px 40px 12px 14px;
  box-shadow:0 6px 16px rgba(20,24,32,.035);
  font-size:13px;
  line-height:1.2;
  font-weight:800;
}
select.onb2-ref-input{
  appearance:none;
  -webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#7a7d84 50%),linear-gradient(135deg,#7a7d84 50%,transparent 50%);
  background-position:calc(100% - 17px) 21px,calc(100% - 12px) 21px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
textarea.onb2-ref-input{
  min-height:86px;
  resize:none;
  line-height:1.35;
  padding-right:14px;
}
.onb2-ref-profile-form label i{
  position:absolute;
  right:13px;
  top:31px;
  color:#2f333a;
  font-style:normal;
  font-size:13px;
}
.onb2-ref-profile-form label small{
  position:absolute;
  right:11px;
  bottom:8px;
  color:#8b8e96;
  font-size:9px;
  font-weight:700;
}
.onb2-ref-profile-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 76px;
  gap:12px;
  align-items:start;
  padding:18px 28px 12px;
  text-align:left;
}
.onb2-ref-profile-head .onb2-ref-avatar{
  margin:0;
  width:68px;
  height:68px;
}
.onb2-ref-profile-scroll{
  position:relative;
  z-index:2;
  height:calc(100dvh - 198px);
  overflow:auto;
  padding:0 28px 112px;
  scrollbar-width:none;
}
.onb2-ref-profile-scroll::-webkit-scrollbar{display:none;}
.onb2-ref-services-title{
  margin-top:2px;
  color:#7a7d84;
  font-size:11px;
  font-weight:900;
}
.onb2-ref-checks{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.onb2-ref-check{
  display:inline-flex !important;
  grid-template-columns:none !important;
  align-items:center;
  gap:6px !important;
  padding:5px 8px;
  border-radius:6px;
  background:#fff8f2;
  border:1px solid rgba(255,90,0,.25);
}
.onb2-ref-check input{
  accent-color:#ff5a00;
}
.onb2-ref-check span{
  padding:0 !important;
  color:#6b4a35 !important;
  font-size:10px !important;
}
.onb2-ref-add-service{
  min-height:38px;
  border:1px dashed rgba(255,90,0,.75);
  border-radius:8px;
  background:#fffaf7;
  color:#ff5a00;
  font-size:12px;
  font-weight:950;
}
.onb2-ref-note{
  padding:11px 12px;
  border-radius:10px;
  background:#fff1e8;
  color:#7b4b2e;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
}
.onb2-ref-footer{
  position:absolute;
  left:28px;
  right:28px;
  bottom:23px;
  z-index:4;
}
.onb2-ref-primary{
  width:100%;
  min-height:58px;
  border:0;
  border-radius:10px;
  background:linear-gradient(90deg,#ff5a00 0%,#ff6a00 100%);
  color:#fff;
  box-shadow:0 12px 26px rgba(255,90,0,.22);
  font-size:15px;
  line-height:1;
  font-weight:950;
  cursor:pointer;
}
.onb2-ref-primary:active{
  transform:translateY(1px) scale(.996);
}
@media (max-width:420px){
  .onb2-ref-status{padding-left:20px;padding-right:20px;}
  .onb2-ref-topbar{padding-left:16px;padding-right:16px;}
  .onb2-ref-logo{width:min(100%, 190px);}
  .onb2-ref-body{padding-left:28px;padding-right:28px;}
  .onb2-ref-profile-head{padding-left:22px;padding-right:22px;}
  .onb2-ref-profile-scroll{padding-left:22px;padding-right:22px;}
  .onb2-ref-footer{left:22px;right:22px;}
}
@media (max-height:760px){
  .onb2-ref-body{padding-top:12px;}
  .onb2-ref-avatar{margin-top:14px;margin-bottom:10px;}
  .onb2-ref-profile-scroll{height:calc(100dvh - 176px);}
}


/* ONBOARDING r66z — isolated reference branches.
   Rule: quick-ref and profile-ref do not share layout/media contracts.
   The generic .onb2-modal--ref block above is only the small-phone skin. */
#onb2-step-quick.active,
#onb2-step-profile.active{
  align-items:stretch;
  justify-content:center;
  box-sizing:border-box;
}
#onb2-step-quick .onb2-modal--quick-ref,
#onb2-step-profile .onb2-modal--profile-ref{
  isolation:isolate;
}
#onb2-step-quick .onb2-ref-status,
#onb2-step-profile .onb2-ref-status{grid-area:status;}
#onb2-step-quick .onb2-ref-topbar,
#onb2-step-profile .onb2-ref-topbar{grid-area:topbar;}
#onb2-step-quick .onb2-ref-footer--quick,
#onb2-step-profile .onb2-ref-footer--profile{
  grid-area:footer;
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:6;
  padding:0 28px 22px;
}

/* Quick reference branch: short form, separate title/lead/avatar/form rows. */
#onb2-overlay:has(#onb2-step-quick.active){
  background:
    radial-gradient(circle at 50% 9%, rgba(255,255,255,.88), rgba(255,255,255,0) 42%),
    linear-gradient(180deg,#f7f7f8 0%,#efeff2 100%);
}
#onb2-step-quick .onb2-modal--quick-ref{
  --onb-ref-cta-bg:linear-gradient(180deg,#20242b 0%,#111827 100%);
  --onb-ref-cta-bg-hover:linear-gradient(180deg,#2b313a 0%,#151d2a 100%);
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  grid-template-areas:"status" "topbar" "body" "footer";
}
#onb2-step-quick .onb2-ref-body--quick{
  grid-area:body;
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"title" "lead" "avatar" "form";
  grid-template-rows:auto auto auto auto;
  align-content:start;
  justify-items:center;
  row-gap:12px;
  box-sizing:border-box;
  min-height:0;
  overflow:auto;
  padding:clamp(16px, 4dvh, 24px) clamp(24px, 7vw, 34px) 24px;
  text-align:center;
  scrollbar-width:none;
}
#onb2-step-quick .onb2-ref-body--quick::-webkit-scrollbar{display:none;}
#onb2-step-quick .onb2-ref-body--quick h2{
  grid-area:title;
  position:relative;
  z-index:1;
  max-width:min(100%, 620px);
  margin:0;
  overflow-wrap:anywhere;
  font-size:clamp(22px, 6vw, 28px);
  line-height:1.12;
}
#onb2-step-quick .onb2-ref-body--quick p{
  grid-area:lead;
  position:relative;
  z-index:1;
  max-width:min(100%, 560px);
  margin:0;
  overflow-wrap:anywhere;
  font-size:clamp(12px, 3.4vw, 14px);
  line-height:1.42;
}
#onb2-step-quick .onb2-ref-avatar{
  grid-area:avatar;
  justify-self:center;
  margin:8px auto 6px;
}
#onb2-step-quick .onb2-ref-form--quick{
  grid-area:form;
  width:100%;
  max-width:520px;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
#onb2-step-quick .onb2-modal--quick-ref .onb2-ref-primary{
  width:100%;
  min-height:58px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  background:var(--onb-ref-cta-bg);
  color:#fff;
  box-shadow:0 16px 34px rgba(17,24,39,.28), 0 0 0 1px rgba(255,255,255,.10) inset;
}
#onb2-step-quick .onb2-modal--quick-ref .onb2-ref-primary:hover{background:var(--onb-ref-cta-bg-hover);}
#onb2-step-quick .onb2-modal--quick-ref .onb2-ref-primary:focus-visible{
  outline:3px solid rgba(17,24,39,.24);
  outline-offset:3px;
}
#onb2-step-quick .onb2-modal--quick-ref .onb2-ref-primary:disabled{opacity:.62;cursor:not-allowed;}

/* Profile reference branch: longer form, own scroll and footer geometry. */
#onb2-overlay:has(#onb2-step-profile.active){
  background:
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.94), rgba(255,255,255,0) 46%),
    linear-gradient(180deg,#f4f4f5 0%,#ececef 100%);
}
#onb2-step-profile .onb2-modal--profile-ref{
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  grid-template-areas:"status" "topbar" "head" "form" "footer";
}
#onb2-step-profile .onb2-ref-profile-head--profile{
  grid-area:head;
  box-sizing:border-box;
}
#onb2-step-profile .onb2-ref-profile-scroll--profile{
  grid-area:form;
  height:auto;
  min-height:0;
  overflow:auto;
  box-sizing:border-box;
  padding-bottom:18px;
}
#onb2-step-profile .onb2-ref-profile-form{
  width:100%;
}
#onb2-step-profile .onb2-ref-primary--profile{
  width:100%;
  min-height:58px;
  border-radius:14px;
}

@media (max-width:420px){
  #onb2-step-quick .onb2-ref-footer--quick,
  #onb2-step-profile .onb2-ref-footer--profile{padding-left:22px;padding-right:22px;}
  #onb2-step-profile .onb2-ref-profile-scroll--profile{padding-left:22px;padding-right:22px;}
}
@media (max-height:760px){
  #onb2-step-quick .onb2-ref-avatar{margin-top:4px;margin-bottom:2px;}
  #onb2-step-quick .onb2-ref-body--quick{row-gap:9px;}
}
@media (min-width:768px){
  #onb2-step-quick.active,
  #onb2-step-profile.active{
    align-items:center !important;
    justify-content:center !important;
    padding:28px;
  }
  #onb2-step-quick .onb2-modal--quick-ref{
    width:min(960px, calc(100vw - 56px));
    height:min(760px, calc(100dvh - 56px));
    min-height:620px;
    border-radius:34px;
    border:1px solid rgba(17,24,39,.08);
    overflow:hidden;
    box-shadow:0 28px 90px rgba(15,23,42,.16);
  }
  #onb2-step-quick .onb2-modal--quick-ref::before{
    left:-16%;
    right:-16%;
    bottom:-132px;
    height:260px;
    border-radius:60% 60% 0 0 / 46% 46% 0 0;
  }
  #onb2-step-quick .onb2-modal--quick-ref::after{top:144px;height:150px;}
  #onb2-step-quick .onb2-ref-status{padding:22px 36px 0;font-size:14px;}
  #onb2-step-quick .onb2-ref-topbar{grid-template-columns:44px 1fr 44px;padding:20px 36px 8px;}
  #onb2-step-quick .onb2-ref-back{width:44px;height:44px;font-size:24px;border-radius:14px;}
  #onb2-step-quick .onb2-ref-logo{width:min(100%, 286px);}
  #onb2-step-quick .onb2-ref-body--quick{
    grid-template-columns:minmax(260px, 390px) minmax(360px,1fr);
    grid-template-areas:"title form" "lead form" "avatar form";
    grid-template-rows:auto auto minmax(0,1fr);
    align-items:start;
    justify-items:start;
    column-gap:clamp(46px, 5vw, 74px);
    row-gap:14px;
    padding:34px 58px 22px;
    text-align:left;
  }
  #onb2-step-quick .onb2-ref-body--quick h2{font-size:31px;line-height:1.08;letter-spacing:-.05em;}
  #onb2-step-quick .onb2-ref-body--quick p{max-width:360px;font-size:15px;line-height:1.45;}
  #onb2-step-quick .onb2-ref-avatar{
    justify-self:start;
    width:122px;
    height:122px;
    margin:6px 0 0;
    box-shadow:0 18px 42px rgba(20,24,32,.10);
  }
  #onb2-step-quick .onb2-ref-avatar::before{inset:13px auto auto 15px;width:50px;height:50px;}
  #onb2-step-quick .onb2-ref-avatar span{width:92px;height:92px;}
  #onb2-step-quick .onb2-ref-avatar .onb2-role-svg{width:78px;height:78px;}
  #onb2-step-quick .onb2-ref-avatar i{right:8px;bottom:8px;width:30px;height:30px;}
  #onb2-step-quick .onb2-ref-form--quick{
    align-self:center;
    max-width:none;
    grid-template-columns:1fr 1fr;
    gap:14px;
    padding:22px;
    border-radius:24px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(17,24,39,.06);
    box-shadow:0 18px 42px rgba(15,23,42,.075);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  #onb2-step-quick .onb2-ref-form--quick label:nth-last-child(1):nth-child(odd){grid-column:1 / -1;}
  #onb2-step-quick .onb2-ref-input{min-height:56px;border-radius:13px;padding:14px 42px 14px 16px;font-size:15px;}
  #onb2-step-quick select.onb2-ref-input{background-position:calc(100% - 19px) 25px,calc(100% - 13px) 25px;}
  #onb2-step-quick .onb2-ref-footer--quick{padding:0 58px 34px;display:flex;justify-content:flex-end;}
  #onb2-step-quick .onb2-ref-primary--quick{max-width:420px;min-height:62px;font-size:17px;}

  #onb2-step-profile .onb2-modal--profile-ref{
    width:min(980px, calc(100vw - 56px));
    height:min(780px, calc(100dvh - 56px));
    min-height:640px;
    grid-template-columns:minmax(250px, 330px) minmax(430px,1fr);
    grid-template-rows:auto auto minmax(0,1fr) auto;
    grid-template-areas:"status status" "topbar topbar" "head form" "footer footer";
    column-gap:34px;
    border-radius:34px;
    border:1px solid rgba(17,24,39,.08);
    overflow:hidden;
    box-shadow:0 28px 90px rgba(15,23,42,.16);
  }
  #onb2-step-profile .onb2-modal--profile-ref::before{
    left:-16%;
    right:-16%;
    bottom:-144px;
    height:270px;
    border-radius:60% 60% 0 0 / 46% 46% 0 0;
  }
  #onb2-step-profile .onb2-modal--profile-ref::after{top:144px;height:150px;}
  #onb2-step-profile .onb2-ref-status{padding:22px 36px 0;font-size:14px;}
  #onb2-step-profile .onb2-ref-topbar{grid-template-columns:44px 1fr 44px;padding:20px 36px 8px;}
  #onb2-step-profile .onb2-ref-back{width:44px;height:44px;font-size:24px;border-radius:14px;}
  #onb2-step-profile .onb2-ref-logo{width:min(100%, 286px);}
  #onb2-step-profile .onb2-ref-profile-head--profile{
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:20px;
    padding:24px 0 100px 54px;
  }
  #onb2-step-profile .onb2-ref-profile-head--profile h2{font-size:32px;line-height:1.07;letter-spacing:-.05em;}
  #onb2-step-profile .onb2-ref-profile-head--profile p{margin-top:10px;max-width:300px;font-size:15px;line-height:1.45;}
  #onb2-step-profile .onb2-ref-profile-head--profile .onb2-ref-avatar{order:-1;margin:0;width:116px;height:116px;}
  #onb2-step-profile .onb2-ref-profile-head--profile .onb2-role-svg{width:76px;height:76px;}
  #onb2-step-profile .onb2-ref-profile-scroll--profile{
    align-self:stretch;
    padding:18px 54px 22px 0;
  }
  #onb2-step-profile .onb2-ref-profile-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    padding:22px;
    border-radius:24px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(17,24,39,.06);
    box-shadow:0 18px 42px rgba(15,23,42,.075);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  #onb2-step-profile .onb2-ref-wide,
  #onb2-step-profile .onb2-ref-note,
  #onb2-step-profile .onb2-ref-services-title,
  #onb2-step-profile .onb2-ref-checks,
  #onb2-step-profile .onb2-ref-add-service{grid-column:1 / -1;}
  #onb2-step-profile .onb2-ref-input{min-height:56px;border-radius:13px;padding:14px 42px 14px 16px;font-size:15px;}
  #onb2-step-profile textarea.onb2-ref-input{min-height:98px;}
  #onb2-step-profile .onb2-ref-footer--profile{padding:0 54px 34px;display:flex;justify-content:flex-end;}
  #onb2-step-profile .onb2-ref-primary--profile{width:min(100%,420px);min-height:62px;font-size:17px;}
}
@media (min-width:768px) and (orientation:portrait){
  #onb2-step-quick.active,
  #onb2-step-profile.active{padding:24px;}
  #onb2-step-quick .onb2-modal--quick-ref,
  #onb2-step-profile .onb2-modal--profile-ref{
    width:min(860px, calc(100vw - 48px));
    height:auto;
    min-height:min(1040px, calc(100dvh - 48px));
  }
  #onb2-step-quick .onb2-ref-body--quick{
    grid-template-columns:1fr;
    grid-template-areas:"title" "lead" "avatar" "form";
    grid-template-rows:auto auto auto auto;
    justify-items:center;
    text-align:center;
    padding:34px 58px 24px;
  }
  #onb2-step-quick .onb2-ref-body--quick p{max-width:560px;}
  #onb2-step-quick .onb2-ref-avatar{justify-self:center;margin:14px auto 18px;}
  #onb2-step-quick .onb2-ref-form--quick{width:min(100%,640px);}
  #onb2-step-quick .onb2-ref-footer--quick{justify-content:center;padding-left:48px;padding-right:48px;}
  #onb2-step-profile .onb2-modal--profile-ref{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto minmax(0,1fr) auto;
    grid-template-areas:"status" "topbar" "head" "form" "footer";
  }
  #onb2-step-profile .onb2-ref-profile-head--profile{
    align-items:center;
    text-align:center;
    padding:22px 58px 12px;
  }
  #onb2-step-profile .onb2-ref-profile-head--profile p{max-width:560px;margin-left:auto;margin-right:auto;}
  #onb2-step-profile .onb2-ref-profile-scroll--profile{padding:18px 58px 22px;}
  #onb2-step-profile .onb2-ref-profile-form{width:min(100%,680px);margin:0 auto;}
  #onb2-step-profile .onb2-ref-footer--profile{justify-content:center;padding-left:48px;padding-right:48px;}
}
@media (min-width:1024px){
  #onb2-step-quick .onb2-modal--quick-ref{width:min(1040px, calc(100vw - 80px));height:min(780px, calc(100dvh - 80px));}
  #onb2-step-quick .onb2-ref-body--quick{grid-template-columns:minmax(300px,390px) minmax(430px,1fr);column-gap:62px;padding-left:72px;padding-right:72px;}
  #onb2-step-quick .onb2-ref-body--quick h2{font-size:36px;}
  #onb2-step-quick .onb2-ref-body--quick p{font-size:16px;}
  #onb2-step-quick .onb2-ref-footer--quick{padding-left:72px;padding-right:72px;}
  #onb2-step-profile .onb2-modal--profile-ref{width:min(1120px, calc(100vw - 80px));height:min(800px, calc(100dvh - 80px));grid-template-columns:minmax(300px,390px) minmax(500px,1fr);column-gap:50px;}
  #onb2-step-profile .onb2-ref-profile-head--profile{padding-left:72px;}
  #onb2-step-profile .onb2-ref-profile-head--profile h2{font-size:38px;}
  #onb2-step-profile .onb2-ref-profile-head--profile p{max-width:340px;font-size:16px;}
  #onb2-step-profile .onb2-ref-profile-scroll--profile{padding-right:72px;}
  #onb2-step-profile .onb2-ref-profile-form{gap:16px;padding:28px;}
  #onb2-step-profile .onb2-ref-footer--profile{padding-left:72px;padding-right:72px;}
}
@media (min-width:1200px){
  #onb2-step-quick .onb2-modal--quick-ref,
  #onb2-step-profile .onb2-modal--profile-ref{width:min(1180px, calc(100vw - 80px));}
  #onb2-step-quick .onb2-ref-body--quick{grid-template-columns:minmax(360px,440px) minmax(520px,1fr);column-gap:74px;}
  #onb2-step-profile .onb2-modal--profile-ref{grid-template-columns:minmax(320px,410px) minmax(560px,1fr);column-gap:48px;}
}
@media (min-width:1200px) and (orientation:portrait){
  #onb2-step-quick .onb2-ref-body--quick{grid-template-columns:1fr;grid-template-areas:"title" "lead" "avatar" "form";column-gap:0;}
  #onb2-step-profile .onb2-modal--profile-ref{grid-template-columns:1fr;grid-template-areas:"status" "topbar" "head" "form" "footer";column-gap:0;}
}
@media (min-width:768px) and (orientation:landscape) and (max-height:680px){
  #onb2-step-quick.active,
  #onb2-step-profile.active{padding:10px;}
  #onb2-step-quick .onb2-modal--quick-ref,
  #onb2-step-profile .onb2-modal--profile-ref{height:calc(100dvh - 20px);min-height:0;border-radius:24px;}
  #onb2-step-quick .onb2-ref-status,
  #onb2-step-profile .onb2-ref-status{padding-top:12px;}
  #onb2-step-quick .onb2-ref-topbar,
  #onb2-step-profile .onb2-ref-topbar{padding-top:12px;padding-bottom:4px;}
  #onb2-step-quick .onb2-ref-body--quick{padding-top:12px;padding-bottom:12px;column-gap:32px;}
  #onb2-step-profile .onb2-ref-profile-head--profile{padding-top:14px;padding-bottom:72px;}
  #onb2-step-profile .onb2-ref-profile-scroll--profile{padding-top:12px;padding-bottom:12px;}
  #onb2-step-quick .onb2-ref-form--quick,
  #onb2-step-profile .onb2-ref-profile-form{padding:16px;gap:10px;}
  #onb2-step-quick .onb2-ref-input,
  #onb2-step-profile .onb2-ref-input{min-height:48px;font-size:14px;}
  #onb2-step-quick .onb2-ref-primary--quick,
  #onb2-step-profile .onb2-ref-primary--profile{min-height:54px;}
}

/* ONBOARDING — validation states for reference profile forms. */
.onb2-ref-input.is-invalid{
  border-color:#ef4444!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.12)!important;
  background:#fffafa!important;
}
.onb2-ref-profile-form label.is-invalid > span,
.onb2-ref-form label.is-invalid > span{
  color:#b91c1c!important;
}
.onb2-ref-error{
  display:block;
  margin-top:6px;
  color:#b91c1c;
  font-size:12px;
  line-height:1.25;
  font-style:normal;
  font-weight:750;
}



/* ONBOARDING r67c — mobile edge-to-edge invariant.
   Rule: phone onboarding screens are not centered cards. On phones the active
   modal owns the whole viewport; background outside the modal must not be visible. */
@media (max-width:767px){
  #onb2-overlay:has(.onb2-step.active .onb2-modal){
    padding:0 !important;
    place-items:stretch !important;
    align-items:stretch !important;
    justify-items:stretch !important;
  }
  #onb2-overlay .onb2-step.active{
    inset:0 !important;
    width:100vw !important;
    min-height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
  #onb2-step-role.active,
  #onb2-step-quick.active,
  #onb2-step-profile.active{
    display:flex !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    padding:0 !important;
  }
  #onb2-overlay .onb2-step.active > .onb2-modal,
  #onb2-overlay .onb2-step.active .onb2-modal--ref,
  #onb2-step-role .onb2-modal,
  #onb2-step-quick .onb2-modal--quick-ref,
  #onb2-step-profile .onb2-modal--profile-ref{
    width:100vw !important;
    max-width:none !important;
    min-width:0 !important;
    height:100dvh !important;
    min-height:100dvh !important;
    margin:0 !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
  }
  #onb2-step-role .onb2-modal{
    --onb-role-card-h:92px;
    --onb-role-card-radius:18px;
    --onb-role-card-pad-y:10px;
    --onb-role-card-pad-x:12px;
    --onb-role-icon:54px;
    --onb-role-name:18px;
    --onb-role-desc:11.5px;
    --onb-role-gap:9px;
  }
  #onb2-step-role .onb2-modal-head{padding:18px 14px 6px !important;}
  #onb2-step-role .onb2-modal-head::before{
    height:16px !important;
    margin-bottom:18px !important;
    font-size:11px !important;
    line-height:16px !important;
  }
  #onb2-step-role .onb2-headbar{margin-bottom:24px !important;}
  #onb2-step-role .onb2-brand-logo{max-width:220px !important;}
  #onb2-step-role .onb2-modal-title{
    font-size:clamp(22px,6.1vw,26px) !important;
    line-height:1.06 !important;
  }
  #onb2-step-role .onb2-modal-sub{
    margin-top:8px !important;
    font-size:clamp(11.5px,3.25vw,13px) !important;
    line-height:1.3 !important;
  }
  #onb2-step-role .onb2-modal-body{padding:18px 12px 8px !important;}
  #onb2-step-role .onb2-roles{gap:var(--onb-role-gap) !important;}
  #onb2-step-role .onb2-role-card.flow-card,
  #onb2-step-role .onb2-role-card{
    min-height:var(--onb-role-card-h) !important;
    grid-template-columns:var(--onb-role-icon) minmax(0,1fr) 20px !important;
    gap:10px !important;
    padding:var(--onb-role-card-pad-y) var(--onb-role-card-pad-x) !important;
    border-radius:var(--onb-role-card-radius) !important;
  }
  #onb2-step-role .onb2-role-card.flow-card.is-selected,
  #onb2-step-role .onb2-role-card.is-selected{
    border-color:rgba(255,106,0,.24) !important;
    box-shadow:0 8px 18px rgba(17,24,39,.08),0 0 0 1px rgba(255,106,0,.10) !important;
  }
  #onb2-step-role .onb2-role-ico-wrap{
    width:var(--onb-role-icon) !important;
    height:var(--onb-role-icon) !important;
  }
  #onb2-step-role .onb2-role-ico{width:calc(var(--onb-role-icon) - 8px) !important;height:calc(var(--onb-role-icon) - 8px) !important;}
  #onb2-step-role .onb2-role-svg{width:calc(var(--onb-role-icon) - 12px) !important;height:calc(var(--onb-role-icon) - 12px) !important;}
  #onb2-step-role .onb2-role-main{gap:4px !important;}
  #onb2-step-role .onb2-role-name{
    font-size:var(--onb-role-name) !important;
    line-height:1.05 !important;
    letter-spacing:-.03em !important;
  }
  #onb2-step-role .onb2-role-desc{
    font-size:var(--onb-role-desc) !important;
    line-height:1.25 !important;
    -webkit-line-clamp:2 !important;
  }
#onb2-step-role .onb2-role-privacy{
    padding:7px 12px max(10px, env(safe-area-inset-bottom)) !important;
    font-size:10.5px !important;
    line-height:1.25 !important;
  }
  #onb2-step-quick .onb2-ref-status{padding:12px 16px 0 !important;}
  #onb2-step-quick .onb2-ref-topbar{padding:12px 14px 4px !important;}
  #onb2-step-quick .onb2-ref-body--quick{
    padding:12px 18px 16px !important;
    row-gap:8px !important;
  }
  #onb2-step-quick .onb2-ref-body--quick h2{font-size:clamp(20px,5.4vw,24px) !important;}
  #onb2-step-quick .onb2-ref-body--quick p{
    font-size:clamp(11px,3.05vw,12.5px) !important;
    line-height:1.32 !important;
  }
  #onb2-step-quick .onb2-ref-footer--quick{padding:0 18px max(16px, env(safe-area-inset-bottom)) !important;}
  #onb2-step-quick .onb2-ref-primary--quick{min-height:52px !important;font-size:14px !important;}
}
@media (max-width:374px){
  #onb2-step-role .onb2-modal{
    --onb-role-card-h:84px;
    --onb-role-card-radius:16px;
    --onb-role-icon:48px;
    --onb-role-name:17px;
    --onb-role-desc:11px;
    --onb-role-gap:8px;
  }
  #onb2-step-role .onb2-brand-logo{max-width:196px !important;}
  #onb2-step-role .onb2-modal-body{padding-top:14px !important;}
  #onb2-step-role .onb2-role-card.flow-card,
  #onb2-step-role .onb2-role-card{gap:8px !important;}
}

/* r68c — fixed mobile onboarding CTAs.
   Rule: on phones the primary Continue/Save button is a fixed bottom CTA, not a scrolled footer.
   It must stay visible on short screens and respect safe-area. */
@media (max-width:767px){
  #onboarding-welcome.onbw-overlay--hero{
    --onbw-fixed-footer-h:86px;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-screen--hero{
    height:100dvh !important;
    min-height:100dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-bottom:calc(var(--onbw-fixed-footer-h) + env(safe-area-inset-bottom, 0px)) !important;
    overscroll-behavior:contain !important;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-content--hero{
    padding-bottom:calc(var(--onbw-fixed-footer-h) + 10px) !important;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-footer--hero{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:90 !important;
    width:100vw !important;
    max-width:none !important;
    margin:0 !important;
    padding:10px 14px max(14px, env(safe-area-inset-bottom, 0px)) !important;
    background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.96) 22%,#fff 100%) !important;
    box-shadow:0 -12px 28px rgba(15,23,42,.08) !important;
    display:grid !important;
    gap:0 !important;
    box-sizing:border-box !important;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-start--hero{
    min-height:54px !important;
    border-radius:16px !important;
    font-size:16px !important;
  }
  #onboarding-welcome.onbw-overlay--hero .onbw-dots{
    display:none !important;
  }

  #onb2-step-quick .onb2-modal--quick-ref,
  #onb2-step-profile .onb2-modal--profile-ref{
    --onb2-fixed-footer-h:86px;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
    padding-bottom:calc(var(--onb2-fixed-footer-h) + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing:border-box !important;
  }
  #onb2-step-quick .onb2-ref-body--quick{
    overflow-y:auto !important;
    min-height:0 !important;
    padding-bottom:calc(var(--onb2-fixed-footer-h) + 18px) !important;
    overscroll-behavior:contain !important;
  }
  #onb2-step-profile .onb2-ref-profile-scroll--profile{
    overflow-y:auto !important;
    min-height:0 !important;
    padding-bottom:calc(var(--onb2-fixed-footer-h) + 22px) !important;
    overscroll-behavior:contain !important;
  }
  #onb2-step-quick .onb2-ref-footer--quick,
  #onb2-step-profile .onb2-ref-footer--profile{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:120 !important;
    width:100vw !important;
    margin:0 !important;
    padding:10px 16px max(14px, env(safe-area-inset-bottom, 0px)) !important;
    background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.96) 24%,#fff 100%) !important;
    box-shadow:0 -12px 30px rgba(15,23,42,.10) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  #onb2-step-quick .onb2-ref-primary--quick,
  #onb2-step-profile .onb2-ref-primary--profile{
    width:100% !important;
    max-width:520px !important;
    min-height:54px !important;
    border-radius:16px !important;
    font-size:15px !important;
  }
}
@media (max-width:374px){
  #onboarding-welcome.onbw-overlay--hero{--onbw-fixed-footer-h:80px;}
  #onb2-step-quick .onb2-modal--quick-ref,
  #onb2-step-profile .onb2-modal--profile-ref{--onb2-fixed-footer-h:80px;}
  #onboarding-welcome.onbw-overlay--hero .onbw-start--hero,
  #onb2-step-quick .onb2-ref-primary--quick,
  #onb2-step-profile .onb2-ref-primary--profile{
    min-height:50px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }
}


/* r70h seller role */
#onb2-step-role .onb2-roles{grid-template-columns:repeat(2,minmax(0,1fr));}
.onb2-ref-avatar--seller{background:linear-gradient(135deg,rgba(11,102,255,.14),rgba(255,107,0,.13));color:#0b66ff}
.onb-seller-setup-visual{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(135deg,rgba(255,107,0,.10),rgba(11,102,255,.08));border:1px solid rgba(255,107,0,.18);margin-bottom:16px}.onb-seller-setup-visual>span{font-size:38px}.onb-seller-setup-visual div{display:grid;gap:3px}.onb-seller-setup-visual b{font-size:17px}.onb-seller-setup-visual small{color:var(--text2)}
.onb-seller-choice{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;border:1px solid var(--line);border-radius:16px;padding:13px}.onb-seller-choice legend{font-weight:800;padding:0 6px}.onb-seller-choice label{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:12px;background:var(--surface-a);cursor:pointer}.onb-seller-choice input{accent-color:var(--orange)}
@media(max-width:680px){#onb2-step-role .onb2-roles{grid-template-columns:1fr}.onb-seller-choice{display:grid;grid-template-columns:1fr}}
@media(min-width:1100px){#onb2-step-role .onb2-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* r70i — compact role selection and one-screen role profile */
#onb2-overlay.onb2-overlay--compact{
  padding:clamp(10px,2vw,24px) !important;
  align-items:center !important;
  overflow:auto !important;
  background:linear-gradient(145deg,rgba(10,20,38,.78),rgba(15,24,42,.58)) !important;
}
#onb2-overlay.onb2-overlay--compact .onb2-step.active{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-height:100% !important;}
#onb2-overlay.onb2-overlay--compact .onb2-modal{
  width:min(100%,960px) !important;
  min-height:0 !important;
  max-height:none !important;
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:0 28px 80px rgba(5,15,32,.28) !important;
}
#onb2-overlay.onb2-overlay--compact .onb2-modal-head--compact{
  padding:22px 28px 14px !important;
  text-align:center !important;
}
#onb2-overlay.onb2-overlay--compact .onb2-headbar{margin:0 0 12px !important;min-height:0 !important;}
#onb2-overlay.onb2-overlay--compact .onb2-brand-logo{width:min(210px,58vw) !important;max-width:210px !important;}
#onb2-overlay.onb2-overlay--compact .onb2-modal-title{font-size:clamp(25px,3.6vw,36px) !important;line-height:1.08 !important;margin:0 !important;}
#onb2-overlay.onb2-overlay--compact .onb2-modal-sub{font-size:14px !important;line-height:1.45 !important;max-width:620px !important;margin:8px auto 0 !important;}
#onb2-overlay.onb2-overlay--compact .onb2-modal-role-ico{width:52px !important;height:52px !important;font-size:28px !important;margin:0 auto 10px !important;border-radius:16px !important;display:grid !important;place-items:center !important;background:linear-gradient(145deg,rgba(255,107,0,.14),rgba(11,102,255,.10)) !important;}
#onb2-overlay.onb2-overlay--compact .onb2-modal-body{padding:16px 24px 24px !important;overflow:visible !important;}
#onb2-step-role .onb2-modal--role-compact{max-width:980px !important;}
#onb2-step-role .onb2-modal-body--role-compact{padding-top:12px !important;}
#onb2-step-role .onb2-roles{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  max-width:none !important;
  margin:0 !important;
}
#onb2-step-role .onb2-role-card.onb2-role-card--compact{
  min-height:112px !important;
  height:auto !important;
  padding:14px !important;
  grid-template-columns:44px minmax(0,1fr) 18px !important;
  align-items:center !important;
  gap:10px !important;
  border-radius:18px !important;
  border:1px solid rgba(134,148,172,.25) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 8px 24px rgba(18,32,56,.07) !important;
  text-align:left !important;
  transform:none !important;
}
#onb2-step-role .onb2-role-card.onb2-role-card--compact:hover,
#onb2-step-role .onb2-role-card.onb2-role-card--compact:focus-visible,
#onb2-step-role .onb2-role-card.onb2-role-card--compact.is-selected{
  border-color:rgba(255,107,0,.65) !important;
  box-shadow:0 10px 26px rgba(255,107,0,.13) !important;
  background:linear-gradient(145deg,#fff,rgba(255,247,240,.98)) !important;
}
#onb2-step-role .onb2-role-ico-wrap{width:44px !important;height:44px !important;border-radius:14px !important;padding:0 !important;display:grid !important;place-items:center !important;background:rgba(255,107,0,.10) !important;}
#onb2-step-role .onb2-role-ico{width:auto !important;height:auto !important;font-size:25px !important;line-height:1 !important;}
#onb2-step-role .onb2-role-main{display:grid !important;gap:4px !important;min-width:0 !important;justify-items:start !important;}
#onb2-step-role .onb2-role-name{font-size:15px !important;line-height:1.15 !important;font-weight:850 !important;}
#onb2-step-role .onb2-role-desc{font-size:11.5px !important;line-height:1.35 !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;max-width:none !important;}
#onb2-step-role .onb2-role-privacy{margin-top:14px !important;padding:10px 12px !important;font-size:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;}
#onb2-step-profile .onb2-modal--profile-compact{max-width:780px !important;}
#onb2-step-profile .onb2-profile-access{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:14px;border:1px solid rgba(11,102,255,.16);border-radius:15px;background:rgba(11,102,255,.055);}
#onb2-step-profile .onb2-profile-access b{font-size:13px;white-space:nowrap;}
#onb2-step-profile .onb2-profile-access span{font-size:12px;line-height:1.4;color:var(--text2);}
#onb2-step-profile .onb2-ref-profile-form--compact{display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important;}
#onb2-step-profile .onb2-ref-field{display:flex !important;flex-direction:column !important;gap:6px !important;min-width:0 !important;width:100% !important;}
#onb2-step-profile .onb2-ref-field>span{font-size:12px !important;font-weight:800 !important;}
#onb2-step-profile .onb2-ref-field.onb2-ref-wide{width:100% !important;}
#onb2-step-profile .onb2-ref-input{min-height:44px !important;height:44px !important;padding:10px 12px !important;border-radius:12px !important;font-size:14px !important;}
#onb2-step-profile .onb2-compact-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;}
#onb2-step-profile .onb2-btn{min-height:44px;border-radius:13px;padding:10px 18px;font-weight:850;border:1px solid transparent;cursor:pointer;}
#onb2-step-profile .onb2-btn--ghost{background:#fff;border-color:var(--line);color:var(--text);}
#onb2-step-profile .onb2-btn--primary{background:linear-gradient(135deg,#ff7a00,#ff5b00);color:#fff;box-shadow:0 10px 22px rgba(255,107,0,.22);}
#onb2-step-profile .onb2-btn:disabled{opacity:.62;cursor:wait;}
#onb2-step-profile .onb2-compact-error{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(220,38,38,.08);color:#b91c1c;font-size:12px;font-weight:700;}
#onb2-step-profile .onb2-ref-error{display:block;color:#b91c1c;font-size:11px;font-style:normal;margin-top:3px;}
#onb2-step-profile .onb2-ref-input.is-invalid{border-color:#dc2626 !important;box-shadow:0 0 0 3px rgba(220,38,38,.08) !important;}
@media(max-width:820px){
  #onb2-step-role .onb2-roles{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #onb2-step-role .onb2-role-card.onb2-role-card--compact{min-height:96px !important;padding:12px !important;}
}
@media(max-width:560px){
  #onb2-overlay.onb2-overlay--compact{padding:8px !important;align-items:flex-start !important;}
  #onb2-overlay.onb2-overlay--compact .onb2-modal{border-radius:22px !important;margin:auto 0 !important;}
  #onb2-overlay.onb2-overlay--compact .onb2-modal-head--compact{padding:16px 14px 10px !important;}
  #onb2-overlay.onb2-overlay--compact .onb2-modal-body{padding:10px 12px 16px !important;}
  #onb2-overlay.onb2-overlay--compact .onb2-brand-logo{max-width:170px !important;}
  #onb2-overlay.onb2-overlay--compact .onb2-modal-title{font-size:25px !important;}
  #onb2-step-role .onb2-roles{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  #onb2-step-role .onb2-role-card.onb2-role-card--compact{grid-template-columns:36px minmax(0,1fr) !important;min-height:88px !important;padding:10px !important;gap:8px !important;}
  #onb2-step-role .onb2-role-ico-wrap{width:36px !important;height:36px !important;border-radius:11px !important;}
  #onb2-step-role .onb2-role-ico{font-size:21px !important;}
  #onb2-step-role .onb2-role-name{font-size:13px !important;}
  #onb2-step-role .onb2-role-desc{font-size:10.5px !important;-webkit-line-clamp:2 !important;}
#onb2-step-role .onb2-role-privacy{font-size:10.5px !important;}
  #onb2-step-profile .onb2-ref-profile-form--compact{gap:10px !important;}
  #onb2-step-profile .onb2-profile-access{display:grid;gap:3px;}
  #onb2-step-profile .onb2-profile-access b{white-space:normal;}
  #onb2-step-profile .onb2-compact-actions{position:sticky;bottom:0;background:linear-gradient(to top,#fff 76%,rgba(255,255,255,0));padding-top:14px;}
  #onb2-step-profile .onb2-btn{flex:1;padding-left:10px;padding-right:10px;}
}

/* r70i.1 — final compact role tiles: no oversized buttons */
#onb2-step-role .onb2-role-card.onb2-role-card--compact{
  min-height:88px !important;
  padding:11px 12px !important;
  grid-template-columns:38px minmax(0,1fr) 14px !important;
  gap:9px !important;
  border-radius:16px !important;
}
#onb2-step-role .onb2-role-ico-wrap{
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
}
#onb2-step-role .onb2-role-ico{font-size:22px !important;}
#onb2-step-role .onb2-role-name{font-size:14px !important;}
#onb2-step-role .onb2-role-desc{
  font-size:10.5px !important;
  line-height:1.25 !important;
  -webkit-line-clamp:2 !important;
}
@media(max-width:560px){
  #onb2-step-role .onb2-modal--role-compact{width:100% !important;}
  #onb2-step-role .onb2-roles{gap:7px !important;}
  #onb2-step-role .onb2-role-card.onb2-role-card--compact{
    min-height:72px !important;
    padding:9px !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    gap:7px !important;
    border-radius:14px !important;
  }
  #onb2-step-role .onb2-role-ico-wrap{width:32px !important;height:32px !important;border-radius:10px !important;}
  #onb2-step-role .onb2-role-ico{font-size:19px !important;}
  #onb2-step-role .onb2-role-name{font-size:12.5px !important;}
  #onb2-step-role .onb2-role-desc{display:none !important;}
  #onb2-step-role .onb2-role-privacy{margin-top:10px !important;padding:8px 9px !important;}
}


/* r74n — single welcome screen before role selection */
#onb2-overlay:has(#onb2-step-welcome.active){
  padding:clamp(16px,3vw,34px);
  background:linear-gradient(145deg,#f5f7fa 0%,#ffffff 54%,#fff4eb 100%);
}
#onb2-step-welcome{
  min-height:100%;
  display:grid;
  place-items:center;
  width:100%;
}
#onb2-step-welcome .onb2-modal--welcome{
  width:min(100%,720px);
  min-height:min(620px,calc(100dvh - 48px));
  display:grid;
  place-items:center;
  padding:clamp(30px,6vw,72px);
  border:1px solid rgba(15,23,42,.08);
  border-radius:32px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,23,42,.14);
}
.onb2-welcome-content{
  width:min(100%,560px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.onb2-welcome-logo{
  display:block;
  width:min(100%,390px);
  height:auto;
  object-fit:contain;
  margin:0 auto 42px;
}
.onb2-welcome-title{
  margin:0;
  color:#111827;
  font-size:clamp(32px,5vw,52px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
}
.onb2-welcome-slogan{
  max-width:520px;
  margin:20px auto 0;
  color:#667085;
  font-size:clamp(16px,2.3vw,20px);
  line-height:1.55;
}
.onb2-welcome-start{
  min-width:220px;
  min-height:56px;
  margin-top:38px;
  font-size:17px;
}
@media (max-width:700px){
  #onb2-overlay:has(#onb2-step-welcome.active){padding:0;}
  #onb2-step-welcome .onb2-modal--welcome{
    width:100%;
    min-height:100dvh;
    border:0;
    border-radius:0;
    box-shadow:none;
    padding:32px 22px max(32px,env(safe-area-inset-bottom));
  }
  .onb2-welcome-logo{width:min(86vw,330px);margin-bottom:34px;}
  .onb2-welcome-title{font-size:clamp(30px,9vw,42px);}
  .onb2-welcome-slogan{font-size:16px;}
  .onb2-welcome-start{width:100%;margin-top:32px;}
}

/* r74o: stable SMS resend state */
.onb2-code-resend:disabled{
  opacity:.52;
  cursor:not-allowed;
  pointer-events:none;
}

/* r74p: onboarding fields are always stacked vertically */
#onb2-step-profile .onb2-ref-profile-form--compact,
#onb2-step-profile .onb2-ref-profile-form--compact .onb2-ref-field{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
}
#onb2-step-profile .onb2-ref-profile-form--compact .onb2-ref-field input,
#onb2-step-profile .onb2-ref-profile-form--compact .onb2-ref-field select,
#onb2-step-profile .onb2-ref-profile-form--compact .onb2-ref-field textarea,
#onb2-step-profile .onb2-ref-profile-form--compact button[type="submit"]{
  width:100% !important;
  min-width:0 !important;
}


/* ===== SOURCE: css/next/onboarding_registration.css ===== */
/* r73c — one visual language for role, profile and code steps */
#onb2-step-role,
#onb2-step-profile,
#onb2-step-code{
  align-items:center;
  justify-content:center;
}

#onb2-step-profile .onb2-modal--registration,
#onb2-step-code .onb2-modal--registration{
  width:min(100%,760px);
  min-height:0;
  max-height:min(820px,calc(100dvh - 32px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,23,42,.18);
}

#onb2-step-profile .onb2-modal-head--compact,
#onb2-step-code .onb2-modal-head--compact{
  padding:28px 30px 18px;
  text-align:center;
  align-items:center;
}

#onb2-step-profile .onb2-headbar,
#onb2-step-code .onb2-headbar{
  margin-bottom:22px;
}

#onb2-step-profile .onb2-brandbox,
#onb2-step-code .onb2-brandbox{
  justify-content:center;
}

#onb2-step-profile .onb2-brand-logo,
#onb2-step-code .onb2-brand-logo{
  width:min(100%,250px);
  max-height:72px;
  object-fit:contain;
}

#onb2-step-profile .onb2-modal-title,
#onb2-step-code .onb2-modal-title{
  font-size:clamp(28px,5vw,42px);
  line-height:1.05;
  letter-spacing:-.045em;
  text-align:center;
}

#onb2-step-profile .onb2-modal-sub,
#onb2-step-code .onb2-modal-sub{
  max-width:540px;
  margin:10px auto 0;
  text-align:center;
  font-size:15px;
  line-height:1.5;
}

#onb2-step-profile .onb2-modal-body--role-compact,
#onb2-step-code .onb2-modal-body--role-compact{
  padding:22px 30px 30px;
  overflow:auto;
}

.onb2-registration-form,
.onb2-code-form{
  width:min(100%,520px);
  margin:0 auto;
  display:grid;
  gap:16px;
}

.onb2-registration-form{
  grid-template-columns:1fr;
}

.onb2-registration-form .onb2-ref-field,
.onb2-code-form .onb2-ref-field{
  display:grid;
  gap:8px;
}

.onb2-registration-form .onb2-ref-field > span,
.onb2-code-form .onb2-ref-field > span{
  color:#1f2937;
  font-size:14px;
  font-weight:700;
}

.onb2-registration-form .onb2-ref-input,
.onb2-code-form .onb2-ref-input{
  min-height:58px;
  border:1px solid #d9dee7;
  border-radius:16px;
  background:#f8fafc;
  color:#111827;
  font-size:17px;
  padding:14px 16px;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.onb2-registration-form .onb2-ref-input:focus,
.onb2-code-form .onb2-ref-input:focus{
  border-color:#ff6b00;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,107,0,.12);
}

.onb2-code-input{
  text-align:center;
  letter-spacing:.42em;
  font-size:28px !important;
  font-weight:800;
  padding-left:calc(16px + .42em) !important;
}

.onb2-compact-note{
  width:min(100%,520px);
  margin:14px auto 0;
  padding:12px 14px;
  border-radius:14px;
  background:#f3f6fa;
  color:#5b6472;
  font-size:13px;
  line-height:1.45;
  text-align:center;
}

.onb2-compact-error{
  width:min(100%,520px);
  margin:12px auto 0;
  padding:11px 13px;
  border-radius:12px;
  background:#fff1f2;
  color:#b42318;
  font-size:13px;
  font-weight:700;
  text-align:center;
}

.onb2-compact-actions{
  width:min(100%,520px);
  margin:20px auto 0;
  display:grid;
  grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr);
  gap:12px;
}

.onb2-compact-actions .onb2-btn{
  min-height:56px;
  border-radius:16px;
  font-size:15px;
  font-weight:800;
}

.onb2-code-resend{
  justify-self:center;
  margin-top:14px;
  border:0;
  background:transparent;
  color:#536071;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}

.onb2-code-resend:hover,
.onb2-code-resend:focus-visible{
  color:#ff6b00;
}

#onb2-step-profile .onb2-role-privacy,
#onb2-step-profile .onb2-profile-access,
#onb2-step-profile .onb2-modal-role-ico,
#onb2-step-code .onb2-modal-role-ico{
  display:none !important;
}

@media(max-width:700px){
  #onb2-step-profile,
  #onb2-step-code{
    padding:10px;
  }
  #onb2-step-profile .onb2-modal--registration,
  #onb2-step-code .onb2-modal--registration{
    width:100%;
    max-height:calc(100dvh - 20px);
    border-radius:24px;
  }
  #onb2-step-profile .onb2-modal-head--compact,
  #onb2-step-code .onb2-modal-head--compact{
    padding:20px 18px 12px;
  }
  #onb2-step-profile .onb2-headbar,
  #onb2-step-code .onb2-headbar{
    margin-bottom:14px;
  }
  #onb2-step-profile .onb2-brand-logo,
  #onb2-step-code .onb2-brand-logo{
    width:min(100%,210px);
    max-height:58px;
  }
  #onb2-step-profile .onb2-modal-title,
  #onb2-step-code .onb2-modal-title{
    font-size:30px;
  }
  #onb2-step-profile .onb2-modal-body--role-compact,
  #onb2-step-code .onb2-modal-body--role-compact{
    padding:16px 16px 20px;
  }
  .onb2-registration-form .onb2-ref-input,
  .onb2-code-form .onb2-ref-input{
    min-height:54px;
  }
  .onb2-compact-actions{
    grid-template-columns:1fr;
  }
  .onb2-compact-actions .onb2-btn--primary{
    order:-1;
  }
}

/* Exact role-step visual parity. */
#onb2-step-role .onb2-role-card{
  grid-template-columns:var(--onb-role-icon) minmax(0,1fr) !important;
}

@media(max-width:767px){
  #onb2-step-code.active{
    display:flex !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    padding:0 !important;
  }
  #onb2-step-profile .onb2-modal--registration,
  #onb2-step-code .onb2-modal--registration{
    width:100vw !important;
    max-width:none !important;
    min-width:0 !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  #onb2-step-profile .onb2-modal-head--compact,
  #onb2-step-code .onb2-modal-head--compact{
    padding:18px 14px 6px !important;
  }
  #onb2-step-profile .onb2-headbar,
  #onb2-step-code .onb2-headbar{
    margin-bottom:24px !important;
  }
  #onb2-step-profile .onb2-brand-logo,
  #onb2-step-code .onb2-brand-logo{
    max-width:220px !important;
  }
  #onb2-step-profile .onb2-modal-title,
  #onb2-step-code .onb2-modal-title{
    font-size:clamp(22px,6.1vw,26px) !important;
    line-height:1.06 !important;
  }
  #onb2-step-profile .onb2-modal-sub,
  #onb2-step-code .onb2-modal-sub{
    margin-top:8px !important;
    font-size:clamp(11.5px,3.25vw,13px) !important;
    line-height:1.3 !important;
  }
  #onb2-step-profile .onb2-modal-body--role-compact,
  #onb2-step-code .onb2-modal-body--role-compact{
    padding:18px 12px max(18px,env(safe-area-inset-bottom)) !important;
  }
}


/* r76h — official compact brand and bounded registration fields */
#onb2-step-profile .onb2-brandbox--official,
#onb2-step-code .onb2-brandbox--official,
#onb2-step-role .onb2-brandbox--official{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
#onb2-step-profile .onb2-brandbox--official .onb2-brand-logo,
#onb2-step-code .onb2-brandbox--official .onb2-brand-logo,
#onb2-step-role .onb2-brandbox--official .onb2-brand-logo{
  width:54px !important;
  height:54px !important;
  max-width:54px !important;
  max-height:54px !important;
  object-fit:contain;
}
.onb2-brand-wordmark{display:grid;text-align:left;line-height:1.05}
.onb2-brand-wordmark b{font-size:24px;letter-spacing:-.04em;color:#ff6b00}
.onb2-brand-wordmark small{margin-top:4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#4b5563}
.onb2-registration-form,
.onb2-registration-form .onb2-ref-field,
.onb2-registration-form .onb2-ref-input{
  width:100%;
  max-width:450px;
}
.onb2-registration-form{justify-self:center}
@media(max-width:520px){
  #onb2-step-profile .onb2-brandbox--official .onb2-brand-logo,
  #onb2-step-code .onb2-brandbox--official .onb2-brand-logo,
  #onb2-step-role .onb2-brandbox--official .onb2-brand-logo{width:46px !important;height:46px !important;max-width:46px !important;max-height:46px !important}
  .onb2-brand-wordmark b{font-size:21px}
  .onb2-brand-wordmark small{font-size:9px}
}

/* r76k — restored welcome screen, full logo and explicit role step */
#onb2-step-welcome{display:flex;align-items:center;justify-content:center;padding:24px}
.onb2-welcome-card{width:min(100%,820px);min-height:min(680px,calc(100dvh - 48px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:clamp(30px,6vw,72px);border-radius:32px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.16);text-align:center}
.onb2-welcome-logo{display:block;width:min(100%,620px);height:auto;object-fit:contain}
.onb2-welcome-copy{display:grid;gap:12px;max-width:650px}
.onb2-welcome-kicker{font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ff6b00}
.onb2-welcome-copy h1{margin:0;font-size:clamp(32px,5vw,56px);line-height:1.02;letter-spacing:-.045em;color:#111827}
.onb2-welcome-copy p{margin:0;color:#5b6472;font-size:clamp(15px,2vw,19px);line-height:1.6}
.onb2-welcome-next{min-width:min(100%,320px);min-height:58px;border-radius:17px;font-size:16px;font-weight:900}
#onb2-step-role .onb2-brand-logo,#onb2-step-profile .onb2-brand-logo,#onb2-step-code .onb2-brand-logo{width:min(100%,360px)!important;height:auto!important;max-width:360px!important;max-height:100px!important;object-fit:contain!important}
.onb2-registration-form,.onb2-registration-form .onb2-ref-field,.onb2-registration-form .onb2-ref-input{max-width:450px!important}
.onb2-registration-form .onb2-ref-input::placeholder{color:#8b95a5;opacity:1}
@media(max-width:700px){#onb2-step-welcome{padding:0}.onb2-welcome-card{width:100vw;min-height:100dvh;border-radius:0;box-shadow:none;padding:28px 18px;gap:28px}.onb2-welcome-logo{width:min(100%,520px)}.onb2-welcome-copy h1{font-size:clamp(30px,9vw,42px)}#onb2-step-role .onb2-brand-logo,#onb2-step-profile .onb2-brand-logo,#onb2-step-code .onb2-brand-logo{max-width:280px!important}}

/* r76l — use the original full Kareta logo as one image, never rebuild it from icon + text */
#onb2-step-role .onb2-brandbox--official,
#onb2-step-profile .onb2-brandbox--official,
#onb2-step-code .onb2-brandbox--official{
  display:flex !important;
  width:100% !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}
#onb2-step-role .onb2-brandbox--official .onb2-brand-logo--full,
#onb2-step-profile .onb2-brandbox--official .onb2-brand-logo--full,
#onb2-step-code .onb2-brandbox--official .onb2-brand-logo--full{
  display:block !important;
  width:min(100%,420px) !important;
  height:auto !important;
  max-width:420px !important;
  max-height:none !important;
  object-fit:contain !important;
}
.onb2-brandbox--official .onb2-brand-wordmark{
  display:none !important;
}
@media(max-width:700px){
  #onb2-step-role .onb2-brandbox--official .onb2-brand-logo--full,
  #onb2-step-profile .onb2-brandbox--official .onb2-brand-logo--full,
  #onb2-step-code .onb2-brandbox--official .onb2-brand-logo--full{
    width:min(100%,300px) !important;
    max-width:300px !important;
  }
}


/* r78v — unified onboarding shell for welcome, role, profile and code */
#onb2-overlay{
  background:linear-gradient(180deg,#f6f8fb 0%,#eef2f7 100%) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#onb2-step-welcome,
#onb2-step-role,
#onb2-step-profile,
#onb2-step-code{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  box-sizing:border-box;
}
.onb2-flow-shell,
#onb2-step-role .onb2-modal--registration,
#onb2-step-profile .onb2-modal--registration,
#onb2-step-code .onb2-modal--registration,
.onb2-welcome-card{
  width:min(100%,760px) !important;
  min-height:0 !important;
  max-height:calc(100dvh - 32px) !important;
  margin:0 !important;
  border:1px solid #e6eaf0 !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:0 26px 70px rgba(15,23,42,.14) !important;
  overflow:hidden !important;
  color:#111827;
}
.onb2-flow-shell{display:flex !important;flex-direction:column !important}
.onb2-welcome-card{padding:0 !important;gap:0 !important;text-align:center}
.onb2-flow-brand{
  padding:28px 28px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.onb2-welcome-logo,
#onb2-step-role .onb2-brand-logo,
#onb2-step-profile .onb2-brand-logo,
#onb2-step-code .onb2-brand-logo{
  width:min(100%,310px) !important;
  height:auto !important;
  max-width:310px !important;
  max-height:82px !important;
  object-fit:contain !important;
}
#onb2-step-role .onb2-modal-head--compact,
#onb2-step-profile .onb2-modal-head--compact,
#onb2-step-code .onb2-modal-head--compact{
  padding:28px 28px 14px !important;
  text-align:center !important;
  background:#fff !important;
  border:0 !important;
}
#onb2-step-role .onb2-headbar,
#onb2-step-profile .onb2-headbar,
#onb2-step-code .onb2-headbar{
  justify-content:center !important;
  margin:0 0 18px !important;
}
#onb2-step-role .onb2-modal-title,
#onb2-step-profile .onb2-modal-title,
#onb2-step-code .onb2-modal-title,
.onb2-welcome-copy h1{
  margin:0 !important;
  color:#111827 !important;
  font-family:inherit !important;
  font-size:clamp(26px,5vw,38px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:850 !important;
}
#onb2-step-role .onb2-modal-sub,
#onb2-step-profile .onb2-modal-sub,
#onb2-step-code .onb2-modal-sub,
.onb2-welcome-copy p{
  max-width:540px !important;
  margin:10px auto 0 !important;
  color:#667085 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  text-align:center !important;
}
.onb2-flow-progress{
  padding:0 28px 14px;
  background:#fff;
}
.onb2-flow-progress__line{
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:#edf0f4;
}
.onb2-flow-progress__line span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#ff6b00,#ff8a33);
}
.onb2-flow-progress__meta{
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#667085;
  font-size:12px;
}
.onb2-flow-progress__meta b{color:#ff6b00;font-size:12px}
.onb2-flow-body,
#onb2-step-role .onb2-modal-body--role-compact,
#onb2-step-profile .onb2-modal-body--role-compact,
#onb2-step-code .onb2-modal-body--role-compact{
  padding:18px 28px 28px !important;
  background:#fff !important;
  overflow:auto !important;
}
.onb2-welcome-copy{
  padding:18px 28px 8px;
  gap:10px !important;
}
.onb2-welcome-kicker{
  color:#ff6b00 !important;
  font-size:12px !important;
  letter-spacing:.11em !important;
}
.onb2-flow-actions{padding:18px 28px 28px;display:grid;gap:12px}
.onb2-flow-actions--single{grid-template-columns:1fr}
.onb2-flow-actions .onb2-btn,
.onb2-compact-actions .onb2-btn,
.onb2-welcome-next{
  min-height:52px !important;
  border-radius:15px !important;
  font-size:14px !important;
  font-weight:800 !important;
}
.onb2-welcome-next{width:100% !important;min-width:0 !important}
.onb2-roles{gap:12px !important}
.onb2-role-card{
  min-height:74px !important;
  border-radius:17px !important;
  border-color:#e2e7ee !important;
  background:#f8fafc !important;
  box-shadow:none !important;
}
.onb2-role-card.is-selected,
.onb2-role-card:hover{
  border-color:rgba(255,107,0,.48) !important;
  background:#fff7f0 !important;
}
.onb2-registration-form,
.onb2-code-form,
.onb2-compact-note,
.onb2-compact-error,
.onb2-compact-actions{
  max-width:450px !important;
}
.onb2-registration-form .onb2-ref-input,
.onb2-code-form .onb2-ref-input{
  min-height:54px !important;
  border-radius:14px !important;
  background:#f8fafc !important;
}
.onb2-compact-note{background:#f8fafc !important;border:1px solid #edf0f4}
.onb2-code-resend{margin-top:10px !important}

@media(max-width:700px){
  #onb2-step-welcome,
  #onb2-step-role,
  #onb2-step-profile,
  #onb2-step-code{padding:0 !important;align-items:stretch !important}
  .onb2-flow-shell,
  #onb2-step-role .onb2-modal--registration,
  #onb2-step-profile .onb2-modal--registration,
  #onb2-step-code .onb2-modal--registration,
  .onb2-welcome-card{
    width:100vw !important;
    max-width:none !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  .onb2-flow-brand{padding:22px 18px 8px}
  #onb2-step-role .onb2-modal-head--compact,
  #onb2-step-profile .onb2-modal-head--compact,
  #onb2-step-code .onb2-modal-head--compact{padding:22px 18px 12px !important}
  .onb2-flow-progress{padding:0 18px 12px}
  .onb2-flow-body,
  #onb2-step-role .onb2-modal-body--role-compact,
  #onb2-step-profile .onb2-modal-body--role-compact,
  #onb2-step-code .onb2-modal-body--role-compact{padding:14px 16px max(18px,env(safe-area-inset-bottom)) !important}
  .onb2-welcome-copy{padding:16px 18px 4px}
  .onb2-flow-actions{margin-top:auto;padding:16px 18px max(20px,env(safe-area-inset-bottom))}
  #onb2-step-role .onb2-brand-logo,
  #onb2-step-profile .onb2-brand-logo,
  #onb2-step-code .onb2-brand-logo,
  .onb2-welcome-logo{max-width:250px !important;max-height:68px !important}
  .onb2-compact-actions{grid-template-columns:1fr !important}
  .onb2-compact-actions .onb2-btn--primary{order:-1}
}


/* ===== SOURCE: css/next/narrow_mobile.css ===== */
/* R74s — narrow mobile safety layer for 320–359 px screens. */
@media (max-width: 359px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  img,
  svg,
  video,
  canvas,
  iframe {
    max-width: 100%;
  }

  .k-page-outlet,
  .k-home-simple,
  .k-home-simple-hero,
  .k-page-hero,
  .k-card,
  .k-panel,
  .k-request-form,
  .k-client-cabinet-page,
  .k-garage-page,
  .k-masters-page,
  .k-shop-page,
  .k-services-page,
  .k-work-feed-page,
  .k-news-page,
  .k-chats-page {
    min-width: 0;
    max-width: 100%;
  }

  .k-page-outlet {
    padding-left: 8px;
    padding-right: 8px;
  }

  .k-home-simple {
    padding-left: 8px;
    padding-right: 8px;
  }

  .k-home-simple-hero {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .k-home-simple-hero h1 {
    font-size: clamp(30px, 10vw, 34px);
    letter-spacing: -.045em;
  }

  .k-home-simple-hero p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.45;
  }

  .k-home-ai-search {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 16px;
  }

  .k-home-ai-search__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    gap: 5px;
    padding: 5px;
    border-radius: 16px;
  }

  .k-home-ai-search__input {
    width: 100%;
    min-width: 0;
    min-height: 46px !important;
    padding: 0 10px;
    font-size: 13px;
  }

  .k-home-ai-search__button {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 44px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
    border-radius: 12px !important;
  }

  .k-home-ai-prompts {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .k-home-ai-slide {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 7px 10px;
  }

  .k-home-ai-slide__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .k-home-action-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .k-service-categories,
  .k-product-categories,
  .k-client-cabinet-grid,
  .k-garage-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .k-home-action-tile,
  .k-service-category,
  .k-product-category,
  .k-client-cabinet-card,
  .k-garage-category-card {
    min-width: 0;
    padding: 11px;
    border-radius: 17px;
  }

  .k-home-action-tile {
    min-height: 126px;
  }

  .k-home-action-copy b {
    font-size: 14px;
  }

  .k-home-action-copy small {
    font-size: 10px;
    line-height: 1.3;
  }

  .k-btn,
  button,
  input,
  select,
  textarea {
    max-width: 100%;
  }

  .k-page-hero {
    padding: 18px 12px !important;
    border-radius: 20px !important;
  }

  .k-page-hero h1,
  .k-page-hero__title {
    font-size: clamp(25px, 9vw, 31px) !important;
  }

  .k-page-hero p,
  .k-page-hero__subtitle {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .k-page-hero__actions,
  .k-info-actions,
  .k-card-actions,
  .k-request-actions,
  .k-order-card-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
  }

  .k-page-hero__actions .k-btn,
  .k-info-actions .k-btn,
  .k-card-actions .k-btn,
  .k-request-actions .k-btn,
  .k-order-card-actions .k-btn {
    width: 100%;
    justify-content: center;
  }

  .k-mobile-nav {
    left: 3px;
    right: 3px;
    bottom: 3px;
    gap: 2px;
    padding: 4px;
    border-radius: 17px;
  }

  .k-mobile-nav .k-nav-link {
    min-width: 0;
    min-height: 50px;
    padding: 3px 0;
    gap: 2px;
    font-size: 8px;
    overflow: hidden;
  }

  .k-mobile-nav .k-nav-link .k-nav-icon {
    font-size: 15px;
  }

  .k-mobile-nav .k-nav-link span:not(.k-nav-icon):not(.k-nav-badge) {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .k-mobile-fab-stack {
    right: 8px;
    gap: 7px;
  }

  .k-mobile-fab {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .k-catalog-card-grid,
  .k-provider-grid,
  .k-news-grid,
  .k-work-feed-grid,
  .k-orders-grid,
  .k-vehicle-grid {
    grid-template-columns: 1fr !important;
  }

  .k-masters-search,
  .k-masters-search-toolbar,
  .k-shop-toolbar,
  .k-services-toolbar {
    width: 100%;
    min-width: 0;
  }

  .k-masters-search input,
  .k-shop-toolbar input,
  .k-services-toolbar input {
    min-width: 0;
  }

  .onb2-overlay,
  .onb2-modal,
  .onb2-ref-card,
  .onb2-ref-profile-form,
  .onb2-ref-profile-form--compact {
    max-width: 100%;
    min-width: 0;
  }
}


/* Final mobile navigation ownership lives in app_next.css. */
@media (max-width: 430px) {
  .k-mobile-nav { grid-template-columns: repeat(var(--k-mobile-nav-count, 5), minmax(0, 1fr)) !important; }
  .k-mobile-nav .k-nav-link > span:not(.k-nav-icon):not(.k-nav-badge) { white-space: nowrap; }
}


/* ===== SOURCE: css/next/icon_standard.css ===== */
:root{
  --k-icon-stroke:1.8;
  --k-icon-xs:16px;
  --k-icon-sm:18px;
  --k-icon-md:22px;
  --k-icon-lg:26px;
  --k-icon-touch:44px;
}
.k-ui-icon,.k-smart-action-icon,.k-icon,.k-nav-icon{display:inline-grid;place-items:center;flex:0 0 auto;color:currentColor;line-height:0}
.k-ui-icon svg,.k-smart-action-icon svg,.k-icon svg,.k-nav-icon svg,.k-menu-link>span:first-child svg{width:var(--k-icon-md);height:var(--k-icon-md);display:block;fill:none;stroke:currentColor;stroke-width:var(--k-icon-stroke);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.k-nav-icon svg{width:100%;height:100%;pointer-events:none}.k-menu-link>span:first-child svg{width:22px;height:22px;pointer-events:none}
.k-ui-icon--sm svg{width:var(--k-icon-sm);height:var(--k-icon-sm)}
.k-ui-icon--lg svg{width:var(--k-icon-lg);height:var(--k-icon-lg)}
button .k-ui-icon,a .k-ui-icon{pointer-events:none}
.k-icon-button{min-width:var(--k-icon-touch);min-height:var(--k-icon-touch);display:inline-grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--text2);cursor:pointer}
.k-icon-button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.k-icon-button:focus-visible,.k-social-action:focus-visible,.k-smart-action-item:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.k-social-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;color:var(--text2)}
.k-social-action .k-ui-icon svg{width:20px;height:20px}
.k-social-action.is-active,[aria-pressed="true"].k-social-action{color:var(--orange)}
.k-social-action.is-active [data-icon="heart"] svg,[aria-pressed="true"] [data-icon="heart"] svg{fill:currentColor}
.k-smart-action-icon svg{width:24px;height:24px}
.k-smart-action-item{min-width:0}
.k-smart-action-item>span:first-child:not(.k-smart-action-icon){font-size:0}
@media (prefers-reduced-motion:reduce){.k-ui-icon svg,.k-smart-action-icon svg,.k-nav-icon svg{transition:none!important}}


/* ===== SOURCE: css/next/smart_action_hub.css ===== */
.k-smart-action-hub{--kmw-accent:#ff3b12;--kmw-text:#111;--kmw-muted:#696969;--kmw-border:#e3e3e3;position:fixed;z-index:150;top:var(--k-shell-h,76px);right:0;bottom:calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom,0px));left:0;display:grid;place-items:stretch center;background:#fff;pointer-events:none;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--kmw-text)}
.k-smart-action-hub[hidden]{display:none!important}.k-smart-action-hub.is-open{pointer-events:auto}.k-more-window{width:min(430px,100%);height:100%;max-height:none;overflow:auto;overscroll-behavior:contain;background:#fff;border:0;border-radius:0;box-shadow:none;opacity:0;transform:translateY(10px);transition:opacity .16s ease,transform .18s ease}.k-smart-action-hub.is-open .k-more-window{opacity:1;transform:none}
.k-more-window,.k-more-window *,.k-more-window *::before,.k-more-window *::after{box-sizing:border-box}.k-more-window button{font:inherit}.k-more-window svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.k-more-window-main{padding:18px 16px 22px}.k-more-window-main>h1{margin:0 0 16px;font-size:32px;line-height:1.18;letter-spacing:-.025em;font-weight:750}
.k-more-window-profile{display:grid;grid-template-columns:52px 1fr 24px;gap:14px;align-items:center;width:100%;min-height:92px;padding:15px 16px;border:1px solid var(--kmw-border);border-radius:14px;background:#fff;color:#111;text-align:left;box-shadow:0 1px 2px rgba(17,17,17,.025),0 7px 22px rgba(17,17,17,.035);cursor:pointer}.k-more-window-avatar{display:grid;place-items:center;width:52px;height:52px;border:1px solid #eee;border-radius:50%;overflow:hidden;background:#f0f0f0;color:#555;font-weight:800}.k-more-window-avatar img{width:100%;height:100%;object-fit:cover}.k-more-window-profile__body{display:grid;min-width:0;justify-items:start;gap:6px}.k-more-window-profile__context{display:inline-flex;align-items:center;min-height:22px;padding:2px 9px;border-radius:8px;background:#f2f2f2;color:#565656;font-size:12.5px;font-weight:500}.k-more-window-profile__body strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17.5px;line-height:22px;font-weight:700}.k-more-window-profile__chevron{display:grid;place-items:center;color:#4e4e4e}.k-more-window-profile__chevron svg{width:22px;height:22px}
.k-more-window-quick{margin-top:16px}.k-more-window-quick>h2{margin:0 0 13px;font-size:20px;line-height:26px;font-weight:740;letter-spacing:-.015em}.k-more-window-hub{--hex-w:118px;--hex-h:104px;--row:105px;--side:50px;position:relative;width:min(100%,358px);height:316px;margin:0 auto}.k-more-window-action{position:absolute;z-index:1;display:grid;width:var(--hex-w);height:var(--hex-h);place-items:center;padding:0;border:0;color:#111;background:var(--kmw-accent);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);isolation:isolate;outline:0;cursor:pointer}.k-more-window-action::before{position:absolute;z-index:-1;inset:1.15px;background:#fff;clip-path:inherit;content:""}.k-more-window-action__inside{position:relative;z-index:1;display:grid;width:90%;justify-items:center;gap:8px;text-align:center}.k-more-window-action__icon{display:grid;place-items:center}.k-more-window-action__icon svg{width:29px;height:29px}.k-more-window-action__inside>span:last-child{max-width:100%;font-size:13px;font-weight:540;line-height:16px;overflow-wrap:anywhere}.k-more-window-action:disabled{opacity:.35;cursor:default}.k-more-window-action:not(:disabled):focus-visible{filter:drop-shadow(0 8px 14px rgba(255,59,18,.14))}
.k-more-window-action--1{top:0;left:var(--side)}.k-more-window-action--2{top:0;right:var(--side)}.k-more-window-action--3{top:var(--row);left:0}.k-more-window-action--4{top:var(--row);right:0}.k-more-window-action--5{top:calc(var(--row)*2);left:var(--side)}.k-more-window-action--6{top:calc(var(--row)*2);right:var(--side)}
.k-more-window-core{position:absolute;z-index:3;top:50%;left:50%;display:grid;place-items:center;width:52px;height:46px;color:#fff;background:var(--kmw-accent);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transform:translate(-50%,-50%);filter:drop-shadow(0 3px 6px rgba(255,59,18,.2));pointer-events:none}.k-more-window-core svg{width:26px;height:26px}
.k-more-window-badge{position:absolute;z-index:5;right:15px;top:15px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;line-height:1}
.k-more-window-support{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:68px;margin-top:16px;padding:10px 11px 10px 14px;border:1px solid var(--kmw-border);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(17,17,17,.025),0 7px 22px rgba(17,17,17,.035)}.k-more-window-support__icon{display:grid;place-items:center}.k-more-window-support__icon svg{width:28px;height:28px}.k-more-window-support>span:nth-child(2){display:grid;gap:2px;min-width:0}.k-more-window-support strong{font-size:14.5px;line-height:20px}.k-more-window-support small{color:#696969;font-size:11.5px;line-height:16px}.k-more-window-support>button{min-width:82px;min-height:38px;padding:0 13px;border:0;border-radius:10px;background:var(--kmw-accent);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}
.k-more-window-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:10px;padding:9px 11px;border-radius:10px;background:#fff4f1;color:#b82f11;font-size:12px;font-weight:700}.k-more-window-status button{min-height:32px;border:1px solid #ffb4a4;border-radius:9px;background:#fff;color:#b82f11;padding:0 10px}
.k-mobile-nav .k-nav-more[aria-expanded="true"]{background:var(--orange,#ff3b12)!important;border-color:var(--orange,#ff3b12)!important;color:#fff!important;box-shadow:0 8px 20px rgba(255,59,18,.2)!important}.k-mobile-nav .k-nav-more[aria-expanded="true"] .k-nav-icon,.k-mobile-nav .k-nav-more[aria-expanded="true"] .k-nav-icon svg{color:#fff!important;stroke:currentColor!important}
@media(max-width:430px){.k-more-window{width:100%}.k-more-window-hub{container-type:inline-size;--hex-w:clamp(100px,30.25cqw,118px);--hex-h:clamp(88px,26.67cqw,104px);--row:calc(var(--hex-h) + 1px);--side:clamp(40px,12.82cqw,50px);height:calc(var(--row)*3 + 1px)}.k-more-window-action__inside>span:last-child{font-size:clamp(11px,3.33cqw,13px)}}
@media(max-width:350px){.k-more-window-main{padding-inline:12px}.k-more-window-hub{--side:34px}.k-more-window-support{grid-template-columns:28px 1fr}.k-more-window-support>button{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.k-more-window,.k-more-window-action{transition:none!important}}

.k-more-layout-settings--fixed{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;margin:14px 0 18px;padding:14px;border:1px solid #e3e3e3;border-radius:16px;background:#fff}.k-more-layout-settings--fixed>div:last-child{display:grid;gap:5px}.k-more-layout-settings--fixed>div:last-child>b{font-size:14px}.k-more-layout-settings--fixed>div:last-child>small{color:#667085;font-size:12px;line-height:1.35}.k-more-layout-fixed-preview,.k-account-more-fixed>span{position:relative;display:block;width:86px;height:74px}.k-more-layout-fixed-preview i,.k-account-more-fixed>span i{position:absolute;width:28px;height:24px;background:#fff;border:1px solid #ff3b12;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.k-more-layout-fixed-preview i:nth-child(1),.k-account-more-fixed>span i:nth-child(1){left:18px;top:0}.k-more-layout-fixed-preview i:nth-child(2),.k-account-more-fixed>span i:nth-child(2){right:8px;top:0}.k-more-layout-fixed-preview i:nth-child(3),.k-account-more-fixed>span i:nth-child(3){left:0;top:24px}.k-more-layout-fixed-preview i:nth-child(4),.k-account-more-fixed>span i:nth-child(4){right:0;top:24px}.k-more-layout-fixed-preview i:nth-child(5),.k-account-more-fixed>span i:nth-child(5){left:18px;top:48px}.k-more-layout-fixed-preview i:nth-child(6),.k-account-more-fixed>span i:nth-child(6){right:8px;top:48px}.k-more-layout-fixed-preview b,.k-account-more-fixed>span b{position:absolute;z-index:2;left:35px;top:28px;width:22px;height:19px;background:#ff3b12;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.k-account-more-fixed{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center}.k-account-more-fixed>div{display:grid;gap:4px}.k-account-more-fixed small{color:#667085;font-size:12px}

@media(min-width:861px){.k-smart-action-hub{bottom:0}}


/* ===== SOURCE: css/next/workspace_admin.css ===== */
.k-page.k-sto-workplace-page{max-width:none;width:100%;padding-inline:clamp(12px,2vw,32px)}
.k-admin-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1600px;margin:0 auto;padding:20px}
.k-admin-workspace-card{min-width:0;display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--k-border,#dfe3e8);border-radius:22px;background:var(--k-surface,#fff);text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(20,30,50,.06)}
.k-admin-workspace-card>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--k-surface-soft,#f4f6f8)}
.k-admin-workspace-card svg{width:26px;height:26px}.k-admin-workspace-card div{min-width:0;flex:1}.k-admin-workspace-card h2{margin:0 0 6px}.k-admin-workspace-card p{margin:0;color:var(--k-muted,#68707c)}
html[data-navigation-context="organization_service"] .k-mobile-nav{--k-mobile-nav-count:5}html[data-navigation-context="admin"] .k-mobile-nav{--k-mobile-nav-count:6}
@media(max-width:900px){.k-admin-workspace-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.k-admin-workspace-grid{grid-template-columns:1fr;padding:10px}.k-admin-workspace-card{padding:16px;border-radius:18px}.k-page.k-sto-workplace-page{padding-inline:0}.k-sto-workplace-page .k-page-hero,.k-sto-workplace-page .k-sto-section,.k-sto-workplace-page .k-sto-metrics,.k-sto-workplace-page .k-sto-quick-nav{margin-inline:10px}}

/* R188.2 admin operations */
.k-admin-ops{width:100%;min-width:0;display:grid;gap:18px}.k-admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.k-admin-toolbar label{min-width:min(420px,100%);flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--k-border,#dfe3e8);border-radius:16px;background:var(--k-surface,#fff)}.k-admin-toolbar input{width:100%;min-height:46px;border:0;background:transparent;outline:0}.k-admin-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.k-admin-entity-card{min-width:0;padding:18px;border:1px solid var(--k-border,#dfe3e8);border-radius:20px;background:var(--k-surface,#fff);box-shadow:0 8px 28px rgba(15,23,42,.06);display:grid;gap:14px}.k-admin-entity-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.k-admin-entity-card header div{min-width:0;display:grid;gap:4px}.k-admin-entity-card header b,.k-admin-entity-card header span{overflow-wrap:anywhere}.k-admin-entity-card header i{font-style:normal;font-size:12px;padding:5px 9px;border-radius:999px;background:#eef2f7}.k-admin-entity-card header i[data-state="active"],.k-admin-entity-card header i[data-state="approved"]{background:#dcfce7;color:#166534}.k-admin-entity-card header i[data-state="blocked"],.k-admin-entity-card header i[data-state="rejected"]{background:#fee2e2;color:#991b1b}.k-admin-entity-card dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.k-admin-entity-card dl div{min-width:0}.k-admin-entity-card dt{font-size:11px;color:var(--k-muted,#667085)}.k-admin-entity-card dd{margin:3px 0 0;overflow-wrap:anywhere}.k-admin-entity-card footer{display:flex;gap:8px;flex-wrap:wrap}.k-admin-entity-card footer button{min-height:40px;border:1px solid var(--k-border,#dfe3e8);border-radius:12px;background:var(--k-surface,#fff);padding:0 12px}.k-admin-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.k-admin-kpis article{padding:16px;border-radius:18px;background:var(--k-surface,#fff);border:1px solid var(--k-border,#dfe3e8);display:grid;gap:4px}.k-admin-kpis b{font-size:24px}.k-admin-kpis span{font-size:12px;color:var(--k-muted,#667085)}.k-admin-audit{display:grid;gap:12px}.k-admin-audit-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,2fr) auto;gap:12px;padding:12px 14px;border-bottom:1px solid var(--k-border,#e5e7eb)}.k-admin-status[data-type="error"]{color:#b42318}.k-admin-ops[aria-busy="true"]{opacity:.72;pointer-events:none}@media(max-width:1100px){.k-admin-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.k-admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.k-admin-data-grid,.k-admin-kpis{grid-template-columns:1fr}.k-admin-entity-card{border-radius:16px;padding:14px}.k-admin-toolbar{align-items:stretch}.k-admin-toolbar>*{width:100%}.k-admin-audit-row{grid-template-columns:1fr;gap:4px}}

/* R188.4 role operational navigation */
.k-admin-context-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;margin:0 0 18px}
.k-admin-context-nav a{min-width:0;min-height:72px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--k-border,#dfe3e8);border-radius:16px;background:var(--k-surface,#fff);color:inherit;text-decoration:none}
.k-admin-context-nav a span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--k-surface-soft,#f4f6f8)}
.k-admin-context-nav a svg{width:20px;height:20px}.k-admin-context-nav a b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.k-admin-context-nav a.is-active{border-color:var(--k-accent,#ff6b00);box-shadow:0 0 0 2px color-mix(in srgb,var(--k-accent,#ff6b00) 15%,transparent)}
html[data-navigation-context="organization_service"] .k-sto-quick-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-navigation-context="organization_service"] .k-sto-quick-nav svg{width:24px;height:24px}
@media(max-width:1100px){.k-admin-context-nav{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-navigation-context="organization_service"] .k-sto-quick-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.k-admin-context-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.k-admin-context-nav a{min-width:150px;scroll-snap-align:start}.k-admin-context-nav::-webkit-scrollbar{display:none}html[data-navigation-context="organization_service"] .k-sto-quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ===== SOURCE: css/next/role_workspaces.css ===== */
/* R188.5 role workspaces completion */
.k-sto-master-assign{display:flex;align-items:center;justify-content:flex-end;gap:7px;max-width:360px}.k-sto-master-assign select{min-width:150px;min-height:40px;padding:0 10px;border:1px solid #d8dee8;border-radius:12px;background:#fff}.k-sto-order-card.is-compact .k-sto-master-assign{display:grid;grid-template-columns:1fr}.k-sto-order-card.is-compact .k-sto-master-assign select{width:100%;min-width:0}
.k-admin-dialog,.k-admin-detail-dialog{width:min(720px,calc(100vw - 24px));max-height:min(860px,calc(100dvh - 24px));padding:0;border:0;border-radius:22px;background:var(--k-surface,#fff);color:inherit;box-shadow:0 28px 80px rgba(15,23,42,.24)}.k-admin-detail-dialog{width:min(1100px,calc(100vw - 24px))}.k-admin-dialog::backdrop,.k-admin-detail-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}.k-admin-dialog form,.k-admin-detail-dialog>section{display:grid;gap:16px;padding:20px}.k-admin-dialog header,.k-admin-detail-dialog>section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.k-admin-dialog header h2,.k-admin-detail-dialog h2{margin:3px 0 0}.k-admin-dialog header small,.k-admin-detail-dialog header small{color:var(--k-accent,#ff6b00);font-weight:900}.k-admin-dialog header>button,.k-admin-detail-dialog header>button{width:40px;height:40px;border:1px solid var(--k-border,#dfe3e8);border-radius:12px;background:transparent;font-size:22px}.k-admin-dialog label{display:grid;gap:7px}.k-admin-dialog label span{font-size:13px;font-weight:700}.k-admin-dialog input,.k-admin-dialog select,.k-admin-dialog textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--k-border,#dfe3e8);border-radius:13px;background:var(--k-surface,#fff);color:inherit}.k-admin-dialog textarea{min-height:100px;resize:vertical}.k-admin-dialog-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.k-admin-dialog footer{display:flex;justify-content:flex-end;gap:10px}.k-admin-dialog-error{min-height:20px;color:#b42318;font-size:13px}.k-admin-identity{display:grid;gap:20px;max-height:calc(100dvh - 110px);overflow:auto;padding-right:4px}.k-admin-identity>section{display:grid;gap:12px}.k-admin-identity>section>h3{margin:0}.k-admin-identity-head{display:flex!important;align-items:flex-start;justify-content:space-between;padding:16px;border-radius:16px;background:var(--k-surface-soft,#f4f6f8)}.k-admin-identity-head h3{margin:3px 0}.k-admin-identity-head p{margin:0;color:var(--k-muted,#667085)}.k-admin-identity-rows{display:grid;gap:8px}.k-admin-identity-rows article{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border:1px solid var(--k-border,#dfe3e8);border-radius:14px}.k-admin-identity-rows article>div{min-width:0;flex:1;display:grid;gap:3px}.k-admin-identity-rows small{overflow-wrap:anywhere;color:var(--k-muted,#667085)}.k-admin-identity-rows i,.k-admin-identity-head i{font-style:normal;font-size:11px;padding:5px 8px;border-radius:999px;background:#eef2f7}.k-admin-identity-rows i[data-state="active"],.k-admin-identity-head i[data-state="active"]{background:#dcfce7;color:#166534}.k-admin-identity-rows i[data-state="blocked"],.k-admin-identity-rows i[data-state="suspended"],.k-admin-identity-rows i[data-state="revoked"]{background:#fee2e2;color:#991b1b}.k-admin-identity-rows button{min-height:38px;padding:0 11px;border:1px solid var(--k-border,#dfe3e8);border-radius:11px;background:var(--k-surface,#fff)}
.k-seller-workspace-nav{display:flex;gap:8px;overflow-x:auto;padding:3px 0}.k-seller-workspace-nav a{min-height:42px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--k-border,#dfe3e8);border-radius:12px;background:var(--k-surface,#fff);color:inherit;text-decoration:none;white-space:nowrap}.k-seller-workspace-nav a.is-active{border-color:var(--k-accent,#ff6b00);color:var(--k-accent,#ff6b00);font-weight:800}.k-seller-grid.is-single{grid-template-columns:minmax(0,1fr)}.k-seller-grid.is-single .k-seller-products,.k-seller-grid.is-single .k-seller-side{width:100%}.k-seller-section-head p{margin:4px 0 0;color:var(--k-muted,#667085);font-size:13px}html[data-navigation-context="seller"] .k-mobile-nav,html[data-navigation-context="organization_store"] .k-mobile-nav{--k-mobile-nav-count:6}
@media(max-width:700px){.k-sto-master-assign{width:100%;max-width:none;display:grid;grid-template-columns:1fr}.k-sto-master-assign select,.k-sto-master-assign .k-button{width:100%}.k-admin-dialog form,.k-admin-detail-dialog>section{padding:14px}.k-admin-dialog-fields{grid-template-columns:1fr}.k-admin-dialog footer{display:grid;grid-template-columns:1fr 1fr}.k-admin-identity-rows article{align-items:flex-start;flex-wrap:wrap}.k-admin-identity-rows article>div{flex-basis:100%}.k-admin-detail-dialog{border-radius:16px}.k-seller-workspace-nav::-webkit-scrollbar{display:none}}


/* ===== SOURCE: css/next/dashboard_engine.css ===== */
.k-dashboard{width:100%;min-width:0;display:grid;gap:10px}.k-dashboard-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:40px}.k-dashboard-toolbar small{margin-left:4px;color:var(--k-muted,#697386);font-size:11px}.k-dashboard-tool{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--k-border,#e7e9ee);border-radius:12px;background:var(--k-surface,#fff);color:inherit}.k-dashboard-tool svg{width:17px;height:17px}.k-dashboard-tool[disabled]{opacity:.45;cursor:not-allowed}.k-dashboard-tool[aria-pressed="true"]{border-color:var(--k-accent,#ff6b00);color:var(--k-accent,#ff6b00)}.k-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}.k-dashboard-widget{grid-column:span calc(var(--widget-span,1)*3);min-width:0;border:1px solid var(--k-border,#e7e9ee);border-radius:20px;background:var(--k-surface,#fff);box-shadow:0 8px 28px rgba(15,23,42,.06);overflow:hidden}.k-dashboard-widget.is-editing{border-style:dashed;border-color:color-mix(in srgb,var(--k-accent,#ff6b00) 55%,var(--k-border,#e7e9ee))}.k-dashboard-widget__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--k-border,#e7e9ee)}.k-dashboard-widget__head>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.k-dashboard-widget__head svg{width:22px;height:22px;flex:0 0 auto}.k-dashboard-widget__head span{display:grid;min-width:0}.k-dashboard-widget__head b,.k-dashboard-widget__head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-dashboard-widget__head small{color:var(--k-muted,#697386);font-weight:400}.k-dashboard-widget__head>a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:inherit}.k-dashboard-widget__controls{display:flex!important;grid-auto-flow:column;align-items:center;gap:4px!important;flex:0 0 auto}.k-dashboard-widget__controls button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid var(--k-border,#e7e9ee);border-radius:9px;background:var(--k-surface,#fff);color:inherit}.k-dashboard-widget__controls button[disabled]{opacity:.35}.k-dashboard-widget__controls>span{display:block;min-width:30px;text-align:center;font-size:11px;color:var(--k-muted,#697386)}.k-dashboard-widget__body{padding:16px 18px;min-width:0}.k-dashboard-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.k-dashboard-kpi{min-width:0;padding:14px;border-radius:16px;background:var(--k-soft,#f6f7f9)}.k-dashboard-kpi b{display:block;font-size:clamp(20px,2vw,32px);line-height:1.1}.k-dashboard-kpi span{display:block;margin-top:6px;color:var(--k-muted,#697386);font-size:13px}.k-dashboard-list{display:grid;gap:10px}.k-dashboard-list>a,.k-dashboard-list>div{display:flex;justify-content:space-between;gap:12px;min-width:0;padding:11px 0;border-bottom:1px solid var(--k-border,#e7e9ee)}.k-dashboard-list>*:last-child{border-bottom:0}.k-dashboard-list span,.k-dashboard-list small{overflow-wrap:anywhere}.k-dashboard-alert-list{display:grid;gap:8px}.k-dashboard-alert-list a{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:var(--k-soft,#f6f7f9);color:inherit;text-decoration:none}.k-dashboard-alert-list small{color:var(--k-muted,#697386)}@media(max-width:1100px){.k-dashboard-widget{grid-column:span calc(min(var(--widget-span,1),2)*6)}}@media(max-width:700px){.k-dashboard-toolbar{justify-content:flex-start;overflow-x:auto}.k-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:12px}.k-dashboard-widget{grid-column:1!important;border-radius:16px}.k-dashboard-widget__head,.k-dashboard-widget__body{padding:14px}.k-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.k-dashboard-widget__head{align-items:flex-start}.k-dashboard-widget__controls{flex-wrap:wrap!important;justify-content:flex-end}.k-dashboard-tool span{font-size:12px}}@media(max-width:380px){.k-dashboard-kpis{grid-template-columns:minmax(0,1fr)}.k-dashboard-widget__head{display:grid}.k-dashboard-widget__controls{justify-content:flex-start}}


/* ===== SOURCE: css/next/navigation_more_accessibility.css ===== */
/* Unified navigation accessibility. The More button uses the KARETA orange active state. */
@media (max-width:900px){
  #k-mobile-nav .k-nav-link.is-active,
  #k-mobile-nav .k-nav-link[aria-current="page"]{background:#111827!important;border-color:#111827!important;color:#fff!important;box-shadow:0 8px 20px rgba(17,24,39,.18)!important}
  #k-mobile-nav .k-nav-link.is-active .k-nav-icon,
  #k-mobile-nav .k-nav-link[aria-current="page"] .k-nav-icon,
  #k-mobile-nav .k-nav-link.is-active .k-nav-icon svg,
  #k-mobile-nav .k-nav-link[aria-current="page"] .k-nav-icon svg{color:#fff!important;stroke:currentColor!important}
  #k-mobile-nav .k-nav-more[aria-expanded="true"]{background:#ff3b12!important;border-color:#ff3b12!important;color:#fff!important;box-shadow:0 8px 20px rgba(255,59,18,.2)!important}
  #k-mobile-nav .k-nav-more[aria-expanded="true"] .k-nav-icon,
  #k-mobile-nav .k-nav-more[aria-expanded="true"] .k-nav-icon svg{color:#fff!important;stroke:currentColor!important}
}


/* ===== SOURCE: css/next/context_switcher_more_layouts.css ===== */
/* R188.5.4: persistent account switcher and three More-menu compositions. */
.k-menu-drawer {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.k-context-switcher {
  margin: 0;
  padding: 14px 18px 0;
  background: #f8fafc;
}

.k-context-switcher[hidden] {
  display: none !important;
}

.k-context-card,
.k-context-legacy {
  display: grid;
  gap: 11px;
  padding: 14px;
  border: 1px solid #dbe3ee;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.k-context-card > header {
  display: grid;
  gap: 3px;
}

.k-context-card > header > span,
.k-context-legacy > span {
  color: #ff6b00;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

.k-context-card > header > small,
.k-context-legacy > small {
  color: #667085;
  font-size: 11px;
}

.k-context-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.k-context-button {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 58px;
  padding: 9px;
  border: 1px solid #dbe3ee;
  border-radius: 15px;
  background: #fff;
  color: #344054;
  text-align: left;
  cursor: pointer;
}

.k-context-button:not(:disabled):hover,
.k-context-button:not(:disabled):focus-visible {
  border-color: #ff6b00;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, .1);
}

.k-context-button.is-active {
  border-color: #111827;
  background: #111827;
  color: #fff;
}

.k-context-button-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: rgba(255, 107, 0, .1);
  color: #d85400;
}

.k-context-button.is-active .k-context-button-icon {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

.k-context-button-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.k-context-button > span:nth-child(2) {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.k-context-button b {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k-context-button small {
  overflow: hidden;
  color: #667085;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k-context-button.is-active small {
  color: rgba(255, 255, 255, .7);
}

.k-context-button > i {
  position: absolute;
  right: 7px;
  bottom: 4px;
  font-size: 8px;
  font-style: normal;
  opacity: .65;
}

.k-context-add,
.k-context-recover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #dbe3ee;
  border-radius: 12px;
  background: #fff;
  color: #344054;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

.k-context-recover {
  cursor: pointer;
}

.k-context-error {
  font-size: 11px;
}


/* More window geometry moved to smart_action_hub.css V1.2. */

@media (max-width:700px){.k-context-switcher{padding:12px 14px 0}.k-context-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:390px){.k-context-button{grid-template-columns:30px minmax(0,1fr);padding:7px}.k-context-button-icon{width:30px;height:30px}}


/* ===== SOURCE: css/next/client_mobile_navigation.css ===== */
/* CLIENT mobile navigation only. Role isolation is intentional:
   MASTER/STO/SELLER/ADMIN use their own templates and styles. */
@media (max-width: 900px) {
  html[data-user-role="client"] #k-mobile-nav {
    --k-mobile-nav-count: 6 !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
    gap: 4px !important;
    padding-inline: 6px !important;
  }

  html[data-user-role="client"] #k-mobile-nav .k-nav-link {
    min-width: 0;
    min-height: 52px;
    gap: 2px;
    padding-inline: 1px !important;
  }

  html[data-user-role="client"] #k-mobile-nav .k-nav-link .k-nav-icon,
  html[data-user-role="client"] #k-mobile-nav .k-nav-link .k-nav-icon svg {
    width: 20px;
    height: 20px;
  }

  html[data-user-role="client"] #k-mobile-nav .k-nav-link > span:not(.k-nav-icon):not(.k-nav-badge) {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(8px, 2.05vw, 10px);
    line-height: 1.1;
    letter-spacing: -.02em;
  }
}

@media (max-width: 350px) {
  html[data-user-role="client"] #k-mobile-nav {
    left: max(4px, env(safe-area-inset-left, 0px));
    right: max(4px, env(safe-area-inset-right, 0px));
    gap: 2px !important;
    padding-inline: 4px !important;
  }

  html[data-user-role="client"] #k-mobile-nav .k-nav-link > span:not(.k-nav-icon):not(.k-nav-badge) {
    font-size: 8px;
  }
}


/* ===== SOURCE: css/next/legacy_role_picker_cleanup.css ===== */
/* R188.5.5.2: legacy role picker and duplicate More-center removal. */
.k-context-legacy > header {
  display: grid;
  gap: 3px;
}

.k-context-legacy > header > span {
  color: #ff6b00;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

.k-context-legacy > header > small,
.k-context-legacy-footer > small {
  color: #667085;
  font-size: 11px;
  line-height: 1.35;
}

.k-context-legacy-roles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.k-context-role-choice {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 64px;
  padding: 9px 9px 16px;
  border: 1px solid #dbe3ee;
  border-radius: 15px;
  background: #fff;
  color: #344054;
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.k-context-role-choice:not(:disabled):hover,
.k-context-role-choice:not(:disabled):focus-visible {
  border-color: #ff6b00;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, .1);
  outline: 0;
}

.k-context-role-choice.is-active {
  border-color: #111827;
  background: #111827;
  color: #fff;
  cursor: default;
}

.k-context-role-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: rgba(255, 107, 0, .1);
  color: #d85400;
}

.k-context-role-choice.is-active .k-context-role-icon {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

.k-context-role-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.k-context-role-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.k-context-role-copy b,
.k-context-role-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k-context-role-copy b {
  font-size: 12px;
}

.k-context-role-copy small {
  color: #667085;
  font-size: 9px;
}

.k-context-role-choice.is-active .k-context-role-copy small {
  color: rgba(255, 255, 255, .72);
}

.k-context-role-state {
  position: absolute;
  right: 8px;
  bottom: 5px;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
  opacity: .72;
}

.k-context-legacy-footer {
  display: grid;
  gap: 8px;
}

.k-context-legacy-footer .k-context-recover[aria-busy="true"] {
  opacity: .6;
  cursor: wait;
}

@media (max-width: 390px) {
  .k-context-role-choice {
    grid-template-columns: 30px minmax(0, 1fr);
    padding-inline: 7px;
  }

  .k-context-role-icon {
    width: 30px;
    height: 30px;
  }
}


/* ===== SOURCE: css/next/role_surfaces_chat_spacing.css ===== */
/* R188.5.5.3 — atomic role surfaces, chat workflow and client master spacing. */

html[data-navigation-context="personal"] .k-masters-page{
  width:min(100%,1680px);
  max-width:1680px;
  margin-inline:auto;
  padding-inline:clamp(14px,3vw,32px);
  box-sizing:border-box;
}

.k-chat-filters{display:flex;gap:7px;padding:9px 14px 11px;border-bottom:1px solid #e5e7eb;background:#f8fafc}
.k-chat-filters button{min-height:34px;padding:0 12px;border:1px solid #dbe3ed;border-radius:999px;background:#fff;color:#475569;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.k-chat-filters button.is-active{border-color:#111827;background:#111827;color:#fff}
.k-chat-new .k-ui-icon{width:21px;height:21px}.k-chat-new .k-ui-icon svg{width:100%;height:100%}
.k-chat-message{position:relative}.k-chat-message-actions{position:absolute;z-index:2;top:-10px;left:10px;display:flex;gap:4px;opacity:0;pointer-events:none;transform:translateY(3px);transition:.15s ease}
.k-chat-message.is-own .k-chat-message-actions{right:10px;left:auto}.k-chat-message:hover .k-chat-message-actions,.k-chat-message:focus-within .k-chat-message-actions{opacity:1;pointer-events:auto;transform:none}
.k-chat-message-actions button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #dbe3ed;border-radius:10px;background:#fff;color:#334155;box-shadow:0 6px 18px rgba(15,23,42,.12);cursor:pointer}
.k-chat-message-actions .k-ui-icon,.k-chat-message-actions svg{width:15px;height:15px}
.k-chat-reply-quote{display:grid;width:100%;gap:2px;margin:5px 0 8px;padding:7px 9px;border:0;border-left:3px solid currentColor;border-radius:8px;background:rgba(148,163,184,.14);text-align:left;color:inherit;cursor:pointer}
.k-chat-reply-quote strong,.k-chat-reply-quote span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-chat-reply-quote strong{font-size:11px}.k-chat-reply-quote span{font-size:12px;opacity:.72}
.k-chat-composer{grid-template-columns:minmax(0,1fr) auto auto}.k-chat-composer-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:9px 11px;border-left:3px solid #ff6b00;border-radius:10px;background:#fff7ed;color:#9a3412}
.k-chat-composer-mode>div{display:grid;gap:2px;min-width:0}.k-chat-composer-mode strong,.k-chat-composer-mode span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-chat-composer-mode strong{font-size:12px}.k-chat-composer-mode span{font-size:12px;opacity:.8}
.k-chat-composer-mode>button{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;background:#fff;color:#9a3412;cursor:pointer}.k-chat-composer-mode .k-ui-icon,.k-chat-composer-mode svg{width:15px;height:15px}
.k-chat-message-kind{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.k-chat-edited{font-size:10px;opacity:.62}.k-chat-image{display:block!important;overflow:hidden;margin-top:8px!important;border-radius:12px}.k-chat-image img{display:block;width:min(100%,360px);max-height:320px;object-fit:cover}
.k-chat-file{align-items:center;gap:6px}.k-chat-file .k-ui-icon,.k-chat-file svg{width:17px;height:17px;flex:0 0 auto}.k-chat-message.is-highlighted>div{animation:kR188553ChatHighlight 1.25s ease}
@keyframes kR188553ChatHighlight{0%,100%{box-shadow:inherit}35%{box-shadow:0 0 0 4px rgba(255,107,0,.3)}}

@media(max-width:760px){
  html[data-navigation-context="personal"] .k-masters-page{width:100%;max-width:none;margin-inline:0;padding:10px 12px calc(var(--k-mobile-nav-height,76px) + env(safe-area-inset-bottom,0px) + 18px)}
  html[data-navigation-context="personal"] .k-masters-page>.k-masters-hero,
  html[data-navigation-context="personal"] .k-masters-page>.k-my-subscriptions,
  html[data-navigation-context="personal"] .k-masters-page>.k-masters-toolbar,
  html[data-navigation-context="personal"] .k-masters-page>.k-masters-directory{
    width:100%;border-left:1px solid rgba(15,23,42,.08);border-right:1px solid rgba(15,23,42,.08);border-radius:20px;box-sizing:border-box;
  }
  html[data-navigation-context="personal"] .k-masters-page .k-social-provider-card{border-left:1px solid rgba(15,23,42,.08);border-right:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
  .k-chat-message-actions{position:static;justify-content:flex-start;margin:0 0 4px;opacity:1;pointer-events:auto;transform:none}.k-chat-message.is-own .k-chat-message-actions{justify-content:flex-end}
  .k-chat-message-actions button{box-shadow:none}.k-chat-composer{grid-template-columns:minmax(0,1fr) auto}.k-chat-composer>.k-btn{grid-column:1/-1}
}


/* ===== SOURCE: css/next/role_runtime_chats.css ===== */
/* R188.5.5.4 — role E2E recovery, idempotent runtime and searchable chats. */

.k-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.k-chat-main{grid-template-rows:auto auto minmax(0,1fr) auto}
.k-chat-head-copy{min-width:0;flex:1}.k-chat-head-copy strong,.k-chat-head-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-chat-head-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.k-chat-head-actions button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dbe3ed;border-radius:13px;background:#fff;color:#334155;cursor:pointer}
.k-chat-head-actions button[aria-pressed="true"]{border-color:#111827;background:#111827;color:#fff}
.k-chat-head-actions .k-ui-icon,.k-chat-head-actions svg{width:19px;height:19px}
.k-chat-message-search{display:grid;grid-template-columns:minmax(0,1fr) auto 38px 38px 38px;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid #e5e7eb;background:#f8fafc}
.k-chat-message-search[hidden]{display:none}.k-chat-message-search label{min-width:0}.k-chat-message-search input{width:100%;height:40px;border:1px solid #dbe3ed;border-radius:12px;padding:0 12px;background:#fff;font:inherit;outline:none}
.k-chat-message-search input:focus{border-color:#111827;box-shadow:0 0 0 3px rgba(15,23,42,.08)}
.k-chat-message-search output{min-width:88px;color:#64748b;font-size:12px;font-weight:800;text-align:center}
.k-chat-message-search button{width:38px;height:38px;border:1px solid #dbe3ed;border-radius:11px;background:#fff;color:#334155;font-size:18px;cursor:pointer}
.k-chat-message-search button:disabled{opacity:.42;cursor:default}
.k-chat-message p mark{padding:0 2px;border-radius:3px;background:#fde047;color:#422006}
.k-chat-message.is-current-match>div{outline:3px solid rgba(255,107,0,.42);outline-offset:2px}
.k-chat-message.is-search-match:not(.is-current-match)>div{box-shadow:0 0 0 2px rgba(250,204,21,.35)}
.k-chat-row:focus-visible,.k-chat-head-actions button:focus-visible,.k-chat-message-search button:focus-visible,.k-chat-message-actions button:focus-visible{outline:3px solid rgba(255,107,0,.38);outline-offset:2px}
.k-chat-send-status{grid-column:1/-1;min-height:18px;color:#64748b;font-size:12px;font-weight:700}
.k-chat-send-status[hidden]{display:none}
html[data-recovery-phase]:not([data-recovery-phase="idle"]) .k-realtime-indicator{background:#f59e0b}

@media(max-width:760px){
  .k-chat-head{gap:8px;padding-inline:12px}.k-chat-head-actions{gap:6px}.k-chat-head-actions a{display:none}.k-chat-head-actions button{width:38px;height:38px}
  .k-chat-message-search{grid-template-columns:minmax(0,1fr) 34px 34px 34px;padding:8px}.k-chat-message-search output{grid-column:1/-1;grid-row:2;min-width:0;text-align:left;padding-left:3px}
  .k-chat-message-search button{width:34px;height:34px}.k-chat-send-status{grid-column:1/-1}
}

@media(max-width:360px){
  .k-chat-head-copy span{max-width:150px}.k-chat-message-search{gap:5px}.k-chat-message-search input{padding-inline:9px}.k-chat-composer{padding:10px;gap:8px}
}


/* ===== SOURCE: css/next/account_type_catalog.css ===== */
/* R188.5.5.6.10: complete account-type catalog and moderated add flow. */
#k-context-switcher .k-context-button--type {
  border-style: dashed;
}

#k-context-switcher .k-context-button--type.is-available,
#k-context-switcher .k-context-button--type.is-rejected {
  border-color: rgba(255, 107, 0, .42);
  background: linear-gradient(145deg, #fff, #fff8f2);
  color: #344054;
}

#k-context-switcher .k-context-button--type.is-available .k-context-button-icon,
#k-context-switcher .k-context-button--type.is-rejected .k-context-button-icon {
  background: rgba(255, 107, 0, .12);
  color: #d85400;
}

#k-context-switcher .k-context-button--type.is-pending,
#k-context-switcher .k-context-button--type.is-setup_required {
  border-style: solid;
  border-color: #f4c98d;
  background: #fffaf2;
  color: #7a4a08;
  opacity: 1;
}

#k-context-switcher .k-context-button--type.is-pending .k-context-button-icon,
#k-context-switcher .k-context-button--type.is-setup_required .k-context-button-icon {
  background: #ffedd5;
  color: #b45309;
}

#k-context-switcher .k-context-button--type:disabled:not(.is-active) {
  cursor: default;
}

#k-context-switcher .k-context-account-note {
  padding: 9px 10px;
  border-radius: 11px;
  background: #f8fafc;
  color: #667085;
  font-size: 10px;
  line-height: 1.35;
}

#k-context-switcher .k-context-button--type > i {
  font-weight: 800;
  opacity: .8;
}

@media (max-width: 359px) {
  #k-context-switcher .k-context-account-note {
    padding: 8px;
    font-size: 9px;
  }
}


/* ===== SOURCE: css/next/client_exchange_scale.css ===== */
/* R188.5.5.6.21 — client exchange at production scale */
.k-client-exchange-board{margin:18px 0 24px;padding:20px;border:1px solid var(--k-border,#e5e7eb);border-radius:24px;background:var(--k-surface,#fff)}
.k-client-exchange-board__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.k-client-exchange-board__head span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--k-accent,#f97316)}.k-client-exchange-board__head h2{margin:4px 0 6px;font-size:clamp(20px,3vw,30px)}.k-client-exchange-board__head p{margin:0;max-width:760px;color:var(--k-muted,#64748b)}
.k-client-exchange-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.k-client-exchange-kpi span{display:flex;flex-direction:column;padding:12px;border-radius:16px;background:var(--k-soft,#f8fafc);font-size:12px;color:var(--k-muted,#64748b)}.k-client-exchange-kpi b{font-size:22px;color:var(--k-text,#111827)}
.k-client-exchange-list{display:grid;gap:14px}.k-client-exchange-order{padding:16px;border:1px solid var(--k-border,#e5e7eb);border-radius:20px}.k-client-exchange-order>header{display:flex;justify-content:space-between;gap:18px}.k-client-exchange-order>header span,.k-client-exchange-order__range small{font-size:12px;color:var(--k-muted,#64748b)}.k-client-exchange-order h3{margin:3px 0;font-size:18px}.k-client-exchange-order p{margin:0;color:var(--k-muted,#64748b)}.k-client-exchange-order__range{text-align:right}.k-client-exchange-order__range b{display:block;margin-top:3px;font-size:17px}.k-client-exchange-order__meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0;font-size:12px;color:var(--k-muted,#64748b)}.k-client-exchange-order__meta a{font-weight:700;color:inherit}
.k-client-bids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.k-client-bid{padding:13px;border:1px solid var(--k-border,#e5e7eb);border-radius:16px;background:var(--k-surface,#fff)}.k-client-bid__head{display:flex;justify-content:space-between;gap:12px}.k-client-bid__head b,.k-client-bid__head strong{font-size:15px}.k-client-bid__head span{display:block;margin-top:2px;font-size:11px;color:var(--k-muted,#64748b)}.k-client-bid__facts{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;margin:10px 0;font-size:11px;color:var(--k-muted,#64748b)}.k-client-bid p{margin:8px 0;font-size:12px}.k-client-bid__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.k-client-bid__accepted{font-weight:800;color:#15803d}.k-client-bid__declined{font-weight:700;color:#94a3b8}.k-client-bids-empty{grid-column:1/-1;padding:14px}
@media(max-width:720px){.k-client-exchange-board{padding:14px;border-radius:18px}.k-client-exchange-board__head,.k-client-exchange-order>header{flex-direction:column}.k-client-exchange-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.k-client-bids{grid-template-columns:1fr}.k-client-exchange-order__range{text-align:left}.k-client-bid__facts{grid-template-columns:1fr}}


/* ===== SOURCE: css/next/master_mobile_nav.css ===== */
/* R188.5.5.6.22 — master mobile navigation: 6 fixed work surfaces */
@media (max-width:700px){
  html[data-navigation-context="master"] #k-mobile-nav{
    --k-mobile-nav-count:6!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  html[data-navigation-context="master"] #k-mobile-nav .k-nav-link{
    min-width:0!important;
    padding-inline:2px!important;
    gap:3px!important;
  }
  html[data-navigation-context="master"] #k-mobile-nav .k-nav-icon{
    width:22px!important;
    height:22px!important;
  }
  html[data-navigation-context="master"] #k-mobile-nav .k-nav-icon svg{
    width:21px!important;
    height:21px!important;
  }
  html[data-navigation-context="master"] #k-mobile-nav .k-nav-link>span:not(.k-nav-icon):not(.k-nav-badge):not(.k-nav-unread){
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9px!important;
    letter-spacing:-.02em;
  }
}
@media (max-width:360px){
  html[data-navigation-context="master"] #k-mobile-nav .k-nav-link>span:not(.k-nav-icon):not(.k-nav-badge):not(.k-nav-unread){font-size:8px!important}
  html[data-navigation-context="master"] #k-mobile-nav .k-nav-icon,
  html[data-navigation-context="master"] #k-mobile-nav .k-nav-icon svg{width:20px!important;height:20px!important}
}


/* ===== SOURCE: css/next/shell_session_stability.css ===== */
/* R188.5.5.6.24 — stable desktop shell navigation + session-resume surface. */
@media (min-width:861px){
  #k-shell-header.k-shell-header{
    grid-template-columns:minmax(154px,190px) minmax(0,1fr) auto;
    align-items:center;
  }
  #k-desktop-nav.k-desktop-nav{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    gap:6px;
    padding:3px 4px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  #k-desktop-nav.k-desktop-nav::-webkit-scrollbar{display:none;width:0;height:0}
  #k-desktop-nav.k-desktop-nav.is-overflowing{justify-content:flex-start}
  #k-desktop-nav .k-nav-link{
    flex:0 0 auto;
    min-width:max-content;
    min-height:42px;
    height:42px;
    padding:0 12px;
    gap:7px;
    line-height:1;
    overflow:visible;
  }
  #k-desktop-nav .k-nav-icon{
    display:inline-grid;
    place-items:center;
    flex:0 0 20px;
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:0!important;
    line-height:0!important;
    transform:none!important;
  }
  #k-desktop-nav .k-nav-icon svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    margin:0!important;
    transform:none!important;
    transform-origin:center!important;
  }
  #k-desktop-nav .k-nav-label{
    display:block;
    flex:0 0 auto;
    white-space:nowrap;
    line-height:1.1;
  }
  #k-desktop-nav .k-nav-unread{flex:0 0 auto}
}
@media (min-width:861px) and (max-width:1100px){
  #k-shell-header.k-shell-header{grid-template-columns:minmax(138px,170px) minmax(0,1fr)}
  .k-brand-logo--full{width:168px;height:46px}
  #k-desktop-nav .k-nav-link{padding:0 10px;font-size:13px}
}


/* ===== SOURCE: css/next/master_orders_dedup.css ===== */
/* R188.5.5.6.27 — Master mobile navigation: orders live on the side FAB only. */
@media (max-width:700px){
  html[data-navigation-context="master"] #k-mobile-nav{
    --k-mobile-nav-count:5!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}


/* ===== SOURCE: css/next/desktop_full_width.css ===== */
/* R188.5.5.6.37 — desktop full-width page contract.
   Desktop page surfaces may use up to 2400px. Mobile layout is intentionally unchanged. */
@media (min-width: 901px) {
  :root,
  #app[data-kareta-layout="stable"] {
    --k-page-max: 2400px;
    --k-shell-max: 2400px;
    --k-shell-content-w: 2400px;
  }

  #k-page-outlet {
    width: 100%;
    max-width: var(--k-page-max, 2400px) !important;
    margin-inline: auto;
  }

  /* Every Next root page gets the same desktop width authority. */
  #k-page-outlet > .k-page,
  #k-page-outlet > [data-page].k-page,
  #k-page-outlet .k-page-content {
    width: 100% !important;
    max-width: var(--k-page-max, 2400px) !important;
    margin-inline: auto !important;
  }

  /* Older page roots that historically hard-coded 1180–1600px. */
  #k-page-outlet :is(
    .k-home-simple,
    .k-client-cabinet,
    .k-client-cabinet-page,
    .k-profile-page,
    .k-calendar-booking,
    .k-market,
    .k-core-platform,
    .k-migration,
    .k-sto-workplace-page,
    .k-admin-workspace-grid
  ) {
    width: 100% !important;
    max-width: var(--k-page-max, 2400px) !important;
  }

  /* Stable legacy shells embedded in the current app should obey the same page limit. */
  #app[data-kareta-layout="stable"] :is(
    .k-main-page,
    .k-main-account,
    .k-page-route,
    .k-page-content
  ) {
    max-width: var(--k-page-max, 2400px) !important;
  }
}


/* ===== SOURCE: css/next/desktop_card_grid_expansion.css ===== */
/* R188.5.5.6.40 — sensible desktop card-grid expansion for the 2400px page contract.
   Only catalog/navigation/feed surfaces expand. Forms, workflow, finance and dense operational panels stay unchanged. */

@media (min-width: 1100px) {
  /* Client and staff cabinets are navigation-card surfaces: 3 columns fit comfortably. */
  #k-page-outlet .k-client-cabinet-grid,
  #k-page-outlet .k-staff-cabinet-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* Staff cabinet previously had an internal 1220px cap that defeated the 2400px page surface. */
  #k-page-outlet .k-staff-cabinet {
    width: 100%;
    max-width: var(--k-page-max, 2400px);
  }
}

@media (min-width: 1200px) {
  /* Provider cards contain stats/actions, so 3 columns start later than simple feed cards. */
  #k-page-outlet .k-provider-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1400px) {
  /* Marketplace keeps its side panel; the product area gets a third useful column first. */
  #k-page-outlet .k-market-products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  /* Work/publication cards are visual content and scale cleanly to four columns. */
  #k-page-outlet .k-work-feed-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1800px) {
  #k-page-outlet .k-client-cabinet-grid,
  #k-page-outlet .k-staff-cabinet-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1900px) {
  #k-page-outlet .k-provider-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 2000px) {
  #k-page-outlet .k-market-products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


/* ===== SOURCE: css/next/shell_burger_recovery.css ===== */
/* R188.5.5.6.57 — explicit Shell hotfix: keep the burger in its own header column.
   This file is intentionally shell-scoped and is part of the Shell Freeze baseline. */
@media (min-width:861px) and (max-width:1100px){
  #k-shell-header.k-shell-header{
    grid-template-columns:minmax(138px,170px) minmax(0,1fr) auto;
  }
  #k-shell-header > .k-brand{grid-column:1;grid-row:1;min-width:0}
  #k-shell-header > #k-desktop-nav{grid-column:2;grid-row:1;min-width:0}
  #k-shell-header > .k-shell-actions{
    grid-column:3;
    grid-row:1;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:44px;
    justify-self:end;
    align-self:center;
  }
  #k-menu-toggle.k-menu-toggle{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:44px;
    min-width:44px;
    height:44px;
    padding:0;
    flex:0 0 44px;
  }
}

@media (max-width:860px){
  #k-shell-header > .k-shell-actions{
    grid-column:2;
    grid-row:1;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:44px;
    justify-self:end;
  }
  #k-menu-toggle.k-menu-toggle{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* ===== SOURCE: css/next/account_tariffs_master_capacity.css ===== */
/* R188.5.5.6.68 — Client/Master tariff surfaces. Content-only; Shell Freeze untouched. */
.k-tariff-host{display:grid;gap:18px;max-width:1280px;margin:0 auto;padding-bottom:28px}
.k-tariff-current,.k-tariff-plans{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.06)}
.k-tariff-current>header,.k-tariff-plans>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.k-tariff-current>header span,.k-tariff-plans>header span,.k-tariff-plan header span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#64748b;margin-bottom:5px}
.k-tariff-current h2,.k-tariff-plans h2,.k-tariff-plan h3{margin:0;color:#0f172a;line-height:1.15}
.k-tariff-current>header p{max-width:720px;margin:8px 0 0;color:#64748b;line-height:1.5}
.k-tariff-current>header strong{white-space:nowrap;font-size:18px;color:#0f172a}
.k-tariff-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.k-tariff-metric{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px;background:#f8fafc}
.k-tariff-metric>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.k-tariff-metric span{font-size:13px;color:#475569;line-height:1.35}
.k-tariff-metric b{font-size:18px;color:#0f172a;white-space:nowrap}
.k-tariff-metric small{display:block;margin-top:8px;color:#64748b;line-height:1.4}
.k-tariff-meter{height:7px!important;margin-top:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.k-tariff-meter i{display:block;height:100%;border-radius:inherit;background:#0f172a;transition:width .2s ease}
.k-tariff-metric.is-full{border-color:rgba(185,28,28,.28);background:#fff7f7}
.k-tariff-metric.is-full .k-tariff-meter i{background:#b91c1c}
.k-tariff-rule{margin-top:14px;padding:15px 16px;border-radius:16px;background:#f1f5f9;color:#334155}
.k-tariff-rule b{display:block;color:#0f172a;margin-bottom:4px}
.k-tariff-rule p{margin:0;line-height:1.5}
.k-tariff-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.k-tariff-plan{display:flex;flex-direction:column;min-height:270px;padding:18px;border:1px solid rgba(15,23,42,.09);border-radius:20px;background:#fff}
.k-tariff-plan.is-current{border-color:rgba(15,23,42,.28);box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.k-tariff-plan header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.k-tariff-plan header>b{font-size:14px;white-space:nowrap;color:#0f172a}
.k-tariff-plan p{margin:12px 0;color:#64748b;line-height:1.45}
.k-tariff-plan ul{margin:0 0 14px;padding-left:18px;color:#334155;display:grid;gap:7px}
.k-tariff-plan em{margin-top:auto;font-style:normal;font-size:12px;color:#64748b;line-height:1.4}
@media(max-width:760px){
  .k-tariff-current,.k-tariff-plans{border-radius:18px;padding:16px}
  .k-tariff-current>header{display:grid}
  .k-tariff-metrics,.k-tariff-plan-grid{grid-template-columns:1fr}
  .k-tariff-plan{min-height:0}
}


/* ===== SOURCE: css/next/tariff_admin_kareta_pro.css ===== */
/* R188.5.5.6.69.1 — admin tariff quotas + KARETA PRO */
.k-admin-tariff-control{margin:0 0 22px;padding:18px;border:1px solid rgba(15,23,42,.09);border-radius:22px;background:#fff}
.k-admin-tariff-control>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.k-admin-tariff-control small{font-size:11px;letter-spacing:.12em;color:#64748b}.k-admin-tariff-control h2{margin:4px 0 6px;font-size:22px}.k-admin-tariff-control p{margin:0;max-width:820px;color:#64748b;line-height:1.5}
.k-admin-tariff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.k-admin-tariff-card{padding:16px;border:1px solid rgba(15,23,42,.1);border-radius:18px;background:#f8fafc}.k-admin-tariff-card.is-pro{background:#fff;border-color:rgba(15,23,42,.28);box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)}
.k-admin-tariff-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.k-admin-tariff-card h3{margin:4px 0;font-size:20px}.k-admin-tariff-card p{font-size:13px}.k-admin-tariff-card>header i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;padding:6px 8px;border-radius:999px;background:#e2e8f0;color:#334155}.k-admin-tariff-card.is-pro>header i{background:#0f172a;color:#fff}
.k-admin-tariff-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.k-admin-tariff-fields label{display:grid;gap:6px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08)}.k-admin-tariff-fields label span{font-size:12px;color:#475569}.k-admin-tariff-fields input{width:100%;min-height:42px;border:1px solid rgba(15,23,42,.16);border-radius:10px;padding:8px 10px;font:inherit;background:#fff}.k-admin-tariff-fields small{letter-spacing:0;font-size:10px;color:#94a3b8}
.k-admin-tariff-card footer{display:flex;align-items:center;gap:12px;justify-content:space-between}.k-admin-tariff-card output{font-size:12px;color:#475569}.k-admin-moderation-control>header{margin:8px 0 12px}.k-admin-moderation-control h2{margin:0;font-size:20px}
@media(max-width:820px){.k-admin-tariff-grid,.k-admin-tariff-fields{grid-template-columns:1fr}.k-admin-tariff-control{padding:14px;border-radius:18px}.k-admin-tariff-card{padding:14px}.k-admin-tariff-card footer{align-items:stretch;flex-direction:column}.k-admin-tariff-card footer .k-btn{width:100%}}


/* ===== SOURCE: css/next/window_engine.css ===== */
/* R188.5.5.6.76 — UX Restructure Foundation
   Contract: section = page; entity = one large window; max two overlay levels; no workspace hero/side-panel shell. */

/* Workspace pages stop looking like marketing/site pages. */
.k-page-shell--workspace{display:block;width:100%;min-width:0}
.k-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:10px 0 18px;margin:0 0 18px;border-bottom:1px solid var(--k-line,#e6e9ef);background:transparent}
.k-workspace-head__copy{min-width:0}
.k-workspace-head__copy>small{display:block;margin:0 0 5px;font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--k-muted,#697386)}
.k-workspace-head h1{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.08;letter-spacing:-.035em}
.k-workspace-head p{margin:7px 0 0;max-width:860px;color:var(--k-muted,#667085);font-size:14px;line-height:1.45}
.k-workspace-head__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}

/* One entity = one large central window. */
.k-entity-window{width:min(1440px,94vw);height:min(920px,92dvh);max-width:none;max-height:none;padding:0;border:0;border-radius:24px;background:transparent;box-shadow:0 30px 90px rgba(15,23,42,.28);overflow:hidden}
.k-entity-window::backdrop{background:rgba(15,23,42,.52);backdrop-filter:blur(7px)}
.k-entity-window__surface{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--k-surface,#fff);color:var(--k-text,#111827);overflow:hidden}
.k-entity-window__head{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid var(--k-line,#e5e7eb);background:color-mix(in srgb,var(--k-surface,#fff) 96%,transparent)}
.k-entity-window__head small{display:block;font-size:10px;font-weight:850;letter-spacing:.11em;color:var(--k-muted,#667085)}
.k-entity-window__head h2{margin:2px 0 0;font-size:18px;line-height:1.15}
.k-entity-window__close{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--k-line,#e5e7eb);border-radius:50%;background:transparent;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.k-entity-window__body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 22px 28px}
.k-entity-window__body>.k-page{width:100%;max-width:none;margin:0;padding-top:18px}
.k-entity-window__body>.k-page>.k-page-hero,.k-entity-window__body>.k-page>.k-workspace-head{display:none!important}
.k-entity-window__loading,.k-entity-window__error{min-height:320px;display:grid;place-items:center;align-content:center;text-align:center;gap:12px;padding:40px}
.k-entity-window__loading span{width:36px;height:36px;border-radius:50%;border:3px solid var(--k-line,#e5e7eb);border-top-color:currentColor;animation:k-entity-spin .7s linear infinite}
@keyframes k-entity-spin{to{transform:rotate(360deg)}}
html.k-entity-window-open{overflow:hidden}

/* Product/vehicle/provider/work-order pages become content surfaces inside the large window. */
.k-entity-window .k-detail-page,.k-entity-window .k-provider-native-profile,.k-entity-window .k-vehicle-native-page,.k-entity-window .k-work-order{box-shadow:none!important;border:0!important}
.k-entity-window .k-provider-native-layout,.k-entity-window .k-part-detail-layout{max-width:none}

/* New-parts market and used-parts exchange are intentionally separate workspaces. */
.k-parts-surface-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.k-parts-surface-switch a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--k-line,#e5e7eb);border-radius:999px;text-decoration:none;color:inherit;font-weight:750;background:var(--k-surface,#fff)}
.k-parts-native-utility>.k-parts-utility-link{display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:inherit}
.k-parts-surface-switch a.is-active{background:var(--k-text,#111827);color:var(--k-surface,#fff);border-color:var(--k-text,#111827)}
.k-parts-native-page[data-parts-surface="used"] .k-shop-cart-dialog,.k-parts-native-page[data-parts-surface="used"] [data-shop-cart-open]{display:none!important}

@media(max-width:760px){
  .k-workspace-head{align-items:flex-start;flex-direction:column;padding:4px 0 13px;margin-bottom:12px}
  .k-workspace-head__actions{width:100%;justify-content:flex-start}
  .k-entity-window{width:100vw;height:100dvh;border-radius:0;margin:0}
  .k-entity-window__head{padding:11px 12px}
  .k-entity-window__body{padding:0 12px 96px}
  .k-entity-window__close{width:40px;height:40px}
}


/* ===== SOURCE: css/next/client_request_garage.css ===== */
/* R188.5.5.6.78 — Client Request & Garage Window Flow */

/* Request creation is a focused flow, not a long site page. */
.k-request-window-r78{width:min(1180px,94vw);height:min(900px,92dvh);max-width:none;max-height:none;border:0;border-radius:24px;padding:0;background:transparent;overflow:hidden;box-shadow:0 30px 90px rgba(15,23,42,.30)}
.k-request-window-r78::backdrop{background:rgba(15,23,42,.56);backdrop-filter:blur(7px)}
.k-request-window-surface{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff;overflow:hidden}
.k-request-window-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #e5e7eb}
.k-request-window-bar small{display:block;font-size:10px;font-weight:850;letter-spacing:.11em;color:#667085}.k-request-window-bar h2{margin:3px 0 0;font-size:18px}
.k-request-window-bar>button,.k-request-picker-surface>header>button,.k-garage-dialog-surface>header>button{width:42px;height:42px;border:1px solid #e5e7eb;border-radius:50%;background:#fff;font-size:25px;line-height:1;cursor:pointer}
.k-request-window-body{min-height:0;overflow:auto;padding:18px 20px 28px;overscroll-behavior:contain}
html.k-request-window-open{overflow:hidden}

.k-request-flow-r78{width:min(1060px,100%);margin:0 auto;display:grid;gap:16px}
.k-request-flow-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:2px 2px 4px}
.k-request-flow-head>div>span,.k-request-panel-head small,.k-garage-workspace-r78>header span,.k-garage-tools-r78>header span{display:block;font-size:10px;font-weight:850;letter-spacing:.1em;color:#667085}
.k-request-flow-head h2{margin:4px 0 6px;font-size:clamp(24px,3vw,36px);letter-spacing:-.03em}.k-request-flow-head p{margin:0;max-width:720px;color:#667085}
.k-request-flow-progress{min-width:110px;text-align:right}.k-request-flow-progress b{display:block;font-size:19px}.k-request-flow-progress small{color:#667085}
.k-request-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.k-request-step{appearance:none;border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:11px;text-align:left;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:9px;align-items:center;cursor:pointer;color:#101828}
.k-request-step>span{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f2f4f7;font-weight:800}.k-request-step b{font-size:13px}.k-request-step small{font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-request-step.is-active{border-color:#101828}.k-request-step.is-active>span,.k-request-step.is-done>span{background:#101828;color:#fff}
.k-request-form-r78{display:grid;gap:14px}.k-request-panel-r78{min-height:390px;border:1px solid #e5e7eb;border-radius:22px;background:#fff;padding:20px}.k-request-panel-r78[hidden]{display:none!important}
.k-request-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.k-request-panel-head h3{margin:4px 0 0;font-size:22px}.k-request-panel-head p{margin:5px 0 0;color:#667085}
.k-request-account-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.k-request-account-strip label,.k-request-manual-car,.k-request-date-row label,.k-request-description{display:grid;gap:6px;font-weight:750;color:#344054}
.k-request-account-strip input,.k-request-manual-car input,.k-request-date-row input,.k-request-description textarea,.k-request-picker-search input,.k-request-add-vehicle input{width:100%;border:1px solid #d0d5dd;border-radius:13px;background:#fff;padding:12px 13px;font:inherit;color:#101828}.k-request-account-strip input[readonly]{background:#f7f8fa}.k-request-account-strip small{font-weight:500;color:#667085}
.k-request-choice-card{width:100%;appearance:none;border:1px solid #d0d5dd;border-radius:18px;background:#fff;padding:16px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;text-align:left;cursor:pointer;color:#101828}.k-request-choice-card:hover{border-color:#98a2b3}.k-request-choice-icon{width:48px;height:48px;border-radius:15px;background:#f2f4f7;display:grid;place-items:center}.k-request-choice-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.k-request-choice-card small{display:block;color:#667085;font-size:10px;letter-spacing:.08em;font-weight:800}.k-request-choice-card b{display:block;margin:3px 0}.k-request-choice-card em{display:block;color:#667085;font-size:12px;font-style:normal}.k-request-choice-card>i{font-style:normal;font-weight:800}
.k-request-selected-r78{display:grid;border-top:1px solid #eaecf0}.k-request-selected-row{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eaecf0}.k-request-selected-row small{display:block;color:#667085;font-size:10px;letter-spacing:.06em}.k-request-selected-row b{display:block;margin:3px 0}.k-request-selected-row em{font-size:12px;color:#667085;font-style:normal}.k-request-selected-row>strong{white-space:nowrap}.k-request-selected-row>button{width:34px;height:34px;border:0;border-radius:50%;background:#f2f4f7;font-size:21px;cursor:pointer}.k-request-empty-r78{padding:28px 12px;text-align:center;color:#667085}
.k-request-selection-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.k-request-selection-total span{color:#667085}.k-request-selection-total strong{font-size:20px}.k-request-services-status{margin-top:12px;color:#667085}.k-request-services-status[hidden]{display:none}
.k-request-date-row{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:16px}.k-request-time-choice>span{display:block;margin-bottom:6px;font-weight:750;color:#344054}.k-request-slot-list{display:flex;flex-wrap:wrap;gap:7px}.k-request-slot-list button{min-height:42px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;padding:0 12px;font:inherit;font-weight:700;cursor:pointer}.k-request-slot-list button.is-selected{background:#101828;color:#fff;border-color:#101828}.k-request-slots-loading{color:#667085;padding:10px 0}.k-request-description{margin-top:16px}.k-request-description textarea{min-height:120px;resize:vertical}.k-request-option-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.k-request-option-row label{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:15px;padding:12px;cursor:pointer}.k-request-option-row input{width:20px;height:20px}.k-request-option-row b,.k-request-option-row small{display:block}.k-request-option-row small{color:#667085;font-weight:500}
.k-request-review{display:grid;border-top:1px solid #eaecf0}.k-request-review>button{appearance:none;border:0;border-bottom:1px solid #eaecf0;background:transparent;padding:14px 2px;text-align:left;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:16px;cursor:pointer}.k-request-review>button small{grid-row:1/3;color:#667085;font-size:10px;font-weight:850;letter-spacing:.08em}.k-request-review>button b{font-size:15px}.k-request-review>button span{margin-top:3px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k-request-review-total{display:flex;justify-content:space-between;gap:16px;padding:18px 2px}.k-request-review-total strong{font-size:22px}.k-request-status-r78{display:block;min-height:24px;margin-top:8px;color:#667085}
.k-request-nav-r78{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 0 2px;background:#fff}.k-request-nav-r78>span{flex:1;color:#667085;font-size:12px}.k-request-nav-r78 .k-btn{min-width:120px}

/* Second-level picker inside the request window. */
.k-request-picker-r78{width:min(860px,92vw);height:min(760px,86dvh);max-width:none;max-height:none;border:0;border-radius:22px;padding:0;background:transparent;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.32)}
.k-request-picker-r78::backdrop{background:rgba(15,23,42,.42);backdrop-filter:blur(4px)}.k-request-picker-surface{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff}.k-request-picker-surface>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid #eaecf0}.k-request-picker-surface>header small{display:block;color:#667085;font-size:10px;font-weight:850;letter-spacing:.1em}.k-request-picker-surface>header h3{margin:3px 0 0;font-size:20px}.k-request-picker-body{min-height:0;overflow:auto;padding:16px 18px 22px}
.k-request-picker-search{position:sticky;top:-16px;z-index:2;background:#fff;padding:0 0 12px}.k-request-vehicle-options{display:grid;gap:7px}.k-request-vehicle-option{appearance:none;width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid #e5e7eb;border-radius:15px;background:#fff;padding:12px;text-align:left;cursor:pointer}.k-request-vehicle-option>span:first-child{width:42px;height:42px;border-radius:13px;background:#f2f4f7;display:grid;place-items:center}.k-request-vehicle-option>span:first-child svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.k-request-vehicle-option b,.k-request-vehicle-option small{display:block}.k-request-vehicle-option small{color:#667085;margin-top:3px}.k-request-vehicle-option i{font-style:normal;font-weight:800}.k-request-vehicle-option.is-selected{border-color:#101828;background:#f9fafb}
.k-request-add-vehicle{margin-top:16px;padding-top:16px;border-top:1px solid #eaecf0}.k-request-add-vehicle form{margin-top:12px}.k-request-add-vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.k-request-add-vehicle label{display:grid;gap:6px;font-weight:700}.k-request-inline-check{display:flex!important;align-items:center;gap:8px;margin:12px 0}.k-request-inline-check input{width:19px;height:19px}.k-request-add-vehicle footer{display:flex;gap:10px;align-items:center}.k-request-add-vehicle output{color:#667085}
.k-request-service-groups{display:grid;gap:18px}.k-request-service-group>header{display:flex;justify-content:space-between;gap:10px;padding:0 2px 8px;border-bottom:1px solid #eaecf0}.k-request-service-group>header small{color:#667085}.k-request-service-option{width:100%;appearance:none;border:0;border-bottom:1px solid #eaecf0;background:#fff;padding:12px 2px;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:12px;align-items:center;text-align:left;cursor:pointer}.k-request-service-option b,.k-request-service-option small{display:block}.k-request-service-option small{margin-top:3px;color:#667085}.k-request-service-option i{width:31px;height:31px;border:1px solid #d0d5dd;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:850}.k-request-service-option.is-selected i{background:#101828;color:#fff;border-color:#101828}.k-request-picker-footer{position:sticky;bottom:-22px;display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px -18px -22px;padding:12px 18px;background:#fff;border-top:1px solid #eaecf0}.k-request-picker-footer span{color:#667085}

/* Garage becomes a workspace with on-demand native dialogs. */
.k-garage-workspace-r78,.k-garage-tools-r78{margin-top:16px;border-top:1px solid #eaecf0;padding-top:16px}.k-garage-workspace-r78>header,.k-garage-tools-r78>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.k-garage-workspace-r78>header h2,.k-garage-tools-r78>header h2{margin:4px 0}.k-garage-workspace-r78>header p,.k-garage-tools-r78>header p{margin:4px 0 0;color:#667085}.k-garage-grid-r78{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.k-garage-actions-r78{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible!important}.k-garage-actions-r78 .k-garage-category{min-width:0}
.k-garage-dialog-r78{width:min(1180px,94vw);height:min(880px,90dvh);max-width:none;max-height:none;border:0;border-radius:24px;padding:0;background:transparent;overflow:hidden;box-shadow:0 30px 90px rgba(15,23,42,.28)}.k-garage-dialog-r78::backdrop{background:rgba(15,23,42,.52);backdrop-filter:blur(7px)}.k-garage-dialog-surface{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff}.k-garage-dialog-surface>header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 18px;border-bottom:1px solid #eaecf0}.k-garage-dialog-surface>header small{display:block;color:#667085;font-size:10px;font-weight:850;letter-spacing:.1em}.k-garage-dialog-surface>header h2{margin:3px 0 0}.k-garage-dialog-body{min-height:0;overflow:auto;padding:18px 20px 26px}.k-garage-dialog-body .k-garage-book{box-shadow:none!important}.k-garage-choice-field{border:0;margin:0;padding:0}.k-garage-choice-field legend{font-weight:750;margin-bottom:7px}.k-garage-choice-field>div{display:flex;flex-wrap:wrap;gap:6px}.k-garage-choice-field label input{position:absolute;opacity:0;pointer-events:none}.k-garage-choice-field label span{display:block;border:1px solid #d0d5dd;border-radius:999px;padding:8px 11px;cursor:pointer}.k-garage-choice-field label input:checked+span{background:#101828;color:#fff;border-color:#101828}
.k-service-vehicle-switcher-r78{display:grid;gap:8px;margin-bottom:14px}.k-service-vehicle-switcher-r78>span{font-size:11px;font-weight:800;color:#667085}.k-service-vehicle-switcher-r78>div{display:flex;gap:7px;flex-wrap:wrap}.k-service-vehicle-switcher-r78 button{border:1px solid #d0d5dd;border-radius:14px;background:#fff;padding:9px 11px;text-align:left;cursor:pointer}.k-service-vehicle-switcher-r78 button b,.k-service-vehicle-switcher-r78 button small{display:block}.k-service-vehicle-switcher-r78 button small{color:#667085;margin-top:2px}.k-service-vehicle-switcher-r78 button.is-selected{background:#101828;color:#fff;border-color:#101828}.k-service-vehicle-switcher-r78 button.is-selected small{color:#d0d5dd}.k-service-toolbar-r78{display:grid!important;grid-template-columns:minmax(220px,1fr) 2fr!important}.k-service-status-buttons{display:flex;gap:6px;flex-wrap:wrap}.k-service-status-buttons button{border:1px solid #d0d5dd;border-radius:999px;background:#fff;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}.k-service-status-buttons button.is-selected{background:#101828;color:#fff;border-color:#101828}

/* Vehicle detail actions are true second-level top-layer dialogs. */
dialog.k-vehicle-modal-r78{position:fixed;inset:0;margin:auto;display:block;width:min(980px,92vw);height:min(820px,88dvh);max-width:none;max-height:none;border:0;border-radius:24px;padding:0;background:transparent;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.32)}
dialog.k-vehicle-modal-r78::backdrop{background:rgba(15,23,42,.42);backdrop-filter:blur(4px)}dialog.k-vehicle-modal-r78 .k-vehicle-modal__sheet{width:100%!important;height:100%;max-height:none!important;border-radius:24px}.k-vehicle-modal-r78:not(.is-full){width:min(680px,92vw);height:auto;max-height:82dvh}.k-vehicle-modal-r78:not(.is-full) .k-vehicle-modal__sheet{height:auto;max-height:82dvh!important}

@media(max-width:900px){.k-request-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.k-garage-actions-r78{grid-template-columns:repeat(2,minmax(0,1fr))}.k-garage-grid-r78{grid-template-columns:1fr}.k-service-toolbar-r78{grid-template-columns:1fr!important}}
@media(max-width:760px){
  .k-request-window-r78,.k-request-picker-r78,.k-garage-dialog-r78,dialog.k-vehicle-modal-r78{width:100vw;height:100dvh;max-height:none;border-radius:0;margin:0}
  .k-request-window-body,.k-request-picker-body,.k-garage-dialog-body{padding-left:12px;padding-right:12px;padding-bottom:96px}.k-request-window-bar,.k-request-picker-surface>header,.k-garage-dialog-surface>header{padding:11px 12px}
  .k-request-flow-head{display:block}.k-request-flow-progress{display:none}.k-request-stepper{display:flex;overflow:auto;scrollbar-width:none}.k-request-step{min-width:132px}.k-request-step small{display:none}.k-request-panel-r78{min-height:0;padding:14px;border-radius:18px}.k-request-account-strip,.k-request-date-row,.k-request-option-row,.k-request-add-vehicle-grid{grid-template-columns:1fr}.k-request-panel-head{align-items:flex-start;flex-direction:column}.k-request-panel-head>.k-btn{width:100%}.k-request-nav-r78{padding-bottom:calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap}.k-request-nav-r78>span{order:-1;width:100%;flex-basis:100%}.k-request-nav-r78 .k-btn{flex:1;min-width:0}.k-request-review>button{grid-template-columns:90px minmax(0,1fr)}
  .k-garage-workspace-r78>header,.k-garage-tools-r78>header{flex-direction:column}.k-garage-workspace-r78>header>.k-btn{width:100%}.k-garage-actions-r78{grid-template-columns:1fr 1fr}.k-garage-dialog-surface{height:100%}
  dialog.k-vehicle-modal-r78 .k-vehicle-modal__sheet,dialog.k-vehicle-modal-r78.is-full .k-vehicle-modal__sheet{height:100%;max-height:none!important;border-radius:0}.k-vehicle-modal-r78:not(.is-full){max-height:none}
}


/* ===== SOURCE: css/next/first_vehicle_flow.css ===== */
/* R188.5.5.6.84.36 — First Vehicle: dedicated fullscreen surface, MASTER-aligned header and 3-step confirmation. */
:root{
  --k-fv-orange:#ff4b14;
  --k-fv-orange-soft:#fff0ea;
  --k-fv-text:#181a1d;
  --k-fv-muted:#747a84;
  --k-fv-bg:#fff;
  --k-fv-line:#e0e3e8;
  --k-fv-error:#d92d20;
  --k-fv-success:#2f9b62;
  --k-fv-shadow:0 8px 24px rgba(17,19,21,.07);
}

#k-first-vehicle-layer.k-first-vehicle-page{
  position:fixed!important;
  inset:0!important;
  z-index:11000!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  background:var(--k-fv-bg)!important;
  color:var(--k-fv-text);
  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  -webkit-overflow-scrolling:touch;
  isolation:isolate;
}
#k-first-vehicle-layer[hidden]{display:none!important}
html.k-first-vehicle-active,
html.k-first-vehicle-active body{
  width:100%!important;
  height:100%!important;
  min-height:100dvh!important;
  margin:0!important;
  overflow:hidden!important;
}
html.k-first-vehicle-active #k-shell-header,
html.k-first-vehicle-active #k-mobile-nav,
html.k-first-vehicle-active #k-mobile-fab-stack{
  visibility:hidden!important;
  pointer-events:none!important;
}

.k-first-vehicle-shell,
.k-first-vehicle-shell *{box-sizing:border-box}
.k-first-vehicle-shell{
  width:100%;
  min-height:100%;
  margin:0 auto;
  padding:0 0 max(48px,env(safe-area-inset-bottom));
  background:#fff;
}

/* Header intentionally mirrors MASTER First Entry: centered brand + horizontal progress row. */
.k-first-vehicle-header{
  position:sticky;
  top:0;
  z-index:12;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:calc(7px + env(safe-area-inset-top,0px)) 18px 10px;
  border-bottom:1px solid rgba(224,227,232,.92);
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.k-first-vehicle-logo{
  display:block;
  width:clamp(150px,42vw,210px);
  height:auto;
  max-height:46px;
  object-fit:contain;
}
.k-first-vehicle-steps{
  width:min(calc(100% - 16px),340px);
  list-style:none;
  margin:0 auto;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
}
.k-first-vehicle-steps li{
  position:relative;
  min-width:0;
  display:grid;
  justify-items:center;
  gap:4px;
  color:var(--k-fv-muted);
  font-size:10px;
  font-weight:650;
}
.k-first-vehicle-steps li:not(:last-child)::after{
  content:"";
  position:absolute;
  z-index:0;
  top:13px;
  left:calc(50% + 18px);
  right:calc(-50% + 18px);
  height:2px;
  border-radius:99px;
  background:#e5e7eb;
}
.k-first-vehicle-steps li.is-complete:not(:last-child)::after{background:#ffd8c9}
.k-first-vehicle-steps span{
  position:relative;
  z-index:1;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f2f3f5;
  color:#41454b;
  font-size:13px;
  font-weight:800;
}
.k-first-vehicle-steps .is-active span{background:var(--k-fv-orange);color:#fff}
.k-first-vehicle-steps .is-complete span{background:var(--k-fv-orange-soft);color:var(--k-fv-orange)}
.k-first-vehicle-steps small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.k-first-vehicle-steps .is-active small{color:var(--k-fv-text);font-weight:800}

.k-first-vehicle-copy,
.k-first-vehicle-card,
.k-first-vehicle-actions,
.k-first-vehicle-after-hint,
.k-first-vehicle-success{
  width:min(calc(100% - 36px),680px);
}
.k-first-vehicle-copy{margin:30px auto 0}
.k-first-vehicle-copy h1{
  margin:0;
  font-size:24px;
  line-height:30px;
  font-weight:700;
  letter-spacing:-.025em;
}
.k-first-vehicle-copy p{
  margin:8px 0 0;
  color:var(--k-fv-muted);
  font-size:15px;
  line-height:23px;
  font-weight:500;
}
.k-first-vehicle-card{
  margin:20px auto 0;
  padding:20px;
  border:1px solid var(--k-fv-line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--k-fv-shadow);
}

.k-first-vehicle-intro-card{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  align-items:center;
  gap:22px;
}
.k-first-vehicle-illustration{
  height:126px;
  border:1px solid #eceef1;
  border-radius:16px;
  background:#f8f8f9;
  display:grid;
  place-items:center;
  color:#41454b;
}
.k-first-vehicle-illustration svg,
.k-first-vehicle-car-visual svg,
.k-first-vehicle-empty-visual svg{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.k-first-vehicle-illustration svg{width:118px;height:78px}
.k-first-vehicle-intro-card ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:11px;
}
.k-first-vehicle-intro-card li{
  position:relative;
  padding-left:22px;
  color:#4f565d;
  font-size:14px;
  line-height:20px;
  font-weight:550;
}
.k-first-vehicle-intro-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:8px;
  height:8px;
  border:3px solid var(--k-fv-orange);
  border-radius:50%;
}

.k-first-vehicle-actions{
  margin:18px auto 0;
  display:grid;
  gap:8px;
}
.k-first-vehicle-primary{
  width:100%;
  height:52px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#ff5218,#ff3d0a);
  color:#fff;
  font:600 16px/22px inherit;
  padding:0 20px;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(255,75,20,.18);
}
.k-first-vehicle-primary:disabled{
  background:#eceef1;
  color:#a2a7af;
  cursor:not-allowed;
  box-shadow:none;
}
.k-first-vehicle-primary:not(:disabled):active{transform:translateY(1px)}
.k-first-vehicle-secondary{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--k-fv-muted);
  font:600 14px/20px inherit;
  cursor:pointer;
}
.k-first-vehicle-secondary:hover{background:#f8f8f9}
.k-first-vehicle-secondary.is-bordered{
  border:1px solid var(--k-fv-line);
  background:#fff;
  color:var(--k-fv-text);
}

.k-first-vehicle-form{display:grid;gap:12px}
.k-first-vehicle-form label{
  display:grid;
  gap:6px;
  color:var(--k-fv-text);
  font-size:12.5px;
  font-weight:600;
}
.k-first-vehicle-form label>span b{color:var(--k-fv-orange)}
.k-first-vehicle-form input,
.k-first-vehicle-form select{
  width:100%;
  height:50px;
  border:1px solid var(--k-fv-line);
  border-radius:14px;
  background:#fff;
  color:var(--k-fv-text);
  padding:0 14px;
  font:500 15px/22px inherit;
  outline:none;
}
.k-first-vehicle-form input:focus,
.k-first-vehicle-form select:focus{
  border-color:var(--k-fv-orange);
  box-shadow:0 0 0 4px rgba(255,75,20,.14);
}
.k-first-vehicle-form input.is-invalid,
.k-first-vehicle-form select.is-invalid{
  border-color:var(--k-fv-error);
  box-shadow:0 0 0 4px rgba(217,45,32,.1);
}
.k-first-vehicle-form input:disabled{background:#f8f8f9;color:#9a9ea3;cursor:not-allowed}
.k-first-vehicle-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.k-first-vehicle-error{
  min-height:0;
  color:var(--k-fv-error);
  font-size:11.5px;
  line-height:17px;
  font-weight:600;
}
.k-first-vehicle-error:empty{display:none}
.k-first-vehicle-field-note{color:#8a9096;font-size:11px;line-height:16px;font-weight:500}
.k-first-vehicle-hint{margin:2px 0 0;color:var(--k-fv-muted);font-size:12px;line-height:18px}
.k-first-vehicle-unit-field{position:relative}
.k-first-vehicle-unit-field input{padding-right:48px}
.k-first-vehicle-unit-field i{
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  font-style:normal;
  color:var(--k-fv-muted);
  font-size:13px;
  font-weight:650;
}

.k-first-vehicle-review{position:relative}
.k-first-vehicle-review-card{
  display:grid;
  grid-template-columns:116px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.k-first-vehicle-car-visual{
  grid-row:1/5;
  width:116px;
  height:92px;
  border:1px solid #e8eaee;
  border-radius:16px;
  background:#f8f8f9;
  display:grid;
  place-items:center;
  color:#3f444a;
}
.k-first-vehicle-car-visual svg{width:94px;height:64px}
.k-first-vehicle-review-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.k-first-vehicle-review-head h2{margin:0;font-size:18px;line-height:24px;font-weight:750}
.k-first-vehicle-review-head p{margin:3px 0 0;color:var(--k-fv-muted);font-size:13px}
.k-first-vehicle-review-head>b{
  flex:0 0 auto;
  border-radius:999px;
  background:var(--k-fv-orange-soft);
  color:var(--k-fv-orange);
  padding:6px 9px;
  font-size:10px;
  font-weight:800;
}
.k-first-vehicle-review-meta{margin:6px 0 0;color:#4f565d;font-size:14px;font-weight:550}
.k-first-vehicle-edit{
  position:absolute;
  right:18px;
  bottom:16px;
  border:0;
  background:transparent;
  color:var(--k-fv-orange);
  font:700 13px/18px inherit;
  cursor:pointer;
}
.k-first-vehicle-after-hint{margin:11px auto 0;color:var(--k-fv-muted);font-size:12px}
.k-first-vehicle-submit-error{
  min-height:18px;
  color:var(--k-fv-error);
  text-align:center;
  font-size:12px;
  font-weight:600;
}

.k-first-vehicle-success{
  margin:26px auto 0;
  text-align:center;
}
.k-first-vehicle-success-icon{
  width:64px;
  height:64px;
  margin:0 auto 14px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eaf7f0;
  color:var(--k-fv-success);
}
.k-first-vehicle-success-icon svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.k-first-vehicle-success h1{margin:0;font-size:24px;line-height:30px}
.k-first-vehicle-success>p{margin:7px 0 0;color:var(--k-fv-muted);font-size:15px}
.k-first-vehicle-success .k-first-vehicle-review-card{
  margin-top:20px;
  padding:18px;
  border:1px solid var(--k-fv-line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--k-fv-shadow);
  text-align:left;
}

.k-first-vehicle-empty{
  width:min(100%,680px);
  margin:34px auto;
  padding:38px 24px;
  border:1px solid var(--k-fv-line);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--k-fv-shadow);
  text-align:center;
}
.k-first-vehicle-empty-visual{
  width:180px;
  height:122px;
  margin:0 auto 18px;
  border-radius:18px;
  background:#f8f8f9;
  display:grid;
  place-items:center;
  color:#4d535a;
}
.k-first-vehicle-empty-visual svg{width:126px;height:84px}
.k-first-vehicle-empty>span{
  display:block;
  color:var(--k-fv-orange);
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
}
.k-first-vehicle-empty h2{margin:6px 0 0;font-size:22px}
.k-first-vehicle-empty p{
  max-width:520px;
  margin:8px auto 18px;
  color:var(--k-fv-muted);
  font-size:14px;
  line-height:21px;
}
.k-first-vehicle-empty .k-btn{min-width:220px}

.k-first-vehicle-primary-choice{
  width:min(calc(100% - 36px),680px);
  margin:18px auto 0;
  padding:13px 14px;
  border:1px solid var(--k-fv-line);
  border-radius:14px;
  background:#f8f8f9;
  display:flex;
  align-items:flex-start;
  gap:11px;
  cursor:pointer;
}
.k-first-vehicle-primary-choice input{
  width:20px;
  height:20px;
  margin:1px 0 0;
  accent-color:var(--k-fv-orange);
}
.k-first-vehicle-primary-choice span{display:grid;gap:3px}
.k-first-vehicle-primary-choice b{font-size:13px}
.k-first-vehicle-primary-choice small{
  color:var(--k-fv-muted);
  font-size:11.5px;
  line-height:17px;
  font-weight:500;
}

.k-garage-passport-edit{margin-top:20px}
.k-garage-passport-edit summary{font-weight:800}
.k-garage-passport-edit form{margin-top:16px}
.k-garage-form-note{margin:4px 0 14px;color:var(--k-fv-muted);font-size:12px;line-height:1.5}

@media(min-width:761px){
  .k-first-vehicle-form{grid-template-columns:1fr 1fr}
  .k-first-vehicle-form>.k-first-vehicle-hint,
  .k-first-vehicle-form>label:has([name="customModelName"]){grid-column:1/-1}
  .k-first-vehicle-form-row{display:contents}
}
@media(min-width:1100px){
  .k-first-vehicle-copy,
  .k-first-vehicle-card,
  .k-first-vehicle-actions,
  .k-first-vehicle-after-hint,
  .k-first-vehicle-success,
  .k-first-vehicle-primary-choice{width:min(calc(100% - 64px),760px)}
  .k-first-vehicle-copy{margin-top:38px}
  .k-first-vehicle-intro-card{grid-template-columns:220px minmax(0,1fr)}
  .k-first-vehicle-illustration{height:148px}
  .k-first-vehicle-review-card{grid-template-columns:150px minmax(0,1fr)}
  .k-first-vehicle-car-visual{width:150px;height:110px}
}
@media(max-width:760px){
  #k-first-vehicle-layer.k-first-vehicle-page{height:100dvh!important}
  .k-first-vehicle-header{
    gap:7px;
    padding:calc(6px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-left)) 9px;
  }
  .k-first-vehicle-logo{width:clamp(150px,48vw,190px);max-height:42px}
  .k-first-vehicle-steps{width:min(calc(100% - 8px),320px)}
  .k-first-vehicle-steps li small{font-size:9px;white-space:nowrap}
  .k-first-vehicle-copy,
  .k-first-vehicle-card,
  .k-first-vehicle-actions,
  .k-first-vehicle-after-hint,
  .k-first-vehicle-success,
  .k-first-vehicle-primary-choice{width:min(calc(100% - 28px),560px)}
  .k-first-vehicle-copy{margin-top:24px}
  .k-first-vehicle-intro-card{grid-template-columns:1fr}
  .k-first-vehicle-illustration{height:116px}
  .k-first-vehicle-card{padding:16px;border-radius:16px}
  .k-first-vehicle-form-row{grid-template-columns:1fr}
  .k-first-vehicle-review-card{grid-template-columns:86px minmax(0,1fr);gap:13px}
  .k-first-vehicle-car-visual{width:86px;height:74px}
  .k-first-vehicle-car-visual svg{width:74px}
  .k-first-vehicle-review-head{display:grid}
  .k-first-vehicle-review-head>b{justify-self:start}
  .k-first-vehicle-edit{position:static;margin-top:14px;padding:8px 0}
  .k-first-vehicle-empty{margin:12px auto;padding:28px 18px}
}
@media(max-width:520px){
  .k-first-vehicle-logo{width:160px}
  .k-first-vehicle-steps{width:min(calc(100% - 12px),300px)}
  .k-first-vehicle-steps span{width:26px;height:26px;font-size:12px}
  .k-first-vehicle-steps li:not(:last-child)::after{
    top:12px;
    left:calc(50% + 17px);
    right:calc(-50% + 17px);
  }
  .k-first-vehicle-primary-choice{margin-bottom:0}
}
@media(max-width:390px){
  .k-first-vehicle-header{padding-inline:11px}
  .k-first-vehicle-logo{width:150px}
  .k-first-vehicle-steps{width:min(calc(100% - 4px),276px)}
  .k-first-vehicle-steps li small{display:none}
  .k-first-vehicle-copy,
  .k-first-vehicle-card,
  .k-first-vehicle-actions,
  .k-first-vehicle-after-hint,
  .k-first-vehicle-success,
  .k-first-vehicle-primary-choice{width:calc(100% - 22px)}
  .k-first-vehicle-copy h1,
  .k-first-vehicle-success h1{font-size:22px;line-height:28px}
  .k-first-vehicle-review-card{grid-template-columns:1fr}
  .k-first-vehicle-car-visual{grid-row:auto;width:100%;height:94px}
}
@media(prefers-reduced-motion:reduce){
  .k-first-vehicle-shell *{scroll-behavior:auto!important;transition:none!important}
}

/* R188.5.5.6.84.38 — First Vehicle header uses the exact MASTER onboarding brand row + kmo-stepper geometry. */
.k-first-vehicle-header{
  gap:10px!important;
  padding:calc(8px + env(safe-area-inset-top,0px)) 16px 12px!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.k-first-vehicle-brand-row{
  width:min(100% - 0px,1180px);
  min-height:52px;
  margin:0 auto;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
}
.k-first-vehicle-brand-row .k-first-vehicle-logo{
  justify-self:center;
  width:clamp(150px,42vw,210px)!important;
  height:auto!important;
  max-height:52px!important;
  object-fit:contain;
}
.k-first-vehicle-steps.kmo-stepper{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(calc(100% - 24px),304px)!important;
  max-width:304px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
}
.k-first-vehicle-steps.kmo-stepper span{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  background:#f2f3f5!important;
  color:#41454b!important;
  font-size:13px!important;
  line-height:28px!important;
  font-weight:700!important;
}
.k-first-vehicle-steps.kmo-stepper span.is-active{background:var(--k-fv-orange)!important;color:#fff!important}
.k-first-vehicle-steps.kmo-stepper span.is-done{background:var(--k-fv-orange-soft)!important;color:var(--k-fv-orange)!important}
.k-first-vehicle-steps.kmo-stepper i{
  position:static!important;
  display:block!important;
  height:2px!important;
  min-width:24px!important;
  flex:1 1 auto!important;
  border:0!important;
  border-radius:999px!important;
  background:#e5e7eb!important;
}
.k-first-vehicle-steps.kmo-stepper span.is-done + i{background:#ffd8c9!important}
@media(max-width:390px){
  .k-first-vehicle-header{padding-inline:12px!important}
  .k-first-vehicle-brand-row{grid-template-columns:36px minmax(0,1fr) 36px;min-height:48px}
  .k-first-vehicle-steps.kmo-stepper{width:min(calc(100% - 12px),280px)!important;gap:8px!important}
}


/* ===== SOURCE: css/next/client_account_windows.css ===== */
/* R188.5.5.6.79 — Client Account & Settings Window Flow */
html.k-account-window-open{overflow:hidden}
dialog.k-account-window-r79{position:fixed;inset:0;margin:auto;width:min(1120px,calc(100vw - 48px));height:min(860px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:0;background:transparent;color:inherit;overflow:visible}
dialog.k-account-window-r79::backdrop{background:rgba(15,18,24,.56);backdrop-filter:blur(8px)}
.k-account-window-r79__surface{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--k-surface,#fff);border:1px solid rgba(127,127,127,.2);border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.24);overflow:hidden}
.k-account-window-r79__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid rgba(127,127,127,.16)}
.k-account-window-r79__head small,.k-account-window-r79__head h2{display:block;margin:0}.k-account-window-r79__head small{font-size:11px;letter-spacing:.12em;opacity:.58}.k-account-window-r79__head h2{font-size:24px;line-height:1.15;margin-top:3px}
.k-account-window-r79__head>button{width:42px;height:42px;border:0;border-radius:50%;background:rgba(127,127,127,.1);font-size:28px;line-height:1;cursor:pointer}
.k-account-window-r79__body{min-height:0;overflow:auto;padding:24px}
.k-account-window-r79__loading,.k-account-window-r79__empty{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px}.k-account-window-r79__loading span{width:34px;height:34px;border:3px solid rgba(127,127,127,.25);border-top-color:currentColor;border-radius:50%;animation:k-r79-spin .8s linear infinite}@keyframes k-r79-spin{to{transform:rotate(360deg)}}
.k-account-window-form{max-width:900px;margin:0 auto}.k-account-window-form footer{position:sticky;bottom:-24px;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 0 0;margin-top:22px;background:linear-gradient(transparent,var(--k-surface,#fff) 28%)}.k-account-window-form footer output{margin-right:auto}
.k-account-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.k-account-field-grid label{display:grid;gap:7px;font-weight:700}.k-account-field-grid label.is-wide{grid-column:1/-1}.k-account-field-grid input,.k-account-field-grid textarea{width:100%;box-sizing:border-box;border:1px solid rgba(127,127,127,.28);border-radius:14px;padding:12px 14px;background:var(--k-surface,#fff);color:inherit;font:inherit}.k-account-field-grid small{font-weight:400;opacity:.65}
.k-account-profile-editor{display:flex;align-items:center;gap:18px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid rgba(127,127,127,.15)}.k-account-profile-editor small,.k-account-profile-editor h3,.k-account-profile-editor p{margin:0;display:block}.k-account-profile-editor h3{font-size:26px}.k-account-profile-avatar{width:78px;height:78px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:rgba(127,127,127,.1);font-size:25px;font-weight:800}.k-account-profile-avatar img{width:100%;height:100%;object-fit:cover}
.k-account-window-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.k-account-window-toolbar>div{display:grid;gap:2px}.k-account-window-toolbar small{opacity:.65}
.k-account-flat-list{display:grid;gap:0;border-top:1px solid rgba(127,127,127,.16)}.k-account-flat-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 4px;border-bottom:1px solid rgba(127,127,127,.16)}.k-account-flat-row>div:first-child{display:grid;gap:3px}.k-account-flat-row span{font-size:11px;letter-spacing:.08em;opacity:.6}.k-account-flat-row small{opacity:.66}.k-account-flat-row.is-expired>div:first-child>b{color:#b33}.k-account-flat-row.is-soon>div:first-child>b{color:#9a6a00}.k-account-flat-actions{display:flex;gap:8px;flex-wrap:wrap}
.k-account-picker-block{margin:18px 0;padding:0;border:0}.k-account-picker-block h3{margin:0 0 10px;font-size:15px}.k-account-choice{display:inline-flex;align-items:center;margin:0 8px 8px 0;padding:10px 13px;border:1px solid rgba(127,127,127,.24);border-radius:14px;background:transparent;color:inherit;font:inherit;cursor:pointer}.k-account-choice.is-selected{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor;font-weight:800}
.k-account-tariff-current{padding-bottom:24px;border-bottom:1px solid rgba(127,127,127,.16)}.k-account-tariff-current>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.k-account-tariff-current small,.k-account-tariff-current h3,.k-account-tariff-current p{margin:0;display:block}.k-account-tariff-current h3{font-size:28px}.k-account-tariff-current strong{font-size:20px}.k-account-tariff-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.k-account-tariff-metric{display:grid;gap:8px}.k-account-tariff-metric span{display:flex;justify-content:space-between;gap:10px}.k-account-tariff-metric i{height:7px;border-radius:99px;background:rgba(127,127,127,.14);overflow:hidden}.k-account-tariff-metric i em{display:block;height:100%;background:currentColor;border-radius:inherit}.k-account-plan-list{display:grid;gap:0;margin-top:18px}.k-account-plan-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4px;border-bottom:1px solid rgba(127,127,127,.16)}.k-account-plan-list article.is-current{font-weight:700}.k-account-plan-list small,.k-account-plan-list b,.k-account-plan-list p{display:block;margin:0}
.k-account-setting-list{display:grid;border-top:1px solid rgba(127,127,127,.16)}.k-account-setting-list>label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 2px;border-bottom:1px solid rgba(127,127,127,.16);cursor:pointer}.k-account-setting-list>label span{display:grid;gap:3px}.k-account-setting-list>label small{opacity:.65}.k-account-setting-list input{width:22px;height:22px}
.k-account-events{margin-top:28px;padding-top:24px;border-top:1px solid rgba(127,127,127,.16)}.k-account-events>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.k-account-events h3,.k-account-events small{margin:0;display:block}.k-account-event-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px;border-bottom:1px solid rgba(127,127,127,.14)}.k-account-event-row>div{display:grid;gap:3px}.k-account-event-row small{opacity:.65}.k-account-event-row.is-unread b::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:8px}
.k-account-security{max-width:820px;margin:0 auto}.k-account-security-status{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid rgba(127,127,127,.16)}.k-account-security-status .k-ui-icon{width:42px;height:42px}.k-account-security-status h3,.k-account-security-status p,.k-account-security-status small{margin:0;display:block}.k-account-security-status h3{font-size:24px}.k-account-security-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:12px}.k-account-security-rows span{display:grid;gap:3px;padding:16px 4px;border-bottom:1px solid rgba(127,127,127,.14)}.k-account-security-rows small{opacity:.62}.k-account-security-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.k-client-account-sections-r79 .k-client-cabinet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.k-client-cabinet-card[data-account-window]{cursor:pointer}.k-social-profile-card-r79 [data-account-window="profile"]{white-space:nowrap}
@media(max-width:760px){dialog.k-account-window-r79{inset:0;width:100vw;height:100dvh;margin:0}.k-account-window-r79__surface{border-radius:0;border:0}.k-account-window-r79__head{padding:16px}.k-account-window-r79__body{padding:16px}.k-account-field-grid,.k-account-tariff-metrics,.k-account-security-rows{grid-template-columns:1fr}.k-account-window-form footer{bottom:-16px}.k-account-flat-row,.k-account-event-row,.k-account-tariff-current>header,.k-account-plan-list article{align-items:flex-start;flex-direction:column}.k-client-account-sections-r79 .k-client-cabinet-grid{grid-template-columns:1fr}}


/* ===== SOURCE: css/next/ux_cleanup.css ===== */
/* R188.5.5.6.84 — Global UX Cleanup & Legacy Removal */
.k-native-confirm{width:min(620px,calc(100vw - 28px));max-height:min(86dvh,760px);padding:0;border:0;border-radius:24px;background:var(--k-surface,#fff);color:var(--k-text,#111827);box-shadow:0 28px 90px rgba(15,23,42,.28)}
.k-native-confirm::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}
.k-native-confirm__surface{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(86dvh,760px)}
.k-native-confirm header,.k-native-confirm footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--k-border,#e5e7eb)}
.k-native-confirm footer{justify-content:flex-end;border-top:1px solid var(--k-border,#e5e7eb);border-bottom:0}
.k-native-confirm header small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--k-muted,#667085)}
.k-native-confirm header h2{margin:3px 0 0;font-size:21px}.k-native-confirm header>button{width:40px;height:40px;border:1px solid var(--k-border,#e5e7eb);border-radius:50%;background:transparent;color:inherit;font-size:23px;cursor:pointer}
.k-native-confirm__body{padding:20px;overflow:auto}.k-native-confirm__body p{margin:0;font-size:15px;line-height:1.55}.k-native-confirm__detail{margin-top:13px;padding:12px 14px;border-radius:14px;background:var(--k-soft,#f7f8fa);color:var(--k-muted,#667085);font-size:13px}
.k-native-confirm .is-danger{background:#b42318!important;border-color:#b42318!important;color:#fff!important}

/* compact workspace headers for remaining professional/public work surfaces */
.k-r84-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 0 14px;border-bottom:1px solid var(--k-border,#e5e7eb)}
.k-r84-workspace-head h1{margin:2px 0 4px;font-size:clamp(24px,3vw,34px);line-height:1.05}.k-r84-workspace-head p{margin:0;color:var(--k-muted,#667085);max-width:880px}.k-r84-workspace-head small{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--k-muted,#667085)}

/* Native catalog controls: no browser select in active UX. */
.k-r84-picker{position:relative;min-width:0}.k-r84-picker>button{height:44px;display:flex;align-items:center;gap:8px;width:100%;padding:0 12px;border:1px solid var(--k-border,#e5e7eb);border-radius:13px;background:var(--k-surface,#fff);color:inherit;font:inherit;font-weight:750;cursor:pointer}.k-r84-picker>button svg{width:18px;height:18px}.k-r84-picker>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-r84-picker>button i{margin-left:auto;font-style:normal;color:var(--k-muted,#667085)}
.k-r84-picker-panel{position:absolute;z-index:24;top:calc(100% + 7px);left:0;min-width:220px;max-width:min(360px,calc(100vw - 28px));max-height:320px;overflow:auto;padding:7px;border:1px solid var(--k-border,#e5e7eb);border-radius:15px;background:var(--k-surface,#fff);box-shadow:0 18px 54px rgba(15,23,42,.16)}
.k-r84-picker-panel.is-right{left:auto;right:0}.k-r84-picker-panel button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.k-r84-picker-panel button:hover,.k-r84-picker-panel button.is-active{background:var(--k-soft,#f4f6f8)}.k-r84-picker-panel button.is-active::after{content:'✓';font-weight:900}
.k-r84-choice-block{display:grid;gap:7px}.k-r84-choice-block>span{font-size:11px;font-weight:850;color:var(--k-muted,#667085)}.k-r84-choice-grid{display:flex;flex-wrap:wrap;gap:6px}.k-r84-choice-grid button{padding:8px 10px;border:1px solid var(--k-border,#e5e7eb);border-radius:11px;background:var(--k-surface,#fff);color:inherit;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.k-r84-choice-grid button.is-active{background:var(--k-text,#111827);border-color:var(--k-text,#111827);color:var(--k-surface,#fff)}
.k-exchange-filter-panel__grid .k-r84-choice-block{min-width:0}.k-exchange-filter-panel__grid .k-r84-choice-grid{align-content:flex-start}

/* Remove visual nesting from surviving catalog/work rows without hiding content. */
.k-r84-flat-surface{border:0!important;box-shadow:none!important;background:transparent!important}
.k-r84-flat-surface>.k-card,.k-r84-flat-surface>[data-layout="card"]{box-shadow:none!important}

@media(max-width:700px){
  .k-native-confirm{width:100vw;max-width:none;height:auto;max-height:100dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.k-native-confirm__surface{max-height:100dvh}.k-native-confirm footer .k-btn{flex:1}
  .k-r84-workspace-head{align-items:stretch;display:grid;padding-inline:12px}.k-r84-workspace-head .k-btn{width:100%;justify-content:center}
  .k-r84-picker-panel{position:fixed;z-index:1005;left:12px!important;right:12px!important;top:auto;bottom:calc(var(--k-mobile-nav-height,72px) + 12px);max-width:none;max-height:48dvh}
}

.k-r84-work-dialog{width:min(980px,calc(100vw - 30px));max-height:min(92dvh,920px);padding:0;border:0;border-radius:26px;background:var(--k-surface,#fff);color:var(--k-text,#111827);box-shadow:0 28px 90px rgba(15,23,42,.3)}
.k-r84-work-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}
.k-r84-work-dialog__surface{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(92dvh,920px)}
.k-r84-work-dialog__surface>header,.k-r84-work-dialog__surface>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--k-border,#e5e7eb)}
.k-r84-work-dialog__surface>footer{justify-content:flex-end;border-top:1px solid var(--k-border,#e5e7eb);border-bottom:0}.k-r84-work-dialog__surface>header small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--k-muted,#667085)}.k-r84-work-dialog__surface>header h2{margin:3px 0 0}.k-r84-work-dialog__surface>header>button{width:40px;height:40px;border:1px solid var(--k-border,#e5e7eb);border-radius:50%;background:transparent;color:inherit;font-size:22px;cursor:pointer}.k-r84-work-dialog__body{overflow:auto;padding:20px}
@media(max-width:700px){.k-r84-work-dialog{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.k-r84-work-dialog__surface{height:100dvh;max-height:100dvh}.k-r84-work-dialog__body{padding:15px}}

/* R84: assistant is an operational workspace, not a site hero. */
.k-assistant-page>.k-r84-workspace-head.k-assistant-head{margin:18px 0 16px;padding:0;border:0;background:none;box-shadow:none}
.k-assistant-page>.k-r84-workspace-head.k-assistant-head>span{display:block;margin-bottom:5px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#ff6b00}
.k-assistant-page>.k-r84-workspace-head.k-assistant-head h1{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.08;letter-spacing:-.035em}
.k-assistant-page>.k-r84-workspace-head.k-assistant-head p{margin:7px 0 0;max-width:720px}

/* Generic person/organization profiles are entities: keep them compact inside the shared window. */
.k-entity-window .k-profile-page{max-width:none;padding:0;background:transparent}
.k-entity-window .k-profile-cover{height:112px}
.k-entity-window .k-profile-hero,.k-entity-window .k-profile-tabs,.k-entity-window .k-profile-layout>aside section{border-radius:16px}
.k-entity-window .k-profile-main{padding:0 20px 16px;gap:16px}
.k-entity-window .k-profile-avatar{width:92px;height:92px;margin-top:-46px;font-size:27px}
.k-entity-window .k-profile-title h1{font-size:24px}
.k-entity-window .k-profile-layout{grid-template-columns:minmax(0,1fr) 260px;gap:14px;margin-top:14px}
.k-entity-window .k-profile-tabs{margin-top:12px}
@media(max-width:800px){.k-entity-window .k-profile-page{padding:0}.k-entity-window .k-profile-cover{height:96px}.k-entity-window .k-profile-layout{grid-template-columns:1fr}}

/* R84 warehouse workspace: one stock surface, operational details in large work dialogs. */
.k-market-r84{max-width:1760px;width:100%;margin:0 auto;padding:clamp(12px,2vw,28px)}
.k-market-r84-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}
.k-market-r84-kpis>span{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--panel,#fff)}
.k-market-r84-kpis small,.k-market-r84-row small,.k-market-r84-line small{color:var(--muted,#687084)}
.k-market-r84-kpis b{font-size:22px}
.k-market-r84-stock>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.k-market-r84-stock>header h2{margin:2px 0 0}.k-market-r84-list{display:grid;gap:8px}
.k-market-r84-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(110px,.22fr) minmax(100px,.18fr) auto;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid var(--border,#e5e7eb)}
.k-market-r84-row:first-child{border-top:0}.k-market-r84-row>div{display:grid;gap:3px}.k-market-r84-row>span{display:grid;gap:2px}.k-market-r84-row strong{font-size:15px}
.k-market-r84-dialog .k-r84-work-dialog__surface{max-width:980px}.k-market-r84-dialog-actions{display:flex;justify-content:flex-end;margin-top:14px}
.k-market-r84-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border,#e5e7eb)}
.k-market-r84-line>div{display:grid;gap:4px}.k-market-r84-line>button{border:0;background:transparent;font-size:22px}
.k-market-r84-form{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border,#e5e7eb)}
.k-market-r84-form label{display:grid;gap:6px;font-weight:700}.k-market-r84-form input{width:100%;padding:12px;border:1px solid var(--border,#d7dce3);border-radius:12px;background:var(--panel,#fff);color:inherit}
@media(max-width:900px){.k-market-r84-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.k-market-r84-row{grid-template-columns:1fr auto}.k-market-r84-row>span{display:none}}
@media(max-width:640px){.k-market-r84{padding:10px}.k-market-r84-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.k-market-r84-stock>header{align-items:flex-start}.k-market-r84-row{padding:12px 4px}.k-market-r84-row .k-btn{grid-column:2}}


/* ===== SOURCE: css/next/kflow_windows.css ===== */
/* K-Flow Windows — reusable multi-window interaction system. */
:root{
  --k-orange-brand:#FC6505;
  --k-orange-brand-hover:#E95700;
  --k-orange-brand-soft:#FFF1E8;
  --k-flow-text:#15171A;
  --k-flow-text-secondary:#5E6269;
  --k-flow-text-muted:#858A92;
  --k-flow-bg:#F7F7F8;
  --k-flow-surface:#FFFFFF;
  --k-flow-border:#DDE0E5;
  --k-flow-step-idle:#ECEDEF;
  --k-flow-error:#D92D20;
  --k-flow-success:#168A45;
  --k-flow-shadow:0 8px 24px rgba(20,24,32,.08);
  --k-flow-ease:cubic-bezier(.22,1,.36,1);
}

.k-flow-window,.k-flow-window *{box-sizing:border-box}
.k-flow-window{font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--k-flow-text);background:var(--k-flow-surface)}
.k-flow-window input,.k-flow-window textarea,.k-flow-window button{font:inherit}
.k-flow-window input[type="tel"],.k-flow-window input[inputmode="numeric"],.k-flow-window .k-flow-numeric{font-variant-numeric:tabular-nums}

.k-flow-header{min-height:58px;padding:max(12px,env(safe-area-inset-top)) 24px 8px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}
.k-flow-back{width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--k-flow-text);display:grid;place-items:center;cursor:pointer}
.k-flow-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.k-flow-back:hover{background:var(--k-flow-bg)}
.k-flow-back:focus-visible,.k-flow-primary:focus-visible,.k-flow-role-card:focus-visible,.k-flow-otp-cell:focus-visible{outline:3px solid rgba(252,101,5,.24);outline-offset:2px}
.k-flow-logo{display:block;width:min(100%,152px);max-height:38px;object-fit:contain;justify-self:center}
.k-flow-header-spacer{width:44px;height:44px}

.k-flow-steps{list-style:none;margin:8px auto 0;padding:0;width:min(100%,342px);display:flex;align-items:center;justify-content:center}
.k-flow-step{display:flex;align-items:center;flex:1;min-width:28px}
.k-flow-step:last-child{flex:0 0 28px}
.k-flow-step:not(:last-child)::after{content:"";height:1.5px;flex:1;min-width:8px;margin:0 8px;background:var(--k-flow-border);border-radius:99px}
.k-flow-step.is-done:not(:last-child)::after{background:rgba(252,101,5,.45)}
.k-flow-step__dot{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:var(--k-flow-step-idle);border:1px solid transparent;color:#3D4148;font-size:13px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.k-flow-step.is-active .k-flow-step__dot{background:var(--k-orange-brand);color:#fff;border-color:var(--k-orange-brand)}
.k-flow-step.is-done .k-flow-step__dot{background:var(--k-orange-brand-soft);color:var(--k-orange-brand);border-color:rgba(252,101,5,.55)}
.k-flow-step__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.k-flow-copy{width:min(100%,342px);margin:24px auto 0}
.k-flow-copy h1,.k-flow-copy h2{margin:0;color:var(--k-flow-text);font-size:28px;line-height:32px;font-weight:700;letter-spacing:-.025em}
.k-flow-copy p{margin:8px 0 0;color:var(--k-flow-text-secondary);font-size:16px;line-height:24px;font-weight:500}
.k-flow-body{width:min(100%,342px);margin:24px auto 0}
.k-flow-actions{width:min(100%,342px);margin:18px auto 0;padding-bottom:max(18px,env(safe-area-inset-bottom))}
.k-flow-primary{width:100%;height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,#FF6A0A 0%,#F45000 100%);color:#fff;font-size:17px;line-height:22px;font-weight:600;cursor:pointer;box-shadow:0 8px 22px rgba(252,101,5,.18)}
.k-flow-primary:hover{background:linear-gradient(135deg,#F95F00 0%,#E94700 100%)}
.k-flow-primary:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.k-flow-link{min-height:44px;border:0;background:transparent;color:var(--k-orange-brand);font-size:13px;line-height:18px;font-weight:500;cursor:pointer}

/* Onboarding windows 2–4 only. The welcome surface is intentionally outside this selector. */
#onb2-step-role,#onb2-step-profile,#onb2-step-code{padding:20px;align-items:center;justify-content:center;background:var(--k-flow-bg)}
#onb2-step-role .k-flow-onboarding-window,#onb2-step-profile .k-flow-onboarding-window,#onb2-step-code .k-flow-onboarding-window{
  width:min(100%,560px);min-height:0;max-height:calc(100dvh - 40px);border-radius:24px;overflow:auto;overscroll-behavior:contain;box-shadow:0 18px 56px rgba(20,24,32,.13);padding-bottom:6px
}
.k-flow-onboarding-window .onb2-modal-body{padding:0!important;overflow:visible!important}
.k-flow-onboarding-window .onb2-compact-error{width:min(100%,342px);margin:12px auto 0}

.k-flow-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.k-flow-role-column{min-width:0;display:grid;grid-template-rows:1fr auto;gap:18px}
.k-flow-role-card{width:100%;min-height:188px;padding:16px;border:1px solid #E4E6EA;border-radius:16px;background:#fff;box-shadow:var(--k-flow-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;color:var(--k-flow-text)}
.k-flow-role-card:hover{border-color:rgba(252,101,5,.48);transform:translateY(-1px)}
.k-flow-role-icon{width:64px;height:64px;border:2px solid var(--k-orange-brand);border-radius:50%;display:grid;place-items:center;margin-bottom:14px;color:#34383E;background:#fff}
.k-flow-role-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.k-flow-role-card b{font-size:18px;line-height:24px;font-weight:600}
.k-flow-role-card small{display:block;margin-top:4px;color:var(--k-flow-text-secondary);font-size:13px;line-height:18px;font-weight:400}

.k-flow-form{display:grid;gap:15px}
.k-flow-field{display:grid;gap:7px;color:var(--k-flow-text);font-size:14px;line-height:20px;font-weight:500}
.k-flow-field input,.k-flow-field textarea{width:100%;height:50px;border:1px solid #D9DCE1;border-radius:14px;background:#fff;color:var(--k-flow-text);padding:0 16px;font-size:16px;line-height:22px;font-weight:500;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.k-flow-field textarea{height:auto;min-height:110px;padding:13px 16px;resize:vertical}
.k-flow-field input:focus,.k-flow-field textarea:focus{border-color:var(--k-orange-brand);box-shadow:0 0 0 4px rgba(252,101,5,.11)}
.k-flow-field input.is-invalid,.k-flow-field.is-invalid input{border-color:var(--k-flow-error);box-shadow:0 0 0 3px rgba(217,45,32,.09)}
.k-flow-trust{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--k-flow-text-muted);font-size:13px;line-height:18px}
.k-flow-trust svg{width:17px;height:17px;fill:none;stroke:var(--k-orange-brand);stroke-width:1.8}

.k-flow-otp{display:flex;justify-content:center;gap:11px}
.k-flow-otp-cell{width:50px;height:54px;padding:0;border:1px solid #D9DCE1;border-radius:12px;background:#fff;color:var(--k-flow-text);text-align:center;font-size:24px;line-height:54px;font-weight:600;font-variant-numeric:tabular-nums;outline:none}
.k-flow-otp-cell:focus{border-color:var(--k-orange-brand);box-shadow:0 0 0 4px rgba(252,101,5,.11)}
.k-flow-code-meta{display:grid;justify-items:center;gap:2px;margin-top:12px}
.k-flow-code-meta button{border:0;background:transparent;min-height:36px;padding:4px 8px;color:var(--k-flow-text-secondary);font-size:13px;line-height:18px;font-weight:500;cursor:pointer}
.k-flow-code-meta button:not(:disabled){color:var(--k-orange-brand)}
.k-flow-code-meta button:disabled{cursor:default}
.k-flow-code-test{margin:10px auto 0;width:min(100%,342px);padding:8px 10px;border-radius:10px;background:var(--k-orange-brand-soft);color:#874000;text-align:center;font-size:12px;line-height:17px}

.k-flow-enter-left{animation:kFlowEnterLeft 280ms var(--k-flow-ease) both}
.k-flow-enter-right{animation:kFlowEnterRight 280ms var(--k-flow-ease) both}
.k-flow-enter-neutral{animation:kFlowEnterNeutral 220ms var(--k-flow-ease) both}
.k-flow-leave-left{animation:kFlowLeaveLeft 150ms var(--k-flow-ease) both}
.k-flow-leave-right{animation:kFlowLeaveRight 150ms var(--k-flow-ease) both}
@keyframes kFlowEnterLeft{from{opacity:.55;transform:translateX(-30px) scale(.98)}to{opacity:1;transform:none}}
@keyframes kFlowEnterRight{from{opacity:.55;transform:translateX(30px) scale(.98)}to{opacity:1;transform:none}}
@keyframes kFlowEnterNeutral{from{opacity:.7;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes kFlowLeaveLeft{to{opacity:.6;transform:translateX(-18px) scale(.99)}}
@keyframes kFlowLeaveRight{to{opacity:.6;transform:translateX(18px) scale(.99)}}

/* Request K-Flow: one compact process window, not a desktop page sheet. */
.k-request-window-r78{width:min(560px,calc(100vw - 32px))!important;height:auto!important;max-height:calc(100dvh - 32px)!important;border-radius:24px!important}
.k-request-window-surface{font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--k-flow-surface)!important}
.k-request-window-bar{min-height:58px;padding:10px 16px!important}
.k-request-window-bar small{color:var(--k-flow-text-muted)!important}.k-request-window-bar h2{font-size:17px!important;line-height:22px!important}
.k-request-window-body{padding:0 24px 20px!important;background:#fff}
.k-request-flow-r78{max-width:342px;margin:0 auto;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.k-request-flow-r78 .k-request-flow-head{display:block;padding:18px 0 0;border:0}
.k-request-flow-r78 .k-request-flow-head>div:first-child>span{display:none}
.k-request-flow-r78 .k-request-flow-head h2{font-size:28px;line-height:32px;font-weight:700;letter-spacing:-.025em}
.k-request-flow-r78 .k-request-flow-head p{font-size:14px;line-height:20px;color:var(--k-flow-text-secondary)}
.k-request-flow-r78 .k-request-flow-progress{display:none}
.k-request-stepper{display:flex!important;overflow:visible!important;gap:0!important;margin:18px auto 0;width:100%;padding:0!important}
.k-request-step{min-width:0!important;flex:1!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;display:flex!important;align-items:center!important;gap:0!important;box-shadow:none!important}
.k-request-step:last-child{flex:0 0 28px!important}
.k-request-step:not(:last-child)::after{content:"";height:1.5px;flex:1;min-width:3px;margin:0 4px;background:var(--k-flow-border);border-radius:99px}
.k-request-step.is-done:not(:last-child)::after{background:rgba(252,101,5,.45)}
.k-request-step>span{grid-row:auto!important;width:28px!important;height:28px!important;flex:0 0 28px;border-radius:50%!important;background:var(--k-flow-step-idle)!important;color:#3D4148!important;font-size:12px!important;font-weight:700!important}
.k-request-step.is-active>span{background:var(--k-orange-brand)!important;color:#fff!important}
.k-request-step.is-done>span{background:var(--k-orange-brand-soft)!important;color:var(--k-orange-brand)!important;border:1px solid rgba(252,101,5,.5)}
.k-request-step>b,.k-request-step>small{display:none!important}
.k-request-form-r78{margin-top:20px}
.k-request-panel-r78{padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;min-height:0!important}
.k-request-panel-head{margin-bottom:14px!important}.k-request-panel-head small{color:var(--k-orange-brand)!important}.k-request-panel-head h3{font-size:22px!important;line-height:28px!important;font-weight:700!important}.k-request-panel-head p{font-size:13px!important;line-height:18px!important;color:var(--k-flow-text-secondary)!important}
.k-request-account-strip{grid-template-columns:1fr!important;gap:14px!important}.k-request-account-strip label,.k-request-manual-car,.k-request-date-row label,.k-request-description{font-size:14px!important;line-height:20px!important;font-weight:500!important}
.k-request-account-strip input,.k-request-manual-car input,.k-request-date-row input,.k-request-description textarea,.k-request-picker-search input,.k-request-add-vehicle input{height:50px!important;border-radius:14px!important;border-color:#D9DCE1!important;padding:0 16px!important;font-size:16px!important;box-shadow:none!important}
.k-request-description textarea{height:auto!important;min-height:112px!important;padding:13px 16px!important}
.k-request-choice-card{border-radius:16px!important;box-shadow:var(--k-flow-shadow)!important}
.k-request-selected-row{border-radius:14px!important;box-shadow:none!important}
.k-request-selection-total{border-radius:14px!important;background:var(--k-flow-bg)!important}
.k-request-nav-r78{position:sticky!important;bottom:0!important;margin:18px -24px -20px!important;padding:12px 24px max(14px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #ECEDEF!important;backdrop-filter:blur(9px);z-index:4}
.k-request-nav-r78>span{display:none!important}.k-request-nav-r78 .k-btn{height:52px!important;border-radius:14px!important;font-size:16px!important;font-weight:600!important}.k-request-nav-r78 .k-btn-primary{background:linear-gradient(135deg,#FF6A0A 0%,#F45000 100%)!important;border-color:transparent!important}.k-request-nav-r78 .k-btn-secondary{border-color:var(--k-flow-border)!important;background:#fff!important}
.k-request-picker-r78{width:min(560px,calc(100vw - 32px))!important;height:min(760px,calc(100dvh - 32px))!important;border-radius:24px!important}.k-request-picker-surface{font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.k-request-picker-body{padding:16px 24px 22px!important}.k-request-picker-surface>header{padding:13px 18px!important}.k-request-service-option.is-selected i{background:var(--k-orange-brand)!important;border-color:var(--k-orange-brand)!important}
.k-request-kflow-summary{display:grid;gap:10px;margin:0 0 15px;padding:12px 14px;border-radius:14px;background:var(--k-flow-bg);border:1px solid #ECEDEF}.k-request-kflow-summary small{color:var(--k-flow-text-muted);font-size:11px}.k-request-kflow-summary b{font-size:14px;line-height:20px;font-weight:600}.k-request-kflow-photo-input{display:none}.k-request-kflow-photo-button{min-height:52px;border:1px dashed #C9CDD3;border-radius:14px;background:#fff;color:var(--k-flow-text);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.k-request-kflow-photo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.k-request-kflow-photo{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--k-flow-bg)}.k-request-kflow-photo img{width:100%;height:100%;object-fit:cover}.k-request-kflow-photo button{position:absolute;right:4px;top:4px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(21,23,26,.72);color:#fff;cursor:pointer}.k-request-offer-modes{display:grid;gap:10px}.k-request-offer-mode{min-height:66px;border:1px solid var(--k-flow-border);border-radius:15px;background:#fff;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:10px;align-items:center;text-align:left;cursor:pointer}.k-request-offer-mode b,.k-request-offer-mode small{display:block}.k-request-offer-mode small{margin-top:3px;color:var(--k-flow-text-secondary);font-size:12px}.k-request-offer-mode i{width:24px;height:24px;border-radius:50%;border:1px solid #C9CDD3;display:grid;place-items:center;font-style:normal}.k-request-offer-mode.is-selected{border-color:var(--k-orange-brand);background:var(--k-orange-brand-soft)}.k-request-offer-mode.is-selected i{border-color:var(--k-orange-brand);background:var(--k-orange-brand);color:#fff}

@media(max-width:359px){.k-flow-header{padding-left:16px;padding-right:16px}.k-flow-copy,.k-flow-body,.k-flow-actions,.k-flow-steps{width:calc(100% - 32px)}.k-flow-role-grid{gap:10px}.k-flow-role-card{padding:12px;min-height:178px}.k-flow-role-icon{width:58px;height:58px}.k-flow-otp{gap:8px}.k-flow-otp-cell{width:48px}.k-request-window-body{padding-left:16px!important;padding-right:16px!important}.k-request-nav-r78{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}}
@media(max-width:700px){#onb2-step-role,#onb2-step-profile,#onb2-step-code{padding:0!important;align-items:stretch!important;justify-content:stretch!important}#onb2-step-role .k-flow-onboarding-window,#onb2-step-profile .k-flow-onboarding-window,#onb2-step-code .k-flow-onboarding-window{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;box-shadow:none!important}.k-flow-header{padding-top:max(10px,env(safe-area-inset-top))}.k-flow-copy{margin-top:20px}.k-flow-body{margin-top:20px}.k-request-window-r78,.k-request-picker-r78{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;margin:0!important}.k-request-window-body{padding-bottom:0!important}.k-request-picker-body{padding-left:16px!important;padding-right:16px!important}.k-request-kflow-photo-list{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.k-flow-enter-left,.k-flow-enter-right,.k-flow-enter-neutral,.k-flow-leave-left,.k-flow-leave-right{animation:none!important}.k-flow-role-card,.k-flow-field input,.k-flow-field textarea{transition:none!important}}

/* K-Flow request — preparation screens followed by exactly three numbered final steps. Nested pickers never become progress steps. */
.k-flow-request{width:100%;max-width:342px;margin:0 auto;min-height:0;background:#fff;color:var(--k-flow-text)}
.k-flow-request-header{padding:14px 0 0;border:0;background:#fff}.k-flow-request-brand{height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.k-flow-request-brand span{font-size:11px;line-height:16px;font-weight:700;letter-spacing:.08em;color:var(--k-orange-brand)}.k-flow-request-brand strong{font-size:14px;line-height:20px;font-weight:700;color:var(--k-flow-text)}
.k-flow-request-header .k-flow-steps{margin-top:12px}.k-flow-request-copy{margin-top:20px}.k-flow-request-copy h2{font-size:22px;line-height:28px}.k-flow-request-copy p{font-size:14px;line-height:20px}
.k-flow-request-form{margin-top:18px!important}.k-flow-request-panel{min-height:0!important}.k-flow-request-panel>.k-flow-body{width:100%;margin:0}.k-flow-section-copy{margin-bottom:14px}.k-flow-section-copy h3{margin:0;font-size:18px;line-height:24px;font-weight:700}.k-flow-section-copy p{margin:5px 0 0;color:var(--k-flow-text-secondary);font-size:13px;line-height:18px}
.k-flow-field{display:grid;gap:7px;color:var(--k-flow-text);font-size:14px;line-height:20px;font-weight:500}.k-flow-field>span{display:block}.k-flow-field input,.k-flow-field textarea{width:100%;height:50px;border:1px solid #D9DCE1;border-radius:14px;background:#fff;padding:0 16px;color:var(--k-flow-text);font-size:16px;line-height:22px;font-weight:500;outline:none}.k-flow-field textarea{height:auto;min-height:112px;padding:13px 16px;resize:vertical}.k-flow-field input:focus,.k-flow-field textarea:focus{border-color:var(--k-orange-brand);box-shadow:0 0 0 3px rgba(252,101,5,.12)}.k-flow-field small{color:var(--k-flow-text-muted);font-size:12px;line-height:17px}.k-flow-compact-account{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-bottom:14px}
.k-flow-choice{width:100%;min-height:92px;border:1px solid var(--k-flow-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(20,24,32,.06)!important}.k-flow-outline-action{width:100%;min-height:50px;border:1px solid var(--k-flow-border);border-radius:14px;background:#fff;color:var(--k-flow-text);font-size:15px;line-height:20px;font-weight:600;cursor:pointer}.k-flow-outline-action:hover,.k-flow-outline-action:focus-visible{border-color:var(--k-orange-brand);outline:none;box-shadow:0 0 0 3px rgba(252,101,5,.1)}
.k-flow-primary-service{display:grid;gap:10px;margin-bottom:12px}.k-flow-primary-service.is-compact{margin-bottom:14px}.k-flow-extra-services{display:grid;gap:8px;margin-bottom:12px}.k-flow-service-row{margin:0!important;padding:12px 12px!important;border:1px solid #E8EAED!important;background:#fff!important;border-radius:14px!important;box-shadow:none!important}.k-flow-service-row span b{font-size:14px!important;line-height:20px!important}.k-flow-service-row strong{font-size:13px!important}.k-flow-service-row button{width:36px!important;height:36px!important;min-width:36px!important}
.k-flow-request-context{display:flex;gap:8px;overflow:hidden;margin:0 0 14px;padding:10px 12px;border:1px solid #ECEDEF;border-radius:14px;background:var(--k-flow-bg)}.k-flow-request-context span{min-width:0;display:flex;align-items:center;gap:6px;color:var(--k-flow-text-secondary);font-size:12px;line-height:18px}.k-flow-request-context span+span{padding-left:8px;border-left:1px solid #DDE0E5}.k-flow-request-context b{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k-flow-text);font-weight:600}.k-flow-request-context svg{width:16px;height:16px}
.k-flow-photo-drop{position:relative;min-height:108px;margin-bottom:12px;border:1px dashed #C9CDD3;border-radius:16px;background:#FAFAFB;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.k-flow-photo-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.k-flow-photo-drop b{font-size:15px;line-height:20px}.k-flow-photo-drop small{margin-top:3px;color:var(--k-flow-text-muted);font-size:12px;line-height:17px}.k-flow-photo-icon{width:36px;height:36px;margin-bottom:6px;border-radius:50%;display:grid;place-items:center;background:var(--k-orange-brand-soft);color:var(--k-orange-brand)}.k-flow-photo-icon svg{width:19px;height:19px}.k-flow-photo-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.k-flow-photo-preview figure{position:relative;margin:0;min-width:0}.k-flow-photo-preview img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#ECEDEF}.k-flow-photo-preview button{position:absolute;right:4px;top:4px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(21,23,26,.75);color:#fff;cursor:pointer}.k-flow-photo-preview figcaption{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k-flow-text-muted);font-size:10px;line-height:14px}
.k-flow-choice-list{display:grid;gap:10px;margin-bottom:16px}.k-flow-mode-choice{width:100%;min-height:72px;padding:11px 12px;border:1px solid var(--k-flow-border);border-radius:15px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:10px;align-items:center;text-align:left;color:var(--k-flow-text);cursor:pointer}.k-flow-mode-choice>span:first-child{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#F4F5F6}.k-flow-mode-choice b,.k-flow-mode-choice small{display:block}.k-flow-mode-choice b{font-size:14px;line-height:20px}.k-flow-mode-choice small{margin-top:2px;color:var(--k-flow-text-secondary);font-size:12px;line-height:17px}.k-flow-mode-choice i{width:22px;height:22px;border:1px solid #C9CDD3;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px}.k-flow-mode-choice.is-selected{border-color:var(--k-orange-brand);background:var(--k-orange-brand-soft)}.k-flow-mode-choice.is-selected>span:first-child{background:#fff;color:var(--k-orange-brand)}.k-flow-mode-choice.is-selected i{border-color:var(--k-orange-brand);background:var(--k-orange-brand);color:#fff}.k-flow-mode-choice.is-static{margin-bottom:16px;cursor:default}
.k-flow-schedule-grid{display:grid;gap:14px}.k-flow-time-choice>span{display:block;margin-bottom:7px;font-size:14px;line-height:20px;font-weight:500}.k-flow-option-row{grid-template-columns:1fr 1fr!important;margin-top:14px!important}.k-flow-option-row label{min-height:62px!important;border-radius:14px!important}
.k-flow-review{display:grid!important;gap:8px!important}.k-flow-review>button{border:1px solid #E8EAED!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}.k-flow-confirm-state{text-align:center;padding:12px 0 18px}.k-flow-confirm-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--k-orange-brand-soft);color:var(--k-orange-brand);font-size:28px;font-weight:700}.k-flow-confirm-icon.is-success{background:#EAF7EF;color:var(--k-flow-success)}.k-flow-confirm-state h3{margin:0;font-size:22px;line-height:28px}.k-flow-confirm-state p{margin:7px auto 0;max-width:300px;color:var(--k-flow-text-secondary);font-size:13px;line-height:19px}.k-flow-confirm-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.k-flow-confirm-summary div{padding:10px 12px;border-radius:12px;background:var(--k-flow-bg)}.k-flow-confirm-summary span,.k-flow-confirm-summary b{display:block}.k-flow-confirm-summary span{color:var(--k-flow-text-muted);font-size:11px;line-height:16px}.k-flow-confirm-summary b{margin-top:2px;font-size:13px;line-height:18px}.k-flow-status{display:block;min-height:0;margin:0 0 10px;color:var(--k-flow-text-secondary);font-size:13px;line-height:18px;text-align:center}
.k-flow-request-actions{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:center!important;margin:18px -24px -20px!important}.k-flow-request-actions>[data-request-nav-note]{display:none!important}.k-flow-request-actions .k-flow-primary{grid-column:2;height:52px}.k-flow-request-actions .k-flow-back-action{grid-column:1;min-width:52px;height:52px;padding:0 13px;border:1px solid var(--k-flow-border);border-radius:14px;background:#fff;color:var(--k-flow-text);font-size:14px;font-weight:600;cursor:pointer}.k-flow-request-actions .k-flow-back-action span{margin-left:4px}.k-flow-request-actions .k-flow-back-action[hidden]+[data-request-nav-note]+.k-flow-primary{grid-column:1/3}.k-flow-request-actions [data-request-submit]{grid-column:2}.k-flow-request-actions [data-request-prev][hidden]~[data-request-submit]:not([hidden]){grid-column:1/3}
.k-flow-picker .k-request-picker-surface{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.k-flow-picker .k-request-picker-body{overflow:auto}.k-flow-picker .k-request-picker-footer{position:sticky;bottom:0;background:#fff;padding-top:10px}

@media(max-width:700px){.k-flow-request{max-width:342px}.k-flow-request-header{padding-top:8px}.k-flow-photo-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.k-flow-request-actions{margin-bottom:0!important}}
@media(max-width:359px){.k-flow-request{max-width:none;width:calc(100% - 32px)}.k-flow-option-row{grid-template-columns:1fr!important}.k-flow-photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.k-flow-request-actions{margin-left:-16px!important;margin-right:-16px!important}}


/* Request 4-step parent flow. */
.k-request-step-one-grid{display:grid;grid-template-columns:1fr;gap:16px}
.k-request-parent-block{min-width:0;padding:14px 0;border-top:1px solid #ECEEF1}
.k-request-parent-block:first-child{padding-top:0;border-top:0}
.k-request-parent-block .k-flow-section-copy small{display:block;margin-bottom:4px;color:var(--k-orange-brand);font-size:11px;line-height:16px;font-weight:700;letter-spacing:.08em}
.k-request-step-one-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
.k-request-problem-options{grid-template-columns:1fr!important}
.k-request-problem-options label{background:var(--k-orange-brand-soft)}
.k-flow-request [data-request-panel="review"] .k-flow-confirm-state{padding-top:18px;border-top:1px solid #ECEEF1;margin-top:12px}

@media(min-width:600px){
  .k-flow-request{max-width:560px}
}
@media(min-width:900px){
  .k-flow-request{max-width:960px}
  .k-request-step-one-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
  .k-request-parent-block{padding:0 0 0 24px;border-top:0;border-left:1px solid #ECEEF1}
  .k-request-parent-block:first-child{padding-left:0;border-left:0}
  .k-request-step-one-actions{grid-template-columns:1fr 1fr}
  .k-flow-request-panel:not([data-request-panel="vehicle"])>.k-flow-body{width:min(560px,100%);margin-left:auto;margin-right:auto}
  .k-flow-request-copy{width:min(960px,100%)}
}

/* 188.5.5.6.84.11 — Request K-Flow nested-state completion */
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-conditions-list{display:grid;gap:12px}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-condition-card{min-height:82px;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid #E0E3E8;border-radius:16px;background:#fff;color:#181A1D;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(17,19,21,.03)}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-condition-card>span:first-child{display:grid;place-items:center;width:36px;height:36px;color:var(--k-orange-brand);font-size:22px}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-condition-card>span:nth-child(2){min-width:0;display:grid;gap:2px}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-condition-card small{font-size:11px;line-height:16px;font-weight:700;letter-spacing:.06em;color:#747A84}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-condition-card b{font-size:15px;line-height:21px;font-weight:650;color:#181A1D}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-condition-card em{font-size:12px;line-height:18px;font-style:normal;color:#747A84}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-condition-card>i{font-size:12px;font-style:normal;color:var(--k-orange-brand);font-weight:650}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-media-limit{margin-top:8px;color:#747A84;font-size:12px;line-height:18px;text-align:right}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-photo-preview figure video{width:100%;height:100%;object-fit:cover}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-photo-preview figure.is-video{position:relative}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-media-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(17,19,21,.68);color:#fff;font-size:13px;pointer-events:none}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-urgent-details{margin-top:12px;padding:14px;border:1px solid #FFD5C6;border-radius:14px;background:#FFF7F4}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-urgent-details>span{display:block;margin-bottom:9px;font-size:13px;font-weight:650;color:#41454B}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-urgent-details>small{display:block;margin-top:9px;color:#747A84;font-size:12px;line-height:18px}
.k-request-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:48px;border:1px solid #E0E3E8;border-radius:14px;overflow:hidden;background:#fff}
.k-request-segmented button{border:0;border-right:1px solid #E0E3E8;background:#fff;color:#41454B;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.k-request-segmented button:last-child{border-right:0}.k-request-segmented button.is-selected{background:#FFF0EA;color:#F04412;box-shadow:inset 0 0 0 1px #FF4B14}
.k-request-picker-context{margin-bottom:14px;color:#F04412;font-size:11px;line-height:16px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.k-request-choice-stack{display:grid;gap:10px}.k-request-choice-stack .k-flow-mode-choice{width:100%}
.k-request-geo-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border:1px solid #E0E3E8;border-radius:16px;background:#fff}
.k-request-geo-card>span{display:grid;place-items:center;width:36px;height:36px;color:#FF4B14}.k-request-geo-card>div{display:grid;gap:3px}.k-request-geo-card b{font-size:15px}.k-request-geo-card small{color:#747A84;font-size:12px;line-height:18px}.k-request-geo-card .k-btn{grid-column:1/-1}.k-request-geo-card output{grid-column:1/-1;font-size:12px;color:#5E636B}
.k-request-picker-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#969CA5;font-size:12px}.k-request-picker-divider::before,.k-request-picker-divider::after{content:"";height:1px;flex:1;background:#ECEEF1}
.k-request-city-chips{display:flex;gap:8px;overflow:auto;margin:10px 0 12px;padding-bottom:2px}.k-request-city-chips button{flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid #E0E3E8;border-radius:999px;background:#fff;color:#41454B}.k-request-city-chips button.is-selected{border-color:#FF4B14;background:#FFF0EA;color:#F04412}
.k-request-city-list,.k-request-master-list{display:grid;gap:8px}.k-request-city-list>button,.k-request-master-option{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;gap:11px;align-items:center;min-height:64px;padding:10px 12px;border:1px solid #E5E7EB;border-radius:14px;background:#fff;color:#181A1D;text-align:left}.k-request-city-list>button.is-selected,.k-request-master-option.is-selected{border-color:#FF4B14;background:#FFF7F4}.k-request-city-list b,.k-request-master-option b{display:block;font-size:14px}.k-request-city-list small,.k-request-master-option small{display:block;margin-top:2px;color:#747A84;font-size:12px}.k-request-city-list i,.k-request-master-option i{font-style:normal;color:#FF4B14;text-align:center}
.k-request-master-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#FFF0EA;color:#F04412;font-size:14px;font-weight:750}
.k-request-offer-detail{display:grid;gap:12px;margin-top:16px;padding:14px;border:1px solid #E5E7EB;border-radius:16px;background:#F8F8F9}.k-request-offer-detail>small{color:#747A84;font-size:12px;line-height:18px}
.k-request-schedule-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.k-request-schedule-quick>button{min-height:48px;border:1px solid #E0E3E8;border-radius:14px;background:#fff;color:#41454B;font-weight:600}.k-request-schedule-quick>button.is-selected{border-color:#FF4B14;background:#FFF0EA;color:#F04412}.k-request-schedule-quick>label{grid-column:1/-1;display:grid;gap:6px;color:#5E636B;font-size:12px}.k-request-schedule-quick input{height:50px;padding:0 14px;border:1px solid #E0E3E8;border-radius:14px;font:inherit;font-size:15px}
.k-request-picker-slots{margin-top:16px}.k-request-picker-slots header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.k-request-picker-slots header b{font-size:14px}.k-request-picker-slots header small{color:#747A84;font-size:11px}
.k-request-picker-slots .k-request-slot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.k-request-picker-slots .k-request-slot-list button{min-height:44px;border:1px solid #E0E3E8;border-radius:12px;background:#fff;color:#41454B}.k-request-picker-slots .k-request-slot-list button.is-selected{border-color:#FF4B14;background:#FF4B14;color:#fff}.k-request-picker-slots .k-request-slot-list button:disabled{background:#F2F3F5;color:#969CA5}
.k-request-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:14px;border:1px solid #E5E7EB;border-radius:14px;background:#fff;color:#41454B;font-size:13px;line-height:19px}.k-request-consent input{width:20px;height:20px;margin:0;accent-color:#FF4B14;flex:0 0 auto}
.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-review button{position:relative;padding-right:72px}.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-review button>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;font-style:normal;color:#F04412}.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-review button.is-incomplete{border-color:#FFD5C6;background:#FFF7F4}
.k-request-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.k-request-success-actions a{text-decoration:none;display:flex;align-items:center;justify-content:center}
.k-request-empty-state{min-height:240px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;border:1px solid #ECEEF1;border-radius:16px;background:#F8F8F9;text-align:center}.k-request-empty-state>span{font-size:48px;color:#FF4B14}.k-request-empty-state b{font-size:16px}.k-request-empty-state p{max-width:280px;margin:0;color:#747A84;font-size:13px;line-height:19px}
@media(min-width:700px){.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-conditions-list{grid-template-columns:repeat(2,minmax(0,1fr))}.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-condition-card{min-height:92px}.k-request-picker-r78 .k-request-master-list{grid-template-columns:1fr}.k-request-success-actions{max-width:520px}}
@media(min-width:1024px){.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) [data-request-panel="conditions"]>.k-flow-body,.k-flow-request:is([data-request-flow-version="5"],[data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) [data-request-panel="review"]>.k-flow-body{width:min(720px,100%);margin-inline:auto}}
.k-request-custom-service{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #ECEEF1}.k-request-custom-service>form{display:grid;gap:12px;padding:14px;border:1px solid #E5E7EB;border-radius:16px;background:#F8F8F9}.k-request-custom-service>form>small{color:#747A84;font-size:12px;line-height:18px}.k-request-custom-service textarea{min-height:112px;padding:12px 14px;border:1px solid #E0E3E8;border-radius:14px;background:#fff;font:inherit;font-size:15px;resize:none}


/* 188.5.5.6.84.22 — Request finalization: 3 visible K-Flow steps. */
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-prep-progress{
  width:min(100%,342px);margin:8px auto 0;min-height:32px;display:flex;align-items:center;justify-content:center;gap:9px;
  color:var(--k-flow-text-secondary);font-size:12px;line-height:18px;font-weight:650
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-prep-progress>span{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--k-flow-bg);border:1px solid var(--k-flow-border);
  color:var(--k-orange-brand);font-size:12px;font-weight:750;font-variant-numeric:tabular-nums
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-prep-progress>b{font-size:12px;font-weight:650;color:var(--k-flow-text-secondary)}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-step{display:grid;gap:14px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice-list{display:grid;gap:12px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice{
  width:100%;min-height:88px;padding:14px 15px;border:1px solid var(--k-flow-border);border-radius:16px;background:#fff;color:var(--k-flow-text);
  display:grid;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:12px;text-align:left;cursor:pointer;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice:hover{border-color:rgba(252,101,5,.48)}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice:active{transform:scale(.995)}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice:focus-visible,
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row:focus-visible,
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-segmented button:focus-visible,
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line:focus-visible{outline:3px solid rgba(252,101,5,.2);outline-offset:2px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice__icon{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--k-orange-brand-soft);color:var(--k-orange-brand);font-size:20px;font-weight:750
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice>span:nth-child(2){min-width:0;display:grid;gap:3px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice b{font-size:15px;line-height:20px;font-weight:700}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice small{color:var(--k-flow-text-secondary);font-size:12px;line-height:17px;font-weight:450}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice>i{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #CDD1D7;color:#858A92;font-size:14px;font-style:normal;font-weight:750
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice.is-selected{border-color:var(--k-orange-brand);background:#FFFDFC;box-shadow:0 0 0 1px rgba(252,101,5,.06)}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice.is-selected>i{border-color:var(--k-orange-brand);background:var(--k-orange-brand);color:#fff}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-inline-budget,
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-direct-master-summary{
  display:grid;gap:12px;padding:14px;border:1px solid #E7E9ED;border-radius:16px;background:#F9F9FA
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-inline-budget[hidden],
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-direct-master-summary[hidden]{display:none!important}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-direct-master-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-direct-master-summary>div{min-width:0;display:grid;gap:3px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-direct-master-summary small{color:var(--k-flow-text-muted);font-size:10px;line-height:15px;font-weight:750;letter-spacing:.07em}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-direct-master-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row{
  width:100%;min-height:64px;padding:10px 14px;border:1px solid var(--k-flow-border);border-radius:15px;background:#fff;color:var(--k-flow-text);
  display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:10px;text-align:left;cursor:pointer
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row>span:first-child{display:grid;place-items:center;width:36px;height:36px;color:var(--k-flow-text);font-size:21px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row>span:first-child svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row>b,
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row>span:nth-child(2)>b{font-size:15px;line-height:20px;font-weight:650}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row>span:nth-child(2){min-width:0;display:grid;gap:2px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row small{color:var(--k-flow-text-secondary);font-size:11px;line-height:16px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row>i{justify-self:end;color:#6B7078;font-size:24px;line-height:1;font-style:normal;font-weight:400}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-segmented{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:50px;border:1px solid var(--k-flow-border);border-radius:14px;overflow:hidden;background:#fff
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-segmented button{
  min-height:50px;padding:8px 10px;border:0;border-right:1px solid var(--k-flow-border);background:#fff;color:#34383E;font:inherit;font-size:13px;line-height:17px;font-weight:600;cursor:pointer
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-segmented button:last-child{border-right:0}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-segmented button.is-selected{background:var(--k-orange-brand-soft);color:#E84F00;box-shadow:inset 0 0 0 1px var(--k-orange-brand)}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-date-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-service-address{padding:12px 14px;border:1px solid #E7E9ED;border-radius:15px;background:#F9F9FA}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-service-address[hidden]{display:none!important}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review{display:grid;gap:8px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line{
  width:100%;min-height:64px;padding:11px 12px;border:1px solid #E5E7EB;border-radius:14px;background:#fff;color:var(--k-flow-text);
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;cursor:pointer
}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line>span{min-width:0;display:grid;gap:2px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line small{color:var(--k-flow-text-muted);font-size:10px;line-height:15px;font-weight:750;letter-spacing:.065em}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line b{font-size:14px;line-height:20px;font-weight:650}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k-flow-text-secondary);font-size:11px;line-height:16px;font-style:normal}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line>i{color:var(--k-orange-brand);font-size:11px;line-height:16px;font-style:normal;font-weight:650}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line.is-incomplete{border-color:#FFD0BD;background:#FFF8F5}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-total{margin-top:4px;padding:14px 12px;border-radius:14px;background:var(--k-flow-bg);display:flex;align-items:center;justify-content:space-between;gap:12px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-total span{color:var(--k-flow-text-secondary);font-size:12px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-total strong{font-size:15px;font-weight:750}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-consent a{color:var(--k-orange-brand);text-decoration:underline;text-underline-offset:2px}
.k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-success-progress{
  width:min(100%,342px);margin:10px auto 0;padding:8px 12px;border-radius:999px;background:#EEF8F2;color:var(--k-flow-success);text-align:center;font-size:12px;font-weight:700
}
@media(min-width:700px){
  .k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-step{width:min(560px,100%);margin-inline:auto}
  .k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-offer .k-request-final-choice-list{grid-template-columns:1fr}
}
@media(min-width:1024px){
  .k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) [data-request-panel="offer"]>.k-flow-body,
  .k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) [data-request-panel="location"]>.k-flow-body,
  .k-flow-request:is([data-request-flow-version="6"],[data-request-flow-version="7"],[data-request-flow-version="8"]) [data-request-panel="review"]>.k-flow-body{width:min(640px,100%);margin-inline:auto}
}

.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center;margin-top:14px}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#F0F2F5;border:1px solid #E1E4E8;color:#737A84;font-size:13px;font-weight:700;justify-self:center}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span::after{content:"";position:absolute;left:calc(100% + 5px);top:50%;width:calc(100% + 8px);height:2px;background:#E5E7EB;transform:translateY(-50%)}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span:last-child::after{display:none}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span.is-active,.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span.is-complete{background:var(--k-orange-brand);border-color:var(--k-orange-brand);color:#fff}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span.is-complete::after,.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span.is-active::after{background:#F8C7B3}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-step-one-grid.is-single{grid-template-columns:1fr}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-parent-block--single{max-width:100%}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-vehicle-stage{display:grid;gap:14px}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero{min-height:280px;padding:24px 18px;border:1px solid #ECEDEF;border-radius:20px;background:#FBFBFC;display:grid;place-items:center;text-align:center;gap:12px}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero__icon{width:86px;height:86px;border-radius:999px;background:#F1F3F6;display:grid;place-items:center;color:#5D6670;font-size:40px}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero b{font-size:18px;line-height:24px;font-weight:700;color:#181A1D}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero p{max-width:240px;margin:0;color:#6B7280;font-size:14px;line-height:20px}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-choice-card--static{margin-bottom:14px}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-actions [data-request-next][disabled],.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-actions [data-request-submit][disabled]{opacity:.52;cursor:not-allowed}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-copy h2{font-size:20px;line-height:27px;font-weight:750}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-copy p{font-size:13px;line-height:18px;color:var(--k-flow-text-secondary)}

/* R188.5.5.6.84.43 — request reference visual lock (01–06). */
body.k-request-ref-active #k-shell-header{display:none!important}
body.k-request-ref-active #k-mobile-fab-stack{display:none!important}
body.k-request-ref-active #k-page-outlet{background:#fff!important}
.k-request-page-ref{width:100%!important;max-width:none!important;min-height:calc(100dvh - var(--k-mobile-nav-h,72px));margin:0!important;padding:0 16px calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom,0px) + 18px)!important;background:#fff!important;box-sizing:border-box}
.k-request-page-ref>.k-flow-request{width:min(100%,390px)!important;max-width:390px!important;margin:0 auto!important;padding:0!important;background:#fff!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]){font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#111318}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-header{padding:8px 0 0!important;background:#fff!important;position:relative}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-topbar{height:52px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-back,.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-bell{width:40px;height:40px;border:0;background:transparent;color:#15171a;display:grid;place-items:center;padding:0;text-decoration:none}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-bell{justify-self:end}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-back svg,.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-logo{display:block;width:118px;max-width:100%;height:34px;object-fit:contain;justify-self:center}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;margin:10px 10px 0!important;padding:0!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span{position:static!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:#f0f1f2!important;color:#5f6368!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span::after{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span.is-active{background:#ff3b12!important;color:#fff!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-main-steps span.is-complete{background:#f0f1f2!important;color:#5f6368!important;border:0!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-copy{margin-top:20px!important;width:100%!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-copy h2{margin:0!important;font-size:21px!important;line-height:27px!important;font-weight:750!important;letter-spacing:-.025em!important;color:#111318!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-copy p{margin:5px 0 0!important;font-size:12px!important;line-height:17px!important;color:#7a7f87!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-form{margin-top:14px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-panel>.k-flow-body{width:100%!important;margin:0!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-context{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) [data-request-panel="vehicle"] .k-flow-section-copy{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-section-copy{margin:16px 0 10px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-section-copy>small{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-section-copy h3{font-size:19px!important;line-height:25px!important;font-weight:750!important;letter-spacing:-.02em!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-section-copy p{margin-top:4px!important;font-size:12px!important;line-height:17px!important;color:#7a7f87!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero{min-height:292px!important;padding:30px 16px 22px!important;border:1px solid #e5e6e8!important;border-radius:10px!important;background:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:9px!important;box-shadow:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero__icon{width:78px!important;height:78px!important;border-radius:50%!important;background:#f2f3f4!important;color:#17191c!important;display:grid!important;place-items:center!important;margin-bottom:5px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero__icon svg{width:38px!important;height:38px!important;stroke-width:1.7!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero b{font-size:14px!important;line-height:20px!important;font-weight:700!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero p{max-width:235px!important;font-size:12px!important;line-height:18px!important;color:#6f747b!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-empty-state-hero .k-flow-outline-action{width:100%!important;height:49px!important;margin-top:14px!important;border:1px solid #ff4b21!important;border-radius:9px!important;background:#fff!important;color:#f04412!important;font-size:13px!important;font-weight:650!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-choice-card{min-height:66px!important;padding:11px 13px!important;border:1px solid #e1e3e6!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-choice-card .k-request-choice-icon{width:34px!important;height:34px!important;background:transparent!important;color:#111318!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-choice-card small{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-choice-card b{font-size:13px!important;line-height:18px!important;font-weight:700!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-choice-card em{font-size:11px!important;line-height:16px!important;color:#747982!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-choice-card>i{font-size:0!important;color:#525860!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-choice-card>i::after{content:'›';font-size:24px;font-style:normal;font-weight:400}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-choice-card--static{margin:0 0 15px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-extra-services{display:grid!important;gap:9px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-service-row{min-height:66px!important;padding:10px 12px!important;border:1px solid #e1e3e6!important;border-radius:9px!important;background:#fff!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 26px!important;align-items:center!important;gap:10px!important;box-shadow:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-service-icon{width:34px;height:34px;display:grid;place-items:center;color:#111318}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-service-icon svg{width:23px;height:23px;stroke-width:1.8}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-service-copy{min-width:0;display:grid;gap:2px}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-service-copy b{font-size:13px;line-height:18px;font-weight:700}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-service-copy em{font-size:11px;line-height:16px;color:#747982;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-service-row>button{width:26px;height:40px;border:0;background:transparent;color:#5d626a;font-size:25px;font-weight:300}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-step-one-actions{margin-top:9px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-step-one-actions .k-flow-outline-action{min-height:44px!important;border-radius:9px!important;border-color:#e1e3e6!important;background:#fff!important;color:#f04412!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-selection-total{margin-top:8px!important;padding:8px 10px!important;border-radius:8px!important;background:#f7f7f8!important;font-size:11px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-problem-text textarea{min-height:118px!important;padding:12px 13px!important;border:1px solid #e1e3e6!important;border-radius:9px!important;background:#fff!important;font-size:13px!important;line-height:19px!important;resize:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-problem-text>small{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-field-title{margin:14px 0 7px;font-size:12px;line-height:17px;font-weight:650;color:#30343a}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-field-title span{font-weight:450;color:#7b8088}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-media-grid{display:flex;align-items:flex-start;gap:9px;overflow-x:auto;padding-bottom:2px}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-media-grid .k-flow-photo-preview{display:flex!important;gap:9px!important;flex:0 0 auto!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-media-grid .k-flow-photo-preview figure{width:72px!important;height:88px!important;flex:0 0 72px!important;border-radius:7px!important;margin:0!important;background:#111!important;overflow:hidden!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-media-grid .k-flow-photo-preview figure img,.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-media-grid .k-flow-photo-preview figure video{width:100%!important;height:72px!important;object-fit:cover!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-media-grid .k-flow-photo-preview figure figcaption{height:16px!important;padding:1px 2px!important;background:#fff!important;color:#30343a!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-add-media{width:72px!important;height:88px!important;flex:0 0 72px!important;padding:0!important;border:1px solid #dfe2e5!important;border-radius:7px!important;background:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;color:#4d535b!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-add-media .k-flow-photo-icon{font-size:27px!important;line-height:1!important;font-weight:300!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-add-media b{font-size:10px!important;font-weight:550!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-add-media small{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-media-limit{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-extra{margin-top:14px!important;display:grid!important;gap:7px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-extra>span{font-size:12px!important;font-weight:650!important;color:#30343a!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-extra>span em{font-style:normal;font-weight:450;color:#7b8088}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-extra input{height:43px!important;padding:0 12px!important;border:1px solid #e1e3e6!important;border-radius:8px!important;font-size:12px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-problem-options{margin-top:10px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-problem-options label{min-height:42px!important;padding:8px 10px!important;border-radius:8px!important;background:#fafafa!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-step{display:grid!important;gap:10px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice-list{display:grid!important;gap:10px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice{min-height:75px!important;padding:11px 12px!important;border:1px solid #e1e3e6!important;border-radius:9px!important;background:#fff!important;grid-template-columns:35px minmax(0,1fr) 26px!important;gap:10px!important;box-shadow:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice__icon{width:32px!important;height:32px!important;border-radius:0!important;background:transparent!important;color:#15171a!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice__icon svg{width:25px!important;height:25px!important;stroke-width:1.7!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice b{font-size:13px!important;line-height:18px!important;font-weight:700!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice small{font-size:11px!important;line-height:16px!important;color:#747982!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice>i{width:22px!important;height:22px!important;border-radius:50%!important;font-size:12px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice.is-selected{border-color:#ff4b21!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,75,33,.08)!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice.is-selected .k-request-final-choice__icon{color:#ff4b21!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-choice.is-selected>i{background:#ff4b21!important;border-color:#ff4b21!important;color:#fff!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row{min-height:58px!important;padding:9px 11px!important;border:1px solid #e1e3e6!important;border-radius:8px!important;grid-template-columns:32px minmax(0,1fr) 18px!important;gap:8px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row>span:first-child{width:30px!important;height:30px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row b{font-size:12px!important;line-height:17px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-location-row small{font-size:10px!important;line-height:14px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-segmented{min-height:46px!important;border:1px solid #e1e3e6!important;border-radius:8px!important;overflow:hidden!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-segmented button{min-height:46px!important;padding:6px 7px!important;font-size:11px!important;line-height:15px!important;background:#fff!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-final-segmented button.is-selected{background:#fff!important;color:#f04412!important;box-shadow:inset 0 0 0 1px #ff4b21!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-service-address{border-radius:8px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review{border:1px solid #e1e3e6!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important;display:grid!important;gap:0!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line{min-height:43px!important;padding:7px 10px!important;border:0!important;border-radius:0!important;border-bottom:1px solid #f0f1f2!important;background:#fff!important;display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;text-align:left!important;box-shadow:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line:last-of-type{border-bottom:0!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-icon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;color:#111318!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-icon svg{width:18px!important;height:18px!important;stroke-width:1.7!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-copy{min-width:0!important;display:grid!important;gap:1px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-copy small{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-copy b{font-size:11px!important;line-height:16px!important;font-weight:600!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-copy em{font-size:9.5px!important;line-height:14px!important;color:#6f747c!important;font-style:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-line>i{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-media{min-height:40px;padding:8px 10px;display:flex;align-items:center;gap:8px;border-top:1px solid #f0f1f2;font-size:11px;color:#24272b}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-media svg{width:18px;height:18px}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-confirm-state,.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-confirm-summary,.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-review-total{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-consent{margin:13px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;align-items:center!important;font-size:11px!important;line-height:16px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-consent input{width:18px!important;height:18px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-consent a{color:#111318!important;text-decoration:underline!important;text-underline-offset:2px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-actions{position:sticky!important;bottom:0!important;margin:18px 0 0!important;padding:10px 0 12px!important;border-top:0!important;background:rgba(255,255,255,.97)!important;display:block!important;backdrop-filter:blur(10px)!important;z-index:8!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-actions .k-flow-back-action{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-actions .k-flow-primary{width:100%!important;height:50px!important;min-height:50px!important;border:0!important;border-radius:7px!important;background:#ff3b12!important;color:#fff!important;font-size:13px!important;font-weight:650!important;display:flex!important;align-items:center!important;justify-content:center!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-actions .k-flow-primary[disabled]{background:#e4e5e7!important;color:#969aa0!important;opacity:1!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-success-actions{display:grid!important}
.k-request-rules-dialog{width:min(420px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 28px));padding:0;border:0;border-radius:18px;background:#fff;color:#111318;box-shadow:0 28px 70px rgba(15,20,28,.25)}
.k-request-rules-dialog::backdrop{background:rgba(13,18,24,.48);backdrop-filter:blur(2px)}
.k-request-rules-dialog>section{padding:18px;display:grid;gap:15px}.k-request-rules-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.k-request-rules-dialog header small{display:block;color:#f04412;font-size:10px;font-weight:750;letter-spacing:.08em}.k-request-rules-dialog header h3{margin:3px 0 0;font-size:20px}.k-request-rules-dialog header button{width:36px;height:36px;border:0;border-radius:50%;background:#f3f4f5;font-size:22px}.k-request-rules-body{display:grid;gap:10px;overflow:auto}.k-request-rules-body article{padding:12px;border:1px solid #e7e8ea;border-radius:10px}.k-request-rules-body b{font-size:13px}.k-request-rules-body p{margin:4px 0 0;color:#6d727a;font-size:11px;line-height:17px}.k-request-rules-dialog .k-flow-primary{height:48px;border:0;border-radius:8px;background:#ff3b12;color:#fff;font-weight:650}
@media(max-width:700px){
  .k-request-page-ref{padding-left:16px!important;padding-right:16px!important}
  .k-request-page-ref>.k-flow-request{max-width:390px!important}
  body.k-request-ref-active #k-mobile-back{display:none!important}
  .k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-actions{bottom:calc(var(--k-mobile-nav-h,72px) + env(safe-area-inset-bottom,0px))!important;margin-left:-16px!important;margin-right:-16px!important;padding:10px 16px 9px!important;border-top:1px solid #ededee!important}
  .k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]){padding-bottom:58px!important}
}
@media(min-width:701px){
  .k-request-page-ref{padding-top:18px!important;padding-bottom:36px!important}
  .k-request-page-ref>.k-flow-request{max-width:420px!important;border:1px solid #eceef0!important;border-radius:22px!important;padding:0 24px 24px!important;box-shadow:0 18px 50px rgba(20,25,30,.06)!important}
  .k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-flow-request-actions{bottom:12px!important}
}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-media-limit{display:block!important;margin:4px 0 0!important;text-align:left!important;color:#34383e!important;font-size:10px!important;line-height:15px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-media-grid .k-flow-photo-preview figure{height:72px!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-media-grid .k-flow-photo-preview figure figcaption{display:none!important}
.k-flow-request:is([data-request-flow-version="7"],[data-request-flow-version="8"]) .k-request-ref-add-media{height:72px!important}
body.k-request-ref-active .k-app-shell{padding-top:0!important}
body.k-request-ref-active .k-shell-main{padding-top:0!important}
body.k-request-ref-active #k-mobile-nav .k-nav-link[data-route-key="services"].is-active,
body.k-request-ref-active #k-mobile-nav .k-nav-link[data-route-key="services"][aria-current="page"]{background:transparent!important;border-color:transparent!important;color:#ff3b12!important;box-shadow:none!important}
body.k-request-ref-active #k-mobile-nav .k-nav-link[data-route-key="services"].is-active .k-nav-icon,
body.k-request-ref-active #k-mobile-nav .k-nav-link[data-route-key="services"].is-active .k-nav-icon svg{color:#ff3b12!important;stroke:currentColor!important}
body.k-request-ref-active #k-mobile-nav .k-nav-link[data-route-key="services"]{background:transparent!important;border-color:transparent!important;color:#ff3b12!important;box-shadow:none!important}
body.k-request-ref-active #k-mobile-nav .k-nav-link[data-route-key="services"] .k-nav-icon,
body.k-request-ref-active #k-mobile-nav .k-nav-link[data-route-key="services"] .k-nav-icon svg{color:#ff3b12!important;stroke:currentColor!important}


/* ===== SOURCE: css/next/welcome_background.css ===== */
:root{
  --k-welcome-background-image:none;
  --k-welcome-background-position:center center;
}

/*
 * Welcome background is a visual layer only.
 * The existing first-window markup, logo, copy, progress and CTA stay untouched.
 */
#onb2-step-welcome .onb2-welcome-card{
  position:relative;
  isolation:isolate;
  background:#f8f6f2 !important;
}
#onb2-step-welcome .onb2-welcome-card::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background-color:#f8f6f2;
  background-image:var(--k-welcome-background-image);
  background-position:var(--k-welcome-background-position);
  background-repeat:no-repeat;
  background-size:cover;
  pointer-events:none;
}
#onb2-step-welcome .onb2-welcome-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.66) 50%,rgba(255,255,255,.86) 100%);
  pointer-events:none;
}
#onb2-step-welcome .onb2-welcome-card > *{
  position:relative;
  z-index:1;
}

@media (max-width:700px){
  #onb2-step-welcome .onb2-welcome-card::after{
    background:linear-gradient(180deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.50) 46%,rgba(255,255,255,.86) 100%);
  }
}

@media (prefers-reduced-motion:reduce){
  #onb2-step-welcome .onb2-welcome-card{transition:none !important}
}


/* ===== SOURCE: css/next/onboarding_kflow_reference.css ===== */
/* KARETA.KZ — K-Flow onboarding visual contract (screens 01–04 only).
   Normative targets: 390x844, 768x1024, 1024x768, desktop 1200+.
   This layer intentionally overrides legacy modal styling only inside #onb2-overlay. */
:root{
  --kflow-ref-orange:#ff3b0a;
  --kflow-ref-orange-top:#ff4b12;
  --kflow-ref-orange-bottom:#ff3606;
  --kflow-ref-text:#0a0a0a;
  --kflow-ref-muted:#555;
  --kflow-ref-muted-2:#777;
  --kflow-ref-border:#d7d7d7;
  --kflow-ref-border-soft:#e8e8e8;
  --kflow-ref-idle:#efefef;
  --kflow-ref-line:#e2e2e2;
  --kflow-ref-focus:rgba(255,59,10,.22);
  --kflow-ref-content:342px;
  --kflow-ref-form:460px;
  --kflow-ref-tablet:560px;
  --kflow-ref-desktop:1180px;
  --kflow-ref-wide:1280px;
  --kflow-ref-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.08);
}

#onb2-overlay.k-onboarding,
#onb2-overlay.k-onboarding *{box-sizing:border-box}
#onb2-overlay.k-onboarding{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  min-height:100dvh!important;
  overflow-x:clip!important;
  overflow-y:auto!important;
  background:#fff!important;
  color:var(--kflow-ref-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-synthesis:none!important;
  text-rendering:optimizeLegibility;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#onb2-step-welcome,
#onb2-step-role,
#onb2-step-profile,
#onb2-step-code{
  width:100%!important;
  min-height:100dvh!important;
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  background:#fff!important;
}

/* One screen = one scene, never a generic application dialog. */
#onb2-step-welcome .onb2-welcome-card,
#onb2-step-role .k-flow-onboarding-window,
#onb2-step-profile .k-flow-onboarding-window,
#onb2-step-code .k-flow-onboarding-window{
  position:relative!important;
  width:100%!important;
  min-height:100dvh!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  color:var(--kflow-ref-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
#onb2-step-role .k-flow-onboarding-window,
#onb2-step-profile .k-flow-onboarding-window,
#onb2-step-code .k-flow-onboarding-window{display:flex!important;flex-direction:column!important}

/* Header */
#onb2-step-role .k-flow-header,
#onb2-step-profile .k-flow-header,
#onb2-step-code .k-flow-header{
  width:100%!important;
  min-height:76px!important;
  padding:max(16px,env(safe-area-inset-top)) 24px 0!important;
  display:grid!important;
  grid-template-columns:44px 1fr 44px!important;
  align-items:center!important;
  gap:8px!important;
}
#onb2-step-role .k-flow-back,
#onb2-step-profile .k-flow-back,
#onb2-step-code .k-flow-back{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#0a0a0a!important;
  display:grid!important;place-items:center!important;
}
#onb2-step-role .k-flow-back:hover,
#onb2-step-profile .k-flow-back:hover,
#onb2-step-code .k-flow-back:hover{background:#f5f5f5!important}
#onb2-step-role .k-flow-back:active,
#onb2-step-profile .k-flow-back:active,
#onb2-step-code .k-flow-back:active{background:#eee!important;transform:scale(.98)}
#onb2-step-role .k-flow-back svg,
#onb2-step-profile .k-flow-back svg,
#onb2-step-code .k-flow-back svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#onb2-step-role .k-flow-logo,
#onb2-step-profile .k-flow-logo,
#onb2-step-code .k-flow-logo{
  display:block!important;width:160px!important;height:auto!important;max-width:160px!important;max-height:38px!important;object-fit:contain!important;justify-self:center!important;
}
#onb2-step-role .k-flow-header-spacer,
#onb2-step-profile .k-flow-header-spacer,
#onb2-step-code .k-flow-header-spacer{width:44px!important;height:44px!important}

/* Stepper: current only orange. */
#onb2-step-welcome .k-flow-steps,
#onb2-step-role .k-flow-steps,
#onb2-step-profile .k-flow-steps,
#onb2-step-code .k-flow-steps{
  width:270px!important;max-width:calc(100% - 48px)!important;margin:26px auto 0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
#onb2-step-welcome .k-flow-step,
#onb2-step-role .k-flow-step,
#onb2-step-profile .k-flow-step,
#onb2-step-code .k-flow-step{min-width:28px!important;display:flex!important;align-items:center!important;flex:1!important}
#onb2-step-welcome .k-flow-step:last-child,
#onb2-step-role .k-flow-step:last-child,
#onb2-step-profile .k-flow-step:last-child,
#onb2-step-code .k-flow-step:last-child{flex:0 0 28px!important}
#onb2-step-welcome .k-flow-step:not(:last-child)::after,
#onb2-step-role .k-flow-step:not(:last-child)::after,
#onb2-step-profile .k-flow-step:not(:last-child)::after,
#onb2-step-code .k-flow-step:not(:last-child)::after{
  content:""!important;height:2px!important;min-width:20px!important;flex:1!important;margin:0 9px!important;background:var(--kflow-ref-line)!important;border-radius:99px!important;
}
#onb2-step-welcome .k-flow-step__dot,
#onb2-step-role .k-flow-step__dot,
#onb2-step-profile .k-flow-step__dot,
#onb2-step-code .k-flow-step__dot{
  width:28px!important;height:28px!important;flex:0 0 28px!important;border:0!important;border-radius:50%!important;background:var(--kflow-ref-idle)!important;color:#111!important;font-size:14px!important;line-height:1!important;font-weight:600!important;display:grid!important;place-items:center!important;
}
#onb2-step-welcome .k-flow-step.is-active .k-flow-step__dot,
#onb2-step-role .k-flow-step.is-active .k-flow-step__dot,
#onb2-step-profile .k-flow-step.is-active .k-flow-step__dot,
#onb2-step-code .k-flow-step.is-active .k-flow-step__dot{background:var(--kflow-ref-orange)!important;color:#fff!important}
#onb2-step-welcome .k-flow-step.is-done .k-flow-step__dot,
#onb2-step-role .k-flow-step.is-done .k-flow-step__dot,
#onb2-step-profile .k-flow-step.is-done .k-flow-step__dot,
#onb2-step-code .k-flow-step.is-done .k-flow-step__dot{background:var(--kflow-ref-idle)!important;color:#111!important;border:0!important}
#onb2-step-welcome .k-flow-step.is-done:not(:last-child)::after,
#onb2-step-role .k-flow-step.is-done:not(:last-child)::after,
#onb2-step-profile .k-flow-step.is-done:not(:last-child)::after,
#onb2-step-code .k-flow-step.is-done:not(:last-child)::after{background:var(--kflow-ref-line)!important}

/* Shared copy/body mobile. */
#onb2-step-role .k-flow-copy,
#onb2-step-profile .k-flow-copy,
#onb2-step-code .k-flow-copy{
  width:var(--kflow-ref-content)!important;max-width:calc(100% - 48px)!important;margin:44px auto 0!important;text-align:left!important;
}
#onb2-step-role .k-flow-copy h1,
#onb2-step-profile .k-flow-copy h1,
#onb2-step-code .k-flow-copy h1{
  margin:0!important;color:var(--kflow-ref-text)!important;font-size:28px!important;line-height:34px!important;letter-spacing:0!important;font-weight:700!important;text-align:left!important;
}
#onb2-step-role .k-flow-copy p,
#onb2-step-profile .k-flow-copy p,
#onb2-step-code .k-flow-copy p{
  max-width:318px!important;margin:12px 0 0!important;color:var(--kflow-ref-muted)!important;font-size:17px!important;line-height:25px!important;font-weight:400!important;text-align:left!important;
}
#onb2-step-role .k-flow-body,
#onb2-step-profile .k-flow-body,
#onb2-step-code .k-flow-body{
  width:var(--kflow-ref-content)!important;max-width:calc(100% - 48px)!important;margin:28px auto 0!important;padding:0!important;overflow:visible!important;background:transparent!important;
}
#onb2-step-role .onb2-modal-body,
#onb2-step-profile .onb2-modal-body,
#onb2-step-code .onb2-modal-body{background:transparent!important}

/* 01 — Welcome. */
#onb2-step-welcome .onb2-welcome-card{
  isolation:isolate!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;background:#fff!important;text-align:left!important;
}
#onb2-step-welcome .onb2-welcome-card::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;background-color:#fff!important;background-image:var(--k-welcome-background-image)!important;background-repeat:no-repeat!important;background-position:52% 59%!important;background-size:cover!important;opacity:1!important;pointer-events:none!important;
}
#onb2-step-welcome .onb2-welcome-card::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 23%,rgba(255,255,255,.56) 39%,rgba(255,255,255,.06) 57%,rgba(255,255,255,.08) 78%,rgba(255,255,255,.68) 100%)!important;pointer-events:none!important;
}
#onb2-step-welcome .onb2-flow-brand{
  width:100%!important;min-height:76px!important;padding:max(18px,env(safe-area-inset-top)) 24px 0!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
#onb2-step-welcome .onb2-welcome-logo{display:block!important;width:160px!important;max-width:160px!important;height:auto!important;max-height:38px!important;object-fit:contain!important}
#onb2-step-welcome .onb2-welcome-copy{
  width:var(--kflow-ref-content)!important;max-width:calc(100% - 48px)!important;margin:46px auto 0!important;padding:0!important;display:block!important;text-align:left!important;
}
#onb2-step-welcome .onb2-welcome-copy h1{
  margin:0!important;max-width:260px!important;color:#0a0a0a!important;font-size:34px!important;line-height:39px!important;letter-spacing:0!important;font-weight:700!important;text-align:left!important;
}
#onb2-step-welcome .onb2-welcome-copy p{
  margin:13px 0 0!important;max-width:240px!important;color:var(--kflow-ref-muted)!important;font-size:17px!important;line-height:25px!important;font-weight:400!important;text-align:left!important;
}
#onb2-step-welcome .onb2-flow-actions{
  width:var(--kflow-ref-content)!important;max-width:calc(100% - 48px)!important;margin:auto auto max(30px,env(safe-area-inset-bottom))!important;padding:0!important;position:relative!important;z-index:2!important;
}
#onb2-step-welcome .onb2-welcome-next{
  width:100%!important;height:72px!important;min-height:72px!important;border:0!important;border-radius:15px!important;background:linear-gradient(180deg,var(--kflow-ref-orange-top) 0%,var(--kflow-ref-orange-bottom) 100%)!important;color:#fff!important;font-size:20px!important;line-height:24px!important;font-weight:600!important;box-shadow:0 8px 18px rgba(255,59,10,.20)!important;
}

/* 02 — Role choice. */
#onb2-step-role .k-flow-body{margin-top:54px!important}
#onb2-step-role .k-flow-role-grid{
  display:grid!important;grid-template-columns:repeat(2,150px)!important;gap:12px!important;justify-content:center!important;align-items:start!important;overflow:visible!important;
}
#onb2-step-role .k-flow-role-grid::before,
#onb2-step-role .k-flow-role-grid::after{content:none!important;display:none!important}
#onb2-step-role .k-flow-role-column{width:150px!important;min-width:0!important;display:grid!important;grid-template-rows:auto auto!important;gap:22px!important}
#onb2-step-role .k-flow-role-card{
  width:150px!important;height:220px!important;min-height:220px!important;padding:18px 10px!important;border:1px solid #e3e3e3!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--kflow-ref-shadow)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#0a0a0a!important;transform:none!important;
}
#onb2-step-role .k-flow-role-card:hover{border-color:rgba(255,59,10,.45)!important;transform:translateY(-2px)!important}
#onb2-step-role .k-flow-role-card:focus-visible{outline:4px solid var(--kflow-ref-focus)!important;outline-offset:2px!important}
#onb2-step-role .k-flow-role-icon{
  width:80px!important;height:80px!important;flex:0 0 80px!important;margin:0 0 17px!important;border:1.5px solid var(--kflow-ref-orange)!important;border-radius:50%!important;background:#fff!important;color:#111!important;display:grid!important;place-items:center!important;
}
#onb2-step-role .k-flow-role-icon svg{width:46px!important;height:46px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#onb2-step-role .k-flow-role-card b{font-size:22px!important;line-height:27px!important;font-weight:700!important}
#onb2-step-role .k-flow-role-card small{display:block!important;margin-top:7px!important;color:var(--kflow-ref-muted)!important;font-size:14px!important;line-height:20px!important;font-weight:400!important}
#onb2-step-role .k-flow-role-card-direction-wide{display:none!important}
/* 03 — Identity. */
#onb2-step-profile .k-flow-body{margin-top:28px!important}
#onb2-step-profile .onb2-compact-profile{display:grid!important;gap:0!important}
#onb2-step-profile .onb2-ref-profile-form{display:grid!important;gap:27px!important}
#onb2-step-profile .k-flow-field{display:grid!important;gap:10px!important;color:#0a0a0a!important;font-size:16px!important;line-height:22px!important;font-weight:500!important}
#onb2-step-profile .k-flow-field input{
  width:100%!important;height:60px!important;min-height:60px!important;padding:0 18px!important;border:1px solid var(--kflow-ref-border)!important;border-radius:12px!important;background:#fff!important;color:#0a0a0a!important;font-size:17px!important;line-height:24px!important;font-weight:400!important;outline:none!important;box-shadow:none!important;
}
#onb2-step-profile .k-flow-field input:hover{border-color:#bdbdbd!important}
#onb2-step-profile .k-flow-field input:focus{border-color:var(--kflow-ref-orange)!important;box-shadow:0 0 0 4px rgba(255,59,10,.14)!important}
#onb2-step-profile .k-flow-actions{width:100%!important;margin:30px auto 0!important;padding:0!important}
#onb2-step-profile .k-flow-primary,
#onb2-step-code .k-flow-primary{
  width:100%!important;height:60px!important;min-height:60px!important;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,var(--kflow-ref-orange-top),var(--kflow-ref-orange-bottom))!important;color:#fff!important;font-size:19px!important;line-height:24px!important;font-weight:600!important;box-shadow:none!important;
}
#onb2-step-profile .k-flow-primary:hover,
#onb2-step-code .k-flow-primary:hover{filter:brightness(1.03);box-shadow:0 8px 18px rgba(255,59,10,.20)!important}
#onb2-step-profile .k-flow-primary:focus-visible,
#onb2-step-code .k-flow-primary:focus-visible{outline:0!important;box-shadow:0 0 0 4px var(--kflow-ref-focus)!important}
#onb2-step-profile .k-flow-trust{display:flex!important;align-items:center!important;gap:12px!important;color:var(--kflow-ref-muted)!important;font-size:14px!important;line-height:20px!important;font-weight:400!important}
#onb2-step-profile .k-flow-trust svg{width:34px!important;height:34px!important;flex:0 0 34px!important;fill:none!important;stroke:#111!important;stroke-width:1.5!important}
#onb2-step-profile .k-flow-trust--mobile{margin-top:32px!important;justify-content:flex-start!important}
#onb2-step-profile .k-flow-trust--wide{display:none!important}

/* 04 — OTP. */
#onb2-step-code .k-flow-body{margin-top:72px!important}
#onb2-step-code .k-flow-form{gap:0!important}
#onb2-step-code .k-flow-otp{display:grid!important;justify-content:center!important;gap:10px!important;margin:0 auto!important}
#onb2-step-code .k-flow-otp--4{grid-template-columns:repeat(4,65px)!important}
#onb2-step-code .k-flow-otp--5{grid-template-columns:repeat(5,52px)!important}
#onb2-step-code .k-flow-otp--6{grid-template-columns:repeat(6,42px)!important}
#onb2-step-code .k-flow-otp-cell{
  width:100%!important;height:76px!important;min-width:0!important;padding:0!important;border:1px solid var(--kflow-ref-border)!important;border-radius:12px!important;background:#fff!important;color:#0a0a0a!important;text-align:center!important;font-size:32px!important;line-height:76px!important;font-weight:600!important;font-variant-numeric:tabular-nums!important;outline:none!important;box-shadow:none!important;
}
#onb2-step-code .k-flow-otp-cell:focus{border-color:var(--kflow-ref-orange)!important;box-shadow:0 0 0 3px rgba(255,59,10,.08)!important}
#onb2-step-code .k-flow-code-test{display:none!important}
#onb2-step-code .k-flow-actions{width:100%!important;margin:96px auto 0!important;padding:0!important}
#onb2-step-code .k-flow-code-meta{display:grid!important;justify-items:center!important;gap:8px!important;margin-top:20px!important}
#onb2-step-code .k-flow-code-meta button{min-height:34px!important;padding:0 6px!important;border:0!important;background:transparent!important;font-size:14px!important;line-height:20px!important;font-weight:400!important}
#onb2-step-code .k-flow-code-meta button:disabled{color:var(--kflow-ref-muted-2)!important}
#onb2-step-code .k-flow-link{color:var(--kflow-ref-orange)!important;text-decoration:underline!important;text-underline-offset:2px!important}

/* 320–479: phone is the original vertical scene. */
@media(max-width:479px){
  #onb2-step-welcome .onb2-welcome-card,
  #onb2-step-role .k-flow-onboarding-window,
  #onb2-step-profile .k-flow-onboarding-window,
  #onb2-step-code .k-flow-onboarding-window{min-width:0!important}
}
@media(max-width:359px){
  :root{--kflow-ref-content:calc(100vw - 40px)}
  #onb2-step-welcome .onb2-welcome-copy,
  #onb2-step-welcome .onb2-flow-actions,
  #onb2-step-role .k-flow-copy,#onb2-step-role .k-flow-body,
  #onb2-step-profile .k-flow-copy,#onb2-step-profile .k-flow-body,
  #onb2-step-code .k-flow-copy,#onb2-step-code .k-flow-body{max-width:calc(100% - 40px)!important}
  #onb2-step-role .k-flow-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #onb2-step-role .k-flow-role-column,#onb2-step-role .k-flow-role-card{width:100%!important}
  #onb2-step-role .k-flow-role-card{height:214px!important;min-height:214px!important}
  #onb2-step-code .k-flow-otp--4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* 480–767: large phone / small tablet — one column, no fake device card. */
@media(min-width:480px) and (max-width:767px){
  :root{--kflow-ref-content:min(100% - 56px,460px)}
  #onb2-step-welcome .onb2-welcome-copy h1{font-size:36px!important;line-height:42px!important}
  #onb2-step-role .k-flow-role-grid{grid-template-columns:repeat(2,180px)!important;gap:18px!important}
  #onb2-step-role .k-flow-role-column,#onb2-step-role .k-flow-role-card{width:180px!important}
  #onb2-step-role .k-flow-role-card{height:228px!important;min-height:228px!important}
}

/* 768–899 portrait tablet: calm central column, max 560. */
@media(min-width:768px) and (max-width:899px){
  #onb2-step-welcome .onb2-welcome-card,
  #onb2-step-role .k-flow-onboarding-window,
  #onb2-step-profile .k-flow-onboarding-window,
  #onb2-step-code .k-flow-onboarding-window{width:min(calc(100% - 80px),var(--kflow-ref-tablet))!important;margin:0 auto!important}
  #onb2-step-welcome .onb2-welcome-logo,
  #onb2-step-role .k-flow-logo,#onb2-step-profile .k-flow-logo,#onb2-step-code .k-flow-logo{width:188px!important;max-width:188px!important;max-height:44px!important}
  #onb2-step-welcome .k-flow-steps,#onb2-step-role .k-flow-steps,#onb2-step-profile .k-flow-steps,#onb2-step-code .k-flow-steps{width:320px!important;margin-top:30px!important}
  #onb2-step-welcome .k-flow-step__dot,#onb2-step-role .k-flow-step__dot,#onb2-step-profile .k-flow-step__dot,#onb2-step-code .k-flow-step__dot{width:30px!important;height:30px!important;flex-basis:30px!important}
  #onb2-step-welcome .k-flow-step:not(:last-child)::after,#onb2-step-role .k-flow-step:not(:last-child)::after,#onb2-step-profile .k-flow-step:not(:last-child)::after,#onb2-step-code .k-flow-step:not(:last-child)::after{min-width:32px!important;margin:0 11px!important}
  #onb2-step-welcome .onb2-welcome-copy,#onb2-step-welcome .onb2-flow-actions,
  #onb2-step-role .k-flow-copy,#onb2-step-role .k-flow-body,#onb2-step-profile .k-flow-copy,#onb2-step-profile .k-flow-body,#onb2-step-code .k-flow-copy,#onb2-step-code .k-flow-body{width:100%!important;max-width:var(--kflow-ref-tablet)!important}
  #onb2-step-welcome .onb2-welcome-copy h1{font-size:38px!important;line-height:44px!important}
  #onb2-step-role .k-flow-copy h1,#onb2-step-profile .k-flow-copy h1,#onb2-step-code .k-flow-copy h1{font-size:30px!important;line-height:37px!important}
  #onb2-step-role .k-flow-role-grid{grid-template-columns:repeat(2,220px)!important;gap:18px!important}
  #onb2-step-role .k-flow-role-column,#onb2-step-role .k-flow-role-card{width:220px!important}
  #onb2-step-role .k-flow-role-card{height:250px!important;min-height:250px!important}
  #onb2-step-role .k-flow-role-icon{width:88px!important;height:88px!important;flex-basis:88px!important}
  #onb2-step-profile .k-flow-body,#onb2-step-code .k-flow-body{max-width:460px!important}
  #onb2-step-profile .k-flow-field input{height:56px!important;min-height:56px!important}
  #onb2-step-profile .k-flow-primary,#onb2-step-code .k-flow-primary{height:58px!important;min-height:58px!important}
}

/* 900–1199 landscape tablet / small notebook: true two-column K-Flow. */
@media(min-width:900px){
  #onb2-overlay.k-onboarding{background:#fff!important}
  #onb2-step-welcome .onb2-welcome-card,
  #onb2-step-role .k-flow-onboarding-window,
  #onb2-step-profile .k-flow-onboarding-window,
  #onb2-step-code .k-flow-onboarding-window{
    width:min(calc(100% - 96px),var(--kflow-ref-desktop))!important;min-height:100dvh!important;margin:0 auto!important;
  }
  #onb2-step-role .k-flow-onboarding-window,
  #onb2-step-profile .k-flow-onboarding-window,
  #onb2-step-code .k-flow-onboarding-window{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,1fr)!important;grid-template-rows:auto auto minmax(0,1fr)!important;column-gap:clamp(48px,6vw,80px)!important;align-items:start!important;
  }
  #onb2-step-role .k-flow-header,#onb2-step-profile .k-flow-header,#onb2-step-code .k-flow-header{grid-column:1/-1!important;grid-row:1!important;padding:28px 0 0!important;min-height:74px!important;grid-template-columns:48px 1fr 48px!important}
  #onb2-step-role .k-flow-logo,#onb2-step-profile .k-flow-logo,#onb2-step-code .k-flow-logo{width:176px!important;max-width:176px!important;max-height:42px!important}
  #onb2-step-role .k-flow-back,#onb2-step-profile .k-flow-back,#onb2-step-code .k-flow-back{width:48px!important;height:48px!important}
  #onb2-step-role .k-flow-header-spacer,#onb2-step-profile .k-flow-header-spacer,#onb2-step-code .k-flow-header-spacer{width:48px!important;height:48px!important}
  #onb2-step-welcome .k-flow-steps,#onb2-step-role .k-flow-steps,#onb2-step-profile .k-flow-steps,#onb2-step-code .k-flow-steps{width:340px!important;margin:22px auto 0!important;grid-column:1/-1!important;grid-row:2!important}
  #onb2-step-welcome .k-flow-step__dot,#onb2-step-role .k-flow-step__dot,#onb2-step-profile .k-flow-step__dot,#onb2-step-code .k-flow-step__dot{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:14px!important}
  #onb2-step-welcome .k-flow-step:not(:last-child)::after,#onb2-step-role .k-flow-step:not(:last-child)::after,#onb2-step-profile .k-flow-step:not(:last-child)::after,#onb2-step-code .k-flow-step:not(:last-child)::after{min-width:34px!important;margin:0 11px!important}
  #onb2-step-role .k-flow-copy,#onb2-step-profile .k-flow-copy,#onb2-step-code .k-flow-copy{grid-column:1!important;grid-row:3!important;width:100%!important;max-width:none!important;margin:0!important;align-self:center!important;padding-left:0!important}
  #onb2-step-role .k-flow-body,#onb2-step-profile .k-flow-body,#onb2-step-code .k-flow-body{grid-column:2!important;grid-row:3!important;width:100%!important;max-width:var(--kflow-ref-form)!important;margin:0!important;align-self:center!important;justify-self:end!important}
  #onb2-step-role .k-flow-copy h1,#onb2-step-profile .k-flow-copy h1,#onb2-step-code .k-flow-copy h1{font-size:30px!important;line-height:37px!important}
  #onb2-step-role .k-flow-copy p,#onb2-step-profile .k-flow-copy p,#onb2-step-code .k-flow-copy p{font-size:17px!important;line-height:26px!important;max-width:360px!important}

  /* Welcome is also a wide composition, not a centered phone. */
  #onb2-step-welcome .onb2-welcome-card{
    display:grid!important;grid-template-columns:minmax(320px,.42fr) minmax(0,.58fr)!important;grid-template-rows:auto auto minmax(0,1fr)!important;column-gap:48px!important;
  }
  #onb2-step-welcome .onb2-flow-brand{grid-column:1/-1!important;grid-row:1!important;min-height:74px!important;padding:28px 0 0!important;justify-content:center!important}
  #onb2-step-welcome .onb2-welcome-logo{width:176px!important;max-width:176px!important;max-height:42px!important}
  #onb2-step-welcome .k-flow-steps{grid-column:1/-1!important;grid-row:2!important}
  #onb2-step-welcome .onb2-welcome-copy{grid-column:1!important;grid-row:3!important;width:100%!important;max-width:390px!important;margin:0!important;align-self:start!important;padding-top:clamp(64px,9vh,104px)!important}
  #onb2-step-welcome .onb2-welcome-copy h1{font-size:38px!important;line-height:44px!important;max-width:360px!important}
  #onb2-step-welcome .onb2-welcome-copy p{font-size:18px!important;line-height:27px!important;max-width:300px!important}
  #onb2-step-welcome .onb2-flow-actions{grid-column:1!important;grid-row:3!important;width:100%!important;max-width:340px!important;margin:0!important;align-self:end!important;justify-self:start!important;padding-bottom:clamp(54px,9vh,92px)!important}
  #onb2-step-welcome .onb2-welcome-next{height:58px!important;min-height:58px!important;font-size:19px!important;border-radius:14px!important}
  #onb2-step-welcome .onb2-welcome-card::before{background-position:center center!important;background-size:cover!important}
  #onb2-step-welcome .onb2-welcome-card::after{background:linear-gradient(90deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.12) 40%,rgba(255,255,255,.02) 64%,rgba(255,255,255,0) 100%)!important}

  /* Role cards on the right; wide direction is inside each card. */
  #onb2-step-role .k-flow-body{max-width:520px!important}
  #onb2-step-role .k-flow-role-grid{grid-template-columns:repeat(2,minmax(210px,230px))!important;gap:20px!important;justify-content:end!important}
  #onb2-step-role .k-flow-role-column{width:auto!important;display:block!important}
  #onb2-step-role .k-flow-role-card{width:100%!important;height:260px!important;min-height:260px!important;padding:20px 16px 18px!important;justify-content:flex-start!important}
  #onb2-step-role .k-flow-role-icon{width:88px!important;height:88px!important;flex-basis:88px!important;margin-bottom:18px!important}
  #onb2-step-role .k-flow-role-card b{font-size:22px!important;line-height:28px!important}
  #onb2-step-role .k-flow-role-card small{font-size:15px!important;line-height:21px!important}
  #onb2-step-role .k-flow-role-card-direction-wide{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;margin-top:auto!important;border:1px solid var(--kflow-ref-orange)!important;border-radius:11px!important;color:var(--kflow-ref-orange)!important;background:#fff!important}
  #onb2-step-role .k-flow-role-card-direction-wide svg{width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}

  /* Profile: copy/privacy left, form right. */
  #onb2-step-profile .k-flow-trust--mobile{display:none!important}
  #onb2-step-profile .k-flow-trust--wide{display:flex!important;margin-top:64px!important;justify-content:flex-start!important}
  #onb2-step-profile .k-flow-field input{height:56px!important;min-height:56px!important}
  #onb2-step-profile .k-flow-primary,#onb2-step-code .k-flow-primary{height:58px!important;min-height:58px!important}

  /* OTP: compact right side. */
  #onb2-step-code .k-flow-body{max-width:460px!important}
  #onb2-step-code .k-flow-otp{justify-content:start!important}
  #onb2-step-code .k-flow-otp--4{grid-template-columns:repeat(4,65px)!important}
  #onb2-step-code .k-flow-actions{margin-top:26px!important}
  #onb2-step-code .k-flow-code-meta{margin-top:16px!important}
}

/* Desktop 1200–1599: max 1180. Optional calm form panel only here and above. */
@media(min-width:1200px){
  #onb2-step-welcome .onb2-welcome-card,
  #onb2-step-role .k-flow-onboarding-window,
  #onb2-step-profile .k-flow-onboarding-window,
  #onb2-step-code .k-flow-onboarding-window{width:min(calc(100% - 96px),var(--kflow-ref-desktop))!important}
  #onb2-step-welcome .onb2-welcome-copy h1{font-size:40px!important;line-height:46px!important}
  #onb2-step-role .k-flow-copy h1,#onb2-step-profile .k-flow-copy h1,#onb2-step-code .k-flow-copy h1{font-size:32px!important;line-height:39px!important}
  #onb2-step-profile .k-flow-body,#onb2-step-code .k-flow-body{padding:28px!important;border:1px solid var(--kflow-ref-border-soft)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 36px rgba(0,0,0,.07)!important}
}

@media(min-width:1600px){
  #onb2-step-welcome .onb2-welcome-card,
  #onb2-step-role .k-flow-onboarding-window,
  #onb2-step-profile .k-flow-onboarding-window,
  #onb2-step-code .k-flow-onboarding-window{width:min(calc(100% - 128px),var(--kflow-ref-wide))!important}
  #onb2-step-welcome .onb2-welcome-card{grid-template-columns:minmax(360px,.40fr) minmax(0,.60fr)!important;column-gap:64px!important}
}

/* Short mobile heights: scroll rather than shrinking controls below spec. */
@media(max-width:899px) and (max-height:700px){
  #onb2-step-welcome .onb2-welcome-card,
  #onb2-step-role .k-flow-onboarding-window,
  #onb2-step-profile .k-flow-onboarding-window,
  #onb2-step-code .k-flow-onboarding-window{overflow-y:auto!important;min-height:700px!important}
  #onb2-step-welcome .onb2-welcome-copy{margin-top:30px!important}
  #onb2-step-role .k-flow-copy,#onb2-step-profile .k-flow-copy,#onb2-step-code .k-flow-copy{margin-top:28px!important}
  #onb2-step-role .k-flow-body{margin-top:30px!important}
  #onb2-step-code .k-flow-body{margin-top:44px!important}
  #onb2-step-code .k-flow-actions{margin-top:48px!important}
}

@media(prefers-reduced-motion:reduce){
  #onb2-overlay .k-flow-onboarding-window,#onb2-overlay .onb2-welcome-card{animation-duration:1ms!important;transition:none!important}
}


/* ===== SOURCE: css/next/error_403_background.css ===== */
[data-kareta-403]{
  position:relative;
  min-height:100dvh;
  overflow:hidden;
  background-color:#f7f5f2;
  isolation:isolate;
}
[data-kareta-403]::before{
  position:absolute;
  z-index:-2;
  inset:0;
  content:"";
  background-image:var(--k-403-background-image,none);
  background-position:var(--k-403-background-position,center center);
  background-repeat:no-repeat;
  background-size:var(--k-403-background-fit,cover);
}
[data-kareta-403]::after{
  position:absolute;
  z-index:-1;
  inset:0;
  content:"";
  background:linear-gradient(90deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.58) 42%,rgba(255,255,255,.12) 72%);
  pointer-events:none;
}


/* ===== SOURCE: css/next/kflow_primary_pages.css ===== */
/* K-Flow primary pages — home and the first five client sections.
   This final page layer intentionally contains no selector for the mobile bottom navigation. */
:root{
  --k-flow-brand:#FC6505;
  --k-flow-brand-hover:#E95700;
  --k-flow-brand-soft:#FFF1E8;
  --k-flow-ink:#15171A;
  --k-flow-copy:#5E6269;
  --k-flow-muted:#858A92;
  --k-flow-canvas:#F7F7F8;
  --k-flow-surface:#FFFFFF;
  --k-flow-line:#DDE0E5;
  --k-flow-line-soft:#ECEDEF;
  --k-flow-success:#168A45;
  --k-flow-danger:#D92D20;
  --k-flow-radius-sm:12px;
  --k-flow-radius:16px;
  --k-flow-radius-lg:20px;
  --k-flow-field-h:48px;
  --k-flow-action-h:50px;
  --k-flow-target:44px;
  --k-flow-shadow:0 8px 24px rgba(20,24,32,.07);
  --k-flow-shadow-hover:0 12px 30px rgba(20,24,32,.10);
  --k-flow-content-max:1600px;
  --k-flow-rail-w:320px;
  --k-flow-ease:cubic-bezier(.22,1,.36,1);
}

.k-flow-primary-page,
#k-page-outlet>[data-page="services"],
.k-smart-action-hub{
  color:var(--k-flow-ink);
  font-family:"Manrope",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
}

.k-flow-primary-page *,
#k-page-outlet>[data-page="services"] *,
.k-smart-action-hub *{box-sizing:border-box}

.k-flow-primary-page :is(input,textarea,select,button),
#k-page-outlet>[data-page="services"] :is(input,textarea,select,button),
.k-smart-action-hub button{font:inherit}

.k-flow-primary-page :is(input:not([type="checkbox"]):not([type="radio"]),select),
#k-page-outlet>[data-page="services"] :is(input:not([type="checkbox"]):not([type="radio"]),select){
  min-height:var(--k-flow-field-h);
  max-height:var(--k-flow-field-h);
  border-color:var(--k-flow-line);
  border-radius:14px;
  font-size:14px;
}

.k-flow-primary-page textarea,
#k-page-outlet>[data-page="services"] textarea{
  min-height:96px;
  border:1px solid var(--k-flow-line);
  border-radius:14px;
  padding:12px 14px;
  font-size:14px;
  resize:vertical;
}

.k-flow-primary-page :is(input,textarea,select):focus,
#k-page-outlet>[data-page="services"] :is(input,textarea,select):focus{
  border-color:var(--k-flow-brand)!important;
  outline:0;
  box-shadow:0 0 0 3px rgba(252,101,5,.12)!important;
}

.k-flow-primary-page .k-btn,
#k-page-outlet>[data-page="services"] .k-btn{
  min-height:var(--k-flow-target);
  max-height:var(--k-flow-action-h);
  border-radius:14px;
  font-size:13px;
  font-weight:700;
}

.k-flow-primary-page .k-btn-primary,
#k-page-outlet>[data-page="services"] .k-btn-primary{
  border-color:var(--k-flow-brand);
  background:var(--k-flow-brand);
  box-shadow:none;
}

.k-flow-primary-page .k-btn-primary:hover,
#k-page-outlet>[data-page="services"] .k-btn-primary:hover{background:var(--k-flow-brand-hover)}

.k-flow-primary-page :is(a,button,input,textarea,select):focus-visible,
#k-page-outlet>[data-page="services"] :is(a,button,input,textarea,select):focus-visible,
.k-smart-action-hub button:focus-visible{
  outline:3px solid rgba(252,101,5,.24);
  outline-offset:2px;
}

.k-flow-home-layout,
.k-flow-services-layout,
.k-flow-community-layout,
.k-flow-masters-layout,
.k-flow-parts-layout{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,var(--k-flow-rail-w));
  gap:20px;
  align-items:start;
}

.k-flow-home-main,
.k-flow-community-main,
.k-flow-masters-main,
.k-flow-parts-main,
[data-services-shell]{min-width:0;display:grid;gap:16px}

.k-flow-context-rail{
  position:sticky;
  top:calc(var(--k-shell-h,78px) + 18px);
  display:grid;
  gap:12px;
  min-width:0;
  padding:18px;
  border:1px solid var(--k-flow-line);
  border-radius:var(--k-flow-radius-lg);
  background:var(--k-flow-surface);
  box-shadow:var(--k-flow-shadow);
}

.k-flow-context-rail h2{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.k-flow-context-rail>p{margin:-4px 0 2px;color:var(--k-flow-copy);font-size:12px;line-height:1.55}
.k-flow-rail-kicker{color:var(--k-flow-brand);font-size:10px;font-weight:800;letter-spacing:.12em}
.k-flow-rail-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 22px;
  gap:2px 8px;
  min-height:68px;
  padding:12px;
  border:1px solid var(--k-flow-line-soft);
  border-radius:14px;
  background:#FAFAFB;
  color:var(--k-flow-ink);
  text-decoration:none;
}
.k-flow-rail-card:hover{border-color:rgba(252,101,5,.42);background:var(--k-flow-brand-soft)}
.k-flow-rail-card b{font-size:13px;line-height:18px}
.k-flow-rail-card small{grid-column:1;color:var(--k-flow-copy);font-size:11px;line-height:16px}
.k-flow-rail-card i{grid-column:2;grid-row:1/3;align-self:center;color:var(--k-flow-brand);font-size:20px;font-style:normal;text-align:center}
.k-flow-rail-action{width:100%;justify-content:center;margin-top:2px;text-decoration:none}
.k-flow-rail-link{min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--k-flow-brand);font-size:12px;font-weight:700;text-decoration:none;text-align:center}

.k-flow-rail-steps{list-style:none;display:grid;gap:8px;margin:2px 0;padding:0}
.k-flow-rail-steps li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;color:var(--k-flow-copy)}
.k-flow-rail-steps span{width:28px;height:28px;border:1px solid var(--k-flow-line);border-radius:50%;display:grid;place-items:center;background:#F1F2F4;color:var(--k-flow-ink);font-size:11px;font-weight:800}
.k-flow-rail-steps b{font-size:12px;font-weight:650}
.k-flow-rail-steps .is-active{color:var(--k-flow-ink)}
.k-flow-rail-steps .is-active span{border-color:var(--k-flow-brand);background:var(--k-flow-brand);color:#fff}

/* Screen 1 — Home. */
.k-home-simple.k-flow-primary-page{width:min(100%,var(--k-flow-content-max));max-width:var(--k-flow-content-max)!important;margin-inline:auto;gap:16px}
.k-home-simple.k-flow-primary-page .k-home-simple-hero{
  min-height:0;
  padding:clamp(22px,3vw,36px);
  border:1px solid var(--k-flow-line);
  border-radius:var(--k-flow-radius-lg);
  background:linear-gradient(135deg,#FFFFFF 0%,#FFF7F1 100%);
  box-shadow:none;
}
.k-home-simple.k-flow-primary-page .k-home-simple-hero h1{max-width:820px;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.04em}
.k-home-simple.k-flow-primary-page .k-home-simple-hero>p{max-width:680px;margin:10px 0 0;color:var(--k-flow-copy);font-size:14px}
.k-home-simple.k-flow-primary-page .k-home-ai-search{max-width:760px;margin-top:20px}
.k-home-simple.k-flow-primary-page .k-home-ai-search__controls{gap:10px}
.k-home-simple.k-flow-primary-page .k-home-ai-search__input{height:50px;max-height:50px;padding-inline:16px;border:1px solid var(--k-flow-line);border-radius:14px;background:#fff}
.k-home-simple.k-flow-primary-page .k-home-ai-search__button{height:50px;min-height:50px;padding-inline:22px}

.k-flow-home-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.k-flow-home-quick>a{
  min-height:104px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:4px 10px;
  align-content:center;
  padding:14px;
  border:1px solid var(--k-flow-line);
  border-radius:var(--k-flow-radius);
  background:#fff;
  color:var(--k-flow-ink);
  text-decoration:none;
  transition:transform 180ms var(--k-flow-ease),border-color 180ms ease,box-shadow 180ms ease;
}
.k-flow-home-quick>a:hover{transform:translateY(-2px);border-color:rgba(252,101,5,.42);box-shadow:var(--k-flow-shadow)}
.k-flow-home-quick span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(252,101,5,.28);border-radius:50%;background:var(--k-flow-brand-soft);color:var(--k-flow-brand);font-size:10px;font-weight:800}
.k-flow-home-quick b{align-self:end;font-size:13px;line-height:18px}
.k-flow-home-quick small{color:var(--k-flow-copy);font-size:10px;line-height:15px}

.k-flow-home-main>:is(section,div){min-width:0}
.k-flow-home-main :is(.k-home-problem-slider,.k-home-service-categories,.k-home-services-drilldown,.k-home-content-slider){
  margin:0;
  border:1px solid var(--k-flow-line-soft);
  border-radius:var(--k-flow-radius-lg);
  box-shadow:none;
}

/* Screen 2 — Services. */
#k-page-outlet>[data-page="services"]{width:min(100%,var(--k-flow-content-max))!important;max-width:var(--k-flow-content-max)!important;margin-inline:auto!important}
#k-page-outlet>[data-page="services"]>.k-workspace-head{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--k-flow-line)}
#k-page-outlet>[data-page="services"] .k-workspace-head__copy>small{color:var(--k-flow-brand)}
#k-page-outlet>[data-page="services"] .k-catalog-toolbar{margin:0;padding:8px;border:1px solid var(--k-flow-line);border-radius:var(--k-flow-radius);box-shadow:none}
#k-page-outlet>[data-page="services"] .k-services-root-categories,
#k-page-outlet>[data-page="services"] .k-services-catalog-outlet{min-width:0}
#k-page-outlet>[data-page="services"] :is(.k-drill-tile,.k-service-card,.k-catalog-card){border-color:var(--k-flow-line);border-radius:var(--k-flow-radius);box-shadow:none}
#k-page-outlet>[data-page="services"] :is(.k-drill-tile,.k-service-card,.k-catalog-card):hover{border-color:rgba(252,101,5,.42);box-shadow:var(--k-flow-shadow-hover)}

/* Screen 3 — Community. */
.k-community-page.k-flow-primary-page{width:min(100%,var(--k-flow-content-max));max-width:var(--k-flow-content-max);margin-inline:auto;padding:0 0 110px}
.k-community-page.k-flow-primary-page .k-community-head{margin:0;padding:0 0 16px;border-bottom:1px solid var(--k-flow-line)}
.k-community-page.k-flow-primary-page .k-community-head h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em}
.k-community-page.k-flow-primary-page .k-community-head p{max-width:760px;margin-top:6px;font-size:13px}
.k-flow-community-layout{grid-template-columns:minmax(0,760px) minmax(280px,360px);justify-content:center}
.k-community-page.k-flow-primary-page :is(.k-community-native-section,.k-community-groups,.k-community-feed-tools){margin:0;border-radius:var(--k-flow-radius-lg);box-shadow:none}
.k-community-page.k-flow-primary-page .k-community-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible;padding:0}
.k-community-page.k-flow-primary-page .k-community-categories button{min-width:0;min-height:108px;padding:10px 6px;border:1px solid var(--k-flow-line-soft);border-radius:var(--k-flow-radius);background:#fff}
.k-community-page.k-flow-primary-page .k-community-categories button.is-active{border-color:rgba(252,101,5,.48);background:var(--k-flow-brand-soft)}
.k-community-page.k-flow-primary-page .k-community-category-ring{width:48px;height:48px;border-width:1.5px}
.k-community-page.k-flow-primary-page .k-community-feed{grid-template-columns:1fr!important;gap:14px}
.k-community-page.k-flow-primary-page .k-community-card{width:100%;border-color:var(--k-flow-line);border-radius:var(--k-flow-radius-lg);box-shadow:none}
.k-community-page.k-flow-primary-page .k-community-media{aspect-ratio:16/9;max-height:480px}
.k-community-page.k-flow-primary-page .k-community-body h2{font-size:19px}

/* Screen 4 — Masters. */
.k-masters-page.k-flow-primary-page{width:min(100%,var(--k-flow-content-max))!important;max-width:var(--k-flow-content-max)!important;margin-inline:auto!important;padding:0 0 110px!important}
.k-masters-page.k-flow-primary-page .k-r84-workspace-head{margin:0;padding:0 0 16px;border-bottom:1px solid var(--k-flow-line);background:transparent}
.k-masters-page.k-flow-primary-page .k-masters-toolbar{margin:0;padding:8px;border:1px solid var(--k-flow-line);border-radius:var(--k-flow-radius);box-shadow:none}
.k-masters-page.k-flow-primary-page .k-masters-metrics>div{padding:14px 16px;border-color:var(--k-flow-line);border-radius:var(--k-flow-radius);box-shadow:none}
.k-masters-page.k-flow-primary-page .k-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
.k-masters-page.k-flow-primary-page .k-provider-card{padding:16px;border-color:var(--k-flow-line);border-radius:var(--k-flow-radius);box-shadow:none}
.k-masters-page.k-flow-primary-page .k-provider-card:hover{transform:translateY(-1px);border-color:rgba(252,101,5,.42);box-shadow:var(--k-flow-shadow-hover)}
.k-flow-map-preview{position:relative;min-height:210px;overflow:hidden;border:1px solid var(--k-flow-line-soft);border-radius:var(--k-flow-radius);background-color:#F4F4F2;background-image:linear-gradient(35deg,transparent 47%,#E2E3DF 48%,#E2E3DF 50%,transparent 51%),linear-gradient(120deg,transparent 46%,#E7E8E4 47%,#E7E8E4 50%,transparent 51%);background-size:64px 64px,88px 88px}
.k-flow-map-preview i{position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;border:4px solid #fff;border-radius:50% 50% 50% 0;background:var(--k-flow-brand);box-shadow:0 5px 12px rgba(20,24,32,.18);transform:translate(-50%,-100%) rotate(-45deg)}
.k-flow-map-preview span{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--k-flow-copy);font-size:10px;font-weight:700}

/* Screen 5 — Parts. */
.k-parts-native-page.k-flow-primary-page{width:min(100%,var(--k-flow-content-max));max-width:var(--k-flow-content-max);margin-inline:auto;padding:0 0 110px!important;gap:16px}
.k-parts-native-page.k-flow-primary-page .k-parts-native-hero{padding:22px;border:1px solid var(--k-flow-line);border-radius:var(--k-flow-radius-lg);background:linear-gradient(135deg,#fff,#FFF7F1);box-shadow:none}
.k-parts-native-page.k-flow-primary-page .k-parts-native-toolbar{margin:0;padding:8px;border:1px solid var(--k-flow-line);border-radius:var(--k-flow-radius);box-shadow:none}
.k-flow-parts-main>:is(section,div){min-width:0}
.k-parts-native-page.k-flow-primary-page :is(.k-parts-native-utility>button,.k-parts-native-types button,.k-parts-native-categories button,.k-parts-native-card){border-color:var(--k-flow-line);border-radius:var(--k-flow-radius);box-shadow:none}
.k-parts-native-page.k-flow-primary-page .k-parts-native-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.k-flow-cart-open{width:100%;min-height:52px;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--k-flow-line);border-radius:14px;background:var(--k-flow-brand-soft);color:var(--k-flow-ink);cursor:pointer;text-align:left}
.k-flow-cart-open span{display:grid;place-items:center;color:var(--k-flow-brand)}
.k-flow-cart-open svg{width:20px;height:20px}
.k-flow-cart-open b{font-size:12px}
.k-flow-cart-open i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--k-flow-brand);color:#fff;font-size:10px;font-style:normal;font-weight:800}

/* Screen 6 — More is owned exclusively by smart_action_hub.css V1.2. */

@media(max-width:1199px){
  .k-flow-home-layout,.k-flow-services-layout,.k-flow-masters-layout,.k-flow-parts-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px}
  .k-flow-community-layout{grid-template-columns:minmax(0,1fr) 280px}
  .k-parts-native-page.k-flow-primary-page .k-parts-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .k-flow-home-layout,.k-flow-services-layout,.k-flow-community-layout,.k-flow-masters-layout,.k-flow-parts-layout{grid-template-columns:1fr}
  .k-flow-context-rail{position:static;order:2}
  .k-flow-community-layout{justify-content:stretch}
  .k-masters-page.k-flow-primary-page .k-provider-grid{grid-template-columns:1fr!important}
  .k-community-page.k-flow-primary-page .k-community-feed{grid-template-columns:1fr!important}
}

@media(max-width:700px){
  .k-flow-primary-page,#k-page-outlet>[data-page="services"]{font-size:13px}
  .k-home-simple.k-flow-primary-page,.k-community-page.k-flow-primary-page,.k-masters-page.k-flow-primary-page,.k-parts-native-page.k-flow-primary-page{padding-left:0!important;padding-right:0!important}
  .k-home-simple.k-flow-primary-page .k-home-simple-hero,.k-parts-native-page.k-flow-primary-page .k-parts-native-hero{padding:18px 16px;border-radius:18px}
  .k-home-simple.k-flow-primary-page .k-home-simple-hero h1{font-size:30px}
  .k-home-simple.k-flow-primary-page .k-home-ai-search__controls{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .k-home-simple.k-flow-primary-page .k-home-ai-search__button{padding-inline:15px}
  .k-flow-home-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .k-flow-home-quick>a{min-height:92px;padding:11px}
  .k-flow-context-rail{padding:15px;border-radius:18px;box-shadow:none}
  #k-page-outlet>[data-page="services"]>.k-workspace-head{padding-inline:2px}
  #k-page-outlet>[data-page="services"] .k-catalog-toolbar{grid-template-columns:minmax(0,1fr) 44px auto}
  .k-community-page.k-flow-primary-page .k-community-head{padding-inline:2px}
  .k-community-page.k-flow-primary-page .k-community-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .k-community-page.k-flow-primary-page .k-community-categories button{min-height:96px}
  .k-community-page.k-flow-primary-page .k-community-card{border-radius:16px}
  .k-community-page.k-flow-primary-page .k-community-media{aspect-ratio:4/3}
  .k-masters-page.k-flow-primary-page .k-r84-workspace-head{padding-inline:2px}
  .k-parts-native-page.k-flow-primary-page .k-parts-native-grid{grid-template-columns:1fr}
}

@media(max-width:390px){
  .k-flow-home-quick>a{grid-template-columns:30px minmax(0,1fr)}
  .k-flow-home-quick span{width:30px;height:30px}
}

@media(prefers-reduced-motion:reduce){
  .k-flow-primary-page *,#k-page-outlet>[data-page="services"] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* R188.5.5.6.84.53 — Primary page width normalization. */
.k-masters-page.k-flow-primary-page{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  min-width:0!important;
  box-sizing:border-box!important;
}


/* ===== SOURCE: css/next/client_surface_layout.css ===== */
/* R84.16 — CLIENT page-surface ownership.
   The shared outlet is edge-to-edge only for CLIENT. Each CLIENT page owns its own gutters.
   MASTER/STO/SELLER/ADMIN are intentionally untouched. */
html[data-user-role="client"] {
  --k-client-page-gutter: clamp(12px, 3.8vw, 24px);
}

html[data-user-role="client"] #k-page-outlet {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
  overflow-x: clip;
}

/* Pages that historically borrowed horizontal spacing from #k-page-outlet.
   Home, Request and Community V2 are excluded because they own their exact K-Flow geometry. */
html[data-user-role="client"] #k-page-outlet > :is(
  .k-page-shell--workspace,
  .k-masters-page.k-flow-primary-page,
  .k-parts-native-page.k-flow-primary-page,
  .k-work-feed-page,
  .k-client-orders-native,
  .k-client-cabinet,
  .k-client-cabinet-page,
  .k-chats-page,
  .k-notifications-page,
  .k-detail-page,
  .k-profile-page
) {
  box-sizing: border-box;
  padding-left: var(--k-client-page-gutter) !important;
  padding-right: var(--k-client-page-gutter) !important;
  scroll-padding-inline: var(--k-client-page-gutter);
  margin-bottom: 43px !important;
}

@media (max-width: 359px) {
  html[data-user-role="client"] { --k-client-page-gutter: 12px; }
}

@media (min-width: 600px) {
  html[data-user-role="client"] { --k-client-page-gutter: clamp(20px, 3vw, 32px); }
}

@media (min-width: 1200px) {
  html[data-user-role="client"] { --k-client-page-gutter: 32px; }
}


/* ===== SOURCE: css/next/reference_client_pages.css ===== */
/* R188.5.5.6.84.35 — KARETA reference visual system for Client Home / Services / Community.
   Scope is intentionally isolated from Master/STO/Seller/Admin surfaces. */
:root{
  --k-ref-orange:#ff3b0a;
  --k-ref-orange-hover:#eb3307;
  --k-ref-text:#111111;
  --k-ref-muted:#6d6d6d;
  --k-ref-border:#e3e3e3;
  --k-ref-soft:#f5f5f5;
  --k-ref-radius:11px;
  --k-ref-field-h:48px;
}
.k-header-notifications{
  width:44px;height:44px;display:none;align-items:center;justify-content:center;
  border:0;border-radius:12px;background:transparent;color:#3b3b3b;text-decoration:none;
}
.k-header-notifications svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Home visual correction */
.k-home-reference{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
}
.k-home-reference .k-home-ref-heading h1{font-weight:750!important;letter-spacing:-.035em!important}
.k-home-reference .k-home-ref-search__box{
  height:48px!important;border-radius:10px!important;padding:0 13px!important;border-color:var(--k-ref-border)!important;
}
.k-home-reference .k-home-ref-search__input{font-size:14px!important}
.k-home-reference .k-home-ref-search__box>svg{width:21px!important;height:21px!important}
.k-home-reference .k-home-ref-hero{
  min-height:194px!important;padding:14px 14px 12px!important;border-radius:12px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.025)!important;
  background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 34%,rgba(255,255,255,.40) 54%,rgba(255,255,255,.04) 74%),url("/media/kareta_create_request_vehicle_background_r188_5_5_6_84_31.png")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center bottom!important;
  background-color:#fff!important;
}
.k-home-reference .k-home-ref-hero__copy{width:58%!important;gap:9px!important}
.k-home-reference .k-home-ref-steps{gap:7px!important}
.k-home-reference .k-home-ref-steps span{width:25px!important;height:25px!important;font-size:12px!important;font-weight:700!important}
.k-home-reference .k-home-ref-steps i{width:15px!important;height:1px!important}
.k-home-reference .k-home-ref-hero h2{font-size:20px!important;line-height:1.18!important;font-weight:750!important}
.k-home-reference .k-home-ref-hero p{font-size:13px!important;line-height:1.35!important;color:#303030!important}
.k-home-reference .k-home-ref-cta{
  width:158px!important;height:40px!important;min-width:0!important;max-width:100%!important;
  border-radius:8px!important;font-size:14px!important;font-weight:650!important;box-shadow:none!important;
}
.k-home-reference .k-home-ref-hero-art{inset:32px -2px -2px 46%!important;opacity:0!important;pointer-events:none!important}
.k-home-reference .k-home-ref-hero-art picture img{object-fit:contain!important;object-position:right bottom!important;filter:none!important}
.k-home-reference .k-home-ref-hero-art::before{display:none!important}
.k-home-reference .k-home-ref-hero-art::after{display:none!important}
/* The nested picture remains as a preload/diagnostic fallback; the approved artwork is rendered by the hero background. */
.k-home-reference .k-home-ref-actions{gap:8px!important}
.k-home-reference .k-home-ref-action{
  min-height:58px!important;padding:9px 12px!important;border-radius:10px!important;gap:10px!important;box-shadow:none!important;
}
.k-home-reference .k-home-ref-action__icon{width:32px!important;height:32px!important}
.k-home-reference .k-home-ref-action__icon svg{width:29px!important;height:29px!important}
.k-home-reference .k-home-ref-action b{font-size:13px!important;font-weight:550!important}
.k-home-reference .k-home-ref-section{gap:8px!important}
.k-home-reference .k-home-ref-section__head h2{font-size:16px!important;font-weight:700!important}
.k-home-reference .k-home-ref-section__head a{font-size:12px!important;color:var(--k-ref-orange)!important}
.k-home-reference .k-home-ref-place{border-radius:10px!important;box-shadow:none!important;padding:7px!important;gap:8px!important}
.k-home-reference .k-home-ref-place__thumb{border-radius:8px!important}
.k-home-reference .k-home-ref-chip{border-radius:10px!important;box-shadow:none!important}

/* Services reference — unified navigation/search/cards */
[data-page="services"].k-page-shell--workspace{
  width:min(100%,1040px);margin-inline:auto;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
}
[data-page="services"]>.k-workspace-head{padding:0 0 12px!important;border:0!important}
[data-page="services"]>.k-workspace-head small,[data-page="services"]>.k-workspace-head p{display:none!important}
[data-page="services"]>.k-workspace-head h1{margin:0;font-size:30px;line-height:1.08;letter-spacing:-.035em;font-weight:750;color:var(--k-ref-text)}
.k-services-reference-layout{width:min(100%,980px);margin-inline:auto}
.k-services-reference-shell{display:grid;gap:12px;min-width:0}
.k-services-reference-composer{max-width:none!important;margin:0!important;box-shadow:none!important}
.k-services-reference-composer input{
  width:100%;min-width:0;height:34px;border:0;outline:0;background:transparent;color:var(--k-ref-text);
  font:inherit;font-size:14px;line-height:1.2;padding:0;
}
.k-services-reference-composer input::placeholder{color:#858585}
.k-services-reference-composer__icon{color:#5f5f5f}
.k-services-reference-composer__submit{
  width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#5f5f5f;cursor:pointer;padding:0;
}
.k-services-reference-composer__submit:hover,.k-services-reference-composer__submit:focus-visible{background:#f3f3f3;color:var(--k-ref-orange)}
.k-services-reference-composer:focus-within{border-color:#bdbdbd;box-shadow:0 0 0 3px rgba(255,59,10,.07)!important}
.k-services-root-categories{display:grid;gap:12px}
.k-services-root-categories[hidden]{display:none!important}
.k-services-ref-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}
.k-services-ref-tabs a{
  min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--k-ref-border);border-radius:10px;background:#fff;
  color:#222;text-decoration:none;font-size:12px;font-weight:600;padding:0 8px;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.k-services-ref-tabs a:hover{border-color:#c9c9c9;background:#fafafa}
.k-services-ref-tabs a.is-active{background:var(--k-ref-orange);border-color:var(--k-ref-orange);color:#fff}
.k-services-ref-tabs a.is-active:hover{background:var(--k-ref-orange-hover);border-color:var(--k-ref-orange-hover)}
.k-services-ref-section-head,.k-services-ref-results-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:2px;
}
.k-services-ref-section-head h2,.k-services-ref-results-head h2,.k-services-ref-navigator-head h2{margin:0;color:var(--k-ref-text);font-size:18px;line-height:1.2;font-weight:720}
.k-services-ref-section-head p,.k-services-ref-results-head p,.k-services-ref-navigator-head p{margin:3px 0 0;color:var(--k-ref-muted);font-size:12px;line-height:1.35}
.k-services-ref-section-head>span,.k-services-ref-results-head>span{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:999px;background:#f3f3f3;color:#5f5f5f;font-size:11px;font-weight:650;
}
.k-services-ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.k-services-ref-card{
  min-width:0;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  border:1px solid var(--k-ref-border);border-radius:11px;background:#fff;color:var(--k-ref-text);text-decoration:none;padding:14px 10px;
  box-shadow:none;transition:border-color .16s ease,background .16s ease;
}
.k-services-ref-card:hover{border-color:rgba(255,59,10,.42);background:#fffdfc}
.k-services-ref-card__icon{width:46px;height:46px;display:grid;place-items:center;color:var(--k-ref-orange);margin-bottom:8px}
.k-services-ref-card__icon svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.k-services-ref-card>b{font-size:16px;line-height:1.2;font-weight:720}
.k-services-ref-card>small{max-width:210px;margin-top:4px;color:#606060;font-size:11.5px;line-height:1.3}
.k-services-ref-card__count{margin-top:8px;color:#8a8a8a;font-size:10.5px;font-weight:600}
.k-services-ref-card__arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:22px;color:#8d8d8d}
.k-services-ref-card--category{position:relative}
.k-services-ref-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.k-services-ref-card--service{
  min-height:0;display:grid;grid-template-rows:auto auto auto;align-items:stretch;justify-content:stretch;text-align:left;padding:0;overflow:hidden;
}
.k-services-ref-card--service:hover{background:#fff}
.k-services-ref-card__main{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:start;padding:14px;color:inherit;text-decoration:none}
.k-services-ref-card__service-icon{
  width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#fff4ef;color:var(--k-ref-orange);font-size:22px;line-height:1;
}
.k-services-ref-card__copy{display:grid;gap:3px;min-width:0}
.k-services-ref-card__copy>small{color:var(--k-ref-orange);font-size:10px;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.k-services-ref-card__copy>b{color:var(--k-ref-text);font-size:15px;line-height:1.25;font-weight:720}
.k-services-ref-card__copy>span{color:#666;font-size:11.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.k-services-ref-card__facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 14px 12px}
.k-services-ref-card__facts>span{min-width:0;padding:9px 10px;border:1px solid #ededed;border-radius:9px;background:#fafafa}
.k-services-ref-card__facts small{display:block;margin-bottom:2px;color:#8a8a8a;font-size:9.5px;line-height:1.15}
.k-services-ref-card__facts b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-size:12px;line-height:1.25;font-weight:680}
.k-services-ref-card__actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;padding:0 14px 14px}
.k-services-ref-card__actions a,.k-services-ref-card__actions button{
  min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:9px;font:inherit;font-size:12px;font-weight:650;text-decoration:none;cursor:pointer;
}
.k-services-ref-card__actions a{border:1px solid var(--k-ref-border);background:#fff;color:#333}
.k-services-ref-card__actions button{border:1px solid var(--k-ref-orange);background:var(--k-ref-orange);color:#fff}
.k-services-ref-card__actions button:hover{background:var(--k-ref-orange-hover);border-color:var(--k-ref-orange-hover)}
.k-services-ref-actions{display:grid;grid-template-columns:.85fr 1.15fr;gap:9px;margin-top:2px}
.k-services-ref-btn{height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;font-size:13px;font-weight:650}
.k-services-ref-btn--outline{border:1.5px solid var(--k-ref-orange);background:#fff;color:var(--k-ref-orange)}
.k-services-ref-btn--primary{border:1.5px solid var(--k-ref-orange);background:var(--k-ref-orange);color:#fff}
.k-services-ref-secondary-link{justify-self:center;color:#666;text-decoration:none;font-size:11.5px;font-weight:600}
.k-services-ref-secondary-link:hover{color:var(--k-ref-orange)}
.k-services-ref-meta{display:none}
.k-services-catalog-outlet{display:grid;gap:12px;min-width:0}
.k-services-catalog-outlet:empty{display:none}
.k-services-ref-navigator-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding-top:2px}
.k-services-ref-navigator-head>a{
  width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--k-ref-border);border-radius:10px;background:#fff;color:#222;text-decoration:none;font-size:25px;line-height:1;
}
.k-services-ref-navigator-head>a:hover{border-color:#c9c9c9;background:#fafafa}
.k-services-ref-state{padding:28px 16px;text-align:center;border:1px dashed #dedede;border-radius:11px;background:#fbfbfb}
.k-services-ref-state h2{margin:0 0 5px;font-size:17px;color:#222}
.k-services-ref-state p{margin:0;color:#777;font-size:12px}

/* Community reference top + feed */
.k-community-page.k-flow-primary-page{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
}
.k-community-reference-tabs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:36px;background:#f0f0f0;border-radius:10px;overflow:hidden;margin:0 0 12px;
}
.k-community-reference-tabs button{
  border:0;background:transparent;color:#333;font:inherit;font-size:12px;font-weight:500;cursor:pointer;border-radius:9px;
}
.k-community-reference-tabs button.is-active{background:var(--k-ref-orange);color:#fff}
.k-community-reference-composer{
  min-height:49px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:9px;align-items:center;
  border:1px solid var(--k-ref-border);border-radius:10px;background:#fff;padding:6px 9px;margin-bottom:12px;color:#666;
}
.k-community-reference-composer__avatar,.k-community-reference-composer__media{display:grid;place-items:center}
.k-community-reference-composer svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.k-community-reference-composer a,.k-community-reference-composer>span:nth-child(2){color:#696969;text-decoration:none;font-size:13px}
.k-community-page .k-community-card{border-radius:11px!important;box-shadow:none!important;border-color:var(--k-ref-border)!important}
.k-community-page .k-community-card>header{padding:10px 11px!important}
.k-community-page .k-community-avatar{width:35px!important;height:35px!important}
.k-community-page .k-community-media{aspect-ratio:16/8.1!important}
.k-community-page .k-community-body{padding:9px 11px 5px!important}
.k-community-page .k-community-body h2{font-size:15px!important;line-height:1.25!important}
.k-community-page .k-community-body p{font-size:12px!important;line-height:1.35!important}
.k-community-page .k-community-card>footer{padding:5px 10px 8px!important;border:0!important}
.k-community-page .k-community-metrics{padding:0 11px 9px!important;font-size:10px!important;color:#666}
.k-community-page[data-community-reference-tab="clubs"] .k-community-feed-tools,
.k-community-page[data-community-reference-tab="clubs"] .k-community-feed{display:none!important}
.k-community-page[data-community-reference-tab="clubs"] .k-community-groups{display:block!important}

/* Client shell/header/nav, matching reference. */
@media(max-width:860px){
  html[data-user-role="client"] .k-shell-header{
    grid-template-columns:auto minmax(0,1fr) auto!important;min-height:68px!important;padding:9px 14px!important;
    border-bottom:0!important;box-shadow:none!important;background:rgba(255,255,255,.98)!important;backdrop-filter:none!important;
  }
  html[data-user-role="client"] .k-shell-header .k-brand{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important}
  html[data-user-role="client"] .k-shell-header .k-brand-logo--icon{display:none!important}
  html[data-user-role="client"] .k-shell-header .k-brand-logo--full{display:block!important;width:138px!important;height:42px!important;object-position:left center!important}
  html[data-user-role="client"] .k-shell-header .k-shell-actions{grid-column:3!important;grid-row:1!important;display:flex!important;justify-self:end!important}
  html[data-user-role="client"] .k-shell-header .k-header-notifications{display:inline-flex!important}
  html[data-user-role="client"] .k-shell-header .k-menu-toggle{display:none!important}

  html[data-user-role="client"] #k-mobile-nav{
    left:0!important;right:0!important;bottom:0!important;min-height:72px!important;
    border:0!important;border-top:1px solid #e6e6e6!important;border-radius:0!important;
    background:rgba(255,255,255,.98)!important;box-shadow:none!important;backdrop-filter:none!important;
    padding:6px max(4px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px))!important;gap:0!important;
  }
  html[data-user-role="client"] #k-mobile-nav .k-nav-link{
    min-height:58px!important;border-radius:0!important;background:transparent!important;color:#666!important;
    font-weight:500!important;
  }
  html[data-user-role="client"] #k-mobile-nav .k-nav-link.is-active,
  html[data-user-role="client"] #k-mobile-nav .k-nav-link[aria-current="page"]{background:#fff1ec!important;border-color:rgba(255,59,18,.10)!important;color:var(--k-ref-orange)!important;box-shadow:none!important}
  html[data-user-role="client"] #k-mobile-nav .k-nav-link.is-active .k-nav-icon,
  html[data-user-role="client"] #k-mobile-nav .k-nav-link[aria-current="page"] .k-nav-icon,
  html[data-user-role="client"] #k-mobile-nav .k-nav-link.is-active .k-nav-icon svg,
  html[data-user-role="client"] #k-mobile-nav .k-nav-link[aria-current="page"] .k-nav-icon svg{color:var(--k-ref-orange)!important;stroke:currentColor!important;fill:none!important}
  html[data-user-role="client"] #k-mobile-nav .k-nav-icon,
  html[data-user-role="client"] #k-mobile-nav .k-nav-icon svg{width:22px!important;height:22px!important}
  html[data-user-role="client"] #k-mobile-nav .k-nav-label{font-size:9px!important;line-height:1.05!important}
  html[data-user-role="client"] .k-page-outlet{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}

  .k-home-reference{width:100%!important;max-width:none!important;padding:8px 14px 18px!important;gap:12px!important;box-sizing:border-box!important}
  .k-home-ref-location{font-size:13px!important;min-height:27px!important;gap:5px!important}
  .k-home-ref-location>svg{width:19px!important;height:19px!important}
  .k-home-ref-heading h1{font-size:28px!important}
  .k-home-ref-nearby{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .k-home-ref-place{grid-template-columns:54px minmax(0,1fr)!important;min-height:82px!important}
  .k-home-ref-place__thumb{height:66px!important}
  .k-home-ref-place__title b{font-size:11px!important}
  .k-home-ref-place__title small,.k-home-ref-place__meta{font-size:9.5px!important}
  .k-home-ref-chips{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;padding-bottom:2px!important}.k-home-ref-chips::-webkit-scrollbar{display:none}.k-home-ref-chip{flex:0 0 auto!important;min-width:138px!important;scroll-snap-align:start!important}
  .k-home-feed-section{display:grid!important;gap:8px!important;min-width:0!important;overflow:hidden!important}
  .k-home-feed-rail{display:flex!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important}

  [data-page="services"].k-page-shell--workspace{width:100%!important;max-width:none!important;padding-inline:14px!important;padding-bottom:18px!important;box-sizing:border-box!important}
  [data-page="services"]>.k-workspace-head h1{font-size:29px!important}
  [data-page="services"] .k-services-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-page="services"] .k-services-ref-services-grid{grid-template-columns:1fr}
  [data-page="services"] .k-services-ref-card--service{width:100%}

  .k-community-page.k-flow-primary-page{width:100%!important;max-width:none!important;padding:0 14px 18px!important;box-sizing:border-box!important}
  .k-community-page.k-flow-primary-page .k-community-head{padding:0 0 10px!important;border:0!important}
  .k-community-page.k-flow-primary-page .k-community-head h1{font-size:29px!important;line-height:1.08!important}
  .k-community-page.k-flow-primary-page .k-community-head p,
  .k-community-page.k-flow-primary-page .k-community-head>.k-btn{display:none!important}
  .k-community-page .k-flow-community-layout{display:block!important}
  .k-community-page .k-community-native-section,
  .k-community-page .k-community-groups,
  .k-community-page .k-community-feed-tools,
  .k-community-page .k-flow-context-rail{display:none!important}
  .k-community-page[data-community-reference-tab="clubs"] .k-community-groups{display:block!important;margin:0!important}
  .k-community-page[data-community-reference-tab="clubs"] .k-community-group-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .k-community-page .k-community-feed{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .k-community-page[data-community-reference-tab="clubs"] .k-community-feed{display:none!important}
}

@media(min-width:600px) and (max-width:860px){
  [data-page="services"].k-page-shell--workspace{max-width:none!important}
  [data-page="services"] .k-services-ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  [data-page="services"] .k-services-ref-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-community-page.k-flow-primary-page{max-width:none!important}
  .k-home-reference{max-width:none!important}
  .k-home-reference .k-home-ref-hero__copy{width:50%!important}
  .k-home-reference .k-home-ref-hero-art{inset:24px 0 0 49%!important}
}

@media(max-width:350px){
  .k-services-ref-tabs{gap:5px}.k-services-ref-tabs a{padding-inline:5px;font-size:11px}
  .k-services-ref-card--category{min-height:132px}
  .k-services-ref-tabs{overflow-x:auto;grid-template-columns:repeat(4,minmax(72px,1fr))}
  .k-home-reference .k-home-ref-hero__copy{width:62%!important}
}
@media(min-width:861px){
  html[data-user-role="client"] .k-header-notifications{display:inline-flex}
  .k-home-reference .k-home-ref-hero{min-height:286px!important;padding:22px 24px!important}
  .k-home-reference .k-home-ref-hero__copy{width:48%!important;gap:12px!important}
  .k-home-reference .k-home-ref-hero-art{inset:28px 10px 0 48%!important}
  .k-home-reference .k-home-ref-hero h2{font-size:28px!important}
  .k-home-reference .k-home-ref-hero p{font-size:15px!important;max-width:360px}
  [data-page="services"] .k-services-ref-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  [data-page="services"] .k-services-ref-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-page="services"] .k-services-ref-card--category{min-height:158px}
  .k-community-reference-tabs,.k-community-reference-composer{max-width:760px}
}
@media(prefers-reduced-motion:reduce){
  .k-home-reference *,.k-services-ref-btn,.k-community-reference-tabs button{transition:none!important}
}


/* R188.5.5.6.84.39 — Home regression recovery: hero artwork, left brand and feed sliders. */
.k-home-reference .k-home-ref-hero{
  background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 34%,rgba(255,255,255,.40) 54%,rgba(255,255,255,.04) 74%),url("/media/kareta_create_request_vehicle_background_r188_5_5_6_84_31.png")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center bottom!important;
  background-color:#fff!important;
}
.k-home-reference .k-home-ref-hero-art{opacity:0!important;pointer-events:none!important}
.k-home-reference .k-home-feed-section{display:grid!important;gap:8px!important;min-width:0!important;overflow:hidden!important}
.k-home-reference .k-home-feed-rail{display:flex!important;width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
.k-home-reference .k-home-feed-rail::-webkit-scrollbar{display:none!important}
@media(max-width:860px){
  html[data-user-role="client"] #k-shell-header.k-shell-header{grid-template-columns:auto minmax(0,1fr) auto!important}
  html[data-user-role="client"] #k-shell-header>.k-brand{grid-column:1!important;grid-row:1!important;justify-self:start!important}
  html[data-user-role="client"] #k-shell-header>.k-brand .k-brand-logo--full{object-position:left center!important}
  html[data-user-role="client"] #k-shell-header>.k-shell-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important}
}
@media(max-width:430px){
  .k-home-reference .k-home-ref-hero{background-size:auto 100%!important;background-position:right bottom!important}
  .k-home-reference .k-home-feed-card{flex:0 0 calc(48% - 6px)!important}
}

/* R188.5.5.6.84.44 — diagnostics/body leaf services keep category-card visual language. */
[data-page="services"] .k-services-ref-grid--service-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
[data-page="services"] .k-services-ref-card--service-category{min-height:148px;padding:14px 28px 14px 12px;justify-content:center}
[data-page="services"] .k-services-ref-card--service-category .k-services-ref-card__icon{width:44px;height:44px;margin-bottom:7px}
[data-page="services"] .k-services-ref-card--service-category .k-services-ref-card__icon svg{width:44px;height:44px}
[data-page="services"] .k-services-ref-card--service-category>b{max-width:220px;font-size:15px;line-height:1.22}
[data-page="services"] .k-services-ref-card--service-category>small{max-width:220px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-page="services"] .k-services-ref-card--service-category .k-services-ref-card__count{font-size:10px;line-height:1.25}
@media(min-width:768px){[data-page="services"] .k-services-ref-grid--service-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1180px){[data-page="services"] .k-services-ref-grid--service-categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:420px){[data-page="services"] .k-services-ref-card--service-category{min-height:136px;padding:12px 24px 12px 9px}[data-page="services"] .k-services-ref-card--service-category>b{font-size:14px}}

/* R188.5.5.6.84.45 — popular services visible on client mobile home. */

/* R188.5.5.6.84.51 — Home width policy: the home page is a full-width surface.
   Previous 430/720/980px caps were inherited from the mobile reference prototype and
   incorrectly turned the production Home into a narrow centered mockup. */
.k-home-reference{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
}
@media(min-width:600px){
  .k-home-reference{
    max-width:none!important;
  }
}
@media(min-width:701px){
  .k-home-reference{
    --k-home-content:none;
    max-width:none!important;
  }
  .k-home-reference>.k-home-ref-location,
  .k-home-reference>.k-home-ref-heading,
  .k-home-reference>.k-home-ref-search,
  .k-home-reference>.k-home-ref-hero,
  .k-home-reference>.k-home-ref-actions,
  .k-home-reference>.k-home-ref-section{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
}

/* R188.5.5.6.84.54 — Community feed-column mobile width ownership.
   This file loads after community.css, so it must neutralize the legacy 430px reference cap here. */
@media(max-width:860px){
  html[data-user-role="client"] #k-page-outlet>.k-page.k-community-page.k-community-v2.k-flow-primary-page{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow-x:clip!important;
  }
  html[data-user-role="client"] #k-page-outlet>.k-community-page.k-community-v2 .k-flow-community-layout.k-community-layout-v2{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow-x:clip!important;
  }
  html[data-user-role="client"] #k-page-outlet>.k-community-page.k-community-v2 .k-flow-community-main.k-community-feed-column{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    justify-self:stretch!important;
  }
  html[data-user-role="client"] #k-page-outlet>.k-community-page.k-community-v2 .k-flow-community-main.k-community-feed-column>*{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}


/* ===== SOURCE: css/next/client_runtime_consolidated.css ===== */
/* R188.5.5.6.84.68 — consolidated eager client runtime overrides.
   Phase 1/2 modernization, Request and client Work Order layers are route-lazy. */

/* ===== SOURCE: css/next/client_width_guard.css ===== */
/* R188.5.5.6.84.55 — CLIENT width normalization and overflow guard.
   Loaded last. It owns only geometry/containment; visual component styling stays in page modules. */
html[data-user-role="client"]{
  --k-client-safe-gutter:var(--k-client-page-gutter,clamp(12px,3.8vw,24px));
}

html[data-user-role="client"] #k-page-outlet{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:clip!important;
}

/* Direct client page surfaces may fill the outlet; components own their internal layout. */
html[data-user-role="client"] #k-page-outlet > :is(
  .k-home-reference,
  [data-page="services"].k-page-shell--workspace,
  .k-page.k-community-page.k-community-v2,
  .k-masters-page,
  .k-parts-native-page,
  .k-work-feed-page,
  .k-client-orders-native,
  .k-client-cabinet,
  .k-client-cabinet-page,
  .k-chats-page,
  .k-notifications-page,
  .k-detail-page,
  .k-profile-page
){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Shared overflow safety for grid/flex containers and their immediate tracks. */
html[data-user-role="client"] #k-page-outlet :is(
  .k-flow-community-layout,
  .k-flow-community-main,
  .k-community-feed,
  .k-community-post,
  .k-community-post-author,
  .k-community-post-body,
  .k-community-post-media,
  .k-community-post-meta,
  .k-community-post-actions,
  .k-community-composer,
  .k-community-header,
  .k-community-feed-tabs,
  .k-master-reference-inner,
  .k-master-reference-directory,
  .k-master-reference-card,
  .k-master-reference-card__main,
  .k-master-reference-copy,
  .k-parts-ref-main,
  .k-parts-ref-section,
  .k-parts-ref-grid,
  .k-parts-ref-categories,
  .k-parts-ref-categories > header,
  .k-parts-ref-categories > div,
  .k-work-feed-grid,
  .k-catalog-toolbar
){
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

html[data-user-role="client"] #k-page-outlet :is(img,video,canvas,iframe){
  max-width:100%!important;
}
html[data-user-role="client"] #k-page-outlet :is(input,textarea,select){
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Community: the feed track must never be wider than the grid track. */
html[data-user-role="client"] .k-community-v2 .k-community-layout-v2{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html[data-user-role="client"] .k-community-v2 .k-flow-community-main.k-community-feed-column{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  justify-self:stretch!important;
  overflow-x:clip!important;
}
html[data-user-role="client"] .k-community-v2 .k-flow-community-main.k-community-feed-column > *{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html[data-user-role="client"] .k-community-v2 .k-community-header{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
html[data-user-role="client"] .k-community-v2 .k-community-header > div:first-child{
  min-width:0!important;
  overflow:hidden!important;
}
html[data-user-role="client"] .k-community-v2 .k-community-header > div:last-child{
  min-width:max-content!important;
  flex:0 0 auto!important;
}
html[data-user-role="client"] .k-community-v2 :is(.k-community-header h1,.k-community-header p,.k-community-post-body h2,.k-community-post-body p){
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
html[data-user-role="client"] .k-community-v2 .k-community-stories{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
}
html[data-user-role="client"] .k-community-v2 .k-community-post-media{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html[data-user-role="client"] .k-community-v2 .k-community-post-media :is(img,video){
  width:100%!important;
  max-width:100%!important;
}
html[data-user-role="client"] .k-community-v2 :is(.k-community-comments-sheet,.k-community-filter-sheet-wrap){
  width:auto!important;
  max-width:none!important;
  inset:0!important;
}
html[data-user-role="client"] .k-community-v2 :is(.k-community-comments-panel,.k-community-filter-panel){
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Masters: remove the old full-viewport breakout and reference width caps. */
html[data-user-role="client"] #k-page-outlet > .k-masters-page.k-master-reference-list{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:var(--k-client-safe-gutter)!important;
  padding-right:var(--k-client-safe-gutter)!important;
  box-sizing:border-box!important;
  overflow-x:clip!important;
}
html[data-user-role="client"] .k-master-reference-inner{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
html[data-user-role="client"] .k-master-reference-directory{
  width:100%!important;
  max-width:none!important;
}

/* Parts: page is full outlet width; only the category rail scrolls horizontally on phones. */
html[data-user-role="client"] #k-page-outlet > .k-parts-native-page.k-parts-ref-page{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow-x:clip!important;
}
html[data-user-role="client"] .k-parts-ref-categories{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html[data-user-role="client"] .k-parts-ref-categories > div{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

@media(max-width:860px){
  html[data-user-role="client"] #k-page-outlet > :is(
    .k-home-reference,
    [data-page="services"].k-page-shell--workspace,
    .k-page.k-community-page.k-community-v2
  ){
    max-width:none!important;
  }

  html[data-user-role="client"] .k-community-v2 .k-community-layout-v2{
    display:block!important;
    padding:0!important;
    margin:0!important;
    overflow-x:clip!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-flow-community-main.k-community-feed-column{
    display:grid!important;
    border-radius:0!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-feed-tabs{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-feed-tabs > :is(a,button){
    min-width:0!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-post-media.is-grid{
    height:min(112vw,460px)!important;
  }

  html[data-user-role="client"] .k-master-reference-directory{
    grid-template-columns:1fr!important;
  }

  html[data-user-role="client"] .k-parts-ref-categories > div{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  html[data-user-role="client"] .k-parts-ref-categories > div::-webkit-scrollbar{display:none}
  html[data-user-role="client"] .k-parts-ref-categories > div > button{
    flex:0 0 clamp(96px,30vw,124px)!important;
    min-width:0!important;
    max-width:124px!important;
    box-sizing:border-box!important;
  }
}

@media(min-width:861px){
  html[data-user-role="client"] .k-master-reference-directory{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))!important;
    gap:14px!important;
  }
  html[data-user-role="client"] .k-parts-ref-categories > div{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
    overflow:visible!important;
  }
}

@media(max-width:430px){
  html[data-user-role="client"] .k-community-v2 .k-community-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-header h1{
    font-size:22px!important;
    line-height:27px!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-post-author{
    grid-template-columns:40px minmax(0,1fr) auto!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-post-author-actions{
    min-width:0!important;
  }
}


/* ===== SOURCE: css/next/client_mobile_geometry.css ===== */
/* R188.5.5.6.84.56 — CLIENT mobile/tablet geometry normalization.
   Loaded after client_width_guard.css. This layer owns viewport geometry only:
   safe gutters, mobile navigation clearance, compact community feed sizing,
   master cards/filters, parts rails/cards and services/home small-screen density. */

html[data-user-role="client"]{
  --k-client-mobile-gutter:clamp(12px,3.4vw,18px);
  --k-client-mobile-nav-size:72px;
  --k-mobile-nav-live-height:calc(var(--k-client-mobile-nav-size) + env(safe-area-inset-bottom,0px));
  --k-client-mobile-nav-space:var(--k-mobile-nav-live-height);
  --k-client-mobile-nav-clearance:calc(var(--k-client-mobile-nav-space) + 18px);
}

@media(max-width:900px){
  html[data-user-role="client"],
  html[data-user-role="client"] body,
  html[data-user-role="client"] .k-app-shell,
  html[data-user-role="client"] .k-shell-main,
  html[data-user-role="client"] #k-page-outlet{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  html[data-user-role="client"] body,
  html[data-user-role="client"] .k-app-shell,
  html[data-user-role="client"] .k-shell-main,
  html[data-user-role="client"] #k-page-outlet{overflow-x:clip!important}

  /* One authoritative six-item client bottom navigation. */
  html[data-user-role="client"] #k-mobile-nav{
    --k-mobile-nav-count:6!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:var(--k-client-mobile-nav-space)!important;
    max-height:none!important;
    height:var(--k-client-mobile-nav-space)!important;
    gap:0!important;
    padding:5px max(4px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(4px,env(safe-area-inset-left,0px))!important;
    border:0!important;
    border-top:1px solid #e6e6e6!important;
    border-radius:0!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] #k-mobile-nav .k-nav-link{
    min-width:0!important;
    max-width:100%!important;
    min-height:54px!important;
    height:auto!important;
    padding:4px 1px!important;
    gap:2px!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] #k-mobile-nav .k-nav-icon,
  html[data-user-role="client"] #k-mobile-nav .k-nav-icon svg{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }
  html[data-user-role="client"] #k-mobile-nav .k-nav-link>span:not(.k-nav-icon):not(.k-nav-badge):not(.k-nav-unread){
    min-width:0!important;
    max-width:100%!important;
    font-size:clamp(8px,2.15vw,10px)!important;
    line-height:1.05!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html[data-user-role="client"] #k-page-outlet{
    padding-bottom:var(--k-client-mobile-nav-clearance)!important;
    scroll-padding-bottom:calc(var(--k-client-mobile-nav-clearance) + 12px)!important;
  }

  /* Keep the fixed shell usable on 320–430 without allowing logo/actions to widen it. */
  html[data-user-role="client"] #k-shell-header.k-shell-header{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:68px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:8px var(--k-client-mobile-gutter)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] #k-shell-header>.k-brand{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  html[data-user-role="client"] #k-shell-header .k-brand-logo--full{
    width:clamp(118px,36vw,138px)!important;
    max-width:100%!important;
    height:40px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  html[data-user-role="client"] #k-shell-header>.k-shell-actions{
    min-width:0!important;
    max-width:calc(100vw - 150px)!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] #k-shell-header>.k-shell-actions :is(a,button){flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}

  /* COMMUNITY — predictable mobile heights and no nested width breakout. */
  html[data-user-role="client"] .k-community-v2{
    --k-community-mobile-pad:var(--k-client-mobile-gutter);
    padding-bottom:0!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-layout-v2,
  html[data-user-role="client"] .k-community-v2 .k-flow-community-main.k-community-feed-column{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-header{
    min-height:54px!important;
    padding:6px var(--k-community-mobile-pad)!important;
    gap:6px!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-header h1{
    font-size:23px!important;
    line-height:28px!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-header p{font-size:11px!important;line-height:14px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-header>div:last-child a{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-feed-tabs{
    min-height:44px!important;
    padding-inline:4px!important;
    grid-template-columns:repeat(3,minmax(0,1fr)) 40px!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-feed-tabs a{min-height:43px!important;font-size:13px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-feed-tabs>button{width:40px!important;height:40px!important;min-height:40px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-stories{
    min-height:88px!important;
    padding:9px var(--k-community-mobile-pad) 10px!important;
    gap:9px!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-story-item{flex:0 0 61px!important;min-width:61px!important;gap:4px!important}
  html[data-user-role="client"] .k-community-v2 .k-story-avatar{width:58px!important;height:58px!important}
  html[data-user-role="client"] .k-community-v2 .k-story-title{max-width:61px!important;font-size:10px!important;line-height:13px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-composer{
    padding:8px var(--k-community-mobile-pad) 7px!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-composer-main{min-height:46px!important;padding:6px 10px!important;border-radius:14px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-composer-actions a{min-height:36px!important;font-size:11px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-post-author{
    min-height:56px!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:8px var(--k-community-mobile-pad) 7px!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-post-author .k-community-avatar{width:40px!important;height:40px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-author-link,
  html[data-user-role="client"] .k-community-v2 .k-community-post-author>div>b{font-size:14px!important;line-height:19px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-post-author>div>span{font-size:11px!important;line-height:15px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-post-body,
  html[data-user-role="client"] .k-community-v2 .k-community-post-meta,
  html[data-user-role="client"] .k-community-v2 .k-community-context-cta,
  html[data-user-role="client"] .k-community-v2 .k-community-poll{
    padding-left:var(--k-community-mobile-pad)!important;
    padding-right:var(--k-community-mobile-pad)!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-post-body h2{font-size:17px!important;line-height:22px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-post-body p{font-size:14px!important;line-height:20px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-post-media.is-grid{height:min(108vw,440px)!important}
  html[data-user-role="client"] .k-community-v2 .k-community-post-actions{min-height:48px!important;padding:1px 4px 4px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-post-actions button{min-width:44px!important;width:auto!important;height:44px!important;padding-inline:7px!important}
  html[data-user-role="client"] .k-community-v2 :is(.k-community-comments-panel,.k-community-filter-panel){max-height:min(85dvh,720px)!important}
  html[data-user-role="client"] .k-community-v2 .k-community-topic-reply{bottom:var(--k-client-mobile-nav-space)!important}
  html[data-user-role="client"] .k-community-v2 .k-community-topic-fab{bottom:calc(var(--k-client-mobile-nav-space) + 14px)!important}

  /* MASTERS — remove filter squeeze and let the photo/text ratio scale with the phone. */
  html[data-user-role="client"] .k-masters-page.k-master-reference-list{
    padding-left:var(--k-client-mobile-gutter)!important;
    padding-right:var(--k-client-mobile-gutter)!important;
  }
  html[data-user-role="client"] .k-master-reference-inner{padding:14px 0 18px!important}
  html[data-user-role="client"] .k-master-reference-inner>h1{font-size:28px!important;line-height:34px!important;margin-bottom:12px!important}
  html[data-user-role="client"] .k-master-reference-filters{
    display:flex!important;
    grid-template-columns:none!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 1px 2px!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain;
  }
  html[data-user-role="client"] .k-master-reference-filters::-webkit-scrollbar{display:none}
  html[data-user-role="client"] .k-master-reference-filters>button{
    flex:0 0 auto!important;
    min-width:max-content!important;
    min-height:40px!important;
    padding-inline:11px!important;
  }
  html[data-user-role="client"] .k-master-reference-filter-icon{flex-basis:40px!important;width:40px!important;min-width:40px!important;padding:0!important}
  html[data-user-role="client"] .k-master-reference-directory{gap:10px!important;margin-top:12px!important}
  html[data-user-role="client"] .k-master-reference-card{padding:8px 8px 0!important}
  html[data-user-role="client"] .k-master-reference-card__main{
    grid-template-columns:clamp(112px,35vw,146px) minmax(0,1fr)!important;
    gap:clamp(9px,2.8vw,13px)!important;
  }
  html[data-user-role="client"] .k-master-reference-avatar{
    width:100%!important;
    height:clamp(146px,44vw,171px)!important;
  }
  html[data-user-role="client"] .k-master-reference-copy{min-width:0!important;padding-top:2px!important}
  html[data-user-role="client"] .k-master-reference-copy h2{font-size:clamp(16px,4.6vw,18px)!important;line-height:1.2!important}
  html[data-user-role="client"] .k-master-reference-tags{gap:5px!important}
  html[data-user-role="client"] .k-master-reference-tags span{max-width:100%!important;min-height:25px!important;padding-inline:7px!important;font-size:10.5px!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* PARTS — keep horizontal rails local and make two-column cards safe at 320px. */
  html[data-user-role="client"] .k-parts-native-page.k-parts-ref-page{
    padding-left:var(--k-client-mobile-gutter)!important;
    padding-right:var(--k-client-mobile-gutter)!important;
  }
  html[data-user-role="client"] .k-parts-ref-head h1{font-size:28px!important;line-height:34px!important}
  html[data-user-role="client"] .k-parts-ref-tabs{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain;
  }
  html[data-user-role="client"] .k-parts-ref-tabs::-webkit-scrollbar{display:none}
  html[data-user-role="client"] .k-parts-ref-tabs :is(a,button){flex:0 0 auto!important;white-space:nowrap!important}
  html[data-user-role="client"] .k-parts-ref-categories>div{gap:7px!important}
  html[data-user-role="client"] .k-parts-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  html[data-user-role="client"] .k-parts-ref-card__body{min-width:0!important;padding:9px 9px 3px!important}
  html[data-user-role="client"] .k-parts-ref-card__body h3{font-size:13px!important;line-height:18px!important}
  html[data-user-role="client"] .k-parts-ref-card>footer{min-width:0!important;padding:7px 8px 9px!important;gap:5px!important;flex-wrap:wrap!important}
  html[data-user-role="client"] .k-parts-ref-card>footer strong{min-width:0!important;max-width:100%!important;font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html[data-user-role="client"] .k-parts-ref-card>footer>div{margin-left:auto!important;flex:0 0 auto!important}
  html[data-user-role="client"] .k-parts-ref-used-actions{grid-template-columns:1fr!important;gap:7px!important}

  /* SERVICES — tabs scroll instead of shrinking text below readable/touchable sizes. */
  html[data-user-role="client"] [data-page="services"].k-page-shell--workspace{
    padding-left:var(--k-client-mobile-gutter)!important;
    padding-right:var(--k-client-mobile-gutter)!important;
  }
  html[data-user-role="client"] [data-page="services"] .k-services-ref-tabs{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:6px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain;
  }
  html[data-user-role="client"] [data-page="services"] .k-services-ref-tabs::-webkit-scrollbar{display:none}
  html[data-user-role="client"] [data-page="services"] .k-services-ref-tabs a{flex:0 0 auto!important;min-width:78px!important;min-height:42px!important;padding-inline:10px!important;white-space:nowrap!important}
  html[data-user-role="client"] [data-page="services"] :is(.k-services-ref-grid,.k-services-ref-services-grid){min-width:0!important;max-width:100%!important}

  /* HOME — use the same gutter scale as the rest of the client surface. */
  html[data-user-role="client"] .k-home-reference{
    padding-left:var(--k-client-mobile-gutter)!important;
    padding-right:var(--k-client-mobile-gutter)!important;
  }
}

/* 320–359 px: density pass. Never reduce the core 44px action target. */
@media(max-width:359px){
  html[data-user-role="client"]{--k-client-mobile-gutter:10px}
  html[data-user-role="client"] #k-shell-header .k-brand-logo--full{width:116px!important}
  html[data-user-role="client"] #k-shell-header>.k-shell-actions{max-width:calc(100vw - 136px)!important}
  html[data-user-role="client"] #k-mobile-nav .k-nav-link>span:not(.k-nav-icon):not(.k-nav-badge):not(.k-nav-unread){font-size:7.8px!important}

  html[data-user-role="client"] .k-community-v2 .k-community-header h1{font-size:21px!important;line-height:26px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-header p{display:none!important}
  html[data-user-role="client"] .k-community-v2 .k-community-stories{min-height:84px!important;gap:7px!important}
  html[data-user-role="client"] .k-community-v2 .k-story-item{flex-basis:57px!important;min-width:57px!important}
  html[data-user-role="client"] .k-community-v2 .k-story-avatar{width:54px!important;height:54px!important}
  html[data-user-role="client"] .k-community-v2 .k-story-title{max-width:57px!important;font-size:9.5px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-post-actions button{padding-inline:5px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-post-actions span{font-size:11px!important}

  html[data-user-role="client"] .k-master-reference-card__main{grid-template-columns:108px minmax(0,1fr)!important;gap:9px!important}
  html[data-user-role="client"] .k-master-reference-avatar{height:144px!important}
  html[data-user-role="client"] .k-master-reference-copy h2{font-size:15.5px!important}
  html[data-user-role="client"] .k-master-reference-copy>p,
  html[data-user-role="client"] .k-master-reference-rating,
  html[data-user-role="client"] .k-master-reference-location,
  html[data-user-role="client"] .k-master-reference-availability{font-size:11px!important}

  html[data-user-role="client"] .k-parts-ref-grid{gap:7px!important}
  html[data-user-role="client"] .k-parts-ref-card>footer strong{width:100%!important}
  html[data-user-role="client"] .k-parts-ref-card>footer>div{margin-left:0!important}
  html[data-user-role="client"] [data-page="services"] .k-services-ref-grid{gap:7px!important}
  html[data-user-role="client"] [data-page="services"] .k-services-ref-card--service-category{padding:10px 21px 10px 8px!important}
}

/* 360–430 px: normal phone. */
@media(min-width:360px) and (max-width:430px){
  html[data-user-role="client"]{--k-client-mobile-gutter:12px}
}

/* 431–767 px: large phone / portrait foldable. */
@media(min-width:431px) and (max-width:767px){
  html[data-user-role="client"]{--k-client-mobile-gutter:14px}
  html[data-user-role="client"] .k-community-v2 .k-community-post-media.is-grid{height:min(102vw,460px)!important}
  html[data-user-role="client"] .k-master-reference-card__main{grid-template-columns:146px minmax(0,1fr)!important}
  html[data-user-role="client"] .k-master-reference-avatar{height:174px!important}
}

/* 768–900 px: restore the intended 61.8/38.2 tablet community split,
   while keeping both tracks shrinkable so there is no horizontal overflow. */
@media(min-width:768px) and (max-width:900px){
  html[data-user-role="client"]{--k-client-mobile-gutter:18px}
  html[data-user-role="client"] .k-community-v2{background:#f6f6f6!important}
  html[data-user-role="client"] .k-community-v2 .k-community-layout-v2{
    display:grid!important;
    grid-template-columns:minmax(0,61.8fr) minmax(220px,38.2fr)!important;
    gap:14px!important;
    padding:14px!important;
    align-items:start!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-flow-community-main.k-community-feed-column{
    border:1px solid #e8e8e8!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-secondary{display:block!important;min-width:0!important;max-width:100%!important}
  html[data-user-role="client"] .k-community-v2 .k-community-header{padding-inline:14px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-stories{padding-inline:14px!important}
  html[data-user-role="client"] .k-community-v2 .k-community-composer{padding-inline:14px!important}

  html[data-user-role="client"] .k-master-reference-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html[data-user-role="client"] .k-master-reference-card__main{grid-template-columns:112px minmax(0,1fr)!important;gap:10px!important}
  html[data-user-role="client"] .k-master-reference-avatar{height:150px!important}

  html[data-user-role="client"] .k-parts-ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  html[data-user-role="client"] [data-page="services"] .k-services-ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html[data-user-role="client"] [data-page="services"] .k-services-ref-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-user-role="client"] .k-community-v2 .k-community-feed-tabs{transition:none!important}
}


/* R188.5.5.6.84.60 — mobile navigation readability + content clearance.
   This is intentionally scoped to CLIENT. Active items use a tinted surface so
   white glyphs can never disappear on a white navigation background. */
@media(max-width:900px){
  html[data-user-role="client"]{
    --k-client-nav-active:#ff3b12;
    --k-client-nav-active-soft:#fff1ec;
    --k-client-nav-muted:#6b7280;
  }

  html[data-user-role="client"],
  html[data-user-role="client"] body{
    scroll-padding-bottom:calc(var(--k-client-mobile-nav-clearance) + 20px)!important;
  }

  html[data-user-role="client"] #k-page-outlet{
    padding-bottom:var(--k-client-mobile-nav-clearance)!important;
    scroll-padding-bottom:calc(var(--k-client-mobile-nav-clearance) + 20px)!important;
  }

  html[data-user-role="client"] #k-page-outlet > *{
    scroll-margin-bottom:calc(var(--k-client-mobile-nav-clearance) + 12px)!important;
  }

  html[data-user-role="client"] #k-page-outlet :is(
    input,textarea,select,button,a[href],[tabindex]:not([tabindex="-1"])
  ){
    scroll-margin-bottom:calc(var(--k-client-mobile-nav-clearance) + 18px);
  }

  html[data-user-role="client"] #k-mobile-nav .k-nav-link{
    background:transparent!important;
    border:1px solid transparent!important;
    color:var(--k-client-nav-muted)!important;
    box-shadow:none!important;
    transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
  }

  html[data-user-role="client"] #k-mobile-nav .k-nav-link:is(.is-active,[aria-current="page"]){
    background:var(--k-client-nav-active-soft)!important;
    border-color:rgba(255,59,18,.10)!important;
    color:var(--k-client-nav-active)!important;
    box-shadow:inset 0 0 0 1px rgba(255,59,18,.035)!important;
    font-weight:750!important;
  }

  html[data-user-role="client"] #k-mobile-nav .k-nav-link:is(.is-active,[aria-current="page"]) .k-nav-icon,
  html[data-user-role="client"] #k-mobile-nav .k-nav-link:is(.is-active,[aria-current="page"]) .k-nav-icon svg{
    color:var(--k-client-nav-active)!important;
    stroke:currentColor!important;
    fill:none!important;
  }

  html[data-user-role="client"] #k-mobile-nav .k-nav-link:is(.is-active,[aria-current="page"]) > span:not(.k-nav-icon):not(.k-nav-badge):not(.k-nav-unread){
    color:var(--k-client-nav-active)!important;
  }

  /* More can be route-active without the sheet being open. Keep that state readable;
     reserve the solid orange surface only for the actually open action hub. */
  html[data-user-role="client"] #k-mobile-nav .k-nav-more[aria-expanded="true"]{
    background:var(--k-client-nav-active)!important;
    border-color:var(--k-client-nav-active)!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(255,59,18,.20)!important;
  }
  html[data-user-role="client"] #k-mobile-nav .k-nav-more[aria-expanded="true"] :is(.k-nav-icon,.k-nav-icon svg),
  html[data-user-role="client"] #k-mobile-nav .k-nav-more[aria-expanded="true"] > span:not(.k-nav-icon):not(.k-nav-badge):not(.k-nav-unread){
    color:#fff!important;
    stroke:currentColor!important;
  }

  /* Sticky page controls must sit above the fixed navigation instead of below it. */
  html[data-user-role="client"] body:not(.k-client-keyboard-open) :is(
    .k-flow-request[data-request-flow-version="8"] .k-flow-request-actions,
    .k-request-nav-r78,
    .k-master-ref-booking-continue
  ){
    bottom:calc(var(--k-client-mobile-nav-space) + 8px)!important;
  }

  html[data-user-role="client"] body.k-client-keyboard-open{
    --k-client-mobile-nav-space:0px;
    --k-client-mobile-nav-clearance:16px;
  }
  html[data-user-role="client"] body.k-client-keyboard-open #k-page-outlet{
    padding-bottom:16px!important;
    scroll-padding-bottom:24px!important;
  }
}

/* R188.5.5.6.84.60 — finish active-nav contrast for badges and keyboard focus. */
@media(max-width:900px){
  html[data-user-role="client"] #k-mobile-nav .k-nav-link:is(.is-active,[aria-current="page"]) .k-nav-unread,
  html[data-user-role="client"] #k-mobile-nav .k-nav-link:is(.is-active,[aria-current="page"]) .k-nav-badge{
    box-shadow:0 0 0 2px var(--k-client-nav-active-soft)!important;
  }
  html[data-user-role="client"] #k-mobile-nav .k-nav-more[aria-expanded="true"] :is(.k-nav-unread,.k-nav-badge){
    box-shadow:0 0 0 2px var(--k-client-nav-active)!important;
  }
  html[data-user-role="client"] #k-mobile-nav .k-nav-link:focus-visible{
    outline:2px solid rgba(255,59,18,.42)!important;
    outline-offset:-2px!important;
  }
}


/* ===== SOURCE: css/next/client_viewport_layers.css ===== */
/* R188.5.5.6.84.57 — client viewport/layer ownership.
   Final mobile layer: VisualViewport/keyboard-safe chats, community overlays,
   FAB/nav stacking and master profile/booking viewport geometry. */
:root{
  --k-visual-viewport-height:100dvh;
  --k-visual-viewport-width:100dvw;
  --k-visual-viewport-top:0px;
  --k-visual-viewport-left:0px;
  --k-keyboard-inset:0px;
  --k-client-active-bottom-space:var(--k-client-mobile-nav-space,72px);
}

@media(max-width:900px){
  html[data-user-role="client"] body{
    min-width:0!important;
    min-height:var(--k-visual-viewport-height,100dvh);
  }

  /* Keyboard owns the lower visual viewport. Navigation/FAB must not compete with it. */
  html[data-user-role="client"] body.k-client-keyboard-open #k-mobile-nav{
    transform:translate3d(0,110%,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html[data-user-role="client"] body.k-client-keyboard-open #k-mobile-fab-stack{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html[data-user-role="client"] #k-mobile-fab-stack{
    right:max(10px,env(safe-area-inset-right,0px))!important;
    bottom:calc(var(--k-client-active-bottom-space) + 14px)!important;
    max-height:calc(var(--k-visual-viewport-height,100dvh) - 24px)!important;
  }

  /* COMMUNITY: one sticky rail below the global shell, then overlays own VisualViewport. */
  html[data-user-role="client"] .k-community-v2 .k-community-feed-tabs{
    top:var(--k-shell-h,68px)!important;
    z-index:70!important;
  }
  html[data-user-role="client"]:has(#k-shell-header.is-scroll-hidden) .k-community-v2 .k-community-feed-tabs{
    top:0!important;
  }
  html[data-user-role="client"] .k-community-story-overlay,
  html[data-user-role="client"] .k-community-comments-sheet,
  html[data-user-role="client"] .k-community-filter-sheet-wrap{
    top:var(--k-visual-viewport-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    height:var(--k-visual-viewport-height,100dvh)!important;
    max-height:var(--k-visual-viewport-height,100dvh)!important;
    box-sizing:border-box!important;
  }
  html[data-user-role="client"] .k-community-story-overlay{
    min-height:0!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] .k-community-story-content{
    min-height:0!important;
    max-height:100%!important;
  }
  html[data-user-role="client"] .k-community-comments-panel,
  html[data-user-role="client"] .k-community-filter-panel{
    max-height:min(calc(var(--k-visual-viewport-height,100dvh) - 8px),720px)!important;
    padding-bottom:max(env(safe-area-inset-bottom,0px),4px)!important;
  }
  html[data-user-role="client"] body.k-client-keyboard-open .k-community-comments-panel{
    max-height:100%!important;
    border-radius:18px 18px 0 0!important;
  }
  html[data-user-role="client"] body.k-client-keyboard-open .k-community-comments-panel>form{
    padding-bottom:max(7px,env(safe-area-inset-bottom,0px))!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-topic-reply{
    bottom:var(--k-client-active-bottom-space)!important;
  }
  html[data-user-role="client"] .k-community-v2 .k-community-topic-fab{
    bottom:calc(var(--k-client-active-bottom-space) + 14px)!important;
  }

  /* CHATS: no duplicate shell/header stack. The chat grid owns the visible viewport. */
  html[data-user-role="client"]:has(#k-page-outlet [data-page="chats"]) #k-shell-header{
    display:none!important;
  }
  html[data-user-role="client"]:has(#k-page-outlet [data-page="chats"]) .k-app-shell{
    padding-top:0!important;
  }
  html[data-user-role="client"] #k-page-outlet>[data-page="chats"].k-page-shell--workspace{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] [data-page="chats"]>.k-workspace-head{
    display:none!important;
  }
  html[data-user-role="client"] [data-page="chats"] .k-chat-layout{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:calc(var(--k-visual-viewport-height,100dvh) - var(--k-client-active-bottom-space))!important;
    min-height:0!important;
    max-height:calc(var(--k-visual-viewport-height,100dvh) - var(--k-client-active-bottom-space))!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html[data-user-role="client"] [data-page="chats"] :is(.k-chat-sidebar,.k-chat-main,.k-chat-list,.k-chat-thread){
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
  }
  html[data-user-role="client"] [data-page="chats"] .k-chat-main{
    height:100%!important;
    max-height:100%!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] [data-page="chats"] .k-chat-thread{
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    scroll-padding-bottom:16px!important;
  }
  html[data-user-role="client"] [data-page="chats"] .k-chat-head{
    min-height:58px!important;
    padding:7px 10px!important;
    gap:8px!important;
  }
  html[data-user-role="client"] [data-page="chats"] .k-chat-head-copy{
    min-width:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }
  html[data-user-role="client"] [data-page="chats"] .k-chat-head-copy :is(strong,span){
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html[data-user-role="client"] [data-page="chats"] .k-chat-head-actions{
    flex:0 0 auto!important;
    min-width:0!important;
  }
  html[data-user-role="client"] [data-page="chats"] .k-chat-composer{
    position:relative!important;
    z-index:8!important;
    padding:7px 8px max(7px,env(safe-area-inset-bottom,0px))!important;
    background:#fff!important;
    box-shadow:0 -8px 22px rgba(15,23,42,.05)!important;
  }
  html[data-user-role="client"] [data-page="chats"] .k-chat-composer textarea{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    max-height:min(112px,30dvh)!important;
    padding:11px 12px!important;
  }
  html[data-user-role="client"] body.k-client-keyboard-open [data-page="chats"] .k-chat-composer{
    padding-bottom:7px!important;
  }
  html[data-user-role="client"] .k-chat-contact-dialog,
  html[data-user-role="client"] .k-chat-contact-layer{
    top:var(--k-visual-viewport-top,0px)!important;
    bottom:auto!important;
    height:var(--k-visual-viewport-height,100dvh)!important;
    max-height:var(--k-visual-viewport-height,100dvh)!important;
  }
  html[data-user-role="client"] .k-chat-contact-sheet{
    max-height:min(72%,calc(var(--k-visual-viewport-height,100dvh) - 8px))!important;
  }

  /* MASTER PROFILE / BOOKING: these screens already hide shell, so remove the reserved shell gap too. */
  html[data-user-role="client"]:has(#k-page-outlet[data-current-route="providerDetail"] .k-master-ref-profile) .k-app-shell,
  html[data-user-role="client"]:has(#k-page-outlet[data-current-route="providerBooking"] .k-master-ref-booking) .k-app-shell{
    padding-top:0!important;
  }
  html[data-user-role="client"] .k-master-ref-profile,
  html[data-user-role="client"] .k-master-ref-booking{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:calc(var(--k-visual-viewport-height,100dvh) - var(--k-client-active-bottom-space))!important;
    padding-bottom:calc(var(--k-client-active-bottom-space) + 12px)!important;
    box-sizing:border-box!important;
    overflow-x:clip!important;
  }
  html[data-user-role="client"] .k-master-ref-profile__inner,
  html[data-user-role="client"] .k-master-ref-booking__inner,
  html[data-user-role="client"] .k-master-ref-profile[data-master-ref-version="2"] .k-master-ref-profile__inner{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-inline:0!important;
    padding-left:var(--k-client-mobile-gutter,12px)!important;
    padding-right:var(--k-client-mobile-gutter,12px)!important;
    box-sizing:border-box!important;
  }
  html[data-user-role="client"] .k-master-ref-booking-continue{
    position:sticky!important;
    bottom:calc(var(--k-client-active-bottom-space) + 8px)!important;
    z-index:12!important;
    box-shadow:0 8px 0 #fff,0 -8px 22px rgba(15,23,42,.06)!important;
  }
}

@media(max-width:430px){
  html[data-user-role="client"] [data-page="chats"] .k-chat-thread{padding:12px 10px!important}
  html[data-user-role="client"] [data-page="chats"] .k-chat-message>div{max-width:90%!important;padding:10px 12px!important}
  html[data-user-role="client"] [data-page="chats"] .k-chat-mobile-back{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important}
  html[data-user-role="client"] [data-page="chats"] .k-chat-mobile-back::before{content:'‹';font-size:30px;line-height:1}
  html[data-user-role="client"] .k-master-ref-booking__inner{padding-top:8px!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-user-role="client"] #k-mobile-nav,
  html[data-user-role="client"] #k-mobile-fab-stack{transition:none!important}
}


/* ===== SOURCE: css/next/client_surface_modernization_phase3.css ===== */
/* R188.5.5.6.84.63 — client surface modernization, phase 3.
   More/account/garage/orders/vehicle overlays + unified mobile overlay and empty-state geometry. */
:root{
  --k-client-overlay-radius:22px;
  --k-client-overlay-line:var(--k-ref-line,#e7e9ed);
  --k-client-overlay-soft:var(--k-ref-soft,#f6f7f8);
  --k-client-overlay-text:var(--k-ref-text,#17181b);
  --k-client-overlay-muted:var(--k-ref-muted,#73767d);
  --k-client-overlay-accent:var(--k-ref-orange,#ff3b0a);
}

/* ===== MORE: keep the KARETA honeycomb contract, but make it a real responsive app surface. ===== */
.k-more-window-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--k-client-overlay-line)}
.k-more-window-head>div{display:grid;gap:2px;min-width:0}.k-more-window-head small{color:var(--k-client-overlay-muted);font-size:9px;font-weight:850;letter-spacing:.11em}.k-more-window-head h1{margin:0;font-size:30px;line-height:1.05;letter-spacing:-.04em;color:var(--k-client-overlay-text)}
.k-more-window-close{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;padding:0;border:1px solid var(--k-client-overlay-line);border-radius:12px;background:#fff;color:#34363b;font:500 26px/1 Arial,sans-serif;cursor:pointer}.k-more-window-close:focus-visible{outline:3px solid rgba(255,59,10,.18);outline-offset:2px}
.k-more-window-profile{box-shadow:none!important;border-color:var(--k-client-overlay-line)!important}.k-more-window-support{box-shadow:none!important;border-color:var(--k-client-overlay-line)!important}
.k-more-window-action::before{background:#fff!important}.k-more-window-action:not(:disabled):active{transform:scale(.975)}
html.k-smart-action-open{overflow:hidden!important}

/* ===== ACCOUNT WINDOWS: compact desktop modal, VisualViewport-safe full mobile workspace. ===== */
dialog.k-account-window-r79{width:min(980px,calc(100vw - 40px));height:min(780px,calc(100dvh - 40px))}
.k-account-window-r79__surface{border-radius:20px;box-shadow:0 24px 70px rgba(15,23,42,.22)}
.k-account-window-r79__head{padding:16px 18px}.k-account-window-r79__head h2{font-size:21px}.k-account-window-r79__head>button{width:40px;height:40px;border-radius:12px;font-size:25px}
.k-account-window-r79__body{padding:18px}.k-account-window-form{max-width:820px}
.k-account-field-grid{gap:10px}.k-account-field-grid label{gap:6px;font-size:12px}.k-account-field-grid input,.k-account-field-grid textarea{min-height:48px;border-radius:11px;padding:10px 12px;background:#fff}.k-account-field-grid textarea{min-height:92px;resize:vertical}
.k-account-profile-editor{gap:14px;padding-bottom:16px;margin-bottom:16px}.k-account-profile-avatar{width:64px;height:64px;border-radius:18px}.k-account-profile-editor h3{font-size:22px}
.k-account-window-form footer{bottom:-18px;margin-top:16px;padding:12px 0 0;background:linear-gradient(transparent,#fff 26%)}
.k-account-choice{min-height:42px;margin:0 6px 6px 0;padding:8px 11px;border-radius:10px}.k-account-choice.is-selected{border-color:var(--k-client-overlay-accent);background:#fff4ef;color:#a83815;box-shadow:none}
.k-account-setting-list{border-top-color:var(--k-client-overlay-line)}.k-account-setting-list>label{min-height:60px;padding:12px 2px;border-bottom-color:var(--k-client-overlay-line)}.k-account-setting-list>label b{font-size:13px}.k-account-setting-list>label small{font-size:11px;line-height:1.35}.k-account-setting-list input{width:20px;height:20px;accent-color:var(--k-client-overlay-accent)}
.k-account-picker-block--fixed{padding:12px;border:1px solid var(--k-client-overlay-line);border-radius:14px;background:var(--k-client-overlay-soft)}
.k-account-flat-row,.k-account-event-row{padding:12px 2px}.k-account-flat-row b,.k-account-event-row b{font-size:13px}.k-account-flat-row small,.k-account-event-row small{font-size:11px;line-height:1.4}
.k-account-tariff-metrics{gap:8px}.k-account-tariff-metric{padding:10px;border-radius:12px;background:var(--k-client-overlay-soft)}

/* ===== GARAGE OVERLAYS: use the actual visual viewport, not layout 100dvh. ===== */
.k-garage-window{top:var(--k-visual-viewport-top,0px)!important;right:0!important;bottom:auto!important;left:0!important;width:100%!important;max-width:100%!important;height:var(--k-visual-viewport-height,100dvh)!important;max-height:var(--k-visual-viewport-height,100dvh)!important}
.k-garage-window-bar{box-shadow:none!important;border-bottom:1px solid var(--k-client-overlay-line)!important}.k-garage-window-body{scroll-padding-bottom:24px}
body.k-garage-modal-open #k-mobile-nav,body.k-garage-modal-open #k-mobile-fab-stack{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(0,110%,0)!important}

/* ===== ORDERS: dialog sheets no longer collide with navigation/browser bars. ===== */
.k-client-orders-dialog{border-radius:var(--k-client-overlay-radius)!important}.k-client-orders-dialog__sheet{border-radius:inherit!important}.k-client-orders-dialog__sheet>header{box-shadow:none!important}.k-client-orders-dialog__body{scroll-padding-bottom:18px}
.k-client-orders-dialog__actions{position:sticky;bottom:-1px;z-index:3;padding:10px 0 max(2px,env(safe-area-inset-bottom,0px));background:linear-gradient(transparent 0,#fff 24%)}
.k-client-orders-choice,.k-client-orders-sort-choice{min-height:48px;border-radius:12px}.k-client-orders-choice.is-active,.k-client-orders-sort-choice.is-active{border-color:rgba(255,59,10,.4);background:#fff4ef;color:#9f3817}
.k-client-orders-dialog-empty,.k-client-orders-empty{box-shadow:none!important}

/* ===== VEHICLE ACTION WINDOWS: full sections and compact action sheets share one geometry. ===== */
dialog.k-vehicle-modal{box-sizing:border-box!important;max-width:none!important;max-height:none!important;margin:0!important}
.k-vehicle-modal__sheet{border-radius:20px;box-shadow:0 24px 72px rgba(15,23,42,.24)}.k-vehicle-modal__sheet>header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:none}.k-vehicle-modal__body{overscroll-behavior:contain;scroll-padding-bottom:20px}
.k-vehicle-modal input,.k-vehicle-modal select,.k-vehicle-modal textarea{box-sizing:border-box;min-height:48px;border-radius:11px;padding:10px 12px}.k-vehicle-modal textarea{min-height:92px}.k-vehicle-choice-group span{min-height:48px;border-radius:12px;padding:10px}.k-vehicle-choice-group input:checked+span{border-color:var(--k-client-overlay-accent);background:#fff4ef;color:#9f3817}.k-vehicle-choice-group input:checked+span small{color:#9b624d}

/* ===== EMPTY / ERROR / LOADING: one lighter client language. ===== */
html[data-user-role="client"] :is(.k-client-orders-empty,.k-client-account-empty,.k-vehicle-loading,.k-empty-card,.k-client-orders-dialog-empty,.k-mobile-filter-empty){box-sizing:border-box;max-width:100%;border-color:var(--k-client-overlay-line)!important;background:#fff!important;box-shadow:none!important}
html[data-user-role="client"] :is(.k-client-orders-empty,.k-client-account-empty,.k-vehicle-loading,.k-empty-card) h1,
html[data-user-role="client"] :is(.k-client-orders-empty,.k-client-account-empty,.k-vehicle-loading,.k-empty-card) h2{letter-spacing:-.02em;color:var(--k-client-overlay-text)}
html[data-user-role="client"] :is(.k-client-orders-empty,.k-client-account-empty,.k-vehicle-loading,.k-empty-card) p{color:var(--k-client-overlay-muted);line-height:1.45}

/* ===== GLOBAL CLIENT FLOATING LAYERS: derive bottom from the live navigation height. ===== */
@media(max-width:900px){
  html[data-user-role="client"] #k-mobile-fab-stack,
  html[data-user-role="client"] .k-mobile-filter-stack{bottom:calc(var(--k-client-active-bottom-space,72px) + 14px)!important}
  html[data-user-role="client"] .k-mobile-quick-actions{bottom:calc(var(--k-client-active-bottom-space,72px) + 14px + var(--k-mobile-filter-stack-height,0px) + var(--k-mobile-filter-stack-gap,0px))!important}
  html[data-user-role="client"] .k-mobile-filter-search-card{bottom:calc(var(--k-client-active-bottom-space,72px) + 14px)!important}
  html[data-user-role="client"] body.k-client-keyboard-open :is(.k-mobile-filter-stack,.k-mobile-quick-actions,.k-mobile-filter-search-card){opacity:0!important;visibility:hidden!important;pointer-events:none!important}

  /* More lives between shell and the measured bottom nav. */
  html[data-user-role="client"] #k-smart-action-hub{top:var(--k-shell-h,68px)!important;right:0!important;bottom:var(--k-client-active-bottom-space,72px)!important;left:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;background:#fff!important}
  html[data-user-role="client"] #k-smart-action-hub .k-more-window{width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;overflow:auto!important;overscroll-behavior:contain!important}
  html[data-user-role="client"] #k-smart-action-hub .k-more-window-main{width:100%!important;max-width:520px!important;min-width:0!important;margin:0 auto!important;padding:12px 12px max(18px,env(safe-area-inset-bottom,0px))!important}
  html[data-user-role="client"] #k-smart-action-hub .k-more-window-hub{width:min(100%,360px)!important;max-width:100%!important;min-width:0!important}
  html[data-user-role="client"] #k-smart-action-hub .k-more-window-profile{grid-template-columns:48px minmax(0,1fr) 22px!important;min-height:76px!important;padding:11px 12px!important;border-radius:13px!important}.k-more-window-avatar{width:48px!important;height:48px!important}
  html[data-user-role="client"] #k-smart-action-hub .k-more-window-support{min-height:62px!important;margin-top:12px!important;border-radius:13px!important}
  html[data-user-role="client"]:has(#k-shell-header.is-scroll-hidden) #k-smart-action-hub{top:0!important}

  /* Account window owns the screen; don't leave a second navigation layer behind it. */
  html[data-user-role="client"].k-account-window-open #k-mobile-nav,
  html[data-user-role="client"].k-account-window-open #k-mobile-fab-stack{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(0,110%,0)!important}
  html[data-user-role="client"] dialog.k-account-window-r79{inset:var(--k-visual-viewport-top,0px) 0 auto 0!important;width:100%!important;height:var(--k-visual-viewport-height,100dvh)!important;max-width:100%!important;max-height:var(--k-visual-viewport-height,100dvh)!important;margin:0!important;border-radius:0!important}
  html[data-user-role="client"] .k-account-window-r79__surface{height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  html[data-user-role="client"] .k-account-window-r79__head{position:sticky!important;top:0!important;z-index:8!important;min-height:58px!important;padding:9px 12px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)!important}
  html[data-user-role="client"] .k-account-window-r79__head small{font-size:8px!important}.k-account-window-r79__head h2{font-size:19px!important}
  html[data-user-role="client"] .k-account-window-r79__head>button{width:40px!important;height:40px!important;border-radius:11px!important}
  html[data-user-role="client"] .k-account-window-r79__body{padding:12px 12px max(12px,env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch}
  html[data-user-role="client"] .k-account-window-form footer{bottom:calc(-12px + env(safe-area-inset-bottom,0px))!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-top:12px!important;padding:14px 0 max(8px,env(safe-area-inset-bottom,0px))!important}.k-account-window-form footer output{margin:0!important;align-self:center;font-size:11px}
  html[data-user-role="client"] .k-account-window-form footer .k-btn{min-height:46px!important}
  html[data-user-role="client"] .k-account-profile-editor{align-items:center!important}.k-account-profile-editor h3{font-size:19px!important}.k-account-profile-avatar{width:58px!important;height:58px!important;border-radius:16px!important}
  html[data-user-role="client"] .k-account-field-grid{grid-template-columns:1fr!important}.k-account-field-grid label.is-wide{grid-column:auto!important}
  html[data-user-role="client"] .k-account-window-toolbar{align-items:stretch!important}.k-account-window-toolbar .k-btn{min-height:42px!important}
  html[data-user-role="client"] .k-account-flat-row,.k-account-event-row,.k-account-plan-list article{gap:9px!important;padding:12px 0!important}.k-account-flat-actions{width:100%!important}.k-account-flat-actions .k-btn{flex:1 1 auto!important;min-height:40px!important}
  html[data-user-role="client"] .k-account-tariff-metrics,.k-account-security-rows{grid-template-columns:1fr!important}

  /* Orders are modal bottom sheets; use current VisualViewport, not 94dvh. */
  html[data-user-role="client"] dialog.k-client-orders-dialog{width:100%!important;max-width:100%!important;max-height:calc(var(--k-visual-viewport-height,100dvh) - 6px)!important;margin:auto 0 0!important;border-radius:22px 22px 0 0!important}
  html[data-user-role="client"] .k-client-orders-dialog__sheet{max-height:calc(var(--k-visual-viewport-height,100dvh) - 6px)!important;border-radius:22px 22px 0 0!important;overscroll-behavior:contain!important}.k-client-orders-dialog__sheet>header{min-height:58px!important;padding:10px 12px!important}.k-client-orders-dialog__body{padding:12px 12px max(12px,env(safe-area-inset-bottom,0px))!important}

  /* Vehicle detail/action windows: normal actions are sheets; full sections own the full viewport. */
  html[data-user-role="client"] dialog.k-vehicle-modal{top:var(--k-visual-viewport-top,0px)!important;right:0!important;bottom:auto!important;left:0!important;width:100%!important;height:var(--k-visual-viewport-height,100dvh)!important;padding:0!important;place-items:end stretch!important;background:rgba(15,23,42,.42)!important}
  html[data-user-role="client"] .k-vehicle-modal__sheet{width:100%!important;max-width:100%!important;max-height:min(82%,calc(var(--k-visual-viewport-height,100dvh) - 6px))!important;border-radius:22px 22px 0 0!important}.k-vehicle-modal.is-full .k-vehicle-modal__sheet{height:100%!important;max-height:100%!important;border-radius:0!important;box-shadow:none!important}
  html[data-user-role="client"] .k-vehicle-modal__sheet>header{min-height:58px!important;padding:10px 12px!important}.k-vehicle-modal__sheet>header h2{font-size:19px!important}.k-vehicle-modal__sheet>header button{width:40px!important;height:40px!important;border-radius:11px!important}
  html[data-user-role="client"] .k-vehicle-modal__body{padding:12px 12px max(14px,env(safe-area-inset-bottom,0px))!important}.k-vehicle-modal form>.k-btn:last-child{position:sticky!important;bottom:0!important;z-index:4!important;min-height:46px!important;box-shadow:0 -10px 20px #fff!important}

  /* Garage embedded "windows" are full-screen states. */
  html[data-user-role="client"] .k-garage-window-bar{min-height:58px!important;padding:8px 10px!important;grid-template-columns:40px minmax(0,1fr) 40px!important}.k-garage-window-bar b{font-size:14px!important}.k-garage-window-bar small{font-size:10px!important}.k-garage-window-icon,.k-garage-window-close{width:40px!important;height:40px!important;border-radius:11px!important}.k-garage-window-body{padding:12px 12px max(16px,env(safe-area-inset-bottom,0px))!important}

  /* Filter sheet follows the same visible-height contract. */
  html[data-user-role="client"] .k-mobile-filter-modal{top:var(--k-visual-viewport-top,0px)!important;bottom:auto!important;height:var(--k-visual-viewport-height,100dvh)!important;max-height:var(--k-visual-viewport-height,100dvh)!important}.k-mobile-filter-modal__sheet{max-height:min(72%,calc(var(--k-visual-viewport-height,100dvh) - 8px))!important}.k-mobile-filter-modal__body{max-height:calc(var(--k-visual-viewport-height,100dvh) - 70px)!important}
}

@media(max-width:430px){
  html[data-user-role="client"] #k-smart-action-hub .k-more-window-hub{container-type:inline-size;--hex-w:clamp(88px,31cqw,112px);--hex-h:clamp(78px,27cqw,98px);--row:calc(var(--hex-h) + 2px);--side:clamp(28px,11.5cqw,42px);height:calc(var(--row)*3 + 2px)!important}
  html[data-user-role="client"] #k-smart-action-hub .k-more-window-action__icon svg{width:25px!important;height:25px!important}.k-more-window-action__inside{gap:6px!important}.k-more-window-action__inside>span:last-child{font-size:11px!important;line-height:13px!important}.k-more-window-core{width:46px!important;height:40px!important}.k-more-window-core svg{width:22px!important;height:22px!important}
  html[data-user-role="client"] .k-account-window-toolbar{flex-direction:column!important}.k-account-window-toolbar>button{width:100%!important}.k-account-window-form footer{grid-template-columns:1fr!important}.k-account-window-form footer .k-btn{width:100%!important}
  html[data-user-role="client"] .k-client-orders-choice-grid{grid-template-columns:1fr!important}.k-client-orders-offers-summary{grid-template-columns:1fr!important}.k-client-orders-offers-summary>div:last-child{text-align:left!important}.k-client-orders-dialog__actions{grid-template-columns:1fr!important}
  html[data-user-role="client"] .k-vehicle-choice-group,.k-vehicle-choice-group--three{grid-template-columns:1fr!important}
}

@media(max-width:350px){
  html[data-user-role="client"] #k-smart-action-hub .k-more-window-main{padding-inline:8px!important}.k-more-window-head h1{font-size:27px!important}.k-more-window-profile{grid-template-columns:44px minmax(0,1fr) 20px!important}.k-more-window-avatar{width:44px!important;height:44px!important}.k-more-window-support{grid-template-columns:28px minmax(0,1fr)!important}.k-more-window-support>button{grid-column:2!important;justify-self:start!important}
}

@media(prefers-reduced-motion:reduce){
  .k-more-window-action,.k-account-window-r79__surface,.k-client-orders-dialog__sheet,.k-vehicle-modal__sheet,.k-garage-window{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}



/* ===== R188.5.5.6.84.72 ROUTE LOAD SKELETON ===== */
.k-route-loading{width:100%;max-width:100%;min-width:0;padding:18px 16px calc(var(--k-mobile-nav-height,72px) + 24px);box-sizing:border-box}
.k-route-skeleton{width:min(100%,1120px);margin:0 auto;display:grid;gap:12px;animation:k-route-skeleton-in .16s ease-out both}
.k-route-skeleton__title,.k-route-skeleton__line,.k-route-skeleton__grid>i{display:block;border-radius:12px;background:linear-gradient(90deg,rgba(25,29,36,.055) 20%,rgba(25,29,36,.105) 38%,rgba(25,29,36,.055) 56%);background-size:220% 100%;animation:k-route-skeleton-pulse 1.15s ease-in-out infinite}
.k-route-skeleton__title{width:min(52%,260px);height:28px;border-radius:9px}
.k-route-skeleton__line{width:min(78%,520px);height:13px}
.k-route-skeleton__line--short{width:min(44%,310px)}
.k-route-skeleton__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.k-route-skeleton__grid>i{min-height:154px}
@media(min-width:768px){.k-route-loading{padding:24px}.k-route-skeleton__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.k-route-skeleton__grid>i{min-height:190px}}
@keyframes k-route-skeleton-pulse{0%{background-position:100% 0}100%{background-position:-110% 0}}
@keyframes k-route-skeleton-in{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.k-route-skeleton,.k-route-skeleton__title,.k-route-skeleton__line,.k-route-skeleton__grid>i{animation:none}}

/* ===== SOURCE PATCH: css/next/mobile_brand_center.css — R188.5.5.6.84.75 mobile brand + header back icon ===== */
/* R188.5.5.6.84.75 — mobile shell brand centering + header back icon polish.
   Separate non-frozen source layer so Shell Freeze baseline remains untouched. */
@media (max-width:860px){
  #k-shell-header.k-shell-header{position:fixed}
  #k-shell-header > .k-brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:auto!important;
    align-self:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:calc(100% - 136px)!important;
    margin:0!important;
    z-index:1!important;
    overflow:visible!important;
  }
  #k-shell-header > .k-brand .k-brand-logo{
    object-position:center center!important;
    max-width:100%!important;
  }
  #k-shell-header > .k-shell-actions{
    position:relative;
    z-index:2;
    margin-left:auto;
  }
}
@media (max-width:359px){
  html[data-user-role="client"] #k-shell-header > .k-brand .k-brand-logo--full{width:108px!important}
}


/* R188.5.5.6.84.75 — keep the existing #k-mobile-back node/logic in the shell header;
   render it as a clean icon-only control without border or shadow. */
@media (max-width:900px){
  #k-shell-header > #k-mobile-back.k-mobile-back{
    position:absolute!important;
    left:max(12px,env(safe-area-inset-left,0px))!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid;
    place-items:center;
    border:0!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#111827!important;
    box-shadow:none!important;
    outline:none!important;
    z-index:4!important;
    pointer-events:auto!important;
  }
  #k-shell-header > #k-mobile-back[hidden]{display:none!important}
  #k-shell-header > #k-mobile-back svg{
    width:23px!important;
    height:23px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.1!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #k-shell-header > #k-mobile-back:active{transform:translateY(-50%) scale(.96)!important}
  #k-shell-header > #k-mobile-back:focus-visible{outline:none!important;background:rgba(255,107,0,.08)!important}

  /* These states used to hide the whole FAB stack. Preserve the same back-button visibility contract. */
  html[data-user-role="client"] body.k-client-keyboard-open #k-shell-header > #k-mobile-back,
  body.k-garage-modal-open #k-shell-header > #k-mobile-back,
  html[data-user-role="client"].k-account-window-open #k-shell-header > #k-mobile-back{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* 861–900 px previously kept the brand on the left; reserve space only while Back is visible. */
@media (min-width:861px) and (max-width:900px){
  #k-shell-header:has(> #k-mobile-back:not([hidden])) > .k-brand{margin-left:54px!important}
}


/* ===== SOURCE PATCH: R188.5.5.6.84.76 home actions + request header/action dock ===== */


/* R188.5.5.6.84.76 — quick-action icon refinement. */
.k-home-reference .k-home-ref-action__icon{
  width:40px!important;height:40px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:#fff4ef!important;color:#f04412!important;
}
.k-home-reference .k-home-ref-action__icon .k-home-ref-action-svg{
  width:30px!important;height:30px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke;
}
.k-home-reference .k-home-ref-action{
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
@media(hover:hover){.k-home-reference .k-home-ref-action:hover{border-color:#ffd3c4!important;background:#fffaf8!important;transform:translateY(-1px)}}
.k-home-reference .k-home-ref-action:active{transform:scale(.985)}



/* R188.5.5.6.84.76 — request window: native sticky header + clean action dock. */
.k-request-window-r78 .k-request-window-surface{grid-template-rows:minmax(0,1fr)!important}
.k-request-window-r78 .k-request-window-bar{display:none!important}
.k-request-window-r78 .k-request-window-body{padding:0!important;overflow:auto!important;scrollbar-gutter:stable;overscroll-behavior:contain}
.k-request-window-r78 .k-flow-request.is-window{width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important}
.k-request-window-r78 .k-flow-request.is-window>.k-flow-request-header{
  position:sticky!important;top:0!important;z-index:40!important;width:100%!important;box-sizing:border-box!important;
  margin:0!important;padding:max(8px,env(safe-area-inset-top,0px)) 16px 10px!important;
  background:rgba(255,255,255,.96)!important;border-bottom:1px solid #eceef0!important;
  box-shadow:0 7px 20px rgba(15,23,42,.045)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
.k-request-window-r78 .k-flow-request.is-window>.k-flow-request-header .k-request-ref-topbar{min-height:42px!important}
.k-request-window-r78 .k-flow-request.is-window>.k-flow-request-header .k-request-progress-shell{margin-top:7px!important}
.k-request-window-r78 .k-flow-request.is-window>.k-flow-request-copy,
.k-request-window-r78 .k-flow-request.is-window>.k-flow-request-form{width:min(420px,calc(100% - 32px))!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
.k-request-window-r78 .k-flow-request.is-window>.k-flow-request-copy{margin-top:18px!important}
.k-request-window-r78 .k-flow-request.is-window>.k-flow-request-form{padding-bottom:0!important}
.k-request-window-r78 .k-flow-request.is-window .k-flow-request-actions{
  position:sticky!important;bottom:0!important;z-index:35!important;display:grid!important;grid-template-columns:1fr!important;
  width:calc(100% + 32px)!important;margin:18px -16px 0!important;
  padding:10px 16px max(12px,env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid #eceef0!important;background:rgba(255,255,255,.97)!important;
  box-shadow:0 -10px 28px rgba(15,23,42,.07)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
.k-request-window-r78 .k-flow-request.is-window .k-flow-request-actions>[data-request-nav-note],
.k-request-window-r78 .k-flow-request.is-window .k-flow-request-actions .k-flow-back-action{display:none!important}
.k-request-window-r78 .k-flow-request.is-window .k-flow-request-actions .k-flow-primary{
  grid-column:1!important;width:100%!important;min-height:52px!important;height:52px!important;margin:0!important;
  border:0!important;border-radius:13px!important;background:#ff3b12!important;color:#fff!important;
  font-size:14px!important;font-weight:700!important;box-shadow:none!important;
}
.k-request-window-r78 .k-flow-request.is-window .k-flow-request-actions .k-flow-primary[disabled]{background:#eceef0!important;color:#9a9ea5!important}
html.k-request-window-open #k-mobile-nav{visibility:hidden!important;pointer-events:none!important}
@media(max-width:700px){
  .k-request-window-r78 .k-flow-request.is-window>.k-flow-request-copy,
  .k-request-window-r78 .k-flow-request.is-window>.k-flow-request-form{width:calc(100% - 32px)!important;max-width:430px!important}
  .k-request-window-r78 .k-flow-request.is-window>.k-flow-request-header{padding-left:14px!important;padding-right:14px!important}
}