@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#0c111b;--panel:#121a29;--line:#253145;--muted:#a1afc5;--blue:#75a8ff;--green:#56ddb0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',system-ui,sans-serif;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}aside{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:0 15px;min-height:100vh}.brand{height:84px;display:flex;gap:12px;align-items:center;font-size:17px;font-weight:700;letter-spacing:.7px}.brand b,.avatar{background:#245bd0;border-radius:9px;width:37px;height:37px;display:grid;place-items:center;color:white}.blue{color:var(--blue)}small{display:block;color:var(--muted);font-size:10px;margin-top:4px;letter-spacing:1px}.navlabel{margin:20px 10px 10px;color:var(--muted);font-size:10px;letter-spacing:1.5px;font-weight:700}nav{display:grid;gap:4px}button,input,select{font:inherit}button{cursor:pointer;background:var(--control);color:var(--control-text);border:1px solid var(--line);padding:9px 13px;border-radius:7px}button:hover{filter:brightness(1.2)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}nav button{text-align:left;background:transparent;border:1px solid transparent;color:var(--muted);padding:11px}nav button[aria-current]{background:var(--nav-active);color:var(--nav-active-text);border-color:var(--nav-active-line)}nav b{display:inline-block;width:27px;font-size:17px}footer{margin-top:auto;display:flex;gap:10px;align-items:center;padding:20px 0;font-weight:600}footer small{letter-spacing:0}header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:var(--muted)}header i{padding:0 10px}header strong{color:var(--text)}.demo,.pill{font-size:12px;border-radius:20px;padding:5px 9px;background:var(--tag);color:var(--tag-text);white-space:nowrap}.demo em,.pill em{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0 5px 2px 0}.content{padding:30px 32px;max-width:1500px;margin:auto}.heading,.panelhead,.actions{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:34px;margin:0;letter-spacing:-1.2px}h2{font-size:17px;margin:0}p{color:var(--muted);margin:8px 0 0}.primary{background:#326be0;border-color:#5387f3;color:white;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0 17px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.card{padding:18px;text-align:left}.card .icon{color:var(--blue);background:var(--icon-bg);display:grid;place-items:center;width:32px;height:32px;border-radius:7px;margin-bottom:14px}.card strong{display:block;font-size:29px;line-height:1.1}.card span:last-child{display:block;color:var(--muted);margin-top:8px}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:16px}.panelhead{padding:17px 18px}.panelhead p{font-size:12px}.chart{display:flex;gap:10px;height:155px;padding:14px 18px 0;align-items:end;background:repeating-linear-gradient(to top,transparent 0 36px,var(--chart-grid) 37px 38px)}.chart span{flex:1;background:linear-gradient(var(--chart-highlight),var(--chart-bar));border-radius:4px 4px 0 0;min-width:0}.ticks{display:flex;justify-content:space-between;padding:12px 18px;color:var(--muted);font:11px 'IBM Plex Mono',monospace}.server{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.ok{background:var(--positive-bg);color:var(--positive-text)}.off{background:var(--notice-bg);color:var(--notice-text)}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{padding:12px 18px;border-top:1px solid var(--line)}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;background:var(--field)}td:last-child{text-align:right}td button{padding:5px 9px;margin-left:5px}.listing{margin-top:24px}.search,input,select{border:1px solid var(--line);border-radius:7px;background:var(--inset);color:var(--text);padding:9px 11px}.empty{text-align:center!important;color:var(--muted);padding:24px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:13px;width:min(460px,95vw);padding:22px}dialog::backdrop{background:#0009}label{display:grid;gap:6px;margin-top:14px}.actions{justify-content:flex-end;margin-top:20px}#toast{position:fixed;bottom:24px;right:24px;background:var(--positive-border);padding:12px 18px;border-radius:8px}@media(max-width:1050px){.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){body{display:block}aside{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.brand{height:55px}.navlabel,footer{display:none}nav{display:flex;overflow:auto;padding-bottom:8px}nav button{white-space:nowrap}header,.content{padding-left:15px;padding-right:15px}.grid{grid-template-columns:1fr}.chart{gap:5px}.search{max-width:45%}h1{font-size:28px}}

#login{display:none}body.locked{display:grid;grid-template-columns:1fr;place-items:center}body.locked #login{display:block;width:min(420px,92vw);padding:26px}body.locked aside,body.locked main{display:none}#loginError{color:var(--notice-text)}button:disabled{opacity:.6;cursor:wait}

