/* Espace de gestion Pattes de Velours — pensé d'abord pour le téléphone. */
:root{--cream:#f6efe6;--paper:#fbf7f1;--sand:#eadccb;--line:#dccbb6;--ink:#2a1c15;--muted:#6f5a4b;--caramel:#b07a4f;--rust:#a4502a;--gold:#c9a36a;--ok:#3f7a4f;--r:16px}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 'Jost',system-ui,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}
a{color:inherit}
img{display:block;max-width:100%}
h1{font-size:1.6rem;margin:0;font-weight:600}
h2{font-size:1.1rem;margin:0 0 12px;font-weight:600}
.g-top{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--ink);color:var(--cream)}
.g-logo{display:flex;flex-direction:column;text-decoration:none;line-height:1}
.g-logo b{font:400 1.8rem/0.9 'Allura',cursive}
.g-logo small{font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;opacity:.7;margin-top:3px}
.g-logo.grand{align-items:center;margin:0 0 28px}.g-logo.grand b{font-size:3rem}
.g-voir{font-size:.85rem;color:var(--gold);text-decoration:none}
.g-nav{position:sticky;top:0;z-index:10;display:flex;gap:4px;overflow-x:auto;background:#fff;border-bottom:1px solid var(--line);padding:8px 10px;scrollbar-width:none}
.g-nav a{flex:none;text-decoration:none;padding:9px 14px;border-radius:999px;font-weight:500;font-size:.92rem;white-space:nowrap}
.g-nav a[aria-current]{background:var(--ink);color:var(--cream)}
.g-nav i{font-style:normal;background:var(--rust);color:#fff;border-radius:999px;padding:1px 7px;font-size:.75rem;margin-left:4px}
.g-main{width:min(760px,100%);margin:0 auto;padding:20px 16px 60px}
.g-titre{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.g-flash{background:#e8f2ea;border:1px solid var(--ok);color:var(--ok);border-radius:12px;padding:12px 14px;margin:0 0 16px}
.g-erreur{background:#fbefe6;border:1px solid var(--rust);color:var(--rust);border-radius:12px;padding:8px 14px;margin:0 0 16px}
.g-erreur p{margin:6px 0}
.g-info{color:var(--muted);font-size:.9rem}
.g-vide{color:var(--muted);text-align:center;padding:30px 0}
.g-petit{font-size:.9rem;color:var(--muted)}
.g-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--ink);color:var(--cream);font:500 1rem 'Jost',sans-serif;text-decoration:none;cursor:pointer}
.g-btn:active{transform:scale(.97)}
.g-btn-2{background:var(--sand);color:var(--ink)}
.g-btn-3{background:transparent;color:var(--rust);border:1.5px solid var(--rust)}
.g-ajout{width:100%;margin:6px 0 22px;background:var(--rust);font-size:1.05rem;min-height:56px}
.g-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.g-kpis a{background:#fff;border-radius:var(--r);padding:16px;text-decoration:none;box-shadow:0 1px 0 var(--line)}
.g-kpis b{display:block;font-size:1.6rem;font-weight:600}
.g-kpis span{font-size:.85rem;color:var(--muted)}
@media (min-width:640px){.g-kpis{grid-template-columns:repeat(4,1fr)}}
.g-bloc{background:#fff;border-radius:var(--r);padding:18px;margin:16px 0;box-shadow:0 1px 0 var(--line)}
.g-pastille{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:3px 10px;border-radius:999px;background:var(--sand);color:var(--ink)}
.statut-nouvelle .g-pastille,.g-pastille.statut-nouvelle,.statut-payee .g-pastille,.g-pastille.statut-payee{background:var(--rust);color:#fff}
.statut-prete .g-pastille,.g-pastille.statut-prete{background:var(--gold)}
.statut-terminee .g-pastille,.g-pastille.statut-terminee,.statut-expediee .g-pastille,.g-pastille.statut-expediee,.statut-vendu .g-pastille{background:#dbe9de;color:var(--ok)}
.statut-annulee .g-pastille,.statut-expiree .g-pastille,.statut-masque .g-pastille{background:#eee;color:#777}
.statut-disponible .g-pastille{background:#e8f2ea;color:var(--ok)}
.g-cmd{display:grid;gap:4px;background:#fff;border-radius:var(--r);padding:14px 16px;margin:10px 0;text-decoration:none;box-shadow:0 1px 0 var(--line);border-left:4px solid var(--line)}
.g-cmd.statut-nouvelle,.g-cmd.statut-payee{border-left-color:var(--rust)}
.g-cmd span{font-size:.9rem;color:var(--muted)}
.g-cmd small{font-size:.8rem;color:var(--caramel)}
.g-cmd .g-pastille{justify-self:start;color:inherit}
.g-recherche input{width:100%;font:inherit;border:1.5px solid var(--line);border-radius:999px;padding:12px 18px;background:#fff}
.g-filtres{display:flex;gap:6px;overflow-x:auto;margin:12px 0;scrollbar-width:none}
.g-filtres a{flex:none;text-decoration:none;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.88rem}
.g-filtres a.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.g-articles{display:grid;gap:10px}
.g-art{display:grid;grid-template-columns:72px 1fr;gap:12px;background:#fff;border-radius:var(--r);padding:10px;box-shadow:0 1px 0 var(--line);align-items:center}
.g-art img{width:72px;height:92px;object-fit:cover;border-radius:10px;background:var(--sand)}
.g-art-tx{display:grid;gap:3px;min-width:0}
.g-art-tx a{text-decoration:none}
.g-art-tx span{font-size:.88rem;color:var(--muted)}
.g-art-tx .g-pastille{justify-self:start}
.g-art-act{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;margin:0}
.g-art-act button,.g-art-act a{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 14px;font:500 .85rem 'Jost',sans-serif;cursor:pointer;text-decoration:none;color:var(--ink)}
.g-art-act button.discret{color:var(--muted)}
.statut-vendu,.statut-masque{opacity:.7}
@media (min-width:640px){.g-art{grid-template-columns:72px 1fr auto}.g-art-act{grid-column:auto}}
.g-form{display:grid;gap:14px}
.g-form label,.g-connexion label{display:grid;gap:6px;font-size:.9rem;font-weight:500}
.g-form small{font-weight:400;color:var(--muted)}
.g-form input:not([type=radio]):not([type=checkbox]):not([type=file]),.g-form select,.g-form textarea,.g-connexion input{font:400 1rem 'Jost',sans-serif;color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff;width:100%}
.g-form input:focus,.g-form select:focus,.g-form textarea:focus{outline:none;border-color:var(--rust)}
.g-form fieldset{border:0;padding:0;margin:0;display:grid;gap:12px}
.g-form legend{font-weight:600;margin-bottom:8px;font-size:1.05rem}
.g-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g-depot{position:relative;display:flex!important;align-items:center;justify-content:center;min-height:90px;border:2px dashed var(--caramel);border-radius:var(--r);background:var(--cream);cursor:pointer;text-align:center;padding:14px}
.g-depot input{position:absolute;inset:0;opacity:0;cursor:pointer}
.g-depot span{font-weight:500;color:var(--rust)}
.g-apercu{display:flex;gap:8px;flex-wrap:wrap}
.g-apercu img{width:72px;height:92px;object-fit:cover;border-radius:10px}
.g-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.g-photo{background:#fff;border-radius:12px;padding:6px;box-shadow:0 1px 0 var(--line)}
.g-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;margin-bottom:4px}
.g-photo label{display:flex!important;align-items:center;gap:6px;font-size:.8rem!important;font-weight:400!important}
.g-actions{display:grid;gap:10px}
.g-supprimer{background:none;border:0;color:var(--rust);text-decoration:underline;font:inherit;cursor:pointer;justify-self:start;padding:8px 0}
.g-jour{grid-template-columns:100px 1fr!important;align-items:center}
.g-ligne{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.g-ligne img{width:46px;height:58px;object-fit:cover;border-radius:8px}
.g-ligne span{flex:1}
.g-ligne.total{border:0;font-size:1.1rem}
.g-boutons{display:grid;gap:10px}
.g-boutons form{margin:0;display:grid}
.g-expedier{gap:10px}
.g-expedier label{display:grid;gap:6px;font-size:.9rem}
.g-expedier input{font:inherit;border:1.5px solid var(--line);border-radius:12px;padding:12px}
.g-rdv{background:#fff;border-radius:var(--r);padding:16px;margin:10px 0;box-shadow:0 1px 0 var(--line);display:grid;gap:12px;border-left:4px solid var(--rust)}
.g-rdv.traite{border-left-color:var(--line);opacity:.7}
.g-rdv small{color:var(--muted)}
.g-rdv span{color:var(--muted);font-size:.9rem}
.g-rdv a{color:var(--rust);text-decoration:none;font-weight:500}
.g-rdv form{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.g-rdv .g-btn{min-height:40px;font-size:.9rem}
.g-connexion{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:20px;background:radial-gradient(80% 60% at 50% 0,#efe1cf,transparent 70%),var(--paper)}
.g-connexion form{display:grid;gap:14px;width:min(340px,90vw)}
.g-connexion .g-btn{width:100%}
.g-connexion .g-logo b{color:var(--ink)}
.g-connexion .g-logo small{color:var(--muted)}
.g-connexion .g-petit{margin-top:22px}
body:has(.g-connexion) .g-main{padding:0;width:100%}
.g-lien input{width:100%;font:400 .85rem monospace;border:1.5px solid var(--rust);border-radius:10px;padding:12px;background:var(--cream)}
.g-connexion p{max-width:340px}
.g-art-ph{position:relative;width:72px}
.g-coche{position:absolute;top:6px;left:6px;width:22px;height:22px;accent-color:var(--rust);z-index:2;margin:0}
.g-art-act button.danger{color:var(--rust);border-color:#e8c4b3}
.g-selection{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 12px;font-size:.9rem}
.g-selection label{display:flex;align-items:center;gap:8px}
.g-selection input{width:20px;height:20px;accent-color:var(--rust)}
.g-selection .g-btn{min-height:40px;font-size:.88rem}
.g-selection .g-btn[disabled]{opacity:.35}
.g-copie{width:100%;font:400 .85rem monospace;border:1.5px solid var(--line);border-radius:10px;padding:10px;background:var(--cream);margin-top:6px}
.g-form label.g-case{display:flex;align-items:center;gap:8px;font-weight:400}