/* ═══════════════════════════════════════════════════════════════
   GlobalExchange ERP — Feuille de styles personnalisée
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/* ── Base ───────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #0b0f19;
    color: #f3f4f6;
}

/* ── Scrollbars personnalisés ───────────────────────────────── */
::-webkit-scrollbar        { width: 6px; height: 6px; }
::-webkit-scrollbar-track  { background: #111827; }
::-webkit-scrollbar-thumb  { background: #374151; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #4b5563; }

/* ── Carte en verre (glassmorphism) ─────────────────────────── */
.glass-card {
    background: rgba(17, 24, 39, 0.70);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

/* ── Animation shake (erreur PIN) ───────────────────────────── */
@keyframes shake {
    10%, 90% { transform: translateX(-2px); }
    20%, 80% { transform: translateX(4px); }
    30%, 50%, 70% { transform: translateX(-8px); }
    40%, 60% { transform: translateX(8px); }
}
.shake { animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both; }

/* ── Impression (reçu & rapport) ─────────────────────────────── */
@media print {
    body { background: #fff; }
    body * { visibility: hidden; }

    #printable-receipt,
    #printable-receipt * { visibility: visible; }

    #printable-receipt {
        position: absolute;
        left: 0; top: 0;
        width: 100%;
        color: #000;
        background: #fff;
    }

    /* ── Impression du rapport journalier ───────────────────── */
    #tab-report,
    #tab-report * {
        visibility: visible;
        color: #000 !important;
        background: transparent !important;
        border-color: #ccc !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    #tab-report {
        position: absolute;
        left: 0; top: 0;
        width: 100%;
        background: #fff !important;
    }

    #tab-report button { display: none !important; }
}