:root{
  --bg:#f6f8fc;
  --surface:#ffffff;
  --surface-2:#fbfcff;
  --border:#e6eaf2;
  --text:#0f172a;
  --muted:#64748b;
  --primary:#2563eb;
  --primary-2:#1d4ed8;
  --success:#16a34a;
  --warning:#f59e0b;
  --danger:#ef4444;

  --radius:16px;
  --radius-sm:12px;
  --shadow:0 10px 30px rgba(2,6,23,.06);
  --shadow-sm:0 6px 18px rgba(2,6,23,.06);
}

html,body{height:100%}
body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:"Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif!important;
  font-weight:400;
  letter-spacing:.1px;
}

/* Typography */
h1,h2,h3,h4,h5,h6{
  letter-spacing:-.2px;
  font-weight:600;
  color:var(--text)!important;
}
.small, small{color:var(--muted)!important}
.text-secondary{color:var(--muted)!important}

/* Navbar */
.navbar{
  background:rgba(255,255,255,.8)!important;
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border)!important;
}
.navbar .navbar-brand{
  color:var(--text)!important;
  font-weight:600!important;
}
.navbar .badge{
  border-radius:999px!important;
  border:1px solid var(--border)!important;
  background:rgba(15,23,42,.04)!important;
  color:var(--text)!important;
  font-weight:500!important;
}

/* Cards */
.card{
  background:var(--surface)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius)!important;
  box-shadow:var(--shadow);
  color:var(--text)!important;
}
.card .card-header{
  background:transparent!important;
  border-bottom:1px solid var(--border)!important;
}
.card.p-3, .card.p-4{padding:1.25rem!important}

/* Layout spacing */
.container{max-width:1200px}
.my-4{margin-top:1.25rem!important;margin-bottom:1.25rem!important}

/* Links */
a{color:var(--primary)!important;text-decoration:none}
a:hover{color:var(--primary-2)!important;text-decoration:none}

/* Buttons */
.btn{
  border-radius:12px!important;
  font-weight:500!important;
  letter-spacing:.1px;
  padding:.55rem .9rem!important;
}
.btn-sm{padding:.35rem .65rem!important;border-radius:10px!important}
.btn-primary{
  background:linear-gradient(180deg, var(--primary), var(--primary-2))!important;
  border:0!important;
  box-shadow:0 10px 20px rgba(37,99,235,.18);
}
.btn-primary:hover{filter:brightness(.98)}
.btn-outline-light{
  border:1px solid var(--border)!important;
  color:var(--text)!important;
  background:var(--surface)!important;
}
.btn-outline-light:hover{
  background:#f3f6ff!important;
  border-color:#d7def0!important;
}
.btn-outline-danger{
  border:1px solid rgba(239,68,68,.35)!important;
  color:var(--danger)!important;
  background:rgba(239,68,68,.06)!important;
}
.btn-outline-danger:hover{background:rgba(239,68,68,.10)!important}

/* Inputs */
.form-control, .form-select{
  background:var(--surface-2)!important;
  color:var(--text)!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  padding:.65rem .8rem!important;
  font-weight:400;
}
.form-control::placeholder{color:rgba(100,116,139,.75)!important}
.form-control:focus, .form-select:focus{
  border-color:rgba(37,99,235,.45)!important;
  box-shadow:0 0 0 .25rem rgba(37,99,235,.12)!important;
  background:var(--surface)!important;
}

/* Tabs */
.nav-tabs{
  border-bottom:1px solid var(--border)!important;
}
.nav-tabs .nav-link{
  color:var(--muted)!important;
  border:1px solid transparent!important;
  border-top-left-radius:12px!important;
  border-top-right-radius:12px!important;
  padding:.55rem .9rem!important;
  font-weight:500!important;
}
.nav-tabs .nav-link:hover{
  background:rgba(37,99,235,.06)!important;
  color:var(--text)!important;
}
.nav-tabs .nav-link.active{
  background:var(--surface)!important;
  border-color:var(--border)!important;
  color:var(--text)!important;
}

