/* Reuse dashboard controls and shared native-dialog behavior. */
.workspace-heading:has(#open-billing:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:25px}
.workspace-heading>#open-billing{justify-self:center;max-width:100%;min-height:58px;padding:16px 22px;font-size:15px;text-align:center}
.workspace-heading:has(#open-billing:not([hidden]))>.workspace-actions{justify-self:end;max-width:100%}
.billing-dialog{width:min(700px,calc(100% - 32px));text-align:left}
.billing-dialog .auth-brand{justify-content:flex-start}
.billing-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:24px}
.billing-dialog .billing-heading h2{margin:0}
.billing-heading .billing-total{margin:0;white-space:nowrap}
.billing-total{font-size:30px;font-weight:600;margin:8px 0 24px;text-align:right;font-variant-numeric:tabular-nums}
.billing-negative,#open-billing.billing-negative{color:#b91c1c}
.billing-warning,.billing-confirm{padding:16px;background:#f1f5ea;border:1px solid var(--line);border-radius:12px;font-size:13px;line-height:1.7}
.billing-confirm{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.billing-confirm-label{margin-right:auto}
.billing-dialog .settings-actions{gap:10px}
.billing-dialog .button.small{padding:12px 16px;font-size:13px;gap:8px}
.billing-plans{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}
.billing-plans h4{margin:0;font-size:16px}
.billing-plans p{font-size:13px;line-height:1.7;margin:10px 0}
.billing-history{font-size:12px}
.billing-history-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.billing-history-tools label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px}
.billing-history-tools select{width:auto;padding:6px 9px;font-size:12px;min-height:32px}
.billing-history-note,.billing-history-status{font-size:11px;margin:10px 0;line-height:1.5}
.billing-week{border-top:1px solid var(--line)}
.billing-week>summary{margin-left:18px;padding:8px 0;list-style-position:outside;cursor:pointer;line-height:1.5}
.billing-week>summary::marker{font-size:11px;color:var(--muted)}
.billing-week-line{display:inline-grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;vertical-align:middle}
.billing-week-line small{display:inline-block;font-size:10px;margin-left:8px;font-weight:400}
.billing-week-line strong,.billing-history-amounts strong{font-size:12px;white-space:nowrap}
.billing-week-work{padding-left:16px}
.billing-history-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line);line-height:1.45;font-size:11px}
.billing-history-entry time{display:inline-block;font-size:10px;margin-left:8px}
.billing-history-entry small{display:block;font-size:10px}
.billing-history-pager{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;font-size:11px;padding-top:10px}
.billing-dialog .billing-history-pager .text-button{font-size:11px;padding:4px 0}
.billing-history-range{margin-left:auto;font-size:10px}
@media(max-width:520px){.billing-week-line small{display:block;margin-left:0}.billing-history-entry time{display:block;margin-left:0}.billing-week-work{padding-left:10px}}
@media(max-width:1000px){.workspace-heading:has(#open-billing:not([hidden])){grid-template-columns:minmax(0,1fr)}.workspace-heading:has(#open-billing:not([hidden]))>.workspace-actions{justify-self:start}}
@media(max-width:520px){.billing-dialog{padding:28px 20px}.billing-plans{grid-template-columns:1fr}}

.billing-money,.billing-week-line>strong,.billing-history-amounts{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.billing-confirm-amount{margin:0 0 0 auto}
.billing-plan{min-width:0;padding:14px;border:1px solid transparent;border-radius:12px}
.billing-plan-current{border-color:var(--green);background:#f1f5ea}
.billing-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:32px}
.billing-plan-price{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.billing-plan-price .billing-money{margin-left:auto}
.billing-plan .button{width:100%}
.billing-plan .billing-website-package{margin-top:14px;line-height:1.5}
.billing-plan .billing-website-package:disabled{background:#e4e6e2;border-color:#d5d9d1;color:#747a70;opacity:1;cursor:not-allowed;transform:none}

.billing-custom-amount{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1 1 180px;margin:0;min-width:0}
.billing-custom-amount input{min-width:0;padding:12px;font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.billing-custom-amount input:disabled{background:#e4e6e2;color:#747a70;cursor:not-allowed}

@media(max-width:520px){.billing-dialog .billing-heading h2{font-size:26px}.billing-heading .billing-total{font-size:18px}.billing-confirm{padding:12px;gap:8px}.billing-dialog .billing-confirm .button.small{padding:10px 12px}}

.billing-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.billing-history-heading h3{margin:0}
.billing-history-heading .billing-history-tools{flex-shrink:0}

.data-table .admin-balance-cell{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.admin-billing-account{overflow-wrap:anywhere}

#admin-billing-dialog .form-feedback[role="status"]{color:var(--ink)}

.data-table .admin-add-balance{display:block;margin-top:9px;font-size:12px;text-decoration:underline;text-underline-offset:3px}