/* Shared light-only visual language from the three approved references.
   Presentation only: no role, price, freshness or stock inferred here. */
:root{--oq-bg:#f7f5ee;--oq-paper:#fff;--oq-ink:#18392b;--oq-muted:#58685d;--oq-line:#dce4d9;--oq-green:#176440;--oq-soft:#eaf3e9;--oq-gold:#fff0c9;--oq-red:#963d2d;--oq-radius:18px}
body.omqInterface{background:var(--oq-bg);color:var(--oq-ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
.omqInterface *{box-sizing:border-box}
.omqInterface [hidden]{display:none!important}
.omqInterface :is(button,a,input,select,textarea){touch-action:manipulation}
.omqInterface :is(button,input,select,textarea){font:inherit;max-width:100%;min-height:48px;border-radius:12px}
.omqInterface :is(button,a,input,select,textarea):focus-visible{outline:3px solid #9a6514;outline-offset:3px}
.omqInterface :is(h1,h2,h3,strong){color:inherit;overflow-wrap:anywhere}
.omqInterface h1{font-size:28px;line-height:1.17;letter-spacing:-.6px}
.omqInterface :is(.order-panel,.vendeurContexte,#editor,#access,.omqPanel){background:var(--oq-paper);border:1px solid var(--oq-line);border-radius:var(--oq-radius);box-shadow:none}
.omqInterface :is(.actions,.order-tools){gap:12px}
.omqInterface .actions>*{min-width:0;max-width:100%}
.omqInterface :is(.order-tools, .actions)>:is(a,button){min-height:48px;white-space:normal}
.omqInterface :is(.order-header,header,main){min-width:0}
.omqInterface .order-page,#notice{overflow-wrap:anywhere}
.omqInterface #notice:not(:empty){line-height:1.45}
.omqInterface .vendeurContexte{padding:8px 12px;margin-bottom:12px}
.omqInterface .vendeurCommerce{gap:10px;font-size:19px}
.omqInterface .vendeurContexteTop{flex-wrap:nowrap;gap:8px}
.omqInterface .vendeurCommerce{flex:1;min-width:0;line-height:1.2}
.omqInterface .omqAccountLink{width:48px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--oq-soft);border-radius:12px}
.omqInterface .omqAccountLink svg{width:24px;height:24px}
.omqInterface #blocPlats>h2,.omqInterface #blocPlats>.legende{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:0;padding:0}
.omqInterface #blocModifier{margin-top:16px;margin-bottom:8px}
.omqInterface #blocModifier h2{margin-top:0;margin-bottom:4px;font-size:22px}
.omqInterface #blocModifier .mcLigne{padding-top:6px;padding-bottom:6px;font-size:14px;min-height:44px}
.omqInterface .omqLogoSlot{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--oq-soft);color:var(--oq-green);font-size:20px;font-weight:750}
.omqInterface .omqLogoSlot img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:14px}
.omqInterface .vendeurNavigation{border-color:var(--oq-line);box-shadow:none}
.omqInterface .vendeurNavigation :is(a,button){flex-direction:column;gap:5px;min-height:58px;font-size:12px}
.omqInterface .vendeurNavigation [aria-current=page]{color:var(--oq-green);background:var(--oq-soft);border-radius:13px}
.omqInterface .vendeurNavigation svg{width:21px;height:21px}
.omqInterface .pcEnteteStable .pcLogoZone{width:64px;height:64px;min-width:64px;flex:none;background:#fff;border-radius:15px}
.omqInterface .pcEnteteStable .pcLogoZone img{width:100%;height:100%;object-fit:contain}
.omqInterface .pcImageCadree{background:var(--oq-soft)}
.omqInterface .pcImageCadree img{object-fit:cover}
.omqInterface :is(.pcPlat,.pcTuile){border-radius:18px;border-color:var(--oq-line)}
.omqInterface :is(.pcPlatPrix,.pcLignePrix){font-variant-numeric:tabular-nums;font-weight:750}
.omqInterface .pcPlatTexte{padding:10px 12px;min-height:68px}
.omqInterface .pcPlatTexte .pcPlatNom{font-size:16px;line-height:1.25}
.omqInterface .pcPlatTexte .pcPlatPrix{font-size:18px;line-height:1.3}
.omqInterface :is(.pcPlatPhoto,.grandePhoto){object-fit:contain}
.omqInterface .omqSecondaryEntries{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:24px 0;color:var(--oq-muted);font-size:13px}
.omqInterface .omqSecondaryEntries a{display:inline-flex;align-items:center;min-height:44px;color:var(--oq-green);text-decoration:none}
.omqInterface .omqStatusSteps{display:flex;list-style:none;padding:0;margin:20px 0;gap:4px}
.omqInterface .omqStatusSteps li{flex:1;min-width:0;border-top:5px solid var(--oq-line);padding-top:7px;font-size:12px;text-align:center;color:var(--oq-muted)}
.omqInterface .omqStatusSteps li[data-done=true]{border-color:var(--oq-green);color:var(--oq-green)}
.omqInterface .proposalComparison{table-layout:fixed;width:100%}
.omqInterface .proposalComparison :is(td,th){overflow-wrap:anywhere;white-space:pre-wrap}
.omqInterface .omqHelp{display:inline-flex;align-items:center;min-height:44px;color:var(--oq-green);font-size:14px}
.omqInterface .feuilleCorps > *{flex-shrink:0}
.omqInterface .agentNavigation{position:sticky;bottom:0;display:flex;justify-content:space-around;gap:8px;padding:12px;background:var(--oq-paper);border-top:1px solid var(--oq-line);z-index:5}
.omqInterface .agentNavigation a{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1;color:var(--oq-green);font-size:14px;text-decoration:none}
.omqInterface .omqOffline{background:var(--oq-gold);color:var(--oq-ink);padding:12px 16px;margin:0;line-height:1.45}
.omqInterface .order-panel #total{font-size:24px;font-weight:750;font-variant-numeric:tabular-nums}
.omqInterface .sellerDishPhoto{width:88px;height:88px;flex:none;object-fit:contain;border-radius:12px;background:var(--oq-soft)}
.omqInterface .sellerDishPlaceholder{display:grid;place-items:center;font-size:20px;font-weight:750;color:var(--oq-green)}
.omqInterface .ligne{background:var(--oq-paper);border:1px solid var(--oq-line);border-radius:18px;padding:12px;margin:12px 0}
.omqInterface .ligneTete{gap:12px;align-items:center}.omqInterface .ligneNom{font-size:18px}
.omqInterface .platPrix>summary{font-size:23px;font-weight:750;min-height:48px;font-variant-numeric:tabular-nums}
.omqInterface .ligne{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:12px;align-items:center}
.omqInterface .ligneTete{display:contents}
.omqInterface .ligneTete>.sellerDishPhoto{grid-column:1;grid-row:1/4;align-self:start}
.omqInterface .ligneNom{grid-column:2;grid-row:1}
.omqInterface .ligne>.platPrix{grid-column:2;grid-row:2;min-width:0}
.omqInterface .ligneTete>a{grid-column:2;grid-row:3;min-height:44px;display:flex;align-items:center}
.omqInterface .ligne>:not(.ligneTete):not(.platPrix){grid-column:1/-1}
.omqInterface .prixForm{flex-wrap:wrap;gap:6px}
.omqInterface .prixForm input{min-width:0;width:90px;flex:1}
.omqInterface .ligne .dispoSwitch{width:100%;margin-top:10px;justify-content:center}
.omqInterface .ligne[id^=plat-]{grid-template-columns:52px minmax(0,1fr) 66px;gap:4px 10px;padding:12px}
.omqInterface .ligne[id^=plat-] .sellerDishPhoto{width:52px;height:52px;grid-row:1/3}
.omqInterface .ligne[id^=plat-] .ligneNom{font-size:16px;line-height:1.3}
.omqInterface .ligne[id^=plat-] .platPrix>summary{font-size:17px;min-height:44px;padding:8px 0}
.omqInterface .ligne[id^=plat-] .photoPlat{grid-column:1;grid-row:1/3;font-size:11px;justify-content:center;flex-direction:column;gap:4px;text-decoration:none;align-self:start}
.omqInterface .ligne[id^=plat-]>.dispoSwitch{grid-column:3;grid-row:1/3;align-self:start;flex-direction:column;width:66px;min-height:66px;border:0;padding:4px 0;margin:0;background:none;font-size:11px;text-align:center;gap:5px}
.omqInterface .ligne[id^=plat-]>.dispoSwitch::before{width:42px;height:24px;border:0;background:radial-gradient(circle at 12px 12px,#fff 9px,transparent 10px),#c8c9bf;border-radius:20px}
.omqInterface .ligne[id^=plat-]>.dispoSwitch[aria-checked=true]::before{background:radial-gradient(circle at 30px 12px,#fff 9px,transparent 10px),var(--oq-green)}
.omqInterface .ligne[id^=plat-]>.msg:empty{display:none}
.omqInterface .sellerAddChoices{margin:16px 0;background:var(--oq-paper);border:1px solid var(--oq-line);border-radius:16px;padding:12px}
.omqInterface .sellerAddChoices>summary{min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--oq-green);color:white;font-weight:750;cursor:pointer;list-style:none}
.omqInterface .sellerAddChoices>summary::-webkit-details-marker{display:none}
.omqInterface .sellerGlobalActions>summary{min-height:44px;display:flex;align-items:center;font-size:13px;color:var(--oq-muted);cursor:pointer}
.omqInterface .agentFormSection{border:1px solid var(--oq-line);border-radius:12px;padding:12px;margin:12px 0;background:var(--oq-paper)}
.omqInterface .agentFormSection>summary{min-height:48px;cursor:pointer;font-weight:750}
.omqInterface #proposal-summary{background:var(--oq-soft);padding:12px;border-radius:12px;font-size:14px;white-space:pre-line}
.omqInterface #form>.agentSubmit{padding:8px 0;background:var(--oq-paper)}
.omqInterface #form>.agentSubmit button{width:100%;min-height:52px}
.sellerShareHub .sellerShareActions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.sellerShareHub .sellerShareActions #envoyerWa,.sellerShareHub .sellerShareActions #lienVisible{grid-column:1/-1}
.sellerShareHub .sellerShareActions #envoyerWa{background:var(--oq-green);border-color:var(--oq-green);color:#fff}
.sellerShareHub .sellerShareActions .large{margin:0;min-width:0;white-space:normal;text-align:center;padding:10px}
.sellerShareHub .sellerShareActions #copierLien{grid-row:2;grid-column:1}
.sellerShareHub h3{font-size:18px;margin:22px 0 10px}
.sellerShareHub .apercuTexte{font-size:15px;padding:10px 12px;border-left:3px solid var(--oq-line);background:transparent}
.omqInterface.avecContexteVendeur main>a[href="/compte"]{display:none}
.omqInterface .agentNav{position:fixed;bottom:0;left:0;right:0;max-width:600px;margin:auto;display:flex;flex-wrap:nowrap;gap:4px;background:white;border-top:1px solid var(--oq-line);padding:10px 8px;z-index:5}
.omqInterface .agentNav a{flex:1;min-width:0;border:0;font-size:14px;justify-content:center;text-align:center;padding:8px}
.omqInterface .agentCardHeader{display:flex;align-items:center;gap:12px}
.omqInterface .agentTools>.primary{width:100%;justify-content:center}
.omqInterface .agentCard .agentTools a:first-child{background:var(--oq-soft);width:100%;justify-content:center;font-weight:750}
.omqInterface main:has(#commerces){padding-bottom:110px}
.omqInterface :is(#refresh,#reread,#cancel,#pin-login,#btnAjouterPlat){background:var(--oq-paper);color:var(--oq-green);border:1px solid var(--oq-line)}
.omqInterface :is([data-omq-action="contact.remove"],#revoke){background:var(--oq-paper);color:var(--oq-red);border:1px solid var(--oq-red)}
.omqInterface .agentNavigation{position:fixed;left:0;right:0;bottom:0;margin:0;padding-bottom:calc(8px + env(safe-area-inset-bottom));gap:4px}
.omqInterface.avecNavigationAgent{padding-bottom:90px}
.omqInterface .agentNavigation a{flex-direction:column;gap:4px;font-size:12px;border-radius:12px;text-align:center}
.omqInterface .agentNavigation svg{width:21px;height:21px}
.omqInterface .agentNavigation [aria-current=page]{background:var(--oq-soft);font-weight:750}
.omqAdmin #ecranConsole > .topBar{background:var(--oq-paper);color:var(--oq-ink);padding:8px 12px;min-height:64px;border-bottom:1px solid var(--oq-line);border-radius:0;gap:12px;align-items:center}
.omqAdmin #ecranConsole > .topBar h1{font-size:20px;line-height:1.2}
.omqAdmin .adminAccount{position:relative;flex:none}
.omqAdmin .adminAccount summary{min-height:48px;min-width:48px;display:grid;place-items:center;cursor:pointer;border-radius:12px;background:var(--oq-soft);list-style:none}
.omqAdmin .adminAccount summary::-webkit-details-marker{display:none}
.omqAdmin .adminAccount > div{position:absolute;right:0;top:100%;width:220px;max-width:calc(100vw - 32px);padding:12px;background:var(--oq-paper);border:1px solid var(--oq-line);border-radius:12px;z-index:30;box-shadow:0 6px 20px #18392b18}
.omqAdmin .adminAccount a{display:flex;align-items:center;min-height:48px;color:var(--oq-green)}
.omqAdmin .adminAccount button{width:100%;background:var(--oq-paper);color:var(--oq-red);border:1px solid var(--oq-line)}
@media(max-width:359px){.omqInterface h1{font-size:25px}.omqInterface .vendeurContexte{padding:8px}.omqInterface .vendeurCommerce{font-size:17px}.omqInterface .vendeurContexteTop{gap:6px}.omqInterface .dish{grid-template-columns:minmax(0,1fr) 90px}.omqInterface .order-tools{grid-template-columns:minmax(0,1fr)}.omqInterface .proposalComparison :is(td,th){font-size:12px;padding:6px 3px}}
@media(prefers-reduced-motion:reduce){.omqInterface *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
