/* app/assets/css/app.css */
:root{
  --glass-bg: rgba(255,255,255,.72);
  --glass-brd: rgba(0,0,0,.06);
  --soft-shadow: 0 10px 30px rgba(0,0,0,.06);

  --pastel-1: rgba(99,102,241,.08);  /* indigo */
  --pastel-2: rgba(16,185,129,.08);  /* emerald */
  --pastel-3: rgba(245,158,11,.10);  /* amber */
  --pastel-4: rgba(236,72,153,.08);  /* pink */
}

body{
  font-feature-settings: "cv02","cv03","cv04","cv11";
}

.navbar-glass{
  background: var(--glass-bg);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-color: var(--glass-brd) !important;
}

.card-soft{
  border-color: rgba(0,0,0,.06);
  box-shadow: var(--soft-shadow);
  border-radius: 18px;
}

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

.badge{
  font-weight: 600;
}

.nav-link.active,
.dropdown-item.active{
  background: rgba(99,102,241,.12) !important;
  color: #111827 !important;
}

.dropdown-menu{
  border-radius: 14px;
  border-color: rgba(0,0,0,.06);
  box-shadow: 0 18px 50px rgba(0,0,0,.10);
}

.pill-soft{
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.75);
  border-radius: 999px;
  padding: .35rem .6rem;
}

.navbar-brand{
  letter-spacing: .2px;
}

.topbar-search{
  width: 260px;
}

@media (max-width: 992px){
  .topbar-search{ width: 100%; }
}