.settings-container .info-list > .info-item.sub-account-row {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; gap: 16px; padding: 12px 0;
  border-bottom-width: 1px; border-bottom-style: dashed;
}
.sub-name-display { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 20px 32px; min-width: 0; }
.sub-account-number { color: #64748b; font-size: 12px; line-height: 20px; font-weight: 400; }
.sub-account-heading { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sub-account-heading .sub-account-number { flex-shrink: 0; white-space: nowrap; }
.sub-account-plan { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #64748b; font-size: 12px; line-height: 20px; }
.sub-name-editor .sub-account-heading { grid-column: 1 / -1; grid-row: 1; }
:root.dark .sub-account-plan { color: #ffffff8c; }
.sub-name-edit {
  appearance: none; display: flex; align-items: center; gap: 8px;
  width: 100%; max-width: 100%; min-width: 0; height: 32px; padding: 0; margin: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: #64748b; text-align: left; font: inherit; cursor: pointer;
}
.settings-container .sub-name-text {
  display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; color: #0f172a; font-size: 12.5px; line-height: 20px; font-weight: 500;
}
.settings-container .sub-name-text.is-empty { color: #64748b; font-weight: 400; }
.sub-name-edit svg { flex: 0 0 14px; }
.sub-name-control {
  appearance: none; display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 28px; width: 28px; height: 32px; padding: 0; margin: 0;
  border: 0; border-radius: 6px; background: transparent; box-shadow: none;
  color: #64748b; font: inherit; font-size: 14px; cursor: pointer;
}
.sub-name-control:hover:not(:disabled), .sub-name-edit:hover:not(:disabled) { color: #334155; }
.sub-name-control:disabled, .sub-name-edit:disabled { opacity: .4; cursor: not-allowed; }
.sub-name-control:focus-visible, .sub-name-edit:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }
.settings-container .sub-account-row .sub-row-value { flex: none; justify-self: end; white-space: nowrap; }
.settings-container .sub-account-row .sub-row-value > .mini-btn { flex-shrink: 0; }
.sub-name-editor {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 20px 32px; align-items: center; column-gap: 4px; min-width: 0; margin: 0;
}
.sub-name-editor label { grid-column: 1 / -1; grid-row: 1; }
.sub-name-editor input {
  grid-column: 1; grid-row: 2; box-sizing: border-box; width: 100%; min-width: 0; height: 32px;
  padding: 0; border: 0; border-bottom: 1px solid #cbd5e1; border-radius: 0;
  outline: none; background: transparent; box-shadow: none; color: #0f172a; font: inherit; font-size: 16px;
}
.sub-name-editor input:focus { border-bottom-color: #64748b; }
.sub-name-editor .sub-name-help { grid-column: 1 / -1; grid-row: 3; margin: 4px 0; color: #64748b; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.sub-name-actions { grid-column: 2; grid-row: 2; display: flex; gap: 0; }
.sub-name-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
:root.dark .settings-container .sub-name-text, :root.dark .sub-name-editor input { color: #ffffffd9; }
:root.dark .sub-account-number, :root.dark .sub-name-control, :root.dark .sub-name-edit,
:root.dark .settings-container .sub-name-text.is-empty, :root.dark .sub-name-editor .sub-name-help { color: #ffffff8c; }
:root.dark .sub-name-control:hover:not(:disabled), :root.dark .sub-name-edit:hover:not(:disabled) { color: #ffffffd9; }
:root.dark .sub-name-editor input { border-bottom-color: #ffffff40; }
:root.dark .sub-name-editor input:focus { border-bottom-color: #ffffff8c; }

.settings-container .info-list > .info-item.sub-account-row:last-child { border-bottom-color: transparent; }