/* Dedicated layout keeps the SMS action independent from other dialogs. */
.supplier-super-password-dialog.el-dialog {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: 90dvh;
  margin: 5vh auto;
  width: min(480px, calc(100vw - 24px));
  padding: 24px;
  border-radius: 14px;
  box-shadow: 0 20px 64px rgba(31, 41, 55, .2);
}
.supplier-super-password-dialog .el-dialog__header { flex: 0 0 auto; margin: 0; padding: 0 0 18px; }
.supplier-super-password-dialog .el-dialog__title { color: #253047; font-size: 20px; font-weight: 650; line-height: 1.4; }
.supplier-super-password-dialog .el-dialog__body { min-height: 0; padding: 0; overflow-y: auto; }
.supplier-super-password-dialog .el-dialog__footer { flex: 0 0 auto; display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; padding: 18px 0 0; border-top: 1px solid #edf0f4; }
.supplier-super-password-dialog .el-dialog__footer .supplier-btn { height: 42px; min-width: 84px; padding: 0 18px; border-radius: 8px; font-size: 14px; box-shadow: none; }
.supplier-super-password-dialog .el-dialog__footer .supplier-btn.secondary { color: #5e6a7e; border-color: #dfe5ee; background: #fff; }
.supplier-super-password-dialog .el-dialog__footer .supplier-btn:disabled { cursor: not-allowed; opacity: .55; }
.supplier-super-password-dialog .super-password-form { display: grid; gap: 16px; min-width: 0; color: #253047; }
.supplier-super-password-dialog .super-password-intro { padding: 12px 14px; border-left: 3px solid #df3448; border-radius: 0 8px 8px 0; background: #fff5f6; }
.supplier-super-password-dialog .super-password-intro p { margin: 0 0 5px; font-size: 13px; line-height: 1.6; }
.supplier-super-password-dialog .super-password-intro span { color: #778398; font-size: 12px; line-height: 1.6; }
.supplier-super-password-dialog .super-password-field { display: grid; gap: 7px; min-width: 0; }
.supplier-super-password-dialog .super-password-field > label { color: #455268; font-size: 13px; font-weight: 550; line-height: 20px; }
.supplier-super-password-dialog .super-password-field .supplier-input { box-sizing: border-box; width: 100%; min-width: 0; height: 42px; padding: 0 12px; border-radius: 8px; font-size: 14px; }
.supplier-super-password-dialog .super-password-field .supplier-input::placeholder { color: #98a1af; }
.supplier-super-password-dialog .super-password-field .supplier-input:disabled { background: #f6f7f9; cursor: not-allowed; }
.supplier-super-password-dialog .super-password-field .supplier-input:focus-visible { border-color: #df3448; box-shadow: 0 0 0 3px rgba(223, 52, 72, .1); }
.supplier-super-password-dialog .super-password-code-row { display: grid; grid-template-columns: minmax(0, 1fr) 116px; align-items: stretch; gap: 10px; min-width: 0; }
.supplier-super-password-dialog .super-password-code-button { box-sizing: border-box; min-width: 0; height: 42px; padding: 0 10px; border: 1px solid #f1bdc5; border-radius: 8px; background: #fff5f6; color: #c8243b; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.supplier-super-password-dialog .super-password-code-button:hover:not(:disabled) { background: #ffe9ed; border-color: #df3448; }
.supplier-super-password-dialog .super-password-code-button:focus-visible { outline: 2px solid #df3448; outline-offset: 2px; }
.supplier-super-password-dialog .super-password-code-button:disabled { border-color: #e2e6ed; background: #f6f7f9; color: #98a1af; cursor: not-allowed; }
.supplier-super-password-dialog .super-password-help { margin: 0; color: #778398; font-size: 12px; line-height: 1.5; }
.supplier-super-password-dialog .super-password-error { margin: 0; color: #cf253c; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.supplier-super-password-dialog .super-password-form-error { padding: 10px 12px; border-radius: 6px; background: #fff5f6; }
@media (max-width: 480px) {
  .supplier-super-password-dialog.el-dialog { padding: 20px; }
  .supplier-super-password-dialog .el-dialog__footer .supplier-btn { flex: 1; min-width: 0; }
  .supplier-super-password-dialog .super-password-code-row { grid-template-columns: minmax(0, 1fr) 108px; gap: 8px; }
}