:root{font-family:system-ui,sans-serif;color:#263e34;background:#f5f1e9}*{box-sizing:border-box}body{margin:0}header{padding:24px 4vw;border-bottom:1px solid #cbd8cc;display:flex;justify-content:space-between;gap:24px;align-items:center}.marque{font-family:Georgia,serif;font-style:italic;font-size:30px;color:#b95820}h1{font-size:19px;margin:8px 0 0;font-weight:500}main{max-width:1500px;margin:auto;padding:20px 4vw}h2{font-size:26px}p{line-height:1.55}#connexion{max-width:520px;background:white;padding:28px;border:1px solid #cfdbce;border-radius:18px;margin:30px auto}.layout{display:grid;grid-template-columns:310px 1fr;gap:28px}aside,#detail{background:#fff;border:1px solid #d5dfd3;border-radius:16px;padding:22px}aside{align-self:start;position:sticky;top:20px;max-height:85vh;overflow:auto}label{display:block;margin:18px 0;font-size:15px;font-weight:600}input,textarea,select{display:block;width:100%;font:inherit;color:inherit;border:1px solid #a6b7a7;border-radius:8px;padding:11px;margin-top:7px;background:#fff}textarea{font-weight:400;line-height:1.6}button{font:inherit;border:0;border-radius:8px;padding:12px 16px;background:#deebdf;color:#35433a;cursor:pointer}button:hover{background:#cddfce}button:disabled{opacity:.45;cursor:default}.secondaire{background:#e7eee5;color:#244634}.document{display:block;width:100%;text-align:left;background:transparent;color:#263e34;border:1px solid #dbe3d7;margin:8px 0;font-size:14px}.document small{display:block;margin-top:6px;color:#666}.document:hover,.document[aria-current=true]{background:#e9f0e5}details{border-top:1px solid #dce3d8;padding:18px 0;margin:16px 0}summary{cursor:pointer;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.6 system-ui;max-height:450px;overflow:auto;background:#f7f7f2;padding:18px}.titre{display:flex;align-items:start;justify-content:space-between;gap:20px}.titre h2{margin:5px 0}.eyebrow{font-size:13px;color:#61715d}.badge{background:#f7e8c5;border-radius:18px;padding:8px 12px;font-size:13px;white-space:nowrap}.check{font-weight:400;display:flex;align-items:start;gap:12px;line-height:1.5}.check input{width:18px;height:18px;margin:2px 0}.decision{background:#f0f4eb;border-radius:12px;padding:20px;margin-top:26px}.actions{display:flex;gap:12px;flex-wrap:wrap}#message{min-height:24px}#message.erreur{color:#a32721}#session{display:flex;align-items:center;gap:14px}.introduction{max-width:950px}#liste{margin-top:12px}[hidden]{display:none!important}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:static;max-height:300px}.titre,header{flex-direction:column}main{padding:18px}}

.identite{display:flex;gap:18px;align-items:center}.identite img{width:68px;height:68px;object-fit:cover;border-radius:50%}

.onglets{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}#recette{background:white;border:1px solid #d5dfd3;border-radius:16px;padding:28px}.table-recette{width:100%;border-collapse:collapse;margin:26px 0}.table-recette th,.table-recette td{text-align:left;padding:14px;border-bottom:1px solid #d5dfd3}.table-recette th{background:#edf2e8}#recette li{padding:8px 0;line-height:1.5}@media(max-width:650px){.table-recette th,.table-recette td{padding:8px;font-size:14px}}
#stock-espace{background:white;border:1px solid #d5dfd3;border-radius:16px;padding:28px;overflow-x:auto}.prelevements{margin-top:30px;border-top:1px solid #d5dfd3;padding-top:12px}fieldset{border:1px solid #d5dfd3;border-radius:10px;margin:18px 0;padding:18px}legend{font-weight:600}.allocation-lot{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:center}.reception-form{max-width:650px}@media(max-width:700px){.allocation-lot{grid-template-columns:1fr}}
.qualite-section{margin:26px 0;padding:22px;border:1px solid #d5dfd3;border-radius:12px;background:#f8faf4}.qualite-section h4{font-size:20px}.qualite-section form{max-width:750px}

/* Commandes faciles à toucher et repérage au clavier. */
button,summary{min-height:48px}summary{padding:12px 0}input:not([type=checkbox]),select{min-height:48px}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b95820;outline-offset:3px}

#preparations{background:white;border:1px solid #d5dfd3;border-radius:16px;padding:28px}#preparations article{max-width:1000px}#preparations li{line-height:1.55;margin:12px 0}#preparations h4{font-size:19px;margin-top:28px}

#planning{background:white;border:1px solid #d5dfd3;border-radius:16px;padding:28px}#planning form{max-width:750px}

header .identite .logo-reel{width:180px;height:auto;border-radius:0;object-fit:contain}.hero-reelle{display:flex;justify-content:space-between;gap:20px;padding:18px 0 32px}.personnage{display:flex;gap:18px;align-items:flex-start}.hero-reelle .personnage>img{width:130px;height:162.5px;object-fit:cover;border:2px solid #6FAE8A;border-radius:18px}.personnage h2{color:#E97B3A;margin:22px 0 10px;font-size:25px;line-height:37px}.personnage a{color:#214d40}.cartes-reelles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cartes-reelles article{background:#fff;border:1px solid #8ba994;border-radius:16px;padding:24px;display:flex;flex-direction:column}.cartes-reelles h2{margin:0 0 10px}.cartes-reelles p{flex:1}.cartes-reelles button{background:#de8545;color:#282d29;align-self:center;min-width:120px}.onglets a{color:#214d40}@media(max-width:1000px){.cartes-reelles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.hero-reelle{flex-direction:column}.hero-reelle .personnage:last-child{align-self:flex-end}.cartes-reelles{grid-template-columns:1fr}}

.titre-carte-reelle{display:flex;align-items:center;gap:16px;margin-bottom:12px}.titre-carte-reelle .picto-application{display:block;width:48px;height:48px;flex:0 0 48px}.titre-carte-reelle h2{margin:0}

/* Accueil compact : logo et portraits identifient deja l application. */
body:has(#accueil-application:not([hidden])) #titre-espace{display:none}#message:empty{display:none}body:has(#accueil-application:not([hidden])) #introduction-espace{display:none}header{padding-top:12px;padding-bottom:12px}main{padding-top:12px}.hero-reelle{padding-top:8px;padding-bottom:24px}

/* Espace cuisinier : habillage existant, vues métier distinctes. */
.bouton-equipe{display:inline-block;align-self:center;background:#de8545;color:#282d29;padding:12px 22px;border-radius:8px;text-decoration:none;min-height:48px}
#vue-preparation-equipe,#vue-planning-equipe{background:white;padding:24px;border:1px solid #8ba994;border-radius:16px}
#personnel>.onglets{margin-top:4px;margin-bottom:20px}

/* Harmonisation des formulaires et des commandes de cuisine. */
/* Repères communs : vert sauge clair, commandes espacées, lecture sur tablette. */
:root{--maya-encre:#35433a;--maya-sauge:#deebdf;--maya-sauge-survol:#cddfce;--maya-bord:#bdcebe;--maya-papier:#faf8f3;--maya-orange:#e7a472;--maya-orange-survol:#df9761}
button,.action,summary,input,select,textarea,a{ -webkit-tap-highlight-color:transparent }
button,.action{min-height:48px;line-height:1.35;transition:background-color .12s ease,border-color .12s ease;white-space:normal}
button:not(.action),.secondaire{background:var(--maya-sauge);color:var(--maya-encre);border:1px solid var(--maya-bord)}
button:not(.action):hover:not(:disabled),.secondaire:hover:not(:disabled){background:var(--maya-sauge-survol);color:var(--maya-encre)}
button:disabled,.action:disabled{opacity:1;background:#f0f1ec!important;color:#7b847b!important;border:1px solid #dce1d8!important;cursor:not-allowed;box-shadow:none}
button.bouton-principal,.action{background:var(--maya-orange);color:#3f3025;border:1px solid #d99b6d;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px}
button.bouton-principal:hover:not(:disabled),.action:hover:not(:disabled){background:var(--maya-orange-survol);color:#3f3025}
input:not([type=checkbox]):not([type=radio]),select,textarea{font:inherit;font-size:16px;color:var(--maya-encre);min-width:0;max-width:100%;border-color:var(--maya-bord);border-radius:10px;background:#fff}
input:not([type=checkbox]):not([type=radio]),select{min-height:48px;padding:10px 12px}
textarea{width:100%;min-height:110px;padding:12px;resize:vertical;line-height:1.55}
input[readonly]{background:#f4f5f0;border-style:dashed}select:disabled{background:#f4f5f0;color:#65715f}
input[type=checkbox],input[type=radio]{accent-color:#709b79;width:21px;height:21px;flex:0 0 21px;margin:3px 0}
label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex;align-items:flex-start;gap:12px;line-height:1.5;font-weight:500}
button:focus-visible,.action:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #b9713f;outline-offset:3px}
.conditionnement-poches{width:100%;min-width:0;background:#f5f8f1;border:1px solid #d5e1d1;border-radius:14px;padding:18px 20px;margin:6px 0 20px}
.conditionnement-poches h4{font-size:18px;margin:0 0 14px!important;line-height:1.4}
.poches-lignes{display:grid;gap:14px}.poche-ligne{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(120px,1fr) auto;gap:14px;align-items:end;min-width:0}
.poche-ligne label{margin:0;font-size:14px;line-height:1.45;font-weight:600;min-width:0}.poche-ligne input,.poche-ligne select{width:100%;margin-top:6px}.poche-ligne input{text-align:center}
button.retirer-poche{background:transparent;border:1px solid #d6ccc0;color:#6b5142;padding:10px 14px;min-width:84px;align-self:end;margin:0}
button.retirer-poche:hover:not(:disabled){background:#f9eee3;border-color:#c8a88d;color:#65402c}
.poches-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #dde6d8}
.poches-actions button{margin:0}.poches-total{margin:0;font-size:15px;font-weight:600;color:#52604f;line-height:1.5}
.calculateur-preparation{max-width:860px;margin:18px 0 26px}.calculateur-preparation>h3{margin:0 0 18px;font-size:21px;line-height:1.4}
.calculateur-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.calculateur-form>label{margin:0;min-width:0}.calculateur-form>label:nth-child(3){grid-column:1/-1;max-width:520px}
.calculateur-form>.conditionnement-poches,.calculateur-form>div{grid-column:1/-1}.calculateur-form>.conditionnement-poches{margin:2px 0 0}.calculateur-form>.bouton-principal{grid-column:1/-1;justify-self:start;margin:0}.calculateur-form>div:empty{display:none}
.gestion-formulations{max-width:1000px;border:1px solid #d9e1d3;border-radius:12px;padding:0 20px;margin:24px 0}.gestion-formulations>summary{padding:16px 0}.gestion-formulations[open]{padding-bottom:20px}
.formulation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;margin-top:12px}.formulation-form>label{margin:0;min-width:0}.formulation-form>div,.formulation-form>p,.formulation-form>label:has(input[type=checkbox]){grid-column:1/-1}.formulation-form>button{justify-self:start}.formulation-form .formulation-ajout{display:grid;grid-template-columns:minmax(120px,1.4fr) minmax(110px,1fr) 80px auto;gap:12px;align-items:end;padding:16px;background:#f8f9f4;border:1px solid #e0e5da;border-radius:12px;margin-bottom:12px}.formulation-ajout label{margin:0;font-size:14px;min-width:0}.retour-formulaire:empty{display:none}
.navigation-tablette summary{background:var(--maya-sauge);border:1px solid var(--maya-bord);color:var(--maya-encre)}
.navigation-tablette nav{border-color:var(--maya-bord)}.navigation-tablette nav button{background:transparent;border-color:transparent;justify-content:flex-start}.navigation-tablette nav button:hover,.navigation-tablette nav button[aria-current=page]{background:var(--maya-sauge);color:var(--maya-encre)}
.titre-liste{flex-wrap:wrap;align-items:center;gap:14px}.titre-liste h1{min-width:0;overflow-wrap:anywhere}.fiche-titre{align-items:flex-start}#identite-nom-recette{white-space:normal;overflow-wrap:anywhere}
.carte,.carte-table,.qualite-section,fieldset{min-width:0}.carte .carte-pied{gap:16px}.rd-actions,.carte-actions{gap:12px;flex-wrap:wrap}.carte label{min-width:0}table{font-variant-numeric:tabular-nums}th,td{overflow-wrap:break-word}
@media(max-width:700px){.poche-ligne{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) auto;gap:10px}.conditionnement-poches{padding:16px}.formulation-form .formulation-ajout{grid-template-columns:1fr 1fr}.formulation-ajout label:first-child{grid-column:1/-1}.formulation-ajout .retirer-poche{grid-column:2;justify-self:end}.formulation-form{grid-template-columns:1fr}.formulation-form>label,.formulation-form>button{grid-column:1/-1}}
@media(max-width:480px){.calculateur-form{grid-template-columns:1fr;gap:16px}.calculateur-form>label:nth-child(3){max-width:none}.poche-ligne{grid-template-columns:1fr 1fr}.poche-ligne .retirer-poche{grid-column:1/-1;justify-self:end;min-height:44px;padding:8px 14px}.poches-actions{align-items:flex-start;flex-direction:column}.poches-actions button,.calculateur-form>.bouton-principal{width:100%}.titre-liste .action{min-width:0}.cadre{padding-left:16px;padding-right:16px}}

:root{font-size:16px;color:#35433a;background:#f6f3ed}main{max-width:1250px}header{max-width:1500px;margin:auto;flex-wrap:wrap;gap:16px}h2{line-height:1.3}h3,h4{line-height:1.4}#session{flex-wrap:wrap;gap:12px}.onglets{gap:10px;margin:18px 0 24px}.onglets button{padding:12px 18px}.onglets button:not(.secondaire){background:#deebdf;border-color:#9fbba3;color:#2e4634;box-shadow:inset 0 -3px 0 #a6c4a9}.onglets button.secondaire{background:#fafbf6;border-color:#d4dfce;color:#54634e}#preparations,#planning,#stock-espace,#recette{padding:26px}#preparations>article{border-top:1px solid #e0e6da;margin-top:24px;padding-top:24px}#preparations>article>h3{margin-top:0}#preparations table{margin:20px 0}#preparations summary{line-height:1.5}#preparations form>button,#planning form>button,#stock-espace form>button,#recette form>button{margin:8px 8px 8px 0}#preparations .calculateur-form>button{margin:0}.qualite-section{background:#fafbf6;border-color:#d8e2d2}.actions{align-items:center;gap:12px}.allocation-lot{align-items:end}.allocation-lot label{margin:0}.allocation-lot button{align-self:end}.table-recette{display:block;overflow-x:auto}.document{border-color:#dbe3d7}a{color:#415d45}#vue-preparation-equipe,#vue-planning-equipe{border-color:#c1d2bf}.cartes-reelles article{border-color:#bdcebe}.cartes-reelles button{border-color:#d99b6d}.bouton-equipe{background:#e7a472;color:#3f3025;border:1px solid #d99b6d}.personnage a{color:#415d45}@media(max-width:650px){header{align-items:flex-start}.identite{gap:12px}header .identite .logo-reel{width:150px}.onglets{gap:8px}.onglets button{flex:1 1 calc(50% - 8px);padding:12px}#preparations,#planning,#stock-espace,#recette{padding:18px}.qualite-section{padding:18px}.hero-reelle .personnage>img{width:110px;height:137.5px}.personnage h2{font-size:22px}}

.document{overflow-wrap:anywhere}
.cartes-reelles button:not(:disabled){background:var(--maya-orange);color:#3f3025;border-color:#d99b6d}.cartes-reelles button:hover:not(:disabled){background:var(--maya-orange-survol)}

/* Charte officielle L’Inattendu v1.0 — espace personnel et gestion. */
@font-face{font-family:"Lao UI";src:url("/cuisine/assets-communs/LaoUI-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lao UI";src:url("/cuisine/assets-communs/LaoUI-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{
 --maya-encre:#3A3A3A;--maya-sauge:#F5EFE8;--maya-sauge-survol:#6FAE8A;
 --maya-bord:#6FAE8A;--maya-papier:#F5EFE8;
 --maya-orange:#E97B3A;--maya-orange-survol:#F2C94C;
 font-family:"Lao UI",sans-serif;color:#3A3A3A;background:#F5EFE8;
}
body{font-family:"Lao UI",sans-serif;color:#3A3A3A;background:#F5EFE8}
button,input,select,textarea,pre{font-family:inherit}
h1,h2,.personnage h2{color:#E97B3A;font-weight:700}
h3,h4,p,label,legend,summary,pre,.eyebrow,.poches-total{color:#3A3A3A}
header{border-color:#6FAE8A}
header .identite .logo-reel{width:220px;max-width:100%;height:auto;object-fit:contain}
a,.personnage a,.onglets a{color:#3A3A3A;text-underline-offset:3px}
a:hover{color:#3A3A3A;text-decoration-thickness:2px}
button:not(.action),.secondaire{background:#F5EFE8;color:#3A3A3A;border-color:#6FAE8A}
button:not(.action):hover:not(:disabled),.secondaire:hover:not(:disabled){background:#6FAE8A;color:#3A3A3A}
button.bouton-principal,.action,.bouton-equipe,.cartes-reelles button:not(:disabled){background:#E97B3A;color:#3A3A3A;border-color:#E97B3A;font-weight:700}
button.bouton-principal:hover:not(:disabled),.action:hover:not(:disabled),.bouton-equipe:hover,.cartes-reelles button:hover:not(:disabled){background:#F2C94C;color:#3A3A3A;border-color:#F2C94C}
.onglets button:not(.secondaire){background:#6FAE8A;color:#3A3A3A;border-color:#6FAE8A;box-shadow:none;font-weight:700}
.onglets button.secondaire{background:#F5EFE8;color:#3A3A3A;border-color:#6FAE8A;box-shadow:none}
.onglets button:hover:not(:disabled){background:#6FAE8A;color:#3A3A3A}
#connexion,aside,#detail,#recette,#stock-espace,#preparations,#planning,#vue-preparation-equipe,#vue-planning-equipe,.cartes-reelles article,.qualite-section,fieldset,.gestion-formulations{border-color:#6FAE8A}
.qualite-section,.conditionnement-poches,.decision,.formulation-form .formulation-ajout,pre{background:#F5EFE8;border-color:#6FAE8A}
.document,.document small{color:#3A3A3A}.document{border-color:#6FAE8A}
.document:hover,.document[aria-current=true],.table-recette th{background:#F5EFE8}
.table-recette th,.table-recette td,details,.prelevements,.poches-actions{border-color:#6FAE8A}
input[type=checkbox],input[type=radio]{accent-color:#6FAE8A}
button:focus-visible,.action:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-color:#3A3A3A}
button.retirer-poche{background:#F5EFE8;border-color:#6FAE8A;color:#3A3A3A}
button.retirer-poche:hover:not(:disabled){background:#6FAE8A;border-color:#6FAE8A;color:#3A3A3A}
.badge{background:#F2C94C;color:#3A3A3A}
@media(max-width:650px){.identite{flex-wrap:wrap}header .identite .logo-reel{width:220px}}