/* styles.css — solo personalizzazioni del progetto sopra il tema Qerza (deznav). Caricato per ultimo. */

/* ---- Logo nav-header (testo al posto dell'SVG demo) ---- */
.nav-header .brand-logo{ justify-content:flex-start; padding-left:1.4rem; gap:.55rem; }
.pos-logo-abbr{
    width:38px;height:38px;border-radius:10px;background:var(--primary,#886cc0);color:#fff;
    font-weight:800;font-size:1.2rem;line-height:38px;text-align:center;display:inline-block;flex:0 0 auto;
}
.pos-logo-text{ font-size:1.35rem;font-weight:800;color:var(--primary,#886cc0);letter-spacing:.3px; }

/* avatar utente nell'header */
.pos-avatar{
    width:36px;height:36px;border-radius:50%;background:var(--primary,#886cc0);color:#fff;
    display:inline-flex;align-items:center;justify-content:center;font-weight:800;
}

/* ---- Login ---- */
body.pos-login{ background:#f2f4f9; }

/* ---- Empty state ---- */
.pos-empty{ text-align:center;padding:3rem 1rem;color:#8a92a6; }
.pos-empty i{ font-size:2.5rem;opacity:.45;display:block;margin-bottom:.5rem; }

/* ---- Cassa (register) ---- */
.pos-search-input{ font-size:1.05rem;padding:.8rem 1rem; }
.pos-results{ max-height:60vh;overflow:auto; }
.pos-prod{ display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;
    border:1px solid #eaeaf3;border-radius:.7rem;margin-bottom:.5rem;cursor:pointer;transition:all .12s;background:#fff; }
.pos-prod:hover{ border-color:var(--primary,#886cc0);box-shadow:0 4px 14px rgba(136,108,192,.18);transform:translateY(-1px); }
.pos-prod .price{ font-weight:800;font-size:1.05rem;white-space:nowrap;color:var(--primary,#886cc0); }
.pos-ticket{ position:sticky;top:90px; }
.pos-ticket .cart-row{ display:flex;align-items:center;gap:.5rem;padding:.55rem 0;border-bottom:1px dashed #eaeaf3; }
.pos-ticket .cart-row .name{ flex:1;min-width:0; }
.pos-qty-btn{ width:30px;height:30px;line-height:1;padding:0;font-weight:700; }
.pos-total{ font-size:2rem;font-weight:800;letter-spacing:-.5px;color:var(--primary,#886cc0); }
.pos-customer{ background:#f4f5fb;border-radius:.6rem;padding:.75rem 1rem; }
.pos-points-badge{ background:#fff3cd;color:#997404;border-radius:2rem;padding:.15rem .6rem;font-weight:700;font-size:.8rem; }