/* My Garage 0.24.0 — app refresh for the signed-in screens.
   One visual system with the sign-in screens: light grey page, white cards, navy actions,
   gold labels, one status-tag system, and readable type (nothing below 12px). */

body.garage-view{--mg-navy:#13213C;--mg-muted:#5E6878;--mg-faint:#8A93A1;--mg-line:#E4E7EE;--mg-tile:#F5F7FB;--mg-bg:#F4F5F7;--mg-gold:#9A7036;--mg-orange:#F2A33A;--mg-sand:#F7EEDD;--mg-sand-line:#E9D6AE;--mg-red:#C2412D;--mg-red-bg:#FDEDEA;--mg-amber:#A86A12;--mg-amber-bg:#FFF4E0;--mg-green:#2F7D55;--mg-green-bg:#E7F4EC}
body.garage-view:not(.assistant-view),
body.garage-view:not(.assistant-view) .workspace{background:var(--mg-bg)!important}

/* ---------- Top bar: logo, language, notifications. Page title lives in the page. ---------- */
body.garage-view .topbar{background:rgba(244,245,247,.94)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:0!important;box-shadow:none!important}
body.garage-view .topbar .preview-pill,
body.garage-view .topbar .breadcrumb .hide-mobile{display:none!important}
body.garage-view .topbar .lang-btn,
body.garage-view .topbar .icon-btn{width:40px!important;height:40px!important;min-width:40px;border-radius:12px!important;border:1px solid var(--mg-line)!important;background:#fff!important;box-shadow:none!important}

/* ---------- Page heads ---------- */
body.garage-view .page-head h1{font-size:22px!important;line-height:1.3!important;color:var(--mg-navy)}
body.garage-view .page-head p{font-size:13px!important;line-height:1.6!important;color:var(--mg-muted)!important}
body.garage-view .page-head>.btn{min-height:44px!important;padding:0 16px!important;border-radius:14px!important;font-size:13.5px!important}
body.garage-view .home-welcome-head h1{font-size:21px!important}

/* ---------- Shared: buttons, badges, cards ---------- */
body.garage-view .btn{font-size:13px!important;min-height:42px;border-radius:13px}
body.garage-view .btn.link{font-size:13px!important;color:var(--mg-gold)!important;min-height:36px}
body.garage-view .badge{font-size:11.5px!important;min-height:24px;padding:3px 9px!important;border-radius:999px!important;font-weight:600}
body.garage-view .bottom-item span{font-size:11px!important}
body.garage-view .bottom-nav{border-top:1px solid var(--mg-line)!important}

/* Saudi plate: readable cells */
body.garage-view .saudi-plate-cell{font-size:12.5px!important}
body.garage-view .saudi-plate-mark strong{font-size:10.5px!important}
body.garage-view .saudi-plate-mark small{font-size:7px!important}

/* Empty car photo → neutral silhouette */
body.garage-view .vehicle-photo-shell.photo-empty{background:linear-gradient(180deg,#F7F8FA,#EDF0F5)!important;color:#B7C0CE;border-radius:14px}
body.garage-view .vehicle-photo-shell.photo-empty .vehicle-silhouette{width:62%;max-width:230px;height:auto}
/* Catalog car cutouts are transparent. Keep their detail-stage canvas white only. */
body.garage-view .vehicle-photo-shell.photo-detail[data-catalog-kind="vehicle"]{background:#fff!important}

/* ---------- Home ---------- */
body.garage-view .ai-home{background:#fff!important;border:1px solid var(--mg-line)!important;border-radius:22px!important;box-shadow:none!important;background-image:none!important}
body.garage-view .ai-home::before,body.garage-view .ai-home::after{display:none!important}
body.garage-view .ai-home-copy small{font-size:12.5px!important;color:var(--mg-gold)!important}
body.garage-view .ai-home-copy h2{font-size:16px!important;line-height:1.45!important}
body.garage-view .ai-home-road{border-radius:14px!important;background:var(--mg-red-bg)!important;border-color:transparent!important}
body.garage-view .ai-home-road strong{font-size:13px!important}
body.garage-view .ai-home-road small{font-size:12px!important}
body.garage-view .ai-home-road em{font-size:10.5px!important;padding:3px 8px!important;border-radius:999px!important;background:#fff!important}
body.garage-view .ai-home-recommendations-head span{font-size:12.5px!important;color:var(--mg-muted)!important;font-weight:600}
body.garage-view .ai-home-recommendation-list{background:var(--mg-tile)!important;border:1px solid var(--mg-line)!important;border-radius:16px!important}
body.garage-view .ai-home-recommendation-copy strong{font-size:14px!important}
body.garage-view .ai-home-recommendation-copy small{font-size:12.5px!important}
body.garage-view .ai-home-form{border-radius:18px!important;border:1px solid var(--mg-line)!important;box-shadow:none!important}
body.garage-view .ai-voice-status span{font-size:12px!important}
body.garage-view .home-section-head h2{font-size:16px!important}
body.garage-view .home-section-head p{font-size:12.5px!important}
body.garage-view .home-vehicle-card{border-radius:22px!important;border:1px solid var(--mg-line)!important;box-shadow:none!important}
body.garage-view .home-vehicle-media{padding:12px 12px 0}
body.garage-view .home-vehicle-media .vehicle-photo-shell{height:120px!important;border-radius:14px}
body.garage-view .home-vehicle-status{font-size:11.5px!important;padding:4px 10px!important;border-radius:999px!important}
body.garage-view .home-vehicle-title{font-size:16px!important}
body.garage-view .vehicle-year,body.garage-view small.vehicle-year{font-size:12.5px!important}
body.garage-view .home-vehicle-next{border-radius:14px!important}
body.garage-view .home-vehicle-next strong{font-size:13.5px!important}
body.garage-view .home-vehicle-next small{font-size:12.5px!important}
body.garage-view .home-vehicle-fact{border-radius:14px!important;border:1px solid var(--mg-line)!important;background:var(--mg-tile)!important}
body.garage-view .home-vehicle-fact small,body.garage-view .home-vehicle-fact em{font-size:12px!important}
body.garage-view .home-vehicle-fact strong{font-size:14px!important}
body.garage-view .home-vehicle-ai{border-radius:14px!important;min-height:50px}
body.garage-view .home-vehicle-ai span{font-size:13.5px!important}

/* ---------- My vehicles ---------- */
body.garage-view .smart-import-card{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px!important;padding:12px 14px!important;border-radius:16px!important;border:1px dashed #C9CFD9!important;background:#fff!important;box-shadow:none!important;background-image:none!important}
body.garage-view .smart-import-card::before,body.garage-view .smart-import-card::after{display:none!important}
body.garage-view .smart-import-card .smart-import-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--mg-sand)!important;color:var(--mg-gold)!important;grid-row:span 2}
body.garage-view .smart-import-card h2{font-size:14px!important;margin:0!important}
body.garage-view .smart-import-card p{font-size:12.5px!important;margin:0!important}
body.garage-view .smart-import-card>.btn{grid-column:1/-1;margin-top:8px;min-height:44px!important}
body.garage-view .car-card{border-radius:22px!important;border:1px solid var(--mg-line)!important;box-shadow:none!important;overflow:hidden}
body.garage-view .car-card-top{background:linear-gradient(180deg,#F7F8FA,#EDF0F5)!important}
body.garage-view .car-card-identity .model-line{font-size:12.5px!important}
body.garage-view .driver-line span,body.garage-view .driver-names{font-size:12.5px!important}
body.garage-view .car-numbers small,body.garage-view .car-numbers div>small{font-size:11.5px!important}
body.garage-view .car-numbers strong{font-size:14px!important}
body.garage-view .card-actions .btn{font-size:12.5px!important;min-height:42px!important}

/* ---------- Vehicle detail ---------- */
body.garage-view .back-link{display:inline-flex!important;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 14px!important;border:1px solid var(--mg-line)!important;border-radius:999px!important;background:#fff!important;font-size:13px!important;font-weight:600;color:var(--mg-navy)!important;text-decoration:none!important}
[dir="rtl"] body.garage-view .back-link svg{transform:none!important}
[dir="ltr"] body.garage-view .back-link svg{transform:scaleX(-1)!important}
body.garage-view .quick-actions .btn{font-size:12.5px!important;min-height:44px!important}
body.garage-view .tabs{gap:4px}
body.garage-view .tabs .tab{font-size:13px!important;min-height:38px;border-radius:999px!important}
body.garage-view .health-card .badge{font-size:11.5px!important}
body.garage-view .stat-number small{font-size:12.5px!important}
body.garage-view .due-copy h3{font-size:14px!important}
body.garage-view .due-copy p{font-size:12.5px!important}
body.garage-view .due-copy .due-value{font-size:12.5px!important}
body.garage-view .due-row .btn{font-size:12.5px!important;min-height:38px!important}
body.garage-view .vault-actions .btn{font-size:12.5px!important;min-height:40px!important}
body.garage-view .profile-note span{font-size:12px!important}
body.garage-view .registration-title .badge{font-size:11.5px!important}
body.garage-view .keyval span,body.garage-view .keyval strong{font-size:13px!important}

/* ---------- Expenses ---------- */
body.garage-view .total-card{background:#fff!important;color:var(--mg-navy)!important;border:1px solid var(--mg-line)!important;border-radius:22px!important;box-shadow:none!important;background-image:none!important}
body.garage-view .total-card *{color:inherit}
body.garage-view .total-card p,body.garage-view .total-card small{color:var(--mg-muted)!important;font-size:12.5px!important}
body.garage-view .bar-label span,body.garage-view .bar-label strong{font-size:13px!important}
body.garage-view .panel-head .badge{font-size:11.5px!important}
@media (max-width:700px){
  /* Transactions table → simple list rows on phones */
  body.garage-view table thead{display:none}
  body.garage-view table,body.garage-view tbody{display:block;width:100%}
  body.garage-view tbody tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--mg-line)}
  body.garage-view tbody tr:last-child{border-bottom:0}
  body.garage-view tbody td{display:block;padding:0!important;border:0!important;text-align:start!important;font-size:12.5px!important;color:var(--mg-muted)}
  body.garage-view tbody td:first-child{grid-column:1;font-size:14px!important;color:var(--mg-navy)}
  body.garage-view tbody td:first-child strong{font-size:14px!important}
  body.garage-view tbody td:nth-child(2){grid-column:1}
  body.garage-view tbody td:last-child{grid-column:2;grid-row:1/span 2;text-align:end!important;font-size:14px!important;font-weight:700;color:var(--mg-navy);white-space:nowrap}
  body.garage-view tbody td:last-child small{display:inline;font-size:11.5px!important;font-weight:500;color:var(--mg-muted);margin-inline-start:3px}
  body.garage-view tbody td:not(:first-child):not(:nth-child(2)):not(:last-child){grid-column:1}
}

/* ---------- More ---------- */
body.garage-view .more-account{background:#fff!important;color:var(--mg-navy)!important;border:1px solid var(--mg-line)!important;border-radius:22px!important;box-shadow:none!important;background-image:none!important}
body.garage-view .more-account *{color:inherit}
body.garage-view .more-account-avatar{background:var(--mg-navy)!important;color:#fff!important;border-radius:50%!important}
body.garage-view .more-account-info small{font-size:12px!important;color:var(--mg-gold)!important}
body.garage-view .more-account-info h2{font-size:15.5px!important}
body.garage-view .more-account-meta span{font-size:12px!important;color:var(--mg-muted)!important}
body.garage-view .plate-market-feature{background:var(--mg-sand)!important;border:1px solid var(--mg-sand-line)!important;color:var(--mg-navy)!important;border-radius:22px!important;box-shadow:none!important;background-image:none!important;min-height:0!important;padding:14px 16px!important}
body.garage-view .plate-market-feature *{color:inherit}
body.garage-view .plate-market-feature small{font-size:12px!important;color:var(--mg-gold)!important}
body.garage-view .plate-market-feature strong{font-size:15.5px!important}
body.garage-view .plate-market-feature em{font-size:12.5px!important;color:#6B5A3E!important}
body.garage-view .plate-market-feature-icon{background:#fff!important;color:var(--mg-gold)!important}
/* Big centered cards → compact list rows */
body.garage-view .more-hub-categories{display:flex!important;flex-direction:column;gap:0!important;background:#fff;border:1px solid var(--mg-line);border-radius:22px;overflow:hidden}
body.garage-view .more-group-card{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:64px!important;height:auto!important;padding:10px 16px!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:start!important;background:#fff!important}
body.garage-view .more-group-card+.more-group-card{border-top:1px solid var(--mg-line)!important}
body.garage-view .more-group-icon{width:40px!important;height:40px!important;border-radius:12px!important;margin:0!important;flex:none}
body.garage-view .more-group-copy{flex:1;text-align:start!important}
body.garage-view .more-group-copy strong{font-size:14px!important}
body.garage-view .more-group-meta{position:static!important;order:3;font-size:12.5px!important;color:var(--mg-faint)!important}
body.garage-view .more-logout-row{border-radius:16px!important;border:1px solid var(--mg-line)!important;min-height:52px}
body.garage-view .more-logout-row span{font-size:13.5px!important}

/* ---------- Assistant: same immersive design, lifted navy, clearer controls ---------- */
body.assistant-view,body.assistant-view .workspace{background:#152340!important}
body.garage-view .ai-immersive{background:radial-gradient(120% 60% at 50% 36%,#2A3D64 0%,#1B2B4B 46%,#152340 100%)!important}
body.garage-view .ai-garage-light{opacity:.45!important}
body.garage-view .ai-floating-close{width:44px!important;height:44px!important;min-width:44px;padding:0!important;justify-content:center;border-radius:14px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.06)!important}
body.garage-view .ai-floating-close span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.garage-view .ai-floating-close svg{width:20px!important;height:20px!important}
body.garage-view .ai-mobile-vehicle-picker>summary{min-height:44px!important;padding:0 12px 0 8px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.06)!important;font-size:13px!important}
body.garage-view .ai-mobile-vehicle-copy strong{font-size:13.5px!important}
body.garage-view .ai-mobile-vehicle-icon{width:30px!important;height:30px!important;border-radius:50%!important;background:rgba(242,163,58,.16)!important;color:#F2A33A!important}
body.garage-view .ai-vehicle-card small{font-size:12px!important}
body.garage-view .ai-empty h1{font-size:21px!important}
body.garage-view .ai-starter-suggestions{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}
body.garage-view .ai-starter-chip{min-height:42px!important;padding:0 16px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.07)!important;color:#F6F4EF!important;font-size:13px!important;font-weight:600}
body.garage-view .ai-starter-chips{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}
body.garage-view .ai-starter-chip:first-child{border-color:rgba(242,163,58,.55)!important;background:rgba(242,163,58,.12)!important;color:#FFD9A0!important}
body.garage-view .ai-starter-more>summary{min-height:42px;padding:0 16px!important;border-radius:999px!important;font-size:13px!important}
body.garage-view .ai-composer{border-radius:22px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important;padding:8px!important}
body.garage-view .ai-composer input{font-size:16px!important}
body.garage-view .ai-composer .ai-mic{width:46px!important;height:46px!important;border-radius:15px!important;background:#F2A33A!important;color:#13213C!important;border:0!important}
body.garage-view .ai-composer .ai-manual-action{width:46px!important;height:46px!important;border-radius:15px!important;background:rgba(255,255,255,.1)!important;border:0!important}
body.assistant-view .bottom-nav{background:rgba(21,35,64,.96)!important;border-top-color:rgba(255,255,255,.08)!important}

/* My vehicles: photo band on top, details full width underneath (no squeezed buttons) */
body.garage-view .car-card{grid-template-columns:minmax(0,1fr)!important}
body.garage-view .car-card-top{padding:12px 12px 0!important;background:#fff!important}
body.garage-view .car-card-top .vehicle-photo-shell,body.garage-view .car-card-top .vehicle-photo-shell.photo-empty{height:110px!important;border-radius:14px!important;background:linear-gradient(180deg,#F7F8FA,#EDF0F5)!important}
body.garage-view .car-card-top .vehicle-photo-shell .vehicle-silhouette{width:46%}
body.garage-view .car-card-top-line{position:absolute;top:20px;inset-inline-start:20px;z-index:2}
body.garage-view .car-card-body{padding:12px 16px 16px!important}
body.garage-view .card-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
body.garage-view .card-actions .btn{white-space:nowrap}

/* 0.24.1 — one size step down across the app; greeting and card titles calmer */
body.garage-view .home-welcome-head p{font-size:13px!important}
body.garage-view .ai-home-form input{font-size:16px!important}
/* Empty "no upcoming actions" state: one slim line instead of a large dashed box */
body.garage-view .ai-home-recommendations.empty{min-height:0!important;height:auto!important;padding:0!important;margin:10px 0!important;border:0!important;background:none!important}
body.garage-view .ai-home-recommendations-empty{min-height:44px!important;padding:10px 14px!important;border-radius:14px!important;border:0!important;background:#E7F4EC!important;color:#2F7D55!important;font-size:13px!important;justify-content:flex-start!important;gap:8px}
body.garage-view .ai-home-recommendations-empty svg{width:18px;height:18px}

/* ---------- 0.25.0 — Home rebuilt to the approved demo layout ---------- */
body.garage-view .home-v2{display:flex!important;flex-direction:column;gap:14px!important}
body.garage-view .home-v2 .page-head{margin:4px 2px 0!important}
body.garage-view .home-v2 .page-head h1{font-size:21px!important}
body.garage-view .home-v2 .page-head p{font-size:13.5px!important;color:#5E6878!important}
/* Ask bar: no card around it */
body.garage-view .home-ask-block{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
body.garage-view .home-ask-block .ai-home-form{margin:0!important;background:#fff!important;min-height:56px}
body.garage-view .home-ask-block .ai-voice-status:empty{display:none}
/* Roadside strip */
body.garage-view .home-v2>.ai-home-road{margin:0!important;width:100%;min-height:46px}
/* Section heads */
body.garage-view .home-v2 .home-section-head{display:flex!important;align-items:center!important;justify-content:space-between;margin:8px 2px 10px!important}
body.garage-view .home-v2 .home-section-head h2{font-size:16px!important;margin:0}
/* Needs attention list */
body.garage-view .home-attention-list{background:#fff;border:1px solid var(--mg-line);border-radius:20px;overflow:hidden}
body.garage-view .home-attention-row{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 14px;border:0;background:none;text-align:start;font:inherit;color:var(--mg-navy);cursor:pointer}
body.garage-view .home-attention-row+.home-attention-row{border-top:1px solid var(--mg-line)}
body.garage-view .home-attention-row:active{background:var(--mg-tile)}
body.garage-view .home-attention-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}
body.garage-view .home-attention-icon .icon,body.garage-view .home-attention-icon svg{width:19px;height:19px}
body.garage-view .home-attention-icon.amber{background:var(--mg-amber-bg);color:var(--mg-amber)}
body.garage-view .home-attention-icon.red{background:var(--mg-red-bg);color:var(--mg-red)}
body.garage-view .home-attention-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
body.garage-view .home-attention-copy strong{font-size:14px;font-weight:600}
body.garage-view .home-attention-copy small{font-size:12.5px;color:var(--mg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* One chip style */
body.garage-view .home-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;max-width:48%;overflow:hidden;text-overflow:ellipsis;flex:none}
body.garage-view .home-chip.red{background:var(--mg-red-bg);color:var(--mg-red)}
body.garage-view .home-chip.amber{background:var(--mg-amber-bg);color:var(--mg-amber)}
body.garage-view .home-chip.green{background:var(--mg-green-bg);color:var(--mg-green)}
/* Car tiles: swipe row with the next car peeking */
body.garage-view .home-cars{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body.garage-view .home-cars::-webkit-scrollbar{display:none}
body.garage-view .home-car{position:relative;flex:0 0 min(80%,320px);scroll-snap-align:start;background:#fff;border:1px solid var(--mg-line);border-radius:20px;overflow:hidden}
@media (min-width:900px){body.garage-view .home-cars{margin:0;padding:2px 0 6px}body.garage-view .home-car{flex-basis:300px}}
body.garage-view .home-car-open{display:flex;flex-direction:column;gap:10px;width:100%;padding:12px;border:0;background:none;text-align:start;font:inherit;color:var(--mg-navy);cursor:pointer}
body.garage-view .home-car-art{display:block;height:96px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#F7F8FA,#EDF0F5)}
body.garage-view .home-car-art .vehicle-photo-shell{height:100%!important;width:100%;border-radius:14px}
body.garage-view .home-car-art .vehicle-photo-shell img{object-fit:cover!important}
body.garage-view .home-car-art .vehicle-silhouette{width:52%!important}
body.garage-view .home-car-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
body.garage-view .home-car-name{min-width:0;display:flex;flex-direction:column}
body.garage-view .home-car-name strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.garage-view .home-car-name small{font-size:12.5px;color:var(--mg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.garage-view .home-car-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.garage-view .home-car-stat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;border-radius:12px;background:var(--mg-tile)}
body.garage-view .home-car-stat small{font-size:11.5px;color:var(--mg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.garage-view .home-car-stat b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.garage-view .home-car-location{position:absolute;top:20px;inset-inline-end:20px;width:36px;height:36px;border-radius:12px;border:1px solid var(--mg-line);background:#fff;color:var(--mg-navy);display:grid;place-items:center}
body.garage-view .home-car-location svg{width:18px;height:18px}
body.garage-view .home-v2>.ai-home-road{flex:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;height:auto!important;min-height:46px!important;padding:10px 14px!important;text-align:start!important}
body.garage-view .home-v2>.ai-home-road em{margin-inline-start:auto!important}
body.garage-view .home-v2{padding:0 16px 8px!important}
body.garage-view .home-v2>.page-head{margin:4px 0 0!important;padding:0 2px!important}
body.garage-view .home-v2>.home-ask-block,body.garage-view .home-v2>.home-section{margin:0!important}
@media (min-width:900px){body.garage-view .home-v2{padding:0!important}}
body.garage-view .home-car-name small{unicode-bidi:plaintext}
[dir="rtl"] body.garage-view .home-car-name small{text-align:right}

/* ---------- 0.25.0 — Family home ---------- */
/* No app logo inside the signed-in app (it stays on login pages) */
body.garage-view .topbar .breadcrumb{display:none!important}
body.garage-view .topbar{justify-content:flex-end!important}
/* Top bar blends into the scene on home */
body.home-view:has(.fh-scene.morning) .topbar{background:#CFE6FA!important}
body.home-view:has(.fh-scene.evening) .topbar{background:#1B2B4E!important}
body.home-view:has(.fh-scene.evening) .topbar .icon-btn,
body.home-view:has(.fh-scene.evening) .topbar .lang-btn{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important;color:#F6F4EF!important}

body.garage-view .home-family{display:flex!important;flex-direction:column;gap:0!important;padding:0 0 8px!important}
body.garage-view .home-family>.home-section,body.garage-view .home-family>.ai-home-road,body.garage-view .home-family>.empty-state{margin-left:16px!important;margin-right:16px!important}

/* Scene */
.fh-scene{position:relative;height:300px;overflow:hidden;border-radius:0 0 30px 30px;margin:0!important}
.fh-scene.morning{background:linear-gradient(180deg,#CFE6FA 0%,#EAF4FB 45%,#FBEBD2 100%)}
.fh-scene.evening{background:linear-gradient(180deg,#1B2B4E 0%,#34466E 42%,#E9A970 100%)}
.fh-greet{position:absolute;top:6px;inset-inline:18px;z-index:3}
.fh-greet h1{margin:0;font-size:22px;line-height:1.35;color:#13213C}
.fh-greet p{margin:3px 0 0;font-size:13px;color:#5E6878}
.evening .fh-greet h1{color:#fff}.evening .fh-greet p{color:#D5DCEB}
.fh-city{display:inline-flex;align-items:center;gap:5px;margin-top:8px;min-height:28px;padding:0 10px;border-radius:99px;border:0;background:rgba(255,255,255,.7);color:#9A7036;font:600 11.5px/1 inherit;cursor:pointer}
.fh-city .icon,.fh-city svg{width:14px;height:14px}
.evening .fh-city{background:rgba(255,255,255,.14);color:#F6CF8E}
.fh-sun{position:absolute;top:44px;inset-inline-end:40px;width:48px;height:48px;border-radius:50%}
.morning .fh-sun{background:radial-gradient(circle,#FFE3A3 0%,#FFD27A 60%,rgba(255,210,122,0) 72%)}
.evening .fh-sun{background:radial-gradient(circle,#FFF4DA 0%,#F6E3B8 55%,rgba(246,227,184,0) 72%);width:32px;height:32px}
.fh-stars{position:absolute;inset:0;opacity:0}.evening .fh-stars{opacity:1}
.fh-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.7}
.fh-stars i:nth-child(1){top:128px;left:18%}.fh-stars i:nth-child(2){top:48px;left:44%}.fh-stars i:nth-child(3){top:16px;left:62%}.fh-stars i:nth-child(4){top:80px;left:30%}.fh-stars i:nth-child(5){top:60px;left:8%}.fh-stars i:nth-child(6){top:30px;left:84%}
.fh-skyline{position:absolute;left:0;right:0;bottom:92px;width:100%;height:124px;z-index:0;pointer-events:none;opacity:.75}
.fh-skyline .sk path:not(.line):not(.cut),.fh-skyline .sk circle,.fh-skyline .sk rect{fill:rgba(255,255,255,.35);stroke:#8FA3C0;stroke-width:1.2;stroke-linejoin:round}
.fh-skyline .line{fill:none;stroke:#8FA3C0;stroke-width:1.2;stroke-linecap:round}
.fh-skyline .cut{fill:#EAF4FB;stroke:#8FA3C0;stroke-width:1.2}
.evening .fh-skyline{opacity:.6}
.evening .fh-skyline .sk path:not(.line):not(.cut),.evening .fh-skyline .sk circle,.evening .fh-skyline .sk rect{fill:rgba(20,32,60,.35);stroke:#AFC0DC}
.evening .fh-skyline .line{stroke:#AFC0DC}.evening .fh-skyline .cut{fill:#3F4F75;stroke:#AFC0DC}
.evening .fh-skyline .ball{fill:#FFE3A8!important}
.fh-drive{position:absolute;inset:auto 0 0 0;height:230px;z-index:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}
.fh-drive::-webkit-scrollbar{display:none}
.fh-drive svg{display:block;height:100%;width:auto}
.fh-drive text{font-family:Alexandria,Tahoma,sans-serif}
.fh-car{cursor:pointer}.fh-car:focus{outline:none}.fh-car:focus-visible path:first-of-type{stroke:#F2A33A;stroke-width:3}
.fh-door-glow{opacity:0}.evening .fh-door-glow{opacity:1}
/* house */
.fh-house .wall{fill:#FBF6EE;stroke:#E6DAC6;stroke-width:1.5}.fh-house .roof{fill:#3A4C70}.fh-house .roof-soft{fill:#56688C}
.fh-house .door-frame{fill:#EFE5D4}.fh-house .door{fill:#F4ECDF}.fh-house .slat-line{stroke:#DDCFB8;stroke-width:2;stroke-linecap:round}
.fh-house .door-light{fill:#F6D9A2;opacity:.55}.fh-house .win{fill:#DCEAF4;stroke:#E6DAC6;stroke-width:1.5}
.fh-house .fam{fill:#6F86AA;opacity:.55}.fh-house .lamp{fill:#C9B48E}.fh-house .lamp-glow{fill:#FFD58A;opacity:0}
.fh-house .ai-halo{fill:#F2A33A;opacity:0}.fh-house .ai-disc{fill:#FBF6EE;stroke:#E6DAC6;stroke-width:1.5}.fh-house .ai-spark{fill:#F2A33A}.fh-house .ai-plus{stroke:#F2A33A;stroke-width:1.6;stroke-linecap:round}
.evening .fh-house .wall{fill:#E9E1D3;stroke:#CFC2AC}.evening .fh-house .roof{fill:#2A3A5C}.evening .fh-house .roof-soft{fill:#3F5078}
.evening .fh-house .door{fill:#FFE7B8}.evening .fh-house .door-frame{fill:#E7D8BC}.evening .fh-house .slat-line{stroke:#F1CF92}
.evening .fh-house .door-light{fill:#FFC66B;opacity:.9}.evening .fh-house .win{fill:#FFE3A8}.evening .fh-house .fam{fill:#8A5A2B;opacity:.6}
.evening .fh-house .lamp-glow{opacity:.35}.evening .fh-house .ai-halo{fill:#FFC66B;opacity:.28}.evening .fh-house .ai-disc{fill:#FFE7B8;stroke:#F1CF92}
.evening .fh-house .ai-spark{fill:#C77A12}.evening .fh-house .ai-plus{stroke:#C77A12}

/* Ask bar floats on the scene edge */
body.garage-view .home-family>.home-ask-block{position:relative;z-index:4;margin:-30px 16px 0!important}
body.garage-view .home-family>.home-ask-block .ai-home-form{box-shadow:0 12px 30px rgba(19,33,60,.12)!important}

/* Family row */
.fh-family .home-section-head,.fh-upcoming .home-section-head{margin-top:22px!important}
.fh-row{display:flex;gap:14px;overflow-x:auto;margin:0 -16px;padding:4px 16px 6px;scrollbar-width:none}
.fh-row::-webkit-scrollbar{display:none}
.fh-member{flex:none;width:84px;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:0;text-align:center;font:inherit;color:#13213C;cursor:pointer}
.fh-avatar{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700;color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 5px #E6E3DC}
.fh-member[data-level="red"] .fh-avatar{box-shadow:0 0 0 3px #fff,0 0 0 5px #E9A395}
.fh-member[data-level="amber"] .fh-avatar{box-shadow:0 0 0 3px #fff,0 0 0 5px #EFC27A}
.fh-member[data-level="green"] .fh-avatar{box-shadow:0 0 0 3px #fff,0 0 0 5px #9FD1B3}
.fh-mini{position:absolute;bottom:-4px;inset-inline-end:-6px;width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(19,33,60,.15)}
.fh-mini .icon,.fh-mini svg{width:15px;height:15px}
.fh-mini.red{color:#C2412D}.fh-mini.amber{color:#D08A1A}.fh-mini.green{color:#3C9A66}
.fh-member strong{font-size:13px;line-height:1.2}
.fh-member small{font-size:11px;color:#5E6878;line-height:1.3;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fh-member.add .fh-avatar{background:#fff;color:#9A7036;border:1.5px dashed #D9C39A;box-shadow:none}

/* Upcoming 30 days */
.fh-sub{font-size:12px;font-weight:500;color:#5E6878;margin-inline-start:4px}
.fh-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:12px}
.fh-dow{text-align:center;font-size:10.5px;color:#5E6878}
.fh-day{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0 8px;min-height:54px;border-radius:14px;border:1px solid #E4E7EE;background:#fff;font:inherit;color:#13213C;cursor:pointer}
.fh-day small{font-size:10px;color:#5E6878;line-height:1;white-space:nowrap}
.fh-day b{font-size:14.5px;line-height:1.2}
.fh-day i{width:6px;height:6px;border-radius:50%;background:transparent}
.fh-day.has-amber i{background:#F2A33A}.fh-day.has-red i{background:#C2412D}
.fh-day.today{border:1.5px solid #13213C}
.fh-day.first small{color:#9A7036;font-weight:700}
.fh-day[aria-pressed="true"]{background:#13213C;border-color:#13213C;color:#fff}
.fh-day[aria-pressed="true"] small{color:#C9D1E3}
.fh-days.month .fh-day{min-height:48px;padding:6px 0}
.fh-who{width:26px;height:26px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:700;flex:none}
body.garage-view .home-family>.ai-home-road{margin-top:18px!important}

/* Person sheet */
.fh-sheet-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.fh-sheet-head .fh-avatar{width:48px;height:48px;font-size:18px;box-shadow:none}
.fh-sheet-head strong{display:block;font-size:15px}.fh-sheet-head small{display:block;font-size:12.5px;color:#5E6878}
@media (min-width:900px){.fh-scene{border-radius:26px;height:320px}}
@media (prefers-reduced-motion:reduce){.fh-drive{scroll-behavior:auto}}
body.home-view:has(.home-family) #main-content{padding-top:0!important}
body.garage-view .home-family>.home-ask-block{overflow:visible!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;display:block!important}
body.garage-view .home-family>.ai-home-road{flex:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;height:auto!important;min-height:46px!important;width:auto!important;padding:10px 14px!important;text-align:start!important;border-radius:14px!important}
body.garage-view .home-family>.ai-home-road em{margin-inline-start:auto!important}
body.garage-view .home-family>.home-section{margin-top:0!important}
/* 0.25.1 — the top safe area always matches the screen's top color */
body.home-view:has(.fh-scene.morning){background:#CFE6FA!important}
body.home-view:has(.fh-scene.evening){background:#1B2B4E!important}
body.home-view:has(.fh-scene) .workspace{background:linear-gradient(#0000 0,#0000 300px,#F4F5F7 300px)!important}
body.home-view:has(.fh-scene) .topbar{box-shadow:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.home-view:has(.fh-scene.evening) .topbar .lang-btn svg,body.home-view:has(.fh-scene.evening) .topbar .icon-btn svg{color:#F6F4EF!important;stroke:#F6F4EF!important}
body.home-view:has(.fh-scene.evening) .topbar .lang-btn:before{filter:brightness(0) invert(1);opacity:.92}

/* ---------- 0.26.0 — lighter family palette (home + sign-in) ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fh-scene.morning{background:linear-gradient(180deg,#E3EFF9 0%,#F3F8FB 50%,#FBF4E8 100%)!important}
.fh-scene.evening{background:linear-gradient(180deg,#3D5079 0%,#6B7CA2 48%,#F0C7A2 100%)!important}
.fh-skyline{opacity:.5!important}.evening .fh-skyline{opacity:.45!important}
.fh-house .wall{fill:#FDFAF5!important;stroke:#EDE3D3!important;stroke-width:1.2!important}
.fh-house .roof{fill:#6A7FA6!important}.fh-house .roof-soft{fill:#8A9BBB!important}
.fh-house .door-frame{fill:#F3ECDF!important}.fh-house .door{fill:#F8F2E8!important}.fh-house .slat-line{stroke:#E6DAC6!important;stroke-width:1.6!important}
.fh-house .fam{fill:#8FA3C0!important;opacity:.5!important}
.evening .fh-house .wall{fill:#F1EADF!important;stroke:#DCCFBA!important}
.evening .fh-house .roof{fill:#51648C!important}.evening .fh-house .roof-soft{fill:#6E80A6!important}
.evening .fh-house .door-light{fill:#FFD28A!important;opacity:.8!important}
.evening .fh-house .fam{fill:#8A5A2B!important;opacity:.55!important}
body.home-view:has(.fh-scene.morning),body.home-view:has(.fh-scene.morning) .topbar{background:#E3EFF9!important}
body.home-view:has(.fh-scene.evening),body.home-view:has(.fh-scene.evening) .topbar{background:#3D5079!important}

/* Language button in the app top bar: same look as the notification button */
body.garage-view .topbar .lang-btn:before{display:none!important}
body.garage-view .topbar .lang-btn{display:grid!important;place-items:center;font-size:0!important;color:#13213C}
body.garage-view .topbar .lang-btn .icon,body.garage-view .topbar .lang-btn svg{width:20px!important;height:20px!important}
body.home-view:has(.fh-scene.evening) .topbar .lang-btn{color:#F6F4EF!important}

/* ---------- Sign-in pages: family scene on top, card slides over it ---------- */
body.auth-view,body.auth-view .auth-shell.auth-family{background:#FAF7F1!important}
body.auth-view .auth-shell.auth-family::before,body.auth-view .auth-shell.auth-family::after,body.auth-view::before,body.auth-view::after{display:none!important}
body.auth-view .auth-shell.auth-family{position:relative;display:flex!important;flex-direction:column;min-height:100dvh;height:auto!important;overflow:visible!important}
.auth-scene{position:absolute!important;top:0;left:0;right:0;height:calc(var(--auth-scene-h,230px) + env(safe-area-inset-top,0px));border-radius:0!important;z-index:0;overflow:hidden}
.auth-scene-intro{--auth-scene-h:240px}.auth-scene-signin{--auth-scene-h:220px}.auth-scene-create{--auth-scene-h:230px}.auth-scene-invite{--auth-scene-h:230px}.auth-scene-plain{--auth-scene-h:210px}
.auth-scene .fh-skyline{bottom:94px;height:92px;opacity:.42!important}
.auth-scene .fh-sun{top:calc(64px + env(safe-area-inset-top,0px));inset-inline-end:46%;width:34px;height:34px}
.auth-scene .fh-stars i:nth-child(1){top:90px;left:40%}.auth-scene .fh-stars i:nth-child(2){top:70px;left:58%}.auth-scene .fh-stars i:nth-child(3){top:104px;left:14%}.auth-scene .fh-stars i:nth-child(4){top:80px;left:26%}.auth-scene .fh-stars i:nth-child(5){display:none}.auth-scene .fh-stars i:nth-child(6){display:none}
.auth-ground{position:absolute;inset:auto 0 0 0;height:160px}
.auth-ground svg{display:block;width:100%;height:100%}
.auth-ground text{font-family:Alexandria,Tahoma,sans-serif}
/* the safe area above the header takes the sky colour */
body.auth-view .auth-shell.auth-family{background:transparent!important}
body.auth-view .auth-family .auth-layout{background:#fff}
body.auth-view .auth-family .auth-topbar{position:relative;z-index:3;background:none!important;border:0!important;box-shadow:none!important}
body.auth-view .auth-family .auth-topbar .auth-brand small{display:none!important}
body.auth-view .auth-family .brand-logo-surface{background:none!important;box-shadow:none!important;border:0!important}
body.auth-view .auth-family:has(.auth-scene.evening) .brand-logo{filter:brightness(0) invert(1);opacity:.95}
body.auth-view .auth-family:has(.auth-scene.evening) .auth-language-trigger{background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important}
body.auth-view .auth-family .auth-layout,body.auth-view .auth-family .signup-landing-layout{position:relative;z-index:2;flex:1;margin-top:calc(var(--auth-card-top,212px))!important;padding:0!important;display:flex!important;align-items:stretch!important}
.auth-family:has(.auth-scene-intro){--auth-card-top:148px}.auth-family:has(.auth-scene-signin){--auth-card-top:128px}.auth-family:has(.auth-scene-create){--auth-card-top:138px}.auth-family:has(.auth-scene-invite){--auth-card-top:138px}.auth-family:has(.auth-scene-plain){--auth-card-top:118px}
body.auth-view .auth-family .auth-story{display:none!important}
body.auth-view .auth-family .auth-card,body.auth-view .auth-family .signup-intro-card{flex:1;width:100%;max-width:560px;margin:0 auto!important;min-height:0!important;border:0!important;border-radius:28px 28px 0 0!important;box-shadow:0 -8px 24px rgba(19,33,60,.05)!important;padding:26px 20px calc(24px + env(safe-area-inset-bottom,0px))!important}
@media (min-width:700px){body.auth-view .auth-family .auth-card,body.auth-view .auth-family .signup-intro-card{border-radius:28px!important;margin-bottom:32px!important;flex:none}}

/* ---------- 0.26.1 — sign-in scene polish ---------- */
/* Sky runs up behind the clock; white below for the card */
body.auth-view:has(.auth-scene.morning){background:linear-gradient(#E3EFF9 0 50%,#fff 50%)!important}
body.auth-view:has(.auth-scene.evening){background:linear-gradient(#3D5079 0 50%,#fff 50%)!important}
body.auth-view .auth-shell.auth-family{background:transparent!important}
/* Logo: no pill; turns white on the evening sky */
body.auth-view .auth-family .auth-brand{background:none!important;padding:0!important;border-radius:0!important}
body.auth-view .auth-family:has(.auth-scene.evening) .brand-logo{filter:brightness(0) invert(1);opacity:.95}
/* Evening house glows again (lighter palette overrides were too strong) */
.evening .fh-house .door{fill:#FFE7B8!important}
.evening .fh-house .door-frame{fill:#E7D8BC!important}
.evening .fh-house .slat-line{stroke:#F1CF92!important}
.evening .fh-house .win{fill:#FFE3A8!important}
/* Stars away from the buttons */
.fh-stars i:nth-child(5){top:150px!important;left:52%!important}
.fh-stars i:nth-child(6){top:110px!important;left:70%!important}
/* Shorter scene: house and sky take less of the screen */
.auth-scene-intro{--auth-scene-h:250px}.auth-scene-signin{--auth-scene-h:226px}.auth-scene-create{--auth-scene-h:236px}.auth-scene-invite{--auth-scene-h:236px}.auth-scene-plain{--auth-scene-h:216px}
.auth-family:has(.auth-scene-intro){--auth-card-top:142px}.auth-family:has(.auth-scene-signin){--auth-card-top:118px}.auth-family:has(.auth-scene-create){--auth-card-top:128px}.auth-family:has(.auth-scene-invite){--auth-card-top:128px}.auth-family:has(.auth-scene-plain){--auth-card-top:108px}
.auth-scene .fh-skyline{height:78px!important;bottom:96px!important}
/* The scene already shows the house: the card starts with the gold label only */
body.auth-view .auth-family .auth-brand-badge{display:none!important}
body.auth-view .auth-family .auth-brand-row{margin-bottom:6px!important}
body.auth-view .auth-family .auth-brand-label{font-size:14px!important}

/* ---------- 0.26.2 — iPhone visual fixes ---------- */
/* Sign-in / create / invite / loading: the shorter scene pushed the roof into the logo.
   Give these scenes the same headroom as the intro (roof ~20px below the logo). */
.auth-scene-signin{--auth-scene-h:246px}.auth-scene-create{--auth-scene-h:248px}.auth-scene-invite{--auth-scene-h:248px}.auth-scene-plain{--auth-scene-h:246px}
.auth-family:has(.auth-scene-signin){--auth-card-top:138px}.auth-family:has(.auth-scene-create){--auth-card-top:140px}.auth-family:has(.auth-scene-invite){--auth-card-top:140px}.auth-family:has(.auth-scene-plain){--auth-card-top:138px}
/* Evening language button: solid, so the skyline no longer shows through it */
body.auth-view .auth-family:has(.auth-scene.evening) .auth-language-trigger{background:#5A6B93!important;border-color:rgba(255,255,255,.28)!important}
/* Intro: tighter spacing so "Already have a garage? Sign in" fits above the Safari toolbar */
body.auth-view .auth-family .signup-intro-card .auth-subtitle{margin-bottom:16px!important}
body.auth-view .auth-family .signup-intro-card .intro-benefits{margin-bottom:18px!important}
body.auth-view .auth-family .signup-intro-card .intro-benefits>span{padding-top:10px!important;padding-bottom:10px!important}
body.auth-view .auth-family .signup-intro-card .trial-reassurance{margin-top:10px!important}
body.auth-view .auth-family .signup-intro-card .auth-switch{margin-top:12px!important}
/* Home: stars and sun clear of the greeting text */
.fh-scene:not(.auth-scene) .fh-stars i:nth-child(2){top:74px!important;left:46%!important}
.fh-scene:not(.auth-scene) .fh-stars i:nth-child(3){top:104px!important;left:34%!important}
.fh-scene:not(.auth-scene) .fh-sun{top:66px}
/* Home evening: the driveway's faded edges showed the peach sky; put ground behind them */
.fh-scene:not(.auth-scene)::before{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(#F5EFE5,#EEE6D8);pointer-events:none}

/* ---------- 0.26.3 — skyline stands on the ground ---------- */
/* The ground drawing (viewBox 480×200, horizon at y=122, xMidYMax slice) puts the horizon
   78 × max(width/480, 0.8) px above the scene bottom. Stand the skyline exactly there
   (1px lower so the ground covers its base) instead of a fixed 96px, which left it
   floating ~30px above the ground and up against the language button. */
.auth-scene .fh-skyline{bottom:calc(clamp(62.4px,16.25vw,160px) - 1px)!important}
/* Home: the driveway's ground line is ~89.7px above the scene bottom (230px drive, horizon at 122 × 1.15);
   the skyline sat at 92px, a couple of pixels in the air. Stand it on the ground too. */
.fh-scene:not(.auth-scene) .fh-skyline{bottom:89px}

/* ---------- 0.26.6 — compact Home on phones ---------- */
@media (max-width:899px){
  /* Scene 300 → 262px; the drawing (house, cars) is 172px tall instead of 230, so ~25% smaller
     and two cars fit in view. Ground line = 78/200 of the drawing = 67px above the scene bottom. */
  body.home-view .fh-scene:not(.auth-scene){height:262px}
  body.home-view .fh-drive{height:172px}
  body.home-view .fh-scene:not(.auth-scene) .fh-skyline{bottom:66px;height:104px}
  body.home-view .fh-scene:not(.auth-scene)::before{height:67px}
  body.home-view:has(.fh-scene) .workspace{background:linear-gradient(#0000 0,#0000 262px,#F4F5F7 262px)!important}
  /* Greeting */
  body.home-view .fh-greet h1{font-size:20px}
  body.home-view .fh-greet p{font-size:12.5px}
  body.home-view .fh-city{font-size:12.5px;padding-block:3px}
  body.home-view .fh-city svg{width:13px;height:13px}
  /* Ask bar: 60 → 50px, and it overlaps the scene less so it doesn't cover the cars */
  body.garage-view.home-view .home-family > .home-ask-block{margin:-16px 16px 0!important}
  body.garage-view.home-view .home-ask-block .ai-home-form{min-height:48px!important;padding-block:4px!important}
  body.home-view #home-ai-input{height:38px;min-height:0}
  body.home-view .ai-home-form .ai-mic,body.home-view .ai-home-form .ai-send{width:40px;height:40px;min-width:40px;min-height:40px}
  /* Family: avatars 62 → 50px */
  body.home-view .fh-member{width:70px;min-width:70px;font-size:12.5px}
  body.home-view .fh-avatar{width:50px;height:50px;font-size:18px}
}

/* ---------- 0.26.7 — My Cars: short cards ---------- */
/* One row per car: small photo, name, year and drivers, plate; below it the next due date,
   mileage and a mileage button. The whole card opens the car (the name button stretches over it). */
body.garage-view .car-grid.car-rows{gap:10px!important}
body.garage-view .car-card.car-row{position:relative;display:block!important;padding:12px!important;border-radius:18px!important;min-height:0!important;overflow:visible}
body.garage-view .car-row-main{display:flex;gap:12px;align-items:center}
body.garage-view .car-row-photo{flex:0 0 112px;height:76px;border-radius:12px;background:linear-gradient(180deg,#F7F8FA,#EDF0F5);overflow:hidden;display:grid;place-items:center}
body.garage-view .car-row-photo .vehicle-photo-shell,body.garage-view .car-row-photo .photo-card,body.garage-view .car-row-photo .car-art{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;aspect-ratio:auto!important}
body.garage-view .car-row-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:3px!important}
body.garage-view .car-row-photo .vehicle-silhouette{width:78%;height:auto}
body.garage-view .car-row-id{flex:1;min-width:0}
body.garage-view .car-row-id h3{margin:0!important;font-size:15.5px!important;line-height:1.35!important}
body.garage-view .car-row-open{all:unset;display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font:inherit;color:var(--mg-navy,#13213C)}
body.garage-view .car-row-open::after{content:"";position:absolute;inset:0;border-radius:18px;z-index:1}
body.garage-view .car-row-open:focus-visible::after{outline:2px solid #E2BD74;outline-offset:2px}
body.garage-view .car-row-sub{margin-top:1px;font-size:12px;color:var(--mg-muted,#5E6878);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.garage-view .car-row-id .saudi-plate{margin:6px 0 -9px!important;transform:scale(.78);transform-origin:right top}
html[dir=ltr] body.garage-view .car-row-id .saudi-plate{transform-origin:left top}
body.garage-view .car-row-foot{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #EEF0F4}
body.garage-view .car-due{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.garage-view .car-due i{flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}
body.garage-view .car-due.green{background:var(--mg-green-bg,#E7F4EC);color:var(--mg-green,#2F7D55)}
body.garage-view .car-due.amber{background:var(--mg-amber-bg,#FFF4E0);color:var(--mg-amber,#A86A12)}
body.garage-view .car-due.red{background:var(--mg-red-bg,#FDEDEA);color:var(--mg-red,#C2412D)}
body.garage-view .car-due.none{background:var(--mg-sand,#F7EEDD);color:var(--mg-gold,#9A7036)}
body.garage-view .car-row-km{flex:none;margin-inline-start:auto;font-size:12.5px;font-weight:600;color:var(--mg-muted,#5E6878)}
body.garage-view .car-row-km.due{color:var(--mg-amber,#A86A12)}
body.garage-view .car-row-reading{position:relative;z-index:2;flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:11px;border:1px solid var(--mg-line,#E4E7EE);background:#fff;color:var(--mg-navy,#13213C);cursor:pointer}
body.garage-view .car-row-reading svg{width:18px;height:18px}
/* grid rule: see 0.26.9 */

/* ---------- 0.26.7 — Home: greeting on the same line as the bell and language buttons ---------- */
/* On phones the top bar used to be its own 72px row (plus the iPhone status bar) with only two
   buttons on the left, and the greeting started under it. The top bar now floats over the sky,
   and the greeting lines up with the buttons, which gives the page back ~45px. */
@media (max-width:700px){
  body.garage-view.home-view:has(.fh-scene) .topbar{position:absolute!important;top:0;left:0;right:0;z-index:6;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none}
  body.garage-view.home-view:has(.fh-scene) .topbar .top-actions{pointer-events:auto}
  body.home-view .fh-scene:not(.auth-scene){height:calc(290px + env(safe-area-inset-top,0px))}
  body.home-view:has(.fh-scene) .workspace{background:linear-gradient(#0000 0,#0000 calc(290px + env(safe-area-inset-top,0px)),#F4F5F7 calc(290px + env(safe-area-inset-top,0px)))!important}
  /* buttons: 40px tall starting 20px below the status bar, so their middle is 40px down; the 27px greeting line is centred on it */
  body.home-view .fh-greet{top:calc(27px + env(safe-area-inset-top,0px))!important}
  body.home-view .fh-greet p{margin-top:6px!important}
  body.home-view .fh-scene:not(.auth-scene) .fh-sun{top:calc(70px + env(safe-area-inset-top,0px))}
  body.home-view .fh-scene:not(.auth-scene) .fh-stars{top:env(safe-area-inset-top,0px)}
}

/* ---------- 0.26.8 — Home: city picker removed, its space kept ---------- */
/* The "الرياض" pill that picked the skyline is gone. An invisible copy of it stays in the
   greeting so the greeting, sun and house keep exactly the same positions. */
.fh-city.fh-city-space{visibility:hidden!important;pointer-events:none!important}


/* ---------- 0.26.9 — fit on every screen size ---------- */
/* My Cars: as many columns as fit, never narrower than 340px a card (one column on phones and
   portrait tablets, two or three on laptops and desktops). Fixes cards spilling off 320–344px
   phones and being squeezed into two narrow columns on portrait tablets. */
body.garage-view .car-grid.car-rows{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))!important}
@media (max-width:359px){body.garage-view .car-row-photo{flex-basis:92px;height:64px}body.garage-view .car-row-main{gap:10px}}

/* Sign-in pages on screens wider than 400px */
@media (min-width:401px){
  /* Wider than a phone: the drawing stops growing with the screen (it was stretched to the full
     width and cropped, so on laptops only the car wheels showed). It stays 400px wide (the same size as on a 400px phone), centred,
     and a full-width ground band carries it to the edges. */
  .auth-scene{--ag-w:400px}
  .auth-ground{height:calc(var(--ag-w) * 200 / 480);background:linear-gradient(to bottom,transparent 0,transparent calc(100% - var(--ag-w) * 78 / 480),#F5EFE5 calc(100% - var(--ag-w) * 78 / 480),#EEE6D8 100%)}
  .auth-ground svg{position:absolute;bottom:0;left:50%;width:var(--ag-w);height:100%;transform:translateX(-50%)}
  .auth-scene .fh-skyline{bottom:calc(var(--ag-w) * 78 / 480 - 1px)!important;left:calc(50% - var(--ag-w) / 2)!important;right:auto!important;width:calc(var(--ag-w) * .66)!important}
}

/* Car details on portrait tablets and folds (701–1023px, where the side menu leaves ~400–600px):
   the photo was wider than its column and covered the plate, and the three status tiles were
   too narrow for their text. Stack them like on a phone. */
@media (min-width:701px) and (max-width:1023px){
  .vehicle-detail-hero{grid-template-columns:minmax(0,1fr)!important}
  .vehicle-detail-hero .photo-detail{order:-1;width:100%!important;max-width:420px;justify-self:center}
  .vehicle-health-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* The public introduction, login, invitation, and garage creation share this header.
   Anchor its language button to the picture's physical left in every locale. */
body.auth-view .auth-family .auth-topbar{direction:ltr;justify-content:flex-start}
html[dir="rtl"] body.auth-view .auth-family .auth-language-trigger{direction:rtl}

/* ---------- 0.26.20 — Najdi Home scene ---------- */
/* Mud-brick house with crenellations and triangular vents, carved wooden door with the assistant
   star, lantern, dallah on the step, one palm, and a paved path from the door. Evening: the vents,
   door motifs, star, window and lantern glow warm, and the dallah steams. */
.fh-najdi .nj-mud{fill:#D9B48A}
.fh-najdi .nj-mud-soft{fill:#CFA77C}
.fh-najdi .nj-crest{fill:#C79E72}
.fh-najdi .nj-vent{fill:#B8895C}
.fh-najdi .nj-win{fill:#7A5230}
.fh-najdi .nj-frame{fill:#6E4526}
.fh-najdi .nj-door{fill:#8A5A33}
.fh-najdi .nj-trim{fill:none;stroke:#F4E6CC;stroke-width:1.4;stroke-linejoin:round}
.fh-najdi .nj-accent{fill:#A63D32}
.fh-najdi .nj-star{fill:#E2B04A}
.fh-najdi .nj-star-halo{fill:#FFD98A;opacity:0}
.fh-najdi .nj-hook{stroke:#5B4430;stroke-width:1.2}
.fh-najdi .nj-lamp{fill:#C9B48E;stroke:#6A4A2C;stroke-width:1}
.fh-najdi .nj-lamp-glow{fill:#FFD98A;opacity:0}
.fh-najdi .nj-dallah{fill:#C99A3B}
.fh-najdi .nj-dallah-line{fill:none;stroke:#9C7428;stroke-width:1.6;stroke-linecap:round}
.fh-najdi .nj-steam{fill:none;stroke:#E9EEF7;stroke-width:1;opacity:0}
.fh-najdi .nj-trunk{fill:none;stroke:#8B6A48;stroke-width:5;stroke-linecap:round}
.fh-najdi .nj-frond{fill:none;stroke:#6F8C5A;stroke-width:4;stroke-linecap:round}
.fh-drive .nj-path,.auth-ground .nj-path{fill:#E8D6B8}
.fh-drive .nj-paver,.auth-ground .nj-paver{fill:none;stroke:#D6C09C;stroke-width:1.4}
.evening .fh-najdi .nj-mud{fill:#B9926A}
.evening .fh-najdi .nj-mud-soft{fill:#AE8860}
.evening .fh-najdi .nj-crest{fill:#A67F58}
.evening .fh-najdi .nj-vent,.evening .fh-najdi .nj-win{fill:#FFD98A}
.evening .fh-najdi .nj-door{fill:#7A4E2C}
.evening .fh-najdi .nj-frame{fill:#5E3A20}
.evening .fh-najdi .nj-accent,.evening .fh-najdi .nj-star{fill:#FFD98A}
.evening .fh-najdi .nj-star-halo{opacity:.22}
.evening .fh-najdi .nj-lamp{fill:#FFD98A}
.evening .fh-najdi .nj-lamp-glow{opacity:.2}
.evening .fh-najdi .nj-dallah{fill:#B68A33}
.evening .fh-najdi .nj-steam{opacity:.7}
.evening .fh-najdi .nj-trunk{stroke:#5E4A36}
.evening .fh-najdi .nj-frond{stroke:#50664A}
.evening .fh-drive .nj-path,.evening .auth-ground .nj-path{fill:#DCC6A2}
.evening .fh-drive .nj-paver,.evening .auth-ground .nj-paver{stroke:#C9B08A}

/* ---------- 0.26.20 — iPad and desktop Home (re-added) ---------- */
/* With the side menu (701px and wider) the Home scene is a card below the 86px top bar. The sky
   colour behind it stopped part-way down the sky, leaving a step on both sides of the card.
   It now stops exactly at the ground line (281px on tablets, 316px on desktop). */
@media (min-width:701px) and (max-width:899px){body.home-view:has(.fh-scene) .workspace{background:linear-gradient(#0000 0,#0000 281px,#F4F5F7 281px)!important}}
@media (min-width:900px){body.home-view:has(.fh-scene) .workspace{background:linear-gradient(#0000 0,#0000 316px,#F4F5F7 316px)!important}}
/* Side menu logo: its darker navy background showed as a box on the lighter menu. */
.sidebar-brand .brand-logo{mix-blend-mode:lighten}
/* Sign-in pages on phones narrower than 360px: the drawing is cropped at the sides there, which cut the
   palm off. Stand it beside the side room instead. */
@media (max-width:359px){.auth-ground .nj-palm{transform:translate(-50px,0)}}

/* ---------- 0.26.21 — Expenses page ---------- */
.exp-filters{display:flex;flex-direction:column;gap:10px;margin:4px 0 14px}
.exp-period{display:flex;gap:6px;padding:4px;border-radius:14px;background:#EAEDF2;align-self:flex-start}
.exp-cars{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-inline:-2px}
.exp-cars::-webkit-scrollbar{display:none}
.exp-chip{flex:none;border:1px solid transparent;background:transparent;color:#5E6878;font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:10px;cursor:pointer;white-space:nowrap}
.exp-period .exp-chip.active{background:#fff;color:#13213C;box-shadow:0 1px 2px rgba(19,33,60,.1)}
.exp-cars .exp-chip{background:#fff;border-color:#E4E7EE;border-radius:999px}
.exp-cars .exp-chip.active{background:#13213C;border-color:#13213C;color:#fff}
.exp-top{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.exp-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.exp-total,.exp-breakdown{background:#fff;border:1px solid #E7EAF0;border-radius:18px;padding:16px 18px}
.exp-total p{margin:0;color:#5E6878;font-size:13px}
.exp-total h2{margin:4px 0 6px;font-size:34px;line-height:1.1;color:#13213C}
.exp-total h2 small{font-size:14px;color:#5E6878;font-weight:600}
.exp-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:#5E6878}
.exp-change{font-weight:700;padding:2px 8px;border-radius:999px}
.exp-change.up{background:#FDEDEA;color:#B23A28}.exp-change.down{background:#E7F4EC;color:#2F7D55}
.exp-trend{display:flex;align-items:flex-end;gap:8px;height:76px;margin-top:14px}
.exp-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
.exp-bar i{display:block;width:100%;max-width:26px;border-radius:6px 6px 3px 3px;background:#D9DEE7}
.exp-bar.now i{background:#E0A33A}
.exp-bar small{font-size:11px;color:#8A93A1}
.exp-note{margin:12px 0 0;font-size:11.5px;color:#8A93A1}
.exp-bd-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.exp-bd-head h3{margin:0;font-size:16px}
.exp-toggle{display:flex;gap:4px;padding:3px;border-radius:10px;background:#EEF0F4}
.exp-toggle .exp-chip{padding:5px 10px;font-size:12px}
.exp-toggle .exp-chip.active{background:#fff;color:#13213C;box-shadow:0 1px 2px rgba(19,33,60,.1)}
.exp-bd-row{margin-bottom:12px}
.exp-bd-label{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;margin-bottom:6px}
.exp-bd-label>span{display:inline-flex;align-items:center;gap:8px;color:#13213C;font-weight:600}
.exp-bd-label strong{font-size:13px;color:#13213C;white-space:nowrap}
.exp-bd-label em{font-style:normal;color:#8A93A1;font-weight:500;margin-inline-start:4px}
.exp-dot{width:9px;height:9px;border-radius:50%}
.exp-bd-track{height:7px;border-radius:999px;background:#EEF0F4;overflow:hidden}
.exp-bd-track span{display:block;height:100%;border-radius:999px}
.exp-quick-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px 0 6px}
.exp-quick-row::-webkit-scrollbar{display:none}
.exp-quick{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;border:1px dashed #D5C3A0;background:#FFFBF4;color:#7A5A2A;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.exp-ico{--c:#9AA1AB;flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--c) 16%,#fff);color:var(--c)}
.exp-ico .icon{width:18px;height:18px}
.exp-quick .exp-ico{width:26px;height:26px;border-radius:8px}
.exp-quick .exp-ico .icon{width:15px;height:15px}
.exp-list{background:#fff;border:1px solid #E7EAF0;border-radius:18px;padding:4px 14px 8px;margin-top:8px}
.exp-month{display:flex;justify-content:space-between;align-items:baseline;padding:14px 4px 6px;border-bottom:1px solid #EEF0F4}
.exp-month h3{margin:0;font-size:14px;color:#13213C}
.exp-month span{font-size:12.5px;color:#5E6878;font-weight:600}
.exp-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 4px;border:0;border-bottom:1px solid #F2F3F6;background:none;font:inherit;text-align:start;color:inherit}
button.exp-row{cursor:pointer}
button.exp-row:active{background:#F7F8FA}
.exp-row:last-child{border-bottom:0}
.exp-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.exp-main strong{font-size:14px;color:#13213C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exp-main strong em{font-style:normal;font-weight:500;color:#5E6878}
.exp-main small{font-size:12px;color:#8A93A1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exp-amount{flex:none;font-weight:700;font-size:15px;color:#13213C;display:flex;align-items:baseline;gap:3px}
.exp-amount small{font-size:11px;color:#8A93A1;font-weight:600}
.exp-owner-note{display:flex;align-items:center;gap:6px;margin:10px 4px 4px;font-size:12px;color:#8A93A1}
.exp-owner-note .icon{width:14px;height:14px}
.expense-delete-row{display:flex;justify-content:flex-start;margin:6px 0 2px}

/* ---------- 0.26.22 — bottom space above the phone menu bar ---------- */
/* Pages without their own spacing rule (Expenses, Upcoming care, Tasks, Plate market) only had 24px at
   the end, so their last rows ended under the fixed menu bar. Give them the same space as the car-detail
   and family pages: the bar's height, the iPhone home-indicator area, and 12px. */
html.phone-ui body.garage-view:not(.home-view):not(.assistant-view):not(.more-view):not(.vehicles-view):not(.vehicle-view):not(.people-view):not(.road-view) .main{padding-bottom:calc(var(--shell-bottom-bar) + var(--shell-safe-bottom) + 12px)!important}

/* ---------- 0.26.23 — Home: collapsible "Coming up" ---------- */
.fh-upcoming .fh-up-toggle{display:inline-flex;align-items:center;gap:4px}
.fh-upcoming .fh-up-toggle .icon{width:14px;height:14px;transform:rotate(90deg);transition:transform .2s}
.fh-upcoming .fh-up-toggle[aria-expanded="true"] .icon{transform:rotate(-90deg)}
.fh-upcoming.is-collapsed .home-section-head{margin-bottom:0}
.fh-upcoming.is-collapsed .home-attention-list{margin-top:12px}
.fh-up-clear{display:inline-flex;align-items:center;gap:4px;color:#2F7D55!important;font-weight:600}
.fh-up-clear .icon{width:14px;height:14px}
.fh-up-more{display:block;margin:8px auto 0;font-size:13px}
.fh-up-month{display:flex;justify-content:flex-end;margin:-4px 0 8px}
.fh-up-month .btn.link{font-size:13px}
.fh-upcoming .home-section-head{align-items:center}
.fh-upcoming .home-section-head h2 .fh-sub{display:flex;margin-top:3px;white-space:nowrap}
.fh-upcoming .fh-up-toggle{white-space:nowrap;flex:none}

/* ---------- 0.26.24 — More page: compact hub ---------- */
body.more-view,body.more-view .workspace,body.more-view .main{background:#F4F5F7!important}
body.more-view .topbar{background:#F4F5F7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:0!important}
.more-compact{display:flex;flex-direction:column;gap:10px}
.more-account-card{display:block;width:100%;padding:0;border:1px solid #E7EAF0;border-radius:18px;background:#fff;overflow:hidden;text-align:start;font:inherit;color:inherit;cursor:pointer}
.more-account-band{display:block;width:100%;height:22px}
.more-account-band .sand{fill:#E3D2B6}.more-account-band .mud{fill:#C9A277}
.more-account-row{display:flex;align-items:center;gap:12px;padding:12px 14px}
.more-account-initial{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:19px;font-weight:700}
.more-account-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.more-account-copy strong{font-size:16px;color:#13213C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.more-account-copy small{font-size:12.5px;color:#5E6878;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.more-account-row>.icon{color:#8A93A1;width:16px;height:16px}
.plate-market-feature.compact{padding:10px 14px!important;min-height:0!important;border-radius:16px!important;gap:12px!important}
.plate-market-feature.compact .plate-market-feature-icon{width:38px!important;height:38px!important;border-radius:11px!important}
.plate-market-feature.compact strong{font-size:15px!important}
.plate-market-feature.compact em{font-size:12.5px!important;display:block}
.more-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:900px){.more-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.more-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:96px;padding:12px 14px;border:1px solid #E7EAF0;border-radius:16px;background:#fff;font:inherit;color:inherit;text-align:start;cursor:pointer}
.more-tile:active{transform:scale(.98)}
.more-tile-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#F6EBD9;color:#8A5A33;margin-bottom:2px}
.more-tile-icon .icon{width:19px;height:19px}
.more-tile strong{font-size:14.5px;color:#13213C}
.more-tile small{font-size:12px;color:#5E6878;line-height:1.4}
.more-tile.road .more-tile-icon{background:#FDEDEA;color:#B23A28}
.more-tile.quiet .more-tile-icon{background:#EEF0F4;color:#5E6878}
.more-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 0}
.more-logout-link{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#B23A28;font:inherit;font-size:14px;font-weight:600;padding:8px 4px;cursor:pointer}
.more-logout-link .icon{width:16px;height:16px}
.more-version-inline{font-size:11.5px;color:#8A93A1}
.more-compact>*{margin:0!important}

/* ---------- 0.26.25 — "Back to More" on inner pages ---------- */
.more-return-link{margin:0 0 12px}
/* Roadside opened from More: "Back to More" replaces its separate close button. */
body.road-view:has(.more-return-link) [data-action="road-page-close"]{display:none!important}
/* Inner More pages: icon tiles in the same warm sand and mud tones as the hub and the Najdi scenes. */
.more-destination .more-menu-icon{background:#F6EBD9!important;color:#8A5A33!important}
.more-destination .more-destination-summary{border-color:#EADBC3}

/* ---------- 0.26.26 — Family page ---------- */
body.people-view,body.people-view .workspace,body.people-view .main{background:#F4F5F7!important}
body.people-view .topbar{background:#F4F5F7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:0!important}
.fam-page{display:flex;flex-direction:column;gap:12px}
.fam-summary{display:flex;flex-wrap:wrap;gap:6px}
.fam-summary span{padding:5px 12px;border-radius:999px;background:#fff;border:1px solid #E7EAF0;font-size:12.5px;font-weight:600;color:#13213C}
.fam-hint{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:14px;background:#FBF6EC;border:1px solid #EFE2C8;color:#7A5A2A;font-size:12.5px;line-height:1.6}
.fam-hint .icon{flex:none;width:16px;height:16px;margin-top:2px}
.fam-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.fam-card{background:#fff;border:1px solid #E7EAF0;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}
.fam-head{display:flex;align-items:center;gap:12px}
.fam-avatar{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:19px;font-weight:700;box-shadow:0 0 0 3px #fff,0 0 0 5px #CFE6D6}
.fam-name{flex:1;min-width:0}
.fam-name h3{margin:0;font-size:16px;color:#13213C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fam-name p{margin:2px 0 0;font-size:12.5px;color:#5E6878;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fam-card .access-status{flex:none}
.fam-cars .access-vehicle-chips{display:flex;flex-wrap:wrap;gap:6px}
.fam-cars .access-vehicle-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#F6EBD9;color:#6E4526;font-size:12.5px;font-weight:600}
.fam-cars .access-vehicle-chip .icon{width:14px;height:14px}
.fam-cars .access-vehicle-empty{font-size:12.5px;color:#8A93A1}
.fam-docs{display:flex;flex-wrap:wrap;gap:6px}
.fam-doc{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#5E6878;padding:3px 8px;border-radius:8px;background:#F4F5F7}
.fam-doc .icon{width:13px;height:13px}
.fam-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid #F0F2F5}
.fam-actions .btn{flex:1 1 auto;justify-content:center}
.fam-quiet{display:flex;flex-wrap:wrap;gap:4px 14px}
.fam-quiet .btn.link{font-size:12.5px;padding:2px 0}
.fam-quiet .btn.link.danger{color:#B23A28}
.fam-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fam-actions .btn{min-width:0;padding-inline:8px;font-size:13px}
.fam-actions .btn.primary{grid-column:1/-1}

/* ---------- 0.26.27 — Vault and Plan open directly ---------- */
.billing-share{display:flex;align-items:center;gap:12px;width:100%;margin:12px 0;padding:12px 14px;border:1px solid #EADBC3;border-radius:14px;background:#FBF6EC;color:#6E4526;font:inherit;text-align:start;cursor:pointer}
.billing-share>.icon:first-child{flex:none;width:34px;height:34px;padding:8px;border-radius:10px;background:#fff;color:#8A5A33}
.billing-share span{flex:1;display:flex;flex-direction:column;gap:2px}
.billing-share strong{font-size:14.5px;color:#13213C}.billing-share small{font-size:12px;color:#7A5A2A}
.billing-share>.icon:last-child{width:16px;height:16px;color:#A08A6A}

/* ---------- 0.26.28 — real-garage fixes ---------- */
/* Account card: role, plan and trial wrap onto a second line instead of being cut off. */
.more-account-copy small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.5}

/* ---------- 0.26.28 — My Vault folders ---------- */
.vault-folders{display:grid;gap:8px}
.vault-folder{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid #E7EAF0;border-radius:16px;background:#fff;font:inherit;color:inherit;text-align:start;cursor:pointer}
.vault-folder-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#F6EBD9;color:#8A5A33}
.vault-folder-icon .icon{width:20px;height:20px}
.vault-folder-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.vault-folder-copy strong{font-size:15px;color:#13213C}
.vault-folder-copy small{font-size:12px;color:#5E6878}
.vault-folder-count{flex:none;min-width:30px;padding:3px 9px;border-radius:999px;background:#F4F5F7;color:#13213C;font-weight:700;font-size:13px;text-align:center}
.vault-folder.empty{opacity:.6}
.vault-folder.warn .vault-folder-copy small{color:#B23A28;font-weight:600}
.vault-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:6px 12px;border:1px solid #E4E7EE;border-radius:999px;background:#fff;color:#183153;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.vault-back .icon{width:15px;height:15px}
html[dir="ltr"] .vault-back .icon{transform:rotate(180deg)}
.vault-owner-note{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:12.5px;color:#7A5A2A}
.vault-owner-note .icon{width:14px;height:14px}
.vault-folder-item.expired small{color:#B23A28;font-weight:600}

/* ---------- 0.26.29 — Vault upload in three steps ---------- */
.vu-form{display:flex;flex-direction:column;gap:10px}
.vu-step{border:1px solid #E7EAF0;border-radius:16px;padding:12px;background:#fff}
.vu-step h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14.5px;color:#13213C}
.vu-step h3>span:first-child{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1B2A4A;color:#fff;font-size:12px}
.vu-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vu-pick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:1.5px dashed #D5C3A0;border-radius:14px;background:#FFFBF4;color:#6E4526;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.vu-pick-btn .icon{width:24px;height:24px;color:#A06A2A}
.vu-file-name{margin:8px 0 0;text-align:center;font-size:12px;color:#8A93A1}
.vu-file-name.picked{color:#2F7D55;font-weight:600}
.vu-chips{display:flex;flex-wrap:wrap;gap:6px}
.vu-chip{position:relative;display:inline-flex}
.vu-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.vu-chip span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #E4E7EE;border-radius:999px;background:#fff;color:#5E6878;font-size:13px;font-weight:600}
.vu-chip span .icon{width:15px;height:15px}
.vu-chip input:checked+span{background:#F6EBD9;border-color:#D9B98A;color:#6E4526}
.vu-chip input:focus-visible+span{outline:2px solid #E2BD74;outline-offset:2px}
.vu-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;font-style:normal;font-size:11px;font-weight:700}
.vu-switch{display:flex;gap:6px;margin-bottom:10px}
.vu-note{margin:6px 0 0;font-size:12px;color:#7A5A2A}
.vu-target .field{margin-top:12px}
.vu-more{margin-top:8px}
.vu-more summary{cursor:pointer;color:#183153;font-size:13px;font-weight:600;list-style:none}
.vu-more summary::-webkit-details-marker{display:none}
/* Step 3 shows only what the chosen type needs */
.vu-q,.vu-switch,.vu-cars,.vu-people,.vu-license-note,.vu-target .field,.vu-more{display:none}
.vu-form:not(:has([name=category]:checked)) .vu-q-none{display:inline}
.vu-form:has([name=category]:checked) .vu-target .field,.vu-form:has([name=category]:checked) .vu-more{display:block}
.vu-form:has([name=category][value=registration]:checked) :is(.vu-q-car,.vu-cars),
.vu-form:has([name=category][value=insurance]:checked) :is(.vu-q-car,.vu-cars),
.vu-form:has([name=category][value=inspection]:checked) :is(.vu-q-car,.vu-cars){display:flex}
.vu-form:has([name=category][value=license]:checked) :is(.vu-q-person,.vu-people,.vu-license-note){display:flex}
.vu-form:has([name=category][value=other]:checked) :is(.vu-q-other,.vu-switch){display:flex}
.vu-form:has([name=category][value=other]:checked):has([name=targetType][value=vehicle]:checked) .vu-cars,
.vu-form:has([name=category][value=other]:checked):has([name=targetType][value=person]:checked) .vu-people{display:flex}
.vu-q{display:none}.vu-form .vu-q[style]{display:inline}

/* ---------- 0.26.32 — My Garage AI: tap to talk, tidy replies, + menu ---------- */
.ai-core-button{display:block;margin:0 auto;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ai-core-button:disabled{cursor:default;opacity:.7}
.ai-core-button:focus-visible{outline:2px solid #E7C27A;outline-offset:6px}
.ai-core-button .ai-core{margin-bottom:0}
.ai-empty .ai-core-button{margin-bottom:24px}
.ai-core.listening{color:#F0A43A;border-color:#F0A43A80;box-shadow:0 0 0 12px #F0A43A1f,0 0 0 24px #F0A43A0f,0 0 60px #F0A43A40;animation:ai-listen-pulse 1.4s ease-in-out infinite}
@keyframes ai-listen-pulse{50%{box-shadow:0 0 0 18px #F0A43A26,0 0 0 34px #F0A43A0a,0 0 70px #F0A43A55}}
@media (prefers-reduced-motion:reduce){.ai-core.listening{animation:none}}
.ai-tap-hint{margin:-10px 0 16px;font-size:12.5px;color:#9FB0C6}
.ai-listen-live{min-height:1.6em;margin:6px 0 14px;color:#C9D4E3;font-size:14px}
.ai-stop-chip{border-color:#C0463A!important;color:#F2B8B0!important}
.ai-message.bot p{margin:0 0 6px}.ai-message.bot p:last-child{margin-bottom:0}
.ai-reply-head{display:block;margin:8px 0 4px;font-weight:700}
.ai-reply-head:first-child{margin-top:0}
.ai-reply-list{margin:2px 0 8px;padding:0 18px 0 0;display:grid;gap:3px}
html[dir="ltr"] .ai-reply-list{padding:0 0 0 18px}
.ai-reply-list li::marker{color:#E7C27A}
.ai-dock{position:relative}
.ai-quick-menu{position:absolute;bottom:calc(100% + 8px);inset-inline-start:12px;z-index:5;min-width:190px;display:flex;flex-direction:column;padding:6px;border-radius:16px;background:#1f2b4f;border:1px solid #3a4a7a;box-shadow:0 18px 40px #0008}
.ai-quick-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:11px;background:none;color:#EDEFF5;font:inherit;font-size:14px;text-align:start;cursor:pointer}
.ai-quick-menu button:hover,.ai-quick-menu button:focus-visible{background:#2b3a66}
.ai-quick-menu .icon{width:18px;height:18px;color:#E7C27A}
.ai-quick-menu .ai-quick-more{margin-top:4px;border-top:1px solid #34416a;border-radius:0 0 11px 11px;color:#A9B2C8;font-size:13px}
.ai-manual-action.open{background:#3a4a7a!important;color:#fff!important}

/* ---------- 0.26.33 — Garage look: the Kingdom and five regions ---------- */
body.theme-kingdom{--theme-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Crect width='16' height='8' fill='%23F4EDE0'/%3E%3Cpath d='M0 8l4-8 4 8z' fill='%232E6B4F'/%3E%3Cpath d='M8 8l4-8 4 8z' fill='%23D6A84A'/%3E%3C/svg%3E")}
body.theme-central{--theme-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='%23F4EDE0'/%3E%3Cpath d='M0 8l4-8 4 8z' fill='%23A63D32'/%3E%3C/svg%3E")}
body.theme-eastern{--theme-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='%23F6EEDC'/%3E%3Cpath d='M0 7l4-5 4 5' fill='none' stroke='%23B88748' stroke-width='1.4'/%3E%3C/svg%3E")}
body.theme-western{--theme-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='%23EEF2E8'/%3E%3Cpath d='M0 1.5h8M0 4h8M0 6.5h8M1 0v8' stroke='%235F8A55' stroke-width='1'/%3E%3C/svg%3E")}
body.theme-southern{--theme-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10'%3E%3Crect width='8' height='3' fill='%232E7D6B'/%3E%3Cpath d='M0 3l4 4 4-4z' fill='%23D8A13A'/%3E%3Crect y='8' width='8' height='2' fill='%23B3402E'/%3E%3C/svg%3E")}
body.theme-northern{--theme-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='%23F4E6D6'/%3E%3Cpath d='M0 6h2V3h4v3h2' fill='none' stroke='%23A8683E' stroke-width='1.4'/%3E%3C/svg%3E")}
/* Marks the chosen region at the top of every inner page (Home keeps its scene). */
body.garage-view:not(.home-view):not(.assistant-view) .main::before{content:"";display:block;height:9px;margin:0 0 12px;border-radius:5px;background:var(--theme-pattern) repeat-x left center/auto 9px;opacity:.9}
/* House colours per region; evening darkens the walls and lights the windows. */
.th-house{--w1:#E4D2B2;--w2:#D8C29C;--top:#CDB58A;--door:#2E6B4F;--frame:#245742;--trim:#E7D3A6;--glow:#B99A68;--band:#B88748}
.th-house.th-eastern{--w1:#E6D2AE;--w2:#DBC39A;--top:#CDB58A;--door:#7A4E2C;--frame:#5E3A20;--trim:#E8D5B0;--glow:#9C7A55;--band:#B88748}
.th-house.th-western{--w1:#F3EEE4;--w2:#E8E0D0;--top:#D8C8AA;--door:#5A3E28;--frame:#3F2A1A;--trim:#C9A77A;--glow:#8FA3B4;--band:#5F8A55}
.th-house.th-southern{--w1:#C2B8A8;--w2:#B7AC9A;--top:#F4F2EC;--door:#3F5A73;--frame:#2E4458;--trim:#E8E2D6;--glow:#5C6B7A;--band:#2E7D6B}
.th-house.th-northern{--w1:#D4A378;--w2:#C9955F;--top:#B98A60;--door:#7A4E2C;--frame:#5E3A20;--trim:#E8CFAE;--glow:#8A5A3A;--band:#A8683E}
.th-house .th-w1{fill:var(--w1)}.th-house .th-w2{fill:var(--w2)}.th-house .th-top{fill:var(--top)}
.th-house .th-topline{fill:none;stroke:var(--top);stroke-width:3}
.th-house .th-door{fill:var(--door)}.th-house .th-frame{fill:var(--frame)}
.th-house .th-trim{fill:none;stroke:var(--trim);stroke-width:1.4;stroke-linejoin:round}
.th-house .th-glow{fill:var(--glow)}
.th-house .th-star{fill:#E2B04A}.th-house .th-star-halo{fill:#FFD98A;opacity:0}
.th-house .th-trunk{fill:none;stroke:#8B6A48;stroke-width:5;stroke-linecap:round}
.th-house .th-frond{fill:none;stroke:#6F8C5A;stroke-width:4;stroke-linecap:round}
.th-house .th-canopy{fill:#7FA06A}
.th-house .th-rosh{fill:#5F8A55}.th-house .th-rosh-line{fill:none;stroke:#C7DDB9;stroke-width:1}
.th-house .th-course{fill:none;stroke:#E2D6C0;stroke-width:1.2}
.th-house .th-mro{fill:none;stroke:#F4F2EC;stroke-width:2.4}.th-house .th-mrotop{fill:#F4F2EC}
.th-house .th-band-bg{fill:#F4EDE0}.th-house .th-band-a{fill:#A63D32}
.th-house .th-band-line{fill:none;stroke:var(--band);stroke-width:1.6;stroke-linejoin:round}
.th-house .th-band-g{fill:#2E7D6B}.th-house .th-band-y{fill:#D8A13A}.th-house .th-band-r{fill:#B3402E}
.evening .th-house .th-w1{fill:color-mix(in srgb,var(--w1) 74%,#26325A)}
.evening .th-house .th-w2{fill:color-mix(in srgb,var(--w2) 74%,#26325A)}
.evening .th-house .th-top{fill:color-mix(in srgb,var(--top) 78%,#26325A)}
.evening .th-house .th-glow,.evening .th-house .th-star{fill:#FFD98A}
.evening .th-house .th-star-halo{opacity:.22}
.evening .th-house .th-rosh-line{stroke:#FFD98A}
.evening .th-house .th-trunk{stroke:#5E4A36}.evening .th-house .th-frond{stroke:#50664A}.evening .th-house .th-canopy{fill:#56734A}
/* More: the account card band takes the region's pattern */
body[class*="theme-"] .more-account-band{background:var(--theme-pattern) repeat-x left bottom/auto 12px}
body[class*="theme-"] .more-account-band .sand{fill:transparent}
/* The picker */
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.theme-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:8px 8px 10px;border:1.5px solid #E4E7EE;border-radius:16px;background:#fff;font:inherit;color:#13213C;text-align:start;cursor:pointer}
.theme-card.selected{border-color:#C9A160;box-shadow:0 0 0 3px #F6EBD9}
.theme-card-art{display:block;border-radius:11px;overflow:hidden;margin-bottom:4px}
.theme-card-art svg{display:block;width:100%;height:auto}
.theme-card strong{font-size:14px}.theme-card small{font-size:11.5px;color:#5E6878}
.theme-card-check{position:absolute;top:12px;inset-inline-end:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#C9A160;color:#fff}
.theme-card-check .icon{width:14px;height:14px}
.theme-mini-bg{fill:#E3EDF7}.theme-mini-ground{fill:#F2E6D3}
.theme-card .sk path:not(.line):not(.cut),.theme-card .sk circle,.theme-card .sk rect{fill:rgba(255,255,255,.35);stroke:#9FB0C8;stroke-width:1.4;stroke-linejoin:round}
.theme-card .sk .line{fill:none;stroke:#9FB0C8;stroke-width:1.4;stroke-linecap:round}
.theme-card .sk .cut{fill:#EAF4FB;stroke:#9FB0C8;stroke-width:1.4}

.th-house .th-studs circle{fill:#E8D5B0}
.evening .th-house .th-studs circle{fill:#FFD98A}

/* ---------- 0.26.36 — Cars: real shapes and colours, dashboard lights ---------- */
.fh-lights-bg{fill:#1B1F27}
.fh-light{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fh-light.amber{stroke:#F2A93B}.fh-light.amber .fill{fill:#F2A93B;stroke:none}
.fh-light.red{stroke:#E5533D}.fh-light.red .fill{fill:#E5533D;stroke:none}
.fh-lights-more{fill:#D5DAE6;font-size:16px;font-weight:700}
.evening .fh-lights-bg{fill:#0F1218}
.evening .fh-light.amber{stroke:#FFB84D;filter:drop-shadow(0 0 3px #F2A93B99)}
.evening .fh-light.red{stroke:#FF6A52;filter:drop-shadow(0 0 3px #E5533D99)}
.fh-car{cursor:pointer}

/* ---------- 0.26.39 — Assistant answer cards ---------- */
.ai-card{margin:8px 0 14px;padding:6px 12px 10px;border-radius:16px;background:#243055;border:1px solid #34416A;color:#EDEFF5;max-width:520px}
.ai-card-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #34416A}
.ai-card-row:first-child{border-top:0}
.ai-card-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#1B1F27;color:#E7C27A}
.ai-card-icon .icon{width:17px;height:17px}.ai-card-icon.ok{color:#8FD1A8}
.ai-card-light{width:20px;height:20px}
.ai-card-light.green{stroke:#8FD1A8}.ai-card-light.green .fill{fill:#8FD1A8;stroke:none}
.ai-card-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ai-card-copy strong{font-size:13.5px;color:#F3F4F8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-card-copy small{font-size:11.5px;color:#A9B2C8}
.ai-card-pill{flex:none;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.ai-card-pill.amber{background:#3A2E14;color:#F2C46B}.ai-card-pill.red{background:#3D1E1B;color:#F29A8C}.ai-card-pill.green{background:#173327;color:#8FD1A8}
.ai-card-total{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0 8px}
.ai-card-total small{color:#A9B2C8;font-size:12px}.ai-card-total strong{font-size:22px;color:#F3F4F8}.ai-card-total strong span{font-size:12px;color:#A9B2C8}
.ai-card-bar{margin:6px 0 8px}
.ai-card-bar div{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px}.ai-card-bar b{font-weight:600}
.ai-card-bar i{display:block;height:7px;border-radius:999px;background:#34416A;overflow:hidden}
.ai-card-bar em{display:block;height:100%;border-radius:999px;background:#E0A33A}
.ai-card-empty{margin:6px 0;color:#A9B2C8;font-size:12.5px}
.ai-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ai-card-btn{border:1px solid #B8914E;background:transparent;color:#F1D9A8;border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.ai-card-btn:active{background:#B8914E22}
.ai-card-plate{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}
.ai-card-plate small{color:#A9B2C8;font-size:12px}
.ai-card-plate .saudi-plate{background:#fff;border-radius:6px}

/* More: profile card */
.more-profile-card .more-account-row{padding:16px 16px}
.more-account-initial.ring{position:relative;width:54px;height:54px;font-size:20px}
.more-account-initial.ring::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(#C9A277 calc(var(--pc,0)*1%),#EDEFF3 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px))}
.more-account-initial.ring b{position:relative;font-weight:700}
.more-profile-card .more-account-row>.more-account-initial{margin-inline-start:4px}
.more-profile-progress{display:flex;align-items:center;gap:8px;margin-top:6px}
.more-profile-bar{flex:1;max-width:160px;height:6px;border-radius:99px;background:#EDEFF3;overflow:hidden}
.more-profile-bar i{display:block;height:100%;border-radius:inherit;background:#C9A277;transition:width .3s}
.more-profile-progress em{font-style:normal;font-size:12px;font-weight:600;color:#8A6A43;white-space:nowrap}
.more-profile-progress.done .more-profile-bar i{background:#5E7F63}
.more-account-initial.ring[style*="--pc:100"]::before{background:#5E7F63}
.more-profile-progress.done em{color:#4E6E53}
.profile-sheet-head{display:flex;align-items:center;gap:14px;padding:4px 2px 14px}
.profile-sheet-head>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.profile-sheet-head strong{font-size:17px;color:#13213C}
.profile-sheet-head small{font-size:12.5px;color:#5E6878}

/* 0.26.41 — My Cars and Expenses use the same flat page background as More
   (replaces the old white-to-blue gradient that left a seam under the top bar). */
body.vehicles-view .main,body.vehicle-view .main,body.expenses-view .main{background:var(--mg-bg,#F4F5F7)!important}

/* 0.26.42 — Assistant: "More suggestions" opened stayed in a row and pushed the
   title and chips off the left edge of the screen. Stack it like the first chips. */
body.assistant-view .ai-starter-suggestions{flex-direction:column!important;align-items:center!important;max-width:100%}
body.assistant-view .ai-starter-more[open]{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important}
body.assistant-view .ai-starter-more[open]>summary{order:2;margin-top:10px}
body.assistant-view .ai-starter-more[open]>.ai-starter-chips{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px;width:100%;margin-top:0!important}
body.assistant-view .ai-starter-more[open] .ai-starter-chip{width:auto!important;max-width:100%;margin-top:0!important;white-space:normal}

/* 0.26.43 — Region windows replace the pattern strip on inner pages.
   Shape and colour match the windows of the chosen region's house on Home. */
body.garage-view:not(.home-view):not(.assistant-view) .main::before{display:none!important}
body.theme-kingdom{--theme-windows:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 80'%3E%3Cg fill='%23B99A68'%3E%3Cpath d='M128 24l8-12 8 12Z' opacity='0.9'/%3E%3Cpath d='M110 24l8-12 8 12Z' opacity='0.6'/%3E%3Cpath d='M92 24l8-12 8 12Z' opacity='0.35'/%3E%3Cpath d='M137 46l8-12 8 12Z' opacity='0.75'/%3E%3Cpath d='M119 46l8-12 8 12Z' opacity='0.55'/%3E%3Cpath d='M101 46l8-12 8 12Z' opacity='0.25'/%3E%3Cpath d='M128 68l8-12 8 12Z' opacity='0.35'/%3E%3C/g%3E%3C/svg%3E")}
body.theme-central{--theme-windows:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 80'%3E%3Cg fill='%23B8895C'%3E%3Cpath d='M128 24l8-12 8 12Z' opacity='0.9'/%3E%3Cpath d='M110 24l8-12 8 12Z' opacity='0.6'/%3E%3Cpath d='M92 24l8-12 8 12Z' opacity='0.35'/%3E%3Cpath d='M137 46l8-12 8 12Z' opacity='0.75'/%3E%3Cpath d='M119 46l8-12 8 12Z' opacity='0.55'/%3E%3Cpath d='M101 46l8-12 8 12Z' opacity='0.25'/%3E%3Cpath d='M128 68l8-12 8 12Z' opacity='0.35'/%3E%3C/g%3E%3C/svg%3E")}
body.theme-western{--theme-windows:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 80'%3E%3Cg opacity='0.95'%3E%3Crect x='122' y='6' width='18' height='24' rx='2' fill='%235F8A55'/%3E%3Cpath d='M122 12h18M122 18h18M122 24h18M131 6v24' stroke='%23C7DDB9' stroke-width='1' fill='none'/%3E%3C/g%3E%3Cg opacity='0.6'%3E%3Crect x='98' y='6' width='18' height='24' rx='2' fill='%235F8A55'/%3E%3Cpath d='M98 12h18M98 18h18M98 24h18M107 6v24' stroke='%23C7DDB9' stroke-width='1' fill='none'/%3E%3C/g%3E%3Cg opacity='0.7'%3E%3Crect x='132' y='38' width='18' height='24' rx='2' fill='%235F8A55'/%3E%3Cpath d='M132 44h18M132 50h18M132 56h18M141 38v24' stroke='%23C7DDB9' stroke-width='1' fill='none'/%3E%3C/g%3E%3Cg opacity='0.4'%3E%3Crect x='108' y='38' width='18' height='24' rx='2' fill='%235F8A55'/%3E%3Cpath d='M108 44h18M108 50h18M108 56h18M117 38v24' stroke='%23C7DDB9' stroke-width='1' fill='none'/%3E%3C/g%3E%3C/svg%3E")}
body.theme-southern{--theme-windows:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 80'%3E%3Cg fill='%235C6B7A'%3E%3Crect x='130' y='13' width='12' height='12' opacity='0.9'/%3E%3Crect x='112' y='13' width='12' height='12' opacity='0.6'/%3E%3Crect x='94' y='13' width='12' height='12' opacity='0.35'/%3E%3Crect x='139' y='35' width='12' height='12' opacity='0.75'/%3E%3Crect x='121' y='35' width='12' height='12' opacity='0.55'/%3E%3Crect x='103' y='35' width='12' height='12' opacity='0.25'/%3E%3Crect x='130' y='57' width='12' height='12' opacity='0.35'/%3E%3C/g%3E%3C/svg%3E")}
body.theme-northern{--theme-windows:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 80'%3E%3Cg fill='%238A5A3A'%3E%3Crect x='130' y='13' width='12' height='12' opacity='0.9'/%3E%3Crect x='112' y='13' width='12' height='12' opacity='0.6'/%3E%3Crect x='94' y='13' width='12' height='12' opacity='0.35'/%3E%3Crect x='139' y='35' width='12' height='12' opacity='0.75'/%3E%3Crect x='121' y='35' width='12' height='12' opacity='0.55'/%3E%3Crect x='103' y='35' width='12' height='12' opacity='0.25'/%3E%3Crect x='130' y='57' width='12' height='12' opacity='0.35'/%3E%3C/g%3E%3C/svg%3E")}
body.theme-eastern{--theme-windows:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 80'%3E%3Cg fill='%239C7A55'%3E%3Cpath d='M124 34V18q7-9 14 0V34Z' opacity='0.9'/%3E%3Cpath d='M104 34V18q7-9 14 0V34Z' opacity='0.55'/%3E%3Cpath d='M84 34V18q7-9 14 0V34Z' opacity='0.3'/%3E%3Cpath d='M134 66V50q7-9 14 0V66Z' opacity='0.7'/%3E%3Cpath d='M114 66V50q7-9 14 0V66Z' opacity='0.4'/%3E%3C/g%3E%3C/svg%3E")}
body.garage-view:not(.home-view):not(.assistant-view) .topbar::after{content:"";position:absolute;top:calc(env(safe-area-inset-top,0px) + 2px);inset-inline-start:2px;width:160px;height:80px;background:var(--theme-windows) no-repeat right top/160px 80px;pointer-events:none;z-index:0}
html[dir="ltr"] body.garage-view:not(.home-view):not(.assistant-view) .topbar::after{transform:scaleX(-1)}
body.garage-view:not(.home-view):not(.assistant-view) .topbar>*{position:relative;z-index:1}

/* 0.26.47 — New-customer onboarding: welcome (once per account) and the Home setup card. */
body.onboarding-view{background:var(--mg-bg,#F4F5F7)!important}
.welcome-page{max-width:520px;margin:0 auto;min-height:100dvh;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 12px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;color:#13213C}
.welcome-top{display:flex;justify-content:space-between;align-items:center;min-height:44px}
.welcome-top .btn.link{color:#9A7036;font-weight:600;font-size:14px}
.welcome-art{margin:6px 0 22px;border-radius:22px;overflow:hidden;border:1px solid #E4E7EE;background:#fff}
.welcome-art svg{display:block;width:100%;height:auto}
.welcome-page h1{font-size:26px;line-height:1.35;font-weight:700;margin:0;color:#13213C}
.welcome-sub{font-size:14px;line-height:1.7;color:#5E6878;margin:6px 0 0}
.welcome-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}
.welcome-list li{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.5}
.welcome-ico{width:40px;height:40px;border-radius:12px;background:#F7EEDD;color:#9A7036;display:grid;place-items:center;flex:none}
.welcome-ico .icon{width:20px;height:20px}
.welcome-page .theme-grid{margin-top:18px}
.welcome-cta{margin-top:auto;min-height:52px;width:100%;border-radius:16px!important;font-size:16px!important;justify-content:center}
.welcome-page .theme-grid+.welcome-cta{margin-top:22px}
.welcome-dots{display:flex;gap:6px;justify-content:center;margin-top:14px}
.welcome-dots i{width:7px;height:7px;border-radius:99px;background:#D9DDE4;transition:width .2s}
.welcome-dots i.on{width:20px;background:#C9A277}

.fh-setup{margin-top:18px!important}
.fh-setup-card{background:#fff;border:1px solid #E4E7EE;border-radius:20px;padding:16px}
.fh-setup-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.fh-setup-head strong{font-size:16px;font-weight:700;color:#13213C}
.fh-setup-head span{font-size:12.5px;font-weight:600;color:#9A7036}
.fh-setup-bar{display:block;height:6px;border-radius:99px;background:#EDEFF3;overflow:hidden;margin:10px 0 6px}
.fh-setup-bar i{display:block;height:100%;border-radius:inherit;background:#C9A277;transition:width .3s}
.fh-setup-aha{display:flex;align-items:flex-start;gap:10px;background:#E7F4EC;color:#2F6B45;border-radius:14px;padding:10px 12px;margin:10px 0 4px;font-size:12.5px;line-height:1.55}
.fh-setup-aha .icon{width:18px;height:18px;flex:none;margin-top:1px}
.fh-setup-aha b{display:block;color:#1F4D32;font-size:13.5px;font-weight:700}
.fh-setup-steps{display:flex;flex-direction:column;margin-top:4px}
.fh-setup-step{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 4px;border:0;border-top:1px solid #F0F1F4;background:none;font:inherit;color:#13213C;text-align:start;cursor:pointer}
.fh-setup-step:first-child{border-top:0}
.fh-setup-step.current{background:#F7EEDD;border-radius:14px;border-top-color:transparent;padding:10px 12px;margin:4px 0}
.fh-setup-step.current+.fh-setup-step{border-top-color:transparent}
.fh-setup-step>.icon{width:18px;height:18px;margin-inline-start:auto;color:#8A93A1;flex:none}
.fh-setup-num{width:26px;height:26px;border-radius:50%;border:1.5px solid #CDD3DC;display:grid;place-items:center;font-size:13px;font-weight:700;color:#5E6878;flex:none;background:#fff}
.fh-setup-step.current .fh-setup-num{border-color:#C9A277;color:#9A7036}
.fh-setup-num.done{background:#5E7F63;border-color:#5E7F63;color:#fff}
.fh-setup-num .icon{width:14px;height:14px}
.fh-setup-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.fh-setup-copy strong{font-size:14.5px;font-weight:600}
.fh-setup-copy small{font-size:12.5px;line-height:1.5;color:#6B5B45}
.fh-setup-step.done .fh-setup-copy strong{color:#8A93A1;text-decoration:line-through;font-weight:500}
.fh-setup-card.done{display:flex;align-items:center;gap:12px;background:#E7F4EC;border-color:#CFE6D7}
.fh-setup-ok{width:36px;height:36px;border-radius:50%;background:#5E7F63;color:#fff;display:grid;place-items:center;flex:none}
.fh-setup-card.done .fh-setup-copy strong{color:#1F4D32;font-size:15px}
.fh-setup-card.done .fh-setup-copy small{color:#2F6B45}
.fh-setup-card.done .btn.link{margin-inline-start:auto;color:#2F6B45;font-weight:700}
.welcome-art .sk path:not(.line):not(.cut),.welcome-art .sk circle,.welcome-art .sk rect{fill:rgba(255,255,255,.35);stroke:#9FB0C8;stroke-width:1.4;stroke-linejoin:round}
.welcome-art .sk .line{fill:none;stroke:#9FB0C8;stroke-width:1.4;stroke-linecap:round}
.welcome-art .sk .cut{fill:#EAF4FB;stroke:#9FB0C8;stroke-width:1.4}

/* 0.26.48 — Family row: one clear status per person. Neutral ring; a device emoji in the corner carries the meaning
   (😴 all good, ⏳ something soon, ⚠️ overdue). No badge when no car is assigned. */
.fh-member[data-level] .fh-avatar{box-shadow:0 0 0 3px #fff,0 0 0 5px #E6E3DC!important}
.fh-mini.fh-emoji{font-size:15px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;color:inherit}

/* 0.26.49 — Driver location entry points: My Cars card (cars with a driver) and the driver's sheet on Home. Owner only. */
.car-row-reading.car-row-location{color:#9A7036!important;background:#FBF6EC!important;border-color:#EADBC0!important}
.fh-sheet-location{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.fh-location-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border:1px solid #EADBC0;border-radius:16px;background:#FBF6EC;font:inherit;color:#13213C;text-align:start;cursor:pointer}
.fh-location-btn>.icon:first-child,.fh-location-btn>svg:first-child{width:22px;height:22px;color:#9A7036;flex:none}
.fh-location-btn>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.fh-location-btn strong{font-size:14.5px;font-weight:700}
.fh-location-btn small{font-size:12.5px;color:#6B5B45}
.fh-location-btn>.icon:last-child,.fh-location-btn>svg:last-child{width:18px;height:18px;margin-inline-start:auto;color:#8A93A1;flex:none}

/* 0.26.50 — قراجي logo on the welcome and sign-in pages. */
.auth-topbar-logo{display:block;height:46px;width:auto}
html[dir="rtl"] .auth-topbar-logo{order:2;margin-left:auto}
html[dir="ltr"] .auth-topbar .auth-language-trigger{margin-left:auto}
@media (max-width:700px){.auth-topbar-logo{height:42px}}

/* 0.26.51 — My Cars: the people on each car as small circles instead of a line of names. */
.car-row-sub{display:flex!important;align-items:center;gap:10px;overflow:visible!important;white-space:nowrap}
.car-people{display:inline-flex;align-items:center;padding-inline-start:4px}
.car-person{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;box-shadow:0 0 0 2px #fff;margin-inline-start:-6px}
.car-person.more{background:#EDEFF3;color:#5E6878;font-size:11px}
.car-people-none{font-size:12px;color:var(--mg-faint,#8A93A1)}

/* 0.26.53 — Add vehicle: the registration upload explains itself (the separate card on My Cars is gone). */
.vehicle-add-choice small{font-size:12.5px!important;line-height:1.65!important;color:#5E6878!important}
.vehicle-add-choice strong{font-size:14.5px!important}
.vehicle-add-choice .vehicle-add-note{display:block;margin-top:-4px;text-align:center}

/* 0.26.54 — Add vehicle: two clear options, upload or type it in, with an "or" divider between them. */
.vehicle-add-tag{display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;color:#8A6A43;background:#F7EEDD;border-radius:99px;padding:3px 10px;margin-bottom:8px}
.vehicle-add-or{display:flex;align-items:center;gap:12px;margin:18px 4px;color:#5E6878;font-size:13px;font-weight:600}
.vehicle-add-or::before,.vehicle-add-or::after{content:"";flex:1;height:1px;background:#DDE1E8}
.vehicle-add-or span{white-space:nowrap}

/* 0.26.56 — Assistant car picker: a sheet that reads as a sheet. One step lighter than the Assistant,
   a grab handle, car photos on a light tile, the rail fading at the edge, and a gold outline for the choice. */
html.phone-ui body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet{background:#22355A!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -14px 36px rgba(0,0,0,.38)!important;padding-top:12px!important}
html.phone-ui body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet::before{content:"";display:block;width:38px;height:4px;border-radius:9px;background:rgba(255,255,255,.25);margin:0 auto 10px}
html.phone-ui body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-mobile-sheet-head{background:#22355A!important;top:-12px!important}
html.phone-ui body.assistant-view .ai-context-deck .ai-mobile-sheet-head small{color:#AEB8C8!important}
html.phone-ui body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-vehicle-rail{margin-inline:-18px!important;padding-inline:18px!important;scroll-padding-inline:18px!important;-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 44px),transparent)}
html[dir="ltr"].phone-ui body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-vehicle-rail{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent)}
body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-vehicle-card{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-vehicle-card.selected{background:rgba(255,255,255,.09)!important;border:1.5px solid #C9A277!important;box-shadow:0 0 0 3px rgba(201,162,119,.18)!important}
body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-vehicle-card small{color:#AEB8C8!important}
body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-vehicle-visual{display:block;border-radius:11px;background:#EEF0F4!important;overflow:hidden}
body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-vehicle-visual .vehicle-photo-shell{background:transparent!important}
body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-all-icon{background:rgba(201,162,119,.15)!important;color:#E2B04A!important}
body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet .ai-vehicle-check{background:#C9A277!important;color:#13213C!important}

/* 0.26.57 — My profile: city, district and where the car is usually serviced. */
.profile-service{margin-top:2px}
.profile-service .field{grid-column:1/-1}
.profile-why{font-size:12.5px;line-height:1.6;color:#6B5B45;background:#F7EEDD;border-radius:12px;padding:9px 12px;margin:4px 0 2px}

/* 0.26.58 — Driver location (demo map). */
.loc-sheet{display:flex;flex-direction:column;gap:12px}
.loc-demo{display:flex;gap:8px;align-items:flex-start;background:#F7EEDD;color:#6B5B45;border-radius:12px;padding:9px 12px;font-size:12.5px;line-height:1.55}
.loc-demo .icon{width:16px;height:16px;flex:none;margin-top:2px;color:#9A7036}
.loc-map-wrap{position:relative;border-radius:18px;overflow:hidden;border:1px solid #E4E7EE;background:#EEF0F4}
.loc-map{height:min(46vh,340px);width:100%}
.loc-map-loading{height:100%;display:grid;place-items:center;font-size:13px;color:#5E6878}
.loc-map .leaflet-control-attribution{font-size:9px;background:rgba(255,255,255,.75);direction:ltr}
.loc-status{position:absolute;top:10px;inset-inline-start:10px;z-index:500;display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:99px;padding:6px 11px;font-size:12.5px;font-weight:700;color:#13213C;box-shadow:0 4px 14px rgba(19,33,60,.15)}
.loc-status i{width:8px;height:8px;border-radius:50%;background:#5E7F63}
.loc-status.moving i{background:#E8962A;animation:locBlink 1.2s ease-in-out infinite}
@keyframes locBlink{50%{opacity:.35}}
.loc-pin-icon{background:none;border:0}
.loc-pin{position:relative;width:56px;height:56px}
.loc-pulse{position:absolute;inset:6px;border-radius:50%;background:rgba(19,33,60,.18);animation:locPulse 1.8s ease-out infinite}
@keyframes locPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.loc-dot{position:absolute;inset:12px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 14px/1 var(--font,Alexandria),sans-serif;box-shadow:0 0 0 3px #fff,0 6px 14px rgba(19,33,60,.35)}
.loc-car{position:absolute;bottom:4px;inset-inline-end:2px;width:22px;height:22px;border-radius:50%;background:#C9A277;color:#13213C;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.loc-car .icon{width:13px;height:13px}
.loc-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E4E7EE;border-radius:16px;padding:12px}
.loc-avatar{width:44px;height:44px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;font-size:17px;flex:none}
.loc-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.loc-who strong{font-size:15.5px;color:#13213C}
.loc-who small{font-size:12.5px;color:#5E6878}
.loc-others{font-size:11.5px!important;color:#8A93A1!important}
.loc-rows{display:flex;flex-direction:column;gap:8px;padding:0 4px}
.loc-row{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#13213C}
.loc-row .icon{width:17px;height:17px;color:#9A7036;flex:none}
.loc-actions{display:flex;gap:8px;flex-wrap:wrap}
.loc-actions>*{flex:1 1 0;min-height:46px;justify-content:center;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.loc-map .leaflet-tile-pane{filter:saturate(.55) brightness(1.04) contrast(.94)}

/* 0.26.59 — Motorcycles (دبابات): type picker, rider disclosure, kind filter, card line. */
.vehicle-kind-picker{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 14px;padding:4px;border:0;border-radius:14px;background:var(--mg-tile,#F5F7FB);min-width:0}
.vehicle-kind-option{position:relative;display:block;cursor:pointer}
.vehicle-kind-option input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.vehicle-kind-option span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:11px;color:var(--mg-muted,#5E6878);font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}
.vehicle-kind-option .icon{width:20px;height:20px}
.vehicle-kind-option input:checked+span{background:#fff;color:var(--mg-navy,#13213C);font-weight:700;box-shadow:0 1px 6px #13213C1A}
.vehicle-kind-option input:checked+span .icon{color:var(--mg-gold,#9A7036)}
.vehicle-kind-option input:focus-visible+span{outline:2px solid var(--mg-gold,#9A7036);outline-offset:2px}
.vehicle-form-section-title .vehicle-kind-icon{display:inline-flex}
#vehicle-form .moto-only[hidden]{display:none!important}
.vehicle-drivers{grid-column:1/-1;min-width:0}
.vehicle-drivers .drivers-reveal{display:none}
.vehicle-drivers.collapsed>.field{display:none}
.vehicle-drivers.collapsed .drivers-reveal{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 4px;border:0;background:none;color:var(--mg-navy,#13213C);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.vehicle-drivers .drivers-reveal .icon{width:16px;height:16px;color:var(--mg-gold,#9A7036)}
.vehicle-kind-filter{display:flex;gap:6px;margin:-4px 0 14px;overflow-x:auto;scrollbar-width:none}
.vehicle-kind-filter::-webkit-scrollbar{display:none}
.vkf-chip{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:36px;padding:0 13px;border:1px solid var(--mg-line,#E4E7EE);border-radius:999px;background:#fff;color:var(--mg-muted,#5E6878);font:inherit;font-size:13px;cursor:pointer}
.vkf-chip .icon{width:16px;height:16px}
.vkf-chip small{font-size:11px;color:var(--mg-faint,#8A93A1)}
.vkf-chip.active{border-color:var(--mg-navy,#13213C);background:var(--mg-navy,#13213C);color:#fff;font-weight:600}
.vkf-chip.active small{color:#ffffffB3}
.car-row-kind{display:flex;align-items:center;gap:4px;margin:1px 0 3px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mg-muted,#5E6878);font-size:12px}
.car-row-kind .icon{width:14px;height:14px;color:var(--mg-gold,#9A7036)}
.moto-silhouette{opacity:.9}
@media (prefers-reduced-motion:reduce){.vehicle-kind-option span{transition:none}}

/* 0.26.66 — changes the cloud refuses to store. */
.sync-stuck{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 16px;padding:13px 14px;border:1px solid var(--mg-sand-line,#E9D6AE);border-radius:16px;background:var(--mg-amber-bg,#FFF4E0)}
.sync-stuck-icon{display:inline-flex;color:var(--mg-amber,#A86A12)}
.sync-stuck-icon .icon{width:20px;height:20px}
.sync-stuck-copy{flex:1 1 220px;min-width:0}
.sync-stuck-copy strong{display:block;font-size:14px;color:var(--mg-navy,#13213C)}
.sync-stuck-copy small{display:block;margin-top:2px;font-size:12.5px;line-height:1.6;color:var(--mg-muted,#5E6878)}
.sync-stuck-actions{display:flex;gap:8px;flex-wrap:wrap}
.sync-stuck-actions .btn{min-height:38px;font-size:13px}
body.home-view .sync-stuck{margin-top:64px}
.sync-stuck-code{margin-top:4px;font-size:11.5px!important;color:var(--mg-faint,#8A93A1)!important;text-align:start}

/* 0.26.69 — motorcycle pictures have a different frame from cars: show the whole bike, wheels included. */
.vehicle-photo-shell.photo-moto img{object-fit:contain!important;object-position:center!important}

/* 0.26.73 — add-vehicle wizard. */
.vehicle-wizard{display:flex;flex-direction:column;gap:0}
.vehicle-wizard .vw-step{display:flex;flex-direction:column;gap:12px}
.vehicle-wizard .vw-step[hidden]{display:none!important}
.vw-progress{display:flex;gap:6px}
.vw-progress i{flex:1;height:4px;border-radius:4px;background:#DCE1E8}
.vw-progress i.on{background:var(--mg-navy,#13213C)}
.vw-count{margin:-4px 0 0;font-size:12.5px;color:var(--mg-muted,#5E6878)}
.vw-title{margin:0;font-size:22px;line-height:1.35;color:var(--mg-navy,#13213C)}
.vw-sub{margin:-6px 0 2px;font-size:14px;color:var(--mg-muted,#5E6878)}
.vehicle-wizard .vehicle-kind-picker{margin:0}
.vw-search-field label{font-size:13px;font-weight:600}
.vw-search{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px;border:2px solid var(--mg-navy,#13213C);border-radius:16px;background:#fff}
.vw-search .icon{width:20px;height:20px;color:var(--mg-muted,#5E6878)}
.vw-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;font:inherit;font-size:17px;padding:0!important;box-shadow:none!important;color:var(--mg-navy,#13213C)}
.vw-results{display:flex;flex-direction:column;border-radius:18px;background:#fff;border:1px solid var(--mg-line,#E4E7EE);overflow:hidden}
.vw-results:empty{display:none}
.vw-result{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px;border:0;border-bottom:1px solid #EEF0F4;background:#fff;font:inherit;text-align:start;cursor:pointer;color:var(--mg-navy,#13213C)}
.vw-result:last-child{border-bottom:0}
.vw-result:first-child{background:var(--mg-sand,#F7EEDD)}
.vw-result.manual:first-child{background:#fff}
.vw-result strong{display:block;font-size:15px}
.vw-result small{display:block;font-size:12px;color:var(--mg-muted,#5E6878)}
.vw-result-mark{flex:none;width:40px;height:40px;border-radius:12px;background:#F4F5F7;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#7A5A28}
.vw-result-mark .icon{width:18px;height:18px}
.vw-picked{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;background:var(--mg-sand,#F7EEDD);border:1px solid var(--mg-sand-line,#E9D6AE)}
.vw-picked[hidden]{display:none}
.vw-picked span{display:flex;align-items:center;gap:8px}
.vw-picked .icon{width:20px;height:20px;color:var(--mg-gold,#9A7036)}
.vw-manual[hidden]{display:none}
.vw-link{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:#7A5A28;min-height:44px;padding:0 6px;cursor:pointer}
.vw-smart{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px dashed #D9BF8C;background:#FFFBF3;font:inherit;text-align:start;cursor:pointer;color:var(--mg-navy,#13213C)}
.vw-smart .icon{flex:none;width:22px;height:22px;color:var(--mg-gold,#9A7036)}
.vw-smart strong{display:block;font-size:14px}
.vw-smart small{display:block;font-size:12px;color:var(--mg-muted,#5E6878)}
.vw-stage{height:180px;border-radius:22px;background:#fff;border:1px solid var(--mg-line,#E4E7EE);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.vw-stage.small{height:140px}
.vw-stage small{font-size:12px;color:var(--mg-muted,#5E6878)}
.vw-drawing{width:220px;height:100px}
.vw-drawing-car .vehicle-silhouette{width:220px;height:90px}
.vw-stage.small .vw-drawing,.vw-stage.small .vw-drawing-car .vehicle-silhouette{width:170px;height:76px}
.vw-summary{display:flex;align-items:center;justify-content:space-between}
.vw-summary strong{font-size:17px;color:var(--mg-navy,#13213C)}
.vw-label{font-size:13px;font-weight:600}
.vw-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 10px}
.vw-swatch{width:44px;height:44px;border-radius:50%;border:1px solid #C9D0DA;cursor:pointer}
.vw-swatch[aria-pressed="true"]{outline:3px solid var(--mg-navy,#13213C);outline-offset:2px}
.vw-color-text{width:100%}
.vw-footer{position:sticky;bottom:-26px;display:flex;gap:10px;margin:18px -21px -26px;padding:14px 21px 22px;background:#fff;border-top:1px solid var(--mg-line,#E4E7EE);z-index:2}
.vw-footer .btn{min-height:52px;font-size:15px}
.vw-footer .btn.primary{flex:1}
.vw-footer [hidden]{display:none!important}
.vw-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.vw-done-scene{width:100%;height:150px;border-radius:22px;background:linear-gradient(#EAF1F7 0 62%,#EFE6D6 62%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px}
.vw-done-scene svg{width:210px;height:94px}
.vw-done-check{width:52px;height:52px;margin-top:-26px;border-radius:50%;background:#E7F4EC;border:4px solid #fff;display:flex;align-items:center;justify-content:center;color:var(--mg-green,#2F7D55)}
.vw-done-check .icon{width:26px;height:26px}
.vw-done h3{margin:4px 0 0;font-size:21px;color:var(--mg-navy,#13213C)}
.vw-done p{margin:0;font-size:14px;color:var(--mg-muted,#5E6878)}
.vw-next{align-self:stretch;margin-top:10px;padding:14px 16px;border-radius:18px;border:1px solid var(--mg-line,#E4E7EE);text-align:start;display:flex;flex-direction:column;gap:3px}
.vw-next strong{font-size:15px}
.vw-next span{font-size:13px;color:var(--mg-muted,#5E6878)}
/* 0.26.74 — real model picture in the add-vehicle step 2. */
.vw-stage .vw-photo{max-width:100%;max-height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
.vw-code{display:block;margin-top:2px;font-size:11px;color:var(--mg-faint,#8A93A1)}
.vw-retry{display:block;margin:4px auto 0;min-height:40px}

/* 0.26.81 — step-by-step expense, service and document entry. */
.wz-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wz-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:12px 6px;border:1px solid var(--mg-line,#E4E7EE);border-radius:18px;background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:var(--mg-navy,#13213C);cursor:pointer;text-align:center;line-height:1.35}
.wz-tile-icon{width:40px;height:40px;border-radius:13px;background:var(--mg-sand,#F7EEDD);display:flex;align-items:center;justify-content:center;color:#7A5A28}
.wz-tile-icon .icon{width:21px;height:21px}
.wz-tile[aria-pressed="true"]{border:2px solid var(--mg-navy,#13213C);background:#F3F6FB}
.wz-tile:focus-visible,.wz-chip:focus-visible{outline:2px solid var(--mg-gold,#9A7036);outline-offset:2px}
.wz-aside{align-self:center;text-align:center}
.wz-chips{display:flex;flex-wrap:wrap;gap:8px}
.wz-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--mg-line,#E4E7EE);border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--mg-navy,#13213C);cursor:pointer}
.wz-chip .icon{width:18px;height:18px;color:var(--mg-gold,#9A7036)}
.wz-chip[aria-pressed="true"]{background:var(--mg-navy,#13213C);border-color:var(--mg-navy,#13213C);color:#fff}
.wz-chip[aria-pressed="true"] .icon{color:#fff}
.wz-note{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:var(--mg-sand,#F7EEDD);color:#6B4E1F;font-size:13px;font-weight:600}
.wz-amount input{height:64px!important;font-size:30px!important;font-weight:700!important;text-align:center;letter-spacing:.5px}
.wz-amount label{font-size:13px;font-weight:600}
.wz-done-check{margin-top:4px}
@media (max-width:360px){.wz-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 0.26.82 — plate listing steps. */
.wz-plates{display:flex;flex-direction:column;gap:10px}
.wz-plate{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:12px 14px;border:1px solid var(--mg-line,#E4E7EE);border-radius:18px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--mg-navy,#13213C);cursor:pointer;text-align:start}
.wz-plate[aria-pressed="true"]{border:2px solid var(--mg-navy,#13213C);background:#F3F6FB}
.wz-review{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--mg-line,#E4E7EE);background:#fff}
.wz-review dl{margin:0;align-self:stretch;display:flex;flex-direction:column;gap:8px}
.wz-review dl div{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.wz-review dt{color:var(--mg-muted,#5E6878)}
.wz-review dd{margin:0;font-weight:600;color:var(--mg-navy,#13213C)}

/* 0.26.82 — timeline: one line, today marked, done items checked, ended dates red. */
.timeline-today{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:2px 0 20px;color:#7A5A28;font-size:12.5px;font-weight:700}
.timeline-today:before,.timeline-today:after{content:'';flex:1;height:2px;background:var(--mg-gold,#9A7036);border-radius:2px;opacity:.55}
.timeline-today span{padding:3px 12px;border-radius:999px;background:var(--mg-sand,#F7EEDD)}
.timeline-entry.past .timeline-dot.done{background:#E7F4EC;color:var(--mg-green,#2F7D55)}
.timeline-dot.expired{background:var(--mg-red-bg,#FDEDEA);color:var(--mg-red,#C2412D)}
.timeline-entry.expired .timeline-copy strong{color:var(--mg-red,#C2412D)}
.timeline-badge{display:inline-flex;align-items:center;margin-top:6px;min-height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:700}
.timeline-badge.expired{background:var(--mg-red-bg,#FDEDEA);color:var(--mg-red,#C2412D)}

/* 0.26.83 — receipt QR. */
.wz-qr{border-style:solid;border-color:var(--mg-navy,#13213C);background:#F3F6FB;margin-bottom:4px}
.wz-qr .icon{color:var(--mg-navy,#13213C)}
.wz-qr-status{padding:12px 14px;border-radius:14px;background:#F4F5F7;font-size:13px;color:var(--mg-navy,#13213C);display:flex;flex-direction:column;gap:2px}
.wz-qr-status[hidden]{display:none}
.wz-qr-status.ok{background:#E7F4EC;color:#1F5C3D}
.wz-qr-status.bad{background:var(--mg-red-bg,#FDEDEA);color:var(--mg-red,#C2412D)}
.wz-qr-status strong{font-size:14px}

/* 0.26.84 — plate types: middle band colour and symbol. */
.saudi-plate.plate-transport .saudi-plate-country{background:#1F5DA8;color:#fff}
.saudi-plate.plate-public .saudi-plate-country{background:#F2C230;color:#050505}
.saudi-plate.plate-diplomatic .saudi-plate-country{background:#2E7D4F;color:#fff}
.saudi-plate.plate-temporary .saudi-plate-country{background:#C3C8CF;color:#050505}
.saudi-plate .saudi-plate-seals i.saudi-plate-symbol{width:6px;height:6px;border-radius:50%;background:currentColor}
.saudi-plate .saudi-plate-seals i.symbol-down,.saudi-plate .saudi-plate-seals i.symbol-up,.saudi-plate .saudi-plate-seals i.symbol-left{width:7px;height:7px;border-radius:0;background:currentColor}
.saudi-plate .saudi-plate-seals i.symbol-down{clip-path:polygon(0 0,100% 0,50% 100%)}
.saudi-plate .saudi-plate-seals i.symbol-up{clip-path:polygon(50% 0,100% 100%,0 100%)}
.saudi-plate .saudi-plate-seals i.symbol-left{clip-path:polygon(100% 0,100% 100%,0 50%)}
.saudi-plate .saudi-plate-seals i.symbol-none{display:none}
.plate-type-field{margin-top:6px}
.plate-type-chip{position:relative;cursor:pointer}
.plate-type-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.plate-type-chip:has(input:checked){background:var(--mg-navy,#13213C);border-color:var(--mg-navy,#13213C);color:#fff}
.plate-type-chip:has(input:focus-visible){outline:2px solid var(--mg-gold,#9A7036);outline-offset:2px}
.plate-type-swatch{width:12px;height:18px;border-radius:3px;border:1px solid #9AA3AF;background:#fff}
.plate-type-swatch.plate-transport{background:#1F5DA8;border-color:#1F5DA8}
.plate-type-swatch.plate-public{background:#F2C230;border-color:#D9A900}
.plate-type-swatch.plate-diplomatic{background:#2E7D4F;border-color:#2E7D4F}
.plate-type-swatch.plate-temporary{background:#C3C8CF}
.plate-type-field small{display:block;margin-top:6px;font-size:12px;color:var(--mg-muted,#5E6878)}
.saudi-plate.plate-transport .saudi-plate-mark small,.saudi-plate.plate-diplomatic .saudi-plate-mark small{color:#fff!important;opacity:.9}
.saudi-plate.plate-public .saudi-plate-mark small,.saudi-plate.plate-temporary .saudi-plate-mark small{color:#050505!important}
.license-mismatch{display:block;margin-top:4px;font-size:12px;color:var(--mg-red,#C2412D)}

/* 0.26.89 — Home scene through the day: fajr, morning, afternoon, dusk, night. */
.fh-scene{transition:background .8s ease}
.fh-scene.dp-fajr{background:linear-gradient(180deg,#2E3563 0%,#8E7BB0 55%,#F4B89C 100%)!important}
.fh-scene.dp-afternoon{background:linear-gradient(180deg,#A9CBE6 0%,#EED9B0 58%,#F6C987 100%)!important}
.fh-scene.dp-dusk{background:linear-gradient(180deg,#1B2B4E 0%,#4E4A78 45%,#E9A970 100%)!important}
.fh-scene.dp-night{background:linear-gradient(180deg,#0B1630 0%,#172850 55%,#2B3C66 100%)!important}
/* sun: low and rosy at fajr, over the west in the afternoon */
.fh-scene.dp-fajr .fh-sun{top:auto;bottom:150px;inset-inline-end:58%;width:40px;height:40px;background:radial-gradient(circle,#FFE6BF 0%,#FFC9A0 55%,rgba(255,201,160,0) 72%)!important;box-shadow:none}
.fh-scene.dp-afternoon .fh-sun{top:92px;inset-inline-end:80%;width:42px;height:42px;background:radial-gradient(circle,#FFE0A0 0%,#FFC766 58%,rgba(255,199,102,0) 72%)!important}
/* moon with its real phase at dusk and night */
.fh-scene.dp-night .fh-sun,.fh-scene.dp-dusk .fh-sun{width:34px;height:34px;background:transparent!important;box-shadow:inset var(--moon-x,-14px) 0 0 0 #F6E8C6;opacity:var(--moon-o,1);filter:drop-shadow(0 0 10px rgba(255,236,190,.35))}
.fh-scene[style*="--moon-fill:1"].dp-night .fh-sun,.fh-scene[style*="--moon-fill:1"].dp-dusk .fh-sun{background:#F6E8C6!important;box-shadow:none}
/* stars */
.fh-scene.dp-night .fh-stars{opacity:1}.fh-scene.dp-dusk .fh-stars{opacity:.5}.fh-scene.dp-fajr .fh-stars{opacity:.35}
.fh-scene.dp-morning .fh-stars,.fh-scene.dp-afternoon .fh-stars{opacity:0}
.fh-stars i:nth-child(7){top:22px;left:12%}.fh-stars i:nth-child(8){top:96px;left:54%}.fh-stars i:nth-child(9){top:40px;left:72%}
.fh-stars i:nth-child(10){top:70px;left:92%}.fh-stars i:nth-child(11){top:110px;left:38%}.fh-stars i:nth-child(12){top:12px;left:28%}
.fh-stars i:nth-child(13){top:58px;left:22%}.fh-stars i:nth-child(14){top:26px;left:50%}.fh-stars i:nth-child(15){top:84px;left:66%}
.fh-stars i:nth-child(16){top:118px;left:80%}.fh-stars i:nth-child(17){top:8px;left:90%}.fh-stars i:nth-child(18){top:102px;left:4%}
.fh-stars i:nth-child(3n){width:3px;height:3px;opacity:.9}
@media (prefers-reduced-motion:no-preference){.fh-scene.dp-night .fh-stars i:nth-child(4n+1){animation:fh-twinkle 3.6s ease-in-out infinite}.fh-scene.dp-night .fh-stars i:nth-child(4n+3){animation:fh-twinkle 5.2s ease-in-out infinite 1.3s}}
@keyframes fh-twinkle{0%,100%{opacity:.9}50%{opacity:.25}}
/* afternoon warms the ground and the house */
.fh-scene.dp-afternoon .fh-drive svg path[fill="url(#fhGround)"]{filter:sepia(.35) saturate(1.25)}
.fh-scene.dp-afternoon .fh-house,.fh-scene.dp-afternoon .fh-najdi{filter:sepia(.18) saturate(1.1)}
/* fajr: softer house lights than full night */
.fh-scene.dp-fajr .fh-house,.fh-scene.dp-fajr .fh-najdi{filter:brightness(.92)}
.fh-scene.dp-fajr .fh-greet h1,.fh-scene.dp-night .fh-greet h1{color:#fff}
/* the ground and path follow the light */
.fh-scene.dp-night .fh-drive svg path[fill="url(#fhGround)"]{filter:brightness(.5) saturate(.75)}
.fh-scene.dp-night .fh-drive .nj-path,.fh-scene.dp-night .fh-drive .nj-paver{filter:brightness(.62)}
.fh-scene.dp-dusk .fh-drive svg path[fill="url(#fhGround)"]{filter:brightness(.72) saturate(.9)}
.fh-scene.dp-dusk .fh-drive .nj-path,.fh-scene.dp-dusk .fh-drive .nj-paver{filter:brightness(.8)}
.fh-scene.dp-fajr .fh-drive svg path[fill="url(#fhGround)"]{filter:brightness(.84) hue-rotate(-8deg)}
.fh-scene.dp-night .fh-car>path:first-of-type{filter:brightness(.78)}
/* 0.26.90 — calendar button: chevron points down to open, up to close. */
.fh-up-toggle[data-state="hidden"] .icon,.fh-up-toggle[data-state="week"] .icon{transform:rotate(90deg)}
.fh-up-toggle[data-state="month"] .icon{transform:rotate(-90deg)}

/* 0.26.94 — Garage look card on More: text on the right, the chosen house on the left. */
.garage-look-card{margin-top:14px!important;overflow:hidden;position:relative}
.garage-look-card>span:nth-child(2){flex:1}
.garage-look-art{flex:none;width:112px;height:58px;margin:-4px -6px -4px 0;border-radius:12px;overflow:hidden;background:#EAF3FB}
.garage-look-art svg{display:block;width:100%;height:100%}

/* 0.26.95 — plate market showcase. */
.mk{padding-bottom:96px}
.mk-top{display:flex;align-items:center;justify-content:space-between;margin:4px 0 0}
.mk-actions{display:flex;gap:8px}
.mk-icon{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--mg-line,#E4E7EE);display:grid;place-items:center;color:var(--mg-navy,#13213C);cursor:pointer}
.mk-icon .icon{width:19px;height:19px}
.mk-title{margin:12px 0 14px;font-size:28px;line-height:1.3;color:var(--mg-navy,#13213C)}
.mk-heroes{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -2px;padding:2px 2px 6px;scrollbar-width:none}
.mk-heroes::-webkit-scrollbar{display:none}
.mk-hero{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;gap:10px;padding:16px;border:0;border-radius:24px;background:linear-gradient(135deg,#13213C,#24406A);color:#fff;text-align:start;font:inherit;cursor:pointer}
.mk-heroes:has(.mk-hero+.mk-hero) .mk-hero{flex-basis:88%}
.mk-hero small{font-size:12px;font-weight:600;color:#F2CF8A}
.mk-hero-plate{align-self:center;background:#fff;border-radius:10px;padding:4px}
.mk-hero-plate .saudi-plate{transform:scale(1.08);transform-origin:center}
.mk-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.mk-hero-row>span:first-child{display:flex;flex-direction:column;gap:2px}
.mk-hero-row em{font-style:normal;font-size:11.5px;color:#C9D4E6}
.mk-hero-row strong{font-size:18px}
.mk-bid{padding:10px 20px;border-radius:14px;background:#F2CF8A;color:#13213C;font-weight:700;font-size:14px}
.mk-types{display:flex;gap:18px;margin:18px 2px 12px}
.mk-types button{border:0;background:none;padding:0 0 5px;font:inherit;font-size:14.5px;font-weight:600;color:#8A93A1;border-bottom:2px solid transparent;cursor:pointer;min-height:36px}
.mk-types button[aria-selected="true"]{color:var(--mg-navy,#13213C);border-bottom-color:var(--mg-navy,#13213C)}
.mk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mk-tile{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px 10px 12px;border:1px solid var(--mg-line,#E4E7EE);border-radius:16px;background:#fff;font:inherit;text-align:start;cursor:pointer;color:var(--mg-navy,#13213C)}
.mk-tile .saudi-plate{width:100%;max-width:100%}
.mk-tile strong{margin-top:6px;font-size:15px}
.mk-tile small{font-size:11.5px;color:var(--mg-muted,#5E6878)}
.mk-tile small.soon{color:#A86A12;font-weight:600}
.mk-list-btn{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:20;display:inline-flex;align-items:center;gap:6px;padding:13px 22px;border:0;border-radius:999px;background:var(--mg-navy,#13213C);color:#fff;font:inherit;font-weight:700;font-size:14.5px;box-shadow:0 10px 24px rgba(19,33,60,.35);cursor:pointer;white-space:nowrap}
.mk-list-btn .icon{width:17px;height:17px}
.mk-trust{margin:16px 0 0;text-align:center;font-size:11.5px;color:#8A93A1}
.mk-search{display:flex;align-items:center;height:54px;padding:0 14px;border:2px solid var(--mg-navy,#13213C);border-radius:16px;background:#fff}
.mk-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;font:inherit;font-size:16px;padding:0!important;box-shadow:none!important;color:var(--mg-navy,#13213C)}
.mk-label{margin:16px 2px 8px;font-size:12.5px;font-weight:600;color:var(--mg-muted,#5E6878)}
.mk-chips{display:flex;flex-wrap:wrap;gap:8px}
.mk-chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #E1E5EC;background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--mg-navy,#13213C);cursor:pointer}
.mk-chip[aria-pressed="true"]{background:var(--mg-navy,#13213C);color:#fff;border-color:var(--mg-navy,#13213C)}
.mk-empty{margin:6px 0;padding:26px 18px;border-radius:20px;background:#fff;border:1px dashed #D5DBE4;text-align:center}
.mk-empty-plate{display:inline-grid;grid-template-columns:1fr 34px 1fr;width:180px;height:52px;border:2px solid #9AA4B1;border-radius:9px;direction:ltr;color:#9AA4B1}
.mk-empty-plate i{display:grid;place-items:center;font-style:normal;font-size:24px}
.mk-empty-plate b{display:grid;place-items:center;font-size:9px;border-inline:2px solid #9AA4B1}
.mk-empty h3{margin:12px 0 4px;font-size:16.5px;color:var(--mg-navy,#13213C)}
.mk-empty p{margin:0;font-size:13px;color:var(--mg-muted,#5E6878);line-height:1.7}
/* 0.26.95 review: the featured plate sits cleanly on its white card; grid plates get room to breathe. */
.mk-hero-plate{padding:8px 10px!important}
.mk-hero-plate .saudi-plate{transform:none!important}
.mk-tile .saudi-plate{font-size:.92em}
.mk-tile .saudi-plate .saudi-plate-row b,.mk-tile .saudi-plate b{letter-spacing:1px}

/* 0.26.96 — market plates never clip: height follows the text (the fixed 4.55:1 shape cut the bottom row on iPhone). */
.mk .saudi-plate{aspect-ratio:auto!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;transform:none!important}
.mk .saudi-plate .saudi-plate-block{display:grid;grid-template-rows:auto auto}
.mk .saudi-plate .saudi-plate-cell{display:flex;align-items:center;justify-content:center;padding:4px 2px;line-height:1.2;white-space:nowrap}
.mk-hero-plate{width:min(260px,82%)}
.mk-hero-plate .saudi-plate .saudi-plate-cell{font-size:18px;padding:6px 2px}
.mk-tile .saudi-plate .saudi-plate-cell{font-size:13px}
.mk-tile .saudi-plate .saudi-plate-mark small{font-size:6.5px}
.mk-tile .saudi-plate .saudi-plate-mark strong{font-size:10px}

/* 0.26.97 — add a person in one flow. */
.pw-role{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:#F3F6FB;font-size:12.5px;line-height:1.6;color:var(--mg-navy,#13213C)}
.pw-role .icon{flex:none;width:18px;height:18px;margin-top:2px;color:var(--mg-gold,#9A7036)}
.pw-role b{font-size:13.5px}
.pw-role .vw-link{margin-inline-start:auto;min-height:32px}
.pw-cars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pw-car{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border:1px solid var(--mg-line,#E4E7EE);border-radius:16px;background:#fff;font:inherit;color:var(--mg-navy,#13213C);cursor:pointer}
.pw-car[aria-pressed="true"]{border:2px solid var(--mg-navy,#13213C);background:#F3F6FB}
.pw-ck{position:absolute;top:8px;inset-inline-start:8px;width:22px;height:22px;border-radius:50%;border:1.5px solid #C9D0DA;display:grid;place-items:center;color:transparent}
.pw-ck .icon{width:13px;height:13px}
.pw-car[aria-pressed="true"] .pw-ck{background:var(--mg-navy,#13213C);border-color:var(--mg-navy,#13213C);color:#fff}
.pw-car-art svg{width:120px;height:54px;display:block}
.pw-car strong{font-size:13.5px}.pw-car small{font-size:11px;color:var(--mg-muted,#5E6878)}
.pw-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:#FFF4E0;color:#8A5A12;font-size:12.5px;line-height:1.6}
.pw-note[hidden]{display:none}
.pw-review{border:1px solid var(--mg-line,#E4E7EE);border-radius:16px;padding:6px 14px}
.pw-rev-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #EEF0F4;font-size:14px}
.pw-rev-row:last-child{border-bottom:0}.pw-rev-row span{color:var(--mg-muted,#5E6878)}.pw-rev-row strong{text-align:end}
.pw-invite-result{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.pw-invite-result[hidden]{display:none}
.pw-wa{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:16px;background:#1FA855;color:#fff!important;font-weight:700;text-decoration:none}
.pw-wa .icon{width:18px;height:18px}
.pw-msg{margin:0;padding:12px;border-radius:14px;background:#F4F5F7;font-size:12px;color:#4A5263;line-height:1.7;word-break:break-word}
.pw-invite-result small{font-size:12px;color:var(--mg-muted,#5E6878)}

/* 0.27.0 — delete a person. */
.pdel-list{margin:12px 0;padding-inline-start:20px;font-size:13.5px;line-height:1.8;color:var(--mg-navy,#13213C)}
.pdel-check{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--mg-line,#E4E7EE);border-radius:14px;margin:4px 0 12px;cursor:pointer;font-size:14px}
.pdel-check input{margin-top:3px;width:18px;height:18px;flex:none}
.pdel-check small{display:block;margin-top:3px;font-size:12px;color:var(--mg-muted,#5E6878)}

/* 0.27.1 — expenses by vehicle. */
.exv{position:relative;padding-bottom:90px}
.exv-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px}
.exv-top h1{margin:0;font-size:28px;color:var(--mg-navy,#13213C)}
.exv-seg{display:flex;gap:4px;padding:3px;border-radius:12px;background:#E6E9EF}
.exv-seg button{border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;color:#4A5263;padding:7px 12px;border-radius:9px;min-height:36px;cursor:pointer}
.exv-seg button[aria-pressed="true"]{background:#fff;color:var(--mg-navy,#13213C);box-shadow:0 1px 5px rgba(19,33,60,.12)}
.exv-back{width:42px;height:42px;border-radius:13px;border:1px solid var(--mg-line,#E4E7EE);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--mg-navy,#13213C)}
.exv-back .icon{width:18px;height:18px}
.exv-sum{display:flex;align-items:center;gap:16px;padding:16px;border-radius:24px;background:linear-gradient(135deg,#13213C,#22385C);color:#fff}
.exv-ring{width:92px;height:92px;flex:none;transform:scaleX(-1)}
.exv-ring text{transform:scaleX(-1);transform-origin:18px 18px}
.exv-sum small{font-size:12px;color:#C9D4E6}
.exv-sum b{display:block;font-size:34px;line-height:1.15;margin:2px 0}
.exv-sum b span{font-size:15px;color:#C9D4E6;font-weight:600}
.exv-sum em{font-style:normal;font-size:12px;color:#F2CF8A}
.exv-h{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 10px}
.exv-h h3{margin:0;font-size:16px;color:var(--mg-navy,#13213C)}
.exv-h>span{font-size:12.5px;color:var(--mg-muted,#5E6878)}
.exv-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -2px;padding:2px 2px 6px;scrollbar-width:none}
.exv-cards::-webkit-scrollbar{display:none}
.exv-card{flex:0 0 min(236px,72%);scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:12px 14px;border:1px solid var(--mg-line,#E4E7EE);border-radius:22px;background:#fff;font:inherit;text-align:start;color:var(--mg-navy,#13213C);cursor:pointer}
.exv-art{display:block;align-self:center}
.exv-card .exv-art svg{width:132px;height:58px;display:block}
.exv-card strong{font-size:15px}
.exv-amt{display:flex;align-items:baseline;gap:6px;margin:4px 0 0}
.exv-amt b{font-size:24px}.exv-amt small{font-size:12px;color:var(--mg-muted,#5E6878)}
.exv-spark{width:100%;height:30px;margin-top:4px}
.exv-kv{display:flex;justify-content:space-between;gap:8px;margin-top:6px;padding-top:8px;border-top:1px solid #EEF0F4;font-size:12px;color:var(--mg-muted,#5E6878)}
.exv-kv b{color:var(--mg-navy,#13213C)}
.exv-list{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mg-line,#E4E7EE);border-radius:20px;overflow:hidden}
.exv-list .exp-row{border-radius:0;border:0;border-bottom:1px solid #EEF0F4;margin:0}
.exv-list .exp-row:last-child{border-bottom:0}
.exv-day{display:flex;justify-content:space-between;margin:14px 4px 6px;font-size:12.5px;font-weight:600;color:var(--mg-muted,#5E6878)}
.exv-empty{padding:22px 16px;border-radius:20px;background:#fff;border:1px dashed #D5DBE4;text-align:center;font-size:13.5px;color:var(--mg-muted,#5E6878);line-height:1.7}
.exv-hero-car{padding:16px;border-radius:24px;background:#fff;border:1px solid var(--mg-line,#E4E7EE);text-align:center}
.exv-hero-car .exv-art svg{width:200px;height:86px}
.exv-hero-car h2{margin:4px 0 2px;font-size:21px;color:var(--mg-navy,#13213C)}
.exv-hero-car>small{font-size:12.5px;color:var(--mg-muted,#5E6878)}
.exv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;padding-top:12px;border-top:1px solid #EEF0F4}
.exv-stats div{display:flex;flex-direction:column;gap:2px}.exv-stats small{font-size:11.5px;color:var(--mg-muted,#5E6878)}.exv-stats b{font-size:15px;color:var(--mg-navy,#13213C)}
.exv-tip{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;padding:12px 14px;border-radius:16px;background:#FFF4E0;color:#7A4E0E;font-size:12.5px;line-height:1.7}
.exv-tip .icon{flex:none;width:16px;height:16px;margin-top:3px}
.exv-fab{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom,0px));inset-inline-end:20px;width:58px;height:58px;border-radius:50%;border:0;background:var(--mg-navy,#13213C);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(19,33,60,.35);cursor:pointer;z-index:20}
.exv-fab .icon{width:24px;height:24px}
@media (min-width:900px){.exv-fab{bottom:28px}}

/* 0.27.2 — vehicle pictures in expenses. */
.exv .exv-shell{height:auto!important;background:transparent!important;margin:0!important;border-radius:14px}
.exv-card .exv-shell{width:100%!important;height:74px!important}
.exv-hero-car .exv-shell{width:100%!important;max-width:280px;height:120px!important;margin:0 auto!important}
.exv .exv-shell img{width:100%;height:100%;object-fit:contain;padding:0!important}
.exv .exv-shell svg{width:auto;height:100%;max-width:100%}
.exv-card .exv-art,.exv-hero-car .exv-art{align-self:stretch}
.exv .exv-shell{display:flex!important;align-items:center;justify-content:center;overflow:hidden;background:transparent!important;padding:0!important}
.exv .exv-shell img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;position:static!important;transform:none!important}
.exv .exv-shell svg{width:auto!important;height:100%!important;max-width:100%!important}
.exv .exv-shell::before,.exv .exv-shell::after{display:none!important}.exv .exv-shell.photo-empty,.exv .exv-shell.photo-card{background:transparent!important;box-shadow:none!important;border:0!important}
/* 0.27.3 */
.exv-amt.exv-none{font-size:13px;color:var(--mg-muted,#5E6878);margin:8px 0 2px;min-height:24px;align-items:center}
.exv-spark-empty{display:block;height:30px}

/* 0.27.5 — the vehicle page picture was cut at the bottom: the image kept its own height (3:2) inside a 16:9 box
   that hides overflow (the grid box could not resolve a 100% height). The picture now fills its box exactly and fits inside it. */
.vehicle-photo-shell.photo-detail,.vehicle-photo-shell.photo-moto{position:relative!important}
.vehicle-photo-shell.photo-detail>img,.vehicle-photo-shell.photo-moto>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important}
/* 0.27.6: the grey came from a gradient background image on picture boxes; transparent motorcycle pictures showed it. */
.exv .exv-shell{background:#fff!important;background-image:none!important}
body .exv .vehicle-photo-shell.exv-shell,body.garage-view .exv .vehicle-photo-shell.exv-shell.photo-empty{background:#fff!important;background-image:none!important}

/* 0.27.10 — expenses summary by type. */
.exv-sum{flex-direction:column;align-items:stretch!important;gap:0!important}
.exv-catbar{display:flex;gap:3px;height:10px;border-radius:6px;overflow:hidden;margin:16px 0 12px}
.exv-catbar i{display:block;min-width:4px}
.exv-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
.exv-cat{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0}
.exv-cat i{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 26%,transparent);color:var(--c)}
.exv-cat i .icon{width:15px;height:15px}
.exv-cat b{font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exv-cat em{font-style:normal;margin-inline-start:auto;color:#C9D4E6;font-size:12.5px}
.exv-sum .exv-cat b{display:block;font-size:13.5px;line-height:1.35;margin:0;font-weight:600;flex:1;min-width:0}
/* no spending in the period */
.exv-sum-empty strong{display:block;font-size:20px;line-height:1.4;margin:6px 0 4px;color:#fff}
.exv-sum-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:flex-start;margin-top:14px;min-height:44px;padding:0 18px;border:0;border-radius:14px;background:#F2CF8A;color:#13213C;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.exv-sum-add .icon{width:16px;height:16px}

/* 0.27.11 — plans on the subscription screen. */
.plans{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.plans-sub{margin:0 0 2px;font-size:13.5px;color:var(--mg-muted,#5E6878)}
.plans-cycle{display:flex;gap:4px;padding:4px;border-radius:14px;background:#E6E9EF;margin:6px 0 8px}
.plans-cycle button{flex:1;position:relative;border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:#4A5263;min-height:42px;border-radius:11px;cursor:pointer}
.plans-cycle button[aria-pressed="true"]{background:#fff;color:var(--mg-navy,#13213C);box-shadow:0 1px 5px rgba(19,33,60,.12)}
.plans-cycle small{position:absolute;top:-9px;inset-inline-start:8px;background:#2F7D55;color:#fff;font-size:10.5px;padding:2px 8px;border-radius:999px}
.plan-card{position:relative;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--mg-line,#E4E7EE)}
.plan-card.recommended{border:2px solid var(--mg-navy,#13213C);margin-top:6px}
.plan-tag{position:absolute;top:-11px;inset-inline-start:14px;background:#F2CF8A;color:#13213C;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}
.plan-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.plan-head strong{font-size:16.5px;color:var(--mg-navy,#13213C)}
.plan-price b{font-size:22px;color:var(--mg-navy,#13213C)}.plan-price small{font-size:12px;color:var(--mg-muted,#5E6878)}
.plan-limits{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:13px;color:#4A5263}
.plan-limits span{display:inline-flex;align-items:center;gap:6px}.plan-limits .icon{width:16px;height:16px;color:var(--mg-gold,#9A7036)}
.plan-note{display:block;margin-top:4px;font-size:12px;color:#2F7D55}
.plan-current{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:700;color:#4A5263;background:#EEF1F4;padding:3px 10px;border-radius:999px}
.plan-addon{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:#FFFBF3;border:1px dashed #D9BF8C}
.plan-addon-icon{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#F7EEDD;color:var(--mg-gold,#9A7036)}
.plan-addon-icon .icon{width:18px;height:18px}
.plan-addon strong{display:block;font-size:14.5px;color:var(--mg-navy,#13213C)}.plan-addon small{display:block;font-size:12.5px;color:#4A5263;margin-top:2px}
.plans-soon{display:flex;gap:8px;align-items:flex-start;margin:2px 0 0;font-size:12.5px;color:var(--mg-muted,#5E6878);line-height:1.6}
.plans-soon .icon{flex:none;width:16px;height:16px;margin-top:3px}
/* 0.27.11 — calmer subscription screen */
.plans-status{margin:0;align-self:flex-start;font-size:12.5px;font-weight:600;color:#7A5A28;background:#F7EEDD;padding:5px 12px;border-radius:999px}
.plan-card.current{border:2px solid var(--mg-navy,#13213C);margin-top:6px}
.plan-card.recommended{border:1px solid var(--mg-line,#E4E7EE);margin-top:0}
.plan-addon{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:#fff;border:1px dashed #D9BF8C;font-size:14px;color:var(--mg-navy,#13213C)}
.plan-addon>.icon{width:18px;height:18px;color:var(--mg-gold,#9A7036);flex:none}
.plan-addon>span{flex:1;font-weight:600}.plan-addon b{font-size:15px}.plan-addon b small{font-size:11.5px;font-weight:500;color:var(--mg-muted,#5E6878)}
.plans-soon{display:block;text-align:center;font-size:12px;margin-top:4px}
.coupon-fold{margin-top:6px}
.coupon-fold summary{list-style:none;cursor:pointer;text-align:center;font-size:13.5px;font-weight:600;color:#7A5A28;padding:10px}
.coupon-fold summary::-webkit-details-marker{display:none}

/* 0.27.12 — plan fit and choosing what stays active */
button.plan-card{display:block;width:100%;text-align:start;font:inherit;cursor:pointer}
.plan-fit{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px}
.plan-fit .icon{width:14px;height:14px}
.plan-fit.ok{color:#2F7D55;background:#E7F4EC}.plan-fit.warn{color:#9A5B12;background:#FFF1DE}
.plan-pick-lead{margin:0 0 12px;font-size:13.5px;color:#4A5263;line-height:1.7}
.plan-pick-h{margin:12px 0 8px;font-size:14.5px;color:var(--mg-navy,#13213C)}
.plan-keeps{display:flex;flex-direction:column;border:1px solid var(--mg-line,#E4E7EE);border-radius:16px;overflow:hidden}
.plan-keep{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #EEF0F4;font-size:14px;cursor:pointer}
.plan-keep:last-child{border-bottom:0}.plan-keep input{width:18px;height:18px}
.plan-keep:has(input:disabled){opacity:.45}
.plan-pick-note{font-size:13px;color:#4A5263;margin:0}
.plan-summary{margin-top:14px;padding:12px 14px;border-radius:14px;background:#F4F5F7;font-size:13px;line-height:1.8;color:#4A5263}
.plan-summary p{margin:0}.plan-summary b{color:var(--mg-navy,#13213C)}
.trial-nudge{display:flex;align-items:center;gap:10px;width:calc(100% - 40px);margin:12px 20px 0;padding:12px 16px;border:1px solid #F0D9A8;border-radius:16px;background:#FFF8EA;color:#7A4E0E;font:inherit;font-size:13.5px;cursor:pointer;text-align:start}
.trial-nudge .icon{width:18px;height:18px;flex:none}.trial-nudge span{flex:1}.trial-nudge b{color:var(--mg-navy,#13213C);white-space:nowrap}

/* 0.27.13 — subscribe in steps */
.sf .plans-status{margin:0 0 10px}
.sf-plans{display:flex;flex-direction:column;gap:10px}
.sf-plan{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1.5px solid var(--mg-line,#E4E7EE);border-radius:18px;background:#fff;cursor:pointer}
.sf-plan input{position:absolute;opacity:0;pointer-events:none}
.sf-plan:has(input:checked){border:2px solid var(--mg-navy,#13213C);background:#F8FAFD}
.sf-radio{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #C9D0DA;display:grid;place-items:center}
.sf-plan:has(input:checked) .sf-radio{border-color:var(--mg-navy,#13213C)}
.sf-plan:has(input:checked) .sf-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--mg-navy,#13213C)}
.sf-pinfo{flex:1;min-width:0}.sf-pinfo strong{display:block;font-size:15.5px;color:var(--mg-navy,#13213C)}.sf-pinfo small{font-size:12px;color:var(--mg-muted,#5E6878)}
.sf-price{white-space:nowrap}.sf-price b{font-size:19px;color:var(--mg-navy,#13213C)}.sf-price small{font-size:11px;color:var(--mg-muted,#5E6878)}
.sf-fit{margin:10px 0 0;font-size:12.5px;line-height:1.6}.sf-fit.ok{color:#2F7D55}.sf-fit.warn{color:#9A5B12}
.sf-free{display:block;margin:18px auto 0;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:#7A5A28;cursor:pointer;padding:8px}
.sf-addon{padding:14px 15px;border:2px solid var(--mg-navy,#13213C);border-radius:18px;background:#fff}
.sf-addon-h{display:flex;align-items:center;gap:10px}.sf-addon-h strong{display:block;font-size:15px}.sf-addon-h small{font-size:12.5px;color:var(--mg-muted,#5E6878)}
.sf-addon>p{margin:10px 0;font-size:12.5px;color:#4A5263;line-height:1.7}
.sf-drivers{display:flex;flex-direction:column;border:1px solid var(--mg-line,#E4E7EE);border-radius:14px;overflow:hidden}
.sf-drivers small{color:var(--mg-muted,#5E6878)}
.sf-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 16px;border-radius:16px;background:var(--mg-navy,#13213C);color:#fff}
.sf-total span{display:flex;flex-direction:column;font-size:14px}.sf-total small{font-size:11.5px;color:#C9D4E6}.sf-total b{font-size:22px}
.modal:has(#sf-form){min-height:min(92vh,900px);min-height:min(92dvh,900px)}
.modal:has(#sf-form) .modal-body{display:flex;flex-direction:column}
.modal:has(#sf-form) #sf-form{flex:1;display:flex;flex-direction:column}
.modal:has(#sf-form) .vw-footer{margin-top:auto}

/* 0.27.14 — plate market loading state */
.mk-loading{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 14px;font-size:14px;font-weight:600;color:var(--mg-navy,#13213C)}
.mk-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid #D5DBE4;border-top-color:var(--mg-navy,#13213C);animation:mkSpin .8s linear infinite}
@keyframes mkSpin{to{transform:rotate(360deg)}}
.mk-skel{display:block;border-radius:10px;background:linear-gradient(90deg,#E9ECF1 0%,#F6F7F9 50%,#E9ECF1 100%);background-size:200% 100%;animation:mkShimmer 1.3s ease-in-out infinite}
.mk-skel.light{background:linear-gradient(90deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.26) 50%,rgba(255,255,255,.12) 100%);background-size:200% 100%}
@keyframes mkShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.mk-skel-hero{display:flex;flex-direction:column;gap:14px;align-items:center;padding:20px 18px;border-radius:24px;background:linear-gradient(135deg,#13213C,#24406A);margin-bottom:16px}
.mk-skel-hero .mk-skel-plate{width:70%;height:64px}.mk-skel-hero .mk-skel-line{width:45%;height:14px;align-self:flex-start}.mk-skel-hero .short{width:30%}
.mk-skel-tile{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--mg-line,#E4E7EE)}
.mk-skel-tile .mk-skel-plate{height:46px}.mk-skel-tile .mk-skel-line{height:12px;width:70%}.mk-skel-tile .short{width:45%}
@media (prefers-reduced-motion:reduce){.mk-skel,.mk-spin{animation:none}}