/* =====================================================================
   DIRECTION ARTISTIQUE « TRATTORIA » (Pizza This)
   Chargée après les autres feuilles : elle remplace l'esprit fast-food
   hérité (titres condensés, lueurs néon, coulure de ketchup) par celui
   d'une trattoria de qualité : serif élégant, papier crème, filets fins,
   tricolore discret, ombres douces.
   ===================================================================== */

/* ---------- Fond : papier crème, grain très fin ---------- */
body{background:var(--bg);font-size:15px;font-feature-settings:normal}
body::before{opacity:.06!important;mix-blend-mode:multiply!important}
:root[data-theme="dark"] body::before{opacity:.04!important;mix-blend-mode:overlay!important}
::selection{background:rgba(169,128,42,.28)}

/* ---------- Typographie : Playfair Display pour les titres et les montants ---------- */
.display,.card-title,.drawer-title,.modal h3,.page-title h1,.stage h2,.login-card h1,.cat-section h3,.pcard .price,.r-head h2,
.cta-row .btn-primary .amount,.dash-hero h2,.kpi .k-val,.mini b,.top-item .rank,.day-head h3,.tline .amt,.pf b,.mcard .m-stats b,
.profile-stats b,.section-title,.cmd-time,.pz-price b,.pz-total,.avatar{
  font-family:var(--f-display);font-weight:600;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums}
.display{line-height:1}
.card-title{font-size:21px;line-height:1.15}
.page-title h1{font-size:28px;font-weight:600}
.dash-hero h2{font-size:clamp(32px,3.6vw,46px);line-height:1.08;font-weight:600}
.dash-hero h2 em,.stage h2 em,.l-head h2 em{font-style:italic;font-weight:500;color:var(--brand-red)}
.kpi .k-val{font-size:40px;line-height:1}
.kpi.hero .k-val{font-size:60px}
.cat-section h3{font-size:24px;font-style:italic;font-weight:500}
.section-title{font-size:21px}
.day-head h3{font-style:italic;font-weight:500}
.avatar{font-weight:600}
h1,h2,h3,h4{font-weight:600}

/* Petites capitales espacées, couleur basilic */
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--brand-navy)}
.nav-group{font-weight:600;letter-spacing:.22em;font-size:10.5px}
.table th,.t-row.head,.palette-group{font-weight:600;letter-spacing:.16em}

/* Logotype : Playfair italique */
.wm{font-family:var(--f-display)!important;font-style:italic;font-weight:600;letter-spacing:.01em}
.wm i{color:var(--brand-red)!important;font-style:italic}
.brand .wm.word{font-size:24px}

/* ---------- Boutons : aplats nets, pas de dégradé ni de lueur ---------- */
.btn{border-radius:var(--r-sm);font-weight:600;letter-spacing:.01em}
.btn-primary{background:var(--brand-red)!important;box-shadow:var(--sh-1)!important}
.btn-primary:hover{background:var(--brand-red-600)!important}
.btn-ok{font-weight:600}
.input,.select,.textarea{border-radius:var(--r-sm)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-gold)}
.seg{border-radius:var(--r-sm)}
.seg button{border-radius:5px;font-weight:600}
.badge{letter-spacing:.08em;font-weight:600}
.badge-new{background:var(--brand-gold);color:#2A1F0E}

/* ---------- Cartes : filets fins, ombres douces ---------- */
.card{border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.kpi.hero{background:linear-gradient(180deg,var(--surface),var(--surface-2))!important;border-color:var(--line-2)!important;position:relative}
.kpi.hero::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--tricolore)}

/* ---------- Barre latérale : crème, filet doré sur l'onglet actif ---------- */
.sidebar{background:var(--surface-2);border-right:1px solid var(--line-2)}
.sidebar::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--tricolore)}
.brand{padding-top:8px}
.brand .mark{filter:none;width:42px}
.nav-item{font-weight:600}
.nav-item[aria-current="page"]{background:var(--surface);box-shadow:var(--sh-1)}
.nav-item[aria-current="page"]::before{left:-14px;top:10px;width:3px;height:22px;border-radius:0 2px 2px 0;background:var(--brand-gold)}
.nav-item[aria-current="page"]::after{display:none}
.powered{background:var(--surface)}

/* ---------- Connexion : panneau espresso encadré d'un filet doré ---------- */
.stage{background:radial-gradient(70% 60% at 50% 40%,#3A2B20 0%,#241A13 60%,#1B140F 100%)!important;color:#F4EADA;border-right:0}
.stage::after{content:"";position:absolute;inset:18px;border:1px solid rgba(201,162,74,.45);border-radius:6px;pointer-events:none;
  box-shadow:inset 0 0 0 4px rgba(201,162,74,.08)}
.stage::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--tricolore);z-index:2}
.stage .topo{display:none}
.stage .hero-mark{filter:drop-shadow(0 18px 30px rgba(0,0,0,.45));animation:none;width:min(220px,38vw)}
.stage h2{color:#F4EADA;font-size:clamp(28px,3vw,42px);line-height:1.12;max-width:16ch}
.stage h2 em{color:#D8B25E!important}
.stage-feats span{background:rgba(244,234,218,.06);border-color:rgba(201,162,74,.35);color:#E8DCC8;font-weight:500}
.stage-feats .ico{color:#D8B25E}
.stage-foot{color:#B8A68E}
.login-card h1{font-size:44px;line-height:1.05;font-style:italic;font-weight:500}

/* ---------- Caisse : assiettes blanches sur nappe crème ---------- */
.cat{border-radius:var(--r-sm);font-weight:600}
.cat .c-ill{border-radius:50%}
.pcard{border-radius:var(--r-lg)}
.pcard:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.pcard .plate{background:
  radial-gradient(circle at 50% 54%,#FFFFFF 0 33%,#EFE4D1 33.5% 36.5%,rgba(255,255,255,0) 37%),
  linear-gradient(180deg,var(--surface-2),var(--surface-3))!important}
:root[data-theme="dark"] .pcard .plate{background:
  radial-gradient(circle at 50% 54%,#F3EBDD 0 33%,#CDBFA8 33.5% 36.5%,rgba(0,0,0,0) 37%),
  linear-gradient(180deg,var(--surface-2),var(--surface-3))!important}
.pcard .plate::after{display:none}
.pcard .plate svg{width:84px;height:84px;filter:drop-shadow(0 4px 5px rgba(70,45,20,.18))}
.pcard:hover .plate svg{transform:scale(1.05) rotate(-4deg)}
.pcard .p-name{font-weight:600}
.pcard .price{font-size:24px}
.pcard .add{border-radius:50%;box-shadow:none}
.pcard:hover .add{transform:scale(1.06)}
.pcard .qty{background:var(--brand-gold);color:#2A1F0E;font-weight:700;border-radius:50%}
.receipt{border-radius:var(--r-xl);box-shadow:var(--sh-2)}
.receipt::before{height:4px;background:var(--tricolore)}
.r-head h2{font-style:italic;font-weight:500}

/* ---------- Divers ---------- */
.live i{background:var(--brand-navy)}
.cmd-card{border-radius:var(--r-lg)}
.icon-btn{border-radius:var(--r-sm)}
.topbar{background:var(--glass)}
.nav-item{text-align:left}.nav-item>span:not(.ico){text-align:left}