:root{--bg:#fafafa;--card:#fff;--ink:#1f1f1f;--ac:#2b2b2b;--acink:#fff;--mut:#757575}

*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:calc(16px*var(--z,1))/1.5 Outfit,sans-serif}
h1,h2,h3{font-family:Fraunces,serif;margin:.2em 0}
header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:2px solid var(--ac)}
header{position:relative}header b{font:700 20px Fraunces,serif}.sp{flex:1}
.dd{position:relative}#mn{background:var(--ac);color:var(--acink);border:0;border-radius:18px;padding:6px 14px;font:inherit;font-size:.9em;cursor:pointer;white-space:nowrap}
#mp{position:absolute;left:0;top:calc(100% + 8px);min-width:230px;max-height:70vh;overflow:auto;background:var(--card);border:1px solid var(--ac);border-radius:12px;padding:6px;z-index:40;box-shadow:0 8px 24px rgba(0,0,0,.25)}
#mp button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--ink);padding:10px 12px;border-radius:8px;font:inherit;cursor:pointer}
#mp button.on{background:var(--ac);color:var(--acink)}#mp hr{border:0;border-top:1px solid var(--mut);opacity:.3;margin:4px 0}
main{max-width:820px;margin:0 auto;padding:12px 16px 60px}
.li{padding:8px 12px;margin:5px 0;border-radius:8px;line-height:1.3;font-size:.94em}.li p{margin:4px 0}.li h3{font-size:1em}
.li .b,.li select{padding:4px 10px;margin:2px 0;font-size:.9em}.li select{width:auto}
.li>div.no,.li>p.no{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.srt{width:auto!important;padding:4px 8px!important;margin:0 0 0 6px!important}
.card{background:var(--card);padding:14px;border-radius:10px;margin:10px 0}.row{display:flex;justify-content:space-between;gap:8px;align-items:center}
input,select,textarea,button.b{font:inherit;padding:10px;border:1px solid var(--mut);border-radius:8px;background:var(--bg);color:var(--ink);width:100%;margin:4px 0}
button.b{background:var(--ac);color:var(--acink);border:0;cursor:pointer;width:auto;padding:10px 18px}
.m{color:var(--mut);font-size:.875em}.ban{background:var(--ac);color:var(--acink);padding:8px 16px;text-align:center}.chip{background:none;border:1px solid var(--mut);color:var(--ink);border-radius:14px;padding:2px 10px;font:inherit;font-size:.8em;cursor:pointer}.chip.off{border-color:var(--ac);color:var(--ac)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
@media print{header,nav,.no{display:none}}#pr{display:none}#pr table{width:100%;border-collapse:collapse}#pr td{padding:8px;border-bottom:1px solid #999}@media print{body.pinv #app{display:none}body.pinv #pr{display:block;color:#000;background:#fff;padding:24px}}
#login{max-width:360px;margin:12vh auto;padding:16px}
button.dis,button.b:disabled{opacity:.4;cursor:not-allowed}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;z-index:50;overflow:auto;padding:12px}
.dl img{max-width:min(92vw,460px);max-height:78vh;display:block;margin:auto;border-radius:6px}
.ic{display:flex;justify-content:center;gap:18px;margin-top:14px}
.ic button{width:54px;height:54px;border-radius:50%;border:1px solid #d4af37;background:#111;color:#d4af37;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.ic svg{width:26px;height:26px}.tag{display:inline-block;border:1px solid var(--ac);border-radius:12px;padding:0 8px;font-size:.8em;color:var(--ac)}
button.b.alt{background:none;border:1px solid var(--ac);color:var(--ac)}.ban .b{background:var(--acink);color:var(--ac);padding:2px 12px;margin-left:8px}
details summary{cursor:pointer;margin:4px 0}.fl{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.fl button{border:1px solid var(--ac);background:none;color:var(--ac);border-radius:16px;padding:4px 12px;font:inherit;cursor:pointer}.fl button.on{background:var(--ac);color:var(--acink)}
.ev{border-left:3px solid var(--ac);padding:2px 0 2px 12px;margin:10px 0}h4{margin:14px 0 4px}[hidden]{display:none!important}
@page doc{size:A6;margin:0}
@media print{.ov{display:none}body.pdoc #pr{page:doc;padding:0}body.pdoc #pr img{width:105mm;height:148mm;display:block}}
.ib{display:inline-flex;align-items:center;justify-content:center;width:34px!important;height:34px;padding:0!important;border-radius:50%;margin:2px;flex:none;text-decoration:none;background:var(--ac);color:var(--acink);border:0;cursor:pointer;vertical-align:middle}
.ib svg{width:18px;height:18px}.ib.dg{background:#b3261e;color:#fff}.ib.wa{background:#1fa855;color:#fff}
main{position:relative}#sbt{position:absolute;right:16px;top:12px;z-index:5}
#sq{position:absolute;right:58px;top:12px;width:0;opacity:0;padding:0;border-width:0;margin:0;height:34px;transition:width .2s,opacity .2s;z-index:5}
#sq.on{width:calc(100% - 100px);opacity:1;padding:4px 10px;border-width:1px}
.rw{display:flex;flex-wrap:nowrap;gap:6px;align-items:center}.rw .b:not(.ib){white-space:nowrap;font-size:.8em;padding:6px 10px}
.av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg);border:1px solid var(--ac);flex:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--ac);cursor:pointer}
details.tr>summary{cursor:pointer;margin:8px 0}
#sm{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:var(--card);border:1px solid var(--ac);border-radius:12px;padding:6px;z-index:40;box-shadow:0 8px 24px rgba(0,0,0,.25)}
#sm a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--ink);text-decoration:none;border-radius:8px}#sm a:hover{background:var(--bg)}#sm a svg{width:18px;height:18px;color:var(--ac);flex:none}

/* Thèmes 1.2.2 */

/* 1.2.4 : liste des employés */
.av.lg{width:60px;height:60px;font-size:22px}
.ib.off{background:transparent;color:var(--ac);box-shadow:inset 0 0 0 1.5px var(--ac)}
.uact{flex-wrap:wrap;justify-content:flex-start;margin-top:8px;padding-top:8px;border-top:1px dashed var(--mut)}
.uact[hidden]{display:none}

/* 1.2.6 : écran de connexion luxe */
body.lgn{background:radial-gradient(120% 80% at 50% -10%,rgba(212,175,55,.18),transparent 55%),radial-gradient(90% 60% at 100% 110%,rgba(212,175,55,.08),transparent 60%),#0b0a08;min-height:100vh;min-height:100dvh}
body.lgn #app{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
#login{width:100%;max-width:400px;margin:0;padding:34px 28px 24px;background:rgba(28,26,23,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(212,175,55,.28);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);animation:lgin .6s ease both}
@keyframes lgin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#login{animation:none}}
#login .mk{width:92px;height:92px;margin:0 auto 14px;border-radius:50%;padding:4px;border:1px solid rgba(212,175,55,.55);box-shadow:0 0 0 6px rgba(212,175,55,.07),0 10px 30px rgba(0,0,0,.4);background:#111}
#login .mk img{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain}
#login h1{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.75em;letter-spacing:.04em;text-align:center;margin:0;color:#f1e6c8}
#login .sub{text-align:center;color:var(--mut);margin:6px 0 0;font-size:.92em;letter-spacing:.02em}
#login .orn{display:flex;align-items:center;gap:10px;margin:18px 0 20px}
#login .orn::before,#login .orn::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(212,175,55,.55))}
#login .orn::after{transform:scaleX(-1)}
#login .orn i{width:6px;height:6px;transform:rotate(45deg);background:var(--ac)}
#login .fd{position:relative;margin:10px 0}
#login .fd>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ac);opacity:.85;pointer-events:none}
#login .fd input{margin:0;padding:14px 14px 14px 44px;border-radius:12px;background:rgba(10,9,7,.7);border:1px solid rgba(212,175,55,.22);color:#f1e6c8;transition:border-color .2s,box-shadow .2s}
#login .fd input::placeholder{color:#8f8466}
#login .fd input:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px rgba(212,175,55,.18)}
#login .fd.pw input{padding-right:48px}
#login .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ac);cursor:pointer;padding:8px;margin:0;border-radius:8px;display:flex;align-items:center}
#login .eye svg{width:18px;height:18px}
#login .eye:focus-visible{outline:2px solid var(--ac)}
#login #err{min-height:1.3em;margin:8px 0 2px;color:#ff9b8f;font-size:.9em;text-align:center}
#login button.go{width:100%;margin-top:6px;padding:14px;border-radius:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.88em;background:linear-gradient(135deg,#e6c566,#b98f1e);color:#16130c;box-shadow:0 10px 24px rgba(212,175,55,.22);transition:transform .15s,box-shadow .15s}
#login button.go:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(212,175,55,.3)}
#login button.go:active{transform:none}
#login .ghost{width:100%;margin-top:10px;padding:12px;border-radius:12px;border:1px solid rgba(212,175,55,.4);color:var(--ac)}
#login .note{color:var(--mut);font-size:.8em;text-align:center;margin:10px 0 0}
#login .ver{color:#8f8466;font-size:.7em;text-align:center;margin:18px 0 0;letter-spacing:.16em}

/* ===== Version 1.3.0 : listes dépliables, pastille d'abonnement, messagerie */
.lc{padding:8px 12px}.lh{cursor:pointer;gap:10px}.lh .rt{display:flex;align-items:center;gap:8px;white-space:nowrap}
.chv{font-style:normal;color:var(--mut);transition:transform .15s}.lh[aria-expanded=true] .chv{transform:rotate(180deg)}
.lx{margin-top:8px;padding-top:8px;border-top:1px dashed var(--mut)}.lx[hidden]{display:none}.lx p{margin:4px 0}
.lx .no,.lx p.no{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
#pst{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#pst .pb{border:0;border-radius:20px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.4);background:var(--ac);color:var(--acink);width:auto;margin:0}
#pst.o .pb{background:#e67e22;color:#fff}#pst.r .pb{background:#c0392b;color:#fff}
#pst .pp{background:var(--card);color:var(--ink);border:1px solid var(--mut);border-radius:12px;padding:12px 14px;max-width:270px;box-shadow:0 4px 16px rgba(0,0,0,.4)}
#pst .pp[hidden]{display:none}#pst .pp p{margin:6px 0}#pst .pl{display:flex;gap:6px;flex-wrap:wrap}
#pst .pl a{display:inline-flex;align-items:center;gap:5px;background:var(--ac);color:var(--acink);border-radius:8px;padding:6px 10px;text-decoration:none;font-size:.85em}
#pst svg{width:16px;height:16px}
#mn.hasmsg::after{content:"";display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:#e67e22;vertical-align:middle}
.ml{display:flex;flex-direction:column;gap:6px;margin:10px 0;max-height:55vh;overflow:auto}
.mg{background:var(--card);padding:8px 12px;border-radius:12px;max-width:88%;align-self:flex-start;white-space:pre-wrap;word-break:break-word}
.mg.me{align-self:flex-end;background:var(--ac);color:var(--acink)}.mg .m{display:block;font-size:.75em;opacity:.8}.mg.me .m{color:inherit}
#signup{max-width:380px;margin:6vh auto;padding:16px}

/* 1.4.0 : catalogue d'articles */
.mz{border-left:3px solid var(--ac);margin:8px 0}
.mz ul{margin:6px 0 0;padding-left:20px}
.mz li{margin:2px 0}
@media(min-width:640px){.mz ul{columns:2;column-gap:28px}}
#cq{margin-bottom:6px}

/* ===== Boutons en icônes (v1.4.1) */
.ib.dg{background:#b3261e!important;color:#fff!important;border:0!important}
.ib.hb{width:auto!important;padding:0 10px!important;border-radius:17px;gap:4px}.ib .bd{font-size:.78em;font-weight:700;line-height:1}
.lx p.no .ib,.lx .no .ib{margin:2px}

/* 2.1.0 : page « Créer mon atelier » : icônes réduites à la hauteur du texte, placées à gauche de chaque champ */
#signup{width:100%;max-width:400px;margin:0;padding:34px 28px 24px;background:rgba(28,26,23,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(212,175,55,.28);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04)}
#signup .mk{width:92px;height:92px;margin:0 auto 14px;border-radius:50%;padding:4px;border:1px solid rgba(212,175,55,.55);background:#111}
#signup .mk img{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain}
#signup h1{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.75em;letter-spacing:.04em;text-align:center;margin:0;color:#f1e6c8}
#signup .sub{text-align:center;color:var(--mut);margin:6px 0 0;font-size:.92em;letter-spacing:.02em}
#signup .orn{display:flex;align-items:center;gap:10px;margin:18px 0 20px}
#signup .orn::before,#signup .orn::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(212,175,55,.55))}
#signup .orn::after{transform:scaleX(-1)}
#signup .orn i{width:6px;height:6px;transform:rotate(45deg);background:var(--ac)}
#signup .fd{position:relative;margin:10px 0}
#signup .fd>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ac);opacity:.85;pointer-events:none}
#signup .fd input{margin:0;padding:14px 14px 14px 42px;border-radius:12px;background:rgba(10,9,7,.7);border:1px solid rgba(212,175,55,.22);color:#f1e6c8}
#signup .fd input::placeholder{color:#8f8466}
#signup .fd input:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px rgba(212,175,55,.18)}
#signup .fd.pw input{padding-right:48px}
#signup .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ac);cursor:pointer;padding:8px;margin:0;width:auto;border-radius:8px;display:flex;align-items:center}
#signup .eye svg{width:16px;height:16px}
#signup #err{min-height:1.3em;margin:8px 0 2px;color:#ff9b8f;font-size:.9em;text-align:center}
#signup button.go{width:100%;margin-top:6px;padding:14px;border-radius:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.88em;background:linear-gradient(135deg,#e6c566,#b98f1e);color:#16130c;box-shadow:0 10px 24px rgba(212,175,55,.22)}
#signup .ver,#login .ver{text-align:center}

/* ===== 1.0 : six thèmes ===== */
/* Minimaliste (défaut) */
[data-t=minimaliste] .card{border:1px solid #ececec;border-radius:6px;box-shadow:none}[data-t=minimaliste] .b,[data-t=minimaliste] #mn{border-radius:4px;font-weight:400}
/* Sombre */
[data-t=sombre]{--bg:#0f1115;--card:#1a1d24;--ink:#e8eaf0;--ac:#5eead4;--acink:#062a26;--mut:#9aa3b2}
[data-t=sombre] .card{border:1px solid #2a2f3a;border-radius:12px}
/* Luxe */
[data-t=luxe]{--bg:#14110d;--card:#1e1914;--ink:#f3e9d2;--ac:#c9a96a;--acink:#14110d;--mut:#b5a27d}
[data-t=luxe] .card{border:1px solid #c9a96a;border-radius:2px}[data-t=luxe] h1,[data-t=luxe] h2,[data-t=luxe] h3{letter-spacing:.06em}[data-t=luxe] .b,[data-t=luxe] #mn{border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-size:.82em}
/* Glassmorphism */
[data-t=glassmorphism]{--bg:#d7e4ff;--card:rgba(255,255,255,.55);--ink:#14213d;--ac:#3b4cca;--acink:#fff;--mut:#46506e}
[data-t=glassmorphism] body,body[data-t=glassmorphism]{background:linear-gradient(135deg,#cfe3ff,#f3d1f4) fixed}
[data-t=glassmorphism] .card,[data-t=glassmorphism] header,[data-t=glassmorphism] #mp{background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:16px}
/* Skeuomorphisme */
[data-t=skeuomorphisme]{--bg:#d9c3a0;--card:#f5ead3;--ink:#3b2a14;--ac:#7a4a21;--acink:#fff8ea;--mut:#6b5536}
body[data-t=skeuomorphisme]{background:repeating-linear-gradient(45deg,#d9c3a0 0 3px,#d2bb97 3px 6px)}
[data-t=skeuomorphisme] .card{border:1px solid #8b6b3d;border-radius:8px;box-shadow:inset 0 0 0 2px #f9f1df,2px 3px 6px rgba(60,40,10,.35)}
[data-t=skeuomorphisme] .b,[data-t=skeuomorphisme] #mn{background:linear-gradient(#9a6431,#6b3f18);border:1px solid #4d2c0f;box-shadow:0 2px 0 #4d2c0f,0 3px 5px rgba(0,0,0,.3)}
/* Flat Design */
[data-t=flat]{--bg:#eef2f7;--card:#fff;--ink:#16202c;--ac:#2563eb;--acink:#fff;--mut:#5b6877}
[data-t=flat] .card{border:0;border-left:6px solid var(--ac);border-radius:10px;box-shadow:none}[data-t=flat] .b,[data-t=flat] #mn{border-radius:8px;box-shadow:none}
[data-t=sombre] input,[data-t=sombre] select,[data-t=sombre] textarea,[data-t=luxe] input,[data-t=luxe] select,[data-t=luxe] textarea{background:var(--card);color:var(--ink);border-color:var(--mut)}
#qd{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}#qd .qb{background:var(--card);color:var(--ink);border:1px solid var(--ac);border-radius:12px;padding:20px;max-width:320px;text-align:center}

/* 1.0.1 : nouveau logo agrandi, slogan, zoom au démarrage */
#login .mk,#signup .mk{width:min(62vw,230px);height:min(62vw,230px);margin:0 auto 10px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;animation:lzoom 1.2s cubic-bezier(.2,.8,.2,1) both}
#login .mk img,#signup .mk img{width:100%;height:100%;border-radius:0;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(212,175,55,.35))}
#login .slg,#signup .slg{text-align:center;margin:6px 0 0;font:italic 500 1.12em Fraunces,Georgia,serif;letter-spacing:.03em;color:#d4af37;animation:lzoom 1s cubic-bezier(.2,.8,.2,1) .45s both}
#login h1,#signup h1{animation:lzoom .9s ease .25s both}
@keyframes lzoom{from{opacity:0;transform:scale(.5)}60%{opacity:1}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#login .mk,#signup .mk,#login .slg,#signup .slg,#login h1,#signup h1{animation:none}}

/* 1.0.2 : listes de sélection indépendantes et cases alignées */
.ck{display:flex;align-items:center;gap:9px;margin:6px 0;line-height:1.35}.ck input{flex:0 0 auto;margin:0;width:18px;height:18px}
#measureChoices{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 14px}
#ok #garments{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:12px}