/* Shared business-page rhythm; the home layouts keep their full-width canvas. */
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body:not([data-page="home"]) .account-page {
  max-width: 1120px;
}
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body .cloud-business-heading {
  min-height: 0; margin-bottom: 22px; padding-top: 12px; padding-bottom: 12px;
}
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body .cloud-heading-art {
  width: 112px; height: 112px; flex: 0 0 112px;
}
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body .cloud-heading-art img { width: 112px; height: 112px; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body .billing-copy {
  font-size: 13px; line-height: 1.8; color: var(--cloud-muted, var(--muted));
}
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body #price { color: var(--cloud-ink, var(--text)); }

body[data-page="account"] #accountWorkspace .account-grid { align-items: start; }
body[data-page="account"] #accountWorkspace :is(.cloud-account-profile, .cloud-account-balance) { grid-column: 1 / -1; }
body[data-page="account"] #accountWorkspace .cloud-account-profile .account-metrics {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 12px 0;
}
body[data-page="account"] #accountWorkspace .cloud-account-profile .account-card__title { margin-bottom: 8px; }
body[data-page="account"] #accountWorkspace .cloud-account-profile .hint { margin: 6px 0; }
body[data-page="account"] .account-service-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
body[data-page="account"] .account-service-options .account-balance-purchase { display: flex; flex-direction: column; }
body[data-page="account"] .account-service-options .account-card__title { align-items: stretch; flex-direction: column; }
body[data-page="account"] .account-service-options .button { justify-content: center; }
body[data-page="account"] .account-membership > summary { cursor: pointer; }
body[data-page="account"] details.account-card { margin-top: 16px; }
body[data-page="account"] details.account-card > summary { cursor: pointer; margin: 0; min-height: 38px; list-style: none; gap: 12px; }
body[data-page="account"] details.account-card > summary::-webkit-details-marker { display: none; }
body[data-page="account"] details.account-card > summary::after { content: '+'; margin-left: auto; font-size: 22px; font-weight: 400; color: var(--cloud-accent, var(--primary)); }
body[data-page="account"] details.account-card[open] > summary { margin-bottom: 18px; }
body[data-page="account"] details.account-card[open] > summary::after { content: '−'; }
body[data-page="account"] .account-record-tools { display: flex; justify-content: flex-end; margin: 8px 0; }
body[data-page="account"] #serviceGuide { margin-top: 22px; }
body[data-page="account"] #serviceGuide summary .muted { font-size: 12px; }
body[data-page="account"] #accountLoginGate { padding: 26px; }
body[data-page="account"] #accountLoginGate .cloud-gate-art { display: none; }

html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] details.account-card { display: block; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] details.account-card:not([open]) { padding: 16px 20px; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] details.account-card > summary { min-height: 28px; padding-bottom: 0; border-bottom: 0; flex-wrap: nowrap; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] details.account-card[open] > summary { padding-bottom: 14px; border-bottom: 1px solid var(--cloud-line,var(--line)); }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] #accountWorkspace .cloud-account-profile { gap: 10px; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] .account-service-options .account-card__title { align-items: stretch; gap: 12px; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] .account-service-options h3 { font-size: 16px; text-align: left; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] #accountLoginGate { grid-template-columns: minmax(0,1fr); }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] #accountLoginGate > :not(.cloud-gate-art) { grid-column: 1; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] #accountLoginGate .cloud-gate-art { display: none; }
body[data-page="account"] .account-membership > summary::after { content: '+'; margin-left: auto; font-size: 22px; font-weight: 400; }
body[data-page="account"] .account-membership[open] > summary::after { content: '−'; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] .account-membership > summary h3 { font-size: 16px; }
body[data-page="account"] #accountWorkspace details { scroll-margin-top: 88px; }