#editor{max-height:90vh;overflow:auto}#keyRows fieldset{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:10px}#keyRows fieldset button{margin-top:10px}

textarea{min-height:80px;resize:vertical;background:var(--inset);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:9px 11px;font:inherit}

#playlistDialog [hidden]{display:none}

#streamBouquets{border:1px solid var(--line);border-radius:8px;margin:14px 0 0;padding:10px}#streamBouquets label{display:flex;align-items:center;gap:8px}#streamBouquets p{margin:0}


.server-tiles{margin-top:0;align-items:stretch}.server-tile{padding:14px;min-width:0;overflow-wrap:anywhere}.server-tile .icon{margin-bottom:8px}.server-tile h2,.server-tile h3{font-size:15px;margin:0}.server-tile p,.server-tile dl{font-size:12px}.server-tile dl{margin:8px 0 0}.server-tile dl div,.server-tile-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 8px}.server-tile dt,.server-tile-status{color:var(--muted)}.server-tile dd{margin:0}.server-tile-status{margin-top:8px;font-size:12px}.server-tile-status .pill{margin:0}.activity-panel{margin-bottom:16px}

.app-builder{max-width:720px;margin-top:16px;padding:18px}.app-builder label:first-child{margin-top:0}.app-builder ol{padding-left:20px;line-height:1.7}.app-builder .logo-remove{display:flex;align-items:center;gap:8px}.app-builder .logo-remove[hidden]{display:none}

.app-builder [hidden]{display:none}.app-builder a{color:var(--blue)}

#startQualityField[hidden]{display:none}

