/* Renter-only client layout repair. Loads after all design styles. */
html[data-client-design][data-rental-mode] body.rental-client {
 --fix-card:var(--cd-card,var(--rc-card));--fix-text:var(--cd-ink,var(--rc-text));
 --fix-line:var(--cd-line,var(--rc-line));--fix-muted:var(--cd-muted,var(--rc-muted));
 --fix-accent:var(--cd-accent,var(--rc-accent));
}
html[data-client-design][data-rental-mode] body.rental-client .client-main,
html[data-client-design][data-rental-mode] body.rental-client :is(.rental-order-layout,.rental-order-flow,.order-box,.funds-layout,.fund-card,.profile-layout,.profile-card,.orders-toolbar,.orders-list,.refer-grid,.api-layout,.api-card){min-width:0!important;box-sizing:border-box!important}
html[data-client-design][data-rental-mode] body.rental-client .client-main :is(input,textarea,select,pre){min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
html[data-client-design][data-rental-mode] body.rental-client .tc-menu{max-width:min(420px,calc(100vw - 32px))!important;max-height:75dvh!important;overflow-y:auto!important;z-index:240!important}
/* All designs: social-media cards are text only; no emoji or placeholder icon. */
html[data-client-design][data-rental-mode] body.rental-client #networkGrid :is(.easy-platform-icon,.design-network-icon),
html[data-client-design][data-rental-mode] body.rental-client #networkGrid .catalog-choice>i{display:none!important}
html[data-client-design][data-rental-mode] body.rental-client #networkGrid .catalog-choice{min-width:0!important;text-align:left!important;box-sizing:border-box!important}
html[data-client-design][data-rental-mode] body.rental-client #networkGrid .catalog-choice>span:not(.easy-platform-icon){width:100%!important;min-width:0!important;max-width:100%!important}
html[data-client-design][data-rental-mode] body.rental-client #networkGrid .catalog-choice b{overflow-wrap:anywhere!important;white-space:normal!important;line-height:1.45!important}
/* Currency and wallet already exist in tc-actions. Do not duplicate them in the header. */
html[data-client-design][data-rental-mode] body.rental-client .client-top>.design-top-actions,
html[data-client-design][data-rental-mode] body.rental-client .client-top>.design-country-button{display:none!important}
@media(min-width:761px){
 html[data-client-design][data-rental-mode] body.rental-client:has(.client-top){width:100%!important;max-width:none!important;height:auto!important;min-height:100dvh!important;margin:0!important;overflow-x:clip!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-main{display:block!important;width:100%!important;max-width:1280px!important;padding:0 clamp(18px,2.7vw,36px) 64px!important;margin:0 auto!important;flex:initial!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top{display:flex!important;position:relative!important;inset:auto!important;transform:none!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:12px 16px!important;width:100%!important;max-width:none!important;min-height:76px!important;height:auto!important;max-height:none!important;margin:0 0 26px!important;padding:16px 20px!important;box-sizing:border-box!important;overflow:visible!important;border:1px solid var(--fix-line)!important;border-radius:0 0 14px 14px!important;background:var(--fix-card)!important;color:var(--fix-text)!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.client-mobile-brand{display:flex!important;order:1!important;flex:0 1 210px!important;max-width:260px!important;min-width:150px!important;grid-column:auto!important;grid-row:auto!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.tc-actions{display:flex!important;order:2!important;flex:1 1 330px!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important;margin:0!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .tc-control{display:block!important;position:relative!important;flex:0 1 220px!important;width:auto!important;min-width:145px!important;max-width:260px!important;grid-column:auto!important;grid-row:auto!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .balance-pill{display:flex!important;position:relative!important;align-items:center!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;grid-column:auto!important;grid-row:auto!important;overflow:visible!important;margin:0!important;gap:8px!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.rental-theme-toggle{display:grid!important;order:3!important;position:relative!important;inset:auto!important;transform:none!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;flex:0 0 38px!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.panel-notification-docked{display:flex!important;order:4!important;position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;flex:0 0 auto!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.design-top-nav{display:flex!important;position:relative!important;inset:auto!important;transform:none!important;translate:none!important;order:10!important;flex:1 0 100%!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:2px 0 0!important;padding:12px 0 0!important;box-sizing:border-box!important;border:0!important;border-top:1px solid var(--fix-line)!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .design-top-nav>:is(a,button,details),
 html[data-client-design][data-rental-mode] body.rental-client .client-top .design-top-nav summary{display:inline-flex!important;position:relative!important;inset:auto!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;gap:7px!important;width:auto!important;max-width:none!important;min-width:0!important;min-height:40px!important;height:auto!important;margin:0!important;padding:8px 12px!important;background:transparent!important;color:var(--fix-text)!important;text-align:center!important;text-decoration:none!important;font-size:13px!important;line-height:1.4!important;white-space:nowrap!important;border-radius:9px!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .design-top-nav .design-bottom-icon{display:inline-flex!important;width:19px!important;height:19px!important;flex:0 0 19px!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .design-top-nav .design-bottom-icon svg{width:19px!important;height:19px!important;stroke:currentColor!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .design-menu-options{position:absolute!important;inset:calc(100% + 4px) 0 auto auto!important;transform:none!important;width:min(295px,calc(100vw - 32px))!important;max-height:65dvh!important;overflow:auto!important;z-index:210!important;background:var(--fix-card)!important;color:var(--fix-text)!important;border:1px solid var(--fix-line)!important;border-radius:14px!important;box-shadow:0 12px 36px #0003!important}
 /* Classic has no generated desktop header tabs; keep its existing usable bottom navigation. */
 html[data-client-design]:not([data-client-design="STANDARD"])[data-rental-mode] body.rental-client .mobile-bottom-nav,html[data-client-design][data-rental-mode] body.rental-client .design-app-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}
 html[data-client-design="GUIDED"] body.rental-client .rental-order-layout{display:block!important;width:100%!important;max-width:880px!important;margin:0 auto!important}
 html[data-client-design="GUIDED"] body.rental-client .easy-start-heading{width:100%!important;max-width:880px!important;margin:26px auto 22px!important}
 html[data-client-design="GUIDED"] body.rental-client .rental-order-flow{display:block!important;width:100%!important;max-width:100%!important;padding:28px!important}
}
@media(min-width:761px) and (max-width:990px){
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.tc-actions{order:6!important;flex:1 0 100%!important;justify-content:flex-start!important}
}
@media(max-width:760px){
 html[data-client-design][data-rental-mode] body.rental-client:has(.client-top){width:100%!important;max-width:none!important;min-height:100dvh!important;height:auto!important;margin:0!important;overflow-x:clip!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-main{width:100%!important;max-width:100%!important;padding:0 14px calc(98px + env(safe-area-inset-bottom,0px))!important;margin:0 auto!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top{display:flex!important;position:relative!important;inset:auto!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px!important;box-sizing:border-box!important;width:calc(100% + 28px)!important;max-width:none!important;min-height:64px!important;height:auto!important;max-height:none!important;margin:0 -14px 18px!important;padding:12px 14px!important;overflow:visible!important;border-radius:0!important;background:var(--fix-card)!important;color:var(--fix-text)!important;border-bottom:1px solid var(--fix-line)!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.client-mobile-brand{display:flex!important;order:1!important;flex:1 1 125px!important;min-width:0!important;max-width:calc(100% - 105px)!important;grid-column:auto!important;grid-row:auto!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .client-mobile-brand strong{font-size:14px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.rental-theme-toggle{display:grid!important;order:2!important;position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.panel-notification-docked{display:flex!important;order:3!important;position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;flex:0 0 auto!important;margin:0!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.tc-actions{display:flex!important;order:10!important;flex:1 0 100%!important;width:100%!important;min-width:0!important;align-items:stretch!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;grid-column:auto!important;grid-row:auto!important;margin:0!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .tc-control{display:block!important;flex:1 1 135px!important;width:auto!important;min-width:110px!important;max-width:none!important;grid-column:auto!important;grid-row:auto!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .balance-pill{display:flex!important;flex:1 1 150px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;width:auto!important;min-width:0!important;max-width:none!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;padding:8px!important;gap:6px!important;overflow:visible!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .balance-pill :is(b,a){min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .tc-toggle{width:100%!important;min-width:0!important;min-height:48px!important;height:100%!important;padding:8px 10px!important;box-sizing:border-box!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top .tc-toggle strong{font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important}
 html[data-client-design][data-rental-mode] body.rental-client .client-top>.design-top-nav,
 html[data-client-design][data-rental-mode] body.rental-client .design-app-nav{display:none!important;visibility:hidden!important;pointer-events:none!important;height:0!important;min-height:0!important}
 html[data-client-design][data-rental-mode] body.rental-client .mobile-bottom-nav{display:grid!important;position:fixed!important;inset:auto 0 0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;justify-content:stretch!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:66px!important;height:auto!important;margin:0!important;gap:4px!important;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;background:var(--fix-card)!important;border-top:1px solid var(--fix-line)!important;z-index:100!important;visibility:visible!important;pointer-events:auto!important}
 html[data-client-design][data-rental-mode] body.rental-client .mobile-bottom-nav>:is(a,button){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:52px!important;height:auto!important;margin:0!important;padding:5px 2px!important;border-radius:10px!important;background:transparent!important;color:var(--fix-muted)!important}
 html[data-client-design][data-rental-mode] body.rental-client .mobile-bottom-nav>:is(a,button).active{background:var(--fix-card)!important;color:var(--fix-accent)!important;box-shadow:inset 0 -2px var(--fix-accent)!important}
 html[data-client-design][data-rental-mode] body.rental-client .mobile-bottom-nav i{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;min-width:22px!important}
 html[data-client-design][data-rental-mode] body.rental-client .mobile-bottom-nav i svg{width:21px!important;height:21px!important;max-width:100%!important;fill:none!important;stroke:currentColor!important}
 html[data-client-design][data-rental-mode] body.rental-client .mobile-bottom-nav :is(a,button) span{display:block!important;text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;font-size:10px!important;line-height:1.25!important}
 html[data-client-design][data-rental-mode] body.rental-client :is(.rental-order-layout,.rental-order-flow,.funds-layout,.profile-layout,.refer-grid,.api-layout){width:100%!important;max-width:100%!important;min-width:0!important}
 html[data-client-design][data-rental-mode] body.rental-client .rental-order-flow{padding:18px 14px!important}
 html[data-client-design][data-rental-mode] body.rental-client #networkGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:10px!important}
 html[data-client-design][data-rental-mode] body.rental-client #networkGrid .catalog-choice{min-height:65px!important;padding:12px!important}
}
@media(max-width:370px){
 html[data-client-design][data-rental-mode] body.rental-client .client-top .balance-pill,
 html[data-client-design][data-rental-mode] body.rental-client .client-top .tc-control{flex:1 1 100%!important}
}
/* Easy Start uses an important cascade layer; override older layer rules there. */
@layer easy-start-layout{
 html[data-client-design="GUIDED"] body.rental-client #networkGrid :is(.easy-platform-icon,.design-network-icon),
 html[data-client-design="GUIDED"] body.rental-client #networkGrid .catalog-choice>i{display:none!important}
 html[data-client-design="GUIDED"] body.rental-client #networkGrid .catalog-choice{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;grid-template-rows:none!important;grid-template-columns:none!important;min-height:76px!important;padding:16px 18px!important;gap:0!important}
 html[data-client-design="GUIDED"] body.rental-client #networkGrid .catalog-choice>span:not(.easy-platform-icon){display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-width:0!important}
 html[data-client-design="GUIDED"] body.rental-client #networkGrid .catalog-choice b{display:block!important;font-size:15px!important;line-height:1.45!important;text-align:left!important;white-space:normal!important}
 @media(min-width:1100px){
  html[data-client-design="GUIDED"] body.rental-client #networkGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
 }
 @media(min-width:761px){
  html[data-client-design="GUIDED"] body.rental-client .client-main{max-width:1280px!important}
  html[data-client-design="GUIDED"] body.rental-client .rental-order-layout,
  html[data-client-design="GUIDED"] body.rental-client .easy-start-heading{width:100%!important;max-width:880px!important;margin-inline:auto!important}
  html[data-client-design="GUIDED"] body.rental-client .mobile-bottom-nav{display:none!important;visibility:hidden!important}
  html[data-client-design="GUIDED"] body.rental-client .client-top>.design-top-nav{display:flex!important;flex-direction:row!important;position:relative!important;inset:auto!important;transform:none!important;align-items:center!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important}
 }
 @media(max-width:760px){
  html[data-client-design="GUIDED"] body.rental-client .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed!important;inset:auto 0 0!important;visibility:visible!important}
  html[data-client-design="GUIDED"] body.rental-client .client-top>.design-top-nav{display:none!important;visibility:hidden!important;height:0!important}
  html[data-client-design="GUIDED"] body.rental-client #networkGrid .catalog-choice{min-height:68px!important;padding:12px 13px!important}
 }
}

/* Guided theme's original phone declarations are in this named important layer. */
@layer easy-start-layout{
 @media(max-width:760px){
  html[data-client-design="GUIDED"] body.rental-client .client-main{
   width:100%!important;max-width:100%!important;min-width:0!important;
   padding:0 14px calc(98px + env(safe-area-inset-bottom,0px))!important;
  }
  html[data-client-design="GUIDED"] body.rental-client .client-top{
   display:flex!important;position:relative!important;inset:auto!important;
   width:calc(100% + 28px)!important;max-width:none!important;min-width:0!important;
   height:auto!important;min-height:64px!important;max-height:none!important;
   margin:0 -14px 18px!important;padding:12px 14px!important;
   align-items:center!important;flex-wrap:wrap!important;
   gap:10px!important;overflow:visible!important;
  }
  html[data-client-design="GUIDED"] body.rental-client .client-top>.tc-actions{
   display:flex!important;order:10!important;flex:1 0 100%!important;
   width:100%!important;align-items:stretch!important;gap:8px!important;
  }
  html[data-client-design="GUIDED"] body.rental-client .rental-order-flow{
   width:100%!important;max-width:100%!important;min-width:0!important;padding:18px 14px!important;
  }
 }
 @media(min-width:761px){
  html[data-client-design="GUIDED"] body.rental-client .client-top{
   display:flex!important;flex-wrap:wrap!important;align-items:center!important;
   width:100%!important;max-width:none!important;min-width:0!important;
   height:auto!important;min-height:76px!important;max-height:none!important;
   margin:0 0 26px!important;padding:16px 20px!important;
   position:relative!important;inset:auto!important;gap:12px 16px!important;
  }
  html[data-client-design="GUIDED"] body.rental-client .client-top>.tc-actions{
   display:flex!important;order:2!important;flex:1 1 330px!important;
   align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;
   min-width:0!important;gap:10px!important;
  }
 }
}


/* Renter checkout UX — legible, compact step cards; no catalogue or financial changes.
   The named important layer is intentional: Easy Start's original typography/clamps
   are authored inside this same layer and would otherwise win over ordinary overrides. */
html[data-client-design][data-rental-mode] body.rental-client.rental-order{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-kerning:normal;text-rendering:optimizeLegibility;
  font-size:15px!important;line-height:1.5!important;letter-spacing:-.01em!important;
}
html[data-client-design][data-rental-mode] body.rental-client.rental-order :is(button,input,textarea,select){
  font-family:inherit!important;letter-spacing:inherit;
}
@layer easy-start-layout {
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order{
    --order-choice-bg:var(--rc-card);--order-choice-active:var(--rc-soft);
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-heading{
    width:100%!important;max-width:880px!important;margin:18px auto 22px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-meta{
    display:flex!important;flex-flow:row nowrap!important;justify-content:space-between!important;
    align-items:center!important;gap:10px!important;width:100%!important;min-height:44px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-meta>.easy-start-back{
    display:inline-flex!important;justify-content:center!important;align-items:center!important;
    flex:0 0 auto!important;width:auto!important;min-width:108px!important;max-width:calc(100% - 115px)!important;
    height:auto!important;min-height:40px!important;padding:8px 14px!important;
    font:650 13px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    white-space:nowrap!important;border-radius:11px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-meta>span{
    display:block!important;flex:0 0 auto!important;min-width:0!important;width:auto!important;
    max-width:calc(100% - 125px)!important;white-space:nowrap!important;text-align:right!important;
    font-size:12px!important;line-height:1.4!important;color:var(--rc-muted)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-progress{
    width:100%!important;margin:12px 0 22px!important;gap:7px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-progress span{
    min-width:0!important;height:5px!important;border-radius:12px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-heading h1{
    margin:0 0 8px!important;font-size:clamp(24px,3vw,31px)!important;
    font-weight:750!important;line-height:1.2!important;letter-spacing:-.035em!important;
    overflow-wrap:normal!important;color:var(--rc-text)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-heading p{
    margin:0!important;font-size:14px!important;line-height:1.55!important;
    font-weight:400!important;letter-spacing:0!important;color:var(--rc-muted)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .rental-order-flow{
    border-radius:18px!important;padding:22px!important;min-width:0!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .order-catalog-tools{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;
    gap:8px!important;margin:0 0 14px!important;padding:0!important;min-height:0!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #refreshCatalog{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:0!important;min-height:36px!important;
    padding:7px 11px!important;margin:0!important;border-radius:10px!important;
    background:var(--rc-soft)!important;color:var(--rc-accent)!important;
    border:1px solid var(--rc-line)!important;font-size:12px!important;font-weight:650!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .order-catalog-tools #catalogStatus:empty{
    display:none!important;
  }
  /* Text-only social media buttons, balanced like the new design rather than giant blank tiles. */
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;gap:11px!important;align-items:stretch!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid .catalog-choice{
    display:flex!important;flex-flow:column nowrap!important;
    align-items:flex-start!important;justify-content:space-between!important;
    min-width:0!important;width:100%!important;min-height:93px!important;height:auto!important;
    padding:15px 15px 13px!important;gap:15px!important;
    border:1px solid var(--rc-line)!important;border-radius:15px!important;
    background:var(--rc-card)!important;color:var(--rc-text)!important;
    box-shadow:inset 3px 0 0 var(--rc-accent)!important;
    text-align:left!important;transition:border-color .15s ease,background .15s ease!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid .catalog-choice:hover,
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid .catalog-choice:focus-visible{
    background:var(--rc-soft)!important;border-color:var(--rc-accent)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid .catalog-choice>span:not(.easy-platform-icon){
    display:block!important;order:0!important;width:100%!important;min-width:0!important;max-width:100%!important;
    grid-column:auto!important;grid-row:auto!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid .catalog-choice b{
    display:block!important;margin:0!important;max-width:100%!important;
    font-size:15px!important;font-weight:700!important;line-height:1.35!important;
    letter-spacing:-.015em!important;white-space:normal!important;overflow-wrap:normal!important;
    text-transform:none!important;text-align:left!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid .catalog-choice::after{
    content:"Choose  →";display:block!important;order:1!important;pointer-events:none!important;
    font-size:11px!important;font-weight:600!important;line-height:1.25!important;
    color:var(--rc-accent)!important;letter-spacing:0!important;white-space:nowrap!important;
  }
  /* Category names are often long. Never clamp them to 2–3 lines or show ellipses. */
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;width:100%!important;min-width:0!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid .catalog-choice{
    display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important;
    align-items:center!important;justify-content:stretch!important;gap:12px!important;
    width:100%!important;min-width:0!important;height:auto!important;min-height:64px!important;
    padding:13px 14px!important;text-align:left!important;
    background:var(--rc-card)!important;border:1px solid var(--rc-line)!important;
    color:var(--rc-text)!important;border-radius:13px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid .catalog-choice:hover,
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid .catalog-choice:focus-visible{
    background:var(--rc-soft)!important;border-color:var(--rc-accent)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid .catalog-choice>span{
    display:block!important;flex:initial!important;grid-column:1!important;
    min-width:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid .catalog-choice b{
    display:block!important;max-width:100%!important;max-height:none!important;
    overflow:visible!important;text-overflow:clip!important;
    -webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;
    white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
    font-size:14px!important;font-weight:650!important;line-height:1.45!important;
    letter-spacing:-.01em!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid .catalog-choice>i{
    display:grid!important;place-items:center!important;grid-column:2!important;
    width:30px!important;height:30px!important;min-width:30px!important;
    border:1px solid var(--rc-line)!important;border-radius:50%!important;
    background:var(--rc-soft)!important;color:var(--rc-accent)!important;
    font:700 19px/1 system-ui,sans-serif!important;flex:none!important;margin:0!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .renter-category-search{
    display:grid!important;gap:7px!important;margin:0 0 12px!important;
    color:var(--rc-muted)!important;font-size:12px!important;font-weight:600!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .renter-category-search[hidden]{display:none!important}
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .renter-category-search input{
    width:100%!important;min-width:0!important;min-height:46px!important;padding:10px 13px!important;
    border:1px solid var(--rc-line)!important;border-radius:11px!important;
    background:var(--rc-bg)!important;color:var(--rc-text)!important;
    font-size:14px!important;line-height:1.4!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid .catalog-choice[hidden]{display:none!important}
  /* Service labels get the width. Price + unit share their own row, without squeezing. */
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-choice{
    display:flex!important;flex-flow:column nowrap!important;align-items:stretch!important;
    justify-content:flex-start!important;width:100%!important;min-width:0!important;
    min-height:0!important;height:auto!important;max-height:none!important;gap:13px!important;
    padding:16px!important;border-radius:15px!important;text-align:left!important;
    background:var(--rc-card)!important;border:1px solid var(--rc-line)!important;
    box-shadow:none!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-choice:hover,
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-choice:focus-visible{
    border-color:var(--rc-accent)!important;background:var(--rc-soft)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-title{
    display:block!important;flex:initial!important;order:0!important;
    width:100%!important;min-width:0!important;max-height:none!important;
    overflow:visible!important;text-overflow:clip!important;
    -webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
    font-size:14px!important;font-weight:620!important;line-height:1.48!important;
    letter-spacing:-.01em!important;color:var(--rc-text)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-catalog-id{
    display:block!important;margin-bottom:6px!important;
    font-size:10px!important;line-height:1.4!important;
    font-weight:600!important;color:var(--rc-muted)!important;
    letter-spacing:.01em!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .easy-service-facts{
    display:block!important;margin:7px 0 0!important;font-size:12px!important;
    font-weight:450!important;line-height:1.4!important;color:var(--rc-muted)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-choice-action{
    display:flex!important;flex-flow:row wrap!important;justify-content:space-between!important;
    align-items:center!important;align-self:stretch!important;width:100%!important;
    max-width:100%!important;min-width:0!important;gap:10px!important;order:1!important;
    margin:0!important;padding:12px 0 0!important;border:0!important;border-top:1px solid var(--rc-line)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price{
    display:flex!important;flex-flow:row wrap!important;align-items:center!important;
    justify-content:flex-start!important;gap:7px!important;
    min-width:0!important;width:auto!important;max-width:calc(100% - 40px)!important;
    margin:0!important;padding:0!important;border:0!important;
    background:transparent!important;text-align:left!important;white-space:normal!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price-amount{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;
    margin:0!important;padding:8px 11px!important;border-radius:9px!important;
    background:var(--easy-price-bg)!important;color:var(--easy-price-ink)!important;
    -webkit-text-fill-color:var(--easy-price-ink)!important;
    font-size:15px!important;font-weight:750!important;line-height:1.3!important;
    font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
    text-align:center!important;letter-spacing:-.02em!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price-unit{
    display:inline-flex!important;align-items:center!important;
    flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;
    margin:0!important;padding:7px 9px!important;border-radius:8px!important;
    background:var(--easy-unit-bg)!important;color:var(--easy-unit-ink)!important;
    -webkit-text-fill-color:var(--easy-unit-ink)!important;
    font-size:11px!important;font-weight:650!important;line-height:1.35!important;
    white-space:normal!important;text-align:left!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .sub-arrow{
    display:grid!important;place-items:center!important;flex:0 0 30px!important;
    width:30px!important;height:30px!important;min-width:30px!important;margin-left:auto!important;
    border-radius:50%!important;background:var(--rc-soft)!important;
    color:var(--rc-accent)!important;border:1px solid var(--rc-line)!important;
  }
  @media(min-width:761px){
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid{
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-choice{
      padding:19px 21px!important;
    }
  }
  @media(max-width:760px){
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-heading{
      width:100%!important;max-width:100%!important;margin:16px auto 19px!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .easy-start-heading h1{
      font-size:26px!important;font-weight:750!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order .rental-order-flow{
      width:100%!important;min-width:0!important;padding:15px 13px!important;border-radius:17px!important;
      background:var(--rc-card)!important;border:1px solid var(--rc-line)!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid .catalog-choice{
      min-height:88px!important;padding:13px 12px!important;border-radius:13px!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #networkGrid .catalog-choice b{
      font-size:14px!important;line-height:1.35!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #categoryGrid{
      grid-template-columns:minmax(0,1fr)!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-choice{
      padding:15px!important;
    }
  }
}


/* Guided client header: brand + account actions first, wallet and Add Funds below.
   These rules share the original Guided important cascade layer. */
@layer easy-start-layout {
 @media(max-width:760px){
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top{
    display:flex!important;flex-flow:row wrap!important;align-items:center!important;
    justify-content:flex-start!important;column-gap:10px!important;row-gap:12px!important;
    padding:13px 14px 15px!important;min-height:0!important;
    height:auto!important;max-height:none!important;overflow:visible!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.design-top-actions,
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.design-country-button{
    display:none!important;visibility:hidden!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    order:1!important;flex:1 1 145px!important;min-width:0!important;
    width:auto!important;max-width:calc(100% - 106px)!important;
    height:auto!important;min-height:52px!important;gap:10px!important;
    margin:0!important;overflow:hidden!important;
    color:var(--rc-text)!important;text-decoration:none!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand :is(img,.rental-owner-logo){
    display:block!important;object-fit:contain!important;object-position:center!important;
    flex:0 0 51px!important;width:51px!important;min-width:51px!important;
    max-width:51px!important;height:51px!important;max-height:51px!important;
    border-radius:12px!important;background:transparent!important;margin:0!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand .rental-brand-initial{
    display:grid!important;place-items:center!important;flex:0 0 48px!important;
    width:48px!important;height:48px!important;border-radius:12px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand strong{
    display:block!important;flex:1 1 auto!important;width:auto!important;
    min-width:0!important;max-width:100%!important;margin:0!important;
    font:750 15px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    letter-spacing:-.015em!important;overflow:hidden!important;
    text-overflow:ellipsis!important;white-space:nowrap!important;
    color:var(--rc-text)!important;-webkit-text-fill-color:var(--rc-text)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.rental-theme-toggle,
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.panel-notification-docked{
    display:grid!important;place-items:center!important;position:relative!important;
    inset:auto!important;margin:0!important;flex:0 0 40px!important;
    width:40px!important;height:40px!important;min-width:40px!important;
    max-width:40px!important;grid-column:auto!important;grid-row:auto!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.rental-theme-toggle{order:2!important}
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.panel-notification-docked{order:3!important}
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions{
    display:grid!important;position:relative!important;inset:auto!important;
    order:8!important;flex:1 0 100%!important;width:100%!important;
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.14fr)!important;
    grid-template-rows:auto auto!important;align-items:stretch!important;
    column-gap:10px!important;row-gap:7px!important;
    margin:3px 0 0!important;padding:0!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>.tc-control{
    display:block!important;position:relative!important;inset:auto!important;
    grid-area:1/1/2/2!important;justify-self:stretch!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:0!important;margin:0!important;
    padding:0!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions .tc-toggle{
    display:flex!important;align-items:center!important;width:100%!important;
    min-width:0!important;max-width:100%!important;height:100%!important;
    min-height:94px!important;padding:12px!important;gap:8px!important;
    border-radius:15px!important;background:var(--rc-soft)!important;
    border:1px solid var(--rc-line)!important;color:var(--rc-text)!important;
    box-sizing:border-box!important;white-space:normal!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions .tc-toggle>span:nth-child(2){
    min-width:0!important;max-width:100%!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions .tc-toggle strong{
    display:block!important;min-width:0!important;max-width:100%!important;
    font-size:12px!important;line-height:1.5!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>.balance-pill{
    display:flex!important;position:relative!important;grid-area:1/2/2/3!important;
    flex-flow:column nowrap!important;align-items:stretch!important;
    justify-content:space-between!important;justify-self:stretch!important;
    gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;
    min-height:94px!important;height:auto!important;margin:0!important;
    padding:11px!important;box-sizing:border-box!important;
    background:var(--rc-bg)!important;color:var(--rc-text)!important;
    border:1px solid var(--rc-line)!important;border-radius:15px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>.balance-pill small{
    display:block!important;font-size:10px!important;line-height:1.3!important;
    color:var(--rc-muted)!important;letter-spacing:.035em!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>.balance-pill b{
    display:block!important;flex:0 0 auto!important;margin:0!important;
    font-size:18px!important;line-height:1.3!important;font-weight:800!important;
    text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;
    color:var(--rc-accent)!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>.balance-pill a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    min-height:40px!important;height:auto!important;padding:9px 8px!important;
    border-radius:10px!important;background:var(--rc-accent)!important;
    color:var(--rc-button)!important;-webkit-text-fill-color:var(--rc-button)!important;
    text-decoration:none!important;font-size:13px!important;font-weight:750!important;
    line-height:1.3!important;white-space:nowrap!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>#tcWalletCaption{
    display:block!important;grid-area:2/1/3/3!important;
    width:100%!important;min-width:0!important;margin:0!important;
    padding:0 3px!important;line-height:1.4!important;
    font-size:11px!important;color:var(--rc-muted)!important;text-align:left!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions .tc-menu{
    z-index:400!important;max-width:calc(100vw - 28px)!important;
  }
 }
}

/* New client designs: the ORIGINAL service-history dial remains the sole live
   tracker. Mount that same section in the selected-service step, not a static mock. */
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card[hidden]{
 display:none!important;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card:not([hidden]){
 display:block!important;width:100%!important;min-width:0!important;
 margin:0 0 18px!important;padding:17px!important;
 box-sizing:border-box!important;background:var(--rc-card)!important;
 border:1px solid var(--rc-line)!important;border-radius:15px!important;
 box-shadow:none!important;color:var(--rc-text)!important;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card-heading{
 display:flex;align-items:center;justify-content:space-between;
 flex-wrap:wrap;gap:8px 12px;margin:0 0 5px;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card-heading div{
 flex:1 1 145px;min-width:0;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card-heading small{
 display:block;font-size:10px;font-weight:750;letter-spacing:.08em;
 color:var(--rc-accent);margin:0 0 3px;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card-heading h3{
 margin:0!important;font-size:17px!important;font-weight:750!important;
 line-height:1.3!important;color:var(--rc-text)!important;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-refresh{
 display:inline-flex;align-items:center;gap:6px;
 flex:0 0 auto;padding:6px 9px;border:1px solid var(--rc-line);
 border-radius:20px;background:var(--rc-soft);
 color:var(--rc-muted);font-size:10px;line-height:1.3;font-weight:650;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-refresh:before{
 content:"";width:6px;height:6px;border-radius:50%;
 background:var(--rc-accent);flex:0 0 6px;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-note{
 margin:0 0 12px!important;font-size:12px!important;line-height:1.5!important;
 color:var(--rc-muted)!important;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-history{
 display:block!important;margin:0!important;padding:13px 0 0!important;
 border:0!important;border-top:1px solid var(--rc-line)!important;
 background:transparent!important;min-width:0!important;
 color:var(--rc-text)!important;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-strength{
 display:flex!important;align-items:center!important;gap:14px!important;
 min-width:0!important;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .strength-clock{
 display:block!important;width:82px!important;height:82px!important;
 min-width:82px!important;flex:0 0 82px!important;
 overflow:visible!important;--strength-colour:var(--rc-muted);
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .strength-clock[data-rating=strong]{--strength-colour:#16a34a}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .strength-clock[data-rating=moderate]{--strength-colour:#d97706}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .strength-clock[data-rating=weak]{--strength-colour:#dc2626}
html[data-client-design][data-rental-mode="dark"] body.rental-client .renter-speed-card .strength-clock[data-rating=strong]{--strength-colour:#4ade80}
html[data-client-design][data-rental-mode="dark"] body.rental-client .renter-speed-card .strength-clock[data-rating=moderate]{--strength-colour:#fbbf24}
html[data-client-design][data-rental-mode="dark"] body.rental-client .renter-speed-card .strength-clock[data-rating=weak]{--strength-colour:#f87171}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .clock-face{
 fill:var(--rc-soft);stroke:var(--rc-line);stroke-width:1;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .clock-track{
 fill:none;stroke:var(--rc-line);stroke-width:4;stroke-linecap:round;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .clock-value{
 fill:none;stroke:var(--strength-colour);stroke-width:4;stroke-linecap:round;
 transition:stroke-dasharray .4s ease,stroke .3s ease;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .clock-ticks{
 fill:none;stroke:var(--rc-muted);stroke-width:1;opacity:.65;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .clock-needle{
 fill:var(--strength-colour);stroke:var(--strength-colour);
 stroke-width:2;stroke-linecap:round;transition:transform .4s ease;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .clock-status{
 fill:var(--strength-colour);stroke:none;
 font-family:inherit;font-size:10px;font-weight:750;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .strength-copy{
 display:grid;gap:3px;min-width:0;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .strength-copy>span{
 font-size:12px;color:var(--rc-muted);line-height:1.35;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .strength-copy>small{
 font-size:13px;font-weight:750;color:var(--rc-text);line-height:1.35;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-metrics{
 display:grid!important;gap:8px!important;margin-top:12px!important;padding-top:10px!important;
 border-top:1px solid var(--rc-line)!important;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-metrics[hidden]{
 display:none!important;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-metrics>div{
 display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-metrics span{
 font-size:12px;color:var(--rc-muted);
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-metrics strong{
 color:var(--rc-text);font-size:13px;font-variant-numeric:tabular-nums;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card #rentalRecentCompletions{
 display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-foot{
 display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-status{
 color:var(--rc-muted);font-size:11px;line-height:1.35;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-explanation{
 position:relative;flex:0 0 auto;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-explanation>summary{
 display:flex;align-items:center;justify-content:center;cursor:pointer;
 width:30px;height:30px;list-style:none;border-radius:8px;
 background:var(--rc-soft);color:var(--rc-muted);
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-explanation>summary::-webkit-details-marker{display:none}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-explanation[open]>div{
 position:absolute;bottom:calc(100% + 6px);right:0;width:min(290px,calc(100vw - 40px));
 max-width:calc(100vw - 40px);padding:13px;box-sizing:border-box;
 background:var(--rc-card);border:1px solid var(--rc-line);
 border-radius:11px;box-shadow:0 10px 30px #0002;z-index:10;
}
html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-explanation p{
 font-size:11px;line-height:1.5;color:var(--rc-muted);
}
@media(max-width:390px){
 html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card:not([hidden]){padding:14px!important}
 html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .strength-clock{
  width:76px!important;height:76px!important;min-width:76px!important;flex-basis:76px!important;
 }
 html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand strong{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card :is(.clock-value,.clock-needle){
  transition:none!important;
 }
}

html[data-client-design][data-rental-mode] body.rental-client .renter-speed-card .completion-no-history {
 color:var(--rc-muted)!important;font-size:12px!important;line-height:1.4!important;
 font-weight:500!important;text-align:right!important;
}


/* Make the actual renter WORDMARK readable on phone screens. The generated
   /api/panel-brand logos are 600x140, not square icons. Constraining them to
   51x51 had reduced the entire logo to roughly 51x12 pixels. Keep its aspect. */
@layer easy-start-layout {
  @media (max-width:760px) {
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand:has(img.rental-owner-logo) {
      display:flex!important;align-items:center!important;justify-content:flex-start!important;
      flex:1 1 175px!important;min-width:0!important;max-width:calc(100% - 104px)!important;
      min-height:66px!important;width:auto!important;gap:7px!important;
      overflow:visible!important;padding:0!important;
    }
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand img.rental-owner-logo {
      display:block!important;
      position:relative!important;inset:auto!important;
      flex:0 1 auto!important;width:auto!important;min-width:0!important;
      max-width:min(212px,calc(100vw - 140px))!important;
      height:64px!important;max-height:64px!important;
      object-fit:contain!important;object-position:left center!important;
      border:0!important;border-radius:0!important;box-shadow:none!important;
      background:transparent!important;padding:0!important;margin:0!important;
      transform:none!important;
    }
    /* Generated full logos already contain the business name as lettering.
       Do not let a second text label squeeze that wordmark. */
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand:has(img.rental-owner-logo[src*="/api/panel-brand/"])>strong {
      display:none!important;
    }
  }
  @media (max-width:360px) {
    html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand img.rental-owner-logo {
      max-width:calc(100vw - 145px)!important;
      height:60px!important;max-height:60px!important;
    }
  }
}

/* Approved service-row price layout — retains the original guided order cards. */
html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-choice-action{
 display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;align-items:center!important;
 column-gap:10px!important;row-gap:0!important;
}
html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
}
html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price-amount{
 color:#9be7bf!important;-webkit-text-fill-color:#9be7bf!important;
 background:#153b2c!important;border-radius:11px!important;
 font-weight:800!important;
}
html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price-unit{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 background:#263e66!important;color:#d8e4ff!important;-webkit-text-fill-color:#d8e4ff!important;
 font-weight:750!important;text-align:center!important;border-radius:10px!important;
 min-height:37px!important;max-width:100%!important;
}
html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .sub-arrow{
 grid-column:2!important;width:38px!important;height:38px!important;min-width:38px!important;
 margin:0!important;justify-self:end!important;background:#283b5c!important;
 color:#d9e5ff!important;font-size:20px!important;
}
@media(max-width:410px){
 html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-choice{padding:13px!important}
 html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price-amount{font-size:14px!important;padding:8px 9px!important}
 html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price-unit{font-size:10px!important;padding:7px 9px!important}
 html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price{gap:7px!important}
}
@media(max-width:335px){
 html[data-client-design="GUIDED"][data-rental-mode] body.rental-client.rental-order #serviceList .service-price-unit{flex-basis:100%!important;justify-content:flex-start!important}
}