body[data-page="account"] #accountWorkspace .account-rebate-actions {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column: 1 / -1; gap: 20px; align-items: start; min-width: 0;
}
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] .account-rebate-actions > details.account-card {
  width: 100%; min-width: 0; box-sizing: border-box; margin: 0; padding: 20px;
}
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] .account-rebate-actions > details.account-card > summary {
  min-height: 36px; gap: 10px; align-items: center;
}
body[data-page="account"] .account-rebate-actions > details > summary h2 { margin: 0; min-width: 0; }
body[data-page="account"] .account-rebate-actions > details > summary .badge { flex-shrink: 0; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] #accountWorkspace .account-rebate-actions .account-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-page="account"] .account-rebate-actions :is(.field, input, .account-metric) { min-width: 0; }
body[data-page="account"] .account-rebate-actions input { width: 100%; box-sizing: border-box; }
body[data-page="account"] .account-rebate-section-title { margin: 0 0 12px; font-size: 16px; }
body[data-page="account"] .rebate-quota-exchange { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--cloud-line, var(--line)); }
body[data-page="account"] .rebate-quota-exchange .account-card__title { gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
body[data-page="account"] .rebate-quota-exchange h3 { margin: 0; font-size: 16px; }
html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] #accountWorkspace .account-rebate-actions .rebate-exchange-preview { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
body[data-page="account"] .rebate-exchange-preview .account-metric__value { font-size: 22px; overflow-wrap: anywhere; }
body[data-page="account"] .rebate-exchange-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
body[data-page="account"] .rebate-exchange-error { color: var(--danger, #b42318); }
body[data-page="account"] :is(.rebate-exchange-status, .rebate-exchange-error) { overflow-wrap: anywhere; }
body[data-page="account"] .rebate-quota-exchange [hidden] { display: none !important; }

#rechargeResultContent[hidden], #rechargeResultEmpty[hidden] { display: none !important; }
.recharge-result-empty { padding: 30px; min-height: 210px; display: flex; flex-direction: column; justify-content: center; }
.recharge-result-empty h3 { margin: 12px 0; font-size: 19px; }
.recharge-result-empty p { line-height: 1.8; margin: 5px 0; }
.recharge-notice summary { cursor: pointer; font-weight: 600; }
#rechargeResultContent .recharge-metrics { margin-top: 0; }

.admin-maintenance { position: relative; }
.admin-maintenance > summary { cursor: pointer; list-style: none; }
.admin-maintenance > summary::-webkit-details-marker { display: none; }
.admin-maintenance-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 80; min-width: 200px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 12px 36px #132b4526; }
.admin-maintenance-menu .hint { margin: 0 0 10px; }
.admin-maintenance-menu button { width: 100%; }
#worldScanForm .quota-key-preview { margin: 16px 0 18px; padding: 16px; }
#worldScanForm .grid { align-items: start; }
#worldScanForm .field:has(#worldScanNote) { grid-column: 1 / -1; }
#worldScanPanel .quota-inventory-heading { margin: 28px 0 18px; padding-top: 24px; border-top: 1px solid var(--line); }

@media (max-width: 700px) {
  body[data-page="account"] #accountWorkspace .account-rebate-actions { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] #accountWorkspace .account-rebate-actions .account-metrics { grid-template-columns: minmax(0, 1fr); }
  html[data-cloud-scope="account"][data-cloud-ui][data-theme] body[data-page="account"] #accountWorkspace .account-rebate-actions .rebate-exchange-preview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-cloud-scope="account"][data-cloud-ui][data-theme] body .cloud-business-heading { gap: 12px; margin-bottom: 18px; }
  html[data-cloud-scope="account"][data-cloud-ui][data-theme] body .cloud-heading-art { display: none; }
  html[data-cloud-scope="account"][data-cloud-ui][data-theme] body .cloud-heading-copy { width: 100%; max-width: none; padding-right: 0; }
  body[data-page="account"] .account-service-options { grid-template-columns: 1fr; gap: 0; }
  body[data-page="account"] #accountWorkspace .cloud-account-profile .account-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page="account"] #accountWorkspace .cloud-account-profile .account-metric:last-child { grid-column: 1 / -1; }
  body[data-page="account"] #serviceGuide summary .muted { display: none; }
  .recharge-result-empty { min-height: 170px; padding: 22px; }
  .admin-maintenance-menu { left: 0; right: auto; }
}