* { box-sizing: border-box; }

body {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 15px;
    background: #f8f9fc;
    color: #1a1a2e;
}

/* ── Phone Cards ─────────────────────────────────────────────────────── */
.phone-card { border-radius: 16px !important; transition: box-shadow .18s, transform .18s; }
.phone-card:hover { box-shadow: 0 8px 30px rgba(13,110,253,.13) !important; transform: translateY(-3px); }

/* ── Status badges ───────────────────────────────────────────────────── */
.badge-pending   { background:#fff3cd; color:#856404; }
.badge-confirmed { background:#cfe2ff; color:#084298; }
.badge-shipped   { background:#d1ecf1; color:#0c5460; }
.badge-delivered { background:#d4edda; color:#155724; }
.badge-cancelled { background:#f8d7da; color:#721c24; }

/* ── Forms ───────────────────────────────────────────────────────────── */
.form-control, .form-select {
    border: 1.5px solid #e0e0e0;
    border-radius: 10px;
    font-size: 14px;
}
.form-control:focus, .form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13,110,253,.12);
}

/* ── Notifications ───────────────────────────────────────────────────── */
.notif-badge { min-width: 18px; height: 18px; line-height: 18px; padding: 0 5px; font-size: 10px; }
.notif-item { transition: background .15s; }
.notif-item:hover { background: #f0f4ff; }
.notif-unread { background: #e8f0fe; border-left: 3px solid #0d6efd; }
.notif-dropdown .dropdown-item:active { background: #e8f0fe; color: inherit; }

/* ── Chat scroll ─────────────────────────────────────────────────────── */
.overflow-y-auto { overflow-y: auto; }

/* ── Hover bg ────────────────────────────────────────────────────────── */
.hover-bg:hover { background: #f8f9fc; }

@media (max-width: 768px) {
    .d-flex.border-top { flex-direction: column; height: auto !important; }
}