.spot-billing-page{background:#090e19;min-height:100vh;color:#edf3ff}
.spot-billing-page .spot-billing-wrap{max-width:1100px;margin:auto;padding:22px 20px 75px}
.spot-billing-page .spot-billing-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.spot-billing-page .spot-billing-top .brand{display:flex;align-items:center;gap:10px;color:#e7efff;text-decoration:none;font-weight:800}
.spot-billing-page .spot-billing-hero{padding:56px 0 24px;max-width:680px}
.spot-billing-page .spot-billing-hero h1{font-size:clamp(30px,5.5vw,53px);letter-spacing:-1.8px;margin:10px 0}
.spot-billing-page .spot-billing-hero p,.spot-billing-page .spot-billing-note{color:#a4b5cc;line-height:1.65}
.spot-billing-page .spot-billing-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #344a70;background:#14243e;border-radius:18px}
.spot-billing-page .spot-billing-status h2{font-size:17px;margin:4px 0 6px;color:#eaf3ff}
.spot-billing-page .spot-billing-status p{font-size:13px;color:#b6c8e0;margin:3px 0}
.spot-billing-kicker{font-weight:750;color:#a0c5ff;letter-spacing:.1em;font-size:11px}
.spot-billing-page .spot-billing-prelaunch{color:#ffc6a6!important}
.spot-billing-page .spot-billing-switch{margin:24px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.spot-billing-page .spot-billing-switch span{margin-right:12px;color:#a8b6d3}
.spot-billing-page .spot-billing-switch button{border:1px solid #384c6e;color:#afc4e0;border-radius:12px;background:#172134;padding:11px 16px;cursor:pointer}
.spot-billing-page .spot-billing-switch button.is-selected{background:#33578d;color:#fff;border-color:#5b8cd1}
.spot-billing-page .spot-billing-status-copy{display:grid;gap:2px;min-width:0}
.spot-billing-page .spot-billing-switch-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.spot-billing-page .spot-billing-history-toggle{margin-left:4px}
.spot-billing-page .spot-billing-history-toggle.is-open{background:#223657;color:#fff;border-color:#5b8cd1}
.spot-billing-page .spot-billing-payments[hidden]{display:none}
.spot-billing-page .spot-billing-payments{border-radius:18px;background:#151e30;border:1px solid #2b3b58;padding:21px;margin:0 0 18px}
.spot-billing-page .spot-billing-payments h2{margin:0 0 14px;font-size:19px}
.spot-billing-page .spot-billing-empty{text-align:center;color:#9eb2cf;padding:18px 9px}
.spot-billing-page .spot-billing-plan .button.is-active-plan{background:#1c2b44!important;border-color:#42597c!important;color:#b9c9df!important;opacity:1!important;cursor:default}

.spot-billing-page .spot-billing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.spot-billing-page .spot-billing-plan{border-radius:20px;border:1px solid #2b3b58;padding:26px 23px 22px;background:#151e30;display:flex;flex-direction:column;gap:17px;position:relative}
.spot-billing-page .spot-billing-plan.featured{border-color:#6799eb;background:linear-gradient(165deg,#1b3052,#151e30 73%)}
.spot-billing-page .spot-billing-featured{position:absolute;top:-11px;right:18px;font-size:11px;border-radius:999px;background:#548bea;color:white;padding:5px 11px;font-weight:650}
.spot-billing-page .spot-billing-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.spot-billing-page .spot-billing-price strong{font-size:30px;letter-spacing:-1px}
.spot-billing-page .spot-billing-price small{color:#a4b9d3}
.spot-billing-page .spot-billing-plan p{color:#b2bfd5;font-size:13px;margin:0;line-height:1.6;min-height:40px}
.spot-billing-page .spot-billing-plan ul{list-style:none;margin:0 0 16px;padding:0;flex:1;display:grid;align-content:start;gap:13px;font-size:13px;line-height:1.45}
.spot-billing-page .spot-billing-plan li{position:relative;padding-left:21px}
.spot-billing-page .spot-billing-plan li:before{content:'✓';color:#82b9ff;position:absolute;left:0;font-weight:700}
.spot-billing-page .spot-billing-plan button:disabled{opacity:.55;cursor:not-allowed}
.spot-billing-page .spot-billing-note{font-size:12px;margin:22px 4px 10px}
.spot-billing-page .spot-billing-table-wrap{overflow-x:auto}
.spot-billing-page table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}
.spot-billing-page th,.spot-billing-page td{padding:12px 9px;border-bottom:1px solid #2b3b58}
.spot-billing-page td{color:#cbd7e8}
.spot-billing-page .spot-billing-error{font-size:13px;color:#ffbbc3;min-height:22px}
@media(max-width:810px){.spot-billing-page .spot-billing-plans{grid-template-columns:1fr}.spot-billing-page .spot-billing-hero{padding:38px 0 18px}.spot-billing-page .spot-billing-status{align-items:stretch;flex-direction:column}.spot-billing-page .spot-billing-switch{align-items:stretch}.spot-billing-page .spot-billing-switch-group{width:100%}.spot-billing-page .spot-billing-switch-group button{flex:1}.spot-billing-page .spot-billing-plan p{min-height:0}}
.spot-home-plans{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:20px}
.spot-home-plans .sheet-plan{min-width:0}
.spot-home-plans .sheet-plan p{font-size:12px}
@media(max-width:810px){.spot-home-plans{grid-template-columns:1fr!important}}
.dashboard-page .side-nav a.spot-billing-nav{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:11px;color:#aecbfd;text-decoration:none;font-size:13px;font-weight:650}
.dashboard-page .side-nav a.spot-billing-nav:hover{background:#1b2d49}
.dashboard-page .spot-billing-dashboard-status{display:flex;gap:18px;align-items:center;justify-content:space-between;background:#172846;border:1px solid #37557c;border-radius:16px;padding:16px 18px;margin-bottom:17px;flex-wrap:wrap}
.dashboard-page .spot-billing-dashboard-status[hidden]{display:none}
.dashboard-page .spot-billing-dashboard-status div{display:grid;gap:5px}
.dashboard-page .spot-billing-dashboard-status strong{color:#ddebff;font-size:15px}
.dashboard-page .spot-billing-dashboard-status small{color:#b5c6df}
.dashboard-page .spot-billing-dashboard-status a{color:#d0e5ff;text-decoration:none;border:1px solid #5b82b9;padding:10px 14px;border-radius:11px;font-size:12px;font-weight:650}

/* v36: analytics and compact history menu */
.spot-billing-page .spot-billing-hero{padding-bottom:24px}
.spot-billing-page .spot-billing-analytics{margin:0 0 12px}
.spot-billing-page .spot-billing-analytics-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.spot-billing-page .spot-billing-analytics-head h2{font-size:19px;line-height:1.4;margin:4px 0 3px;color:#eaf3ff}
.spot-billing-page .spot-billing-analytics-state{color:#9db6da;font-size:14px;font-weight:600}
.spot-billing-page .spot-billing-analytics-head p{margin:0;color:#b3c5e1;font-size:12px}
.spot-billing-page .spot-billing-analytics-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.spot-billing-page .spot-billing-stat{background:#131e32;border:1px solid #2a3f61;border-radius:15px;padding:16px 18px;display:flex;flex-direction:column;gap:7px;min-width:0}
.spot-billing-page .spot-billing-stat>span{color:#a9c2e4;font-size:12px}
.spot-billing-page .spot-billing-stat strong{font-size:26px;color:#eaf2ff;line-height:1.15;font-variant-numeric:tabular-nums}
.spot-billing-page .spot-billing-stat small{font-size:11px;color:#a6b5d0;line-height:1.45}
.spot-billing-page .spot-billing-stat progress{width:100%;height:5px;border:0;appearance:none;border-radius:6px;overflow:hidden;background:#283a58}
.spot-billing-page .spot-billing-stat progress::-webkit-progress-bar{background:#283a58}
.spot-billing-page .spot-billing-stat progress::-webkit-progress-value{background:#649cf7;border-radius:6px}
.spot-billing-page .spot-billing-stat progress::-moz-progress-bar{background:#649cf7;border-radius:6px}
.spot-billing-page .spot-billing-analytics>.spot-billing-prelaunch{font-size:11px;margin:12px 0 0;color:#8fa7ca!important}
.spot-billing-page .spot-billing-switch{position:relative;isolation:isolate;z-index:30}
/* History is the third tab, not a floating dropdown. */
.spot-billing-page .spot-billing-history-tab{display:inline-flex;align-items:center;justify-content:center}
.spot-billing-page .spot-billing-history-section{background:#151e30;border:1px solid #2b3b58;border-radius:18px;padding:22px;margin-bottom:8px;animation:spot-billing-history-appear .23s ease both}
.spot-billing-page .spot-billing-history-section[hidden],.spot-billing-page #spot-billing-plans[hidden],.spot-billing-page #spot-billing-note[hidden]{display:none!important}
.spot-billing-page .spot-billing-history-heading{margin-bottom:10px}
.spot-billing-page .spot-billing-history-heading h2{font-size:21px;margin:5px 0 8px;color:#edf3ff}
.spot-billing-page .spot-billing-switch-group button[aria-selected="true"]{background:#33578d;color:#fff;border-color:#5b8cd1}
@keyframes spot-billing-history-appear{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.spot-billing-page .spot-billing-history-section{animation:none}}
.spot-billing-page .spot-billing-plan button:disabled{opacity:1;cursor:default}
.spot-billing-page .spot-billing-plan button:disabled:not([data-active-until]){opacity:.55;cursor:not-allowed}
/* Dashboard Telegram profile: remove the square gradient plate behind the round image */
.dashboard-page .dash-top-right .user-avatar.profile-open{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;outline:0!important;overflow:hidden;border-radius:50%!important;display:grid;place-items:center;flex-shrink:0}
.dashboard-page .dash-top-right .user-avatar.profile-open>.spot-telegram-photo{width:100%;height:100%;display:block;object-fit:cover;border:0!important;border-radius:50%!important;box-shadow:none!important;padding:0!important}
.dashboard-page .dash-top-right .user-avatar.profile-open:focus-visible{outline:2px solid #8fb8ff!important;outline-offset:3px!important}
@media(max-width:810px){
  .spot-billing-page .spot-billing-analytics-stats{grid-template-columns:1fr;gap:9px}
  .spot-billing-page .spot-billing-stat{padding:14px 16px}
  .spot-billing-page .spot-billing-analytics-head{align-items:flex-start;flex-direction:column}
  .spot-billing-page .spot-billing-history-menu{max-height:65vh}
}

/* Legal readiness and purchase acknowledgement. */
.spot-billing-page .spot-legal-agreement[hidden]{display:none!important}
/* Profile subscription: simple account row linking to billing. */
.dashboard-page .spot-profile-billing{display:flex;align-items:center;gap:11px;min-width:0;padding:12px 14px;margin:10px 0 14px;border-radius:12px;border:1px solid #2c4565;background:#12243b;color:#eef4ff;text-decoration:none;transition:background .18s ease,border-color .18s ease}
.dashboard-page .spot-profile-billing:hover{background:#1a304c;border-color:#4b77ac}
.dashboard-page .spot-profile-billing:focus-visible{outline:2px solid #87b7ff;outline-offset:3px}
.dashboard-page .spot-profile-billing-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#203e67;border-radius:10px;color:#8dbdff;font-size:15px}
.dashboard-page .spot-profile-billing-copy{display:grid;gap:2px;min-width:0;flex:1}
.dashboard-page .spot-profile-billing-copy small{font-size:10px;font-weight:750;letter-spacing:.08em;color:#8fb8ef}
.dashboard-page .spot-profile-billing-copy strong{font-size:14px;color:#eaf2ff}
.dashboard-page .spot-profile-billing-copy>span{font-size:12px;color:#a5bad8}
.dashboard-page .spot-profile-billing-arrow{font-size:11px;color:#779cc8}