/* assets/styles.css — small extras */
:root { --brand: #0d6efd; }
.hero { aspect-ratio: 16/10; object-fit: cover; }
.table-sticky thead th { position: sticky; top: 0; background: #fff; z-index: 2; }
.badge-dot { display:inline-flex; align-items:center; gap:.4rem; }
.badge-dot:before { content:""; width:.6rem; height:.6rem; border-radius:50%; background: currentColor; display:inline-block; }
.card-glow { box-shadow: 0 10px 30px rgba(13,110,253,.15); }

/* Bilikon små och snygga */
.car-ico {
  width: 18px;
  height: 18px;
  vertical-align: -3px;
  margin-right: .4rem;
  flex: 0 0 auto;
  display: inline-block;
}

/* Bilcell: vänster (ikon+regnr) och höger (statusbadge) i perfekt linje */
.bil-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}
.bil-left {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-width: 0;
}
.bil-status {
  white-space: nowrap;     /* håller badgen kompakt och linjerad */
}