/* Alerts */
.alert{
  border-radius:14px!important;
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow-sm);
}
.alert-success{background:#ecfdf5!important;color:#065f46!important;border-color:#a7f3d0!important}
.alert-danger{background:#fef2f2!important;color:#991b1b!important;border-color:#fecaca!important}
.alert-warning{background:#fffbeb!important;color:#92400e!important;border-color:#fde68a!important}
.alert-info{background:#eff6ff!important;color:#1e40af!important;border-color:#bfdbfe!important}

/* Tables (fix text visibility + modern look) */
.table{
  color:var(--text)!important;
  border-color:var(--border)!important;
  margin-bottom:0!important;
}
.table thead th{
  background:#f3f6ff!important;
  color:var(--text)!important;
  border-bottom:1px solid var(--border)!important;
  font-weight:600!important;
  padding:.85rem .85rem!important;
  white-space:nowrap;
}
.table tbody td{
  color:var(--text)!important;
  border-top:1px solid var(--border)!important;
  padding:.85rem .85rem!important;
  vertical-align:middle;
}
.table tbody tr:hover{
  background:rgba(37,99,235,.04)!important;
}
.table-responsive{
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  background:var(--surface)!important;
}

/* Badges (status) */
.badge{
  font-weight:600!important;
  letter-spacing:.2px;
  border-radius:999px!important;
  padding:.45rem .65rem!important;
}
.badge.bg-secondary{background:rgba(100,116,139,.14)!important;color:var(--muted)!important}
.badge.bg-info{background:rgba(37,99,235,.12)!important;color:var(--primary)!important}
.badge.bg-success{background:rgba(22,163,74,.14)!important;color:var(--success)!important}
.badge.bg-warning{background:rgba(245,158,11,.18)!important;color:#92400e!important}

/* Force all “dimmed” stuff readable */
.text-muted{color:var(--muted)!important}
.table .text-secondary, .table .small{color:var(--muted)!important}

/* Fix weird “dark leftovers” */
.navbar-dark .navbar-brand, .navbar-dark .navbar-nav .nav-link{color:var(--text)!important}



/* ===== SLIM OVERRIDES (pune la final) ===== */
:root{
  --radius:14px;
  --radius-sm:10px;
}

body{
  font-size:14px!important;
  line-height:1.45!important;
  letter-spacing:.05px!important;
}

/* headings mai mici + mai “slim” */
h1{font-size:20px!important;font-weight:600!important}
h2{font-size:18px!important;font-weight:600!important}
h3{font-size:16px!important;font-weight:600!important}
h4{font-size:15px!important;font-weight:600!important}
h5{font-size:14px!important;font-weight:600!important}
h6{font-size:13px!important;font-weight:600!important}

/* navbar compact */
.navbar .navbar-brand{
  font-size:16px!important;
  font-weight:600!important;
}
.navbar .badge{
  font-size:12px!important;
  padding:6px 10px!important;
}

/* cards compact */
.card.p-3, .card.p-4{padding:14px!important}
.card{border-radius:14px!important}
.card h4, .card h5{margin-bottom:.4rem!important}

/* tabs compact */
.nav-tabs .nav-link{
  font-size:13px!important;
  padding:.42rem .75rem!important;
}

/* forms compact */
.form-control, .form-select{
  font-size:13px!important;
  padding:.52rem .70rem!important;
  border-radius:10px!important;
}
.form-select{padding-right:2.1rem!important}

/* buttons compact */
.btn{
  font-size:13px!important;
  padding:.45rem .75rem!important;
  border-radius:10px!important;
}
.btn-sm{
  font-size:12.5px!important;
  padding:.32rem .60rem!important;
  border-radius:9px!important;
}

/* table compact */
.table thead th{
  font-size:12.5px!important;
  padding:.62rem .70rem!important;
}
.table tbody td{
  font-size:13px!important;
  padding:.62rem .70rem!important;
}

/* badge/status compact */
.badge{
  font-size:12px!important;
  padding:.35rem .55rem!important;
  font-weight:600!important;
}

/* “small” chiar small */
.small, small{
  font-size:12.5px!important;
  line-height:1.35!important;
}

/* reduce spațiere globală între blocuri */
.my-4{margin-top:14px!important;margin-bottom:14px!important}
.mb-3{margin-bottom:12px!important}
.mt-3{margin-top:12px!important}
.g-2{--bs-gutter-x:.55rem;--bs-gutter-y:.55rem}
.g-3{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem}

/* table container */
.table-responsive{
  border-radius:12px!important;
}
