:root{
  --rd-ui-shadow: 0 8px 30px #14203308, 0 1px 4px #14203304;
  --rd-ui-ring: #f9731640;
  --rd-ui-accent-ink: #b3480d;
}
html{ scroll-padding-top: 108px; }
html[data-rd-text="large"]{ font-size: 106.25%; }
html[data-rd-text="larger"]{ font-size: 112.5%; }
html[data-rd-contrast="on"]{ --muted-foreground: #434a56; --border: #a4acb7; --input: #8793a3; }
html.dark[data-rd-contrast="on"]{ --muted-foreground: #d0d6df; --border: #737f91; --input: #8995a7; }
button, a, input, textarea{ -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible{ outline: 3px solid #f9731690; outline-offset: 4px; }
button:disabled{ cursor: not-allowed; }
.topbar{
  position: sticky; top: 12px; z-index: 45;
  min-height: 68px; height: auto; margin: 12px 28px 0; padding: 12px 19px;
  border: 1px solid var(--border); border-radius: 24px;
  background: var(--card); background: color-mix(in srgb, var(--card) 90%, transparent);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  box-shadow: var(--rd-ui-shadow);
}
.topbar-actions{ gap: 7px; min-width: 0; }
.topbar .icon-btn, .topbar .top-avatar{ min-width: 42px; width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 15px; background: var(--card); }
.topbar .icon-btn:hover{ color: var(--primary); background: var(--secondary); border-color: var(--rd-ui-ring); }
.topbar .rd-header-settings{ color: var(--primary); background: var(--secondary); border-color: transparent; }
.topbar .demo-badge, .topbar [class*="api-badge"]{ display: none !important; }
/* Keep only an existing authorized management link, with its original URL. */
.topbar [data-rd-header-action=admin],
.topbar a.rd-p2-api-badge[href*="/admin"]{
  display: inline-flex !important; justify-content: center; align-items: center; flex-shrink: 0;
  font-size: 0 !important; line-height: 1; height: 42px; min-width: 56px;
  padding: 0 10px; border-radius: 14px; text-decoration: none;
  color: var(--foreground); background: var(--muted); border: 1px solid var(--border);
}
.topbar [data-rd-header-action=admin]::before,
.topbar a.rd-p2-api-badge[href*="/admin"]::before{ display: none; }
.topbar [data-rd-header-action=admin] > *,
.topbar a.rd-p2-api-badge[href*="/admin"] > *{ display: none; }
.topbar [data-rd-header-action=admin]::after,
.topbar a.rd-p2-api-badge[href*="/admin"]::after{ content: "مدیریت"; font-size: 12px; font-weight: 650; }
.topbar .notification-btn > .rd-notice-count{
  display: grid; place-items: center; width: auto; height: 19px; min-width: 19px;
  top: -5px; right: -4px; padding: 0 4px; border: 2px solid var(--card);
  border-radius: 8px; background: #f97316; color: #fff; font-size: 12px; font-weight: 750; line-height: 1;
}

.main-content{ padding-top: 26px; }
.page-title h1{ letter-spacing: -.35px; }
.page-title p{ max-width: 65ch; }
.panel, .stat-card, .order-card, .channel-card{ box-shadow: var(--rd-ui-shadow); }
.panel{ border-radius: 26px; }
.stat-card, .order-card, .channel-card{ transition: border-color .2s, box-shadow .2s, transform .2s; }
@media (hover: hover) {
  .order-card:hover, .channel-card:hover{ border-color: var(--rd-ui-ring); box-shadow: 0 10px 30px #1420330b; transform: translateY(-2px); }
}
.rd-btn{ border-radius: 15px; min-height: 46px; }
.rd-btn.primary{ background: linear-gradient(125deg, #fd862d, #ee6915); box-shadow: 0 7px 19px #f9731625; }
.rd-btn.primary:active{ transform: scale(.98); }
.rd-form .floating-field input:focus, .floating-field textarea:focus{ box-shadow: 0 0 0 4px #f9731610; }
.floating-field label{ transition: top .18s, transform .18s, color .18s, font-size .18s; }
.floating-field [data-slot=input], .floating-textarea textarea{ font-size: 1rem; }
.growth-hero{ background: linear-gradient(125deg, #fb852c, #f06b18 62%, #e66317); border-radius: 28px; box-shadow: 0 12px 28px #e8752021; }
.hero-cta.rd-btn{ min-height: 48px; border-radius: 15px; font-size: .875rem; }
.wallet-overview{ border-radius: 29px; box-shadow: 0 14px 36px #532a1010; }
.dark .wallet-overview{ background: radial-gradient(ellipse at 90% 0, #61351d90, transparent 65%), linear-gradient(140deg, #2d231f, #211f22); border-color: #b67b4238; }
.wallet-visibility{ min-width: 44px; min-height: 44px; }
.wallet-money strong, .stat-card strong, .ledger-amount, bdi{ font-variant-numeric: tabular-nums; }
.status, .ticket-status{ white-space: normal; overflow-wrap: anywhere; line-height: 1.7; max-width: 100%; }
.quick-actions > button{ border-radius: 19px; min-height: 134px; }
.quick-actions strong{ font-size: .875rem; }
.quick-actions small{ font-size: .8125rem; }
.quick-icon{ border-radius: 13px; background: var(--secondary); color: var(--primary); }
.rd-p4-finance-tools{ justify-content: flex-end; gap: 8px; border: 0; padding: 0; margin: 0 0 16px; background: transparent !important; box-shadow: none; backdrop-filter: none; }
.rd-p4-finance-tools > span{ display: none; }
.rd-p4-finance-tools > div{ display: flex; flex-wrap: wrap; gap: 8px; }
.rd-p4-finance-tools button{ min-height: 42px; border-radius: 14px; font-size: 14px; padding: 8px 14px; background: var(--card); color: var(--foreground); border-color: var(--border); }
.rd-p4-finance-tools button:hover{ color: var(--primary); border-color: var(--rd-ui-ring); }
.rd-dialog[data-slot=dialog-content], .rd-dialog[data-slot=alert-dialog-content]{ border-radius: 28px; padding: 28px; max-height: 88dvh; overscroll-behavior: contain; }
.rd-dialog > button[data-slot=dialog-close], .rd-dialog > button.absolute{ min-width: 38px; min-height: 38px; top: 16px; left: 16px; border-radius: 50%; background: var(--muted); }
.rd-dialog [data-slot=dialog-title]{ padding-inline-end: 40px; }
.channel-input-preview{ padding: 17px; border-radius: 20px; background: var(--secondary); border-color: var(--rd-ui-ring); }
.channel-input-preview > span{ min-width: 0; }
.channel-input-preview b, .channel-input-preview small{ overflow-wrap: anywhere; }
.rd-dialog .rd-form{ gap: 15px; }
.rd-dialog .rd-form > .rd-btn[type=submit]{ min-height: 54px; border-radius: 17px; }
.rd-dialog .rd-form > .tip{ font-size: .8125rem; padding: 14px 16px; border-radius: 17px; }
.support-messages{ scrollbar-color: #f973164a transparent; }
.support-ticket-title strong{ display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.thread-context{ font-size: .8125rem; }
.support-bubble p{ font-size: 1rem; }
.bubble-time{ font-size: .75rem; }
.rd-ticket-count{ flex-shrink: 0; min-width: 22px; height: 22px; padding: 0 6px; display: inline-grid; place-items: center; border-radius: 8px; background: #f97316; color: #fff; font-size: 12px; font-weight: 750; line-height: 1; }

/* Home-only support, above the mobile navigation and safe area. */
.rd-support-float{
  position: fixed; right: max(22px, env(safe-area-inset-right)); bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 46; display: flex; align-items: center; gap: 10px; direction: ltr;
  transition: opacity .2s ease, transform .25s ease, visibility .25s;
}
.rd-support-float.is-hidden{ opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(18px) scale(.94); }
.rd-support-trigger{
  width: 66px; height: 70px; padding: 10px 5px 7px; position: relative;
  border-radius: 23px 23px 10px 23px; border: 1px solid #ffffff2e;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  color: white; background: linear-gradient(145deg, #343c49, #1a222f);
  box-shadow: 0 9px 28px #14203330, inset 0 2px #ffffff10;
  transition: transform .2s, box-shadow .2s;
}
.rd-support-trigger > svg{ color: #ffab70; }
.rd-support-trigger:hover{ transform: translateY(-3px); box-shadow: 0 13px 30px #14203338; }
.rd-support-trigger:active{ transform: scale(.94); }
.rd-support-label{ direction: rtl; font-size: 12px; font-weight: 550; line-height: 1.5; }
.rd-support-count{
  position: absolute; top: -8px; right: -6px; min-width: 25px; height: 25px;
  padding: 0 5px; border: 3px solid var(--background); border-radius: 10px;
  color: white; background: #f97316; font-size: 12px; font-weight: 750; line-height: 1;
  display: grid; place-items: center;
}
.rd-support-hint{ background: var(--card); color: var(--foreground); border: 1px solid var(--border); border-radius: 13px; padding: 9px 13px; font-size: 14px; box-shadow: var(--rd-ui-shadow); opacity: 0; transform: translateX(5px); transition: .2s; pointer-events: none; }
.rd-support-float:hover .rd-support-hint, .rd-support-float:focus-within .rd-support-hint{ opacity: 1; transform: none; }
.app-shell:has([data-slot=dialog-content][data-state=open], [data-slot=alert-dialog-content][data-state=open]) .rd-support-float,
body:has(.rd-p2-modal, .rd-p2-overlay) .rd-support-float{ visibility: hidden; pointer-events: none; opacity: 0; }

/* Personal settings; existing profile and account actions stay connected. */
.profile-grid{ grid-template-columns: minmax(260px, .82fr) minmax(0, 1.35fr); gap: 25px; }
.profile-form{ border-radius: 28px; padding: 27px; }
.profile-header{ padding: 7px 0 24px; }
.large-avatar{ border-radius: 26px; border: 5px solid var(--card); outline: 1px solid var(--rd-ui-ring); box-shadow: 0 9px 24px #f9731615; }
.profile-links{ padding: 12px 20px; }
.profile-links button{ min-height: 56px; }
.profile-links button > span{ font-size: .875rem; }
.reset-demo:not(.rd-p2-logout):not([data-rd-live-account-action]){ display: none !important; }
.reset-demo[data-rd-live-account-action=logout], .rd-p2-logout{ border-radius: 16px; min-height: 48px; font-size: .875rem; }
.rd-settings{ display: grid; gap: 17px; min-width: 0; }
.rd-settings-intro{ display: flex; gap: 15px; align-items: center; border-radius: 26px; padding: 23px; border: 1px solid var(--rd-ui-ring); background: var(--secondary); }
.rd-settings-intro-mark{ display: grid; place-items: center; flex-shrink: 0; width: 52px; height: 56px; border-radius: 18px; background: var(--card); color: var(--primary); box-shadow: 0 5px 15px #f973160d; transform: rotate(-5deg); }
.rd-settings-intro-mark svg{ width: 25px; height: 25px; }
.rd-eyebrow{ color: var(--rd-ui-accent-ink); font-size: .75rem; font-weight: 600; }
.rd-settings-intro h2{ margin: 3px 0 4px; font-size: 1.1875rem; font-weight: 750; line-height: 1.7; }
.rd-settings-intro p{ color: var(--muted-foreground); font-size: .875rem; line-height: 1.9; }
.rd-settings-card.panel{ padding: 22px; }
.rd-section-heading{ display: flex; align-items: center; gap: 10px; margin-bottom: 21px; }
.rd-section-heading > span{ color: var(--primary); background: var(--secondary); padding: 4px 8px; border-radius: 9px; font-size: .75rem; font-weight: 600; }
.rd-section-heading h3{ font-size: 1rem; font-weight: 700; }
.rd-option-field{ border: 0; padding: 0; margin: 0 0 23px; min-width: 0; }
.rd-option-field legend{ font-size: .875rem; font-weight: 550; margin-bottom: 11px; }
.rd-options{ display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 8px; }
.rd-option{ cursor: pointer; position: relative; display: flex; gap: 7px; align-items: center; justify-content: center; flex-wrap: wrap; min-width: 0; min-height: 47px; padding: 10px 7px; border: 1px solid var(--border); border-radius: 14px; font-size: .875rem; line-height: 1.6; background: var(--background); color: var(--muted-foreground); }
.rd-option input{ position: absolute; opacity: 0; width: 1px; height: 1px; }
.rd-option:has(input:focus-visible){ outline: 3px solid #f9731680; outline-offset: 3px; }
.rd-option.is-active{ border-color: #f97316a0; color: var(--rd-ui-accent-ink); background: var(--secondary); box-shadow: 0 0 0 2px #f9731609; }
.rd-option-check{ position: absolute; left: 6px; top: 5px; color: var(--primary); width: 13px; }
.rd-theme-options .rd-option{ flex-direction: column; padding: 9px 9px 11px; gap: 9px; }
.rd-theme-preview{ position: relative; overflow: hidden; height: 59px; width: 100%; border: 1px solid #dadde2; border-radius: 9px; background: #f7f8fa; }
.rd-theme-preview i{ position: absolute; top: 0; bottom: 0; right: 0; width: 22%; border-left: 1px solid #e7e8ed; background: white; }
.rd-theme-preview > span{ position: absolute; top: 10px; right: 31%; width: 57%; height: 7px; border-radius: 3px; background: #dde1e7; }
.rd-theme-preview b{ position: absolute; top: 26px; right: 31%; width: 57%; height: 21px; border-radius: 5px; background: #ff923f; }
.rd-theme-preview.dark{ background: #20242c; border-color: #424855; }
.rd-theme-preview.dark i{ background: #2f3540; border-color: #424855; }
.rd-theme-preview.dark > span{ background: #4d5562; }
.rd-theme-preview.system{ background: linear-gradient(90deg, #20242c 50%, #f7f8fa 50%); }
.rd-setting-row{ padding: 17px 0; border-top: 1px solid var(--border); display: flex; gap: 11px; align-items: center; }
.rd-setting-row:last-child{ padding-bottom: 0; }
.rd-setting-row.is-disabled{ opacity: .5; }
.rd-setting-icon{ display: grid; place-items: center; width: 38px; height: 38px; border-radius: 13px; background: var(--muted); color: var(--muted-foreground); flex-shrink: 0; }
.rd-setting-copy{ flex: 1; min-width: 0; }
.rd-setting-copy label{ font-size: .875rem; font-weight: 600; line-height: 1.8; cursor: pointer; }
.rd-setting-copy p{ font-size: .8125rem; color: var(--muted-foreground); line-height: 1.9; margin-top: 4px; }
.rd-setting-switch[data-slot=switch]{ width: 42px; height: 24px; border-radius: 99px; flex-shrink: 0; box-shadow: none; position: relative; }
.rd-setting-switch::before{ content: ""; position: absolute; inset: -10px -3px; }
.rd-setting-switch[data-state=checked]{ background: #f97316; }
.rd-setting-switch[data-state=unchecked]{ background: #a6adba; }
.rd-setting-switch [data-slot=switch-thumb]{ width: 18px; height: 18px; background: #fff; }
.rd-setting-switch [data-slot=switch-thumb][data-state=checked]{ transform: translateX(20px); }
.rd-setting-switch [data-slot=switch-thumb][data-state=unchecked]{ transform: translateX(2px); }
.rd-support-setting-link{ width: 100%; display: flex; gap: 13px; align-items: center; text-align: start; padding: 16px; margin-bottom: 7px; border-radius: 18px; background: var(--secondary); color: var(--foreground); }
.rd-support-setting-icon{ color: var(--primary); flex-shrink: 0; }
.rd-support-setting-link > span:nth-child(2){ flex: 1; }
.rd-support-setting-link strong{ display: block; font-size: .9375rem; font-weight: 650; }
.rd-support-setting-link small{ color: var(--muted-foreground); display: block; margin-top: 4px; font-size: .8125rem; line-height: 1.8; }
.rd-support-setting-link > svg{ color: var(--primary); }
.rd-settings-footnote{ color: var(--muted-foreground); font-size: .75rem; line-height: 1.95; padding-top: 15px; margin-top: 14px; border-top: 1px dashed var(--border); }
.rd-reset-appearance{ min-height: 48px; border: 1px dashed var(--border); border-radius: 15px; display: flex; gap: 9px; justify-content: center; align-items: center; padding: 12px; font-size: .875rem; color: var(--muted-foreground); }
.rd-reset-appearance:hover{ color: var(--primary); border-color: var(--rd-ui-ring); }
.rd-visually-hidden{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.rd-next-step{ display: flex; gap: 16px; align-items: center; padding: 21px 24px; border: 1px solid var(--rd-ui-ring); border-radius: 23px; background: var(--card); margin: -3px 0 22px; box-shadow: var(--rd-ui-shadow); }
.rd-next-icon{ width: 47px; height: 50px; border-radius: 16px; display: grid; place-items: center; color: var(--primary); background: var(--secondary); flex-shrink: 0; }
.rd-next-copy{ min-width: 0; flex: 1; }
.rd-next-copy h2{ font-size: 1rem; font-weight: 650; margin: 3px 0; line-height: 1.8; }
.rd-next-copy p{ color: var(--muted-foreground); font-size: .875rem; line-height: 1.9; overflow-wrap: anywhere; }
.rd-next-action{ display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 14px; border: 1px solid var(--rd-ui-ring); background: var(--secondary); color: var(--rd-ui-accent-ink); font-size: .875rem; padding: 11px 15px; min-height: 45px; flex-shrink: 0; }
.rd-next-action:hover{ background: #b3480d; color: white; }
.dark{ --rd-ui-shadow: 0 8px 26px #00000012, inset 0 1px #ffffff03; --rd-ui-accent-ink: #ffab70; }
.dark .rd-support-trigger{ background: linear-gradient(145deg, #3c4553, #262e3c); border-color: #ffab7040; box-shadow: 0 9px 28px #00000040; }
html[data-rd-density=compact] .panel{ padding: 19px; }
html[data-rd-density=compact] .stat-card, html[data-rd-density=compact] .order-card{ padding: 16px; }
html[data-rd-density=compact] .main-content{ padding-top: 20px; }
html[data-rd-density=compact] .page-title{ margin-bottom: 17px; }
html[data-rd-density=compact] .hero-grid, html[data-rd-density=compact] .stats-grid,
html[data-rd-density=compact] .dashboard-main-grid, html[data-rd-density=compact] .orders-grid{ gap: 13px; }
html[data-rd-density=compact] .rd-next-step{ padding: 16px 19px; }
@media (min-width: 761px) {
  .rd-support-float{ right: 259px; }
}
@media (max-width: 1100px) {
  .profile-grid{ grid-template-columns: minmax(0, 1fr); }
  .topbar{ margin-inline: 20px; }
}
@media (max-width: 760px) {
  html{ scroll-padding-top: 99px; }
  .workspace{ padding-bottom: calc(125px + env(safe-area-inset-bottom)); }
  .topbar{ margin: 10px 13px 0; top: calc(8px + env(safe-area-inset-top)); padding: 11px 12px; border-radius: 23px; min-height: 66px; gap: 9px; flex-wrap: wrap; }
  .mobile-brand{ gap: 8px; min-width: 0; }
  
  
  .mobile-brand > b{ font-size: 1.3rem; letter-spacing: -.4px; }
  .topbar-actions{ gap: 6px; margin-inline-start: auto; }
  .topbar .icon-btn{ width: 36px; min-width: 36px; height: 39px; border-radius: 13px; }
  .topbar .top-avatar{ display: none; }
  .topbar [data-rd-header-action=admin],
  .topbar a.rd-p2-api-badge[href*="/admin"]{ min-width: 47px; height: 39px; padding: 0 7px; border-radius: 12px; }
  .main-content{ padding: 24px 18px 20px; }
  .page-title h1{ font-size: 1.45rem; }
  .page-title p{ font-size: .875rem; line-height: 1.9; }
  .panel{ border-radius: 24px; }
  .rd-date{ font-size: .75rem; }
  .rd-support-float{ right: max(20px, env(safe-area-inset-right)); bottom: calc(123px + env(safe-area-inset-bottom)); }
  .rd-support-trigger{ width: 60px; height: 66px; border-radius: 22px 22px 10px 22px; }
  .rd-support-hint{ display: none; }
  .bottom-nav{ border-radius: 29px; box-shadow: 0 14px 40px #14203318; padding: 10px 7px; background: color-mix(in srgb, var(--card) 94%, transparent); }
  .bottom-nav small, .bottom-nav > .nav-grow small{ font-size: .75rem; }
  .bottom-nav > .nav-grow > span{ background: linear-gradient(140deg, #ff9a45, #f7771c); box-shadow: 0 7px 22px #f9731638; }
  .rd-p4-finance-tools{ align-items: stretch; margin-bottom: 20px; }
  .rd-p4-finance-tools > div{ justify-content: flex-end; }
  .profile-form{ padding: 23px 20px; }
  .profile-grid, .profile-side{ gap: 20px; }
  .rd-settings-intro{ padding: 20px 17px; gap: 12px; }
  .rd-settings-intro h2{ font-size: 1.125rem; }
  .rd-settings-intro-mark{ width: 45px; height: 49px; }
  .rd-settings-card.panel{ padding: 21px 17px; }
  .rd-options{ gap: 7px; }
  .rd-option{ font-size: .875rem; }
  .rd-setting-row{ gap: 9px; padding: 17px 0; }
  .rd-setting-icon{ width: 33px; height: 35px; border-radius: 11px; }
  .rd-setting-copy p{ font-size: .8125rem; }
  .rd-setting-switch[data-slot=switch]{ margin-inline-start: 3px; }
  .rd-next-step{ padding: 18px; gap: 12px; flex-wrap: wrap; border-radius: 23px; }
  .rd-next-copy{ flex-basis: calc(100% - 63px); }
  .rd-next-action{ width: 100%; min-height: 47px; justify-content: space-between; }
  .quick-actions{ gap: 9px; }
  .quick-actions > button{ padding: 15px 11px; min-height: 139px; }
  .rd-dialog[data-slot=dialog-content], .rd-dialog[data-slot=alert-dialog-content]{ max-width: calc(100% - 28px); padding: 24px 19px; max-height: 86dvh; border-radius: 27px; }
  .rd-dialog .floating-field [data-slot=input]{ min-height: 62px; }
  .rd-dialog .rd-form > .rd-btn[type=submit]{ min-height: 55px; font-size: .9375rem; }
}
@media (max-width: 370px) {
  .topbar{ margin-inline: 9px; padding-inline: 10px; gap: 7px; }
  .mobile-brand > b{ font-size: 1.1rem; }
  .mobile-brand{ gap: 6px; }
  
  .topbar-actions{ gap: 4px; }
  .topbar .icon-btn{ width: 32px; min-width: 32px; }
  .main-content{ padding-inline: 14px; }
  .rd-settings-card.panel{ padding-inline: 15px; }
  .rd-setting-icon{ display: none; }
  .rd-option{ padding-inline: 3px; font-size: .8125rem; }
}
@media (prefers-reduced-motion: reduce) {
  .rd-support-float, .rd-support-trigger, .rd-support-hint, .rd-option{ transition: none !important; }
}
@media print { .rd-support-float, .rd-next-action, .rd-reset-appearance{ display: none !important; } }



:root{ --rd-mobile-gap: 14px; }

/* Keep cards and their copy visually aligned; prevent oversized labels/badges from breaking cards. */
.panel, .order-card, .channel-card, .stat-card, .support-ticket, .wallet-overview{ min-width: 0; }
.panel *, .order-card *, .channel-card *, .stat-card *, .support-ticket *, .wallet-overview *{ min-width: 0; }
.panel p, .panel small, .order-card p, .order-card small, .channel-card p, .channel-card small,
.ticket-preview, .field-hint, .floating-hint{ overflow-wrap: anywhere; }
.floating-control, .floating-field, .floating-field input, .floating-field textarea{ width: 100%; max-width: 100%; }
.floating-field input, .floating-field textarea{ font-family: inherit; line-height: 1.7; }
.status, .ticket-status, .nav-count{ width: fit-content; max-width: 100%; }

/* Operation feedback: keep the user in context instead of swapping to a full-page loader. */
html[data-rd-operation-busy] .loading-page,
.loading-page[data-rd-operation-loader=true]{ display: none !important; }
.rd-btn[data-rd-submitting]{ position: relative; pointer-events: none; user-select: none; overflow: hidden; }
.rd-btn[data-rd-submitting] > *{ opacity: 0 !important; }
.rd-btn[data-rd-submitting]{ color: transparent !important; }
.rd-btn[data-rd-submitting]::before{
  content: ""; width: 17px; height: 17px; border: 2px solid currentColor; border-left-color: transparent;
  border-radius: 50%; position: absolute; top: 50%; right: calc(50% - 66px); transform: translateY(-50%);
  color: #fff; animation: rdButtonSpin .7s linear infinite;
}
.rd-btn[data-rd-submitting]::after{
  content: attr(data-rd-pending-label); color: #fff; position: absolute; inset: 0; display: grid; place-items: center;
  font-weight: 750; letter-spacing: -.1px;
}
.rd-btn.secondary[data-rd-submitting]::after, .rd-btn.ghost[data-rd-submitting]::after{ color: var(--foreground); }
.rd-btn.secondary[data-rd-submitting]::before, .rd-btn.ghost[data-rd-submitting]::before{ color: var(--primary); }
@keyframes rdButtonSpin { to { transform: translateY(-50%) rotate(360deg); } }

/* Make the bridge startup state feel lighter: page remains visible while the compact status sits on top. */


/* Floating support: deliberately obvious and above mobile navigation. */
.rd-support-float{ z-index: 1200 !important; }
.rd-support-trigger{ isolation: isolate; }
.rd-support-trigger::before{ content: ""; position: absolute; inset: -6px; border-radius: inherit; border: 1px solid #f9731633; animation: rdSupportPulse 2.8s ease-out infinite; pointer-events: none; }
@keyframes rdSupportPulse { 0%,45% { opacity: .65; transform: scale(.92) } 80%,100% { opacity: 0; transform: scale(1.28) } }

/* Profile now ends with a clean entry point instead of dumping every setting into the page. */
.rd-more-settings{
  width: 100%; min-height: 76px; display: flex; align-items: center; gap: 13px; text-align: start;
  padding: 14px 15px; border: 1px solid var(--border); border-radius: 20px; background: var(--card); color: var(--foreground);
  box-shadow: var(--rd-ui-shadow); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.rd-more-settings:hover{ border-color: var(--rd-ui-ring); box-shadow: 0 12px 32px #1420330d; transform: translateY(-1px); }
.rd-more-settings:active{ transform: scale(.985); }
.rd-more-settings-icon{ width: 44px; height: 46px; display: grid; place-items: center; border-radius: 15px; color: var(--primary); background: var(--secondary); flex: 0 0 auto; }
.rd-more-settings-copy{ flex: 1; min-width: 0; }
.rd-more-settings-copy strong{ display: block; font-size: .95rem; font-weight: 750; line-height: 1.7; }
.rd-more-settings-copy small{ display: block; color: var(--muted-foreground); margin-top: 2px; line-height: 1.8; font-size: .78rem; }
.rd-more-settings > svg{ flex: 0 0 auto; color: var(--primary); }

.rd-settings-sheet{ position: fixed; inset: 0; z-index: 2400; display: grid; place-items: end center; padding: 0; direction: rtl; }
.rd-settings-backdrop{ position: absolute; inset: 0; border: 0; background: #11182766; backdrop-filter: blur(5px); }
.rd-settings-surface{ position: relative; width: min(720px, 100%); max-height: min(92dvh, 900px); overflow: hidden; border-radius: 30px 30px 0 0; background: var(--background); border: 1px solid var(--border); border-bottom: 0; box-shadow: 0 -24px 70px #11182728; animation: rdSheetIn .25s cubic-bezier(.2,.8,.2,1); }
@keyframes rdSheetIn { from { transform: translateY(28px); opacity: .5 } to { transform: none; opacity: 1 } }
.rd-settings-sheet-head{ display: flex; align-items: flex-start; gap: 14px; padding: 19px 20px 15px; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--background) 92%, transparent); backdrop-filter: blur(16px); }
.rd-settings-sheet-head > div{ flex: 1; }
.rd-settings-sheet-head h2{ margin: 2px 0 3px; font-size: 1.15rem; line-height: 1.7; }
.rd-settings-sheet-head p{ color: var(--muted-foreground); font-size: .8rem; line-height: 1.8; }
.rd-settings-close{ width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 14px; background: var(--muted); color: var(--foreground); font-size: 26px; line-height: 1; }
.rd-settings-scroll{ overflow-y: auto; overscroll-behavior: contain; max-height: calc(min(92dvh, 900px) - 90px); padding: 16px 18px calc(24px + env(safe-area-inset-bottom)); display: grid; gap: 14px; }
.rd-settings-scroll .rd-settings-intro, .rd-settings-scroll .rd-settings-card{ margin: 0; }
.rd-settings-card.panel{ padding: 18px; }
.rd-settings-card .rd-section-heading{ margin-bottom: 16px; }
.rd-settings-card .rd-option-field{ margin-bottom: 16px; }
.rd-settings-card .rd-setting-row{ margin-top: 9px; padding: 13px; border: 1px solid var(--border); border-radius: 17px; background: color-mix(in srgb, var(--card) 96%, var(--muted)); }
.rd-settings-card .rd-setting-row + .rd-setting-row{ margin-top: 9px; }
.rd-settings-card .rd-setting-icon{ width: 40px; height: 40px; background: var(--secondary); color: var(--primary); }
.rd-settings-card .rd-setting-copy label{ font-weight: 700; }
.rd-settings-card .rd-setting-copy p{ margin-top: 2px; line-height: 1.75; }
.rd-settings-card .rd-support-setting-link{ margin-bottom: 10px; border: 1px solid var(--rd-ui-ring); }
.rd-settings-card .rd-options{ grid-auto-flow: unset; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); }
.rd-settings-card .rd-theme-options{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* More generous Sonner toasts for completed operations. */
[data-sonner-toaster] [data-sonner-toast]{ border-radius: 18px !important; padding: 14px 15px !important; box-shadow: 0 18px 50px #1420331f !important; }
[data-sonner-toaster] [data-sonner-toast][data-type=success]{ border-color: #16a34a35 !important; }

@media (max-width: 760px) {
  .profile-grid{ gap: 14px !important; }
  .profile-side{ gap: 14px !important; }
  .profile-form{ padding: 19px 16px !important; }
  .profile-links{ padding: 12px !important; }
  .profile-links > button{ min-height: 54px; padding: 11px 12px; border-radius: 15px; gap: 11px; }
  .profile-links > button + button{ margin-top: 7px; }
  .rd-more-settings{ min-height: 72px; border-radius: 19px; }
  .rd-settings-surface{ max-height: 94dvh; border-radius: 26px 26px 0 0; }
  .rd-settings-sheet-head{ padding: 16px 16px 13px; }
  .rd-settings-scroll{ max-height: calc(94dvh - 82px); padding: 13px 13px calc(24px + env(safe-area-inset-bottom)); gap: 11px; }
  .rd-settings-scroll .rd-settings-intro{ padding: 16px 14px; }
  .rd-settings-card.panel{ padding: 14px 12px; border-radius: 20px; }
  .rd-settings-card .rd-setting-row{ padding: 12px 11px; gap: 10px; border-radius: 16px; }
  .rd-settings-card .rd-setting-icon{ display: grid !important; width: 37px; height: 39px; border-radius: 13px; }
  .rd-settings-card .rd-setting-copy label{ font-size: .86rem; }
  .rd-settings-card .rd-setting-copy p{ font-size: .76rem; }
  .rd-settings-card .rd-option{ min-height: 48px; padding: 9px 6px; }
  .rd-settings-card .rd-theme-preview{ height: 48px; }
  .rd-settings-card .rd-setting-switch[data-slot=switch]{ margin-inline-start: 4px; }

  .rd-support-float{ right: max(15px, env(safe-area-inset-right)) !important; bottom: calc(112px + env(safe-area-inset-bottom)) !important; }
  .rd-support-trigger{ width: 62px !important; height: 64px !important; border-radius: 21px 21px 9px 21px !important; box-shadow: 0 12px 32px #14203335 !important; }
  .rd-support-label{ font-size: 11px; }
  .rd-support-count{ top: -7px; right: -7px; }

  .main-content{ overflow-x: clip; }
  .panel, .order-card, .channel-card, .stat-card{ max-width: 100%; }
  .status, .ticket-status{ font-size: .72rem; padding-inline: 8px; line-height: 1.55; }
  .floating-field input, .floating-field textarea{ font-size: 16px !important; }
  .floating-field label{ max-width: calc(100% - 34px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rd-dialog .rd-form{ gap: 13px; }
  .rd-dialog .rd-form > .rd-btn[type=submit]{ width: 100%; }

  [data-sonner-toaster]{ width: calc(100% - 24px) !important; left: 12px !important; right: 12px !important; top: calc(12px + env(safe-area-inset-top)) !important; }
  [data-sonner-toaster] [data-sonner-toast]{ width: 100% !important; min-height: 62px; }
}

@media (max-width: 370px) {
  .rd-settings-card .rd-theme-options{ grid-template-columns: 1fr; }
  .rd-settings-card .rd-options{ grid-template-columns: 1fr 1fr; }
  .rd-more-settings-copy small{ font-size: .73rem; }
}

@media (prefers-reduced-motion: reduce) {
  .rd-support-trigger::before, .rd-settings-surface, .rd-btn[data-rd-submitting]::before{ animation: none !important; }
}