/* Section anatomy from 会员管理框架√ / src/styles.css, scoped to the new-account form. */
:is(.account-create-drawer, .account-create-dialog) .account-section {
  margin-top: 14px;
  border: 1px solid #e8ebef;
  background: #fff;
}

:is(.account-create-drawer, .account-create-dialog) .account-section h3 {
  height: 46px;
  margin: 0;
  padding: 0 16px;
  color: #343a40;
  font-size: 14px;
  font-weight: 600;
  line-height: 46px;
  border-bottom: 1px solid #e8ebef;
  background: #fafbfc;
}

:is(.account-create-drawer, .account-create-dialog) .account-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 46px;
  padding-right: 16px;
  border-bottom: 1px solid #e8ebef;
  background: #fafbfc;
}

:is(.account-create-drawer, .account-create-dialog) .account-section-heading h3 {
  flex: 1;
  height: 45px;
  border-bottom: 0;
  background: transparent;
}

:is(.account-create-drawer, .account-create-dialog) .section-content {
  margin: 14px;
}


:is(.account-create-drawer, .account-create-dialog) .drawer-heading{height:68px;min-height:68px;padding:0 26px}
:is(.account-create-drawer, .account-create-dialog) .drawer-heading h2{font-size:18px;color:#252a2f}
:is(.account-create-drawer, .account-create-dialog) .drawer-scroll{padding:16px 20px 20px}
:is(.account-create-drawer, .account-create-dialog) .account-section:first-child{margin-top:0}
:is(.account-create-drawer, .account-create-dialog) .account-section>.form-grid{padding:16px 16px 0;column-gap:20px}
:is(.account-create-drawer, .account-create-dialog) .account-section>.el-form-item{margin:16px}
:is(.account-create-drawer, .account-create-dialog) .account-section>.el-checkbox{margin:0 16px 16px}
:is(.account-create-drawer, .account-create-dialog) .account-section .el-form-item{margin-bottom:20px}
:is(.account-create-drawer, .account-create-dialog) .account-section .el-form-item__label{font-size:14px;color:#606266;font-weight:400;padding-bottom:6px;line-height:21px}
:is(.account-create-drawer, .account-create-dialog) :is(.el-input__inner,.el-textarea__inner){border-radius:0;border-color:#dcdfe6;color:#303133}
:is(.account-create-drawer, .account-create-dialog) .el-input__inner{height:32px;line-height:30px}
:is(.account-create-drawer, .account-create-dialog) .el-input__icon{line-height:30px}
:is(.account-create-drawer, .account-create-dialog) .drawer-footer{min-height:66px;padding:10px 22px;box-shadow:0 -3px 10px rgba(28,38,48,.04)}
:is(.account-create-drawer, .account-create-dialog) .drawer-footer .el-button{height:34px;border-radius:0;font-weight:400}
:is(.account-create-drawer, .account-create-dialog) .el-form-item.is-error .el-input__inner{border-color:#f56c6c}
@media(max-width:620px){:is(.account-create-drawer, .account-create-dialog) .form-grid{grid-template-columns:1fr}}

.created-record-total{padding:16px;color:#595959;font-size:13px;border-top:1px solid #ebeef5}.created-account-records .toolbar-left{gap:24px}
.page-content.account-list-page {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  box-sizing: border-box;
}

/* Business form: inherited values and input errors remain readable. */
.business-account-dialog .agent-kind-control{display:flex;align-items:center;gap:24px;padding:2px 0 18px;color:#303133;font-size:14px}
.business-account-dialog .agent-kind-control+.account-section{margin-top:0}
.business-account-dialog .account-section-body{padding:16px 16px 0}
.business-account-dialog .account-section-body::after{content:'';display:table;clear:both}
.business-account-dialog .el-select,.business-account-dialog .el-autocomplete{width:100%}
.business-account-dialog .account-password-input{display:flex;gap:8px;align-items:flex-start}
.business-account-dialog .account-password-input>.el-input,.business-account-dialog .account-password-input>.el-select{flex:1;min-width:0}
.business-account-dialog .account-password-input>.el-button{height:32px;line-height:30px;flex:none;padding:0 12px;font-weight:400}
.business-account-dialog .account-field-help{font-size:12px;line-height:18px;color:#606266;margin:5px 0 0}
.business-account-dialog .el-input.is-disabled .el-input__inner{color:#606266;background:#f5f7fa;cursor:not-allowed}
.business-account-dialog .account-inheritance-note{margin:14px 16px 0;font-size:12px;color:#606266;line-height:20px}
.business-account-dialog .el-form-item__error{position:static;line-height:18px;padding-top:4px}
.business-account-dialog .el-form-item.is-error .el-input.is-disabled .el-input__inner{border-color:#f56c6c}
.business-account-dialog .el-select__tags{max-height:24px;overflow:hidden}
.parent-mode{float:right;margin-left:20px;color:#606266}
.created-account-status{color:#909399;font-size:14px;font-weight:400}
.created-account-status.is-enabled{color:#67c23a}
.created-record-caption{display:block;line-height:18px;font-size:12px;color:#909399}
.account-template-manager{display:flex;flex-direction:column;height:94vh;margin-bottom:0}
.account-template-manager>.el-dialog__body{padding:0;flex:1;min-height:0}
.account-template-manager iframe{width:100%;height:100%;border:0;display:block}
.account-template-manager>.el-dialog__header,.account-template-manager>.el-dialog__footer{flex:none}

/* One label edge and one control edge across all account form sections. */
.business-account-dialog {
  --account-outer-inset: 20px;
  --account-section-inset: 16px;
  --account-label-width: 112px;
  --account-text-edge: calc(var(--account-outer-inset) + 1px + var(--account-section-inset));
  text-align: left;
}
.business-account-dialog .account-create-form.is-member {
  --account-label-width: 80px;
}
.business-account-dialog-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.business-account-dialog.el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 48px);
  border-radius: 4px;
  overflow: hidden;
}
.business-account-dialog > .el-dialog__header {
  display: flex;
  align-items: center;
  flex: none;
  min-height: 56px;
  padding: 0 var(--account-text-edge);
  border-bottom: 1px solid #e7ebf0;
}
.business-account-dialog > .el-dialog__header .el-dialog__title {
  color: #303133;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.business-account-dialog > .el-dialog__header .el-dialog__headerbtn {
  top: 10px;
  right: 14px;
  width: 36px;
  height: 36px;
}
.business-account-dialog > .el-dialog__body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.business-account-dialog .account-dialog-content {
  padding: 16px var(--account-outer-inset) 20px;
}
.business-account-dialog > .el-dialog__footer {
  flex: none;
  padding: 0;
  border-top: 1px solid #e7ebf0;
}
.business-account-dialog .account-dialog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 66px;
  padding: 12px var(--account-text-edge);
  background: #fff;
}
.business-account-dialog .account-dialog-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.business-account-dialog .account-dialog-actions .el-button {
  height: 34px;
  min-width: 72px;
  margin: 0;
  padding: 0 14px;
  border-radius: 0;
  font-weight: 400;
}
.business-account-dialog .agent-kind-control {
  display: grid;
  grid-template-columns: var(--account-label-width) minmax(0, 1fr);
  gap: 0;
  padding-inline: calc(1px + var(--account-section-inset));
}
.business-account-dialog .account-section > .form-grid,
.business-account-dialog .account-section-body {
  display: block;
  padding: 16px var(--account-section-inset) 0;
}
.business-account-dialog .account-create-form .el-form-item {
  display: grid;
  grid-template-columns: var(--account-label-width) minmax(0, 1fr);
  align-items: start;
  margin-inline: 0;
}
.business-account-dialog .account-create-form .el-form-item::before,
.business-account-dialog .account-create-form .el-form-item::after {
  display: none;
}
.business-account-dialog .account-create-form .el-form-item__label {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  float: none;
  width: auto !important;
  padding: 0 12px 0 0;
  line-height: 32px;
  text-align: left;
}
.business-account-dialog .account-create-form .el-form-item.is-required > .el-form-item__label::before {
  position: absolute;
  left: auto;
  right: calc(100% + 4px);
  top: 0;
  margin: 0;
}
.business-account-dialog .account-create-form .el-form-item__content {
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  margin-left: 0 !important;
  line-height: 32px;
  text-align: left;
}
.business-account-dialog .account-create-form :is(.el-input__inner, .el-textarea__inner) {
  text-align: left;
}
.business-account-dialog .account-inheritance-note {
  margin-left: var(--account-section-inset);
}
/* All account creation fields share a continuous sequence and one left edge. */
.business-account-dialog .continuous-create-form {
  padding-inline: calc(1px + var(--account-section-inset));
}
.business-account-dialog .continuous-create-form .account-section {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.business-account-dialog .continuous-create-form .account-section > .form-grid,
.business-account-dialog .continuous-create-form .account-section-body {
  padding: 0;
}
.business-account-dialog .continuous-create-form .el-form-item {
  margin: 0 0 16px;
}
.business-account-dialog .continuous-create-form .account-section:last-child .el-form-item:last-child {
  margin-bottom: 0;
}
.business-account-dialog .continuous-create-form .agent-kind-control {
  padding: 0;
  margin: 0 0 16px;
  min-height: 32px;
  align-items: center;
}
.created-account-records {
  --created-list-inset: 16px;
}
.created-account-records .table-toolbar {
  padding-left: var(--created-list-inset);
  padding-right: var(--created-list-inset);
}
.created-account-records .toolbar-left {
  margin: 0;
  padding: 0;
}
.created-account-records .table-toolbar .el-button--text {
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 32px;
  text-align: left;
}
.created-account-records .created-record-total {
  padding-left: var(--created-list-inset);
  padding-right: var(--created-list-inset);
}
.created-account-records .el-table :is(th.el-table__cell, td.el-table__cell, .cell) {
  text-align: left;
}
.created-account-records .el-table th.el-table__cell > .cell,
.created-account-records .el-table td.el-table__cell > .cell {
  padding-left: var(--created-list-inset);
  padding-right: var(--created-list-inset);
  text-align: left;
}
.created-account-records .el-table .el-button--text {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
}
.created-account-records .el-button--text:focus-visible {
  outline: 2px solid #1677d2;
  outline-offset: 2px;
}
@media (max-width: 620px) {
  .business-account-dialog .account-create-form .el-form-item,
  .business-account-dialog .continuous-create-form .agent-kind-control {
    grid-template-columns: minmax(0, 1fr);
  }
  .business-account-dialog .account-create-form .el-form-item__label {
    grid-column: 1;
    grid-row: 1;
    padding: 0 0 6px;
    line-height: 21px;
  }
  .business-account-dialog .account-create-form .el-form-item__content {
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
    grid-column: 1;
    grid-row: 2;
  }
}

@media (max-width: 620px) {
  .business-account-dialog.el-dialog { max-height: calc(100vh - 24px); }
  .business-account-dialog .account-dialog-footer { flex-wrap: wrap; }
  .business-account-dialog .account-dialog-actions { margin-left: auto; }
}