/* Personal studio: presentation only. Field IDs, totals and payment flow stay intact. */
.mobile-tariff-picker { display: none; }
@media (max-width: 700px) {
  .mobile-tariff-picker { display: grid; gap: 10px; font-size: 16px; margin-bottom: 12px; }
  .mobile-tariff-picker select { width: 100%; min-width: 0; min-height: 48px; font: inherit; padding: 12px; border-radius: 11px; color: #f4eaf7; background: #20182f; border: 1px solid #ceadd355; }
  body .dashboard-shell .dashboard-tariffs { display: block; max-height: none; overflow: visible; padding: 0; border: 0; }
  .dashboard-shell .dashboard-tariffs .dashboard-tariff { display: none; }
  .dashboard-shell .dashboard-tariffs .dashboard-tariff.is-active { display: block; width: 100%; margin-bottom: 18px; }
  body .dashboard-shell .dashboard-tariff small { font-size: 14px; }
}
.dashboard-shell { --studio-ink: #f5efe8; --studio-line: #e9d8fa26; color: var(--studio-ink); }
.dashboard-shell [hidden] { display: none !important; }
.dashboard-shell .account-topbar { padding-block: 20px; border-bottom: 1px solid var(--studio-line); }
.dashboard-shell .account-actions { gap: 10px; }
.dashboard-shell .account-actions .btn { border-radius: 12px; background: #211831a6; font-size: 13px; padding: 12px 18px; }
.dashboard-shell .btn-logout { color: #c4bacc; }
.dashboard-shell .account-kicker { font-size: 10px; letter-spacing: .15em; color: #e0b9ea; font-weight: 600; }
.dashboard-shell .dashboard-hero { padding: 52px 0 32px; gap: 28px; }
.dashboard-shell .dashboard-hero h1 { color: #fff6ed; font-family: 'Sora',sans-serif; font-size: clamp(28px,3.2vw,44px); letter-spacing: -.05em; margin-top: 12px; overflow-wrap: anywhere; }
.dashboard-shell .dashboard-hero p { font-size: 16px; color: #ded2eb; max-width: 530px; line-height: 1.7; }
.dashboard-shell .dashboard-hero .btn { flex-shrink: 0; border-radius: 13px; background: #ffb17a; color: #29190e; box-shadow: 0 8px 30px #30153430; font-size: 13px; gap: 18px; }
body .dashboard-shell .balance-card { border-radius: 26px; border: 1px solid #e9c7ef45; background: radial-gradient(ellipse at 12% 0,#8f5c9970,transparent 65%),linear-gradient(120deg,#35284af5,#20182fec); box-shadow: 0 24px 65px #0a03183d; padding: 32px; gap: 36px; }
.dashboard-shell .balance-card__glow { display: none; }
.dashboard-shell .balance-card__info { position: relative; min-width: 0; }
.dashboard-shell .balance-card__head { flex-wrap: wrap; }
.dashboard-shell .balance-card__amount { font-family: 'Sora',sans-serif; font-size: clamp(38px,4vw,58px); letter-spacing: -.055em; color: #ffe1c6; -webkit-text-fill-color: #ffe1c6; margin-block: 20px 12px; }
.balance-card__caption { max-width: 270px; color: #cbbdd8; font-size: 14px; line-height: 1.7; margin: 0 0 26px; }
.dashboard-shell .balance-card__bonus-badge { border-radius: 7px; font-size: 11px; background: #ffcfa518; color: #ffd6b5; border-color: #ffcc9e36; }
.dashboard-shell .balance-topup { border-left: 1px solid var(--studio-line); padding-left: 32px; }
.dashboard-shell .balance-topup__label { font-size: 16px; color: var(--studio-ink); }
.dashboard-shell .balance-chip { border-radius: 9px; background: #ffffff08; border-color: #d5bcdf30; color: #dfd2e9; }
.dashboard-shell .balance-chip:hover, .dashboard-shell .balance-chip.is-active { background: #ffcfa51c; border-color: #ffbb86; color: #ffddbf; }
.dashboard-shell .balance-ledger__row { border-color: var(--studio-line); padding-block: 11px; }
.dashboard-shell .dashboard-grid { grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: 24px; margin-top: 26px; }
body .dashboard-shell .dashboard-panel { min-width: 0; padding: 26px; border: 1px solid var(--studio-line); border-radius: 24px; background: #20182fec; box-shadow: 0 18px 50px #0e041b30; }
.dashboard-shell .panel-heading { margin-bottom: 24px; }
.dashboard-shell .panel-heading h2 { font-family: 'Sora',sans-serif; font-size: 23px; letter-spacing: -.04em; margin-top: 8px; }
.dashboard-shell .orders-actions .btn { font-size: 12px; padding: 10px 13px; border-radius: 9px; background: #ffffff08; }
.dashboard-shell .order-card { padding: 20px; border-radius: 16px; background: linear-gradient(130deg,#49305440,#ffffff04); border: 1px solid #e1c6e520; box-shadow: none; }
.dashboard-shell .order-card + .order-card { margin-top: 2px; }
.dashboard-shell .order-card h3 { font-size: 16px; line-height: 1.45; color: #f3e4f5; }
.dashboard-shell .order-card__footer { padding-top: 16px; margin-top: 16px; border-top: 1px solid #ddc2e71c; }
.dashboard-shell .order-card__link { color: #cbb5ec; font-size: 12px; }
.dashboard-shell .order-status { font-size: 10px; letter-spacing: .02em; border-radius: 7px; }
.dashboard-shell .empty-state { padding: 40px 24px; border: 1px dashed #ccb2de45; border-radius: 17px; background: #ffffff03; text-align: center; line-height: 1.8; color: #c9bed5; }
.dashboard-shell .dashboard-tariff { border-radius: 13px; background: #ffffff04; border: 1px solid #dbc0ec29; padding: 16px; box-shadow: none; }
.dashboard-shell .dashboard-tariffs { grid-template-columns: repeat(2,minmax(0,1fr)); max-height: 385px; overflow-y: auto; overscroll-behavior-y: contain; padding: 4px 8px 8px 4px; scrollbar-width: thin; scrollbar-color: #bf9bc9 #ffffff08; gap: 10px; border-bottom: 1px solid var(--studio-line); }
.dashboard-shell .dashboard-tariff__name { font-size: 1.12rem; padding-right: 16px; line-height: 1.5; }
.dashboard-shell .dashboard-tariff:hover { background: #ffffff09; border-color: #dfc7fa77; }
body .dashboard-shell .dashboard-tariff.is-active { background: linear-gradient(125deg,#79416a40,#ffa26516); border-color: #e7af87; box-shadow: inset 3px 0 #ffc396; }
.dashboard-shell .dashboard-tariff strong { color: #ffd3b3; font-size: 0.92rem; letter-spacing: -.025em; }
.dashboard-shell .dashboard-tariff small { color: #c3b5d0; font-size: 12px; }
.dashboard-order-note { font-size: 13px; line-height: 1.7; color: #c6b7d3; margin: 0 0 22px; }
.dashboard-shell .auth-field input, .dashboard-shell .auth-field textarea, .dashboard-shell .auth-field select { border-radius: 11px; background: #100c1c70; border-color: #ceadd335; color: #f4eaf7; }
.dashboard-shell .auth-field input:focus, .dashboard-shell .auth-field textarea:focus { border-color: #ffc196; box-shadow: 0 0 0 3px #ffc19615; }
.dashboard-shell .dashboard-custom-fields { background: #ffffff03; border-color: #dac0e629; }
.dashboard-shell .btn-primary { border-radius: 12px; background: #ffb17a; color: #29190e; border-color: #ffd1ad; box-shadow: none; }
.dashboard-shell .btn-primary:hover:not(:disabled) { background: #ffc698; }
.dashboard-shell :is(button,a,input,select,textarea):focus-visible { outline: 2px solid #ffca9e; outline-offset: 3px; }
.dashboard-shell #newOrder { scroll-margin-top: 24px; }
body .dashboard-shell .dashboard-support-card { border-radius: 20px; background: #20182fe0; border-color: var(--studio-line); }
@media (max-width: 1000px) {
  .dashboard-shell .dashboard-grid { grid-template-columns: 1fr; }
  body .dashboard-shell .balance-card { padding: 24px; gap: 24px; }
}
@media (max-width: 700px) {
  .dashboard-shell .dashboard-hero { padding-top: 32px; }
  .dashboard-shell .balance-topup { border-left: 0; border-top: 1px solid var(--studio-line); padding: 24px 0 0; }
  body .dashboard-shell .balance-card { grid-template-columns: 1fr; }
  body .dashboard-shell .dashboard-panel { padding: 20px; }
  .dashboard-shell .account-topbar { flex-direction: row; align-items: center; gap: 12px; }
  .dashboard-shell .account-actions { flex-direction: row; width: auto; }
  .dashboard-shell .account-actions .btn { width: auto; padding: 10px; font-size: 11px; }
  .dashboard-shell .account-topbar .logo { flex-shrink: 0; }
  .dashboard-shell .panel-heading { flex-direction: row; align-items: center; gap: 8px; }
  .dashboard-shell .panel-heading h2 { font-size: 21px; }
  .dashboard-shell .panel-heading .account-kicker { font-size: 8px; }
  .dashboard-shell .balance-card__caption { max-width: none; }
  .dashboard-shell .order-card { padding: 16px; }
}
@media (max-width: 420px) {
  .dashboard-shell .dashboard-tariffs { grid-template-columns: 1fr; max-height: 335px; }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-shell *, .dashboard-shell *::before, .dashboard-shell *::after { animation: none !important; transition: none !important; }
}