/* Bootstrap skin for CI4 demo */
:root { --radius: 14px; }

.bg-auth {
  min-height: 100vh;
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(13,110,253,.12), transparent 60%),
    radial-gradient(900px 500px at 80% 30%, rgba(25,135,84,.12), transparent 55%),
    #f8f9fa;
}

.card-elevated {
  border: 0;
  border-radius: var(--radius);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.table thead th {
  font-weight: 600;
  white-space: nowrap;
}

.badge-soft-primary {
  background: rgba(13,110,253,.12);
  color: #0d6efd;
  border: 1px solid rgba(13,110,253,.25);
}
.badge-soft-secondary {
  background: rgba(108,117,125,.12);
  color: #6c757d;
  border: 1px solid rgba(108,117,125,.25);
}
.badge-soft-success {
  background: rgba(25,135,84,.12);
  color: #198754;
  border: 1px solid rgba(25,135,84,.25);
}
.badge-soft-danger {
  background: rgba(220,53,69,.12);
  color: #dc3545;
  border: 1px solid rgba(220,53,69,.25);
}
.badge-soft-warning {
  background: rgba(255,193,7,.18);
  color: #8a6d00;
  border: 1px solid rgba(255,193,7,.35);
}

/* Filter indicator + reset button (subtle) */
.filter-badge {
  font-size: .75rem;
  padding: .35em .6em;
}

.btn-soft-warning {
  background: rgba(255,193,7,.18);
  color: #8a6d00;
  border: 1px solid rgba(255,193,7,.35);
}
.btn-soft-warning:hover {
  background: rgba(255,193,7,.28);
  color: #6b5400;
  border-color: rgba(255,193,7,.45);
}
.btn-soft-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(255,193,7,.25);
}

.form-text-muted { color: rgba(33,37,41,.65); }

/* Better touch targets on mobile */
.btn, .form-control, .form-select {
  min-height: 40px;
}

/* Tables: subtle zebra striping across the whole project */
.table tbody tr:nth-child(odd) > * { background-color: #f6f7f9; }
.table-hover tbody tr:hover > * { background-color: #eef2f7; }

/* Dashboard stat cards (soft colors like the reference) */
.stat-card {
  border-radius: var(--radius);
  border: 0;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.stat-card.stat-total { background: #eef6ff; }
.stat-card.stat-today { background: #cfee9a; }
.stat-card.stat-unassigned { background: #f3e88f; }
.stat-card.stat-completed { background: #a9d7ff; }