[hidden] { display: none !important; }
.auth-dialog { width: min(720px, calc(100% - 28px)); max-width: 720px !important; }
.auth-dialog input,
.auth-dialog select { min-height: 44px; }
.auth-dialog .auth-status {
  display: none;
  margin: 16px 24px 0;
  padding: 11px 13px;
  color: #285c3e;
  background: #eaf4ed;
  border: 1px solid #c8dfd0;
  border-radius: 9px;
  font-size: 13px;
}
.auth-dialog .auth-status.show { display: block; }
.auth-dialog .auth-status.error { color: #8b312d; background: #fae9e6; border-color: #e8c8c3; }
.auth-dialog .auth-status.info { color: #75561e; background: #fbf3df; border-color: #ead7a9; }
.auth-dialog .optional { font-weight: 500; opacity: .72; }
.auth-dialog .auth-actions { align-items: stretch; }
.auth-dialog .auth-actions .btn { min-height: 44px; }
.auth-dialog .signup-form { padding-top: 20px; }

.staff-management-dialog { width: min(1040px, calc(100% - 28px)); max-width: 1040px; }
.staff-management-body { padding: 22px 24px 28px; }
.staff-management-body section + section { margin-top: 30px; }
.staff-management-status {
  display: none;
  margin-bottom: 18px;
  padding: 11px 13px;
  color: #285c3e;
  background: #eaf4ed;
  border: 1px solid #c8dfd0;
  border-radius: 9px;
  font-size: 13px;
}
.staff-management-status.show { display: block; }
.staff-management-status.error { color: #8b312d; background: #fae9e6; border-color: #e8c8c3; }
.staff-management-status.info { color: #75561e; background: #fbf3df; border-color: #ead7a9; }
.staff-section-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.staff-section-head h3 { margin: 0; font: 500 20px Georgia, "Times New Roman", serif; }
.staff-section-head p { margin: 3px 0 0; color: #756d63; font-size: 12px; }
.staff-count { display: grid; min-width: 32px; height: 32px; padding: 0 8px; place-items: center; color: #6f2638; background: #f2e6df; border-radius: 16px; font-weight: 750; }
.staff-list { display: grid; gap: 10px; }
.staff-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, .8fr);
  gap: 18px;
  padding: 16px;
  align-items: center;
  background: #fff;
  border: 1px solid #e6dccd;
  border-radius: 13px;
}
.staff-card.pending { border-left: 4px solid #a88449; }
.staff-person strong, .staff-person span, .staff-person small { display: block; }
.staff-person > span { margin-top: 2px; color: #5f574e; }
.staff-person small { margin-top: 4px; color: #756d63; }
.staff-name-line { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.account-state { display: inline-flex !important; padding: 3px 7px; border-radius: 12px; font-size: 10px; font-weight: 750; }
.account-state.active { color: #285c3e; background: #e7f2ea; }
.account-state.inactive { color: #8b312d; background: #fae9e6; }
.staff-controls { display: grid; gap: 9px; }
.staff-controls label { margin: 0; }
.staff-controls select { margin-top: 5px; }
.staff-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.staff-actions .btn { min-height: 44px; }
.btn.danger-soft { color: #8b312d; background: #fff4f1; border-color: #e8c8c3; }
.staff-empty { padding: 28px 18px; text-align: center; color: #756d63; background: rgba(255, 255, 255, .6); border: 1px dashed #d9cdbd; border-radius: 12px; }

@media (max-width: 760px) {
  #staffManagementButton:not([hidden]),
  .header-actions .reminder-button { display: inline-flex !important; }
  .auth-dialog .fields { grid-template-columns: 1fr; }
  .auth-dialog .full { grid-column: auto; }
  .auth-dialog .auth-actions { flex-direction: column-reverse; }
  .auth-dialog .auth-actions .btn { width: 100%; }
  .staff-management-body { padding: 18px 14px 24px; }
  .staff-card { grid-template-columns: 1fr; gap: 14px; }
  .staff-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .staff-actions .btn:last-child:nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 460px) {
  .auth-dialog .auth-status { margin: 12px 16px 0; }
  .staff-section-head p { display: none; }
  .staff-actions { grid-template-columns: 1fr; }
  .staff-actions .btn:last-child:nth-child(3) { grid-column: auto; }
}

@media (max-width: 760px) {
  .auth-dialog {
    width: min(100% - 20px, 720px);
    max-height: calc(100dvh - 20px);
    overflow-y: auto;
  }

  .auth-dialog input,
  .auth-dialog select,
  .staff-management-dialog input,
  .staff-management-dialog select {
    min-height: 44px;
    font-size: 16px;
  }

  .staff-management-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    border-radius: 0;
  }

  .staff-controls,
  .staff-actions {
    width: 100%;
  }

  .staff-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .staff-actions .btn {
    min-height: 44px;
  }
}