:root{--rd-blue:#326bd6;--rd-blue-soft:#e9f1ff;--rd-list-bg:#f7f8fc;--rd-list-surface:#fff;--rd-list-text:#202632;--rd-list-muted:#747b88;--rd-list-line:#eff1f5;--rd-list-scale:1}
html.dark{--rd-blue:#8ab6ff;--rd-blue-soft:#213451;--rd-list-bg:#141923;--rd-list-surface:#1e2531;--rd-list-text:#eef2f8;--rd-list-muted:#a6afbe;--rd-list-line:#2c3443}
html[data-rd-text=large]{--rd-list-scale:1.1}html[data-rd-text=larger]{--rd-list-scale:1.2}
html[data-rd-route=profile] body,html[data-rd-route=settings] body,html[data-rd-route=profile-edit] body,html[data-rd-route=device-info] body,html[data-rd-route=terms] body{background:var(--rd-list-bg)}
html[data-rd-route=profile] .main-content,html[data-rd-route=settings] .main-content,html[data-rd-route=profile-edit] .main-content,html[data-rd-route=device-info] .main-content,html[data-rd-route=terms] .main-content{background:var(--rd-list-bg);min-height:calc(100dvh - 170px)}
html[data-rd-route=settings] .main-content,html[data-rd-route=profile-edit] .main-content,html[data-rd-route=device-info] .main-content,html[data-rd-route=terms] .main-content{padding-top:max(18px,env(safe-area-inset-top))!important}
html[data-rd-route=settings] .app-footer,html[data-rd-route=profile] .app-footer,html[data-rd-route=profile-edit] .app-footer,html[data-rd-route=device-info] .app-footer,html[data-rd-route=terms] .app-footer{display:none}
/* A single moving pill; all five destinations keep equal, usable hit areas. */
nav.bottom-nav.rd-minimal-nav{position:fixed!important;left:14px!important;right:14px!important;bottom:max(14px,env(safe-area-inset-bottom))!important;margin-inline:auto!important;width:calc(100% - 28px)!important;max-width:460px!important;height:auto!important;min-height:68px!important;box-sizing:border-box;padding:5px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;align-items:stretch;background:var(--rd-list-surface)!important;border:1px solid color-mix(in srgb,var(--rd-list-line) 80%,#c4ccdb)!important;border-radius:40px!important;box-shadow:0 5px 22px #17243f12,0 1px 3px #17243f08!important;backdrop-filter:none!important;z-index:45;isolation:isolate;touch-action:pan-y;user-select:none;overflow:visible!important;transform:none}
nav.rd-minimal-nav:before,nav.rd-minimal-nav:after{display:none!important}
nav.rd-minimal-nav>button{position:relative!important;z-index:1;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;width:100%!important;min-height:56px!important;height:auto!important;padding:6px 2px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:30px!important;transform:none!important;color:var(--rd-list-text)!important;transition:color .22s ease!important;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
nav.rd-minimal-nav>button:before,nav.rd-minimal-nav>button:after{display:none!important}
nav.rd-minimal-nav>button>svg{width:22px!important;height:22px!important;flex:0 0 22px;transition:transform .35s cubic-bezier(.2,.85,.3,1.25)}
nav.rd-minimal-nav>button.active{color:var(--rd-blue)!important;background:transparent!important}
nav.rd-minimal-nav .rd-nav-label{display:block!important;width:auto!important;height:auto!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;transform:none!important;white-space:nowrap;font-size:calc(.75rem * var(--rd-list-scale))!important;font-weight:600!important;line-height:1.5!important;color:inherit!important}
nav.rd-minimal-nav .rd-nav-indicator{position:absolute;z-index:0;left:0;top:5px;bottom:5px;width:var(--rd-pill-width,20%);opacity:var(--rd-pill-visible,0);border-radius:32px;background:var(--rd-blue-soft);transform:translate3d(var(--rd-pill-x,0px),0,0);transition:transform .5s cubic-bezier(.2,.85,.25,1.12),width .4s ease,opacity .18s;pointer-events:none}
nav.rd-minimal-nav.is-dragging .rd-nav-indicator{transition-duration:.2s;border-radius:27px}
nav.rd-minimal-nav>button:focus-visible{outline:2px solid var(--rd-blue)!important;outline-offset:-3px}
html[data-rd-bottom=attached] nav.bottom-nav.rd-minimal-nav{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:560px!important;border-radius:22px 22px 0 0!important;padding-bottom:max(5px,env(safe-area-inset-bottom))!important}
/* Solid, regular-flow pages. No dialog or overlay styles. */
.rd-list-screen{width:100%;max-width:680px;margin:0 auto;padding:0 0 30px;position:relative;color:var(--rd-list-text);font-size:calc(1rem * var(--rd-list-scale));isolation:isolate}
.rd-list-header{direction:ltr;display:grid;grid-template-columns:100px minmax(0,1fr) 100px;align-items:center;min-height:62px;gap:8px;margin-bottom:22px;background:var(--rd-list-bg)}
.rd-list-header h1{direction:rtl;font-size:1.08em;font-weight:750;text-align:center;margin:0;outline:0;line-height:1.8}
.rd-list-back{display:flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:6px 10px;border:1px solid var(--rd-list-line);border-radius:23px;background:var(--rd-list-surface);color:var(--rd-list-text);font:inherit;font-size:.875em;cursor:pointer}
.rd-list-back svg{flex-shrink:0;transform:rotate(180deg)}.rd-list-stack{display:flex;flex-direction:column;gap:14px}
.rd-list-group{overflow:hidden;background:var(--rd-list-surface);border-radius:20px;border:0;box-shadow:none;margin:0!important;padding:0!important}
.rd-list-group>h2{margin:0;padding:16px 18px 7px;text-align:right;color:#6770d6;font-size:.875em;line-height:1.8;font-weight:650}
html.dark .rd-list-group>h2{color:#ada8ff}
.rd-list-row{position:relative;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:right;min-height:68px;padding:13px 18px;border:0;border-radius:0;background:transparent;color:inherit;font-family:inherit}
.rd-list-row+.rd-list-row:before{content:"";position:absolute;top:0;inset-inline-start:68px;inset-inline-end:18px;height:1px;background:var(--rd-list-line)}
.rd-row-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--rd-tone-bg,#e9f1ff);color:var(--rd-tone-fg,#3f7ae8);flex:0 0 38px;transition:background .18s,color .18s}
.rd-row-icon svg{width:19px;height:19px;stroke-width:1.85}
.rd-row-icon[data-tone=violet]{--rd-tone-bg:#f1edff;--rd-tone-fg:#7c5cfa}
.rd-row-icon[data-tone=blue]{--rd-tone-bg:#e9f1ff;--rd-tone-fg:#3f7ae8}
.rd-row-icon[data-tone=green]{--rd-tone-bg:#e5f8ee;--rd-tone-fg:#1ea672}
.rd-row-icon[data-tone=orange]{--rd-tone-bg:#fdf1e0;--rd-tone-fg:#df8412}
.rd-row-icon[data-tone=cyan]{--rd-tone-bg:#e2f6fa;--rd-tone-fg:#0f9cb3}
.rd-row-icon[data-tone=gray]{--rd-tone-bg:#eef0f3;--rd-tone-fg:#6b7280}
.rd-row-icon[data-tone=red]{--rd-tone-bg:#fdedf0;--rd-tone-fg:#e0435c}
html.dark .rd-row-icon{--rd-tone-bg:#1f2c42;--rd-tone-fg:#8fb4ff}
html.dark .rd-row-icon[data-tone=violet]{--rd-tone-bg:#28224a;--rd-tone-fg:#b7a4ff}
html.dark .rd-row-icon[data-tone=blue]{--rd-tone-bg:#1f2c42;--rd-tone-fg:#8fb4ff}
html.dark .rd-row-icon[data-tone=green]{--rd-tone-bg:#173226;--rd-tone-fg:#57d19a}
html.dark .rd-row-icon[data-tone=orange]{--rd-tone-bg:#392a17;--rd-tone-fg:#f2a854}
html.dark .rd-row-icon[data-tone=cyan]{--rd-tone-bg:#123238;--rd-tone-fg:#5fd3e6}
html.dark .rd-row-icon[data-tone=gray]{--rd-tone-bg:#262c37;--rd-tone-fg:#a3abbb}
html.dark .rd-row-icon[data-tone=red]{--rd-tone-bg:#3a1c22;--rd-tone-fg:#ff8ea0}
.rd-row-copy{display:block;min-width:0;line-height:1.65;font-size:.9375em;font-weight:500}
.rd-row-copy strong,.rd-row-copy label{font:inherit;color:inherit;display:block;cursor:inherit}
.rd-row-copy p,.rd-row-copy small{display:block;margin:3px 0 0;color:var(--rd-list-muted);font-size:.8125rem;font-weight:400;line-height:1.85;overflow-wrap:anywhere}
.rd-link-row{cursor:pointer;transition:background .18s}.rd-link-row:hover{background:color-mix(in srgb,var(--rd-blue-soft) 35%,transparent)}.rd-link-row>svg{color:#bec4cf}.rd-list-row.is-danger .rd-row-copy{color:#db3d55}
.rd-row-badge{border-radius:9px;background:var(--rd-blue-soft);color:var(--rd-blue);padding:2px 7px;font-size:.8em}
.rd-list-row.is-disabled{opacity:.45}.rd-list-row.is-disabled label{cursor:default}
.rd-clean-switch[data-slot=switch]{position:relative!important;direction:ltr!important;width:48px!important;min-width:48px!important;height:29px!important;padding:0!important;border:0!important;border-radius:99px!important;background:#c9ced8!important;overflow:visible!important;transform:none!important;cursor:pointer;box-shadow:none!important}
.rd-clean-switch[data-slot=switch][data-state=checked]{background:#6e60ee!important}
.rd-clean-switch [data-slot=switch-thumb]{position:absolute!important;top:3px!important;left:3px!important;width:23px!important;height:23px!important;border-radius:50%!important;background:#fff!important;transform:translateX(0)!important;transition:transform .22s ease!important;box-shadow:0 1px 3px #0001!important}
.rd-clean-switch [data-slot=switch-thumb][data-state=checked]{transform:translateX(19px)!important}
.rd-clean-switch:focus-visible,.rd-list-screen button:focus-visible,.rd-list-screen input:focus-visible,.rd-list-screen select:focus-visible{outline:2px solid var(--rd-blue);outline-offset:3px}
.rd-select-row select{max-width:112px;min-width:86px;min-height:40px;padding:5px 8px;border:1px solid var(--rd-list-line);border-radius:11px;font:inherit;font-size:.8125em;background:var(--rd-list-bg);color:var(--rd-list-muted);cursor:pointer}
.rd-inline-confirm{padding:4px 22px 22px;font-size:.875em}.rd-inline-confirm p{margin-bottom:10px}.rd-inline-confirm>div{display:flex;gap:8px}.rd-inline-confirm button{min-height:42px;border:1px solid var(--rd-list-line);background:var(--rd-list-bg);padding:8px 16px;border-radius:12px}.rd-inline-confirm button.is-danger{background:#fff0f2;color:#cc304b;border-color:#f5d1d9}
.rd-list-note{font-size:.8125rem;line-height:1.9;text-align:center;color:var(--rd-list-muted);margin:0}
.rd-device-row,.rd-terms-row{grid-template-columns:1fr;min-height:auto;padding:14px 18px}
.rd-device-row .rd-row-copy strong,.rd-terms-row .rd-row-copy strong{display:block;margin-bottom:3px}
.rd-device-row .rd-row-copy small{color:var(--rd-list-muted);font-size:.8125rem}
.rd-terms-row .rd-row-copy p{margin:2px 0 0;color:var(--rd-list-muted);font-size:.8125rem;line-height:1.9}
.rd-profile-identity{text-align:center;display:flex;align-items:center;flex-direction:column;padding:18px 12px 28px;gap:9px}
.rd-profile-avatar{width:86px;height:86px;border-radius:28px;display:grid;place-items:center;color:white;background:linear-gradient(150deg,#eda469,#d5793b);box-shadow:0 6px 18px #c47c3020;font-size:2rem;font-weight:600;margin-bottom:5px}
.rd-profile-identity h1{font-size:1.125em;font-weight:650;margin:0;line-height:1.8;outline:none;overflow-wrap:anywhere}
.rd-profile-identity p{font-size:.8125em;color:var(--rd-list-muted);margin:0}
.rd-profile-edit-form{display:grid;gap:10px;padding:25px;background:var(--rd-list-surface);border-radius:24px}
.rd-profile-edit-form label{font-size:.875em;margin-top:6px}.rd-profile-edit-form input{width:100%;min-width:0;min-height:50px;border:1px solid var(--rd-list-line);background:var(--rd-list-bg);border-radius:13px;padding:10px 14px;font:inherit;color:inherit}
.rd-save-profile{display:flex;justify-content:center;align-items:center;gap:9px;min-height:49px;border-radius:13px;background:#397aee;color:white;font:inherit;font-size:.9375em;border:0;margin-top:12px;cursor:pointer}.rd-save-profile:disabled{opacity:.55;cursor:wait}
/* One field and one short explanation; no decorative hero around the ID. */
.rd-channel-entry{max-width:550px;width:100%;margin:4px auto 12px;padding:0;background:none;border:0;box-shadow:none}
.rd-entry-form{display:grid;gap:10px}.rd-entry-form>label{font-size:.875rem;font-weight:650;color:var(--foreground)}
.rd-entry-field{display:grid;grid-template-columns:37px minmax(0,1fr) 44px;align-items:center;direction:ltr;min-height:52px;padding:3px 4px;border:1px solid var(--border);border-radius:14px;background:var(--card);transition:border-color .2s,box-shadow .2s}
.rd-entry-icon{display:grid;place-items:center;color:var(--muted-foreground)}
.rd-entry-field input{width:100%;min-width:0;height:44px;border:0;outline:0;box-shadow:none;background:transparent;color:var(--foreground);padding:4px 6px;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.6;text-align:left;direction:ltr}
.rd-entry-field input::placeholder{color:var(--muted-foreground);opacity:.6}.rd-entry-field:focus-within{border-color:#6ba0f7;box-shadow:0 0 0 3px #397aee12}.rd-entry-field.is-ready{border-color:#7ac8a2}.rd-entry-field.has-error{border-color:#e77184}
.rd-entry-confirm{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:11px;background:var(--rd-blue-soft);color:var(--rd-blue);cursor:pointer}.rd-entry-field.is-ready .rd-entry-confirm{background:#e9f7ef;color:#208850}.rd-entry-confirm:disabled{cursor:default}.rd-entry-confirm:focus-visible{outline:2px solid var(--rd-blue);outline-offset:2px}
.rd-entry-feedback{margin:0;font-size:.8125rem;line-height:1.8;color:var(--muted-foreground);overflow-wrap:anywhere}.rd-entry-feedback.is-ready{color:#239057}.rd-entry-feedback.is-error{color:#d13d56}
@media(max-width:600px){.rd-list-header{grid-template-columns:86px minmax(0,1fr) 86px;margin-bottom:12px}.rd-list-stack{gap:12px}.rd-list-group{border-radius:19px}.rd-list-group>h2{padding:14px 16px 6px}.rd-list-row{padding:12px 16px;min-height:64px;gap:11px;grid-template-columns:36px minmax(0,1fr) auto}.rd-row-icon{width:36px;height:36px;border-radius:12px}.rd-row-icon svg{width:18px;height:18px}.rd-list-row+.rd-list-row:before{inset-inline-start:63px;inset-inline-end:16px}.rd-profile-identity{padding-top:8px}.rd-profile-avatar{width:78px;height:78px;border-radius:26px}.rd-profile-edit-form{padding:20px}.rd-list-screen{padding-bottom:20px}}
@media(max-width:360px){nav.bottom-nav.rd-minimal-nav{left:8px!important;right:8px!important;width:calc(100% - 16px)!important}.rd-list-row{gap:10px;padding-inline:14px}.rd-select-row select{min-width:76px;max-width:86px}.rd-clean-switch[data-slot=switch]{width:44px!important;min-width:44px!important}.rd-clean-switch [data-slot=switch-thumb][data-state=checked]{transform:translateX(15px)!important}}
@media(min-width:761px){nav.bottom-nav.rd-minimal-nav{display:none!important}.rd-list-screen{padding-top:8px}.rd-profile-identity{padding-top:18px}.rd-channel-entry{margin-block:8px 20px}}
@media(prefers-reduced-motion:reduce){nav.rd-minimal-nav .rd-nav-indicator,nav.rd-minimal-nav>button>svg,.rd-clean-switch [data-slot=switch-thumb]{transition:none!important}}
html[data-rd-motion=off] nav.rd-minimal-nav .rd-nav-indicator,html[data-motion=off] nav.rd-minimal-nav .rd-nav-indicator{transition:none!important}
html[data-rd-contrast=on] .rd-row-copy p,html[data-rd-contrast=on] .rd-row-copy small,html[data-rd-contrast=on] .rd-list-note{color:var(--rd-list-text)}
html[data-rd-density=compact] .rd-list-row{min-height:70px;padding-block:11px}

nav.rd-minimal-nav .rd-nav-indicator{background:transparent}
nav.rd-minimal-nav .rd-nav-fill{display:block;position:absolute;inset:0;border-radius:inherit;background:var(--rd-blue-soft);transform-origin:center}
@media(hover:hover){nav.rd-minimal-nav>button:hover{color:var(--rd-blue)!important}}


nav.bottom-nav.rd-minimal-nav{
  direction:rtl;min-height:68px!important;height:68px!important;
  padding:5px!important;left:max(12px,env(safe-area-inset-left))!important;
  right:max(12px,env(safe-area-inset-right))!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  width:calc(100% - 24px)!important;max-width:430px!important;border-radius:28px!important;
  background:var(--rd-list-surface)!important;border:1px solid var(--rd-list-line)!important;
  box-shadow:0 8px 28px #17243f18,0 1px 3px #17243f08!important;
  --rd-pill-x:calc(100% - (100% - 10px) / 5 - 5px);
  --rd-pill-width:calc((100% - 10px) / 5);--rd-pill-visible:1;
}
nav.rd-minimal-nav>button{
  min-height:56px!important;height:56px!important;gap:3px!important;padding:4px 1px!important;
  border-radius:22px!important;overflow:visible!important;color:var(--rd-list-muted)!important;
}
nav.rd-minimal-nav>button.active{color:var(--rd-blue)!important}
nav.rd-minimal-nav .rd-nav-icon{
  display:block;width:28px;height:28px;flex:0 0 28px;object-fit:contain;
  padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;
  opacity:1;filter:none;transform:none;pointer-events:none;user-select:none;-webkit-user-drag:none;
  transition:transform .32s cubic-bezier(.22,1,.36,1);
}
nav.rd-minimal-nav>button.active .rd-nav-icon{transform:translateY(-1px) scale(1.06)}
nav.rd-minimal-nav .rd-nav-label{
  font-size:clamp(10px,2.7vw,11.5px)!important;font-weight:600!important;line-height:1.5!important;
  white-space:nowrap;letter-spacing:0;overflow:visible;max-width:100%;
}
nav.rd-minimal-nav .rd-nav-indicator{
  top:5px;bottom:5px;border:0;background:transparent!important;border-radius:22px;
  transition:transform .4s cubic-bezier(.22,1,.36,1),width .3s ease,opacity .18s;
}
nav.rd-minimal-nav .rd-nav-fill{background:var(--rd-blue-soft)!important;border-radius:inherit}
nav.rd-minimal-nav>button.rd-nav-growth{z-index:2}
nav.rd-minimal-nav>button.rd-nav-growth .rd-nav-icon{
  width:36px;height:36px;flex-basis:36px;margin-top:-7px;margin-bottom:-1px;
}
nav.rd-minimal-nav>button.rd-nav-growth .rd-nav-label{font-weight:750!important;color:#c95c16!important}
html.dark nav.rd-minimal-nav>button.rd-nav-growth .rd-nav-label{color:#ffae72!important}
nav.rd-minimal-nav>button.rd-nav-growth.active .rd-nav-label{color:var(--rd-blue)!important}
nav.rd-minimal-nav>button:focus-visible{outline:2px solid var(--rd-blue)!important;outline-offset:-3px}
nav.rd-minimal-nav.is-dragging{cursor:grabbing}
html[data-rd-bottom=attached] nav.bottom-nav.rd-minimal-nav{height:auto!important;padding-bottom:max(5px,env(safe-area-inset-bottom))!important}

/* Keep the exact wordmark, intrinsic proportions and transparent background. */
.brand{display:flex;align-items:center;gap:8px;direction:rtl}


.brand .brand-name{display:flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1}
.brand img.rd-wordmark{
  display:block!important;height:32px!important;width:auto!important;max-width:none!important;object-fit:contain;
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;filter:none!important;flex:0 0 auto;user-select:none;-webkit-user-drag:none;
}
.mobile-brand{min-width:0;flex:0 0 auto;gap:0!important}
.mobile-brand .brand{gap:6px!important}
.topbar .topbar-actions{display:flex;align-items:center;direction:rtl;gap:4px!important;flex-shrink:0}
.topbar .icon-btn{flex:0 0 44px;width:44px!important;height:44px!important;min-height:44px!important;position:relative}
.topbar .icon-btn:has(.rd-top-icon){padding:5px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.topbar .rd-top-icon{display:block;width:34px;height:34px;object-fit:contain;flex-shrink:0;filter:none!important}
.topbar .notification-btn{overflow:hidden!important}
.topbar .notification-btn .rd-notice-count{
  position:absolute!important;inset:auto!important;top:2px!important;right:2px!important;
  display:grid!important;place-items:center;min-width:15px!important;height:15px!important;
  padding:0 3px!important;line-height:13px!important;font-size:9px!important;
  border:1.5px solid var(--rd-list-surface)!important;border-radius:9px!important;
  background:#e84652!important;color:#fff!important;box-shadow:none!important;transform:none!important;
}
.rd-inline-icon{display:inline-block;object-fit:contain;flex-shrink:0;vertical-align:middle;background:transparent;pointer-events:none}
.rd-sidebar-wallet-icon{display:block;object-fit:contain;width:24px;height:24px;flex:0 0 24px;background:transparent;pointer-events:none}
.rd-support-float{right:max(16px,env(safe-area-inset-right))!important;bottom:calc(94px + env(safe-area-inset-bottom))!important;gap:0!important}
.rd-support-float .rd-support-trigger{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:56px!important;width:56px!important;min-height:56px!important;height:56px!important;
  padding:0!important;gap:0!important;border:0!important;border-radius:18px!important;
  background:transparent!important;box-shadow:none!important;overflow:hidden!important;
}
.rd-support-float .rd-support-trigger::before,.rd-support-float .rd-support-trigger::after{display:none!important;content:none!important}
.rd-support-float .rd-support-label,.rd-support-float .rd-support-hint{display:none!important}
.rd-support-float .rd-support-bubble-icon{display:block!important;width:56px!important;height:56px!important;flex:0 0 56px!important}
.rd-support-float .rd-support-icon{width:56px!important;height:56px!important;object-fit:contain;filter:none!important}
.rd-support-float .rd-support-live-dot{
  top:5px!important;right:5px!important;width:9px!important;height:9px!important;
  border:2px solid var(--rd-list-surface)!important;box-shadow:none!important;animation:none!important;
}

/* Transform-only chrome motion never changes the document's layout. */
.topbar,nav.bottom-nav.rd-minimal-nav{
  transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility .32s!important;
  filter:none!important;will-change:transform;
}
.topbar{position:sticky!important;top:0!important;z-index:35}
html[data-rd-bars=hidden] .topbar{
  transform:translate3d(0,calc(-100% - 32px),0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
html[data-rd-bars=hidden] nav.bottom-nav.rd-minimal-nav{
  transform:translate3d(0,calc(100% + 32px + env(safe-area-inset-bottom)),0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
html[data-rd-bars=shown] .topbar,html[data-rd-bars=shown] nav.bottom-nav.rd-minimal-nav{
  transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
@media(max-width:760px){
  .topbar{display:flex!important;align-items:center;justify-content:space-between;gap:8px!important;height:calc(64px + env(safe-area-inset-top))!important;min-height:calc(64px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important;padding-inline:12px!important}
  .topbar .breadcrumb,.topbar .top-avatar,.topbar .rd-p2-api-badge{display:none!important}
  .mobile-brand{display:flex!important}
  .main-content{padding-bottom:calc(106px + env(safe-area-inset-bottom))!important}
  html[data-rd-keyboard=open] nav.bottom-nav.rd-minimal-nav,
  html[data-rd-keyboard=open] .rd-support-float{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
@media(max-width:360px){
  .topbar{padding-inline:8px!important;gap:4px!important}
  .topbar .topbar-actions{gap:0!important}
  .mobile-brand .brand{gap:4px!important}
  .brand img.rd-wordmark{height:30px!important}
  nav.bottom-nav.rd-minimal-nav{left:8px!important;right:8px!important;width:calc(100% - 16px)!important}
  nav.rd-minimal-nav .rd-nav-label{font-size:10px!important}
}
@media(min-width:761px){nav.bottom-nav.rd-minimal-nav{display:none!important}.rd-support-float{bottom:24px!important}}
@media(prefers-reduced-motion:reduce){.topbar,nav.bottom-nav.rd-minimal-nav,nav.rd-minimal-nav .rd-nav-indicator,nav.rd-minimal-nav .rd-nav-icon{transition:none!important}}
html[data-rd-motion=off] .topbar,html[data-rd-motion=off] nav.bottom-nav.rd-minimal-nav,
html[data-rd-motion=off] nav.rd-minimal-nav .rd-nav-indicator,html[data-rd-motion=off] nav.rd-minimal-nav .rd-nav-icon{transition:none!important}

/* Compact navigation and a borderless header; page content keeps its own styles. */
html .topbar{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:var(--background)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html .topbar .icon-btn,
html .topbar .icon-btn:hover,
html .topbar .icon-btn:active{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;flex:0 0 40px;
  padding:10px!important;border:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;color:var(--rd-list-text)!important;
}
html .topbar .icon-btn::before,html .topbar .icon-btn::after{content:none!important;display:none!important}
html .topbar .icon-btn:focus-visible{outline:2px solid #adc9e9!important;outline-offset:-2px}
html .topbar .topbar-actions{gap:0!important;flex-wrap:nowrap}
html .topbar .rd-header-settings>svg{width:20px!important;height:20px!important;stroke-width:1.5}
html .topbar .notification-btn{overflow:visible!important}
html .topbar .notification-btn .rd-notice-count{
  top:2px!important;right:2px!important;min-width:13px!important;height:13px!important;
  padding:0 3px!important;line-height:11px!important;font-size:8px!important;border-width:1px!important;
  border-color:var(--background)!important;box-shadow:none!important;
}
html nav.bottom-nav.rd-minimal-nav{
  left:max(16px,env(safe-area-inset-left))!important;right:max(16px,env(safe-area-inset-right))!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  width:calc(100% - 64px)!important;min-width:min(280px,calc(100% - 32px));max-width:352px!important;
  height:54px!important;min-height:54px!important;padding:4px!important;gap:0!important;
  border:1px solid color-mix(in srgb,var(--rd-list-line) 50%,transparent)!important;border-radius:28px!important;
  box-shadow:0 4px 18px #17243f0c,0 1px 3px #17243f04!important;
  --rd-pill-width:calc((100% - 8px) / 5);--rd-pill-x:calc(100% - (100% - 8px) / 5 - 4px);
}
html nav.rd-minimal-nav>button{
  height:44px!important;min-height:44px!important;padding:3px 0!important;gap:3px!important;
  border-radius:22px!important;color:var(--rd-list-muted)!important;
  transition:color .4s ease!important;
}
html nav.rd-minimal-nav .rd-nav-label{font-size:10px!important;font-weight:500!important;line-height:1.4!important}
html nav.rd-minimal-nav>button.active,html nav.rd-minimal-nav>button.rd-nav-growth.active .rd-nav-label{color:#4d729d!important}
html nav.rd-minimal-nav>button.rd-nav-growth .rd-nav-label{font-weight:600!important;color:#946846!important}
html nav.rd-minimal-nav .rd-nav-indicator{
  top:5px;bottom:5px;border-radius:22px;
  transition:transform .5s cubic-bezier(.25,.8,.25,1),width .4s ease,opacity .25s ease;
}
html nav.rd-minimal-nav .rd-nav-fill{inset:0 2px;background:#eff5fd!important;border-radius:inherit;transform:none!important}
html nav.rd-minimal-nav>button .rd-nav-icon,html nav.rd-minimal-nav>button.active .rd-nav-icon{transform:none!important}
html nav.rd-minimal-nav.is-dragging .rd-nav-indicator{transition-duration:.22s;border-radius:22px}
html.dark nav.rd-minimal-nav .rd-nav-fill{background:#283443!important}
html.dark nav.rd-minimal-nav>button.active,html.dark nav.rd-minimal-nav>button.rd-nav-growth.active .rd-nav-label{color:#a3bee1!important}
html.dark nav.rd-minimal-nav>button.rd-nav-growth .rd-nav-label{color:#d9a57d!important}
html[data-rd-bottom=attached] nav.bottom-nav.rd-minimal-nav{
  left:0!important;right:0!important;bottom:0!important;width:100%!important;
  height:auto!important;min-height:54px!important;padding-bottom:max(4px,env(safe-area-inset-bottom))!important;
}
@media(max-width:760px){
  html .topbar{
    height:calc(54px + env(safe-area-inset-top))!important;min-height:calc(54px + env(safe-area-inset-top))!important;
    margin:6px 16px 0!important;padding:env(safe-area-inset-top) 0 0!important;flex-wrap:nowrap;gap:8px!important;
  }
  html .topbar .brand img.rd-wordmark{height:28px!important}
}
@media(max-width:360px){html nav.rd-minimal-nav .rd-nav-label{font-size:9.5px!important}}
@media(prefers-reduced-motion:reduce){html nav.rd-minimal-nav .rd-nav-indicator,html nav.rd-minimal-nav>button{transition:none!important}}
html[data-rd-motion=off] nav.rd-minimal-nav .rd-nav-indicator,html[data-rd-motion=off] nav.rd-minimal-nav>button{transition:none!important}

/* Thin vector outlines, scoped to the two navigation bars. */
html nav.rd-minimal-nav .fi-rr-home,html .topbar .fi-rr-home{--rd-chrome-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v9a2%202%200%200%201-2%202h-4v-7H9v7H5a2%202%200%200%201-2-2Z%22%2F%3E%3C%2Fsvg%3E")}
html nav.rd-minimal-nav .fi-rr-bars-sort,html .topbar .fi-rr-bars-sort{--rd-chrome-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206h14M6%2012h10M6%2018h6M3%206h.01M3%2012h.01M3%2018h.01%22%2F%3E%3C%2Fsvg%3E")}
html nav.rd-minimal-nav .fi-rr-shopping-cart,html .topbar .fi-rr-shopping-cart{--rd-chrome-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h18M12%203v18%22%2F%3E%3C%2Fsvg%3E")}
html nav.rd-minimal-nav .fi-rr-wallet,html .topbar .fi-rr-wallet{--rd-chrome-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%208V6a2%202%200%200%200-2-2H6a3%203%200%200%200%200%206h14v10H6a3%203%200%200%201-3-3V7%22%2F%3E%3Cpath%20d%3D%22M20%2013h-5v4h5M17%2015h.01%22%2F%3E%3C%2Fsvg%3E")}
html nav.rd-minimal-nav .fi-rr-user,html .topbar .fi-rr-user{--rd-chrome-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227.5%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2021v-2a7%207%200%200%201%2014%200v2%22%2F%3E%3C%2Fsvg%3E")}
html nav.rd-minimal-nav .fi-rr-bell-ring,html .topbar .fi-rr-bell-ring{--rd-chrome-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4%22%2F%3E%3C%2Fsvg%3E")}
html nav.rd-minimal-nav .fi-rr-moon,html .topbar .fi-rr-moon{--rd-chrome-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.5%2014a9%209%200%201%201-10-10.5A7%207%200%200%200%2020.5%2014Z%22%2F%3E%3C%2Fsvg%3E")}
html nav.rd-minimal-nav .fi-rr-brightness,html .topbar .fi-rr-brightness{--rd-chrome-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.55%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%202v2m0%2016v2M2%2012h2m16%200h2M5%205l1.4%201.4m11.2%2011.2L19%2019M5%2019l1.4-1.4M17.6%206.4%2019%205%22%2F%3E%3C%2Fsvg%3E")}
html nav.rd-minimal-nav .fi.rd-nav-icon,html nav.rd-minimal-nav>button.rd-nav-growth .fi.rd-nav-icon,html .topbar .icon-btn>.fi{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:currentColor!important;-webkit-mask:var(--rd-chrome-icon) center/contain no-repeat;mask:var(--rd-chrome-icon) center/contain no-repeat}
html nav.rd-minimal-nav .fi.rd-nav-icon::before,html .topbar .icon-btn>.fi::before{display:none!important;content:none!important}

/* Shared spacing and surfaces; the existing renderer owns every screen. */
:root{
  --rd-surface-line:color-mix(in srgb,var(--foreground) 9%,var(--card));
  --rd-soft-surface:color-mix(in srgb,var(--card) 68%,var(--background));
  --rd-soft-shadow:0 4px 18px #18223504;
  --rd-card-radius:28px;
  --rd-section-gap:24px;
  --rd-body-leading:1.95;
}
html.dark{--rd-surface-line:color-mix(in srgb,var(--foreground) 10%,var(--card));--rd-soft-shadow:0 4px 18px #00000008}
html[data-rd-contrast=on]{--rd-surface-line:var(--border)}
body{font-family:Vazirmatn,Tahoma,sans-serif;line-height:var(--rd-body-leading);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
.workspace{padding-bottom:0;min-height:100svh}
.main-content{flex:0 0 auto;padding-top:28px;padding-bottom:12px!important}
.app-footer{
  width:calc(100% - 76px);max-width:1294px;margin:12px auto 0;padding:16px 0 22px;
  gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--rd-surface-line);font-size:.75rem;line-height:1.9;
}
.main-content>.page-enter{min-width:0}
.page-title{gap:14px;margin-bottom:26px}
.page-title h1{font-weight:750;letter-spacing:0;line-height:1.8;text-wrap:pretty}
.page-title p:not(.eyebrow){line-height:var(--rd-body-leading);margin-top:7px}
.page-title .eyebrow{font-weight:500;letter-spacing:0}
.panel,.stat-card,.order-card,.channel-card,.wallet-side-surface,.suggestion-card{
  border-color:var(--rd-surface-line);box-shadow:var(--rd-soft-shadow);
}
.panel{border-radius:var(--rd-card-radius);padding:26px}
.stat-card{border-radius:24px;padding:22px}
.order-card,.channel-card{border-radius:26px}
.panel h2,.panel h3,.wallet-side-surface h2{letter-spacing:0;line-height:1.8}
.panel h2,.wallet-side-surface h2{font-weight:700}
.rd-btn{border-radius:17px;min-height:48px;line-height:1.7}
.rd-btn.primary{box-shadow:0 5px 14px #f9731615}
.rd-btn:disabled{box-shadow:none}
.tip{border-radius:19px;padding:15px 17px;gap:11px;line-height:2;background:var(--rd-soft-surface)}
.tip>svg{flex-shrink:0}
.floating-field [data-slot=input],.floating-textarea textarea{border-radius:16px;border-color:var(--rd-surface-line)}
.field-hint,.field-error,.rd-entry-feedback{line-height:1.95;overflow-wrap:anywhere}
.empty-state{padding:32px 18px;gap:12px}
.empty-state p{max-width:38ch;margin-inline:auto;line-height:2}
.hero-grid,.dashboard-main-grid,.dashboard-bottom-grid{gap:var(--rd-section-gap);margin-bottom:var(--rd-section-gap)}
.growth-hero{border-radius:32px;padding:30px;box-shadow:0 7px 22px #f9731610}
.hero-copy p{line-height:2}
.hero-cta.rd-btn{border-radius:18px;margin-top:22px}
.stats-grid{gap:16px;margin-bottom:var(--rd-section-gap)}
.stat-card .row-between{gap:10px;align-items:flex-start}
.stat-card strong{font-weight:700;line-height:1.7}
.stat-card p{line-height:1.9;margin-top:7px}
.rd-next-step{margin-block:0 var(--rd-section-gap);border-radius:25px!important;border-color:var(--rd-surface-line)!important;box-shadow:var(--rd-soft-shadow)!important;padding:20px!important;gap:14px!important}
.rd-next-copy p{line-height:1.95}
.quick-actions{gap:12px}
.quick-actions>button{border-radius:20px;padding:19px 14px}
.quick-actions>button strong{line-height:1.9}
.quick-actions>button small{line-height:1.85}
.mini-tip,.campaign-note{border-radius:18px}
.suggestion-card{border-radius:var(--rd-card-radius);padding:26px}
.suggestion-card p{line-height:2}
.chart-panel .panel-heading{flex-wrap:wrap;gap:14px}
.chart-panel .period-tabs{flex-shrink:0}

/* Checkout keeps its four steps, fields, summary and validation. */
.checkout-layout{gap:24px}
.panel.checkout-main{min-height:0;padding:28px;border-radius:30px;border-color:var(--rd-surface-line)}
.checkout-main .step-enter{min-width:0}
.step-header{margin-bottom:24px}
.step-header h2{font-size:1.15rem;font-weight:700;line-height:1.9}
.step-header>span{width:44px;height:44px;border-radius:15px;margin-bottom:14px}
.step-header>p{margin-top:8px;line-height:2}
.checkout-steps{margin-bottom:24px;gap:12px}
.checkout-steps button{min-height:48px;gap:9px}
.checkout-steps button>span{border-radius:14px;box-shadow:none}
.checkout-steps button>b{font-weight:550;line-height:1.65}
.checkout-steps .current button>b{font-weight:700}
.rd-channel-entry{max-width:none;margin:0 0 20px}
.rd-entry-form{gap:12px}
.rd-entry-field{min-height:58px;padding:5px 6px;gap:3px;border-radius:18px;border-color:var(--rd-surface-line);background:var(--rd-soft-surface)}
.rd-entry-field input{height:44px;font-size:1rem;line-height:1.8}
.rd-entry-confirm{width:44px;height:44px;border-radius:14px}
.rd-entry-form>label{font-weight:600;line-height:1.85}
.rd-entry-feedback{font-size:.8125rem;margin-top:0}
.checkout-main .tip{margin-top:22px;font-size:.8125rem}
.checkout-actions{margin-top:22px;padding-top:0}
.checkout-cta-note{gap:12px;align-items:center;line-height:1.9;margin-bottom:14px}
.checkout-cta-note>small{font-size:.75rem;line-height:1.9}
.checkout-cta-note>span{flex-shrink:0;border-radius:12px}
.checkout-buttons{gap:10px}
.checkout-buttons .checkout-continue{min-height:54px;border-radius:18px;font-weight:650;box-shadow:0 5px 15px #f9731614}
.checkout-buttons .checkout-back{min-height:44px;line-height:1.8;border-radius:15px}
.mobile-checkout-total{margin-top:24px;padding-top:20px;border-top:1px solid var(--rd-surface-line);gap:16px}
.mobile-checkout-total strong{font-size:1.3rem;font-weight:750;line-height:1.8;white-space:nowrap}
.mobile-checkout-total small{line-height:1.9}
.quantity-packages{gap:12px;padding-top:16px}
.quantity-package{min-height:128px;border-radius:20px;padding:20px 10px 15px;border-color:var(--rd-surface-line);box-shadow:none}
.quantity-package strong{font-weight:750;line-height:1.7}
.quantity-package>span:not(.package-recommend){line-height:1.8}
.quantity-package small{display:block;margin-top:8px;line-height:1.8}
.quantity-package.chosen{box-shadow:inset 0 0 0 1px #f973161f}
.package-recommend{border-radius:9px;white-space:nowrap}
.custom-quantity{margin-top:24px}
.custom-quantity [data-slot=slider]{margin-block:20px 10px}
.review-list{margin:22px 0}
.review-list>div{gap:16px;padding:15px 0;border-color:var(--rd-surface-line);line-height:1.9}
.review-list dd{min-width:0;overflow-wrap:anywhere}
.review-channel,.coupon-box,.payment-option{border-radius:20px;border-color:var(--rd-surface-line)}
.coupon-box{margin-block:22px}
.payment-options{gap:14px}
.payment-option{padding:18px 16px;gap:12px}
.payment-option>span{min-width:0}
.payment-option small{line-height:1.9}
.terms-check{gap:12px;align-items:flex-start;line-height:2;margin-top:24px}
.terms-check>[data-slot=checkbox]{flex-shrink:0;margin-top:5px}
.safe-payment{gap:10px;line-height:1.95}
.invoice-card{border-radius:26px}
.invoice-card dl>div{line-height:2;padding-block:13px;border-color:var(--rd-surface-line)}

/* The wallet has one primary balance surface and quieter supporting rows. */
.wallet-top-layout{gap:24px;margin-bottom:24px;align-items:start}
.wallet-overview{border-radius:30px;padding:26px;box-shadow:0 5px 20px #532a1008}
.wallet-overview-top{gap:12px}
.wallet-symbol{border-radius:16px}
.wallet-money{padding:28px 0 16px}
.wallet-money strong{letter-spacing:0;font-weight:700}
.wallet-growth-hint{line-height:1.9;gap:8px;font-size:.8125rem}
.wallet-overview-actions{padding-top:22px;gap:14px}
.wallet-overview-actions>.wallet-charge{min-height:50px;height:auto;border-radius:17px;box-shadow:none}
.wallet-start-order{min-height:44px;gap:7px}
.wallet-overview-footer{margin-top:22px;padding-top:15px;line-height:1.8}
.wallet-side-surface{border-radius:28px;padding:26px;justify-content:flex-start}
.wallet-side-surface>p{line-height:2}
.wallet-totals{gap:18px;margin-top:24px}
.wallet-totals>div{min-width:0;gap:12px}
.wallet-totals strong{font-weight:700;font-size:1.12rem;line-height:1.85;overflow-wrap:anywhere}
.wallet-totals strong>small{font-size:.7rem}
.wallet-side-surface>.wallet-demo-note{font-size:.75rem;line-height:2;margin-top:20px;padding-top:16px;border-color:var(--rd-surface-line)}
.panel.wallet-ledger{border-radius:28px;padding:26px}
.ledger-heading{gap:12px;align-items:center;margin-bottom:22px}
.ledger-heading h2{font-size:1.06rem;font-weight:700}
.ledger-count{white-space:nowrap;border-radius:10px;font-size:.75rem}
.ledger-tabs{margin-block:0 12px}
.ledger-tabs [data-slot=tabs-list]{display:flex;width:100%;height:auto;min-height:46px;gap:4px;padding:4px;border-radius:16px;box-shadow:none;background:var(--rd-soft-surface)}
.ledger-tabs [data-slot=tabs-trigger]{flex:1;min-width:0;min-height:38px;border-radius:12px;padding:6px 8px;white-space:normal;line-height:1.7;font-size:.8125rem;font-weight:500;box-shadow:none}
.ledger-tabs [data-slot=tabs-trigger][data-state=active]{background:var(--card);color:var(--foreground);box-shadow:0 2px 6px #18223508}
.ledger-row{padding-block:20px;gap:12px;border-color:var(--rd-surface-line)}
.ledger-info{min-width:0}
.ledger-info h3{line-height:1.9;overflow-wrap:anywhere}
.ledger-info>span{flex-wrap:wrap;row-gap:5px}
.ledger-amount{white-space:nowrap}
.ledger-amount strong{font-weight:700;line-height:1.85}
.wallet-ledger .empty-state{padding-block:30px 22px}
.rd-topup-amount-form,.rd-topup-payment-step{gap:20px!important}
.rd-wallet-amount-intro,.rd-wallet-composer,.rd-wallet-ready-card{box-shadow:none}
.rd-wallet-composer{gap:16px;padding:20px}
.rd-wallet-presets{gap:12px}
.rd-wallet-presets>button{box-shadow:none;min-height:94px;border-radius:19px}
.rd-wallet-presets>button.is-selected{transform:none;box-shadow:inset 0 0 0 1px #f9731628}
.rd-wallet-continue.rd-btn{min-height:58px!important;box-shadow:0 5px 15px #f9731614!important}

/* Home additions stay inside React, with native controls and no extra renderer. */
.rd-home-guide{margin-top:32px;min-width:0}
.rd-guide-intro{margin-bottom:20px}
.rd-soft-eyebrow{display:block;color:var(--secondary-foreground);font-size:.75rem;font-weight:600;line-height:1.9}
.rd-guide-intro h2{margin:5px 0 6px;font-size:1.25rem;font-weight:750;line-height:1.85}
.rd-guide-intro p{margin:0;color:var(--muted-foreground);font-size:.875rem;line-height:2}
.rd-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.rd-guide-grid>.panel{min-width:0;padding:26px;border-radius:28px}
.rd-guide-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.rd-guide-card-heading h3{font-size:1rem;font-weight:700;margin:0}
.rd-guide-card-heading>svg,.rd-guide-card-heading>i{color:var(--primary);flex-shrink:0}
.rd-readiness-count{font-size:.75rem;padding:4px 10px;color:var(--secondary-foreground);background:var(--secondary);border-radius:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.rd-readiness-progress{display:block;width:100%;height:5px;border:0;border-radius:9px;overflow:hidden;appearance:none;background:var(--muted);accent-color:var(--primary)}
.rd-readiness-progress::-webkit-progress-bar{background:var(--muted);border-radius:9px}
.rd-readiness-progress::-webkit-progress-value{background:var(--primary);border-radius:9px}
.rd-readiness-progress::-moz-progress-bar{background:var(--primary);border-radius:9px}
.rd-readiness-list{margin-top:10px}
.rd-readiness-item{display:flex;align-items:flex-start;gap:13px;padding:17px 0;cursor:pointer}
.rd-readiness-item+.rd-readiness-item{border-top:1px solid var(--rd-surface-line)}
.rd-readiness-item input{width:21px;height:21px;min-width:21px;margin:4px 0 0;accent-color:var(--primary);cursor:pointer}
.rd-readiness-copy{display:grid;gap:4px;min-width:0}
.rd-readiness-copy strong{font-size:.875rem;line-height:1.85;font-weight:600}
.rd-readiness-copy small{font-size:.8125rem;line-height:2;color:var(--muted-foreground)}
.rd-readiness-item.is-checked strong{color:var(--positive)}
.rd-guide-footnote{font-size:.75rem;color:var(--muted-foreground);line-height:1.95;margin:7px 0 0}
.rd-content-idea{display:flex;flex-direction:column}
.rd-idea-lead{font-size:.8125rem;color:var(--muted-foreground);margin:-4px 0 14px;line-height:1.9}
.rd-idea-options{display:flex;gap:5px;padding:5px;border-radius:17px;background:var(--rd-soft-surface)}
.rd-idea-options button{min-width:0;flex:1;min-height:40px;padding:6px 8px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted-foreground);font-size:.8125rem;line-height:1.8;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.rd-idea-options button[aria-pressed=true]{background:var(--card);border-color:var(--rd-surface-line);color:var(--secondary-foreground);font-weight:600}
.rd-idea-copy{padding-block:24px;min-height:205px}
.rd-idea-copy h4{font-size:1rem;line-height:1.95;font-weight:650;margin:6px 0 10px}
.rd-idea-copy p{font-size:.875rem;color:var(--muted-foreground);line-height:2.1;margin:0}
.rd-guide-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:7px 0;border:0;background:transparent;color:var(--secondary-foreground);font-size:.8125rem;line-height:1.9;font-weight:600;text-align:start;cursor:pointer}
.rd-guide-link>svg,.rd-guide-link>i{flex-shrink:0}
.rd-content-idea>.rd-guide-link{margin-top:auto;border-top:1px solid var(--rd-surface-line);padding-top:16px}
.rd-wallet-guide{margin-top:22px}
.rd-soft-disclosure{border:1px solid var(--rd-surface-line);border-radius:22px;background:var(--card);overflow:hidden}
.rd-soft-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:17px 20px;min-height:60px;cursor:pointer;font-size:.875rem;font-weight:550}
.rd-soft-disclosure>summary::-webkit-details-marker{display:none}
.rd-soft-disclosure>summary>span{display:flex;align-items:center;gap:10px}
.rd-soft-disclosure>summary svg,.rd-soft-disclosure>summary i{color:var(--muted-foreground);flex-shrink:0}
.rd-soft-disclosure[open]>summary>svg:last-child,.rd-soft-disclosure[open]>summary>i:last-child{transform:rotate(-90deg)}
.rd-wallet-guide-body{padding:0 20px 17px}
.rd-wallet-guide-body p{font-size:.8125rem;color:var(--muted-foreground);line-height:2.1;margin:0 0 12px}
.rd-wallet-guide-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;border-top:1px solid var(--rd-surface-line);padding-top:7px}
.rd-readiness-item input:focus-visible,.rd-idea-options button:focus-visible,.rd-soft-disclosure>summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}

.rd-list-group{border-radius:26px}
.rd-list-row{line-height:1.9}
.rd-row-copy p,.rd-row-copy small{line-height:2}
.support-workspace{gap:24px}
.support-ticket{border-radius:22px;padding:20px;border-color:var(--rd-surface-line)}
.support-bubble{border-radius:20px}
.support-bubble p{line-height:2}
.support-form,.rd-form{gap:18px}
.guide-grid{gap:24px}
.rd-auth-page .rd-auth-input{border-radius:18px}
.rd-auth-page .rd-auth-hero p{font-size:.8125rem;line-height:2.05}

@media(max-width:1100px){.rd-guide-grid{gap:20px}.rd-guide-grid>.panel{padding:22px}.app-footer{width:calc(100% - 52px)}}
@media(max-width:760px){
  :root{--rd-card-radius:26px;--rd-section-gap:20px}
  .workspace{padding-bottom:calc(78px + env(safe-area-inset-bottom));min-height:100svh}
  .main-content{padding:22px 18px 10px!important}
  .app-footer{width:calc(100% - 36px);margin:12px auto 0;padding:14px 0 10px;font-size:.6875rem;gap:9px}
  html[data-rd-route=profile] .main-content,html[data-rd-route=settings] .main-content,html[data-rd-route=profile-edit] .main-content{min-height:0}
  .page-title{margin-bottom:22px;gap:10px}
  .page-title h1{font-size:1.32rem;line-height:1.85}
  .page-title p:not(.eyebrow){font-size:.8125rem;margin-top:6px}
  .panel{padding:21px}
  .growth-hero{border-radius:29px;padding:28px 23px}
  .stats-grid{gap:12px}
  .stat-card{padding:18px 16px;border-radius:23px}
  .stat-card .row-between>span:first-child{font-size:.75rem;line-height:1.9}
  .stat-card p{font-size:.6875rem}
  .rd-next-step{padding:18px!important;gap:12px!important}
  .rd-next-action{min-height:44px!important}
  .quick-actions>button{padding:17px 10px}
  .suggestion-card{padding:23px}
  .panel.checkout-main{min-height:0;padding:24px 20px 16px;border-radius:28px}
  .checkout-steps{gap:6px;margin-bottom:20px}
  .checkout-steps button{gap:7px;min-height:48px}
  .checkout-steps button>b{font-size:.75rem}
  .step-header{margin-bottom:22px}
  .step-header h2{font-size:1.1rem}
  .step-header>p{font-size:.8125rem;line-height:2}
  .rd-entry-field{grid-template-columns:27px minmax(0,1fr) 44px;gap:5px}
  .rd-entry-field input{padding-inline:2px}
  .checkout-main .tip{padding:14px 15px}
  .checkout-cta-note{gap:12px;align-items:flex-start}
  .checkout-cta-note>small{font-size:.75rem;line-height:1.9}
  .mobile-checkout-total{margin-top:24px;padding-top:19px}
  .mobile-checkout-total strong{font-size:1.22rem}
  .mobile-checkout-total>span{font-size:.8125rem}
  .checkout-buttons .checkout-continue{min-height:54px;height:auto;padding:13px 14px}
  .quantity-packages{gap:9px}
  .quantity-package{min-height:122px;border-radius:18px;padding:19px 5px 14px}
  .quantity-package strong{font-size:1.18rem}
  .quantity-package>span:not(.package-recommend){font-size:.6875rem}
  .quantity-package small{font-size:.625rem;line-height:1.9}
  .package-recommend{font-size:.5625rem;padding:3px 6px}
  .payment-option{padding:17px 13px;gap:10px}
  .review-list>div{font-size:.8125rem}
  .wallet-top-layout{gap:20px;margin-bottom:20px}
  .wallet-overview{padding:24px 22px 20px;border-radius:28px}
  .wallet-compact{padding:22px}
  .wallet-compact .wallet-money{padding:24px 0 9px}
  .wallet-money{padding:26px 0 14px}
  .wallet-money strong{font-size:2.2rem}
  .wallet-compact .wallet-money strong{font-size:1.9rem}
  .wallet-overview-actions{gap:12px}
  .wallet-overview-actions>.wallet-charge{font-size:.875rem}
  .wallet-start-order{font-size:.8125rem}
  .wallet-side-surface{padding:22px;border-radius:26px}
  .wallet-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .wallet-totals>div{flex-direction:column;align-items:flex-start;gap:9px}
  .wallet-totals strong{font-size:1.05rem}
  .panel.wallet-ledger{padding:22px 18px;border-radius:26px}
  .ledger-heading{margin-bottom:18px}
  .ledger-heading h2{font-size:1rem}
  .ledger-tabs [data-slot=tabs-trigger]{font-size:.75rem;padding-inline:4px}
  .ledger-row{gap:10px;padding-block:19px}
  .ledger-info h3{font-size:.8125rem}
  .ledger-amount strong{font-size:.875rem}
  .rd-wallet-composer{padding:16px}
  .rd-wallet-benefits{gap:8px}
  .rd-home-guide{margin-top:30px}
  .rd-guide-intro{margin-bottom:18px}
  .rd-guide-intro h2{font-size:1.17rem}
  .rd-guide-intro p{font-size:.8125rem}
  .rd-guide-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .rd-guide-grid>.panel{padding:22px 20px;border-radius:26px}
  .rd-guide-card-heading h3{font-size:.9375rem}
  .rd-readiness-item{padding-block:17px;gap:12px}
  .rd-readiness-copy strong{font-size:.8125rem}
  .rd-readiness-copy small{font-size:.75rem}
  .rd-guide-footnote{font-size:.6875rem}
  .rd-idea-copy{min-height:205px;padding-block:22px}
  .rd-idea-copy p{font-size:.8125rem}
  .rd-wallet-guide{margin-top:20px}
  .rd-soft-disclosure>summary{padding:16px 18px;font-size:.8125rem}
  .rd-wallet-guide-body{padding:0 18px 16px}
  .rd-list-screen{padding-bottom:8px}
  .rd-list-group{border-radius:24px}
  .rd-list-row{padding-block:17px;min-height:80px}
  .support-workspace{gap:20px}
  .support-ticket{padding:18px;border-radius:22px}
  .rd-auth-page .rd-auth-content{padding-inline:24px}
}
@media(max-width:360px){
  .main-content{padding-inline:14px!important}
  .app-footer{width:calc(100% - 28px);font-size:.625rem}
  .panel.checkout-main{padding-inline:17px}
  .panel{padding:19px}
  .page-title h1{font-size:1.22rem}
  .checkout-steps button>b{font-size:.6875rem}
  .checkout-cta-note{flex-wrap:wrap;gap:7px}
  .mobile-checkout-total strong{font-size:1.06rem}
  .quantity-packages{gap:7px}
  .quantity-package small{font-size:.6rem}
  .wallet-overview{padding-inline:19px}
  .wallet-totals{gap:12px}
  .wallet-totals strong{font-size:.9375rem}
  .rd-guide-grid>.panel{padding:20px 18px}
  .rd-idea-options button{padding-inline:4px;font-size:.75rem}
}
html[data-rd-density=compact]{--rd-section-gap:16px}
html[data-rd-density=compact] .rd-readiness-item{padding-block:13px}
html[data-rd-contrast=on] .rd-guide-footnote,html[data-rd-contrast=on] .rd-readiness-copy small{color:var(--foreground)}
@media(prefers-reduced-motion:reduce){.rd-idea-options button{transition:none}}
html[data-rd-motion=off] .rd-idea-options button{transition:none}

/* ========================================================================
   Instagram-style bottom nav: grouped icons in one pill + a separate
   circular "+" action button split off to the side. The active pill item
   expands to show icon + label; the rest collapse to icon-only and dim.
   Appended last (and re-using the `html nav...` specificity pattern used
   above) so it wins over every earlier layer in this file.
   ======================================================================== */
html nav.bottom-nav.rd-minimal-nav{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:center!important;gap:10px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0!important;
  animation:rd-nav-rise .5s cubic-bezier(.22,1,.36,1) both;
}
html nav.rd-minimal-nav .rd-nav-pill{
  position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:row;
  align-items:center;justify-content:space-between;height:54px;min-height:54px;
  padding:4px;box-sizing:border-box;
  background:var(--rd-list-surface);
  border:1px solid color-mix(in srgb,var(--rd-list-line) 50%,transparent);
  border-radius:28px;box-shadow:0 4px 18px #17243f0c,0 1px 3px #17243f04;
  isolation:isolate;overflow:hidden;
}
html nav.rd-minimal-nav .rd-nav-pill .rd-nav-indicator{
  position:absolute!important;z-index:0;top:4px;bottom:4px;left:0;
  width:var(--rd-pill-width,25%);opacity:var(--rd-pill-visible,0);
  border-radius:24px;background:transparent;
  transform:translate3d(var(--rd-pill-x,0px),0,0);
  transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),opacity .18s ease;
  pointer-events:none;
}
html nav.rd-minimal-nav .rd-nav-pill>button{
  position:relative;z-index:1;flex:0 0 auto;display:flex!important;flex-direction:row!important;
  align-items:center;justify-content:center;gap:0!important;min-width:0;
  height:46px!important;min-height:46px!important;padding:0 11px!important;margin:0;border:0;
  background:transparent!important;border-radius:22px!important;color:var(--rd-list-muted)!important;
  transition:flex-grow .38s cubic-bezier(.22,1,.36,1),padding .38s cubic-bezier(.22,1,.36,1),color .22s ease!important;
  touch-action:pan-y;-webkit-tap-highlight-color:transparent;cursor:pointer;
}
html nav.rd-minimal-nav .rd-nav-pill>button .rd-nav-icon{
  width:20px!important;height:20px!important;flex:0 0 20px!important;opacity:.6;
  transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1)!important;
}
html nav.rd-minimal-nav .rd-nav-pill>button .rd-nav-label{
  display:inline-block!important;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;
  margin-inline-start:0;font-size:calc(.78rem * var(--rd-list-scale))!important;font-weight:650!important;
  transition:max-width .38s cubic-bezier(.22,1,.36,1),opacity .22s ease,margin-inline-start .38s cubic-bezier(.22,1,.36,1);
}
html nav.rd-minimal-nav .rd-nav-pill>button.active{
  flex:1 1 auto;color:var(--rd-blue)!important;padding:0 15px!important;
}
html nav.rd-minimal-nav .rd-nav-pill>button.active .rd-nav-icon{opacity:1;transform:translateY(-1px)}
html nav.rd-minimal-nav .rd-nav-pill>button.active .rd-nav-label{
  max-width:110px;opacity:1;margin-inline-start:7px;
}
@media(hover:hover){
  html nav.rd-minimal-nav .rd-nav-pill>button:not(.active):hover .rd-nav-icon{opacity:.9}
}
html nav.rd-minimal-nav .rd-nav-pill>button:focus-visible{outline:2px solid var(--rd-blue);outline-offset:-3px}

/* The "+" action, split off the pill into its own floating circle */
html nav.rd-minimal-nav>button.rd-nav-plus{
  flex:0 0 auto;position:relative;width:54px!important;height:54px!important;min-height:54px!important;
  display:flex!important;align-items:center;justify-content:center;padding:0!important;margin:0;border:0;
  border-radius:50%!important;background:linear-gradient(140deg,#5a7bf0,var(--rd-blue))!important;
  box-shadow:0 8px 18px #326bd64a,0 2px 6px #326bd633;color:#fff;cursor:pointer;
  transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease!important;
  touch-action:pan-y;-webkit-tap-highlight-color:transparent;
}
html nav.rd-minimal-nav>button.rd-nav-plus .rd-nav-icon{
  width:22px!important;height:22px!important;flex:0 0 22px!important;opacity:1;background:#fff!important;
}
html nav.rd-minimal-nav>button.rd-nav-plus:active{transform:scale(.92)}
html nav.rd-minimal-nav>button.rd-nav-plus.active{box-shadow:0 10px 22px #326bd666,0 2px 6px #326bd640}
html nav.rd-minimal-nav>button.rd-nav-plus:focus-visible{outline:2px solid #fff;outline-offset:2px}

@keyframes rd-nav-rise{
  from{opacity:0;transform:translateY(22px) scale(.94)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  html nav.bottom-nav.rd-minimal-nav{animation:none}
  html nav.rd-minimal-nav .rd-nav-pill .rd-nav-indicator,html nav.rd-minimal-nav .rd-nav-pill>button,
  html nav.rd-minimal-nav .rd-nav-pill>button .rd-nav-label,html nav.rd-minimal-nav>button.rd-nav-plus{transition:none!important}
}
html[data-rd-motion=off] nav.bottom-nav.rd-minimal-nav{animation:none}
html[data-rd-motion=off] nav.rd-minimal-nav .rd-nav-pill .rd-nav-indicator,
html[data-rd-motion=off] nav.rd-minimal-nav .rd-nav-pill>button,
html[data-rd-motion=off] nav.rd-minimal-nav .rd-nav-pill>button .rd-nav-label,
html[data-rd-motion=off] nav.rd-minimal-nav>button.rd-nav-plus{transition:none!important}
@media(max-width:360px){
  html nav.rd-minimal-nav .rd-nav-pill>button.active .rd-nav-label{max-width:88px}
  html nav.rd-minimal-nav>button.rd-nav-plus{width:48px!important;height:48px!important;min-height:48px!important}
}

/* ========================================================================
   Mobile "minimal" declutter pass — tighter spacing, flatter surfaces,
   and quieter help/tip boxes across the dashboard and the growth/checkout
   flow. Scoped to mobile only; desktop keeps the original density.
   ======================================================================== */
@media(max-width:760px){
  :root{--rd-section-gap:16px!important;--rd-card-radius:22px!important}

  /* Flatter cards: thinner shadow, tighter padding, no heavy borders doing
     double duty with the shadow at the same time. */
  .panel,.stat-card,.order-card,.channel-card,.suggestion-card,.checklist-panel{
    box-shadow:none!important;
    border-color:var(--rd-surface-line)!important;
  }
  .panel{padding:18px!important}
  html[data-rd-density=compact] .panel{padding:16px!important}
  .stat-card,.order-card{padding:15px!important}
  .suggestion-card{padding:19px!important}
  .suggestion-card p{line-height:1.7!important;margin-bottom:14px!important}
  .suggestion-card h3{line-height:1.5!important}

  /* Tip / help notes read as quiet inline hints, not another boxed card. */
  .tip{
    padding:10px 4px!important;gap:8px!important;line-height:1.75!important;
    background:transparent!important;border:0!important;
    font-size:.8rem!important;color:var(--rd-list-muted,var(--muted-foreground))!important;
  }
  .tip>svg{opacity:.6;width:16px!important;height:16px!important}
  .checkout-main .tip{margin-top:14px!important;padding:10px 2px!important}
  .safe-payment{gap:8px!important;line-height:1.7!important;font-size:.78rem!important;opacity:.75}
  .insufficient{padding:12px!important}

  /* Checklist: tighter rows, smaller checkboxes, less vertical rhythm. */
  .checklist-panel{padding:17px!important}
  .checklist-progress{margin-block:10px 12px!important}
  .checklist-panel label{padding-block:9px!important;gap:9px!important;font-size:.85rem!important}
  .checklist-panel [data-slot=checkbox]{width:18px!important;height:18px!important}
  .checklist-complete{padding:9px 12px!important;margin-block:8px!important}

  /* Checkout card: less padding, tighter step header, denser copy. */
  .panel.checkout-main{padding:18px 15px!important;border-radius:22px!important}
  .step-header{margin-bottom:16px!important}
  .step-header>span{width:38px!important;height:38px!important;margin-bottom:10px!important}
  .step-header h2{font-size:1.02rem!important;line-height:1.6!important}
  .step-header>p{font-size:.78rem!important;line-height:1.75!important;margin-top:5px!important}

  /* Quantity picker: tighter cards, and the custom-amount row reads as a
     secondary, lightweight fallback instead of a fourth competing card. */
  .quantity-packages{gap:7px!important;padding-top:10px!important}
  .quantity-package{min-height:104px!important;padding:14px 5px 11px!important;border-radius:16px!important;box-shadow:none!important}
  .quantity-package strong{font-size:1.05rem!important}
  .quantity-package small{margin-top:4px!important;font-size:.625rem!important;line-height:1.6!important}
  .custom-quantity{margin-top:16px!important;padding-top:14px!important;border-top:1px dashed var(--rd-surface-line)!important;opacity:.92}
  .custom-quantity [data-slot=slider]{margin-block:14px 6px!important}

  /* Review / payment: thinner option rows, less line-height padding. */
  .review-channel,.coupon-box,.payment-option{border-radius:15px!important}
  .payment-options{gap:9px!important}
  .payment-option{padding:13px 12px!important;gap:9px!important}
  .payment-option small{line-height:1.6!important}
  .terms-check{gap:9px!important;line-height:1.7!important;margin-top:16px!important;font-size:.8rem!important}

  .checkout-steps{margin-bottom:14px!important;gap:5px!important}
  .checkout-steps button{min-height:40px!important}
  .mobile-checkout-total{margin-top:16px!important;padding-top:14px!important}

  /* Home dashboard grids: tighter gaps between stacked sections. */
  .guide-top-grid,.dashboard-bottom-grid,.dashboard-main-grid,.hero-grid,.stats-grid{gap:12px!important;margin-bottom:12px!important}
  .campaign-note,.mini-tip{padding:11px!important;gap:8px!important}
  .quick-actions{gap:7px!important}
  .quick-actions>button{min-height:112px!important;padding:13px 9px!important}

  /* Empty states: less airy padding. */
  .empty-state{padding:22px 14px!important;gap:8px!important}
}

/* =======================================================================
   Roshdino Growth Checkout — current / mobile-first order redesign
   Scope is intentionally limited to #growth so other screens stay intact.
   ======================================================================= */
.route-growth{
  --rd-order-accent:#ff7a1a;
  --rd-order-accent-2:#ff9a45;
  --rd-order-accent-soft:color-mix(in srgb,var(--rd-order-accent) 11%,transparent);
  --rd-order-line:color-mix(in srgb,var(--border) 78%,var(--rd-order-accent) 22%);
  --rd-order-card:color-mix(in srgb,var(--card) 96%,var(--rd-order-accent) 4%);
  --rd-order-inner:color-mix(in srgb,var(--background) 91%,var(--rd-order-accent) 9%);
}
.route-growth .main-content{max-width:1180px;margin-inline:auto;width:100%}
.route-growth .page-title{margin:0 0 18px;align-items:flex-end}
.route-growth .page-title>div{max-width:680px}
.route-growth .page-title .eyebrow{display:inline-flex;align-items:center;min-height:29px;margin:0 0 7px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--rd-order-accent) 28%,transparent);border-radius:999px;background:var(--rd-order-accent-soft);color:var(--rd-order-accent);font-size:.72rem;font-weight:700}
.route-growth .page-title h1{font-size:clamp(1.65rem,3.2vw,2.45rem);font-weight:850;line-height:1.55;letter-spacing:-.035em}
.route-growth .page-title p:not(.eyebrow){max-width:46ch;margin-top:4px;color:var(--muted-foreground);font-size:.83rem;line-height:1.9}

/* compact progress rail */
.route-growth .checkout-steps{max-width:none;margin:0 0 15px;padding:7px;border:1px solid var(--rd-order-line);border-radius:22px;background:color-mix(in srgb,var(--card) 93%,transparent);box-shadow:0 12px 34px #00000008;gap:5px;scroll-margin-top:86px}
.route-growth .checkout-steps li:after{display:none!important}
.route-growth .checkout-steps button{width:100%;min-height:52px!important;padding:6px 8px;border-radius:16px;align-items:center;justify-content:center;flex-direction:row;gap:8px!important;transition:background .2s ease,color .2s ease,transform .2s ease}
.route-growth .checkout-steps button>span{width:31px;height:31px;flex:0 0 31px;border:1px solid var(--rd-order-line);border-radius:11px;background:transparent;box-shadow:none!important;font-size:.75rem;font-weight:750}
.route-growth .checkout-steps button>b{white-space:nowrap;font-size:.75rem!important;font-weight:550!important;line-height:1.4!important}
.route-growth .checkout-steps .current button{background:linear-gradient(135deg,color-mix(in srgb,var(--rd-order-accent) 15%,transparent),color-mix(in srgb,var(--rd-order-accent) 6%,transparent))}
.route-growth .checkout-steps .current button>span{background:linear-gradient(145deg,var(--rd-order-accent-2),var(--rd-order-accent));border-color:transparent;color:#fff;box-shadow:0 7px 18px #f9731630!important}
.route-growth .checkout-steps .current button>b{color:var(--foreground);font-weight:750!important}
.route-growth .checkout-steps .done button>span{background:var(--rd-order-accent-soft);border-color:color-mix(in srgb,var(--rd-order-accent) 35%,transparent);color:var(--rd-order-accent)}

.route-growth .checkout-layout{gap:18px;grid-template-columns:minmax(0,1.9fr) minmax(260px,.82fr)}
.route-growth .panel.checkout-main{min-height:0!important;padding:24px!important;border:1px solid var(--rd-order-line)!important;border-radius:28px!important;background:linear-gradient(150deg,var(--rd-order-card),color-mix(in srgb,var(--card) 99%,var(--rd-order-accent) 1%));box-shadow:0 18px 54px #0000000b,0 8px 28px #f9731608!important;overflow:hidden}
.route-growth .checkout-main .step-enter{position:relative}
.route-growth .checkout-main .step-enter:before{content:"";position:absolute;inset:-24px -24px auto auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rd-order-accent) 11%,transparent),transparent 68%);pointer-events:none}

/* section header */
.route-growth .step-header{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon title" "icon copy";column-gap:13px;row-gap:2px;margin:0 0 20px!important;position:relative;z-index:1}
.route-growth .step-header>span{grid-area:icon;width:46px!important;height:46px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--rd-order-accent) 26%,transparent);border-radius:15px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--rd-order-accent) 15%,var(--card)),color-mix(in srgb,var(--rd-order-accent) 7%,var(--card)));color:var(--rd-order-accent);box-shadow:inset 0 1px #ffffff0d,0 7px 20px #f973160b}
.route-growth .step-header>span svg{width:21px;height:21px;stroke-width:1.8}
.route-growth .step-header h2{grid-area:title;align-self:end;margin:0;font-size:1.08rem!important;font-weight:790;line-height:1.55!important;letter-spacing:-.018em;scroll-margin-top:92px}
.route-growth .step-header>p{grid-area:copy;align-self:start;margin:1px 0 0!important;color:var(--muted-foreground);font-size:.76rem!important;line-height:1.75!important}

/* channel entry */
.route-growth .rd-channel-entry{margin:0 0 14px}
.route-growth .rd-entry-form{gap:9px}
.route-growth .rd-entry-form>label{font-size:.76rem;font-weight:650;color:var(--foreground)}
.route-growth .rd-entry-field{min-height:56px;padding:5px 7px;border:1px solid var(--rd-order-line);border-radius:17px;background:var(--rd-order-inner);box-shadow:inset 0 1px #ffffff09;transition:border-color .2s,box-shadow .2s,background .2s}
.route-growth .rd-entry-field:focus-within{border-color:color-mix(in srgb,var(--rd-order-accent) 65%,var(--border));background:color-mix(in srgb,var(--card) 94%,var(--rd-order-accent) 6%);box-shadow:0 0 0 3px color-mix(in srgb,var(--rd-order-accent) 10%,transparent)}
.route-growth .rd-entry-field input{font-size:.95rem}
.route-growth .rd-entry-confirm{width:43px;height:43px;border-radius:13px;background:color-mix(in srgb,var(--rd-order-accent) 11%,var(--card));color:var(--rd-order-accent)}
.route-growth .rd-entry-feedback{font-size:.72rem;line-height:1.8}

/* quantity cards */
.route-growth .quantity-packages{gap:10px!important;padding-top:6px!important}
.route-growth .quantity-package{min-height:112px!important;padding:16px 8px 13px!important;border:1px solid var(--rd-order-line)!important;border-radius:19px!important;background:color-mix(in srgb,var(--card) 96%,var(--rd-order-accent) 4%);box-shadow:none!important;transform:none;overflow:visible}
.route-growth .quantity-package:hover{border-color:color-mix(in srgb,var(--rd-order-accent) 45%,var(--border))!important}
.route-growth .quantity-package.chosen{border-color:var(--rd-order-accent)!important;background:linear-gradient(155deg,color-mix(in srgb,var(--rd-order-accent) 14%,var(--card)),color-mix(in srgb,var(--rd-order-accent) 5%,var(--card)));box-shadow:0 8px 24px #f9731610!important}
.route-growth .quantity-package strong{font-size:1.28rem!important;font-weight:780;line-height:1.35!important;font-variant-numeric:tabular-nums}
.route-growth .quantity-package>span:not(.package-recommend){margin-top:3px;font-size:.67rem!important;color:var(--muted-foreground)}
.route-growth .quantity-package small{margin-top:7px!important;color:color-mix(in srgb,var(--rd-order-accent) 72%,var(--foreground));font-size:.68rem!important;line-height:1.45!important}
.route-growth .package-recommend{top:-10px;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,var(--rd-order-accent-2),var(--rd-order-accent));box-shadow:0 5px 14px #f9731620;font-size:.62rem!important;font-weight:700}
.route-growth .custom-quantity{margin-top:17px!important;padding-top:16px!important;border-top:1px solid var(--rd-order-line)!important;opacity:1!important}
.route-growth .custom-quantity .floating-field [data-slot=input]{height:56px;min-height:56px;border-radius:17px;background:var(--rd-order-inner)}
.route-growth .custom-quantity [data-slot=slider]{margin-block:16px 7px!important}
.route-growth .slider-limits{font-size:.68rem;margin-bottom:7px}
.route-growth .field-hint,.route-growth .field-error{font-size:.69rem;line-height:1.75}

/* tips are compact and visual noise is reduced */
.route-growth .checkout-main .tip{margin-top:14px!important;padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--rd-order-accent) 11%,var(--border))!important;border-radius:14px!important;background:color-mix(in srgb,var(--rd-order-accent) 4%,transparent)!important;font-size:.72rem!important;line-height:1.75!important}
.route-growth .checkout-main .tip>svg{width:15px!important;height:15px!important;color:var(--rd-order-accent);opacity:.72}

/* review step */
.route-growth .review-channel{min-height:72px;padding:12px 14px;border:1px solid var(--rd-order-line)!important;border-radius:18px!important;background:var(--rd-order-inner)}
.route-growth .review-list{margin:14px 0;border:1px solid var(--rd-order-line);border-radius:18px;padding:1px 14px;background:color-mix(in srgb,var(--background) 62%,transparent);overflow:hidden}
.route-growth .review-list>div{min-height:51px;padding:11px 0!important;border-bottom:1px solid var(--rd-order-line);font-size:.78rem!important;line-height:1.55!important;align-items:center}
.route-growth .review-list>div:last-child{border-bottom:0}
.route-growth .review-list dt{font-size:.71rem;color:var(--muted-foreground)}
.route-growth .review-list dd{text-align:left;font-weight:650;color:var(--foreground)}
.route-growth .coupon-box{margin:14px 0!important;padding:12px;border:1px solid var(--rd-order-line)!important;border-radius:18px!important;background:var(--rd-order-inner)}
.route-growth .coupon-box .floating-field [data-slot=input]{height:54px;min-height:54px;border-radius:15px}
.route-growth .coupon-box .rd-btn{min-height:47px;border-radius:14px}

/* payment step */
.route-growth .payment-options{gap:9px!important}
.route-growth .payment-option{min-height:76px;padding:13px 14px!important;border:1px solid var(--rd-order-line)!important;border-radius:18px!important;background:color-mix(in srgb,var(--card) 96%,var(--rd-order-accent) 4%);transition:border-color .2s,background .2s,box-shadow .2s}
.route-growth .payment-option.chosen{border-color:var(--rd-order-accent)!important;background:linear-gradient(150deg,color-mix(in srgb,var(--rd-order-accent) 14%,var(--card)),color-mix(in srgb,var(--rd-order-accent) 5%,var(--card)));box-shadow:0 8px 25px #f973160d}
.route-growth .payment-option>b,.route-growth .payment-option span>b{font-size:.88rem}
.route-growth .payment-option small{font-size:.7rem;line-height:1.65!important;color:var(--muted-foreground)}
.route-growth .payment-option>svg{color:var(--rd-order-accent);stroke-width:1.8}
.route-growth .terms-check{margin-top:14px!important;padding:11px 12px;border:1px solid var(--rd-order-line);border-radius:15px;background:color-mix(in srgb,var(--background) 55%,transparent);font-size:.72rem!important;line-height:1.7!important}
.route-growth .terms-check>[data-slot=checkbox]{margin-top:2px!important}
.route-growth .safe-payment{margin-top:9px;padding:1px 3px;font-size:.69rem!important;line-height:1.75!important}

/* amount and actions become one clean footer rhythm */
.route-growth .mobile-checkout-total{margin-top:18px!important;padding:15px 0 0!important;border-top:1px solid var(--rd-order-line)!important}
.route-growth .mobile-checkout-total>span{font-size:.72rem!important;color:var(--foreground)}
.route-growth .mobile-checkout-total>span>small{font-size:.65rem;line-height:1.55;margin-top:1px}
.route-growth .mobile-checkout-total>strong{font-size:1.26rem!important;font-weight:800;color:var(--rd-order-accent);letter-spacing:-.02em}
.route-growth .checkout-actions{margin-top:12px!important;padding-top:0!important;display:block}
.route-growth .checkout-cta-note{margin-bottom:9px!important;display:flex;align-items:center!important;justify-content:space-between;gap:8px!important}
.route-growth .checkout-cta-note>span{padding:5px 9px;border:1px solid color-mix(in srgb,var(--rd-order-accent) 24%,transparent);border-radius:999px!important;background:var(--rd-order-accent-soft);color:var(--rd-order-accent);font-size:.65rem;font-weight:700}
.route-growth .checkout-cta-note>small{max-width:none!important;font-size:.68rem!important;line-height:1.5!important;color:var(--muted-foreground)}
.route-growth .checkout-buttons{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px!important}
.route-growth .checkout-buttons>.checkout-continue{grid-area:auto!important;min-height:55px!important;border-radius:17px!important;padding:12px 16px!important;background:linear-gradient(135deg,var(--rd-order-accent-2),#f26708);box-shadow:0 11px 25px #f9731620!important;font-size:.84rem!important;font-weight:750!important}
.route-growth .checkout-buttons>.checkout-continue:hover{filter:brightness(1.025)}
.route-growth .checkout-buttons>.checkout-back{grid-area:auto!important;width:auto!important;min-width:92px;min-height:55px!important;border:1px solid var(--rd-order-line);border-radius:17px!important;background:transparent;font-size:.72rem!important}
.route-growth .checkout-buttons>.checkout-submit{min-height:62px!important}
.route-growth .checkout-submit>span>strong{font-size:.84rem!important}
.route-growth .checkout-submit>span>small{font-size:.69rem!important}

/* desktop summary is quieter and sticky */
.route-growth .checkout-aside{position:sticky;top:92px}
.route-growth .invoice-card{padding:20px!important;border:1px solid var(--rd-order-line)!important;border-radius:24px!important;background:var(--rd-order-card);box-shadow:0 14px 35px #00000008!important}
.route-growth .invoice-card h2{font-size:1rem;margin-top:3px}
.route-growth .invoice-eyebrow{font-size:.68rem}
.route-growth .invoice-channel{padding:15px 4px;margin-top:8px}
.route-growth .invoice-card dl{margin-top:12px}
.route-growth .invoice-card dl>div{margin-top:0!important;padding:10px 0!important;font-size:.74rem!important;line-height:1.65!important;border-bottom:1px solid var(--rd-order-line)}
.route-growth .invoice-card dl>div:last-child{border-bottom:0}
.route-growth .invoice-total{margin-top:0!important;padding-top:12px!important}
.route-growth .checkout-help{border-radius:20px;padding:16px}

@media (max-width:1050px){
  .route-growth .checkout-layout{grid-template-columns:minmax(0,1fr)}
  .route-growth .checkout-aside{display:none!important}
}

@media (max-width:760px){
  .route-growth .main-content{padding:15px 14px calc(88px + env(safe-area-inset-bottom))!important}
  .route-growth .page-title{margin-bottom:12px;padding-inline:2px}
  .route-growth .page-title .eyebrow{min-height:25px;padding:3px 8px;margin-bottom:4px;font-size:.64rem}
  .route-growth .page-title h1{font-size:1.34rem!important;line-height:1.55!important;letter-spacing:-.025em}
  .route-growth .page-title p:not(.eyebrow){font-size:.72rem!important;line-height:1.7!important;margin-top:3px}

  .route-growth .checkout-steps{margin-bottom:10px!important;padding:5px;border-radius:18px;gap:3px!important;scroll-margin-top:76px}
  .route-growth .checkout-steps button{min-height:47px!important;padding:5px 3px;gap:4px!important;flex-direction:column!important}
  .route-growth .checkout-steps button>span{width:27px;height:27px;flex-basis:27px;border-radius:9px;font-size:.68rem}
  .route-growth .checkout-steps button>b{font-size:.62rem!important;line-height:1.25!important;white-space:normal;text-align:center}

  .route-growth .panel.checkout-main{padding:17px 14px 15px!important;border-radius:23px!important;box-shadow:0 12px 32px #0000000d,0 5px 18px #f9731608!important}
  .route-growth .checkout-main .step-enter:before{width:110px;height:110px;inset:-17px -14px auto auto}
  .route-growth .step-header{grid-template-columns:40px minmax(0,1fr);column-gap:10px;margin-bottom:15px!important}
  .route-growth .step-header>span{width:40px!important;height:40px!important;border-radius:13px!important}
  .route-growth .step-header>span svg{width:19px;height:19px}
  .route-growth .step-header h2{font-size:.94rem!important;line-height:1.45!important}
  .route-growth .step-header>p{font-size:.68rem!important;line-height:1.55!important}

  .route-growth .rd-channel-entry{margin-bottom:10px}
  .route-growth .rd-entry-field{min-height:52px;border-radius:15px;padding:4px 5px}
  .route-growth .rd-entry-confirm{width:40px;height:40px;border-radius:12px}
  .route-growth .rd-entry-field input{font-size:.89rem}

  .route-growth .quantity-packages{gap:6px!important;padding-top:4px!important}
  .route-growth .quantity-package{min-height:96px!important;padding:13px 4px 10px!important;border-radius:16px!important}
  .route-growth .quantity-package strong{font-size:1.03rem!important}
  .route-growth .quantity-package>span:not(.package-recommend){font-size:.6rem!important}
  .route-growth .quantity-package small{font-size:.59rem!important;margin-top:5px!important}
  .route-growth .package-recommend{top:-8px;padding:3px 6px;font-size:.54rem!important}
  .route-growth .custom-quantity{margin-top:13px!important;padding-top:12px!important}
  .route-growth .custom-quantity .floating-field [data-slot=input]{height:52px;min-height:52px}
  .route-growth .custom-quantity [data-slot=slider]{margin-block:13px 5px!important}

  .route-growth .checkout-main .tip{margin-top:10px!important;padding:8px 9px!important;border-radius:12px!important;font-size:.65rem!important;line-height:1.65!important}

  .route-growth .review-channel{min-height:62px;padding:10px 11px;border-radius:15px!important}
  .route-growth .review-list{margin:11px 0;padding-inline:11px;border-radius:15px}
  .route-growth .review-list>div{min-height:46px;padding:9px 0!important;font-size:.71rem!important}
  .route-growth .review-list dt{font-size:.65rem}
  .route-growth .coupon-box{margin:11px 0!important;padding:10px;border-radius:15px!important}
  .route-growth .input-with-button{gap:7px}
  .route-growth .coupon-box .rd-btn{min-height:43px;padding-inline:12px}

  .route-growth .payment-options{gap:7px!important}
  .route-growth .payment-option{min-height:68px;padding:11px 10px!important;border-radius:15px!important;gap:8px!important}
  .route-growth .payment-option>svg{width:20px;height:20px}
  .route-growth .payment-option span>b{font-size:.78rem}
  .route-growth .payment-option small{font-size:.62rem;line-height:1.55!important}
  .route-growth .terms-check{margin-top:10px!important;padding:9px 10px;font-size:.65rem!important;border-radius:13px}
  .route-growth .safe-payment{font-size:.62rem!important;line-height:1.6!important}

  .route-growth .mobile-checkout-total{margin-top:12px!important;padding-top:11px!important;gap:8px!important}
  .route-growth .mobile-checkout-total>span{font-size:.66rem!important}
  .route-growth .mobile-checkout-total>span>small{font-size:.58rem}
  .route-growth .mobile-checkout-total>strong{font-size:1.05rem!important}
  .route-growth .checkout-actions{margin-top:9px!important}
  .route-growth .checkout-cta-note{margin-bottom:7px!important}
  .route-growth .checkout-cta-note>span{padding:4px 7px;font-size:.58rem}
  .route-growth .checkout-cta-note>small{font-size:.6rem!important;text-align:right}
  .route-growth .checkout-buttons{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
  .route-growth .checkout-buttons>.checkout-continue{grid-area:1/1!important;min-height:53px!important;border-radius:16px!important;padding:11px 13px!important;font-size:.78rem!important}
  .route-growth .checkout-buttons>.checkout-back{grid-area:2/1!important;min-height:35px!important;border:0!important;background:transparent!important;font-size:.65rem!important;color:var(--muted-foreground)}
  .route-growth .checkout-buttons>.checkout-submit{min-height:59px!important}
}

@media (max-width:370px){
  .route-growth .main-content{padding-inline:11px!important}
  .route-growth .panel.checkout-main{padding-inline:11px!important}
  .route-growth .checkout-steps button>b{font-size:.56rem!important}
  .route-growth .quantity-package{padding-inline:2px!important}
  .route-growth .quantity-package small{font-size:.54rem!important}
  .route-growth .checkout-cta-note>small{max-width:68%;font-size:.56rem!important}
}

/* Dark mode keeps contrast while staying warm, not muddy. */
.dark .route-growth{--rd-order-card:color-mix(in srgb,#1d2027 94%,#f97316 6%);--rd-order-inner:color-mix(in srgb,#14161b 88%,#f97316 12%);--rd-order-line:color-mix(in srgb,#3b414c 78%,#f97316 22%)}
.dark .route-growth .panel.checkout-main{box-shadow:0 20px 55px #00000024,0 9px 28px #f9731609!important}
.dark .route-growth .checkout-steps{background:color-mix(in srgb,#1b1e24 95%,#f97316 5%);box-shadow:0 10px 30px #00000020}