/* Signed-in Home and More layout; public/auth footer keeps its existing rules. */
.release-footer .release-build[hidden]{display:none!important}
body.garage-view:not(.more-view) > .release-footer{display:none!important}
body.more-view #main-content > .release-footer{
  display:flex!important;
  width:min(820px,100%);
  margin:22px auto 0;
  padding:16px 12px 8px;
  border-top:1px solid #e1e8ed;
  background:transparent;
  color:#758594;
  font-size:10px;
  letter-spacing:0;
  line-height:1.6;
}
.release-footer .footer-support-link{
  border:0;background:none;padding:0;color:inherit;
  font-size:inherit;text-decoration:underline;text-underline-offset:3px;
}
.release-footer .footer-support-link:focus-visible{outline:2px solid #183153}
.release-footer .footer-more-links{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}
.more-hub{max-width:820px;width:100%;margin:0 auto}
.more-account{
  display:flex;align-items:center;gap:15px;min-width:0;
  padding:18px 20px;margin-bottom:20px;border-radius:19px;
  background:linear-gradient(115deg,#183153,#24496c 72%,#54708b);
  color:white;box-shadow:0 12px 28px #18315317;
}
.more-account-avatar{
  flex:none;display:grid;place-items:center;width:46px;height:46px;
  border-radius:14px;background:#ffffff1e;color:#f5cc73;
}
.more-account-avatar .icon{width:23px;height:23px}
.more-account-info{min-width:0}
.more-account-info>small{display:block;color:#e0c389;font-size:9px;font-weight:750;letter-spacing:.07em}
.more-account-info h2{margin:3px 0 8px;color:#fff;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.more-account-meta{display:flex;flex-wrap:wrap;gap:6px}
.more-account-meta span{padding:4px 9px;border:1px solid #ffffff29;border-radius:100px;background:#ffffff14;font-size:10px;line-height:1.4}
.more-hub-groups{display:grid;gap:16px}
.more-hub-group h2{margin:0 0 8px 3px;font-size:13px;color:#455f76;font-weight:750}
.more-hub-rows{overflow:hidden;border:1px solid #dfe8ee;border-radius:16px;background:#fff}
.more-hub-rows .more-menu-item{
  display:grid;grid-template-columns:29px minmax(0,1fr) auto;
  align-items:center;width:100%;min-height:52px;gap:10px;
  padding:8px 14px;border:0;border-bottom:1px solid #edf1f4;
  border-radius:0;background:#fff;text-align:start;text-decoration:none;
}
.more-hub-rows .more-menu-item:last-child{border-bottom:0}
.more-hub-rows .more-menu-item:hover{background:#f7fafc}
.more-hub-rows .more-menu-icon{
  display:grid;place-items:center;width:29px;height:29px;border-radius:9px;
  background:#f0f5f8;color:#315f82;
}
.more-hub-rows .more-menu-icon .icon{width:16px;height:16px}
.more-hub-rows .more-menu-copy{min-width:0}
.more-hub-rows .more-menu-copy strong{display:block;color:#183153;font-size:12px;line-height:1.35}
.more-hub-rows .more-menu-copy small{display:block;margin-top:2px;color:#738390;font-size:10px;line-height:1.3}
.more-hub-rows .more-menu-end{color:#8998a4}
.more-hub-rows .more-menu-end .role-badge{font-size:9px}
.more-logout-row{
  display:flex;align-items:center;gap:10px;width:100%;min-height:45px;
  margin-top:14px;padding:8px 14px;border:1px solid #efd8d6;border-radius:13px;
  background:#fff;color:#aa4d49;text-align:start;font-size:12px;font-weight:700;
}
.more-logout-row .icon{width:17px;height:17px}
.more-logout-row span{flex:1}
.more-logout-row:hover{background:#fff4f2}
html.phone-ui body.more-view .main{
  padding-bottom:calc(var(--shell-bottom-bar) + var(--shell-safe-bottom) + 32px)!important;
}
html.phone-ui body.more-view .breadcrumb>.separator,
html.phone-ui body.more-view .breadcrumb>.hide-mobile{display:none}
html.phone-ui body.home-view .main{padding-inline:0!important}
/* Keep the complete vehicle card scrollable above the fixed mobile navigation. */
html.phone-ui body.home-view .main{
  padding-bottom:calc(var(--shell-bottom-bar) + var(--shell-safe-bottom) + 32px)!important;
}
/* My Cars needs the same clearance so its final vehicle card clears navigation. */
html.phone-ui body.vehicles-view .main{
  padding-bottom:calc(var(--shell-bottom-bar) + var(--shell-safe-bottom) + 32px)!important;
}
html.phone-ui body.road-view .main{
  padding-bottom:calc(var(--shell-bottom-bar) + var(--shell-safe-bottom) + 32px)!important;
}
.road-standalone{width:100%;max-width:1100px;margin:0 auto}
.road-page-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}
.road-page-close{
  display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;
  border:1px solid #dfe7ed;border-radius:12px;background:#fff;color:#183153;
  font-size:11px;font-weight:700;
}
.road-page-close .icon{width:17px;height:17px}
.road-page-close:hover{background:#f4f8fb}
html.phone-ui body.home-view .home-section-head{
  padding-inline-start:max(16px,var(--shell-safe-left));
  padding-inline-end:max(16px,var(--shell-safe-right));
}
html.phone-ui body.home-view .home-vehicle-track{
  padding-inline-start:max(16px,var(--shell-safe-left));
  padding-inline-end:max(16px,var(--shell-safe-right));
  scroll-padding-inline:16px;
}
html.phone-ui body.home-view .ai-home{
  margin:0 max(16px,var(--shell-safe-right)) 17px max(16px,var(--shell-safe-left));
  padding:14px;border-radius:18px;gap:10px;
}
html.phone-ui body.home-view .ai-home-head{
  display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px 10px;
}
html.phone-ui body.home-view .ai-home-head .ai-mark{width:36px;height:36px;border-radius:11px}
html.phone-ui body.home-view .ai-home-copy h2{font-size:clamp(14px,3.8vw,17px);line-height:1.3}
html.phone-ui body.home-view .ai-home-road{
  grid-column:1/-1;justify-self:start;width:auto;min-width:0;min-height:40px;
  flex-direction:row;align-items:center;gap:6px;padding:7px 11px;
  border:1px solid #ecc8c7;border-radius:11px;background:#fff6f5;
  box-shadow:none;color:#a53c39;text-align:start;
}
html.phone-ui body.home-view .ai-home-road .icon{width:17px;height:17px;margin:0}
html.phone-ui body.home-view .ai-home-road strong{font-size:11px}
html.phone-ui body.home-view .ai-home-road small{font-size:9px;color:#9b5855}
html.phone-ui body.home-view .ai-home-road em{
  position:static;padding:3px 5px;background:#fbe4e0;color:#9d403d;font-size:8px;
}
html.phone-ui body.assistant-view .bottom-nav{
  display:flex!important;position:fixed;z-index:130;
  background:#0b1c30f2;border-top:1px solid #6c89a733;
}
html.phone-ui body.assistant-view .bottom-item{color:#b9cadb}
html.phone-ui body.assistant-view .bottom-item.active{color:#f5cc73;background:#1a3858}
html.phone-ui body.assistant-view .bottom-item.assistant-nav.active{background:#1a3858}
html.phone-ui body.assistant-view .ai-immersive .ai-dock{
  padding-bottom:calc(var(--shell-bottom-bar) + var(--shell-safe-bottom) + 18px)!important;
}
@media(max-width:700px){
  /* Home has a full-bleed main; use one 16px inset, like Your Cars. */
  .home-view .ai-home{margin:0 16px 17px;padding:14px;border-radius:18px;gap:10px}
  .home-view .ai-home-head{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px 10px}
  .home-view .ai-home-head .ai-mark{width:36px;height:36px;border-radius:11px}
  .home-view .ai-home-copy{min-width:0}
  .home-view .ai-home-copy h2{font-size:clamp(14px,3.8vw,17px);line-height:1.3;margin-top:1px}
  .home-view .ai-home-road{
    grid-column:1/-1;justify-self:start;width:auto;min-width:0;min-height:40px;
    flex-direction:row;align-items:center;gap:6px;padding:7px 11px;
    border:1px solid #ecc8c7;border-radius:11px;background:#fff6f5;
    box-shadow:none;color:#a53c39;text-align:start;
  }
  .home-view .ai-home-road .icon{width:17px;height:17px;margin:0}
  .home-view .ai-home-road strong{font-size:11px}
  .home-view .ai-home-road small{font-size:9px}
  .home-view .ai-home-road em{font-size:8px}
  .home-view .ai-home-recommendations,.home-view .ai-home-form{width:100%;min-width:0}
  .home-view .home-section-head{padding-inline:16px}
  .home-view .home-vehicle-track{padding-inline:16px;scroll-padding-inline:16px}
  .home-view .main{
    padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;
  }
  .vehicles-view .main{
    padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;
  }
  .road-view .main{
    padding-top:14px!important;
    padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;
    overflow:visible;
  }
  .road-page-toolbar{position:sticky;z-index:12;top:6px;margin-bottom:8px}
  .road-page-close{min-height:40px;padding:8px 11px;box-shadow:0 7px 20px #18315312}
  .more-view .breadcrumb>.separator,.more-view .breadcrumb>.hide-mobile{display:none}
  .more-view .main{padding-bottom:calc(95px + env(safe-area-inset-bottom))!important}
  .more-view .page-head{margin-bottom:13px}
  .more-view .page-head p{display:none}
  .more-account{padding:15px;gap:12px;margin-bottom:17px}
  .more-account-avatar{width:40px;height:40px}
  .more-account-info h2{font-size:15px;margin-bottom:6px}
  .more-account-meta span{font-size:9px;padding:3px 7px}
  .more-hub-groups{gap:14px}
  .more-hub-rows .more-menu-item{min-height:49px;padding:7px 11px}
  .more-hub-rows .more-menu-copy strong{font-size:11px}
  .more-hub-rows .more-menu-copy small{font-size:9px}
  body.more-view #main-content>.release-footer{
    margin-top:18px;padding:13px 8px 8px;font-size:9px;
  }
}
@media(max-width:350px){
  .home-view .ai-home-road small{display:none}
  .more-hub-rows .more-menu-end .role-badge{display:none}
}

/* Phone verification stays protected by Firebase while avoiding a visible checkbox. */
#phone-recaptcha.phone-recaptcha-invisible{
  position:absolute;
  width:0;
  height:0;
  min-height:0;
  overflow:visible;
}
/* Car catalog and brand identity */
.vehicle-brand-preview{min-height:120px;display:grid;place-items:center;margin:-2px 0 15px;border-radius:15px;background:#f4f8fb;border:1px solid #e0eaf1}
.vehicle-brand-preview .car-brand-art{width:min(220px,100%);height:110px}.brand-preview-empty{font-size:12px;color:#6d7887}
.catalog-field .catalog-other{margin-top:9px}.catalog-field .catalog-other[hidden]{display:none!important}
.car-brand-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:55px;padding:9px 13px;overflow:hidden;background:transparent!important}
.brand-logo-wrap{display:grid;place-items:center;width:100%;height:100%;position:relative}
.brand-logo-wordmark{font-family:Arial,sans-serif;font-size:clamp(12px,1.7vw,23px);font-weight:850;letter-spacing:.035em;line-height:1.1;color:#1c3451;text-align:center;word-break:break-word}
.brand-logo-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .15s ease;filter:brightness(0) saturate(100%) invert(18%) sepia(19%) saturate(1511%) hue-rotate(174deg) brightness(91%) contrast(88%)}
.brand-logo-wrap.loaded img{opacity:1}.brand-logo-wrap.loaded .brand-logo-wordmark{opacity:0}
.brand-logo-wrap img[src$=".png"]{filter:none;mix-blend-mode:multiply}
.catalog-make-search{margin-bottom:8px!important;background:#f7fafc!important;border-color:#dbe5eb!important}

/* Home car brief: one card per page, aligned with the AI brief above. */
.home-view .home-fleet-pagination{display:flex;align-items:center;justify-content:center;gap:2px;margin:0 0 9px;min-height:18px}
.home-view .home-fleet-dot{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}
.home-view .home-fleet-dot span{width:6px;height:6px;border-radius:50%;background:#b9c7d3;transition:background .18s ease,transform .18s ease}
.home-view .home-fleet-dot.active span{background:#1b3555;transform:scale(1.35)}
.home-view .home-vehicle-track{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.home-view .home-vehicle-track::-webkit-scrollbar{display:none}
.home-view .home-vehicle-card,.home-view .home-vehicle-card:nth-child(n+3){display:flex!important;flex:0 0 100%;min-width:0;max-width:100%;scroll-snap-align:start;scroll-snap-stop:always}
@media(max-width:700px){
 .home-view .home-vehicle-track{margin-inline:18px;padding:0 0 4px;scroll-padding-inline:0}
 html.phone-ui body.home-view .home-vehicle-track{margin-inline:max(16px,var(--shell-safe-right)) max(16px,var(--shell-safe-left));padding-inline:0;scroll-padding-inline:0}
 .home-view .home-vehicle-card,.home-view .home-vehicle-card:nth-child(n+3){flex:0 0 100%;width:100%;max-width:100%}
}

/* Keep every assistant sheet inside the visible area above the fixed menu. */
@media(max-width:700px){
 html.phone-ui body.assistant-view #modal-root .modal-overlay{
  height:calc(var(--shell-vv-height) - var(--assistant-menu-height,calc(var(--shell-bottom-bar) + var(--shell-safe-bottom))))!important;
  max-height:calc(var(--shell-vv-height) - var(--assistant-menu-height,calc(var(--shell-bottom-bar) + var(--shell-safe-bottom))))!important;
  overflow:hidden;
 }
 html.phone-ui body.assistant-view #modal-root .modal{
  max-height:calc(var(--shell-vv-height) - var(--assistant-menu-height,calc(var(--shell-bottom-bar) + var(--shell-safe-bottom))) - max(8px,var(--shell-safe-top)))!important;
  padding-bottom:0!important;
 }
 html.phone-ui body.assistant-view .ai-context-deck .ai-mobile-vehicle-sheet{
  bottom:var(--assistant-menu-height,calc(var(--shell-bottom-bar) + var(--shell-safe-bottom)))!important;
  max-height:min(620px,calc(var(--shell-vv-height) - var(--assistant-menu-height,calc(var(--shell-bottom-bar) + var(--shell-safe-bottom))) - max(8px,var(--shell-safe-top))))!important;
  padding-bottom:16px!important;
 }
}
/* Plate Market: a distinct destination within More. */
.plate-market-feature{width:100%;display:flex;align-items:center;gap:18px;text-align:start;border:1px solid #d9ba77;border-radius:24px;background:linear-gradient(120deg,#132942,#203d5d 65%,#304d69);padding:20px;color:#fff;box-shadow:0 16px 32px rgba(18,40,65,.13);margin:18px 0 28px;cursor:pointer}.plate-market-feature-icon{width:60px;height:60px;flex:none;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.11);color:#f4ce81}.plate-market-feature>span:nth-child(2){display:grid;gap:4px;flex:1}.plate-market-feature small{font-size:11px;letter-spacing:.12em;color:#e9cc96}.plate-market-feature strong{font-size:23px}.plate-market-feature em{font-size:13px;font-style:normal;color:#e1eaf3}.plate-market-feature>svg:last-child{width:20px;color:#f4ce81}
.market-page{max-width:1050px;margin:auto;padding-bottom:40px}.market-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.market-heading small{color:#b28b4b;letter-spacing:.12em;font-weight:700}.market-heading h1{font-size:clamp(27px,4vw,38px);margin:5px 0}.market-heading p{color:#647284;margin:0}.market-search{display:flex;border:1px solid #d7e2ee;border-radius:18px;background:#fff;overflow:hidden;margin:20px 0}.market-search input{flex:1;min-width:0;padding:15px 20px;border:0;background:none;font:inherit;outline:none}.market-search button{width:58px;border:0;background:#1b3452;color:#fff;cursor:pointer}.market-tabs{display:flex;gap:10px;margin:18px 0 22px}.market-tabs button{font:inherit;border:1px solid #d8e3ef;background:#fff;color:#385371;padding:10px 22px;border-radius:999px;cursor:pointer}.market-tabs .active{background:#1b3452;color:#fff}.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,315px),1fr));gap:17px}.market-card{width:100%;padding:19px;border:1px solid #dae4ee;background:#fff;border-radius:24px;text-align:start;cursor:pointer;display:flex;flex-direction:column;gap:18px;box-shadow:0 8px 23px rgba(22,48,75,.05)}.market-card:hover{border-color:#c6a86f}.market-plate{display:grid;place-items:center;min-height:133px;border-radius:17px;background:linear-gradient(125deg,#f0f7ff,#fff9ec)}.market-plate .saudi-plate{max-width:96%}.market-card-foot{display:flex;justify-content:space-between;gap:10px;color:#26384a}.market-card-foot>span{display:grid;gap:4px}.market-card-foot>span:last-child{text-align:end}.market-card-foot small{font-size:12px;color:#68788a}.market-card-foot strong{font-size:19px}.market-empty{text-align:center;grid-column:1/-1;padding:40px 20px;border:1px dashed #cbd9e6;border-radius:24px;color:#59708a}.market-empty svg{width:38px;height:38px;color:#bd9a5b}.market-note{font-size:13px;color:#68788a;line-height:1.7;margin:18px 0}.market-detail{background:#fff;border:1px solid #dae4ee;border-radius:28px;padding:clamp(20px,5vw,44px);max-width:690px;margin:20px auto}.market-detail>.saudi-plate{display:flex;margin:12px auto 30px}.market-detail-numbers{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-block:1px solid #e4eaf1}.market-detail-numbers>span{display:grid;gap:8px;color:#68788a}.market-detail-numbers strong{font-size:21px;color:#1b3452}.market-bid{display:grid;gap:16px;margin:25px 0}.market-deal{background:#f3f8fe;border:1px solid #d4e3f2;border-radius:18px;padding:20px;margin-top:22px}.market-deal p{line-height:1.7}
@media(max-width:650px){.market-heading{align-items:flex-start}.market-heading .btn{font-size:12px;white-space:nowrap}.plate-market-feature{padding:16px;gap:12px}.plate-market-feature-icon{width:45px;height:45px}.plate-market-feature strong{font-size:20px}.market-card-foot strong{font-size:17px}}

.market-refresh{margin-inline-end:auto!important;padding-inline:13px!important}
/* Keep the Saudi plate's three columns intact on the market detail page. */
.market-detail>.saudi-plate.saudi-plate-detail{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(43px,.48fr) minmax(0,1.28fr);width:min(100%,500px);max-width:100%;aspect-ratio:4.55/1;margin:8px auto 28px;border-width:2px;border-radius:9px}
.market-detail>.saudi-plate .saudi-plate-cell{font-size:clamp(13px,3.1vw,22px);letter-spacing:.06em}
.market-detail>.saudi-plate .saudi-plate-en{letter-spacing:.13em}
.market-detail>.saudi-plate .saudi-plate-mark small{font-size:clamp(5px,1.15vw,9px)}
.market-detail>.saudi-plate .saudi-plate-mark strong{font-size:clamp(12px,2.6vw,19px)}
.market-card .market-plate .saudi-plate.saudi-plate-detail{display:grid;width:min(100%,310px);max-width:96%;margin:0;aspect-ratio:4.55/1}
.market-card .market-plate .saudi-plate-cell{font-size:clamp(11px,2.2vw,15px)}
@media(max-width:650px){.market-detail>.saudi-plate.saudi-plate-detail{width:100%;margin-top:0}.market-detail>.saudi-plate .saudi-plate-cell{font-size:clamp(11px,4vw,18px)}.market-detail>.saudi-plate .saudi-plate-mark strong{font-size:clamp(10px,3vw,16px)}}
/* Three focused destinations in More; individual actions live on their own pages. */
.more-hub-categories{display:grid;gap:12px;margin:0 0 24px}
.more-hub-categories .more-group-card{min-height:94px;grid-template-columns:54px minmax(0,1fr) 24px;gap:14px;border-radius:20px;padding:17px 19px;cursor:pointer;box-shadow:0 5px 16px rgba(22,48,75,.035)}
.more-hub-categories .more-group-icon{width:54px;height:54px;border-radius:16px;background:#f0f6fc;color:#335c82}
.more-hub-categories .more-group-card:nth-child(2) .more-group-icon{background:#fff4df;color:#a47737}
.more-hub-categories .more-group-copy strong{font-size:17px;line-height:1.5}
.more-hub-categories .more-group-copy small{font-size:12px;line-height:1.5;color:#6b7d8f}
.more-hub-categories .more-group-meta{color:#8193a5}
@media(max-width:650px){.more-hub-categories .more-group-card{min-height:86px;padding:14px}.more-hub-categories .more-group-copy strong{font-size:16px}.more-hub-categories .more-group-icon{width:48px;height:48px}}
/* The app pages use the tab bar as navigation; no page footer is rendered. */
.auth-view .auth-shell{min-height:100dvh}
.auth-legal-link{color:#57718d;font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;margin-inline:12px}
@media(max-width:700px){.auth-legal-link{font-size:9px;margin-inline:5px}.auth-topbar .auth-brand{min-width:0}.auth-topbar .auth-brand .brand-logo-surface{max-width:37vw}}
.more-version{text-align:center;color:#77889a;font-size:11px;padding:16px 0 4px;margin:0}
/* Keep the introduction header focused on brand and language. */
.signup-intro-card .intro-legal-link{display:block;width:max-content;max-width:100%;margin:18px auto 0;color:#657789;font-size:11px;line-height:1.6;text-decoration:underline;text-underline-offset:3px;text-align:center}
/* Introduction card: one concise visual summary of the three core benefits. */
body.auth-view .signup-intro-card .intro-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 22px}
body.auth-view .signup-intro-card .intro-benefits span{display:flex;min-width:0;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 5px;border:1px solid #e1e9f1;border-radius:14px;background:#f7fafd;text-align:center;color:#274867}
body.auth-view .signup-intro-card .intro-benefits svg{width:20px;height:20px;color:#b28d51;flex:none}
body.auth-view .signup-intro-card .intro-benefits strong{font-size:10px;line-height:1.45;font-weight:700}
body.auth-view .signup-intro-card{padding-block:34px!important}
@media(max-width:700px){body.auth-view .signup-intro-card{padding-block:30px!important}body.auth-view .signup-intro-card .intro-benefits span{min-height:76px}body.auth-view .signup-intro-card .intro-benefits strong{font-size:9px}}
@media(max-width:380px){body.auth-view .signup-intro-card .intro-benefits{gap:5px}body.auth-view .signup-intro-card .intro-benefits strong{font-size:8px}}

/* Supplied garage mark alongside the existing wordmark. */
.auth-brand .brand-mark,.sidebar-brand .brand-mark{width:38px;height:38px;object-fit:contain;flex:none}
.topbar-mark{width:30px;height:30px;object-fit:contain;flex:none}
@media(max-width:700px){.auth-brand .brand-mark{width:30px;height:30px}.topbar-mark{width:26px;height:26px}}

/* Arabic heading must retain joined glyphs; trial reassurance stays at the decision point. */
html[lang="ar"] body .eyebrow,html[lang="ar"] body .brand-name,html[lang="ar"] body .auth-card h1,html[lang="ar"] body .auth-card h2{letter-spacing:0!important}
body.auth-view .signup-intro-card .trial-reassurance{margin:9px 0 0;text-align:center;font-size:11px;line-height:1.6;color:#718092;letter-spacing:0}
body.auth-view .signup-intro-card .trial-reassurance+.auth-switch{margin-top:13px}

/* Official horizontal marks: light on page headers, dark in the navy sidebar. */
.sidebar-brand .brand-logo-surface{background:#13213c;border-color:#ffffff20;box-shadow:none}
.auth-brand .brand-logo-surface,.sidebar-brand .brand-logo-surface{padding:0;border:0;box-shadow:none;background:transparent}
.auth-brand .brand-logo{width:150px;max-width:35vw}
@media(max-width:700px){.auth-brand .brand-logo{width:130px;max-width:37vw}}

/* Provided transparent mark on the introduction card. */
.signup-intro-card .auth-card-mark .auth-garage-mark{display:block;width:31px;height:31px;object-fit:contain}

/* Branded invitation letter and dedicated sign-in page. */
.invited-family-card .invitation-wordmark,.modal .invitation-wordmark{display:block;width:min(195px,65%);height:auto;margin:0 auto 18px;object-fit:contain}

/* Expenses scrolls to a clear stop above the fixed mobile menu. */
@media(max-width:700px){body.garage-view:has(#expense-vehicle) .main{padding-bottom:calc(var(--shell-bottom-bar) + var(--shell-safe-bottom) + 32px)!important}}