/* Private account screens: the public header and footer around a quiet, card-based workspace. */
.account-site { background: #f4f6f5; }
.account-site main { min-height: 60vh; }

/* Sub-navigation bar under the public header */
.account-bar { background: #fff; border-bottom: 1px solid #e1e7e4; }
.account-bar-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 24px; }
.account-navigation { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; flex: 1 1 auto; }
.account-navigation::-webkit-scrollbar { display: none; }
.account-site .account-navigation a { padding: 16px 12px 14px; border-bottom: 2px solid transparent; color: #526076; font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.account-site .account-navigation a:hover { color: #20282c; }
@media (min-width: 768px) { .account-site .account-navigation a:first-child { padding-left: 0; } }
.account-site .account-navigation a[aria-current="page"] { color: #20282c; border-bottom-color: #168354; }
.account-bar-meta { display: flex; align-items: center; gap: 16px; flex: none; font-size: 14px; }
.account-site .account-balance-chip { padding: 5px 12px; border-radius: 999px; background: #eef6f1; color: #11683f; font-weight: 600; text-decoration: none; white-space: nowrap; }
.account-site .account-balance-chip:hover { background: #e1efe7; color: #0b4d2c; }
.account-bar-meta form { margin: 0; }
.account-site .account-signout { margin: 0; padding: 0; border: 0; background: none; color: #526076; font-size: 14px; }
.account-site .account-signout:hover { color: #20282c; }

/* Page frame */
.account-page { max-width: 1280px; margin: 0 auto; padding: 36px 24px 72px; }
.account-page--narrow { max-width: 808px; }
.account-page--auth { max-width: 508px; padding-top: 56px; }
.account-content > * + * { margin-top: 0; }
.account-content h1 { margin: 0; color: #20282c; font-size: 28px; font-weight: 650; line-height: 1.2; letter-spacing: -.02em; }
.account-content h2 { margin: 0 0 4px; color: #20282c; font-size: 18px; font-weight: 650; line-height: 1.35; }
.account-content h3 { margin: 0 0 4px; font-size: 16px; font-weight: 600; }
.account-content p { margin: 0 0 16px; }
.account-content p:last-child { margin-bottom: 0; }
.account-header { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; margin: 0 0 28px; }
.account-header p { margin: 6px 0 0; color: #526076; }
.account-header .account-actions { margin: 0; }
.account-muted { color: #526076; }
.account-card > h2 + p.account-muted { margin: 0; font-size: 15px; line-height: 1.5; }
.account-small { font-size: 14px; }
.account-content small { display: block; margin-top: 6px; color: #66737f; font-size: 13px; }

/* Cards and grids */
.account-card { margin: 0 0 20px; padding: 24px; border: 1px solid #e1e7e4; border-radius: 10px; background: #fff; }
.account-card--flush { padding: 0; overflow: hidden; }
.account-card-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin: 0 0 16px; }
.account-card--flush .account-card-head { margin: 0; padding: 20px 24px 16px; }
.account-card-head p { margin: 2px 0 0; color: #526076; font-size: 14px; }
.account-card-head a { font-size: 14px; font-weight: 500; }
.account-card-foot { padding: 14px 24px; border-top: 1px solid #edf1ef; font-size: 14px; }
.account-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0 0 20px; }
.account-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.account-grid--wide { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: start; }
.account-grid > .account-card { margin: 0; }
.account-stack > * { margin: 0 0 20px; }
.account-stat-label { margin: 0 0 6px; color: #526076; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.account-stat { margin: 0 0 6px; color: #20282c; font-size: 34px; font-weight: 650; line-height: 1.1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.account-stat-note { margin: 0; color: #526076; font-size: 14px; }

/* Action tiles */
.account-site a.account-tile { display: flex; flex-direction: column; gap: 4px; padding: 20px 22px; border: 1px solid #e1e7e4; border-radius: 10px; background: #fff; color: #263238; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.account-site a.account-tile:hover { border-color: #9cc9b1; box-shadow: 0 2px 10px rgba(22, 131, 84, .08); color: #263238; }
.account-tile strong { color: #20282c; font-size: 16px; }
.account-tile span { color: #526076; font-size: 14px; }
.account-tile-icon { display: grid; place-items: center; width: 36px; height: 36px; margin: 0 0 8px; border-radius: 8px; background: #eef6f1; color: #168354; }
.account-tile-icon svg { width: 20px; height: 20px; }

/* Buttons */
.account-site .account-button, .account-content input[type="submit"], .account-content button:not(.account-button-secondary):not(.account-button-link):not(.account-button-danger) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 11px 20px; border: 1px solid #168354; border-radius: 6px; background: #168354; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.3; text-decoration: none; white-space: nowrap; cursor: pointer; }
.account-site .account-button:hover, .account-content input[type="submit"]:hover, .account-content button:not(.account-button-secondary):not(.account-button-link):not(.account-button-danger):hover { background: #11683f; border-color: #11683f; color: #fff; }
.account-site a.account-button-secondary, .account-content button.account-button-secondary, .account-content summary.account-button-secondary { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 10px 18px; border: 1px solid #c9d4ce; border-radius: 6px; background: #fff; color: #20282c; font-size: 15px; font-weight: 600; line-height: 1.3; text-decoration: none; white-space: nowrap; cursor: pointer; }
.account-site a.account-button-secondary:hover, .account-content button.account-button-secondary:hover, .account-content summary.account-button-secondary:hover { border-color: #8fa79a; background: #f7faf8; color: #20282c; }
.account-content button.account-button-link { margin: 0; padding: 0; border: 0; background: none; color: #146c43; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.account-content button.account-button-danger { margin: 0; padding: 7px 14px; border: 1px solid #e3c4c4; border-radius: 6px; background: #fff; color: #9a3030; font-size: 14px; font-weight: 600; cursor: pointer; }
.account-content button.account-button-danger:hover { border-color: #c98f8f; background: #fff6f6; }
.account-button--block { width: 100%; }
.account-content .account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 24px 0 0; }
.account-content .account-actions form { margin: 0; }

/* Forms */
.account-content form { margin: 0; }
.account-field { margin: 0 0 18px; }
.account-content label, .account-label { display: block; margin: 0 0 6px; color: #20282c; font-size: 14px; font-weight: 600; }
.account-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]), .account-content select { display: block; width: 100%; padding: 10px 12px; border: 1px solid #c3cfc8; border-radius: 6px; background: #fff; color: #263238; font-size: 16px; line-height: 1.4; }
.account-content textarea { display: block; width: 100%; padding: 10px 12px; border: 1px solid #c3cfc8; border-radius: 6px; background: #fff; color: #263238; font-size: 16px; line-height: 1.4; font-family: inherit; resize: vertical; }
.account-content input:focus, .account-content select:focus, .account-content textarea:focus { border-color: #168354; outline: 3px solid rgba(22, 131, 84, .18); outline-offset: 0; }
.account-content select { appearance: none; padding-right: 36px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%23526076' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center; }
.account-check { display: flex !important; align-items: flex-start; gap: 10px; margin: 0 0 14px !important; font-weight: 400 !important; font-size: 15px !important; }
.account-check input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: #168354; }
.account-check span small { margin-top: 2px; }
.account-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.account-input-prefix { position: relative; }
.account-input-prefix::before { content: "$"; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #66737f; }
.account-content .account-input-prefix input { padding-left: 26px !important; }
.account-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 8px; }
.account-divider { height: 1px; margin: 24px 0; border: 0; background: #edf1ef; }
/* Card intro text, form fields and the note under a button row get the same breathing room. */
.account-card > p.account-muted + form { margin-top: 18px; }
.account-refill-fields + .account-divider { margin: 6px 0 24px; }
.account-form-actions + small { margin-top: 14px; }

/* Alerts */
.account-content .notice, .account-content .error, .account-alert { display: flex; gap: 10px; margin: 0 0 24px; padding: 13px 16px; border: 1px solid #cfe5d8; border-radius: 8px; background: #f1f8f4; color: #1d4d35; font-size: 15px; }
.account-content .error, .account-alert--error { border-color: #ecc8c8; background: #fdf4f4; color: #8c2727; }
.account-alert--warn { border-color: #ecdcb4; background: #fdf8ec; color: #6b4d0f; }
.account-content .error ul { margin: 0; padding-left: 18px; }
.account-alert a { color: inherit; font-weight: 600; }

/* Badges */
.account-badge { display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px; border-radius: 999px; background: #eef1f0; color: #45525b; font-size: 12.5px; font-weight: 600; line-height: 1.6; white-space: nowrap; }
.account-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .75; }
.account-badge--ok { background: #e7f4ec; color: #146c43; }
.account-badge--warn { background: #fbf1da; color: #7a5a12; }
.account-badge--bad { background: #fbe9e9; color: #9a3030; }
.account-badge--info { background: #e8f0f9; color: #255389; }

/* Tables */
.account-table-scroll { overflow-x: auto; }
.account-content table { width: 100%; border-collapse: collapse; font-size: 14.5px; font-variant-numeric: tabular-nums; }
.account-content th, .account-content td { padding: 12px 16px; border-bottom: 1px solid #edf1ef; text-align: left; vertical-align: middle; white-space: nowrap; }
.account-content th { color: #66737f; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; background: #fafbfa; }
.account-content tbody tr:last-child td { border-bottom: 0; }
.account-content th:first-child, .account-content td:first-child { padding-left: 24px; }
.account-content th:last-child, .account-content td:last-child { padding-right: 24px; }
.account-content td.account-num, .account-content th.account-num { text-align: right; }
.account-content td.account-wrap { white-space: normal; min-width: 200px; }
.account-content td a { font-weight: 500; }
.account-content td form { margin: 0; }
.account-empty { padding: 36px 24px; color: #526076; text-align: center; }
.account-empty strong { display: block; margin: 0 0 4px; color: #20282c; font-size: 16px; }
.account-empty .account-actions { justify-content: center; margin-top: 16px; }
.account-pager { display: flex; gap: 16px; justify-content: flex-end; padding: 14px 24px; border-top: 1px solid #edf1ef; font-size: 14px; }

/* Definition lists (key/value) */
.account-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; border-top: 1px solid #edf1ef; }
.account-facts > div { padding: 16px 0; border-bottom: 1px solid #edf1ef; }
.account-facts > div:nth-child(odd) { padding-right: 16px; }
.account-facts dt { margin: 0 0 4px; color: #66737f; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.account-facts dd { margin: 0; color: #20282c; font-size: 17px; font-weight: 600; overflow-wrap: anywhere; }
.account-facts dd small { font-weight: 400; }
.account-bullets { margin: 0 0 16px; padding-left: 20px; }
.account-bullets li { margin: 6px 0; }
.account-list { margin: 0; padding: 0; list-style: none; }
.account-list li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; padding: 14px 0; border-bottom: 1px solid #edf1ef; }
.account-list li:first-child { padding-top: 0; }
.account-list li:last-child { padding-bottom: 0; border-bottom: 0; }
.account-kv { display: grid; grid-template-columns: max-content 1fr; gap: 8px 24px; margin: 0; font-size: 15px; }
.account-kv dt { color: #66737f; }
.account-kv dd { margin: 0; color: #20282c; font-weight: 500; overflow-wrap: anywhere; }

/* Lookup (mirrors the home search) */
.account-lookup { max-width: 640px; margin: 0 auto 32px; text-align: center; }
.account-lookup h1 { font-size: 34px; }
.account-lookup > p { margin: 10px 0 28px; color: #526076; font-size: 17px; }
.account-lookup-form { padding: 28px; border: 1px solid #e1e7e4; border-radius: 12px; background: #fff; box-shadow: 0 6px 24px rgba(32, 40, 44, .06); text-align: left; }
.account-lookup-input { display: flex; gap: 10px; }
.account-content .account-lookup-input input { flex: 1 1 auto; padding: 14px 16px !important; font-size: 19px !important; }
.account-content .account-lookup-input button { flex: none; padding: 14px 24px; font-size: 16px; }
.account-lookup-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0 0; padding: 0; border: 0; }
.account-lookup-options legend { margin: 0 0 8px; padding: 0; color: #20282c; font-size: 14px; font-weight: 600; }
.account-content .account-option { position: relative; display: block; margin: 0; padding: 12px 14px 12px 40px; border: 1px solid #d5ded9; border-radius: 8px; font-weight: 400; cursor: pointer; }
.account-option input { position: absolute; left: 14px; top: 15px; width: 16px; height: 16px; margin: 0; accent-color: #168354; }
.account-option strong { display: block; color: #20282c; font-size: 15px; }
.account-option span { display: block; color: #526076; font-size: 13.5px; }
.account-option:has(input:checked) { border-color: #168354; background: #f3faf6; box-shadow: inset 0 0 0 1px #168354; }
.account-lookup-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 16px 0 0; color: #526076; font-size: 14px; }
.account-lookup-meta label { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: #526076; font-weight: 500; }
.account-content .account-lookup-meta select { display: inline-block; width: auto; padding: 6px 32px 6px 10px; font-size: 14px; }
.account-lookup-perks { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin: 18px 0 0; padding: 0; list-style: none; color: #526076; font-size: 14px; }
.account-lookup-perks li::before { content: "✓"; margin-right: 6px; color: #168354; font-weight: 700; }

/* Lookup result */
.account-result-number { margin: 0 0 4px; color: #20282c; font-size: 30px; font-weight: 650; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.account-result-verdict { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; }

/* Auth (signed out) */
.account-auth-card { padding: 32px; border: 1px solid #e1e7e4; border-radius: 12px; background: #fff; box-shadow: 0 6px 24px rgba(32, 40, 44, .05); }
.account-auth-card h1 { margin: 0 0 6px; font-size: 26px; }
.account-auth-card > p { color: #526076; }
.account-auth-card .account-intro { margin: 0 0 24px; }
.account-auth-card input[type="submit"] { width: 100%; margin-top: 4px; padding: 12px 20px; }
.account-auth-links { margin: 20px 0 0; color: #526076; font-size: 14px; text-align: center; }
.account-auth-links a { font-weight: 500; }
.account-auth-foot { margin: 20px 0 0; color: #526076; font-size: 15px; text-align: center; }
.account-label-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.account-label-row a { font-size: 13.5px; font-weight: 500; }
.account-auth-perks { margin: 0 0 24px; padding: 0; list-style: none; color: #45525b; font-size: 14.5px; }
.account-auth-perks li { position: relative; margin: 0 0 6px; padding-left: 20px; }
.account-auth-perks li::before { content: "✓"; position: absolute; left: 0; color: #168354; font-weight: 700; }

/* HubSpot */
.account-integration { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; }
.account-integration-logo { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 10px; background: #fff3ef; }
.account-integration-logo svg { width: 24px; height: 24px; }
.account-integration-body { flex: 1 1 260px; }
.account-integration-body p { margin: 2px 0 0; color: #526076; font-size: 14px; }
.account-hubspot-install { display: grid; grid-template-columns: max-content 1fr; gap: 10px 24px; margin: 0 0 20px; padding: 18px 20px; border: 1px solid #e1e7e4; border-radius: 8px; background: #fafbfa; font-size: 15px; }
.account-hubspot-install dt { color: #66737f; }
.account-hubspot-install dd { margin: 0; color: #20282c; font-weight: 600; overflow-wrap: anywhere; }

/* Secret key reveal */
.account-secret { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0 0; }
.account-secret code { flex: 1 1 280px; padding: 10px 12px; border: 1px dashed #9cc9b1; border-radius: 6px; background: #fff; color: #20282c; font-size: 14px; overflow-wrap: anywhere; }
.account-or, .account-auth-card .account-or { display: flex; align-items: center; gap: 12px; margin: 22px 0 18px; color: #66737f; font-size: 13px; }
.account-or::before, .account-or::after { content: ""; flex: 1; height: 1px; background: #e1e7e4; }
.account-or[hidden] { display: none; }
.account-inline-link { display: inline; margin: 0; }
.account-inline-link .account-button-link { display: inline; padding: 0; font-size: inherit; }
.account-confirm-card { border-color: #9cc9b1; background: #f6faf7; scroll-margin-top: 24px; }
.account-confirm-card h2 { display: flex; align-items: center; gap: 8px; }
.account-confirm-card h2 svg { flex: none; color: #146c43; }
.account-confirm-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; }
.account-confirm-actions form { display: contents; }
.account-confirm-actions .error { flex-basis: 100%; order: 1; margin: 0; }
.account-confirm-card:target { box-shadow: 0 0 0 3px rgba(20, 108, 67, .25); }
.account-content a.account-button-locked { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border: 1px dashed #c9d4ce; border-radius: 6px; background: #f4f6f5; color: #7a8781; font-size: 14px; font-weight: 600; line-height: 1.3; text-decoration: none; white-space: nowrap; }
.account-content a.account-button-locked:hover, .account-content a.account-button-locked:focus-visible { border-color: #9cc9b1; color: #146c43; }
.account-qr svg { display: block; width: 180px; height: 180px; margin: 4px 0 16px; }
.account-recovery-codes { display: grid; grid-template-columns: repeat(2, max-content); gap: 8px 32px; margin: 12px 0 0; padding: 0; list-style: none; }
.account-recovery-codes code { font-size: 16px; letter-spacing: .04em; }
.account-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.account-content code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .92em; }

@media (max-width: 900px) {
  .account-grid, .account-grid--wide { grid-template-columns: 1fr; }
  .account-grid--2 { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .account-bar-inner { padding: 0 8px 0 4px; gap: 8px; }
  .account-bar-meta { display: none; }
  .account-page { padding: 28px 16px 48px; }
  .account-page--auth { padding-top: 32px; }
  .account-content h1, .account-lookup h1 { font-size: 25px; }
  .account-header { margin-bottom: 20px; }
  .account-card { padding: 20px; }
  .account-card--flush { padding: 0; }
  .account-card--flush .account-card-head { padding: 18px 20px 14px; }
  .account-content th:first-child, .account-content td:first-child { padding-left: 20px; }
  .account-content th:last-child, .account-content td:last-child { padding-right: 20px; }
  .account-form-row { grid-template-columns: 1fr; }
  .account-lookup-form { padding: 20px; }
  .account-lookup-input { flex-direction: column; }
  .account-lookup-options { grid-template-columns: 1fr; }
  .account-facts { grid-template-columns: 1fr; }
  .account-facts > div:nth-child(odd) { padding-right: 0; }
  .account-auth-card { padding: 24px 20px; }
  .account-hubspot-install, .account-kv { grid-template-columns: 1fr; gap: 2px; }
  .account-hubspot-install dd + dt, .account-kv dd + dt { margin-top: 10px; }
}
.account-gap { margin-top: 16px !important; }
.account-field--short { max-width: 220px; }
.account-confirm { flex: none; }
.account-confirm > summary { list-style: none; }
.account-confirm > summary::-webkit-details-marker { display: none; }
.account-confirm { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.account-confirm-open, .account-confirm[open] .account-confirm-closed { display: none; }
.account-confirm[open] .account-confirm-open { display: inline; }
.account-confirm-panel { max-width: 300px; padding: 14px 16px; border: 1px solid #ecc8c8; border-radius: 8px; background: #fdf8f8; font-size: 14px; }
.account-confirm-panel p { margin: 0 0 10px; }
.account-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.account-content td.account-row-action { text-align: right; }
.account-confirm--row { align-items: flex-end; }
.account-content summary.account-button-link { color: #146c43; font-size: 14px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.account-confirm--row .account-confirm-panel { width: 250px; max-width: 250px; white-space: normal; text-align: left; }
.account-content .account-actions-end { margin-left: auto; }
.account-gap-bottom { margin-bottom: 16px !important; }
.account-content .account-actions--center { justify-content: center; margin-top: 16px; }
.account-integration-logo--sm { width: 24px; height: 24px; border-radius: 6px; }
.account-integration-logo--sm svg { width: 15px; height: 15px; }
.account-content .notice .account-integration-logo { background: #fff; }
.account-auth-foot p { margin: 0; }
.account-inline-form { display: flex; gap: 10px; }
.account-inline-form input { flex: 1 1 auto; }
@media (max-width: 767px) { .account-inline-form { flex-direction: column; } }
.account-lookup-recent { max-width: 808px; margin-left: auto !important; margin-right: auto !important; }
.account-list li > .account-integration { width: 100%; }
.account-signout-mobile { display: none; }
@media (max-width: 767px) { .account-signout-mobile { display: block; margin-top: 8px; text-align: center; } }
.account-report-warning { margin: 24px 0 0 !important; padding-top: 16px; border-top: 1px solid #edf1ef; color: #66737f; font-size: 12.5px; line-height: 1.5; }
.account-print-only { display: none; }
@media print {
  .account-site { background: #fff; }
  .account-site .public-site-header, .account-site .public-site-footer, .account-bar, .account-site .public-skip,
  .account-report .account-actions, .account-page > .account-content > p.account-small, .account-no-print { display: none !important; }
  .account-page { max-width: none; padding: 0; }
  .account-report { border: 0; padding: 0; }
  .account-print-only { display: block; }
  .account-print-header { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 28px; padding-bottom: 12px; border-bottom: 2px solid #20282c; }
  .account-print-brand { color: #20282c; font-size: 20px; font-weight: 700; }
  .account-print-brand span { color: #6b7c74; font-weight: 500; }
  .account-print-header p { margin: 0; color: #526076; font-size: 13px; }
  .account-print-footer { margin-top: 24px !important; color: #66737f; font-size: 12px; text-align: center; }
  .account-badge { border: 1px solid currentColor; }
}
.account-content .account-result-input { margin: -2px 0 12px; }
.account-refill-needs-card { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 14px; padding: 12px 14px; border: 1px dashed #c9d4ce; border-radius: 8px; background: #fafbfa; }
.account-refill-needs-card .account-check { margin: 0 !important; }
.account-check--disabled { color: #66737f; }
.account-hidden-form { display: none; }
.account-alert--inline { margin: 16px 0; }
.account-refill-fields--locked label, .account-refill-fields--locked .account-input-prefix { opacity: .6; }
/* Phones: batches and API keys stack each row into a small card so status, cost and actions stay on screen. */
@media (max-width: 640px) {
  .account-content table.account-table-stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .account-content table.account-table-stack, .account-content table.account-table-stack tbody { display: block; }
  .account-content table.account-table-stack tr { display: block; padding: 14px 20px; border-bottom: 1px solid #edf1ef; }
  .account-content table.account-table-stack tbody tr:last-child { border-bottom: 0; }
  .account-content table.account-table-stack td { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 4px 0; border: 0; text-align: right; white-space: normal; }
  .account-content table.account-table-stack td:first-child { display: block; padding: 0 0 4px; text-align: left; font-weight: 600; overflow-wrap: anywhere; }
  .account-content table.account-table-stack td[data-label]::before { content: attr(data-label); flex: none; color: #66737f; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; text-align: left; }
  .account-content table.account-table-stack td:empty { display: none; }
  .account-content table.account-table-stack td.account-row-action, .account-content table.account-table-stack td:last-child:not([data-label]) { justify-content: flex-end; padding-top: 8px; }
}

/* Admin dashboard (docs/admin.md): the same quiet tables, plus a section row, decrypted text and copyable commands. */
.admin-subnav { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: -12px 0 20px; font-size: 14.5px; }
.account-site .admin-subnav a { color: #526076; font-weight: 500; text-decoration: none; }
.account-site .admin-subnav a:hover { color: #20282c; }
.account-site .admin-subnav a[aria-current="page"] { color: #20282c; font-weight: 650; text-decoration: underline; text-decoration-color: #168354; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.account-content .admin-text { white-space: pre-wrap; font-weight: 400; }
.account-content textarea.admin-numbers { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 15px; }
.account-content .admin-id { font-size: 14px; }
.account-content details.admin-decline > summary { cursor: pointer; }
.account-content form.admin-activate { margin: 0; }
.account-card--flush > .account-alert { margin: 0 24px 16px; }
.account-content ul.admin-failed-checks { margin: 0; padding: 0 24px 16px; list-style: none; font-size: 14px; }
.account-content ul.admin-failed-checks li { margin: 6px 0; }