/* ═══════════════════════════════════════════════════════════
   Torvali — Designer Portal Styles
   ═══════════════════════════════════════════════════════════ */
@import url('/css/admin.css');

/* ─── Auth tabs (Sign In / Create Account) ───────────────── */
.auth-tabs {
  display: flex; gap: 4px; background: var(--surface);
  border-radius: 10px; padding: 4px; margin-bottom: 24px;
}
.auth-tab {
  flex: 1; padding: 8px; border: none; border-radius: 8px;
  font-size: .83rem; font-weight: 700; cursor: pointer;
  font-family: inherit; background: transparent;
  color: var(--text-muted); transition: all .15s;
}
.auth-tab.active {
  background: #fff; color: var(--text);
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
}

/* ─── Submit type tabs ───────────────────────────────────── */
.sub-tabs {
  display: flex; gap: 4px; background: var(--surface);
  border-radius: 10px; padding: 4px; margin-bottom: 24px; max-width: 240px;
}
.sub-tab {
  flex: 1; padding: 7px 16px; border: none; border-radius: 8px;
  font-size: .83rem; font-weight: 700; cursor: pointer;
  font-family: inherit; background: transparent;
  color: var(--text-muted); transition: all .15s;
}
.sub-tab.active {
  background: #fff; color: var(--brand);
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
}

/* ─── CSS drop zone ──────────────────────────────────────── */
.drop-zone {
  border: 2px dashed var(--border); border-radius: 10px;
  padding: 28px 24px; text-align: center; cursor: pointer;
  transition: border-color .15s, background .15s; background: var(--surface);
}
.drop-zone:hover, .drop-zone.drag-over {
  border-color: var(--brand); background: #ecfdf5;
}
.drop-icon { font-size: 1.8rem; display: block; margin-bottom: 8px; }

/* ─── Rejection alert ────────────────────────────────────── */
.rejection-alert {
  display: none; margin-bottom: 20px;
  background: #fff1f2; border: 1px solid #fecdd3;
  color: #9f1239; border-radius: 10px; padding: 14px 16px; font-size: .875rem;
}
.rejection-alert-list { margin-top: 8px; font-size: .83rem; line-height: 1.7; }
.reject-note {
  font-size: .78rem; color: #991b1b; background: #fef2f2;
  border-radius: 6px; padding: 3px 8px; margin-top: 4px; display: block;
}

/* ─── Submission status badges ───────────────────────────── */
.badge-pending  { background: #fffbeb; color: #92400e; }
.badge-approved { background: #ecfdf5; color: #065f46; }
.badge-rejected { background: #fef2f2; color: #991b1b; }

/* ─── TOTP status row ────────────────────────────────────── */
.totp-active-row {
  display: flex; align-items: center; gap: 10px; margin-bottom: 16px;
  padding: 12px 14px; background: #ecfdf5; border-radius: 8px;
}