.builder-buttons,.builder-published{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.builder-published{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.builder-published p{margin:0;flex:1;min-width:180px}
.builder-details summary{cursor:pointer;font-weight:600}
#githubSetup{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
#githubSetup pre{overflow-x:auto;background:var(--inset);border:1px solid var(--line);border-radius:7px;padding:10px}
#githubSetup li{margin-bottom:8px;overflow-wrap:anywhere}
#apkTokenButton{margin-top:10px}

.builder-run-button{display:inline-block;margin-top:10px;padding:8px 12px;border:1px solid var(--line);border-radius:7px}


/* Billing admin — compact, self-contained layout */
.billing-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.billing-heading p{font-size:13px}
.billing-portal-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border:1px solid var(--accent-border);border-radius:8px;background:var(--accent-fill);color:var(--link-text);text-decoration:none;font-weight:700;white-space:nowrap}
.billing-portal-link:hover{background:var(--accent-fill-hover)}
.billing-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 14px}
.billing-overview>div{border:1px solid var(--line);border-radius:10px;background:var(--input);padding:13px 16px;min-width:0}
.billing-overview span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
.billing-overview strong{display:block;font-size:15px}
.billing-form{max-width:1050px}
.billing-fieldset{border:0;padding:0;margin:0;min-width:0}
.billing-section{margin:0 0 14px;overflow:hidden}
.billing-section-header{padding:17px 20px 13px;border-bottom:1px solid var(--line)}
.billing-section-header h2{font-size:16px;line-height:1.3}
.billing-section-header p{font-size:12px;line-height:1.5;margin-top:4px}
.billing-switches{padding:3px 20px}
.billing-switch{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;margin:0;border-bottom:1px solid var(--line);cursor:pointer}
.billing-switch:last-child{border-bottom:0}
.billing-switch-copy{display:block;min-width:0}
.billing-switch-copy strong{display:block;font-size:13px;font-weight:700}
.billing-switch-copy small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5;letter-spacing:0}
.billing-switch input[type=checkbox]{appearance:none;-webkit-appearance:none;width:41px;height:23px;flex:none;position:relative;border:1px solid var(--switch-off);border-radius:50px;background:var(--switch-line);padding:0;margin:0;cursor:pointer;transition:background .15s ease}
.billing-switch input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--switch-knob);transition:transform .15s ease}
.billing-switch input[type=checkbox]:checked{background:#3174e9;border-color:#75a8ff}
.billing-switch input[type=checkbox]:checked::before{transform:translateX(18px)}
.billing-switch input[type=checkbox]:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.billing-section-body{padding:15px 20px 19px}
.billing-field{display:grid;gap:7px;margin:0;min-width:0;font-size:13px;font-weight:700}
.billing-field>span{display:block;font-size:11px;font-weight:500;color:var(--muted)}
.billing-field input,.billing-field select{width:100%;min-width:0;margin:0;min-height:40px}
.billing-field input:focus,.billing-field select:focus{border-color:#75a8ff}
.billing-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.billing-hint{font-size:11px;margin:10px 0 0}
.billing-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:12px 0 18px;flex-wrap:wrap}
.billing-actions p{margin:0;font-size:12px;flex:1;min-width:155px}
.billing-actions p[data-state=success]{color:var(--positive-text)}
.billing-actions p[data-state=error]{color:var(--notice-text)}
.billing-actions p[data-state=pending]{color:#a1afc5}
.billing-actions button{min-width:165px}
.billing-stripe-info{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;max-width:1050px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--input);color:var(--muted);font-size:12px;line-height:1.5}
.billing-stripe-status{font-size:12px;font-weight:700;color:var(--secondary-link);white-space:nowrap}
.billing-stripe-status[data-ready=true]{color:var(--positive-text)}
.billing-stripe-status[data-ready=false]{color:var(--notice-text)}
@media(max-width:740px){.billing-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.billing-overview>div{padding:11px}.billing-overview span{font-size:11px}.billing-overview strong{font-size:13px}.billing-section-header{padding:14px 15px 12px}.billing-switches{padding:3px 15px}.billing-section-body{padding:14px 15px 17px}.billing-actions button{width:100%}}
@media(max-width:420px){.billing-input-grid{grid-template-columns:1fr}.billing-heading .billing-portal-link{width:100%}}

/* Customer packages in Billing */
.billing-package-section{max-width:1050px}
.billing-package-note{margin:0 0 15px;font-size:12px;line-height:1.5}
.billing-package-list{display:grid;gap:9px}
.billing-package-card{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:9px;padding:12px 14px;background:var(--package);min-width:0}
.billing-package-card-info{display:grid;gap:5px;flex:1;min-width:190px;overflow-wrap:anywhere}
.billing-package-card-info strong{font-size:14px}
.billing-package-card-info span{font-size:12px;color:var(--muted);line-height:1.5}
.billing-package-state{font-size:11px;border-radius:30px;padding:5px 9px;font-weight:700}
.billing-package-state.live{color:var(--positive-text);background:var(--positive-bg)}
.billing-package-state.inactive{color:var(--neutral-text);background:var(--neutral-bg)}
.billing-package-card-actions{display:flex;gap:6px;flex-wrap:wrap}
.billing-package-card-actions button{font-size:12px;padding:7px 10px}
.billing-package-empty{margin:0;padding:12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:12px}
.billing-package-details{margin-top:16px;border:1px solid var(--line);border-radius:9px}
.billing-package-details summary{padding:12px 14px;cursor:pointer;color:var(--label-text);font-weight:700}
.billing-package-details[open] summary{border-bottom:1px solid var(--line)}
.billing-package-details form{padding:15px}
.billing-package-details fieldset{border:0;margin:0;padding:0;min-width:0}
.billing-package-enabled{border:1px solid var(--line);border-radius:8px;padding:9px 12px}
.billing-package-details .billing-actions{margin:17px 0 0}
.billing-package-details .billing-actions button{min-width:0}
@media(max-width:600px){.billing-package-card-actions{width:100%}.billing-package-card-actions button{flex:1}.billing-package-details .billing-actions button{flex:1}}

/* Resellers admin */
.reseller-admin{max-width:1100px;margin-top:16px;overflow:hidden}
.reseller-admin .panelhead{border-bottom:1px solid var(--line)}
.reseller-body,.reseller-accounts,.reseller-history{padding:16px 20px}
.reseller-body label,.reseller-account label{font-size:12px;color:var(--muted);font-weight:600}
.reseller-body label input,.reseller-account label input{width:100%;margin-top:5px}
.reseller-field-grid,.reseller-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.reseller-package-picker{border:1px solid var(--line);border-radius:9px;margin:18px 0 12px;padding:12px}
.reseller-package-picker legend{color:var(--label-text);font-size:12px;font-weight:700;padding:0 6px}
.reseller-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:8px}
.reseller-checkbox{display:flex!important;flex-direction:row;align-items:center;gap:9px;margin:0;border:1px solid var(--line);padding:10px;border-radius:7px;background:var(--inset);cursor:pointer}
.reseller-checkbox input{width:auto!important;flex:none;margin:0!important}
.reseller-checkbox strong{color:var(--control-text);display:block;overflow-wrap:anywhere}
.reseller-checkbox small{font-size:11px;letter-spacing:0;line-height:1.4}
.reseller-checkbox.inactive{opacity:.6;cursor:not-allowed}
.reseller-actions{display:flex;justify-content:flex-end}
.reseller-accounts{display:grid;gap:12px}
.reseller-account{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--account);min-width:0}
.reseller-account-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.reseller-account-top strong{font-size:15px}
.reseller-account-top p strong{font-size:13px;color:var(--strong-text)}
.reseller-account-top p{font-size:12px;line-height:1.7}
.reseller-account details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.reseller-account summary{cursor:pointer;font-weight:700;color:var(--link-text)}
.reseller-account details>form{margin:12px 0}
.reseller-account form>button{margin:10px 0 2px}
.reseller-manage-grid{gap:12px;margin-top:12px}
.reseller-manage-grid form{padding:14px;border:1px solid var(--line);border-radius:8px}
.reseller-manage-grid h3{margin:0;font-size:14px}
.reseller-history{padding:0}.reseller-history>.billing-package-empty{margin:16px}
@media(max-width:700px){.reseller-field-grid,.reseller-manage-grid{grid-template-columns:1fr}.reseller-body,.reseller-accounts{padding:13px}.reseller-check-grid{grid-template-columns:1fr}}
/* Reseller credit bundle configuration reuses Billing's compact package cards. */
.credit-topup-switch{margin-bottom:14px}
#creditPacksSettingsStatus{margin:6px 0 16px}

