/* Global styles (clean + modern, Bootstrap-friendly) */

:root{
  --brand:#0d6efd;
  --brand-2:#0a58ca;
  --bg:#f6f8fc;
  --text:#0f172a;
  --muted:#6b7280;
  --ring: rgba(13,110,253,.25);
  --radius: 14px;
}

html, body{
  height:100%;
}

body {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    color: var(--text);
    background: var(--bg);
}

a{
  text-decoration: none;
}

a:hover{
  text-decoration: none;
}

.sidebar {
    min-height: 100vh;
}

.card {
    border: 1px solid rgba(15,23,42,.06) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 10px 30px rgba(2,6,23,.04) !important;
}

.card.shadow-sm{
  box-shadow: 0 8px 20px rgba(2,6,23,.04) !important;
}

.navbar{
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.form-control, .form-select{
  border-radius: var(--radius) !important;
  border-color: rgba(15,23,42,.12) !important;
}

.form-control:focus, .form-select:focus{
  border-color: rgba(13,110,253,.65) !important;
  box-shadow: 0 0 0 .2rem var(--ring) !important;
}

.btn{
  border-radius: 12px !important;
}

.btn-primary{
  background: linear-gradient(180deg, #1a7cff 0%, var(--brand) 100%) !important;
  border-color: var(--brand) !important;
}

.table{
  border-radius: 12px;
  overflow: hidden;
}

.table thead th{
  background: rgba(13,110,253,.08) !important;
  color: #0b3a8b;
  font-weight: 700;
}

hr{
  border-color: rgba(15,23,42,.08);
}

/* Alerts */
.alert{
  border-radius: var(--radius) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
}


.badge{
  border-radius: 999px;
}

/* Avoid awkward margins due to empty layouts */
.main-content{
  padding-top: 0.5rem;
}