/* Billing presentation only; shared ABG tokens and logical RTL spacing. */
.billing-ui{font-size:1rem;line-height:1.65;min-width:0}
.billing-ui h1,.billing-ui h2,.billing-ui h3{margin:0;font-weight:700;line-height:1.4}
.billing-ui h1,.billing-ui h2{font-size:1.5rem}.billing-ui h3{font-size:1.1rem}
.billing-ui p{margin:0}.billing-ui .billing-muted{color:var(--muted);font-size:.875rem}
.billing-header,.billing-section-head,.billing-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.billing-header{margin-bottom:1.5rem}.billing-header>div{display:grid;gap:.4rem}
.billing-section{margin-top:1.5rem}.billing-section-head{margin-bottom:1rem}
.billing-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}
.billing-kpi,.billing-panel{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:1.1rem;min-width:0}
.billing-kpi{display:flex;flex-direction:column;gap:.45rem}.billing-kpi strong{font-size:1.8rem;line-height:1.25;font-variant-numeric:tabular-nums}.billing-kpi small{color:var(--muted)}
.billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.billing-panel{display:grid;align-content:start;gap:1rem}
.billing-badge{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:99px;padding:.25rem .65rem;background:var(--panel);font-size:.8rem;font-weight:650;line-height:1.4;white-space:normal}
.billing-badge[data-tone=good]{color:#94edc0;border-color:#94edc055;background:#94edc00b}.billing-badge[data-tone=warning]{color:#ffd28a;border-color:#ffd28a55;background:#ffd28a0b}.billing-badge[data-tone=bad]{color:var(--danger);border-color:#ff7b7b55;background:#ff7b7b0b}.billing-badge[data-tone=unknown]{color:var(--muted)}
.billing-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.billing-facts>div{min-width:0;display:grid;gap:.3rem}.billing-facts dt{color:var(--muted);font-size:.875rem}.billing-facts dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.billing-ui time,.billing-ui bdi{unicode-bidi:isolate}.billing-ui time{display:inline-block;direction:ltr;font-size:.875rem}.billing-ref{display:block;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;color:var(--muted);font-size:.8rem;font-family:monospace}
.billing-ui button,.billing-ui .button{min-height:44px;padding:.65rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:.4rem}
.billing-ui .billing-primary{background:var(--accent);color:#08111f;border-color:var(--accent);font-weight:700}.billing-ui button:hover,.billing-ui .button:hover{border-color:var(--accent)}
.billing-ui :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.billing-ui button:disabled{opacity:.55;cursor:wait}.billing-ui [aria-busy=true]{border-color:var(--accent)}
.billing-filters{display:grid;grid-template-columns:1fr 2fr 1fr auto;gap:.75rem;align-items:end;margin-bottom:1rem}.billing-filters label{display:grid;gap:.4rem;color:var(--muted);font-size:.875rem}
.billing-ui input:not([type=hidden]),.billing-ui select{width:100%;min-width:0;min-height:44px;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;color-scheme:dark}
.billing-ui .table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto;max-width:100%}.billing-ui table{width:100%;min-width:780px;border-collapse:collapse;font-size:.875rem}.billing-ui th,.billing-ui td{text-align:start;padding:.9rem 1rem;vertical-align:top;border-bottom:1px solid var(--line)}.billing-ui th{background:var(--panel-2);color:var(--muted);font-size:.8rem;white-space:nowrap}.billing-ui tbody tr:last-child td{border-bottom:0}.billing-ui td{line-height:1.65}.billing-ui td strong{display:block}.billing-ui td details{max-width:230px}.billing-ui td .billing-badge{margin-bottom:.3rem}
.billing-ui details{border:1px solid var(--line);border-radius:10px;padding:.75rem 1rem}.billing-ui summary{cursor:pointer;color:var(--muted);min-height:28px}.billing-ui details[open]>summary{margin-bottom:1rem;color:var(--text)}.billing-ui details .billing-facts{margin-top:.5rem}
.billing-empty{text-align:center;padding:2rem!important;color:var(--muted)}.billing-empty strong{color:var(--text);display:block;margin-bottom:.4rem}.billing-notice{border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:10px;padding:1rem;background:var(--panel-2);overflow-wrap:anywhere}.billing-notice[data-tone=warning]{border-inline-start-color:#ffd28a}.billing-notice[data-tone=bad]{border-inline-start-color:var(--danger)}
.billing-incidents{display:grid;gap:.75rem}.billing-incident{border:1px solid var(--line);border-radius:12px;padding:1rem;display:grid;gap:.85rem}.billing-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:1rem}.billing-result:empty{display:none}.billing-result{margin-top:1rem!important}.billing-result[data-tone=bad]{border-inline-start-color:var(--danger)}
.billing-customer{max-width:1000px;margin-inline:auto;display:grid;gap:1.25rem}.billing-customer .billing-header{margin:0}.billing-customer .billing-actions{justify-content:flex-start}.billing-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.billing-plan{display:flex;flex-direction:column;gap:1rem}.billing-plan .billing-checkout{margin-top:auto}.billing-plan button{width:100%}.billing-price{font-size:2rem;font-weight:750;line-height:1.4;font-variant-numeric:tabular-nums}.billing-price small{font-size:.875rem;font-weight:500;color:var(--muted)}
.pricing-section .pricing-card{padding:1.5rem;gap:.9rem}.pricing-section .pricing-card h3{font-size:1.4rem;margin:0}.pricing-section .pricing-card p{font-size:.95rem;line-height:1.65;margin:0}.pricing-section .pricing-durations{margin-block:.5rem}.pricing-section .pricing-duration{gap:1rem;flex-wrap:wrap;padding-block:1rem}.pricing-section .pricing-duration>strong:first-child{font-size:.9rem;color:var(--muted)}.pricing-section .pricing-amount{font-size:2rem;font-variant-numeric:tabular-nums}.pricing-section .pricing-card .button{min-height:44px}.pricing-section>.hero-subnote{line-height:1.7;margin-top:1rem}.pricing-section .pricing-grid{align-items:stretch}
.billing-live{display:grid;gap:1rem}.billing-live>p{margin:0}.billing-live>.billing-badge{justify-self:start}.billing-live .table-wrap{max-width:100%;overflow:auto}.billing-live table{min-width:680px}.billing-live td,.billing-live th{text-align:start;overflow-wrap:anywhere}.billing-live .billing-muted{font-size:.875rem;color:var(--muted)}
@media(max-width:1200px){.billing-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.billing-grid{grid-template-columns:1fr}.billing-filters{grid-template-columns:1fr 1fr}.billing-filters label:nth-of-type(2){grid-column:1/-1;grid-row:1}.billing-facts{gap:.85rem}.billing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.billing-ui h1,.billing-ui h2{font-size:1.3rem}.billing-kpi{padding:.85rem}.billing-kpi strong{font-size:1.5rem}.billing-kpi small{font-size:.75rem}.billing-facts,.billing-plans{grid-template-columns:1fr}.billing-ui .billing-header{align-items:flex-start}.billing-ui .billing-actions>*{width:100%}.billing-filters{grid-template-columns:1fr}.billing-filters label:nth-of-type(2){grid-column:auto}.billing-ui th,.billing-ui td{padding:.75rem}.billing-panel{padding:1rem}.pricing-section .pricing-card{padding:1.2rem}}
.billing-kpi strong{overflow-wrap:anywhere}.billing-ui .pricing-admin-entry{gap:.75rem;padding-block:1rem}.billing-ui .pricing-admin-entry input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle}.billing-ui .pricing-admin-entry label:has(input[type=checkbox]){min-height:44px;display:flex;align-items:center;gap:.5rem}.billing-ui .pricing-admin-plan legend{font-size:1.15rem}.billing-ui textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:1rem;background:var(--panel-2);color:var(--text);font:inherit}
.pricing-section h2{font-size:1.5rem;line-height:1.4}.pricing-section>.section-head p,.pricing-section>p{font-size:.95rem;line-height:1.65}.pricing-section .pricing-intro{min-height:96px;display:grid;align-content:start;gap:.75rem}.pricing-section .pricing-durations{margin-bottom:0}.pricing-section .pricing-card>.button{margin-top:auto}.pricing-section .pricing-card>.pricing-intro+.pricing-durations{margin-top:0}@media(max-width:680px){.pricing-section .pricing-intro{min-height:0}}
.billing-ui .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.pricing-section .pricing-grid{grid-template-columns:1fr}.pricing-section .pricing-intro{min-height:0}}@media(max-width:800px){.billing-ui .pricing-grid{grid-template-columns:1fr}}