/* Admin-managed Stripe credentials (secrets never sent back to this page). */
.stripe-settings-summary{display:flex;flex-wrap:wrap;gap:8px}
.stripe-settings-summary span{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:30px;padding:7px 12px;background:var(--summary-bg);font-size:12px;font-weight:700}
.stripe-settings-intro{margin-top:15px;font-size:12px;line-height:1.6}
.stripe-settings-fields{margin-top:16px}
.stripe-settings-fields input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.025em}
.stripe-settings-actions{margin:16px 0 5px}
.stripe-settings-actions button{min-width:150px}
.stripe-webhook-box{border-top:1px solid var(--line);padding-top:15px;margin-top:15px;display:flex;align-items:end;gap:12px}
.stripe-webhook-box label{flex:1}
.stripe-webhook-box input{font-size:12px;min-width:0}
.stripe-webhook-box button{flex-shrink:0}
@media(max-width:690px){.stripe-webhook-box{display:grid}.stripe-webhook-box button{width:100%}.stripe-settings-summary span{flex:1;justify-content:center}.stripe-settings-actions button{width:100%}}


/* Admin colour palettes */
:root {
  --text: #eef3ff;
  --control-text: #eaf1ff;
  --strong-text: #eff5ff;
  --sidebar: #101725;
  --control: #192437;
  --inset: #0e1725;
  --account: #0f1826;
  --input: #101929;
  --field: #101827;
  --package: #0f1827;
  --summary-bg: #101c2e;
  --nav-active: #1a2b49;
  --nav-active-text: #9ec2ff;
  --nav-active-line: #294365;
  --tag: #1a2941;
  --tag-text: #a9c6f4;
  --icon-bg: #1d3153;
  --chart-grid: #202c40;
  --chart-highlight: #79aaff;
  --chart-bar: #315bc1;
  --positive-bg: #15382f;
  --positive-text: #77edc5;
  --notice-bg: #3d2b24;
  --notice-text: #ffc49c;
  --positive-border: #1d3d34;
  --accent-border: #36537d;
  --link-text: #b9d2ff;
  --label-text: #c0d7ff;
  --accent-fill: #182a43;
  --accent-fill-hover: #233d5e;
  --switch-off: #52637a;
  --switch-line: #344257;
  --switch-knob: #e8f0fc;
  --accent-text: #b2d0ff;
  --secondary-link: #b6d3ff;
  --neutral-text: #d7dbe5;
  --neutral-bg: #343b4a;
}
html[data-theme="daylight"] {
  color-scheme: light;
  --bg: #f1f5fb;
  --panel: #fff;
  --line: #d3dceb;
  --muted: #4f607a;
  --blue: #285abd;
  --green: #107651;
  --text: #18243a;
  --control-text: #1b2941;
  --strong-text: #162138;
  --sidebar: #ffffff;
  --control: #edf2fa;
  --inset: #f6f8fc;
  --account: #f6f8fc;
  --input: #f7f9fd;
  --field: #f5f8fc;
  --package: #f6f8fc;
  --summary-bg: #edf3ff;
  --nav-active: #e4edff;
  --nav-active-text: #204ca0;
  --nav-active-line: #bacdf0;
  --tag: #e6efff;
  --tag-text: #234c96;
  --icon-bg: #e5eeff;
  --chart-grid: #e3eaf5;
  --chart-highlight: #73a0f4;
  --chart-bar: #3868cc;
  --positive-bg: #e0f5eb;
  --positive-text: #126343;
  --notice-bg: #fff0df;
  --notice-text: #884313;
  --positive-border: #acd9c6;
  --accent-border: #9bb7e5;
  --link-text: #254f9e;
  --label-text: #284e93;
  --accent-fill: #e7efff;
  --accent-fill-hover: #d7e5fc;
  --switch-off: #6e7e96;
  --switch-line: #a7b6ca;
  --switch-knob: #fff;
  --accent-text: #244c98;
  --secondary-link: #244c98;
  --neutral-text: #465672;
  --neutral-bg: #e9edf4;
}

