/* Content layouts only. Shared SABSUS Glass material and shell remain unchanged. */
/* Dedicated token section. Uses the existing glass material, shell and billing data. */
.token-balance-hub{margin-bottom:18px}.token-purpose{margin-bottom:24px}.token-use-cases{gap:22px}.token-use-case h3{font-size:13px;line-height:1.45}.token-use-case p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:9px}.token-packages-section{margin:24px 0;scroll-margin-top:100px}.token-packages-section>.panel-head p{max-width:750px;line-height:1.7}.token-order-summary>.detail-pair{font-size:12px;line-height:1.7}.token-order-summary>.detail-pair>strong{overflow-wrap:anywhere}
@media(max-width:760px){.token-use-cases{grid-template-columns:1fr;gap:18px}.token-use-case h3{font-size:14px}.token-use-case p{font-size:12px}.token-packages-section{scroll-margin-top:85px}.token-packages-section>.panel-head p{font-size:12px}.token-packages-section .token-pack-note{font-size:10px}}
.billing-summary{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.6fr);gap:18px;margin-bottom:20px}.subscription-plan-summary{display:flex;flex-direction:column;gap:17px}.subscription-plan-summary .row{flex-wrap:wrap}.subscription-plan-summary .badge{margin-left:auto}.subscription-plan-summary h2{font-size:22px;margin-top:6px}.subscription-price{font-size:34px;font-weight:700;line-height:1.3;letter-spacing:-1px}.subscription-price small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.subscription-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:var(--muted)}.subscription-plan-summary>.btn{align-self:flex-start;margin-top:auto}
.token-balance{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 24px;align-items:center}.token-balance h2{margin-top:7px;font-size:15px}.token-balance-number{font-size:clamp(29px,3.1vw,43px);font-weight:750;letter-spacing:-1.2px;line-height:1.25;margin:9px 0 8px;font-variant-numeric:tabular-nums}.token-balance-number small{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:4px}.token-balance-copy>p{color:var(--muted);font-size:11px;line-height:1.65;max-width:380px}.token-balance-actions{display:grid;gap:10px;min-width:160px}.token-balance-actions .btn{white-space:normal;text-align:center}.token-balance-actions>small{font-size:10px;color:var(--muted)}.token-balance-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px 20px;padding-top:15px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.token-balance-bottom b{color:var(--ink);font-weight:600}.token-balance-dashboard{margin-bottom:18px}
.token-quick-panel{margin-bottom:24px}.token-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.token-quick.btn{justify-content:space-between;padding:13px 12px;min-height:65px;gap:10px;white-space:normal;text-align:left}.token-quick>span{font-size:13px;font-weight:700}.token-quick small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.token-quick strong{font-size:16px;color:var(--blue);white-space:nowrap}.token-package-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.token-package{display:flex;flex-direction:column;align-items:flex-start;min-height:250px;padding:22px 17px}.token-pack-label{font-size:10px;color:var(--muted);min-height:30px}.token-pack-volume{font-size:clamp(18px,1.75vw,28px);letter-spacing:-.6px;white-space:nowrap;line-height:1.4}.token-pack-price{font-size:32px;line-height:1.25;margin-top:18px;color:var(--blue)}.token-pack-unit{font-size:10px;color:var(--muted);margin:5px 0 20px;line-height:1.6}.token-package .btn{margin-top:auto;width:100%;padding-inline:10px;white-space:normal}.token-pack-note{width:100%;text-align:center;font-size:9px;margin-top:10px;color:var(--muted)}.billing-caption{font-size:10px;color:var(--muted);line-height:1.7;margin:13px 2px 20px}
.usage-section{margin:24px 0}.usage-section>.panel-head{align-items:flex-start;flex-wrap:wrap}.usage-section>.panel-head h2{font-size:20px}.usage-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:17px 0}.usage-toolbar>.tabs{margin-right:auto}.usage-filter{display:grid;gap:6px;min-width:140px;max-width:250px;flex:1;font-size:10px;color:var(--muted)}.usage-filter>.select-trigger{width:100%;min-width:0}.usage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.usage-kpi{display:flex;flex-direction:column;gap:8px;padding:17px 18px;min-height:110px}.usage-kpi>span,.usage-kpi>small{font-size:11px;color:var(--muted)}.usage-kpi>small{font-size:10px;line-height:1.5}.usage-kpi strong{font-size:27px;letter-spacing:-.7px;font-variant-numeric:tabular-nums;line-height:1.3}.usage-chart-grid,.usage-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.usage-secondary-grid{margin-top:16px}.usage-chart-panel{padding:19px 20px}.usage-chart-panel h2{font-size:16px}.usage-chart-total{font-size:25px;font-weight:700;line-height:1.4}.usage-chart-total small{font-size:11px;font-weight:400;color:var(--muted)}.usage-legend{display:flex;gap:9px 18px;flex-wrap:wrap;min-height:34px;margin:6px 0 10px;font-size:10px;color:var(--muted)}.usage-legend span{display:flex;align-items:center;gap:6px}.usage-legend i{width:7px;height:7px;border-radius:3px;display:inline-block;flex:none}.usage-input-dot{background:#126bfa}.usage-output-dot{background:#76b3fb}.usage-chart{display:block;width:100%;height:auto;overflow:visible}.usage-chart line{stroke:var(--line);stroke-width:1}.usage-chart text{fill:#54709b;font:12px Arial,Helvetica,sans-serif}.usage-bar-input{fill:#126bfa}.usage-bar-output{fill:#76b3fb}.usage-bar-requests{fill:#417de0}.usage-hit{fill:transparent;pointer-events:all}.usage-chart-point:hover .usage-hit,.usage-chart-point:focus .usage-hit{fill:#277ee81c}.usage-chart-point:focus{outline:1px solid #1668cc}.usage-chart-caption{min-height:32px;font-size:10px;line-height:1.6;color:var(--muted);margin-top:9px}.usage-channels{display:grid;gap:17px}.usage-channels .row{font-size:11px;margin-bottom:8px}.usage-channels small{font-size:10px;color:var(--muted);min-width:32px;text-align:right}.usage-details{margin-top:16px}.usage-table{font-variant-numeric:tabular-nums}.usage-table td:not(:first-child){white-space:nowrap}.usage-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;font-size:11px;color:var(--muted)}.usage-pagination .btn{min-height:33px;font-size:11px}.usage-pagination .btn:disabled{opacity:.45;cursor:default}
.token-purchase-options{display:grid;gap:9px}.token-choice.btn{width:100%;justify-content:flex-start;text-align:left;min-height:64px;padding:12px 16px;gap:14px;white-space:normal}.token-choice>span{flex:1;font-size:15px;font-weight:700}.token-choice small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.token-choice strong{font-size:20px;white-space:nowrap}.token-choice.chosen{border-color:#277dff;box-shadow:0 0 0 1px #277dff44}.token-choice.chosen>.icon{color:var(--blue)}.token-order-summary{padding-top:19px;margin-top:18px;border-top:1px solid var(--line)}.token-order-summary .row{font-size:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:13px;gap:10px}.token-order-summary strong{font-weight:650}.token-order-price{font-size:26px;color:var(--blue)}.token-order-summary p{font-size:11px;color:var(--muted);line-height:1.7}
@media(max-width:1320px){.token-package-grid,.token-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.token-balance{column-gap:14px}.token-balance-number{font-size:32px}.token-pack-volume{font-size:25px}.usage-kpi{padding:15px 12px}}
@media(max-width:1050px){.billing-summary{grid-template-columns:1fr}.subscription-plan-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 20px}.subscription-plan-summary>.row{grid-column:1}.subscription-plan-summary>.subscription-price{grid-column:2;grid-row:1}.subscription-plan-summary>.tiny{grid-column:1/-1}.subscription-plan-summary>.btn{grid-column:2;grid-row:3}.usage-toolbar>.tabs{width:100%;justify-content:flex-start}.usage-chart-grid,.usage-secondary-grid{grid-template-columns:1fr}.usage-kpi strong{font-size:24px}}
@media(max-width:760px){.token-balance{grid-template-columns:1fr;gap:17px}.token-balance-number{font-size:38px}.token-balance-actions{grid-template-columns:1fr 1fr;min-width:0}.token-balance-actions>small{grid-column:1/-1}.token-balance .btn{min-height:43px;font-size:11px;padding-inline:9px}.token-quick-grid,.token-package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.token-quick-grid>.token-quick:last-child{grid-column:1/-1}.token-package{min-height:255px;padding:20px 17px}.token-pack-volume{font-size:24px}.usage-kpis{grid-template-columns:1fr 1fr;gap:11px}.usage-kpi{padding:16px}.usage-kpi strong{font-size:26px}.usage-filter{max-width:none;min-width:125px}.usage-filter:last-child{flex-basis:100%}.usage-chart-panel{padding:17px 15px}.usage-chart text{font-size:15px}.usage-pagination{flex-wrap:wrap}.usage-pagination>.row{margin-left:auto}.billing-tabs .tabs{width:100%}.billing-tabs .tabs button{font-size:11px;min-height:39px}.usage-chart-caption,.billing-caption{font-size:11px}.token-choice.btn{min-height:66px}}
@media(max-width:400px){.subscription-plan-summary{display:flex;align-items:stretch}.subscription-plan-summary>.btn{align-self:stretch}.token-balance-actions{grid-template-columns:1fr}.token-package-grid{grid-template-columns:1fr}.token-pack-volume{font-size:30px}.token-quick.btn{padding:12px 9px;gap:6px}.token-quick>span{font-size:12px}.token-quick strong{font-size:15px}.usage-kpi{padding:14px 12px}.usage-kpi>span{font-size:10px}.usage-kpi strong{font-size:24px}.usage-chart text{font-size:16px}.token-choice>span{font-size:14px}.token-choice strong{font-size:19px}}