/* ── OVERSTAY PAGE CSS ────────────────────────────────────────────── */

.overstay-case {
  padding: 14px 18px;
  border-bottom: 1px solid var(--border-subtle);
}
.overstay-case:last-child { border-bottom: none; }

.overstay-case__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.overstay-case__badge { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.overstay-case__footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }

.overstay-name { font-size: 13px; font-weight: 600; color: var(--text); }
.overstay-meta { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
.overstay-note { font-size: 11px; color: var(--text-muted); }

.overstay-time-over  { font-size: 11px; color: var(--vms-red);   font-weight: 600; }
.overstay-time-amber { font-size: 11px; color: var(--vms-amber); font-weight: 600; }

.overstay-dur-amber  { color: var(--vms-amber); }
.overstay-dur-accent { color: var(--vms-accent); }

/* Escalation pipeline */
.escalation-level {
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 12px;
  margin-bottom: 8px;
}
.escalation-level:last-child { margin-bottom: 0; }
.escalation-level p { color: var(--text-muted); margin-top: 3px; font-size: 11px; }
.escalation-level strong { color: var(--text); }
.escalation-level--amber { background: rgba(217,119,6,0.08);  border-left: 3px solid var(--vms-amber); }
.escalation-level--red   { background: rgba(220,38,38,0.08);  border-left: 3px solid var(--vms-red); }
.escalation-level--blue  { background: rgba(37,99,235,0.08);  border-left: 3px solid var(--vms-blue); }

/* No-show stats */
.overstay-stat-row { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-muted); margin-bottom: 6px; }
.overstay-stat-val { color: var(--vms-amber); font-weight: 600; }

@media (max-width: 767px) {
  .overstay-case__header { flex-direction: column; gap: 8px; }
  .overstay-case__badge  { align-items: flex-start; }
  .overstay-case__footer { flex-wrap: wrap; }
}
@media (max-width: 575px) {
  .overstay-case         { padding: 12px 14px; }
  .overstay-stat-row     { flex-direction: column; gap: 4px; }
}