.account-console{padding:24px}.account-console-head,.account-console-head>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-console-head small{font-size:10px;color:#779195;letter-spacing:2px}.account-console-head h2{margin:6px 0 20px;font-size:21px}.account-live{font-size:12px;color:#159886}.account-tabs{display:flex;gap:8px;margin:14px 0 20px;border-bottom:1px solid #e5ecef;padding-bottom:12px}.account-tabs button{padding:9px 15px;border:0;background:transparent;border-radius:8px;color:#617087;cursor:pointer}.account-tabs button.active{background:#e4f9f6;color:#008b7c;font-weight:700}.account-filters{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:18px}.account-filters input,.account-filters select,.account-pagination select{border:1px solid #dce4e9;border-radius:7px;padding:9px;background:white;max-width:230px}.account-filters label{font-size:11px;color:#708193;display:flex;flex-direction:column;gap:4px}.account-table table{min-width:1200px;width:100%;border-collapse:collapse}.account-table th{background:#f5f8fc;color:#617089;font-size:12px;font-weight:600;text-align:left;padding:14px 12px;white-space:nowrap}.account-table td{padding:16px 12px;font-size:12px;border-bottom:1px solid #e8edf1;vertical-align:middle}.account-table td small{display:block;color:#8592a5;margin-top:5px;max-width:260px}.account-role{display:inline-flex;padding:5px 8px;background:#f2f2ff;color:#6d59a2;border-radius:7px;white-space:nowrap}.account-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:245px}.account-status{border-radius:12px;background:#f1f3f6;color:#768294;padding:5px 9px;white-space:nowrap}.account-status.enabled{background:#e9f9ed;color:#2b9c6b}.account-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;color:#6d7c8f;font-size:12px}.account-pagination button{background:white;border:1px solid #dde5ec;border-radius:7px;padding:7px 12px;cursor:pointer}.account-pagination button:disabled{opacity:.4;cursor:default}.account-empty{text-align:center;padding:50px!important;color:#8795a3}.account-table pre{max-width:420px;max-height:240px;overflow:auto;white-space:pre-wrap;font-size:11px}.account-ok{color:#159a76}.account-error,.account-form-error,#accountLoadError{color:#c54555}.account-form-error{min-height:18px;font-size:12px;line-height:1.6}.account-operation-dialog{width:min(780px,90vw);max-height:86vh;overflow:auto;border:1px solid #e3eaf0;border-radius:18px;padding:24px;color:#26354b;background:white;box-shadow:0 20px 90px #0d203c35}.account-operation-dialog::backdrop{background:#18314b66;backdrop-filter:blur(3px)}.account-operation-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.account-operation-dialog header h2{margin:0;font-size:20px}.account-operation-dialog header button{font-size:24px;border:0;background:transparent;color:#7b8896;cursor:pointer}.account-operation-dialog form>label{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:13px;font-weight:600}.account-operation-dialog input:not([type=checkbox]),.account-operation-dialog select,.account-operation-dialog textarea{width:100%;padding:11px;border:1px solid #dce4ec;border-radius:8px;background:#fafcfe;color:#223149;box-sizing:border-box;font:inherit}.account-operation-dialog footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #edf0f4;padding-top:18px;margin-top:20px}.account-hint,.account-warning{font-size:12px;line-height:1.8;color:#77889c}.account-warning{color:#a06b2b;background:#fff9ef;padding:14px;border-radius:8px}.account-balance-before{background:#ecfaf8;padding:18px;border-radius:10px;color:#178f82}.account-balance-before b{font-size:26px;margin:0 12px}.permission-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px}.permission-groups fieldset{border:1px solid #e1e7ee;border-radius:10px;padding:12px}.permission-groups legend{font-weight:700;font-size:13px;color:#228c85}.permission-groups fieldset>label{display:flex;align-items:center;gap:7px;margin:9px 0;font-size:13px}.permission-groups input,.account-default-permissions input{accent-color:#13b5a6;width:16px;height:16px;vertical-align:middle}.account-default-permissions{display:block!important;font-size:12px!important}.account-detail h3 span{font-size:13px;color:#7063af}.account-detail p{font-size:13px;line-height:1.8;color:#627084}.account-detail-actions{display:flex;flex-wrap:wrap;gap:12px;padding:18px 0}.account-detail>small{color:#7f8d9c}.feature-locked{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border:1px solid #e9eef4;border-radius:16px;text-align:center;padding:35px}.feature-locked svg{width:64px;height:72px;color:#cdd3da;margin-bottom:24px}.feature-locked p{font-size:14px;color:#7b869a;line-height:1.9}.membership-upgrade{margin-top:14px;border:0;border-radius:8px;background:#7960ed;color:white;padding:10px 24px;cursor:pointer}.nav-lock-icon{font-size:12px;margin-left:auto;opacity:.65}.nav-item.feature-restricted{color:#8593a6}.membership-page{max-width:1250px;margin:12px auto;padding:10px}.membership-profile{background:white;border:1px solid #e8edf4;border-radius:20px;padding:30px;display:flex;align-items:center;gap:24px;box-shadow:0 2px 4px #152f5110}.membership-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#b6d9ff,#b3efe3);display:grid;place-items:center;font-size:32px;color:#32848a;font-weight:700}.membership-profile h2{font-size:20px;margin:0 0 10px}.membership-profile p{color:#778197;font-size:13px;margin:0 0 8px}.membership-profile p span{background:#edf4ff;color:#4a91da;border:1px solid #c3dcff;border-radius:5px;padding:3px 7px}.membership-profile small{color:#8593a5}.membership-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.membership-plan{border:2px solid #cfefdd;border-radius:17px;padding:28px 24px;background:white;min-height:440px;box-shadow:0 3px 5px #2241620a}.membership-plan h2{font-size:23px;color:#48bd84;margin:0 0 12px}.membership-plan.quarter{border-color:#ffd8ac}.membership-plan.quarter h2,.membership-plan.quarter strong{color:#ff771d}.membership-plan.year{border-color:#dcb5ff}.membership-plan.year h2,.membership-plan.year strong{color:#8027ef}.plan-price{display:flex;align-items:baseline;gap:4px;margin:8px 0}.plan-price b{font-size:34px;color:#080f1c}.plan-price span{font-size:14px}.membership-plan>s{font-size:12px;color:#9ba4b3}.plan-rule{border-top:1px solid #f0f1f5;margin:20px 0}.plan-open{width:100%;background:linear-gradient(100deg,#30264e,#52407f);border:0;border-radius:25px;color:#fff3bf;font-size:18px;font-weight:700;padding:11px;cursor:pointer;box-shadow:0 5px 8px #29213920}.membership-plan h3{font-size:14px;margin:24px 0 16px}.membership-plan p{font-size:13px;line-height:1.7;color:#314159;margin:9px 0}.membership-plan strong{color:#45b781;font-size:12px}.membership-plan>small{display:block;color:#98a1ad;font-size:11px;line-height:1.8;margin-top:22px}@media(max-width:1000px){.membership-plans{gap:12px}.membership-plan{padding:22px 16px}.permission-groups{grid-template-columns:1fr}.account-console{padding:16px}}@media(max-width:700px){.membership-plans{grid-template-columns:1fr}.account-console-head{align-items:flex-start;flex-direction:column}.account-tabs{flex-wrap:wrap}.membership-profile{padding:20px}}
/* Identity badges share geometry; only palette changes with the role. */
.account-role[data-account-role] {
  --role-text: #52647c;
  --role-fill: #f3f6fa;
  --role-border: #dce4ed;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 96px;
  width: 96px;
  min-width: 96px;
  max-width: 96px;
  height: 30px;
  padding: 0 8px;
  border: 1px solid var(--role-border);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, var(--role-fill));
  color: var(--role-text);
  box-shadow: inset 0 1px 0 #ffffffcc, 0 2px 3px #1720330a;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
}
.account-role[data-account-role="system-admin"] { --role-text: #af3154; --role-fill: #ffeaf0; --role-border: #f1bdcb; }
.account-role[data-account-role="erp-admin"] { --role-text: #4054b2; --role-fill: #eef0ff; --role-border: #c9d0f8; }
.account-role[data-account-role="user"] { --role-text: #426a8c; --role-fill: #edf5fc; --role-border: #c7dded; }
.account-role[data-account-role="vip"] { --role-text: #94600c; --role-fill: #fff5dc; --role-border: #edd39a; }
.account-role[data-account-role="agent"] { --role-text: #7843a8; --role-fill: #f6ecff; --role-border: #dfc8f2; }
.account-role[data-account-role="warehouse-manager"] { --role-text: #18775d; --role-fill: #e9f8ef; --role-border: #b9e0cd; }
.account-role[data-account-role="warehouse-operator"] { --role-text: #a94f26; --role-fill: #fff0e6; --role-border: #f0c9ad; }
.account-role-cell { display: flex; align-items: center; gap: 8px; }
.account-console .account-role-cell > button { flex: 0 0 48px; width: 48px; padding-inline: 0; }

/* Current account: role first, public ID second, fixed-size copy affordance. */
.account-menu-shell .account-dropdown { width: min(340px, calc(100vw - 24px)); }
.account-summary > span { flex: 0 0 34px; }
.account-summary > div { flex: 1; min-width: 0; }
.account-summary #accountDropdownName { overflow-wrap: anywhere; }
.account-summary #accountDropdownId { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.account-identity-code { display: inline-flex; align-items: center; gap: 4px; min-width: 0; font-size: 12px; line-height: 18px; }
.account-identity-value { min-width: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.account-summary .account-copy-id {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  min-width: 28px;
  height: 28px;
  margin: 0;
  padding: 5px;
  border: 1px solid #dce4ec;
  border-radius: 6px;
  background: #f8fafc;
  color: #596b83;
  cursor: pointer;
}
.account-summary .account-copy-id svg { width: 16px; height: 16px; pointer-events: none; }
.account-summary .account-copy-id:hover,
.account-summary .account-copy-id.copied { border-color: #a5d8cf; background: #eaf8f4; color: #087f75; }
.account-summary .account-copy-id:focus-visible { outline: 2px solid #098c82; outline-offset: 2px; }
.account-summary .account-copy-id:disabled { opacity: .5; cursor: wait; }
.account-copy-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.account-copy-buffer { position: fixed; left: -9999px; top: 0; opacity: 0; }

/* Lock slots always occupy the same space. Icons never change menu widths. */
#nav .nav-section > h2 { box-sizing: border-box; width: 144px; min-width: 144px; height: 36px; padding: 0; }
#nav .nav-section-toggle {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px 16px;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0 10px;
  text-align: left;
  letter-spacing: 0;
}
#nav .nav-section-label,
#nav .nav-item-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#nav .nav-lock-icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin: 0; color: #405967; opacity: 1; }
#nav .nav-lock-icon svg { display: block; width: 14px; height: 14px; }
#nav .nav-item { display: grid; grid-template-columns: minmax(0, 1fr) 16px; align-items: center; gap: 8px; height: 36px; min-height: 36px; padding: 0 8px; }
/* Keep the new promotion links readable in the narrow horizontal navigation. */
@media (max-width: 860px) {
  #nav .nav-section[data-nav-section="促销活动"] .nav-item { flex: 0 0 144px; min-width: 144px; }
}

/* Account UI control contract. Keep these resets scoped: the global .primary
   has a 15px top margin and global inputs have a 5px top margin. Neither belongs
   in inline toolbars or dialog footers. Border-box height includes the border. */
.account-console,
.account-operation-dialog {
  --account-control-height: 40px;
  --account-control-radius: 8px;
  --account-control-border: #dce4ec;
  color-scheme: light;
}

.account-console button,
.account-operation-dialog button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  height: var(--account-control-height);
  min-height: var(--account-control-height);
  margin: 0;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: var(--account-control-radius);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: none;
  transform: none;
  cursor: pointer;
  transition: background-color .15s, border-color .15s, color .15s;
}

.account-console button:hover,
.account-operation-dialog button:hover {
  transform: none;
  box-shadow: none;
}

.account-console button.secondary,
.account-operation-dialog button.secondary,
.account-console .account-pagination button {
  border-color: var(--account-control-border);
  background: #fff;
  color: #344054;
}

.account-console button.secondary:hover:not(:disabled),
.account-operation-dialog button.secondary:hover:not(:disabled),
.account-console .account-pagination button:hover:not(:disabled) {
  border-color: #90d6ce;
  background: #f0faf8;
  color: #087f75;
}

.account-console button.primary,
.account-operation-dialog button.primary {
  background: linear-gradient(100deg, #10beb8, #4dd0ed);
  color: #07383d;
}

.account-console button.primary:hover:not(:disabled),
.account-operation-dialog button.primary:hover:not(:disabled) {
  background: linear-gradient(100deg, #0eb1aa, #3dc3e2);
}

.account-console button:disabled,
.account-operation-dialog button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.account-console button:focus-visible,
.account-operation-dialog button:focus-visible {
  outline: 2px solid #098c82;
  outline-offset: 3px;
}

.account-console .account-console-head { flex-wrap: wrap; }
.account-console .account-console-head h2 { margin: 4px 0 0; line-height: 1.5; }
.account-console .account-console-head > div:last-child { flex-wrap: wrap; gap: 12px; }
.account-console .account-live { line-height: 20px; }
.account-console .account-tabs { padding: 0 0 12px; margin: 20px 0; }
.account-console .account-tabs button { padding-inline: 16px; }
.account-console .account-filters { align-items: center; gap: 12px; }
.account-console .account-filters > label {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0;
  color: #596b83;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.account-console .account-filters input,
.account-console .account-filters select,
.account-console .account-pagination select,
.account-operation-dialog input:not([type=checkbox]),
.account-operation-dialog select,
.account-operation-dialog textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: var(--account-control-height);
  min-height: var(--account-control-height);
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--account-control-border);
  border-radius: var(--account-control-radius);
  background: #fff;
  color: #26354b;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.account-console .account-filters input { width: 220px; max-width: 100%; }
.account-console .account-filters select { width: 140px; max-width: 100%; }
.account-console .account-filters input[type=date] { width: 148px; }
.account-console .account-pagination { flex-wrap: wrap; gap: 12px; }
.account-console .account-pagination select { width: 76px; }
.account-console .account-table { overflow-x: auto; }
.account-console .account-audit-details { width: min(520px, 75vw); }
.account-console .account-audit-details summary { cursor: pointer; color: #087f75; font-size: 12px; line-height: 22px; }
.account-console .account-audit-body { padding-top: 10px; }
.account-console .account-audit-comparison { width: 100%; min-width: 0; table-layout: fixed; border: 1px solid #e3eaf0; border-collapse: collapse; background: #fff; }
.account-console .account-audit-comparison th,
.account-console .account-audit-comparison td { padding: 9px 10px; font-size: 12px; line-height: 20px; vertical-align: top; text-align: left; white-space: normal; overflow-wrap: anywhere; border-bottom: 1px solid #e8edf1; }
.account-console .account-audit-comparison th:first-child { width: 28%; }
.account-console .account-audit-comparison tbody th { color: #596b83; font-weight: 500; background: #f8fafc; }
.account-console .account-audit-unchanged { margin-top: 10px; }
.account-console .account-audit-unchanged .account-audit-comparison { margin-top: 8px; }
.account-console .account-audit-trace { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 6px 10px; margin: 12px 0 0; font-size: 11px; color: #76869a; }
.account-console .account-audit-trace dt,
.account-console .account-audit-trace dd { margin: 0; overflow-wrap: anywhere; }
.account-console .account-audit-empty { margin: 0; color: #76869a; font-size: 12px; line-height: 22px; }
.account-console .account-actions { align-items: center; gap: 4px; }
.account-console button.link-btn,
.account-operation-dialog button.link-btn {
  height: 32px;
  min-height: 32px;
  padding: 0 8px;
  font-size: 12px;
  color: #008b7c;
}
.account-console button.link-btn:hover,
.account-operation-dialog button.link-btn:hover { background: #edf9f7; text-decoration: none; }

.account-console input:focus,
.account-console select:focus,
.account-operation-dialog input:focus,
.account-operation-dialog select:focus,
.account-operation-dialog textarea:focus {
  border-color: #13b5a6;
  box-shadow: 0 0 0 3px #13b5a614;
  outline: none;
}
.account-operation-dialog input:read-only { background: #f7f9fc; color: #6b7a8e; }
.account-operation-dialog input::placeholder,
.account-operation-dialog textarea::placeholder,
.account-console input::placeholder { color: #94a0b1; }

.account-operation-dialog {
  width: min(680px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 24px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.6;
}
.account-operation-dialog header { gap: 16px; margin-bottom: 24px; }
.account-operation-dialog header h2 { font-size: 20px; line-height: 1.5; }
.account-operation-dialog header button {
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  font-size: 24px;
  font-weight: 400;
  color: #7b8896;
}
.account-operation-dialog header button:hover { background: #f1f5f9; color: #344054; }
.account-operation-dialog form > .account-form-row {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  align-items: center;
  column-gap: 16px;
  row-gap: 6px;
  margin: 0 0 16px;
}
.account-operation-dialog .account-field-label { color: #596b83; line-height: 20px; font-size: 13px; font-weight: 500; }
.account-password-field { position: relative; display: block; width: 100%; min-width: 0; margin: 0; }
.account-operation-dialog .account-form-row-textarea { align-items: start; }
.account-operation-dialog .account-form-row-textarea > .account-field-label { padding-top: 10px; }
.account-operation-dialog textarea { height: 80px; padding: 9px 12px; resize: vertical; }
.account-operation-dialog .account-hint { margin: 0 0 16px; line-height: 1.8; }
.account-operation-dialog .account-balance-before { margin: 0 0 20px; }
.account-operation-dialog .account-balance-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 20px;
  padding: 16px 18px;
  border: 1px solid #dff1ed;
  border-radius: 10px;
  background: #ecfaf8;
  color: #178f82;
}
.account-operation-dialog .account-balance-panel { min-width: 0; }
.account-operation-dialog .account-balance-panel + .account-balance-panel { border-left: 1px solid #cee9e3; padding-left: 18px; }
.account-operation-dialog .account-balance-panel h3 { margin: 0 0 8px; font-size: 14px; font-weight: 600; line-height: 20px; }
.account-operation-dialog .account-balance-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin: 0; font-size: 12px; }
.account-operation-dialog .account-balance-line b { min-width: 0; max-width: 100%; margin: 0; font-size: 26px; line-height: 32px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.account-operation-dialog #accountWarehouseAmount:disabled { background: #f7f9fc; color: #8592a5; cursor: not-allowed; }
.account-operation-dialog .account-form-error { margin: 0; min-height: 0; overflow-wrap: anywhere; }
.account-operation-dialog .account-form-error:not(:empty) { margin-top: 12px; }
.account-operation-dialog footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin: 24px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #edf0f4;
}
.account-operation-dialog footer > button {
  flex: 0 0 88px;
  width: 88px;
  min-width: 88px;
  margin: 0;
  padding: 0 16px;
  white-space: nowrap;
}
.account-operation-dialog .permission-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.account-operation-dialog .permission-groups fieldset { min-width: 0; margin: 0; }
.account-operation-dialog .permission-groups legend label,
.account-operation-dialog .permission-groups fieldset > label,
.account-operation-dialog form > .account-default-permissions {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  line-height: 20px;
  color: #596b83;
}
.account-operation-dialog input[type=checkbox] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.account-operation-dialog [data-account-warehouse-field][hidden] { display: none; }
.account-operation-dialog [data-account-store-limit-field][hidden] { display: none; }
.account-operation-dialog [data-account-warehouse-error] { grid-column: 2; font-size: 12px; font-weight: 400; color: #a06b2b; }
.account-operation-dialog [data-account-warehouse-error]:empty { display: none; }
.account-operation-dialog .account-password-field input { padding-right: 48px; }
.account-operation-dialog .account-password-toggle {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 5px;
  background: transparent;
  color: #78879a;
}
.account-password-toggle svg { width: 20px; height: 20px; pointer-events: none; }
.account-operation-dialog .account-password-toggle:hover { transform: translateY(-50%); background: #eaf4f6; color: #178f82; }

/* Quotas are plain table text until the administrator explicitly chooses Edit. */
.account-console .account-quota-view {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 140px;
  min-height: 34px;
}
.account-console .account-quota-value { padding: 0; border: 0; background: transparent; font: inherit; }
.account-console button.account-quota-edit {
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #008b7c;
  font-size: 12px;
}
.account-console button.account-quota-edit:hover { color: #066e65; text-decoration: underline; }
/* Editing controls retain the same compact dimensions across all rows. */
.account-console .account-quota-editor {
  display: grid;
  grid-template-columns: 68px 64px;
  align-items: center;
  gap: 6px 8px;
  width: 140px;
  margin: 0;
}
.account-console .account-quota-editor input,
.account-console .account-quota-editor button {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0 8px;
  border: 1px solid #dce4ec;
  border-radius: 6px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.account-console .account-quota-editor input { background: #fff; color: #26354b; font-variant-numeric: tabular-nums; }
.account-console .account-quota-editor button { border-color: #b8ded8; background: #edf9f6; color: #087f75; }
.account-console .account-quota-editor input:focus { border-color: #13b5a6; }
.account-console .account-quota-editor input:read-only,
.account-console .account-quota-editor input:disabled { background: #f4f7fa; color: #78879a; }
.account-console .account-quota-editor input[aria-invalid=true] { border-color: #d56470; }
.account-console .account-quota-note { grid-column: 1 / -1; color: #16816b; font-size: 11px; line-height: 18px; white-space: normal; overflow-wrap: anywhere; }
.account-console .account-quota-note:empty { display: none; }
.account-console .account-quota-note.is-error { color: #bb3c4b; }
.account-console .account-actions { min-width: 180px; }

@media (max-width: 520px) {
  .account-operation-dialog { padding: 20px 16px; }
  .account-operation-dialog form > .account-form-row { grid-template-columns: 100px minmax(0, 1fr); column-gap: 10px; }
  .account-operation-dialog .account-field-label { font-size: 12px; }
  .account-operation-dialog header h2 { font-size: 18px; }
  .account-operation-dialog .permission-groups { grid-template-columns: minmax(0, 1fr); }
  .account-console .account-filters > input,
  .account-console .account-filters > select { flex: 1 1 140px; }
  .account-console .account-filters > label { flex: 1 1 100%; }
  .account-console .account-filters input[type=date] { flex: 1; max-width: none; }
  .account-console .account-pagination { justify-content: flex-start; gap: 8px; }
}