/* ── Pending View ─────────────────────────────────────── */
.da-text-center { text-align: center; }
.da-pending-icon { font-size: 3rem; margin-bottom: 16px; }
.da-pending-title { font-size: 1.2rem; font-weight: 700; color: #1e293b; margin-bottom: 10px; }
.da-pending-desc { font-size: .9rem; color: #475569; line-height: 1.6; }

/* ── Alerts ───────────────────────────────────────────── */
.da-alert {
  padding: 10px 14px;
  border-radius: 8px;
  font-size: .85rem;
  margin-bottom: 14px;
  line-height: 1.5;
}
.da-alert-success {
  background: #ccfbf1;
  border: 1px solid #99f6e4;
  color: #134e4a;
}
.da-alert-error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #dc2626;
}
.da-alert-info {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1d4ed8;
}

/* ── Forms ────────────────────────────────────────────── */
.da-form-row {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 14px;
}
.da-form-row label {
  font-size: .82rem;
  font-weight: 600;
  color: #374151;
}
.da-form-row input,
.da-form-row textarea,
.da-form-row select {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: .9rem;
  color: #1e293b;
  outline: none;
  transition: border .15s;
  font-family: inherit;
  background: #fff;
}
.da-form-row input:focus,
.da-form-row textarea:focus,
.da-form-row select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.da-form-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.da-hint {
  font-size: .78rem;
  color: #94a3b8;
}

/* ── Buttons ──────────────────────────────────────────── */
.da-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: .875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
  white-space: nowrap;
  font-family: inherit;
}
.da-btn-sm { padding: 6px 14px; font-size: .82rem; }
.da-btn-primary {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}
.da-btn-primary:hover { background: var(--accent-dark); border-color: var(--accent-dark); }
.da-btn-ghost { background: #fff; border-color: #d1d5db; color: #475569; }
.da-btn-ghost:hover { border-color: #94a3b8; background: #f8fafc; }
.da-btn-danger { background: #dc2626; color: #fff; border-color: #dc2626; }
.da-btn-danger:hover { background: #b91c1c; border-color: #b91c1c; }
.da-btn-block { width: 100%; }
.da-btn:disabled { opacity: .5; cursor: not-allowed; }