:root {
  --ink: #17201c;
  --muted: #647069;
  --line: #dce3df;
  --paper: #f5f7f5;
  --white: #ffffff;
  --green: #087a55;
  --green-dark: #075c43;
  --mint: #e0f5ec;
  --coral: #d8513c;
  --amber: #a66a00;
  --radius: 6px;
  --shadow: 0 12px 34px rgba(22, 36, 29, .08);
}

/* Hierarchical teams and layered settlements */
.page-subtitle { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.team-depth-form { margin-left: auto; }
.team-depth-form label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 750; }
.team-depth-form input { width: 72px; }
.account-limit-primary[data-independent-limits] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 22px; }
.account-limit-primary[data-independent-limits] .account-reservation-settings { grid-column: 1 / -1; }
.account-limit-panel .team-limit-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.team-limit-list .team-limit-row[data-dual-limits] { min-height: 58px; grid-template-columns: 22px minmax(110px, 1fr) minmax(180px, .9fr) minmax(180px, .9fr); gap: 10px; }
.team-limit-inline-form { min-width: 0; display: grid; grid-template-columns: auto minmax(64px, 92px) 36px; align-items: center; gap: 7px; }
.team-limit-inline-form label { color: var(--muted); font-size: 11px; font-weight: 750; }
.team-limit-inline-form input { width: 100%; }
.team-limit-checkbox { width: 17px !important; height: 17px !important; padding: 0; accent-color: var(--green); }
.team-limit-identity { min-width: 0; display: grid; gap: 2px; }
.team-limit-identity small { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.team-price-table { min-width: 1260px; }
.member-price-inline-form { min-width: 160px; display: grid; grid-template-columns: minmax(74px, 1fr) 34px; gap: 6px; align-items: center; }
.member-price-inline-form > input { min-width: 0; width: 100%; }
.member-price-inline-form .compact-check { grid-column: 1 / -1; display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.member-price-inline-form .compact-check input { width: auto; }
.member-price-inline-form > small { grid-column: 1 / -1; color: var(--muted); line-height: 1.35; }
.child-team-table { min-width: 1040px; }
.member-finance-table { min-width: 1360px; }
.member-settlement-quantity-control { min-width: 112px; display: inline-flex; align-items: center; gap: 6px; }
.member-settlement-quantity-control input { width: 72px; height: 36px; padding-inline: 8px; text-align: right; font-variant-numeric: tabular-nums; }
.member-settlement-quantity-control input:invalid:not(:disabled) { border-color: var(--coral); outline: 2px solid rgba(216, 81, 60, .12); }
.member-settlement-quantity-control input:disabled { color: var(--muted); background: #f1f4f2; cursor: not-allowed; }
.member-settlement-quantity-control span { color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.member-settlement-toolbar .checkbox-label { margin-right: 0; }
.member-settlement-toolbar .selection-count { margin-left: auto; }
.member-settlement-filtered-hint { margin: 0; padding: 9px 14px; color: #6f5100; background: #fff8df; border-bottom: 1px solid #ecdca4; font-size: 12px; line-height: 1.5; }
.member-settlement-filtered-hint[hidden] { display: none; }
.member-price-settings-form { display: flex; align-items: end; gap: 14px; flex-wrap: wrap; }
.member-price-settings-form > label:not(.toggle-control) { min-width: 180px; display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 750; }
.member-price-settings-form input[type="number"] { width: 180px; }
.member-price-settings-form .toggle-control { min-height: 40px; }
.member-price-settings-form > div { display: grid; gap: 3px; color: var(--muted); }
.member-price-settings-form .compact-check { display: flex; align-items: center; gap: 7px; flex-basis: 100%; color: var(--muted); font-size: 12px; }
.member-price-settings-form .compact-check input { width: auto; }
.member-receipts-panel { margin-top: 18px; }
.member-receipts-panel table { min-width: 660px; }

@media (max-width: 760px) {
  .team-depth-form { width: 100%; margin-left: 0; }
  .team-depth-form label { flex: 1; justify-content: space-between; }
  .account-limit-primary[data-independent-limits] { grid-template-columns: 1fr; }
  .account-limit-primary[data-independent-limits] .account-reservation-settings { grid-column: auto; }
  .account-limit-panel .team-limit-list { grid-template-columns: 1fr; }
  .team-limit-list .team-limit-row[data-dual-limits] { padding: 10px 0; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; }
  .team-limit-list .team-limit-row[data-dual-limits] .team-limit-checkbox { grid-column: 1; grid-row: 1; }
  .team-limit-list .team-limit-row[data-dual-limits] .team-limit-identity { grid-column: 2; grid-row: 1; }
  .team-limit-list .team-limit-row[data-dual-limits] .team-limit-inline-form { grid-column: 2; }
  .team-limit-inline-form { grid-template-columns: minmax(70px, auto) minmax(0, 1fr) 36px; }
  .member-price-settings-form { align-items: stretch; flex-direction: column; }
  .member-price-settings-form > label:not(.toggle-control), .member-price-settings-form input[type="number"] { width: 100%; }
  .member-settlement-toolbar .selection-count { margin-left: 0; }
  .account-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
* { box-sizing: border-box; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
html { min-height: 100%; scroll-padding-top: 74px; background: var(--paper); }
html.scroll-restoring body { visibility: hidden; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; font-size: 14px; letter-spacing: 0; }
[id] { scroll-margin-top: 74px; }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
a { color: inherit; }
.topbar { position: sticky; top: 0; z-index: 50; height: 58px; padding: 0 max(18px, calc((100vw - 1440px) / 2)); display: flex; align-items: center; justify-content: space-between; color: var(--white); background: var(--ink); border-bottom: 3px solid var(--green); box-shadow: 0 5px 18px rgba(16, 28, 22, .12); }
.brand { text-decoration: none; font-size: 14px; font-weight: 600; }
.brand strong { color: #59d1a3; }
.topbar-actions { display: flex; align-items: center; gap: 12px; }
.topbar-actions form { margin: 0; }
.language-switch { display: inline-grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 2px; background: #303a35; border-radius: 4px; }
.language-switch a { min-width: 40px; height: 28px; padding: 0 7px; display: grid; place-items: center; color: #cbd5d0; border-radius: 3px; font-size: 11px; font-weight: 750; text-decoration: none; }
.language-switch a.active { color: var(--ink); background: var(--white); }
.identity { color: #dbe4df; font-size: 13px; }
.topbar-announcement-button { position: relative; min-height: 34px; padding: 4px 9px 4px 5px; display: inline-flex; align-items: center; gap: 7px; color: var(--white); background: #303a35; border: 1px solid #46534c; border-radius: 4px; cursor: pointer; font-size: 11px; font-weight: 750; }
.topbar-announcement-button:hover, .topbar-announcement-button:focus-visible { background: #3b4942; border-color: #6b7c73; outline: none; }
.topbar-announcement-icon { width: 24px; height: 24px; display: inline-grid; place-items: center; color: var(--ink); background: #59d1a3; border-radius: 3px; font-size: 14px; font-weight: 900; }
.topbar-announcement-badge { min-width: 18px; height: 18px; padding: 0 5px; display: inline-grid; place-items: center; color: var(--white); background: var(--coral); border: 2px solid var(--ink); border-radius: 9px; font-size: 9px; font-weight: 850; font-variant-numeric: tabular-nums; }
.topbar-guide-button { min-height: 34px; padding: 4px 9px 4px 5px; display: inline-flex; align-items: center; gap: 7px; color: var(--white); background: #303a35; border: 1px solid #46534c; border-radius: 4px; cursor: pointer; font-size: 11px; font-weight: 750; }
.topbar-guide-button:hover, .topbar-guide-button:focus-visible { background: #3b4942; border-color: #6b7c73; outline: none; }
.topbar-guide-icon { width: 24px; height: 24px; display: inline-grid; place-items: center; color: var(--ink); background: #d9e9ff; border-radius: 3px; font-family: Georgia, serif; font-size: 15px; font-weight: 900; }
.topbar-password-button { min-height: 34px; padding: 4px 9px 4px 5px; display: inline-flex; align-items: center; gap: 7px; color: var(--white); background: #303a35; border: 1px solid #46534c; border-radius: 4px; cursor: pointer; font-size: 11px; font-weight: 750; text-decoration: none; }
.topbar-password-button:hover, .topbar-password-button:focus-visible { background: #3b4942; border-color: #6b7c73; outline: none; }
.topbar-password-icon { width: 24px; height: 24px; display: inline-grid; place-items: center; color: var(--ink); background: #f4e6b3; border-radius: 3px; font-size: 9px; font-weight: 900; }
.shell { width: min(1440px, calc(100% - 36px)); margin: 0 auto; padding: 28px 0 56px; }
.page-head, .scan-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.page-head-actions, .scan-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: clamp(25px, 3vw, 38px); line-height: 1.05; font-weight: 760; }
h2 { margin-bottom: 0; font-size: 18px; line-height: 1.25; }
.section-kicker { margin-bottom: 7px; color: var(--green); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.live-dot { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.live-dot::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #20a875; box-shadow: 0 0 0 4px rgba(32,168,117,.12); }
.metric-strip { display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 20px; background: var(--ink); color: var(--white); border-radius: var(--radius); overflow: hidden; }
.metric-strip > div { min-width: 0; padding: 16px 20px; border-right: 1px solid #3a433f; }
.metric-strip > div:last-child { border-right: 0; }
.metric-strip span { display: block; color: #aebbb4; font-size: 11px; }
.metric-strip strong { display: block; margin-top: 5px; font-size: 23px; font-variant-numeric: tabular-nums; }
.settings-bar { margin-bottom: 18px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: var(--white); border: 1px solid var(--line); border-left: 4px solid #24566b; border-radius: var(--radius); }
.settings-bar .section-kicker { margin-bottom: 4px; }
.settings-form { display: grid; grid-template-columns: 150px auto; gap: 8px; }
.automatic-pricing-panel { margin-bottom: 18px; border-top: 3px solid var(--green); }
.automatic-pricing-head { gap: 18px; }
.automatic-pricing-head p { max-width: 780px; margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.automatic-pricing-form { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); }
.automatic-pricing-editor { min-width: 0; padding: 18px; display: grid; gap: 16px; }
.automatic-pricing-toggle { padding: 12px 14px; background: #edf6f2; border: 1px solid #cfe7dc; border-radius: var(--radius); }
.automatic-pricing-toggle > span:last-child { min-width: 0; display: grid; gap: 3px; }
.automatic-pricing-toggle strong { color: var(--ink); font-size: 13px; }
.automatic-pricing-toggle small { color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.45; }
.pricing-rule-field { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
.pricing-rule-field textarea { min-height: 172px; color: #27342e; background: #fbfcfb; font-size: 12px; }
.pricing-rule-field small { font-weight: 500; line-height: 1.5; }
.automatic-pricing-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.automatic-pricing-actions > span { max-width: 620px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.pricing-preview { min-width: 0; padding: 18px; background: #f6f9f7; border-left: 1px solid var(--line); }
.pricing-preview-head { margin-bottom: 14px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.pricing-preview-head > div > span, .pricing-preview-head > div > strong { display: block; }
.pricing-preview-head > div > span { color: var(--muted); font-size: 11px; font-weight: 750; text-transform: uppercase; }
.pricing-preview-head > div > strong { margin-top: 4px; font-size: 14px; }
.pricing-preview-list { margin: 0; display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.pricing-preview-list > div { min-height: 42px; padding: 9px 11px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: var(--white); }
.pricing-preview-list dt { color: var(--muted); font-size: 11px; }
.pricing-preview-list dd { margin: 0; color: var(--green-dark); font-weight: 850; font-variant-numeric: tabular-nums; }
.pricing-preview-note, .pricing-preview-empty { margin: 13px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.leader-pricing-panel { margin-bottom: 18px; border-top: 3px solid var(--green); }
.leader-pricing-content { width: min(100%, 780px); margin: 0 auto; padding: 18px; }
.leader-pricing-notices { margin: 14px 0 0; padding: 13px 16px 13px 36px; display: grid; gap: 8px; color: #4f3d12; background: #fff8e8; border: 1px solid #ead7aa; border-left: 4px solid #bd8518; border-radius: var(--radius); font-size: 12px; line-height: 1.55; }
.leader-pricing-notices li { padding-left: 3px; }
.leader-pricing-notices li::marker { color: #80590f; font-weight: 850; }
.penalty-settings-panel { margin-bottom: 18px; }
.penalty-settings-form { padding: 18px; display: grid; gap: 0; }
.penalty-rule-section { padding-bottom: 18px; display: grid; gap: 14px; border-bottom: 1px solid var(--line); }
.penalty-rule-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.penalty-rule-head > div { display: grid; gap: 5px; }
.penalty-rule-head strong { color: var(--ink); font-size: 14px; }
.penalty-rule-head small { max-width: 760px; color: var(--muted); line-height: 1.5; }
.penalty-rule-toggle { min-width: 100px; justify-content: flex-end; font-weight: 800; }
.penalty-rule-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; transition: opacity .16s ease; }
.penalty-rule-fields-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.penalty-rule-fields > label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 650; }
.penalty-rule-section:not(.is-enabled) .penalty-rule-fields { opacity: .58; }
.penalty-rule-retained { display: none; color: #80590f; line-height: 1.5; }
.penalty-rule-section:not(.is-enabled) .penalty-rule-retained { display: block; }
.penalty-rule-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.penalty-rule-split .penalty-rule-section { padding: 18px 18px 18px 0; border-bottom: 0; }
.penalty-rule-split .penalty-rule-section + .penalty-rule-section { padding-right: 0; padding-left: 18px; border-left: 1px solid var(--line); }
.penalty-settings-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.penalty-settings-actions small { color: var(--muted); line-height: 1.5; }
.penalty-settings-actions { padding-top: 18px; }
.penalty-clear-form { margin-top: 7px; }
.penalty-clear-form .button { min-height: 32px; padding: 6px 9px; font-size: 11px; }
.leader-metrics { grid-template-columns: repeat(7, 1fr); }
.admin-grid { display: block; }
.leader-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.panel { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.panel-head { min-height: 69px; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.compact-panel { padding-bottom: 18px; }
.compact-panel .stack-form { padding: 18px; }
.settlement-panel { margin-top: 18px; }
.table-wrap { overflow-x: auto; scrollbar-color: #a9b6af transparent; scrollbar-width: thin; }
table { width: 100%; border-collapse: collapse; min-width: 720px; }
th, td { padding: 13px 14px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: middle; white-space: nowrap; }
th { color: var(--muted); background: #f8faf9; font-size: 11px; font-weight: 750; }
tbody tr { transition: background .14s ease; }
tbody tr:hover { background: #f6faf8; }
tbody tr:last-child td { border-bottom: 0; }
td small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
.empty-cell { padding: 34px; color: var(--muted); text-align: center; }
.stack-form { display: grid; gap: 14px; }
.stack-form label, .form-row label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 650; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
input, select, textarea { width: 100%; color: var(--ink); background: var(--white); border: 1px solid #bdc8c2; border-radius: 4px; outline: none; }
input, select { height: 40px; padding: 0 11px; }
textarea { min-height: 160px; padding: 11px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; line-height: 1.55; }
input:focus, select:focus, textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(8,122,85,.11); }
input:disabled, select:disabled, textarea:disabled { color: var(--muted); background: #f0f3f1; cursor: not-allowed; }
.button, .icon-button { appearance: none; border: 0; cursor: pointer; }
.button { min-height: 40px; padding: 9px 15px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; font-weight: 740; text-decoration: none; }
.button:disabled { opacity: .38; cursor: not-allowed; }
.button-primary { color: var(--white); background: var(--green); }
.button-primary:hover { background: var(--green-dark); }
.button-dark { color: var(--white); background: var(--ink); }
.button-quiet { color: var(--ink); background: #edf1ef; }
.button-filter-active { color: #075d42; background: #dff4eb; box-shadow: inset 0 0 0 1px #92cfb8; }
.button-filter-active:hover { background: #ccebdd; }
.button-danger { color: var(--white); background: var(--coral); }
.button-danger:hover { background: #b83f2e; }
.button-block { width: 100%; }
.icon-button { width: 36px; height: 36px; display: inline-grid; place-items: center; color: var(--ink); background: #eef2f0; border-radius: 4px; font-size: 17px; }
.topbar .icon-button { color: var(--white); background: #303a35; }
.icon-button.inverse { color: var(--ink); background: var(--white); }
.inline-form, .action-cell { display: flex; align-items: center; gap: 7px; }
.inline-form input { min-width: 130px; }
.price-form input { width: 90px; min-width: 90px; }
.notice { margin-bottom: 16px; padding: 11px 14px; border-radius: 4px; border-left: 4px solid; }
.notice-ok { color: #075d42; background: var(--mint); border-color: var(--green); }
.notice-error { color: #902f22; background: #fbeae7; border-color: var(--coral); }
.invite-bar { margin-bottom: 18px; padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--white); background: var(--green); border-radius: var(--radius); }
.invite-bar span { display: block; margin-bottom: 4px; color: #b7ead8; font-size: 11px; }
.invite-bar code { display: block; max-width: min(900px, 72vw); overflow: hidden; text-overflow: ellipsis; }
.state { display: inline-flex; align-items: center; min-height: 25px; padding: 3px 8px; border-radius: 3px; font-size: 11px; font-weight: 800; }
.state-draft, .state-leased { color: #745000; background: #fff0c7; }
.state-paid, .state-succeeded { color: #076044; background: var(--mint); }
.state-submitted { color: #215b80; background: #e1f1fa; }
.state-neutral { color: #58625d; background: #edf1ef; }
.state-available, .state-consumed, .state-qr_ready { color: #076044; background: var(--mint); }
.state-checking, .state-generating { color: #215b80; background: #e1f1fa; }
.state-reserved, .state-owned_failed { color: #745000; background: #fff0c7; }
.state-rejected, .state-quarantined, .state-deleted, .state-failed, .state-expired { color: #902f22; background: #fbeae7; }
.state-awaiting_payment { color: #215b80; background: #e1f1fa; }
.state-released { color: #58625d; background: #edf1ef; }
.permissions-table { min-width: 1120px; }
.leader-permissions-table { min-width: 900px; }
.performance-table { min-width: 820px; }
.performance-filter { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 12px; font-weight: 650; }
.performance-filter select { width: 220px; }
.admin-list-actions, .performance-panel-controls { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.admin-list-actions form { margin: 0; }
.compact-page-size-form select { width: 82px; }
.performance-panel-controls { margin: 0; }
.performance-panel-controls .state { align-self: end; margin-bottom: 7px; }
.permission-page-size-form { margin: 0; }
.permission-page-size-form select { width: 90px; }
.admin-search-bar { padding: 11px 14px; display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid var(--line); background: #f8faf9; }
.admin-search-field { min-width: 220px; max-width: 440px; flex: 1 1 280px; }
.admin-filter-field { min-width: 160px; max-width: 260px; flex: 0 1 230px; }
.admin-page-size-field { min-height: 40px; display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; color: var(--muted); font-size: 11px; font-weight: 700; white-space: nowrap; }
.admin-page-size-field select { width: 82px; }
.admin-search-bar .button { min-height: 40px; }
.admin-result-count { align-self: center; margin-left: auto; }
.team-bulk-toolbar { padding: 10px 14px; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; border-bottom: 1px solid var(--line); background: #f2f7f4; }
.team-bulk-toolbar [hidden] { display: none !important; }
.team-bulk-toolbar .checkbox-label { margin-right: 0; }
.manual-pricing-disabled { background: #f3f4f3; }
.manual-pricing-disabled .checkbox-label, .manual-pricing-disabled .selection-count { opacity: .55; }
.automatic-pricing-lock { color: var(--green-dark); font-size: 11px; font-weight: 750; }
.bulk-price-control { min-width: 230px; margin-left: auto; display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; font-weight: 750; white-space: nowrap; }
.bulk-price-control input { width: 132px; }
.team-price-table { min-width: 1160px; }
.effective-team-price { min-width: 132px; display: grid; grid-template-columns: auto auto; align-items: center; justify-content: start; gap: 4px 7px; }
.effective-team-price > strong { color: var(--green-dark); font-size: 16px; font-variant-numeric: tabular-nums; }
.effective-team-price > small { grid-column: 1 / -1; margin: 0; }
.selection-column { width: 48px; text-align: center; }
.selection-column input { width: 18px; height: 18px; padding: 0; accent-color: var(--green); }
.permissions-table select { min-width: 130px; }
.permissions-table td:nth-child(2) select { min-width: 150px; }
.permissions-table td:nth-child(3) select { min-width: 170px; }
.password-form input { width: 210px; min-width: 210px; }
.credential-username { position: fixed; top: 0; left: 0; width: 1px !important; min-width: 0 !important; height: 1px; padding: 0; clip-path: inset(50%); overflow: hidden; border: 0; pointer-events: none; }
.confirm-dialog { width: min(440px, calc(100% - 24px)); padding: 0; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 22px 70px rgba(17, 26, 22, .28); }
.confirm-dialog::backdrop { background: rgba(15, 24, 20, .58); }
.confirm-dialog-body { padding: 24px; }
.confirm-dialog h2 { margin-bottom: 12px; }
.confirm-dialog p { margin-bottom: 22px; color: var(--muted); line-height: 1.65; }
.confirm-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; }
.team-create-dialog { width: min(620px, calc(100% - 24px)); }
.team-create-dialog .confirm-dialog-body { display: grid; gap: 14px; }
.team-create-dialog .confirm-dialog-body > label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 650; }
.dialog-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 4px; }
.dialog-title-row .section-kicker { margin-bottom: 4px; }
.penalty-dialog { border-top: 4px solid var(--coral); }
.penalty-dialog p + p { margin-top: -10px; }
.penalty-dialog .penalty-release-note { padding: 10px 12px; color: #902f22; background: #fbeae7; border-radius: 4px; font-weight: 750; }
.penalty-dialog .confirm-dialog-actions .button { min-width: 130px; }
.announcement-dialog { border-top: 4px solid var(--green); }
.announcement-dialog-body { max-height: min(46vh, 360px); overflow-y: auto; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.announcement-center-dialog { width: min(700px, calc(100% - 24px)); max-height: min(780px, calc(100dvh - 32px)); border-top: 4px solid var(--green); }
.announcement-center-shell { min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.announcement-center-head { padding: 20px 22px 16px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.announcement-center-head h2 { margin-bottom: 5px; font-size: 21px; }
.announcement-center-head > div > span { color: var(--muted); font-size: 11px; font-weight: 650; }
.announcement-center-close { flex: 0 0 auto; font-size: 23px; line-height: 1; }
.announcement-center-list { max-height: min(64dvh, 590px); overflow-y: auto; overscroll-behavior: contain; }
.announcement-center-item { padding: 18px 22px; border-bottom: 1px solid var(--line); }
.announcement-center-item:last-child { border-bottom: 0; }
.announcement-center-item.is-unread { padding-left: 18px; background: #f2faf6; border-left: 4px solid var(--green); }
.announcement-center-item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.announcement-center-item h3 { min-width: 0; margin: 0; overflow-wrap: anywhere; font-size: 15px; line-height: 1.4; }
.announcement-center-status { min-height: 23px; padding: 3px 7px; flex: 0 0 auto; display: inline-flex; align-items: center; color: #58625d; background: #edf1ef; border-radius: 3px; font-size: 10px; font-weight: 800; }
.announcement-center-status.is-unread { color: #075d42; background: var(--mint); }
.announcement-center-item p { margin: 10px 0 13px; color: #445049; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.announcement-center-item footer { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; font-variant-numeric: tabular-nums; }
.announcement-center-item footer span::before { content: "\00b7"; margin-right: 7px; }
.announcement-editor-dialog { width: min(620px, calc(100% - 24px)); }
.announcement-editor-dialog .confirm-dialog-body { display: grid; gap: 14px; }
.announcement-editor-dialog .confirm-dialog-body > label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 650; }
.announcement-editor-dialog textarea { min-height: 180px; font-family: inherit; }
.announcement-scope-note { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.announcement-scope-note strong { color: var(--ink); }
.announcement-scope-field { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 12px; color: var(--muted); font-size: 12px; background: #edf6f2; border: 1px solid #cfe7dc; border-radius: var(--radius); }
.announcement-scope-field strong { color: var(--ink); font-size: 13px; }
.announcement-table { min-width: 720px; }
.announcement-copy-cell { width: 65%; max-width: 720px; white-space: normal; }
.announcement-copy-cell strong, .announcement-body-preview { display: block; }
.announcement-body-preview { margin-top: 5px; overflow: hidden; color: var(--muted); line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.announcement-actions { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.announcement-actions form { margin: 0; }
.announcement-actions .button { min-height: 34px; padding: 7px 10px; font-size: 11px; }
.metric-note { display: block; margin-top: 4px; color: #aebbb4; font-size: 10px; line-height: 1.25; }
.settlement-pricing-row:hover { background: transparent; }
.settlement-pricing-row > td { padding: 0 14px 14px; white-space: normal; background: #f8faf9; }
.settlement-pricing-details { border: 1px solid #cfe0d7; border-left: 3px solid var(--green); border-radius: 4px; background: var(--white); }
.settlement-pricing-details > summary { min-height: 44px; padding: 9px 12px; display: flex; align-items: center; gap: 9px; cursor: pointer; list-style: none; }
.settlement-pricing-details > summary::-webkit-details-marker { display: none; }
.settlement-pricing-details > summary::after { content: "+"; width: 24px; height: 24px; margin-left: auto; display: grid; place-items: center; color: var(--green); background: var(--mint); border-radius: 3px; font-size: 16px; font-weight: 500; }
.settlement-pricing-details[open] > summary::after { content: "-"; }
.settlement-pricing-details > summary > strong { font-size: 12px; }
.settlement-pricing-details > summary > span:last-of-type { color: var(--muted); font-size: 11px; }
.settlement-pricing-body { padding: 0 12px 13px; display: grid; gap: 12px; border-top: 1px solid var(--line); }
.settlement-pricing-totals { margin: 12px 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.settlement-pricing-totals > div { min-width: 0; padding: 10px 11px; border-right: 1px solid var(--line); }
.settlement-pricing-totals > div:last-child { border-right: 0; }
.settlement-pricing-totals dt { color: var(--muted); font-size: 10px; }
.settlement-pricing-totals dd { margin: 4px 0 0; font-size: 14px; font-weight: 820; font-variant-numeric: tabular-nums; }
.settlement-pricing-totals .pricing-total { color: var(--white); background: #24566b; }
.settlement-pricing-totals .pricing-total dt { color: #d7e3dd; }
.pricing-trigger-notes, .frozen-pricing-rule { padding: 11px 12px; background: #f6f9f7; border-radius: 4px; }
.pricing-trigger-notes > strong, .frozen-pricing-rule > strong { display: block; margin-bottom: 5px; font-size: 11px; }
.pricing-trigger-notes p, .pricing-trigger-notes ul, .frozen-pricing-rule p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.pricing-trigger-notes ul { padding-left: 18px; }
.pricing-trigger-notes .pricing-day-list { padding: 0; display: grid; gap: 8px; list-style: none; }
.pricing-day-list li { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 2px 10px; }
.pricing-day-list li > strong { color: var(--ink); font-variant-numeric: tabular-nums; }
.pricing-day-list li > span { color: var(--ink); }
.pricing-day-list li > small { grid-column: 2; color: var(--muted); line-height: 1.45; }
.frozen-pricing-rule pre { max-height: 180px; margin: 9px 0 0; padding: 10px; overflow: auto; color: #33413a; background: var(--white); border: 1px solid var(--line); border-radius: 3px; font: 11px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.auth-shell { min-height: calc(100vh - 58px); display: grid; place-items: center; padding: 32px 0; }
.auth-panel { width: min(430px, 100%); padding: 28px; background: var(--white); border: 1px solid var(--line); border-top: 4px solid var(--green); border-radius: var(--radius); box-shadow: var(--shadow); }
.auth-panel h1 { margin-bottom: 25px; }
.password-panel h1 { margin-bottom: 10px; }
.password-help { margin-bottom: 22px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.auth-secondary-action { margin-top: 12px; }
.invite-login-callout { margin-bottom: 18px; padding: 13px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #edf6f2; border: 1px solid #cfe7dc; border-radius: var(--radius); }
.invite-login-callout strong, .invite-login-callout span { display: block; }
.invite-login-callout span { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.invite-login-callout .button { flex: 0 0 auto; }
.auth-divider { margin: 18px 0; display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 11px; font-weight: 750; text-transform: uppercase; }
.auth-divider::before, .auth-divider::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.admin-module { margin: 0 0 18px; }
.admin-module-summary { min-height: 60px; padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; list-style: none; cursor: pointer; background: #eef3f0; border: 1px solid var(--line); border-left: 4px solid var(--green); border-radius: var(--radius); user-select: none; }
.admin-module-summary::-webkit-details-marker { display: none; }
.admin-module-summary:hover { background: #e7efeb; }
.admin-module-summary .section-kicker { margin-bottom: 3px; }
.admin-module-chevron { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; color: var(--green); background: var(--white); border: 1px solid var(--line); border-radius: 4px; font-size: 20px; line-height: 1; transition: transform .16s ease; }
.admin-module[open] > .admin-module-summary { border-radius: var(--radius) var(--radius) 0 0; }
.admin-module[open] > .admin-module-summary .admin-module-chevron { transform: rotate(180deg); }
.admin-module-content { padding-top: 12px; }
.admin-module-content > :last-child { margin-bottom: 0; }
.seven-day-panel { margin-bottom: 18px; }
.seven-day-panel-head { gap: 16px; }
.seven-day-hint { color: var(--muted); font-size: 12px; }
.seven-day-table { min-width: 820px; table-layout: fixed; }
.seven-day-table th:first-child, .seven-day-table td:first-child { width: 190px; }
.seven-day-table th:not(:first-child), .seven-day-table td:not(:first-child) { text-align: center; font-variant-numeric: tabular-nums; }
.seven-day-table thead th { position: sticky; top: 0; z-index: 2; }
.completion-heat { color: #075c43; background: rgba(8, 122, 85, var(--heat, .10)); font-weight: 800; }
.completion-heat[data-count="0"] { --heat: 0; color: #9aa59f; font-weight: 600; }
.seven-day-total { color: #075c43; background: #e0f5ec; font-weight: 850; }
.seven-day-table tfoot th, .seven-day-table tfoot td { color: var(--white); background: #24566b; border-bottom: 0; font-weight: 800; }
.toggle-settings-form, .toggle-control { display: flex; align-items: center; gap: 12px; }
.toggle-control { cursor: pointer; color: var(--muted); font-size: 12px; }
.toggle-control input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.toggle-track { width: 44px; height: 24px; padding: 3px; display: block; flex: 0 0 auto; background: #aab4af; border-radius: 12px; transition: background .16s ease; }
.toggle-track span { width: 18px; height: 18px; display: block; background: var(--white); border-radius: 50%; box-shadow: 0 1px 3px rgba(17, 26, 22, .28); transition: transform .16s ease; }
.toggle-control input:checked + .toggle-track { background: var(--green); }
.toggle-control input:checked + .toggle-track span { transform: translateX(20px); }
.toggle-control input:focus-visible + .toggle-track { outline: 3px solid rgba(8,122,85,.18); outline-offset: 2px; }
.default-price-control { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.default-price-control input { width: 120px; }
.scan-shell { width: min(640px, calc(100% - 28px)); padding-top: 22px; }
.scan-shell .scan-head { align-items: stretch; flex-direction: column; }
.scan-shell .scan-head-actions { width: 100%; justify-content: space-between; }
.scan-shell .scan-head-actions > .button { flex: 0 0 auto; white-space: nowrap; }
.scan-counts { display: grid; grid-template-columns: repeat(2, minmax(105px, 1fr)); gap: 8px; }
.personal-count { min-width: 105px; padding: 10px 13px; color: var(--white); background: var(--ink); border-radius: var(--radius); }
.availability-count { background: #24566b; }
.valid-count { background: #1f6b52; }
.personal-count span { display: block; color: #aebbb4; font-size: 10px; }
.personal-count strong { display: block; margin-top: 3px; font-size: 21px; }
.scan-workspace { min-height: 470px; padding: 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.scan-state-line { width: 100%; margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; }
.countdown { color: var(--muted); font-variant-numeric: tabular-nums; }
.qr-stage { width: min(100%, 340px); aspect-ratio: 1; padding: 10px; display: grid; place-items: center; border: 1px solid var(--line); }
.qr-stage img { display: block; width: 100%; height: 100%; object-fit: contain; }
.qr-link-panel { width: min(100%, 340px); margin-top: 12px; }
.qr-link-panel > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; font-weight: 700; }
.qr-link-row { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 36px; gap: 7px; align-items: stretch; }
.qr-link-row code { min-width: 0; min-height: 36px; padding: 9px 10px; overflow: hidden; color: #33413a; background: #f2f5f3; border: 1px solid var(--line); border-radius: 4px; line-height: 1.45; overflow-wrap: anywhere; word-break: break-word; }
.scan-actions { width: min(100%, 340px); margin-top: 16px; display: grid; gap: 10px; }
.scan-actions form { margin: 0; }
.waiting-text { min-height: 42px; display: grid; place-items: center; color: var(--muted); background: #f2f5f3; border-radius: 4px; }
.idle-mark { width: 62px; height: 62px; margin-bottom: 16px; display: grid; place-items: center; color: var(--green); background: var(--mint); border-radius: 50%; font-size: 36px; font-weight: 300; }
.scan-workspace h2 { margin-bottom: 22px; font-size: 20px; }
.claim-form { width: min(100%, 300px); }
.pulse { width: 9px; height: 9px; border-radius: 50%; background: #318bc0; animation: pulse 1.4s infinite; }
.account-metrics { grid-template-columns: repeat(3, 1fr); }
.account-state-metrics { grid-template-columns: repeat(5, 1fr); gap: 1px; background: #3a433f; }
.account-state-metrics > div { border: 0; background: var(--ink); }
.account-owned-panel { margin-bottom: 18px; }
.account-history-panel { margin-bottom: 18px; }
.account-history-head { align-items: flex-start; }
.account-history-head .panel-hint { max-width: 680px; margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.account-history-filters { padding: 12px 18px; display: flex; align-items: flex-end; gap: 10px; border-bottom: 1px solid var(--line); background: #f8faf9; }
.account-history-filters label { min-width: 150px; display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.account-history-filters select { min-width: 150px; }
.account-history-list .history-row { min-height: 68px; }
.account-waiting-readonly { width: 100%; min-width: 210px; padding: 9px 12px; font-size: 12px; text-align: center; }
.account-owned-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.account-owned-head-actions form { margin: 0; }
.account-list { display: grid; }
.account-row { min-height: 76px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.account-row:last-child { border-bottom: 0; }
.account-row strong { display: block; overflow-wrap: anywhere; }
.account-row small { display: block; margin-top: 7px; color: var(--muted); }
.account-row-main { min-width: 0; display: flex; align-items: center; gap: 11px; }
.account-row-main input[type="checkbox"] { width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--green); }
.reservation-countdown { color: #075d42; font-weight: 800; font-variant-numeric: tabular-nums; }
.account-actions, .form-actions, .bulk-toolbar { display: flex; align-items: center; gap: 8px; }
.account-actions form { margin: 0; }
.pagination { min-height: 62px; padding: 12px 18px; display: flex; align-items: center; justify-content: center; gap: 16px; border-top: 1px solid var(--line); }
.pagination .disabled { opacity: .4; pointer-events: none; }
.account-admin-grid { align-items: stretch; }
.account-admin-grid > section.panel { display: flex; flex-direction: column; }
.account-import-form { min-height: 0; padding: 18px; flex: 1; }
.account-import-form .form-actions { margin-top: auto; justify-content: flex-end; }
.account-file-import { padding: 12px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 7px 12px; background: #f8faf9; border: 1px solid var(--line); border-radius: var(--radius); }
.account-file-import-divider { color: var(--muted); font-size: 11px; font-weight: 800; }
.account-import-form .account-file-picker { min-width: 0; display: flex; align-items: center; gap: 10px; cursor: pointer; }
.account-file-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.account-file-picker input:focus-visible + .button { outline: 3px solid rgba(8,122,85,.18); outline-offset: 2px; }
.account-file-picker .button { flex: 0 0 auto; pointer-events: none; }
.account-file-name { min-width: 0; overflow: hidden; color: var(--ink); font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.account-file-import > small { grid-column: 2; color: var(--muted); font-size: 11px; line-height: 1.45; }
.account-limit-panel { padding-bottom: 0; }
.account-limit-primary { padding: 14px 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; border-bottom: 1px solid var(--line); background: #f8faf9; }
.account-limit-form { min-width: 0; padding: 4px 0; display: grid; grid-template-columns: minmax(0, 1fr) 96px 36px; gap: 8px; align-items: center; }
.account-limit-form label { min-width: 0; color: var(--muted); font-size: 12px; font-weight: 700; }
.account-limit-form input, .team-limit-row input { min-width: 0; height: 36px; font-variant-numeric: tabular-nums; }
.account-limit-form small { grid-column: 1 / -1; color: var(--muted); font-size: 11px; line-height: 1.45; }
.account-limit-save { width: 36px; height: 36px; color: var(--green-dark); background: var(--mint); font-size: 16px; }
.account-limit-save:hover { color: var(--white); background: var(--green); }
.team-limit-heading { padding: 14px 18px 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.team-limit-heading .section-kicker { margin: 0 0 3px; }
.team-limit-heading small { color: var(--muted); font-size: 11px; }
.team-limit-heading-actions, .team-limit-page-size-form { display: flex; align-items: center; gap: 8px; }
.team-limit-page-size-form label { color: var(--muted); font-size: 11px; font-weight: 750; white-space: nowrap; }
.team-limit-page-size-form select { width: 72px; height: 34px; padding: 5px 8px; }
.team-limit-page-size-form .button { min-height: 34px; padding: 6px 10px; }
.team-limit-count { min-width: 28px; height: 24px; padding: 0 8px; display: inline-grid; place-items: center; color: var(--green-dark); background: var(--mint); border-radius: 3px; font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }
.team-limit-search { padding-inline: 18px; }
.team-limit-search .team-limit-count { margin: 8px 0 8px auto; }
.team-limit-bulk-toolbar { margin: 10px 18px; padding: 10px 12px; display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; border: 1px solid var(--line); border-radius: var(--radius); background: #f8faf9; }
.team-limit-bulk-toolbar [hidden] { display: none !important; }
.team-limit-bulk-toolbar .checkbox-label { margin-right: 0; }
.team-limit-bulk-control { min-width: 210px; display: grid; grid-template-columns: auto minmax(96px, 1fr); align-items: center; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 750; }
.team-limit-bulk-control input { width: 100%; min-width: 0; height: 36px; }
.team-limit-bulk-hint { flex: 1 1 100%; color: var(--muted); font-size: 10px; line-height: 1.4; }
.team-limit-list { padding: 0 18px 18px; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0 20px; }
.team-limit-row { min-width: 0; min-height: 53px; display: grid; grid-template-columns: minmax(0, 1fr) 108px 36px; gap: 8px; align-items: center; border-bottom: 1px solid var(--line); }
.team-limit-name { min-width: 0; overflow: hidden; color: var(--ink); font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.team-limit-empty { grid-column: 1 / -1; padding: 26px 0; color: var(--muted); text-align: center; }
.account-inventory-filters { display: flex; align-items: flex-end; gap: 10px; }
.account-inventory-filters label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 700; }
.account-inventory-filters select { min-width: 120px; }
.bulk-toolbar { padding: 12px 14px; flex-wrap: wrap; border-bottom: 1px solid var(--line); background: #f8faf9; }
.bulk-toolbar [hidden] { display: none !important; }
.bulk-toolbar [data-select-filtered-accounts] { color: var(--green-dark); background: var(--mint); }
.bulk-state-control { display: flex; align-items: center; gap: 7px; }
.bulk-state-control label { color: var(--muted); font-size: 11px; font-weight: 750; }
.bulk-state-control select { min-width: 155px; }
.selection-count { color: var(--muted); font-size: 12px; font-weight: 750; font-variant-numeric: tabular-nums; }
.checkbox-label { display: inline-flex; align-items: center; gap: 7px; margin-right: auto; font-weight: 700; }
.checkbox-label input, .account-table input[type="checkbox"] { width: 17px; height: 17px; padding: 0; accent-color: var(--green); }
.account-table { min-width: 1050px; }
.reason-cell { max-width: 300px; overflow: hidden; text-overflow: ellipsis; }
.import-result { margin-bottom: 18px; padding: 12px 16px; color: #075d42; background: var(--mint); border-left: 4px solid var(--green); border-radius: var(--radius); font-weight: 700; }
.proxy-config-state { min-width: 0; display: flex; align-items: center; gap: 10px; }
.proxy-config-state small { color: var(--muted); font-size: 11px; }
.proxy-settings-form { padding: 18px; }
.proxy-pool-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.proxy-pool-grid label, .proxy-attempts { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 650; }
.proxy-pool-grid textarea { min-height: 118px; }
.proxy-settings-actions { display: grid; grid-template-columns: 190px minmax(220px, 1fr) auto; align-items: end; gap: 14px; }
.proxy-settings-actions .checkbox-label { min-height: 40px; display: flex; align-items: center; }
.onboarding-active { overflow: hidden; }
.onboarding-overlay { position: fixed; inset: 0; z-index: 1000; background: rgba(15, 24, 20, .72); overscroll-behavior: contain; }
.onboarding-target { position: relative !important; z-index: 1002 !important; pointer-events: none; outline: 4px solid #59d1a3; outline-offset: 4px; box-shadow: 0 0 0 8px rgba(89, 209, 163, .18); }
.onboarding-popover { position: fixed; z-index: 1003; max-height: calc(100dvh - 24px); padding: 22px; display: flex; flex-direction: column; overflow: hidden; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-top: 4px solid var(--green); border-radius: var(--radius); box-shadow: 0 24px 70px rgba(8, 18, 13, .34); }
.onboarding-progress-row { margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.onboarding-popover h2 { margin-bottom: 10px; font-size: 20px; }
.onboarding-popover p { min-height: 0; margin-bottom: 18px; padding-right: 4px; overflow-y: auto; overscroll-behavior: contain; color: var(--muted); line-height: 1.65; white-space: pre-line; }
.onboarding-progress { color: var(--green); font-size: 11px; font-weight: 800; }
.onboarding-required { min-height: 23px; padding: 3px 8px; display: inline-flex; align-items: center; color: #075d42; background: var(--mint); border-radius: 3px; font-size: 10px; font-weight: 850; }
.onboarding-actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end; }
.onboarding-actions-spacer { flex: 1 1 auto; }
.onboarding-actions .button { min-height: 38px; padding: 8px 12px; }
.onboarding-error { margin-top: 10px; color: #902f22; font-size: 12px; font-weight: 700; }
@keyframes pulse { 50% { opacity: .28; transform: scale(.78); } }
@media (max-width: 960px) {
  .leader-grid { grid-template-columns: 1fr; }
  .compact-panel { grid-row: 1; }
  .leader-grid .compact-panel { grid-row: auto; }
  .metric-strip { grid-template-columns: repeat(3, 1fr); }
  .metric-strip > div { border-bottom: 1px solid #3a433f; }
  .automatic-pricing-form { grid-template-columns: 1fr; }
  .pricing-preview { border-top: 1px solid var(--line); border-left: 0; }
  .penalty-rule-fields-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-limit-panel .team-limit-list { grid-template-columns: 1fr; }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .team-limit-list .team-limit-row[data-dual-limits] { padding: 10px 0; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; }
  .team-limit-list .team-limit-row[data-dual-limits] .team-limit-checkbox { grid-column: 1; grid-row: 1; }
  .team-limit-list .team-limit-row[data-dual-limits] .team-limit-identity { grid-column: 2; grid-row: 1; }
  .team-limit-list .team-limit-row[data-dual-limits] .team-limit-inline-form { grid-column: 2; }
}
@media (max-width: 600px) {
  .topbar { padding: 0 14px; }
  .topbar-actions { gap: 8px; }
  .identity { display: none; }
  .topbar-announcement-button { width: 36px; height: 36px; min-height: 36px; padding: 5px; }
  .topbar-announcement-label { display: none; }
  .topbar-announcement-icon { width: 24px; height: 24px; }
  .topbar-announcement-badge { position: absolute; top: -4px; right: -5px; }
  .topbar-guide-button { width: 36px; height: 36px; min-height: 36px; padding: 5px; }
  .topbar-guide-label { display: none; }
  .topbar-guide-icon { width: 24px; height: 24px; }
  .topbar-password-button { width: 36px; height: 36px; min-height: 36px; padding: 5px; }
  .topbar-password-label { display: none; }
  .topbar-password-icon { width: 24px; height: 24px; }
  .language-switch a { min-width: 36px; padding: 0 5px; }
  .shell { width: min(100% - 24px, 1440px); padding-top: 19px; }
  .metric-strip, .leader-metrics { grid-template-columns: repeat(2, 1fr); }
  .metric-strip > div { padding: 13px 14px; }
  .metric-strip strong { font-size: 20px; }
  .settings-bar { align-items: stretch; flex-direction: column; }
  .settings-form { grid-template-columns: minmax(0, 1fr) auto; }
  .automatic-pricing-head { align-items: flex-start; }
  .automatic-pricing-editor, .pricing-preview { padding: 14px; }
  .leader-pricing-content { padding: 14px; }
  .automatic-pricing-actions { align-items: stretch; flex-direction: column; }
  .automatic-pricing-actions .button { width: 100%; }
  .toggle-settings-form { width: 100%; display: grid; grid-template-columns: 1fr auto; }
  .toggle-settings-form .toggle-control { grid-column: 1 / -1; }
  .default-price-control input { width: 100%; }
  .penalty-settings-form { padding: 14px; }
  .penalty-rule-head { align-items: stretch; flex-direction: column; gap: 10px; }
  .penalty-rule-toggle { justify-content: flex-start; }
  .penalty-rule-fields-four, .penalty-rule-split { grid-template-columns: 1fr; }
  .penalty-rule-split .penalty-rule-section { padding: 16px 0; }
  .penalty-rule-split .penalty-rule-section + .penalty-rule-section { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .penalty-settings-actions { grid-column: auto; align-items: stretch; flex-direction: column; }
  .form-row { grid-template-columns: 1fr; }
  .auth-panel { padding: 22px; }
  .invite-login-callout { align-items: stretch; flex-direction: column; }
  .invite-login-callout .button { width: 100%; }
  .scan-shell { width: min(100% - 20px, 640px); }
  .page-head, .scan-head { align-items: flex-start; }
  .page-head-actions, .scan-head-actions { flex-direction: column-reverse; align-items: flex-end; }
  .admin-page-head { align-items: stretch; flex-direction: column; }
  .admin-page-head .page-head-actions { align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; }
  .admin-page-head .page-head-actions .button { flex: 1 1 auto; }
  .admin-page-head .live-dot { flex-basis: 100%; }
  .scan-head { align-items: stretch; flex-direction: column; }
  .scan-head-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .scan-counts { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scan-workspace { min-height: 430px; padding: 16px; }
  .invite-bar code { max-width: 68vw; }
  .panel-head { align-items: flex-start; gap: 12px; }
  .child-team-panel-head { align-items: stretch; flex-direction: column; }
  .child-team-panel-head .button { width: 100%; }
  .performance-panel-head, .permissions-panel-head { flex-direction: column; }
  .admin-list-panel-head { align-items: stretch; flex-direction: column; }
  .admin-list-actions { width: 100%; align-items: stretch; justify-content: space-between; }
  .admin-list-actions .performance-filter { width: auto; flex-direction: row; align-items: center; }
  .admin-list-actions .button { flex: 1 1 auto; }
  .searchable-panel-head { align-items: center; }
  .searchable-panel-head .button { max-width: 58%; padding-inline: 11px; }
  .admin-search-bar { padding: 10px; align-items: center; gap: 7px; }
  .admin-search-field { min-width: 100%; max-width: none; flex: 1 1 100%; }
  .admin-filter-field { min-width: 0; max-width: none; flex: 1 1 150px; }
  .admin-page-size-field { flex: 0 1 auto; }
  .admin-page-size-field select { width: 72px; }
  .admin-search-bar .button { min-width: 0; padding-inline: 11px; flex: 1 1 105px; }
  .admin-result-count { margin-left: 0; flex: 0 0 auto; }
  .team-bulk-toolbar { padding: 10px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .team-bulk-toolbar .checkbox-label { min-width: 0; }
  .team-bulk-toolbar .selection-count { justify-self: end; text-align: right; }
  .bulk-price-control { min-width: 0; margin-left: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-column: 1 / -1; }
  .bulk-price-control input { width: 100%; min-width: 0; }
  .team-bulk-toolbar > .button { width: 100%; min-width: 0; padding-inline: 8px; }
  .team-limit-search .team-limit-count { margin-left: 0; }
  .team-limit-bulk-toolbar { margin: 8px 10px; padding: 10px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
  .team-limit-bulk-toolbar .checkbox-label { min-width: 0; }
  .team-limit-bulk-toolbar .selection-count { justify-self: end; text-align: right; }
  .team-limit-bulk-control, .team-limit-bulk-hint { min-width: 0; grid-column: 1 / -1; }
  .team-limit-bulk-toolbar > .button { width: 100%; min-width: 0; padding-inline: 8px; }
  .automatic-pricing-lock { grid-column: 1 / -1; }
  .settlement-pricing-row > td { padding: 0 9px 10px; }
  .settlement-pricing-details { width: calc(100vw - 39px); max-width: calc(100vw - 39px); }
  .settlement-pricing-details > summary { align-items: flex-start; flex-wrap: wrap; }
  .settlement-pricing-details > summary::after { margin-left: 0; }
  .settlement-pricing-details > summary > span:last-of-type { width: calc(100% - 33px); }
  .settlement-pricing-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settlement-pricing-totals > div:nth-child(2) { border-right: 0; }
  .settlement-pricing-totals > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .pricing-day-list li { grid-template-columns: 1fr; gap: 2px; }
  .pricing-day-list li > small { grid-column: auto; }
  .announcement-editor-dialog .confirm-dialog-body { padding: 18px; }
  .announcement-center-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); }
  .announcement-center-head { padding: 17px 16px 13px; }
  .announcement-center-head h2 { font-size: 18px; }
  .announcement-center-list { max-height: calc(100dvh - 114px); }
  .announcement-center-item { padding: 15px 16px; }
  .announcement-center-item.is-unread { padding-left: 12px; }
  .announcement-center-item-head { gap: 10px; }
  .performance-panel-controls { width: 100%; align-items: stretch; flex-direction: column; }
  .performance-panel-controls .state { align-self: auto; margin-bottom: 0; }
  .admin-module-summary { min-height: 56px; padding: 12px 13px; }
  .admin-module-summary h2 { font-size: 16px; }
  .seven-day-panel-head { align-items: flex-start; flex-direction: column; }
  .performance-filter { width: 100%; align-items: stretch; flex-direction: column; }
  .performance-filter select { width: 100%; }
  .leader-permissions-table { min-width: 0; }
  .leader-permissions-table thead { display: none; }
  .leader-permissions-table tbody, .leader-permissions-table tr, .leader-permissions-table td { display: block; width: 100%; }
  .leader-permissions-table tbody tr { padding: 12px 14px; border-bottom: 1px solid var(--line); }
  .leader-permissions-table tbody tr:last-child { border-bottom: 0; }
  .leader-permissions-table td { padding: 8px 0; border: 0; white-space: normal; }
  .leader-permissions-table td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; font-weight: 750; }
  .leader-permissions-table select { width: 100%; }
  .leader-permissions-table .action-cell { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .leader-permissions-table .action-cell form, .leader-permissions-table .action-cell .button { width: 100%; }
  .leader-permissions-table .password-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .leader-permissions-table .password-form input { width: 100%; min-width: 0; }
  .account-page-head { align-items: stretch; flex-direction: column; }
  .account-page-head .page-head-actions { align-items: stretch; flex-direction: row; }
  .account-metrics { grid-template-columns: repeat(3, 1fr); }
  .account-state-metrics { grid-template-columns: repeat(2, 1fr); }
  .account-history-head { align-items: flex-start; }
  .account-history-filters { align-items: stretch; flex-direction: column; }
  .account-history-filters label, .account-history-filters select { width: 100%; min-width: 0; }
  .account-limit-primary { grid-template-columns: 1fr; gap: 8px; }
  .account-file-import { grid-template-columns: 1fr; }
  .account-file-import-divider, .account-file-import > small { grid-column: 1; }
  .account-import-form .account-file-picker { align-items: center; flex-direction: row; }
  .account-file-picker .button { width: auto; }
  .account-file-name { padding-inline: 2px; }
  .account-limit-form { grid-template-columns: minmax(0, 1fr) 88px 36px; }
  .team-limit-heading { align-items: flex-start; flex-direction: column; }
  .team-limit-heading-actions { width: 100%; justify-content: space-between; }
  .team-limit-page-size-form { min-width: 0; flex-wrap: wrap; }
  .team-limit-list { grid-template-columns: 1fr; }
  .team-limit-row { grid-template-columns: minmax(0, 1fr) 96px 36px; }
  .account-row { align-items: stretch; flex-direction: column; }
  .account-owned-head-actions { width: 100%; justify-content: space-between; }
  .account-row-main { align-items: flex-start; }
  .account-actions, .account-row form { width: 100%; }
  .account-actions .button, .account-row form .button { width: 100%; }
  .account-actions { flex-direction: column; }
  .pagination { justify-content: space-between; gap: 8px; }
  .pagination span { font-size: 11px; }
  .bulk-toolbar { align-items: stretch; flex-direction: column; }
  .bulk-state-control { width: 100%; align-items: stretch; flex-direction: column; }
  .bulk-state-control select { width: 100%; min-width: 0; }
  .checkbox-label { min-height: 40px; margin-right: 0; }
  .account-inventory-head { align-items: stretch; flex-direction: column; }
  .account-inventory-filters { width: 100%; align-items: stretch; }
  .account-inventory-filters label { min-width: 0; flex: 1; }
  .account-inventory-filters select { width: 100%; min-width: 0; }
  .proxy-config-state { align-items: flex-end; flex-direction: column; }
  .proxy-pool-grid { grid-template-columns: 1fr; }
  .proxy-settings-actions { grid-template-columns: 1fr; align-items: stretch; }
  .onboarding-popover { padding: 18px; }
  .onboarding-popover h2 { font-size: 18px; }
  .onboarding-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .onboarding-actions-spacer { display: none; }
  .onboarding-actions [data-onboarding-exit] { grid-column: 1 / -1; }
  .onboarding-actions .button { width: 100%; }
}