.list-shell {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.list-toolbar {
  flex: 0 0 auto;
  margin-bottom: 14px;
}

.page-description {
  max-width: 620px;
  margin: 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
}

.list-shell > .table-container {
  min-height: 140px;
  flex: 1;
  background: #fff;
}

/* Shared information hierarchy: description, summary, inquiry/actions, results. */
.list-shell > * { order: 4; }
.list-shell > .list-toolbar { display: contents; }
.list-shell > .list-toolbar > .page-description {
  order: 1;
  width: 100%;
  max-width: none;
  margin: 0 0 14px;
}
.list-shell > .metric-grid,
.list-shell > .quota-strip {
  order: 2;
  margin-top: 0;
  margin-bottom: 14px;
}
.list-shell > .list-toolbar > .list-actions,
.list-shell > .list-toolbar > .customer-filters,
.list-shell > .list-toolbar > .accounting-inquiry,
.list-shell > .list-toolbar > .compliance-inquiry,
.list-shell > .list-toolbar > .complaint-inquiry,
.list-shell > .list-toolbar > .report-inquiry {
  order: 3;
  width: 100%;
  margin: 0 0 14px;
}
.list-shell > .table-container { order: 4; }
.list-shell > .list-count { order: 5; }
#list-add,
#customer-add,
#treasury-add,
#stock-add,
#trx-add { margin-left: auto; }

.field-control.invalid {
  border-color: #dc2626;
  background: #fff7f7;
  box-shadow: 0 0 0 3px #dc262614;
}

.field-control.invalid:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 3px #dc262621;
}

@media (max-width: 760px) {
  .list-toolbar {
    align-items: stretch;
  }

  .list-actions {
    flex-wrap: wrap;
  }
}
.forgot-dialog{width:min(520px,calc(100vw - 32px))}
.form-section {
  grid-column: 1 / -1;
  border-top: 1px solid #dbe3ef;
  margin-top: 4px;
  padding-top: 18px;
}

.form-section h3 {
  color: #182235;
  font-size: 16px;
  margin: 0;
}

.form-note {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  background: #f6f9fc;
  border: 1px solid #dbe3ef;
  border-left: 3px solid #2563eb;
  color: #526178;
  font-size: 13px;
  line-height: 1.5;
  padding: 12px 14px;
}

.form-note i {
  flex: 0 0 auto;
  margin-top: 2px;
  color: #2563eb;
  font-size: 17px;
}

@media (max-width: 760px) {
  .form-section,
  .form-note {
    grid-column: auto;
  }
}