/* ========================================
   Restaurant POS — Global Styles
   ======================================== */

:root {
    --pos-dark: #1b1f3b;
    --pos-navy: #161938;
    --pos-blue: #0f3460;
    --pos-accent: #7c83ff;
    --pos-light: #f0f2f5;
    --pos-card: #ffffff;
    --pos-text: #2d3436;
    --pos-muted: #636e72;
    --pos-success: #00b894;
    --pos-warning: #fdcb6e;
    --pos-border: #e1e5e9;
}

* { box-sizing: border-box; }

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--pos-light);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* ======== Top Bar — now styled with Tailwind in base.html ======== */

/* ---- Form overrides ---- */
.form-control:focus {
    border-color: var(--pos-blue);
    box-shadow: 0 0 0 3px rgba(15,52,96,0.15);
}

/* ---- Scrollbar ---- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #aaa; }

/* ---- Status badges ---- */
.status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-active { background: #dfe6fd; color: #3b5bdb; }
.status-preparing { background: #fff3bf; color: #e67700; }
.status-ready { background: #d3f9d8; color: #2b8a3e; }
.status-served { background: #e2e6ea; color: #495057; }
.status-paid { background: #c3fae8; color: #087f5b; }
.status-cancelled { background: #ffe3e3; color: #c92a2a; }

/* ---- Table status ---- */
.table-available { border-color: var(--pos-success) !important; }
.table-occupied { border-color: var(--pos-accent) !important; }
.table-reserved { border-color: var(--pos-warning) !important; }