.header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
#themeToggle[aria-pressed="true"] {
  background: var(--nav-active);
  color: var(--nav-active-text);
  border-color: var(--nav-active-line);
}
.billing-payment-menu {
  max-width: 1050px;
}
.billing-payment-menu > summary,
.billing-provider > summary {
  cursor: pointer;
  padding: 14px 18px;
}
.billing-payment-menu > summary strong {
  font-size: 17px;
}
.billing-payment-menu summary small {
  display: inline;
  margin: 0 0 0 8px;
  font-size: 12px;
  letter-spacing: normal;
}
.billing-payment-menu summary:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -3px;
  border-radius: 8px;
}
.billing-providers {
  display: grid;
  gap: 8px;
  padding: 0 14px 14px;
}
.billing-provider {
  border: 1px solid var(--line);
  border-radius: 8px;
}
.billing-provider > summary {
  font-weight: 700;
}
.billing-provider[open] > summary {
  border-bottom: 1px solid var(--line);
}
.billing-payment-menu code {
  overflow-wrap: anywhere;
}
@media (max-width: 500px) {
  .billing-payment-menu > summary small {
    display: block;
    margin: 4px 0 0;
  }
}

/* Collapsible admin Billing cards */
.billing-card {
  max-width: 1050px;
}
.billing-card > summary {
  cursor: pointer;
  padding: 12px 18px;
}
.billing-card > summary strong {
  font-size: 16px;
}
.billing-card > summary:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -3px;
  border-radius: 8px;
}
.billing-card[open] > summary {
  border-bottom: 1px solid var(--line);
}
.billing-card-description {
  margin: 12px 20px 0;
  font-size: 12px;
}
.billing-card > .billing-overview,
.billing-card > .billing-providers {
  margin: 0;
  padding: 12px 14px 14px;
}
.billing-provider > .billing-stripe-info {
  margin: 12px 20px 0;
}

.billing-customer-menus > .billing-provider > summary:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -3px;
  border-radius: 8px;
}

.billing-customer-actions {
  margin-inline: 14px;
}

.dashboard-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  max-width: 680px;
  margin: 25px 0 17px;
}
.dashboard-counts {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}
.dashboard-count {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 2px 0;
  border: 0;
  background: transparent;
  text-align: left;
  font-size: 12px;
  color: var(--muted);
}
.dashboard-count:hover span {
  text-decoration: underline;
}
.dashboard-counts .dashboard-count strong {
  color: var(--text);
  font-size: inherit;
  line-height: inherit;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 480px) {
  .dashboard-summary {
    grid-template-columns: minmax(0, 1fr);
  }
}

.line-bouquets {
  border: 1px solid var(--line);
  border-radius: 8px;
  margin: 14px 0 0;
  padding: 10px;
  max-height: 220px;
  overflow: auto;
}
.line-bouquets label {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-wrap: anywhere;
}
.line-bouquets input {
  width: auto;
  margin: 0;
}
.billing-trial-defaults {
  padding-top: 0;
}

.billing-trial-switch {
  gap: 10px;
  padding: 7px 0;
  margin-inline: 20px;
}
.billing-trial-switch .billing-switch-copy small {
  margin-top: 2px;
  line-height: 1.25;
}