/* JayLex Studio. Final visual layer over the original working cabinet.
   Native visibility, expansion, panel state and business handlers remain owned by the application. */

html body {
  --studio-bg: #0b0d1b;
  --studio-sidebar: #101426;
  --studio-surface: #151a30;
  --studio-raised: #1b2038;
  --studio-input: #101526;
  --studio-ink: #f2f4fc;
  --studio-secondary: #b0b9d0;
  --studio-muted: #939fbb;
  --studio-accent: #9c7af3;
  --studio-accent-soft: rgba(156,122,243,.12);
  --studio-line: rgba(181,190,225,.12);
  --studio-line-strong: rgba(171,144,244,.29);
  --studio-primary: linear-gradient(135deg,#7451dc,#815bde);
  --studio-shadow: 0 16px 48px rgba(3,7,22,.2);
  --studio-glow: 0 8px 28px rgba(105,70,185,.14);
  --studio-radius: 20px;
  --studio-sidebar-width: 244px;
  --bg-primary: var(--studio-bg) !important;
  --bg-secondary: var(--studio-sidebar) !important;
  --bg-card: var(--studio-surface) !important;
  --bg-surface: var(--studio-surface) !important;
  --bg-card-hover: var(--studio-raised) !important;
  --bg-surface-hover: var(--studio-raised) !important;
  --text-primary: var(--studio-ink) !important;
  --text-secondary: var(--studio-secondary) !important;
  --text-muted: var(--studio-muted) !important;
  --accent: var(--studio-accent) !important;
  --accent-primary: var(--studio-accent) !important;
  --accent-hover: #b79bf8 !important;
  --accent-glow: var(--studio-accent-soft) !important;
  --border-color: var(--studio-line) !important;
  --border-subtle: var(--studio-line) !important;
  --border-accent: var(--studio-line-strong) !important;
  --gradient-accent: var(--studio-primary) !important;
  --glass-unified-bg: var(--studio-surface) !important;
  --glass-bg: var(--studio-surface) !important;
  --glass-bg-elevated: var(--studio-raised) !important;
  --glass-border: var(--studio-line) !important;
  --glass-unified-border: 1px solid var(--studio-line) !important;
  --glass-unified-shadow: var(--studio-shadow) !important;
  --glass-unified-blur: blur(18px) !important;
  --header-glass-bg: var(--studio-sidebar) !important;
  --v10-bg: var(--studio-bg) !important;
  --v10-bg-soft: var(--studio-sidebar) !important;
  --v10-surface: var(--studio-surface) !important;
  --v10-surface-solid: var(--studio-surface) !important;
  --v10-surface-raised: var(--studio-raised) !important;
  --v10-border: var(--studio-line) !important;
  --v10-border-strong: var(--studio-line-strong) !important;
  --v10-text: var(--studio-ink) !important;
  --v10-secondary: var(--studio-secondary) !important;
  --v10-muted: var(--studio-muted) !important;
  --v10-accent: var(--studio-accent) !important;
  --v10-accent-2: #b98ddc !important;
  --v10-accent-soft: var(--studio-accent-soft) !important;
  --v10-shadow: var(--studio-shadow) !important;
  --v10-shadow-soft: 0 8px 24px rgba(3,7,22,.12) !important;
  --v10-safe-top: env(safe-area-inset-top,0px) !important;
  color-scheme: dark;
  background: var(--studio-bg) !important;
  color: var(--studio-ink) !important;
  font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
}
html body.light-theme {
  --studio-bg: #f7f8fd;
  --studio-sidebar: #fff;
  --studio-surface: #fff;
  --studio-raised: #f0edf9;
  --studio-input: #f7f8fd;
  --studio-ink: #20273d;
  --studio-secondary: #626c85;
  --studio-muted: #68718b;
  --studio-accent: #7046c6;
  --studio-accent-soft: rgba(112,70,198,.08);
  --studio-line: rgba(48,54,92,.1);
  --studio-line-strong: rgba(112,70,198,.27);
  --studio-primary: linear-gradient(135deg,#7046c6,#7850cf);
  --studio-shadow: 0 14px 40px rgba(50,44,93,.055);
  --studio-glow: 0 8px 28px rgba(112,70,198,.1);
  --accent-hover: #603ab4 !important;
  color-scheme: light;
}
html:has(body .app-shell) { background: #0b0d1b; }
html:has(body.light-theme .app-shell) { background: #f7f8fd; }
html body::before {
  inset: 0 !important; width: 100% !important; height: 100% !important;
  background: radial-gradient(ellipse 700px 440px at 80% -10%,rgba(123,80,198,.12),transparent 70%) !important;
  animation: none !important; transform: none !important;
}
html body::after { opacity: .01 !important; }
html body.light-theme::before { opacity: .35; }
html body :is(.blob,.animated-background) { opacity: 0 !important; pointer-events: none !important; }
html body :is(.app-shell,.main-content,.view,.content-wrapper) { min-width: 0; }
html body .app-shell { background: transparent !important; }
html body .main-content {
  padding: 34px 38px 40px !important;
  background: radial-gradient(ellipse 70% 44% at 95% -12%,rgba(117,73,217,.14),transparent 70%),radial-gradient(ellipse 55% 50% at -15% 85%,rgba(91,66,169,.065),transparent 70%) !important;
}
html body .main-content .content-wrapper { width: 100% !important; max-width: 1176px !important; }
html body .main-content :is(h2,h3,h4) { color: var(--studio-ink); text-shadow: none !important; }
html body .main-content :is(h2,.neon-title,.services-title,.notify-header) {
  font-size: clamp(24px,2.2vw,32px) !important; font-weight: 720 !important; letter-spacing: -.045em !important;
}
html body .main-content :is(.section-header h3,.dashboard-control-header h3) {
  font-size: 19px !important; font-weight: 650 !important; letter-spacing: -.035em !important;
}
html body :is(button,a,input,textarea,select,[role=button]):focus-visible {
  outline: 2px solid var(--studio-accent) !important; outline-offset: 4px !important;
}
html body :is(button,a) { -webkit-tap-highlight-color: transparent; }
html body :is(input,textarea,select) { accent-color: var(--studio-accent); }

/* A quiet navigation rail with one clear current destination. */
html body .app-shell .sidebar {
  width: var(--studio-sidebar-width) !important; padding: 30px 18px 20px !important;
  background: var(--studio-sidebar) !important; border: 0 !important;
  border-inline-end: 1px solid var(--studio-line) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
html body .sidebar .brand { gap: 0 !important; margin: 0 10px 28px !important; padding: 0 !important; }
html body .sidebar .logo-icon { width: 44px !important; height: 44px !important; flex: none; }
html body .sidebar .logo-img { width: 44px !important; height: 44px !important; filter: none !important; }
html body .sidebar .brand-text-gradient {
  font-size: 27px !important; font-weight: 750 !important; letter-spacing: -.05em !important;
  background: none !important; -webkit-text-fill-color: var(--studio-ink) !important;
  color: var(--studio-ink) !important; filter: none !important; direction: ltr;
}
html body .sidebar .beta-badge {
  font-size: 8px !important; background: var(--studio-accent-soft) !important; color: var(--studio-accent) !important;
  border: 1px solid var(--studio-line-strong) !important; box-shadow: none !important; padding: 3px 5px !important;
}
html body .sidebar .sidebar-actions-row { margin: 0 5px 27px !important; gap: 10px !important; }
html body .sidebar :is(.lang-dropdown-toggle,.theme-switcher) {
  background: var(--studio-input) !important; border: 1px solid var(--studio-line) !important;
  color: var(--studio-secondary) !important; border-radius: 10px !important; min-height: 40px;
  box-shadow: none !important;
}
html body .sidebar .theme-btn { background: transparent !important; color: var(--studio-muted) !important; }
html body:not(.light-theme) .sidebar .theme-btn[data-theme=dark],
html body.light-theme .sidebar .theme-btn[data-theme=light] {
  background: var(--studio-accent-soft) !important; color: var(--studio-accent) !important; box-shadow: none !important;
}
html body .sidebar .lang-dropdown-menu {
  background: var(--studio-raised) !important; border: 1px solid var(--studio-line) !important;
  border-radius: 14px !important; box-shadow: var(--studio-shadow) !important; padding: 6px !important;
}
html body .sidebar .lang-dropdown-menu button { color: var(--studio-secondary) !important; min-height: 42px; border-radius: 8px; }
html body .sidebar .lang-dropdown-menu button:is(:hover,.active) { color: var(--studio-accent) !important; background: var(--studio-accent-soft) !important; }
html body .custom-lang-dropdown:not(.open) .lang-dropdown-menu { display: none !important; }
html body .custom-lang-dropdown.open .lang-dropdown-menu { display: block !important; }
html body .sidebar .sidebar-nav { gap: 5px !important; }
html body .sidebar .nav-item {
  position: relative; min-height: 49px !important; padding: 12px 15px !important; gap: 12px !important;
  border: 1px solid transparent !important; background: transparent !important;
  color: var(--studio-secondary) !important; border-radius: 12px !important; margin-bottom: 2px !important;
  font-size: 13px !important; letter-spacing: -.015em !important; text-align: start !important;
  box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  transition: color .18s,background .18s,border-color .18s !important;
}
html body .sidebar .nav-item > i { font-size: 20px !important; opacity: .9; }
html body .sidebar .nav-item:hover { background: var(--studio-accent-soft) !important; color: var(--studio-ink) !important; transform: none !important; }
html body .sidebar .nav-item.active {
  background: var(--studio-accent-soft) !important; border-color: var(--studio-line-strong) !important;
  color: var(--studio-accent) !important; font-weight: 650 !important;
}
html body .sidebar .sidebar-footer { border-top: 1px solid var(--studio-line) !important; margin-top: 24px !important; padding-top: 20px !important; }
html body .sidebar .user-info {
  background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important;
  border-radius: 15px !important; padding: 15px 11px !important; box-shadow: none !important;
}
html body .sidebar :is(.user-details strong,.user-info-label) { color: var(--studio-ink) !important; }
html body .sidebar :is(.user-sync-status,.sidebar-legal-links a) { color: var(--studio-muted) !important; }
html body .sidebar .sidebar-legal-links { gap: 6px !important; padding-top: 15px !important; }
html body .sidebar .sidebar-legal-links a { font-size: 10px !important; min-height: 30px; }
html body .sidebar :is(.user-avatar,.collapse-sidebar-btn) { background: var(--studio-accent-soft) !important; color: var(--studio-accent) !important; border-color: var(--studio-line) !important; box-shadow: none !important; }

/* Original overview and subscriptions: crisp numbers, warm brand color, readable detail. */
html body .main-content .dashboard-control-header { margin: 2px 0 18px !important; padding: 6px 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body .main-content .dashboard { grid-template-columns: 1.35fr repeat(3,minmax(0,1fr)) !important; gap: 15px !important; margin-bottom: 31px !important; }
html body .main-content :is(.stat-card,.neon-stat-card) {
  background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important;
  border-radius: var(--studio-radius) !important; padding: 23px !important;
  box-shadow: 0 5px 24px rgba(3,7,22,.05) !important; backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important; min-width: 0 !important;
}
html body .main-content :is(.stat-card.main,.neon-stat-card.monthly) {
  background: linear-gradient(140deg,var(--studio-surface),var(--studio-raised)) !important;
  border-color: var(--studio-line-strong) !important; box-shadow: var(--studio-glow) !important;
}
html body .main-content :is(.stat-card::before,.stat-card::after,.neon-stat-card .neon-glow) { opacity: .12 !important; animation: none !important; }
html body .main-content :is(.stat-label,.next-date-text,.budget-text,.stat-label-flex) {
  color: var(--studio-secondary) !important; font-size: 11px !important; font-weight: 550 !important;
  letter-spacing: .015em !important; text-transform: none !important; line-height: 1.6 !important;
}
html body .main-content :is(.stat-value,.stat-value-large) {
  color: var(--studio-ink) !important; font-size: clamp(25px,2.7vw,38px) !important;
  font-weight: 650 !important; letter-spacing: -.055em !important; line-height: 1.2 !important;
  text-shadow: none !important; animation: none !important; -webkit-text-fill-color: currentColor !important;
}
html body .main-content .stat-value.small { font-size: 27px !important; }
html body .main-content :is(.stat-icon,.stat-icon-wrapper) {
  width: 38px !important; height: 38px !important; border-radius: 11px !important;
  color: var(--studio-accent) !important; background: var(--studio-accent-soft) !important;
  box-shadow: none !important; font-size: 19px !important; margin-bottom: 17px !important;
}
html body .main-content .budget-progress-bg { height: 4px !important; background: var(--studio-line) !important; border-radius: 10px !important; }
html body .main-content .budget-progress-fill { background: var(--studio-primary) !important; box-shadow: none !important; }
html body .main-content .section-header { margin: 14px 0 21px !important; gap: 16px !important; }
html body .main-content .header-actions { gap: 8px !important; flex-wrap: wrap; }
html body .main-content :is(.export-btn,.glass-btn,.filter-add-btn-fixed,.filter-scroll-btn,.cal-nav-btn) {
  min-height: 42px !important; border-radius: 11px !important; background: var(--studio-surface) !important;
  border: 1px solid var(--studio-line) !important; color: var(--studio-secondary) !important;
  box-shadow: none !important; transition: color .18s,border-color .18s !important;
}
html body .main-content :is(.add-btn,.btn-submit,.btn-primary,.btn-glow,.pro-upgrade-btn,.add-from-catalog-btn) {
  background: var(--studio-primary) !important; color: #fff !important; border: 1px solid transparent !important;
  border-radius: 11px !important; min-height: 44px !important; font-size: 13px !important;
  font-weight: 650 !important; box-shadow: var(--studio-glow) !important; text-shadow: none !important;
}
html body .main-content :is(.filter-bar-wrapper,.category-filters,.categories-control-wrapper) { background: transparent !important; border-color: var(--studio-line) !important; box-shadow: none !important; }
html body .main-content :is(.filter-chip,.category-filter-btn,.country-btn,.analytics-tab,.trend-btn,.font-chip) {
  min-height: 38px !important; padding: 8px 13px !important; border-radius: 10px !important;
  color: var(--studio-secondary) !important; background: var(--studio-surface) !important;
  border: 1px solid var(--studio-line) !important; font-size: 11px !important; font-weight: 550 !important;
  box-shadow: none !important; text-shadow: none !important;
}
html body .main-content :is(.filter-chip.active,.category-filter-btn.active,.country-btn.active,.analytics-tab.active,.trend-btn.active,.font-chip.active) {
  color: var(--studio-accent) !important; background: var(--studio-accent-soft) !important;
  border-color: var(--studio-line-strong) !important; font-weight: 650 !important;
}
html body .main-content #sub-list { gap: 15px !important; padding: 4px 1px 24px !important; }
html body .main-content .sub-wrapper { min-width: 0 !important; }
html body .main-content .sub-item {
  border: 1px solid var(--studio-line) !important; background: var(--studio-surface) !important;
  border-radius: var(--studio-radius) !important; box-shadow: 0 5px 22px rgba(3,7,22,.07) !important;
  padding: 24px !important; min-width: 0 !important; margin-bottom: 0 !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html body .main-content .sub-item:hover { border-color: var(--studio-line-strong) !important; box-shadow: var(--studio-glow) !important; transform: none !important; }
html body .main-content .sub-item.expanded { background: var(--studio-raised) !important; border-color: var(--studio-line-strong) !important; }
html body .main-content .sub-item .corner-glow { opacity: .075 !important; filter: blur(28px) !important; }
html body .main-content .sub-icon-outer {
  border-radius: 15px !important; box-shadow: none !important; transform: none !important;
  border: 1px solid rgba(255,255,255,.08) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html body .main-content .sub-title-text { color: var(--studio-ink) !important; font-size: 18px !important; font-weight: 650 !important; letter-spacing: -.035em !important; }
html body .main-content .sub-price { color: var(--studio-ink) !important; font-size: 27px !important; font-weight: 650 !important; letter-spacing: -.05em !important; text-shadow: none !important; }
html body .main-content :is(.price-cycle,.next-date-label,.notes-text,.sub-meta,.sub-category-row) { color: var(--studio-secondary) !important; font-size: 11px !important; line-height: 1.7 !important; }
html body .main-content :is(.badge,.category-badge,.plan-badge) { box-shadow: none !important; border-radius: 6px !important; font-size: 9px !important; letter-spacing: .025em !important; }
html body .main-content :is(.progress-track,.payment-progress-container) { box-shadow: none !important; }
html body .main-content .progress-track { background: var(--studio-line) !important; height: 4px !important; }
html body .main-content .progress-fill { box-shadow: none !important; }
html body .main-content :is(.edit-btn,.delete-btn,.btn-cancel-card,.neon-action-btn,.bell-indicator) { box-shadow: none !important; text-shadow: none !important; border-radius: 10px !important; }

/* The genuine service catalogue and plan details. */
html body .main-content .services-header { padding: 4px 0 23px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body .main-content .services-title-row { gap: 14px !important; margin-bottom: 23px !important; }
html body .main-content .services-title { color: var(--studio-ink) !important; background: none !important; -webkit-text-fill-color: currentColor !important; flex-wrap: wrap; }
html body .main-content :is(.services-search,.sc-search-container) {
  background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important;
  border-radius: 13px !important; box-shadow: none !important; min-height: 52px !important;
}
html body .main-content .services-search input { color: var(--studio-ink) !important; font-size: 13px !important; min-height: 50px; background: transparent !important; }
html body .main-content :is(input::placeholder,textarea::placeholder) { color: var(--studio-muted) !important; opacity: 1; }
html body .main-content .services-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 15px !important; padding: 4px 1px 35px !important; }
html body .main-content .service-card {
  background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important;
  border-radius: 18px !important; padding: 23px 21px !important; box-shadow: none !important; min-width: 0 !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html body .main-content .service-card:hover { border-color: var(--studio-line-strong) !important; box-shadow: var(--studio-glow) !important; transform: translateY(-2px) !important; }
html body .main-content .service-card-icon-wrapper { width: 48px !important; height: 48px !important; border-radius: 13px !important; box-shadow: none !important; }
html body .main-content .service-card-info h3 { color: var(--studio-ink) !important; font-size: 15px !important; font-weight: 650 !important; letter-spacing: -.025em !important; line-height: 1.45 !important; }
html body .main-content .service-card-price { color: var(--studio-ink) !important; font-size: 24px !important; font-weight: 650 !important; letter-spacing: -.05em !important; text-shadow: none !important; }
html body .main-content :is(.service-card-plans,.plan-count,.service-last-updated) { color: var(--studio-muted) !important; font-size: 10px !important; }
html body .main-content .service-card-arrow { color: var(--studio-accent) !important; background: var(--studio-accent-soft) !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; }
html body .main-content .pro-offers-section { background: var(--studio-accent-soft) !important; border: 1px solid var(--studio-line-strong) !important; border-radius: 18px !important; padding: 18px !important; box-shadow: none !important; }
html body .main-content :is(.pro-offer-card,.plan-insights-card,.subscription-insights) { background: var(--studio-surface) !important; border-color: var(--studio-line) !important; border-radius: 15px !important; box-shadow: none !important; }
html body .modal-content .plan-item { background: var(--studio-input) !important; border: 1px solid var(--studio-line) !important; border-radius: 13px !important; padding: 15px !important; }
html body .modal-content :is(.plan-item-info,.service-detail-info) { color: var(--studio-ink) !important; min-width: 0; }
html body .modal-content :is(.plan-item-meta,.plan-item-trial,.cycle) { color: var(--studio-muted) !important; }
html body .modal-content .amount { color: var(--studio-ink) !important; text-shadow: none !important; }

/* Calendar: quiet cells, a strong today marker, original day-panel behavior. */
html body .main-content .calendar-nav { background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important; padding: 5px !important; border-radius: 12px !important; gap: 13px !important; }
html body .main-content #currentMonthLabel { color: var(--studio-ink) !important; font-size: 13px !important; font-weight: 600 !important; min-width: 120px; text-align: center; }
html body .main-content .calendar-grid {
  gap: 7px !important; padding: 21px !important; border-radius: 22px !important;
  background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important;
  box-shadow: var(--studio-shadow) !important; perspective: none !important;
}
html body .main-content .cal-header { color: var(--studio-muted) !important; font-size: 11px !important; font-weight: 600 !important; padding-bottom: 12px !important; }
html body .main-content .cal-day {
  background: var(--studio-input) !important; border: 1px solid transparent !important; border-radius: 13px !important;
  color: var(--studio-secondary) !important; box-shadow: none !important; min-width: 0 !important;
  transition: background .16s,border-color .16s !important;
}
html body .main-content .cal-day:hover { background: var(--studio-accent-soft) !important; border-color: var(--studio-line-strong) !important; transform: none !important; }
html body .main-content .cal-day:is(.today,.selected) { background: var(--studio-accent-soft) !important; border-color: var(--studio-accent) !important; color: var(--studio-accent) !important; }
html body .main-content .cal-day.other-month { opacity: .4 !important; background: transparent !important; }
html body .main-content .day-number { color: inherit !important; font-size: 13px !important; font-weight: 550 !important; }
html body .main-content .calendar-day-panel {
  background: var(--studio-raised) !important; color: var(--studio-ink) !important;
  border: 1px solid var(--studio-line-strong) !important; border-radius: 20px !important; box-shadow: var(--studio-shadow) !important;
}
html body .main-content .calendar-day-panel-header { border-bottom-color: var(--studio-line) !important; padding: 20px !important; }
html body .main-content .calendar-day-panel-header h4 { color: var(--studio-ink) !important; font-size: 16px !important; }

/* Analytics: disciplined chart panels instead of competing neon effects. */
html body .main-content .analytics-header { margin: 5px 0 24px !important; }
html body .main-content .analytics-subtitle { color: var(--studio-secondary) !important; font-size: 13px !important; line-height: 1.7 !important; margin-top: 10px !important; }
html body .main-content .analytics-summary-neon { gap: 17px !important; margin-bottom: 25px !important; }
html body .main-content .analytics-tabs { border: 0 !important; background: transparent !important; gap: 8px !important; padding: 0 !important; margin: 0 0 22px !important; }
html body .main-content :is(.neon-chart-container,.category-chart-card,.trend-stat-item,.donut-section) {
  background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important;
  border-radius: 20px !important; box-shadow: none !important; padding: 24px !important; min-width: 0 !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html body .main-content :is(.neon-chart-container h4,.trend-header h4,.category-chart-card h4) { color: var(--studio-ink) !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: -.02em !important; }
html body .main-content :is(.donut-center-value,.trend-stat-value,.legend-amount,.legend-name) { color: var(--studio-ink) !important; text-shadow: none !important; }
html body .main-content :is(.donut-center-label,.donut-center-sublabel,.trend-stat-label,.legend-percentage) { color: var(--studio-muted) !important; font-size: 11px !important; }
html body .main-content .market-ticker-wrapper { background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important; color: var(--studio-secondary) !important; border-radius: 12px !important; box-shadow: none !important; font-size: 10px !important; }

/* Existing notification choices, settings groups and smart cancellation wizard. */
html body .main-content :is(.settings-section,.channel-option,.sync-section,.compact-group,.settings-group,.selection-option,.sc-provider-card,.sc-preview-card,.sc-signature-card,.sc-info-card,.sc-delivery-card,.smart-cancel-header-card,.scx-center-card) {
  background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important;
  color: var(--studio-ink) !important; border-radius: 18px !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html body .main-content :is(.settings-section,.sync-section,.smart-cancel-header-card) { padding: 26px !important; margin-bottom: 19px !important; }
html body .main-content :is(.notify-desc,.settings-section-desc,.sync-desc,.sync-privacy,.channel-info p,.sc-header-left p,.sc-info-card p,.sc-delivery-desc,.sc-sign-note,.sc-legal-note,.scx-legal-note) { color: var(--studio-secondary) !important; font-size: 12px !important; line-height: 1.8 !important; }
html body .main-content :is(.channel-icon,.settings-icon-box,.settings-icon-wrapper,.sc-info-card>i) { border-radius: 12px !important; box-shadow: none !important; }
html body .main-content :is(.channel-option h4,.settings-section-header,.sync-info h4,.settings-label,.sc-provider-name,.sc-info-card h4) { color: var(--studio-ink) !important; font-weight: 600 !important; text-shadow: none !important; }
html body .main-content .sc-search-wrapper { margin: 3px 0 24px !important; }
html body .main-content .sc-search-container input { color: var(--studio-ink) !important; font-size: 13px !important; min-height: 54px !important; }
html body .main-content .sc-results-dropdown { background: var(--studio-raised) !important; border: 1px solid var(--studio-line-strong) !important; border-radius: 14px !important; box-shadow: var(--studio-shadow) !important; }
html body .main-content .sc-result-item { border-bottom-color: var(--studio-line) !important; color: var(--studio-ink) !important; }
html body .main-content .sc-result-item:hover { background: var(--studio-accent-soft) !important; }
html body .main-content .sc-result-cat { color: var(--studio-muted) !important; }
html body .main-content :is(.sc-steps-indicator,.sc-form-section,.sc-legal-acknowledgements,.sc-receipt-box,.sc-delivery-info-box) { background: var(--studio-input) !important; border-color: var(--studio-line) !important; border-radius: 13px !important; box-shadow: none !important; }
html body .main-content .sc-step.active { color: var(--studio-accent) !important; background: var(--studio-accent-soft) !important; box-shadow: none !important; }
html body .main-content :is(.sc-delivery-card.selected,.sc-delivery-card:has(input:checked)) { border-color: var(--studio-accent) !important; background: var(--studio-accent-soft) !important; }
html body .main-content :is(.sc-form-group input,.sc-form-group select,.sc-inline-input,.sc-address-inline-editor input,.form-control,.ap-input) {
  background: var(--studio-input) !important; color: var(--studio-ink) !important; border: 1px solid var(--studio-line) !important;
  border-radius: 10px !important; min-height: 44px !important; font-size: 13px !important; box-shadow: none !important;
}
html body .main-content .sc-letter-paper { background: #fff !important; color: #20273d !important; border: 1px solid #e4e5ed !important; border-radius: 9px !important; box-shadow: 0 8px 28px rgba(0,0,0,.08) !important; }
html body .main-content .sc-letter-paper :is(h2,h3,h4,p,div) { color: inherit; }
html body .main-content .sc-signature-wrapper { background: #fff !important; border-color: #dce0ec !important; }

/* Original profile drawers, document lists, receipts and their confirmation dialogs. */
html body :is(.account-panel,.ap-panel,.top-sheet,.bottom-sheet,.info-modal-content) {
  background: var(--studio-sidebar) !important; color: var(--studio-ink) !important;
  border-color: var(--studio-line) !important; box-shadow: var(--studio-shadow) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html body .account-panel { width: 420px; max-width: min(94vw,420px); }
html body :is(.ap-profile,.ap-header) { background: linear-gradient(135deg,var(--studio-sidebar),var(--studio-raised)) !important; border-bottom-color: var(--studio-line) !important; padding-block: 32px 25px !important; }
html body :is(.ap-user-name,.ap-section-title,.ap-section-header,.ap-doc-title,.ap-receipt-title,.ap-card-name,.ap-card-title,.ap-stat-value) { color: var(--studio-ink) !important; text-shadow: none !important; }
html body :is(.ap-user-email,.ap-doc-date,.ap-doc-meta,.ap-receipt-date,.ap-card-meta,.ap-card-date,.ap-stat-label,.ap-field-group label,.ap-form-group label) { color: var(--studio-muted) !important; line-height: 1.7; }
html body :is(.ap-avatar,.ap-card-icon,.ap-doc-icon,.ap-receipt-icon) { box-shadow: none !important; border-radius: 14px !important; }
html body :is(.ap-doc-card,.ap-receipt-card,.ap-card,.ap-stat,.ap-completeness,.ap-completeness-mini) {
  background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important;
  border-radius: 14px !important; box-shadow: none !important;
}
html body :is(.ap-content,.ap-section,.ap-section-content) { border-color: var(--studio-line) !important; }
html body :is(.ap-input,.ap-form-group input,.ap-form-group select,.sheet-option,.sheet-item,.selection-option) {
  background: var(--studio-input) !important; color: var(--studio-ink) !important; border-color: var(--studio-line) !important;
  border-radius: 11px !important;
}
html body :is(.ap-save-btn,.ap-upgrade-btn,.ap-action-btn.primary) { background: var(--studio-primary) !important; color: #fff !important; border-color: transparent !important; border-radius: 11px !important; min-height: 44px; box-shadow: var(--studio-glow) !important; }
html body :is(.ap-doc-btn,.ap-close,.ap-close-btn,.ap-action-btn,.sheet-close-btn,.settings-back-btn) { background: var(--studio-accent-soft) !important; color: var(--studio-accent) !important; border-color: var(--studio-line) !important; border-radius: 10px !important; box-shadow: none !important; }
html body :is(.ap-receipt-amount,.ap-card-amount) { color: var(--studio-ink) !important; font-weight: 650 !important; letter-spacing: -.025em; }
html body :is(.ap-footer,.ap-footer a,.ap-legal-links a,.sheet-footer-legal a,.sheet-email) { color: var(--studio-muted) !important; border-color: var(--studio-line) !important; }
html body :is(.ap-status-timeline,.ap-status-step,.ap-confirm-box) { background: var(--studio-raised) !important; color: var(--studio-secondary) !important; border-color: var(--studio-line) !important; border-radius: 12px !important; }
html body :is(.modal-content,.picker-content,.pro-modal-content,.service-detail-modal) {
  background: var(--studio-raised) !important; color: var(--studio-ink) !important;
  border: 1px solid var(--studio-line-strong) !important; border-radius: 22px !important;
  box-shadow: 0 24px 80px rgba(3,7,22,.38) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html body .modal:not(.active) { visibility: hidden !important; }
html body .modal.active { visibility: visible !important; }
html body .account-panel:not(.active),html body .ap-panel:not(.open) { visibility: hidden !important; }
html body .account-panel.active,html body .ap-panel.open { visibility: visible !important; }
html body .account-panel.active { transform: translateX(0) !important; }
html body .notify-header > span { min-width: 0; overflow-wrap: anywhere; hyphens: auto; }
html body .modal-content :is(h2,h3,h4,label,.modal-header,.service-detail-info h3) { color: var(--studio-ink) !important; text-shadow: none !important; }
html body .modal-content :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.choices__inner) {
  background: var(--studio-input) !important; color: var(--studio-ink) !important; border: 1px solid var(--studio-line) !important;
  border-radius: 10px !important; box-shadow: none !important;
}
html body .modal-content :is(input::placeholder,textarea::placeholder) { color: var(--studio-muted) !important; }
html body .modal-content :is(.btn-primary,.btn-submit,.btn-modal-save,.modal-save-btn-full,.ai-scan-analyze-btn,.ai-scan-import-btn) { background: var(--studio-primary) !important; color: #fff !important; border-radius: 11px !important; box-shadow: var(--studio-glow) !important; }
html body .modal-content :is(.btn-secondary,.btn-ghost,.btn-modal-cancel,.close-modal,.close-btn) { background: var(--studio-accent-soft) !important; color: var(--studio-secondary) !important; border-color: var(--studio-line) !important; border-radius: 10px !important; box-shadow: none !important; }
html body .modal-content :is(.modal-header,.form-actions) { border-color: var(--studio-line) !important; }
html body .studio-preview-note {
  display: flex; align-items: center; justify-content: space-between; gap: 15px;
  color: var(--studio-secondary); font-size: 12px !important; line-height: 1.7;
  padding: 12px 17px; margin-bottom: 24px; border: 1px solid var(--studio-line);
  border-radius: 12px; background: var(--studio-accent-soft);
}
html body .studio-preview-note small { font-size: 12px !important; line-height: 1.65; }
html body .studio-preview-note > span { display: flex; flex-wrap: wrap; column-gap: 10px; align-items: baseline; }
html body .sidebar .user-details { flex-direction: column !important; align-items: flex-start !important; min-width: 0; flex: 1; gap: 4px; }
html body .sidebar .user-details strong { white-space: nowrap; font-size: 13px; }
html body .sidebar .user-avatar { flex: 0 0 30px; width: 30px; height: 34px; }
html body .sidebar .user-info { gap: 8px; }
html body .studio-preview-link { color: var(--studio-accent) !important; font-weight: 600; text-underline-offset: 4px; }
html body .studio-view-head { width: 100%; max-width: 1176px; flex: none; }
html body .studio-view-head h1 { color: var(--studio-ink) !important; letter-spacing: -.045em; }
html body .studio-view-head > div { min-width: 0; flex: 1; }
html body .studio-view-head h1 { overflow-wrap: anywhere; hyphens: auto; }
html body .studio-view-head p { color: var(--studio-secondary) !important; }
html body .studio-home-link { color: var(--studio-secondary) !important; }

@media(min-width:901px) {
  html body .mobile-header { display: none !important; }
  html body .mobile-nav-bar { display: none !important; }
  html body .app-shell { flex-direction: row !important; }
  html body .app-shell .sidebar { display: flex !important; position: relative !important; height: 100% !important; transform: none !important; }
  html body .app-shell .main-content { width: auto !important; flex: 1 !important; overflow-y: auto !important; padding-top: 34px !important; }
  html body .main-content :is(.view.active,.content-wrapper,.services-grid-wrapper) { height: auto !important; min-height: 0 !important; flex: none !important; overflow: visible !important; }
  html body .main-content #sub-list { height: auto !important; min-height: 0 !important; max-height: none !important; flex: none !important; overflow: visible !important; }
  html body .main-content .services-grid { height: auto !important; max-height: none !important; flex: none !important; overflow: visible !important; }
  html body .sidebar :is(.brand,.logo-icon,.sidebar-actions-row,.theme-switcher,.theme-btn,.lang-dropdown-toggle,.sidebar-nav,.nav-item,.user-info,.user-details,.user-avatar) { display: flex !important; }
  html body .sidebar :is(.sidebar-footer,.sidebar-legal-links,.custom-lang-dropdown,.collapse-sidebar-btn,.lang-dropdown-menu button) { display: block !important; }
  html body .sidebar :is(span,strong,img,i) { display: inline-block !important; }
  html body .sidebar .sidebar-legal-links a { display: flex !important; }
  html body .sidebar :is(.brand,.logo-icon,.logo-img,.brand-text-gradient,.beta-badge,.sidebar-actions-row,.theme-switcher,.theme-btn,.lang-dropdown-toggle,.current-lang-label,.custom-lang-dropdown,.sidebar-nav,.nav-item,.nav-item>span,.nav-item>i,.sidebar-footer,.sidebar-legal-links,.sidebar-legal-links a,.sidebar-legal-links a>span,.sidebar-legal-links a>i,.user-info,.user-avatar,.user-details,.user-details strong,.user-details span,.user-info-label,.account-settings-icon,.account-settings-icon i,.logout-btn,.logout-btn i,.collapse-sidebar-btn,.collapse-sidebar-btn i,.lang-dropdown-menu button) { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
  html body .modal { align-items: center !important; justify-content: center !important; }
  html body .modal-content { border-radius: 23px !important; padding: 32px !important; max-height: 88dvh !important; }
  html body .app-shell .sidebar.collapsed { width: 82px !important; padding-inline: 12px !important; }
  html body .app-shell .sidebar.collapsed .brand { margin-inline: 0 !important; justify-content: center !important; }
  html body .app-shell .sidebar.collapsed .nav-item { justify-content: center !important; padding-inline: 8px !important; }
  html body .app-shell .sidebar.collapsed :is(.brand-text-gradient,.beta-badge,.sidebar-actions-row,.user-details,.logout-btn,.sidebar-legal-links,.user-info-label,.account-settings-icon) { display: none !important; }
  html body .app-shell .sidebar.collapsed .nav-item>span { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
  html body .app-shell .sidebar.collapsed .nav-item:hover>span { opacity: 1 !important; visibility: visible !important; }
  html body .app-shell .sidebar.collapsed ~ .main-content { margin-inline-start: 0 !important; margin-left: 0 !important; }
}
@media(min-width:1100px) {
  html body:not(.light-theme) #dashboard-content.dashboard,
  html body.light-theme #dashboard-content.dashboard { grid-template-columns: 1.8fr repeat(3,minmax(0,1fr)) !important; }
  html body .main-content .dashboard .stat-card { grid-column: auto !important; grid-row: auto !important; min-height: 160px !important; height: auto !important; }
}
@media(min-width:1280px) {
  html body .main-content #sub-list { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; }
  html body .main-content .sub-item { padding: 22px 20px !important; }
  html body .main-content .sub-title-text { font-size: 17px !important; }
  html body .main-content .sub-price { font-size: 24px !important; }
}
@media(min-width:1600px) {
  html body .main-content { padding-inline: 54px !important; }
}
@media(max-width:1200px) and (min-width:901px) {
  html body { --studio-sidebar-width: 218px; }
  html body .main-content { padding: 30px 25px !important; }
  html body .main-content .dashboard { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html body .main-content .services-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html body .sidebar .nav-item { padding-inline: 12px !important; }
}

/* Native mobile shell keeps its genuine header, navigation and view switching. */
@media(max-width:900px) {
  html body .main-content :is(.view.active,.content-wrapper,.services-grid-wrapper,#sub-list,.services-grid) { height: auto !important; min-height: 0 !important; max-height: none !important; flex: none !important; overflow: visible !important; }
  html body .main-content .dashboard { flex: none !important; height: auto !important; grid-auto-rows: auto !important; }
  html body .main-content .dashboard .stat-card { height: auto !important; min-height: 132px !important; }
  html body .main-content .dashboard .stat-card.main { min-height: 185px !important; }
  html body .main-content .services-header { margin-inline: 0 !important; width: 100% !important; }
  html body .main-content .market-ticker-wrapper { min-width: 0; overflow: hidden; display: block !important; height: auto !important; min-height: 0 !important; max-height: 96px; padding: 12px !important; }
  html body .market-ticker-content { display: block !important; mask-image: none !important; -webkit-mask-image: none !important; min-width: 0; }
  html body #market-ticker-text { min-width: 0; width: auto !important; padding: 0 !important; transform: none !important; animation: none !important; flex: none !important; white-space: normal !important; overflow-wrap: normal; line-height: 1.5; margin-top: 5px; }
  html body .main-content { padding: calc(env(safe-area-inset-top,0px) + 82px) 0 0 !important; }
  html body .main-content .content-wrapper { max-width: 100% !important; padding-inline: 18px !important; }
  html body .main-content .view.active { padding-bottom: calc(104px + env(safe-area-inset-bottom,0px)) !important; }
  html body .main-content .mobile-header {
    position: fixed !important; inset: 0 0 auto 0 !important; z-index: 100;
    background: var(--studio-sidebar) !important; border-bottom: 1px solid var(--studio-line) !important;
    margin: 0 !important; width: 100% !important; min-height: calc(env(safe-area-inset-top,0px) + 72px) !important;
    padding: calc(env(safe-area-inset-top,0px) + 10px) 18px 10px !important;
    backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important; box-shadow: none !important;
  }
  html body .mobile-header :is(.header-bird-logo,.header-brand-mark,.header-bird-logo img) { filter: none !important; }
  html body .mobile-header :is(.header-account-line,.user-name-text,.header-user-info,.welcome-text) { color: var(--studio-secondary) !important; text-shadow: none !important; }
  html body .mobile-header :is(.modern-header-btn,.mobile-header-icon-btn,.header-right-actions button,.mobile-settings-btn) { background: var(--studio-accent-soft) !important; border-color: var(--studio-line) !important; color: var(--studio-accent) !important; border-radius: 12px !important; box-shadow: none !important; }
  html body .mobile-nav-bar {
    background: var(--studio-sidebar) !important; border: 1px solid var(--studio-line-strong) !important;
    border-radius: 22px !important; box-shadow: 0 9px 35px rgba(3,7,22,.25) !important;
    inset-inline: 16px !important; bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important;
    padding-inline: 7px !important; height: 70px !important;
    backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important;
  }
  html body .mobile-nav-bar .mobile-nav-item { color: var(--studio-muted) !important; min-width: 0 !important; font-size: 9px !important; border-radius: 15px !important; }
  html body .mobile-nav-bar .mobile-nav-item i { color: inherit !important; text-shadow: none !important; filter: none !important; }
  html body .mobile-nav-bar .mobile-nav-item.active { color: var(--studio-accent) !important; background: var(--studio-accent-soft) !important; }
  html body .mobile-nav-bar .nav-center-add { background: var(--studio-primary) !important; color: #fff !important; box-shadow: var(--studio-glow) !important; border: 0 !important; }
  html body .main-content .dashboard { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 11px !important; margin-bottom: 20px !important; }
  html body .main-content .dashboard .stat-card { grid-column: auto !important; grid-row: auto !important; }
  html body .main-content .dashboard .stat-card.main,
  html body .main-content .dashboard .stat-card:last-child { grid-column: 1 / -1 !important; }
  html body .main-content :is(.stat-card,.neon-stat-card) { padding: 17px !important; border-radius: 17px !important; }
  html body .main-content :is(.stat-value,.stat-value-large) { font-size: 28px !important; }
  html body .main-content .stat-value.small { font-size: 23px !important; }
  html body .main-content :is(.stat-label,.next-date-text,.budget-text) { font-size: 10px !important; }
  html body .main-content .sub-item { padding: 18px !important; border-radius: 18px !important; }
  html body .main-content .sub-title-text { font-size: 17px !important; }
  html body .main-content .sub-price { font-size: 24px !important; }
  html body .main-content #sub-list { padding-bottom: 35px !important; gap: 12px !important; }
  html body .main-content .services-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
  html body .main-content .service-card { padding: 18px 16px !important; border-radius: 17px !important; }
  html body .main-content .service-card-info h3 { font-size: 14px !important; }
  html body .main-content :is(.section-header h3,.dashboard-control-header h3) { font-size: 18px !important; }
  html body .main-content .section-header { flex-wrap: wrap; }
  html body .main-content :is(.settings-section,.sync-section,.smart-cancel-header-card) { padding: 20px !important; }
  html body .main-content .calendar-grid { padding: 13px 9px !important; gap: 4px !important; min-height: 360px !important; border-radius: 18px !important; }
  html body .main-content .cal-header { font-size: 10px !important; }
  html body .main-content .cal-day { border-radius: 10px !important; }
  html body .main-content :is(.neon-chart-container,.category-chart-card,.trend-stat-item,.donut-section) { padding: 19px !important; border-radius: 18px !important; }
  html body .modal-content { border-radius: 24px 24px 0 0 !important; border-bottom: 0 !important; padding-bottom: calc(24px + env(safe-area-inset-bottom,0px)) !important; }
  html body .studio-preview-note { margin: 0 18px 17px; font-size: 10px; padding: 10px 13px; }
  html body .studio-view-head { width: auto; margin-inline: 18px; }
  html body #dashboard-summary-bar {
    background: var(--studio-surface) !important; border: 1px solid var(--studio-line) !important;
    box-shadow: none !important; border-radius: 15px !important; color: var(--studio-ink) !important;
  }
  html body:not(.light-theme) #dashboard-summary-bar :is(.summary-label,.summary-value),
  html body.light-theme #dashboard-summary-bar :is(.summary-label,.summary-value) { color: var(--studio-ink) !important; text-shadow: none !important; }
  html body:not(.light-theme) #dashboard-summary-bar .summary-icon,
  html body.light-theme #dashboard-summary-bar .summary-icon { background: var(--studio-accent-soft) !important; color: var(--studio-accent) !important; box-shadow: none !important; }
}
@media(max-width:600px) {
  html body .main-content .content-wrapper { padding-inline: 14px !important; }
  html body .main-content .services-grid { grid-template-columns: minmax(0,1fr) !important; }
  html body .main-content .service-card { padding: 20px !important; min-height: 123px !important; }
  html body .main-content .service-card-header { gap: 14px !important; }
  html body .main-content .service-card-pricing { margin-top: 16px !important; }
  html body .main-content .service-card-info h3 { font-size: 16px !important; }
  html body .main-content .services-title-row { margin-bottom: 16px !important; }
  html body .main-content :is(.services-title,.neon-title,.notify-header) { font-size: 25px !important; }
  html body .main-content .sc-info-grid { grid-template-columns: minmax(0,1fr) !important; gap: 11px !important; }
  html body .main-content .sc-info-card { padding: 19px !important; }
  html body .main-content .sc-form-group-row { grid-template-columns: minmax(0,1fr) !important; }
  html body .main-content .smart-cancel-header-card { gap: 19px !important; }
  html body .main-content .sc-header-left h2 { font-size: 25px !important; }
  html body .main-content .sc-preview-row { grid-template-columns: minmax(0,1fr) !important; }
  html body .main-content .calendar-nav { gap: 6px !important; }
  html body .main-content #currentMonthLabel { min-width: 100px; font-size: 12px !important; }
  html body .main-content .analytics-tabs { flex-wrap: nowrap !important; overflow-x: auto; padding-bottom: 4px !important; }
  html body .main-content .analytics-tab { flex: none; padding: 8px 10px !important; font-size: 10px !important; }
  html body .main-content .channel-option { padding: 18px !important; }
  html body .main-content .email-input-row { flex-wrap: wrap; }
  html body .main-content .email-input-wrapper { min-width: 0; }
  html body .studio-preview-note { margin-inline: 14px; flex-wrap: wrap; gap: 5px; }
  html body .studio-view-head { margin-inline: 14px; }
  html body .account-panel { width: 100vw; max-width: 100vw; }
}
@media(max-width:360px) {
  html body .main-content .content-wrapper { padding-inline: 12px !important; }
  html body .main-content .sub-item { padding: 16px 14px !important; }
  html body .main-content .sub-title-text { font-size: 15px !important; }
  html body .main-content .sub-price { font-size: 22px !important; }
  html body .main-content .calendar-grid { gap: 3px !important; padding-inline: 6px !important; }
  html body .main-content .cal-day { min-width: 0 !important; padding-inline: 2px !important; }
  html body .main-content .day-number { font-size: 11px !important; }
  html body .mobile-nav-bar { inset-inline: 10px !important; padding-inline: 3px !important; }
}

/* Directional UI mirrors naturally; brand geometry and currencies stay readable. */
html[dir=rtl] body .sidebar { border-inline-end: 1px solid var(--studio-line) !important; border-right: 0 !important; }
html[dir=rtl] body :is(.sidebar .brand,.brand-mobile,.header-brand-mark,.header-bird-logo) { direction: ltr; unicode-bidi: isolate; }
html[dir=rtl] body :is(.nav-item,.ap-section-title,.sc-header-left,.settings-label,.channel-info,.service-card-info) { text-align: start !important; }
html[dir=rtl] body :is(.sub-price,.service-card-price,.ap-receipt-amount,.stat-value,.stat-value-large,.trend-stat-value) { direction: ltr; unicode-bidi: isolate; }
html[dir=rtl] body .service-card-arrow { transform: scaleX(-1); }
html[dir=rtl] body .ap-close { right: auto; left: 14px; }
html[dir=rtl] body .sc-letter-paper { direction: ltr; text-align: left; }
@media(prefers-reduced-motion:reduce) {
  html body .market-ticker-content { display: block !important; mask-image: none !important; -webkit-mask-image: none !important; min-width: 0; }
  html body #market-ticker-text { padding: 0 !important; transform: none !important; animation: none !important; white-space: normal !important; }
  html body *, html body *::before, html body *::after { animation-duration: .01ms !important; animation-delay: 0ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  html body :is(.sub-item,.service-card,.stat-card,.neon-stat-card,.nav-item,.modal-content,.mobile-nav-item,.view.active,.account-panel,.ap-panel) { animation: none !important; transition-duration: .01ms !important; }
  html body .main-content .service-card:hover { transform: none !important; }
}
@media(forced-colors:active) {
  html body :is(.nav-item,.stat-card,.sub-item,.service-card,.modal-content,.ap-card,.sc-delivery-card) { border: 1px solid CanvasText !important; }
  html body :is(button,a,input,textarea,select,[role=button]):focus-visible { outline-color: Highlight !important; }
}