/* Vyamin - styles de base */
html{-webkit-tap-highlight-color:transparent}
:focus{outline:none}
:root{
  --bg:#FFFFFF;
  --bg2:#F3F4F6;
  --card:#FFFFFF;
  --tx:#111827;
  --mu:#6B7280;
  --mu2:#9CA3AF;
  --bd:#E5E7EB;
  --bd2:#F1F2F4;
  --pr:#2563EB;
  --pr2:#1D4ED8;
  --pr3:#60A5FA;
  --ok:#16A34A;
  --ko:#EF4444;
  --wa:#F59E0B;
  --pu:#8B5CF6;
  --te:#14B8A6;
  --okb:#E9F8EF;
  --kob:#FDEDED;
  --wab:#FEF4E4;
  --inb:#EEF3FE;
  --pub:#F3EDFE;
  --teb:#E5F7F4;
  --hero-grad:linear-gradient(135deg,#1E40AF,#2563EB);
  --qs-bg:#0E1626;
  --qs-fg:#F1F5F9;
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]):not([data-theme="emerald"]):not([data-theme="ocean"]):not([data-theme="midnight"]):not([data-theme="nova"]):not([data-theme="novadark"]):not([data-theme="neon"]):not([data-theme="neonlight"]):not([data-theme="lagune"]):not([data-theme^="dk"]){--bg:#0A101C; --bg2:#0E1626; --card:#141D30;
    --tx:#F1F5F9; --mu:#8FA0B8; --mu2:#64748B;
    --bd:#22304A; --ok:#22C55E; --ko:#F87171;
    --okb:#0F2E1E; --kob:#3A1A1E; --wab:#3A2B10; --inb:#152647; --pub:#251A3D;
    --sh:0 1px 2px rgba(0,0,0,.35), 0 4px 12px -6px rgba(0,0,0,.5);
    --sh2:0 12px 28px -10px rgba(0,0,0,.6);
    --qs-bg:#22304A; --qs-fg:#F1F5F9; color-scheme:dark;}

}
:root[data-theme="dark"]{--bg:#0A101C; --bg2:#0E1626; --card:#141D30;
  --tx:#F1F5F9; --mu:#8FA0B8; --mu2:#64748B;
  --bd:#22304A; --ok:#22C55E; --ko:#F87171;
  --okb:#0F2E1E; --kob:#3A1A1E; --wab:#3A2B10; --inb:#152647; --pub:#251A3D;
  --sh:0 1px 2px rgba(0,0,0,.35), 0 4px 12px -6px rgba(0,0,0,.5);
  --sh2:0 12px 28px -10px rgba(0,0,0,.6);
  --qs-bg:#22304A; --qs-fg:#F1F5F9; color-scheme:dark;}
:root[data-theme="emerald"]{--bg:#F2FAF5; --bg2:#E0F2E8; --card:#FFFFFF;
  --tx:#062B1C; --mu:#557A68; --mu2:#8FB0A0;
  --bd:#DDEEE4; --pr:#059669; --pr2:#047857; --pr3:#34D399;
  --ok:#10B981; --ko:#E11D48; --wa:#D97706; --pu:#7C3AED;
  --okb:#D7F4E4; --kob:#FEE5EC; --wab:#FEF1DC; --inb:#D7F4E4; --pub:#EDE4FE;
  --sh:0 1px 2px rgba(6,78,59,.05), 0 4px 12px -6px rgba(6,78,59,.08);
  --sh2:0 12px 28px -10px rgba(6,78,59,.18);
  --hero-grad:linear-gradient(135deg,#1E40AF,#2563EB);
  --qs-bg:#064E3B; --qs-fg:#ECFDF5; color-scheme:light;}
:root[data-theme="light"]{--tx:#0A0A0A; --mu:#4B5563; --mu2:#6B7280;
  --pr:#0A0A0A; --pr2:#000000; --pr3:#374151;
  --inb:#F3F4F6;}
@media(prefers-color-scheme:light){
:root:not([data-theme]){--tx:#0A0A0A; --mu:#4B5563; --mu2:#6B7280;
    --pr:#0A0A0A; --pr2:#000000; --pr3:#374151;
    --inb:#F3F4F6;}

}
:root[data-theme="ocean"]{--bg:#F1F7FE; --bg2:#E4EFFC; --card:#FFFFFF;
  --tx:#0A1B33; --mu:#5B7090; --mu2:#93A5C0;
  --bd:#DAE7F7; --bd2:#EAF2FC;
  --pr:#0A66F0; --pr2:#0553D6; --pr3:#4FA3FF;
  --ok:#16A34A; --ko:#EF4444; --wa:#F59E0B; --pu:#7C5CFA; --te:#14B8A6;
  --okb:#E3F8EC; --kob:#FDEBEE; --wab:#FEF3DF; --inb:#E4F0FF; --pub:#EEE8FE; --teb:#E0F6F3;
  --sh:0 1px 2px rgba(10,60,140,.05), 0 8px 22px -12px rgba(10,102,240,.24);
  --sh2:0 14px 32px -12px rgba(10,60,140,.30);
  --hero-grad:linear-gradient(135deg,#0553D6,#0A66F0 55%,#2B93FF);
  --qs-bg:#0A2A5C; --qs-fg:#EAF3FF; color-scheme:light;}
:root[data-theme="ocean"] body :is(.card,.k,.goal){background:linear-gradient(180deg,#FFFFFF,rgba(255,255,255,.88));
  box-shadow:var(--sh),inset 0 1px 0 #fff;}
:root[data-theme="ocean"] body .hero{background-image:radial-gradient(120% 90% at 85% 0%,rgba(255,255,255,.30),transparent 55%),radial-gradient(90% 70% at 0% 100%,rgba(255,255,255,.10),transparent 60%),var(--hero-grad);
  box-shadow:0 18px 36px -14px color-mix(in srgb,var(--pr) 62%,transparent),inset 0 1px 0 rgba(255,255,255,.35);}
:root[data-theme="midnight"]{--bg:#041633; --bg2:#071D42; --card:#0B2650;
  --tx:#EAF2FF; --mu:#8EA6CB; --mu2:#6580AB;
  --bd:#173766; --bd2:#10294F;
  --pr:#2680F2; --pr2:#1766D6; --pr3:#6AAEFF;
  --ok:#22C55E; --ko:#F87171; --wa:#FBBF24; --pu:#A78BFA; --te:#2DD4BF;
  --okb:#0B3326; --kob:#3B1B2E; --wab:#3A2E12; --inb:#0F2F66; --pub:#2A1F52; --teb:#0B3340;
  --sh:0 1px 2px rgba(0,0,0,.40), 0 6px 16px -8px rgba(0,0,0,.55);
  --sh2:0 14px 30px -10px rgba(0,0,0,.65);
  --hero-grad:linear-gradient(135deg,#0B3C94,#1766D6 60%,#2680F2);
  --qs-bg:#173766; --qs-fg:#EAF2FF; color-scheme:dark;}
:root[data-theme="nova"]{--bg:#FAFAF9; --bg2:#F3F2EF; --card:#FFFFFF;
  --tx:#1C1917; --mu:#78716C; --mu2:#A8A29E;
  --bd:#E7E5E4; --bd2:#F0EEEC;
  --pr:#6366F1; --pr2:#4F46E5; --pr3:#A5B4FC;
  --ok:#10B981; --ko:#EF4444; --wa:#F59E0B; --pu:#8B5CF6; --te:#14B8A6;
  --okb:#E4F7EF; --kob:#FDEBEB; --wab:#FEF3DC; --inb:#EEF0FF; --pub:#F1EBFE; --teb:#E0F6F3;
  --r1:12px; --r2:16px; --r3:20px;
  --sh:0 1px 2px rgba(28,25,23,.04), 0 10px 28px -12px rgba(28,25,23,.12);
  --sh2:0 14px 32px -12px rgba(99,102,241,.35);
  --hero-grad:linear-gradient(135deg,#6366F1,#8B5CF6);
  --qs-bg:#1C1917; --qs-fg:#FAFAF9; color-scheme:light;}
:root[data-theme="novadark"]{--bg:#0C0C0E; --bg2:#121215; --card:#161619;
  --tx:#F5F5F4; --mu:#A1A1AA; --mu2:#71717A;
  --bd:#27272A; --bd2:#1E1E22;
  --pr:#818CF8; --pr2:#6366F1; --pr3:#A5B4FC;
  --ok:#34D399; --ko:#F87171; --wa:#FBBF24; --pu:#A78BFA; --te:#2DD4BF;
  --okb:#0F2A22; --kob:#33161A; --wab:#33260C; --inb:#1E1F3A; --pub:#251C42; --teb:#0B2F2C;
  --sh:0 1px 2px rgba(0,0,0,.45), 0 10px 28px -12px rgba(0,0,0,.65);
  --sh2:0 14px 32px -12px rgba(129,140,248,.35);
  --hero-grad:linear-gradient(135deg,#4F46E5,#7C3AED);
  --qs-bg:#27272A; --qs-fg:#F5F5F4; color-scheme:dark;}
:root:is([data-theme="nova"],[data-theme="novadark"]) body :is(.card,.k,.goal){border-radius:var(--r3);
  box-shadow:var(--sh);}
:root:is([data-theme="nova"],[data-theme="novadark"]) body .hero{background-image:radial-gradient(120% 90% at 85% 0%,rgba(255,255,255,.28),transparent 55%),var(--hero-grad);
  box-shadow:0 18px 36px -14px color-mix(in srgb,var(--pr) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.3);}
:root:is([data-theme="nova"],[data-theme="novadark"]) :is(.k,.qtile,.srow){transition:transform .2s var(--ease),box-shadow .2s}
:root:is([data-theme="nova"],[data-theme="novadark"]) :is(.k,.qtile,.srow):active{transform:scale(.97)}
.mseg4 button[data-m="nova"]{--sw:linear-gradient(135deg,#6366F1,#8B5CF6)}
.mseg4 button[data-m="novadark"]{--sw:linear-gradient(135deg,#312E81,#0C0C0E)}
:root[data-theme="neon"]{--bg:#0B1020; --bg2:#0F1730; --card:#121A2E;
  --tx:#FFFFFF; --mu:#9FB0D4; --mu2:#6F82AB;
  --bd:#233463; --bd2:#1A294F;
  --pr:#00A8FF; --pr2:#0A6CFF; --pr3:#5AC8FF;
  --ok:#22E3A0; --ko:#FF4D6A; --wa:#FF8A00; --pu:#8B5CF6; --te:#00E5FF;
  --okb:#0B3326; --kob:#3B1522; --wab:#3A2A0C; --inb:#14223F; --pub:#251B4F; --teb:#0A3040;
  --sh:0 1px 2px rgba(0,0,0,.45), 0 8px 22px -12px rgba(0,168,255,.28);
  --sh2:0 14px 32px -12px rgba(0,168,255,.45);
  --hero-grad:linear-gradient(135deg,#0A6CFF,#7A4FE8 62%,#00C2E0);
  --qs-bg:#233463; --qs-fg:#FFFFFF; color-scheme:dark;}
:root[data-theme="neonlight"]{--bg:#F2F5FB; --bg2:#E6EFFF; --card:#FFFFFF;
  --tx:#0B1020; --mu:#586A8C; --mu2:#8393B3;
  --bd:#D8E0F0; --bd2:#E8EEF9;
  --pr:#0A8FE0; --pr2:#0A6CFF; --pr3:#5AA8FF;
  --ok:#12905A; --ko:#D92D4A; --wa:#E86F00; --pu:#7A4FE8; --te:#00A5C4;
  --okb:#DDF5EA; --kob:#FDE8EC; --wab:#FEEFDC; --inb:#E6EFFF; --pub:#EEE8FE; --teb:#DDF3F8;
  --sh:0 1px 2px rgba(11,16,32,.05), 0 8px 22px -12px rgba(10,143,224,.25);
  --sh2:0 14px 32px -12px rgba(10,108,255,.35);
  --hero-grad:linear-gradient(135deg,#0A6CFF,#7A4FE8 62%,#00C2E0);
  --qs-bg:#0B1020; --qs-fg:#FFFFFF; color-scheme:light;}
:root:is([data-theme="neon"],[data-theme="neonlight"]) body{background-image:radial-gradient(600px 380px at 100% -5%,color-mix(in srgb,var(--pu) 22%,transparent),transparent 70%),radial-gradient(520px 380px at -10% 45%,color-mix(in srgb,var(--pr) 16%,transparent),transparent 70%);
  background-attachment:fixed;}
:root:is([data-theme="neon"],[data-theme="neonlight"]) body :is(.card,.k,.goal){border-radius:var(--r3);
  border:1px solid color-mix(in srgb,var(--pr) 38%,var(--bd));
  background:linear-gradient(150deg,color-mix(in srgb,var(--pr) 12%,var(--card)),var(--card) 75%);
  box-shadow:0 0 20px color-mix(in srgb,var(--pr) 13%,transparent);}
:root:is([data-theme="neon"],[data-theme="neonlight"]) body .hero{background-image:radial-gradient(120% 90% at 85% 0%,rgba(255,255,255,.22),transparent 55%),var(--hero-grad);
  box-shadow:0 14px 36px rgba(80,90,255,.40),inset 0 1px 0 rgba(255,255,255,.3);}
:root:is([data-theme="neon"],[data-theme="neonlight"]) :is(.k,.qtile,.srow,.mrow){transition:transform .12s var(--ease),box-shadow .2s}
:root:is([data-theme="neon"],[data-theme="neonlight"]) :is(.k,.qtile,.srow,.mrow):active{transform:scale(.97)}
:root:is([data-theme="neon"],[data-theme="neonlight"]) body nav{background:color-mix(in srgb,var(--card) 88%,transparent);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid var(--bd);}
:root:is([data-theme="neon"],[data-theme="neonlight"]) nav button.on svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--pr) 70%,transparent))}
:root:is([data-theme="neon"],[data-theme="neonlight"]) nav:not(.pa) .fab button#navFab{box-shadow:0 0 0 4px var(--bg),0 0 0 5.5px var(--bd),0 0 26px color-mix(in srgb,var(--pr) 65%,transparent)}
@keyframes amsPulse{50%{box-shadow:0 0 0 4px var(--bg),0 0 0 5.5px var(--bd),0 0 40px var(--pr)}}
.mseg4 button[data-m="neon"]{--sw:linear-gradient(135deg,#0A6CFF,#7A4FE8)}
.mseg4 button[data-m="neonlight"]{--sw:linear-gradient(135deg,#F2F5FB,#0A8FE0)}
:root[data-theme="lagune"]{--bg:#050C17; --bg2:#08162A; --card:#0C1B2E;
  --tx:#EAF6FF; --mu:#8FB2C8; --mu2:#5F8199;
  --bd:#173A52; --bd2:#102B40;
  --pr:#19C9E8; --pr2:#0A9BC4; --pr3:#7BEBFA;
  --ok:#34E0B0; --ko:#FF6B5E; --wa:#FFB52E; --pu:#8FA6FF; --te:#2DD4D4;
  --okb:#0B3328; --kob:#3A1A1C; --wab:#3B2A0A; --inb:#0D2C42; --pub:#1E2650; --teb:#0A3338;
  --sh:0 1px 2px rgba(0,0,0,.5), 0 8px 22px -12px rgba(25,201,232,.30);
  --sh2:0 14px 32px -12px rgba(25,201,232,.45);
  --hero-grad:linear-gradient(135deg,#06304A,#0A8DB8 58%,#19C9E8);
  --qs-bg:#173A52; --qs-fg:#EAF6FF; color-scheme:dark;}
:root[data-theme="lagune"] body{background-image:radial-gradient(260px 260px at 100% 0%,rgba(190,235,255,.20),transparent 70%),radial-gradient(520px 340px at 0% 38%,rgba(25,201,232,.14),transparent 70%),radial-gradient(420px 300px at 100% 100%,rgba(255,181,46,.10),transparent 70%);
  background-attachment:fixed;}
:root[data-theme="lagune"] body :is(.card,.k,.goal){border-radius:var(--r3);
  border:1px solid color-mix(in srgb,var(--pr) 28%,var(--bd));
  background:linear-gradient(150deg,color-mix(in srgb,var(--pr) 9%,var(--card)),var(--card) 70%);
  box-shadow:0 0 18px color-mix(in srgb,var(--pr) 10%,transparent);}
:root[data-theme="lagune"] body .hero{background-image:radial-gradient(120% 90% at 90% 0%,rgba(190,235,255,.28),transparent 55%),radial-gradient(60% 50% at 8% 100%,rgba(255,181,46,.20),transparent 70%),var(--hero-grad);
  box-shadow:0 14px 36px rgba(25,201,232,.30),inset 0 1px 0 rgba(255,255,255,.25);}
:root[data-theme="lagune"] nav:not(.pa) .fab button#navFab{box-shadow:0 0 0 4px var(--bg),0 0 0 5.5px var(--bd),0 0 24px rgba(255,181,46,.45)}
:root[data-theme="lagune"] :is(.k,.qtile,.srow,.mrow){transition:transform .12s var(--ease),box-shadow .2s}
:root[data-theme="lagune"] :is(.k,.qtile,.srow,.mrow):active{transform:scale(.97)}
.mseg4 button[data-m="lagune"]{--sw:linear-gradient(135deg,#050C17,#19C9E8)}
:root[data-theme="dkgreen"]{--bg:#09110F; --bg2:#0D1815; --card:#13201B;
  --tx:#F1F5F9; --mu:#83A69B; --mu2:#5E7870;
  --bd:#1F352D; --bd2:#192B25;
  --pr:#10B981; --pr2:#059669; --pr3:#34D399;
  --ok:#22C55E; --ko:#F87171; --wa:#F59E0B; --pu:#8B5CF6; --te:#2DD4BF;
  --okb:#0F2E1E; --kob:#3A1A1E; --wab:#3A2B10; --inb:#133428; --pub:#251A3D; --teb:#0B3340;
  --sh:0 1px 2px rgba(0,0,0,.35), 0 4px 12px -6px rgba(0,0,0,.5);
  --sh2:0 12px 28px -10px rgba(0,0,0,.6);
  --hero-grad:linear-gradient(135deg,#047552,#10B981);
  --qs-bg:#1F352D; --qs-fg:#F1F5F9; color-scheme:dark;}
.mseg4 button[data-m="dkgreen"]{--sw:linear-gradient(135deg,#10B981,#09110F)}
:root[data-theme="dkviolet"]{--bg:#120E1B; --bg2:#191325; --card:#21192E;
  --tx:#F1F5F9; --mu:#A599B8; --mu2:#7A6E8F;
  --bd:#362A4B; --bd2:#2C223D;
  --pr:#8B5CF6; --pr2:#7C3AED; --pr3:#A78BFA;
  --ok:#22C55E; --ko:#F87171; --wa:#F59E0B; --pu:#8B5CF6; --te:#2DD4BF;
  --okb:#0F2E1E; --kob:#3A1A1E; --wab:#3A2B10; --inb:#2F2248; --pub:#251A3D; --teb:#0B3340;
  --sh:0 1px 2px rgba(0,0,0,.35), 0 4px 12px -6px rgba(0,0,0,.5);
  --sh2:0 12px 28px -10px rgba(0,0,0,.6);
  --hero-grad:linear-gradient(135deg,#612DB9,#8B5CF6);
  --qs-bg:#362A4B; --qs-fg:#F1F5F9; color-scheme:dark;}
.mseg4 button[data-m="dkviolet"]{--sw:linear-gradient(135deg,#8B5CF6,#120E1B)}
:root[data-theme="dkorange"]{--bg:#14100C; --bg2:#1B1511; --card:#231B17;
  --tx:#F1F5F9; --mu:#AB9C91; --mu2:#7E7067;
  --bd:#392D26; --bd2:#2F261F;
  --pr:#F97316; --pr2:#EA580C; --pr3:#FB923C;
  --ok:#22C55E; --ko:#F87171; --wa:#F59E0B; --pu:#8B5CF6; --te:#2DD4BF;
  --okb:#0F2E1E; --kob:#3A1A1E; --wab:#3A2B10; --inb:#3F2617; --pub:#251A3D; --teb:#0B3340;
  --sh:0 1px 2px rgba(0,0,0,.35), 0 4px 12px -6px rgba(0,0,0,.5);
  --sh2:0 12px 28px -10px rgba(0,0,0,.6);
  --hero-grad:linear-gradient(135deg,#B74509,#F97316);
  --qs-bg:#392D26; --qs-fg:#F1F5F9; color-scheme:dark;}
.mseg4 button[data-m="dkorange"]{--sw:linear-gradient(135deg,#F97316,#14100C)}
:root[data-theme="dkrose"]{--bg:#180D12; --bg2:#201219; --card:#28191F;
  --tx:#F1F5F9; --mu:#B397A3; --mu2:#886B78;
  --bd:#422834; --bd2:#36212B;
  --pr:#EC4899; --pr2:#DB2777; --pr3:#F472B6;
  --ok:#22C55E; --ko:#F87171; --wa:#F59E0B; --pu:#8B5CF6; --te:#2DD4BF;
  --okb:#0F2E1E; --kob:#3A1A1E; --wab:#3A2B10; --inb:#411F2F; --pub:#251A3D; --teb:#0B3340;
  --sh:0 1px 2px rgba(0,0,0,.35), 0 4px 12px -6px rgba(0,0,0,.5);
  --sh2:0 12px 28px -10px rgba(0,0,0,.6);
  --hero-grad:linear-gradient(135deg,#AB1E5D,#EC4899);
  --qs-bg:#422834; --qs-fg:#F1F5F9; color-scheme:dark;}
.mseg4 button[data-m="dkrose"]{--sw:linear-gradient(135deg,#EC4899,#180D12)}
:root[data-theme="dkcyan"]{--bg:#091213; --bg2:#0D181A; --card:#122022;
  --tx:#F1F5F9; --mu:#84A4AB; --mu2:#5E777D;
  --bd:#1E3338; --bd2:#192A2E;
  --pr:#06B6D4; --pr2:#0891B2; --pr3:#22D3EE;
  --ok:#22C55E; --ko:#F87171; --wa:#F59E0B; --pu:#8B5CF6; --te:#2DD4BF;
  --okb:#0F2E1E; --kob:#3A1A1E; --wab:#3A2B10; --inb:#103439; --pub:#251A3D; --teb:#0B3340;
  --sh:0 1px 2px rgba(0,0,0,.35), 0 4px 12px -6px rgba(0,0,0,.5);
  --sh2:0 12px 28px -10px rgba(0,0,0,.6);
  --hero-grad:linear-gradient(135deg,#06718B,#06B6D4);
  --qs-bg:#1E3338; --qs-fg:#F1F5F9; color-scheme:dark;}
.mseg4 button[data-m="dkcyan"]{--sw:linear-gradient(135deg,#06B6D4,#091213)}
:root[data-theme^="dk"] .thumb{background:radial-gradient(120% 90% at 28% 12%,#1d2c4a,var(--inb) 60%,#0d1830);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 14px -8px rgba(0,0,0,.7)}
.amsconf{position:fixed;top:-14px;width:8px;height:14px;border-radius:2px;z-index:99999;pointer-events:none;animation:amsCf linear forwards}
@keyframes amsCf{to{transform:translateY(105vh) rotate(720deg)}}
@media(prefers-reduced-motion:reduce){
.amsconf{display:none}
:root nav .fab button#navFab{animation:none!important}

}
*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
body{background:var(--bg);color:var(--tx);max-width:480px;margin:0 auto;padding:env(safe-area-inset-top,0px) 16px calc(112px + env(safe-area-inset-bottom,0px));font-size:14px;line-height:1.45;letter-spacing:-.005em}
svg{display:block;flex:none}
button{cursor:pointer;color:inherit;background:none;border:0;padding:0}
button:active{transform:scale(.975)}

:focus-visible{border-radius:8px}
::-webkit-scrollbar{width:0;height:0}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;display:flex;align-items:center;margin:0 -16px 12px}
.nfg .topbar>*+*{margin-left:7px}
.topbar .brandwrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.nfg .topbar .brandwrap>*+*{margin-top:5px}
.topbar .brandwrap b{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.storepill{display:inline-flex;align-items:center;gap:4px;background:var(--ok);color:#fff;padding:3px 10px;font-size:11px;border:0;cursor:pointer}
.nfg .storepill>*+*{margin-left:4px}
.storepill svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ib{flex:none;background:var(--card);display:grid;place-items:center;position:relative;line-height:0}
.ib svg{stroke:var(--tx);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.dot{position:absolute;top:-4px;right:-4px;background:var(--ko);color:#fff;font-size:10px;font-weight:800;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;border:2px solid var(--bg)}
.so{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:78;background:var(--bg);visibility:hidden;opacity:0;transition:.22s;max-width:480px;margin:0 auto;display:flex;flex-direction:column}
.so.on{visibility:visible;opacity:1}
.so-head{flex:none;display:flex;align-items:center;gap:8px;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 12px;background:var(--bg);border-bottom:1px solid var(--bd)}
.nfg .so-head>*+*{margin-left:8px}
.so-back{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--tx);flex:none;line-height:0}
.so-back svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.so-pills{flex:none;display:flex;gap:8px;padding:12px 16px 8px;overflow-x:auto;scrollbar-width:none}
.nfg .so-pills>*+*{margin-left:8px}
.so-pills::-webkit-scrollbar{display:none}
.so-pills button{flex:none;border:1.5px solid var(--bd);background:var(--card);color:var(--mu);border-radius:20px;padding:9px 14px;font:800 12.5px system-ui,sans-serif;white-space:nowrap}
.so-pills button.on{background:var(--pr);border-color:var(--pr);color:#fff;box-shadow:0 6px 14px -6px rgba(37,99,235,0.55);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--pr) 55%,transparent)}
.so-body{flex:1;overflow-y:auto;padding:6px 16px calc(32px + env(safe-area-inset-bottom,0px))}
.so-res{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bd);cursor:pointer;transition:background .15s}
.nfg .so-res>*+*{margin-left:12px}
.so-res:active{background:var(--bg2);border-radius:var(--r1)}
.so-res:last-child{border-bottom:0}
.so-res .ri{width:42px;height:42px;border-radius:var(--r1);flex:none;display:grid;place-items:center;background:var(--inb);color:var(--pr);line-height:0}
.so-res .ri svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.so-res .rt{flex:1;min-width:0}
.so-res .rt b{display:block;font-size:14.5px;font-weight:700;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so-res .rt span{display:block;font-size:12px;color:var(--mu);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so-res .rv{text-align:right;flex:none;font-size:14px;font-weight:800;color:var(--tx);letter-spacing:-.2px}
.so-empty{text-align:center;padding:48px 20px;color:var(--mu2);font-size:13.5px;font-weight:600}
.so-empty svg{width:56px;height:56px;stroke:var(--mu2);fill:none;stroke-width:1.9;margin:0 auto 14px;display:block}
.hero{position:relative;overflow:hidden;color:#fff;background:var(--hero-grad);}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}

.hero .pt{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M14 2l12 12-12 12L2 14z' fill='none' stroke='white' stroke-width='1.4'/%3E%3Ccircle cx='14' cy='14' r='2.4' fill='white'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(to left,#000,transparent 72%);mask-image:linear-gradient(to left,#000,transparent 72%)}
.row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;gap:10px}
.nfg .row>*+*{margin-left:10px}
.hero small{opacity:.88;font-size:12.5px;font-weight:600}
.hero .amt{position:relative;z-index:1;font-weight:800;margin:8px 0 14px;line-height:1.1;}
.hero .amt i{font-style:normal;font-size:15px;font-weight:700;opacity:.8;margin-left:5px}
.pill{background:rgba(255,255,255,.18);padding:5px 11px;border-radius:20px;font-size:11.5px;font-weight:700;border:1px solid rgba(255,255,255,.16)}
.mini{display:flex;align-items:stretch;margin:2px 0 14px;position:relative;z-index:1;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.12);border-radius:14px;font-size:11.5px;font-weight:600;opacity:.96;overflow:hidden}
.mini span{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px}
.nfg .mini span>*+*{margin-left:7px}
.mini span + span{border-left:1px solid rgba(255,255,255,.18)}
.mini b{font-size:13.5px;font-weight:800;letter-spacing:-.2px}
.hero .eye{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.16);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;line-height:0}
.hero .eye svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.9}
.seg{display:flex;background:var(--card);border:1px solid var(--bd);padding:4px;margin-top:16px}
.seg button{flex:1;color:var(--mu);font-weight:700;font-size:12.5px;padding:9px 4px;border-radius:var(--r1)}
.seg button.on{background:var(--pr);color:#fff;}
.sec{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;gap:10px}
.nfg .sec>*+*{margin-left:10px}
.sec h2{font-size:15px;font-weight:700}
.sec a{color:var(--pr);font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap;background:rgba(37,99,235,0.12);background:color-mix(in srgb,var(--pr) 12%,transparent)}
.card{background:var(--card);border:1px solid var(--bd);padding:16px;border-color:var(--bd);border-color:color-mix(in srgb,var(--bd) 65%,transparent)}
.goal{display:flex;align-items:center;gap:16px;margin-top:16px}
.nfg .goal>*+*{margin-left:16px}
.goal b{display:block;font-size:15px;font-weight:800}
.goal span{display:block;color:var(--mu);font-size:12.5px;margin-top:3px;font-weight:500}
.goal em{display:block;font-style:normal;color:var(--ok);font-size:12px;font-weight:700;margin-top:7px}
.ring{width:70px;height:70px;flex:none;border-radius:50%;position:relative;background:conic-gradient(from -90deg,var(--pr) 0 82%,var(--bd) 0);display:grid;place-items:center}
.ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;inset:8px;border-radius:50%;background:var(--card)}
.ring b{position:relative;font-size:15px;font-weight:800;letter-spacing:-.4px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.k{background:var(--card);border:1px solid var(--bd);}
.k:active{transform:scale(.985)}
.k .l{display:flex;align-items:center;color:var(--mu);font-size:12.5px;font-weight:600}
.nfg .k .l>*+*{margin-left:9px}
.k .l .ic{width:36px;height:36px}
.k .l .ic svg{width:18px;height:18px}
.k .v{font-size:19px;font-weight:800;margin:11px 0 5px}
.k .v i{font-style:normal;font-size:11px;color:var(--mu);font-weight:700}
.tr{font-size:11.5px;font-weight:700}
.up{color:var(--ok)}
.dn{color:var(--ko)}
.k.alert{background:var(--kob);border-color:transparent;box-shadow:none}
.k.alert .ic{background:rgba(239,68,68,0.14);background:color-mix(in srgb,var(--ko) 14%,transparent)}
.btn{margin-top:11px;width:100%;background:var(--ko);color:#fff;border-radius:var(--r1);padding:9px;font-weight:800;font-size:12px;box-shadow:0 6px 14px -6px rgba(239,68,68,0.70);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--ko) 70%,transparent)}
.ic{width:34px;height:34px;border-radius:var(--r1);flex:none;display:grid;place-items:center;line-height:0}
.ic svg{width:17px;height:17px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.chart .h{display:flex;justify-content:space-between;align-items:baseline}
.chart .h b{font-size:20px;font-weight:800;letter-spacing:-.5px}
.chart .h span{font-size:12px;color:var(--mu);font-weight:600}
.chart svg{width:100%;height:auto;display:block;overflow:visible;animation:wipe 1.4s .3s cubic-bezier(.4,0,.2,1) both}
@keyframes wipe{from{clip-path:inset(-14px 100% -14px -14px)}to{clip-path:inset(-14px)}}
.days{display:flex;justify-content:space-between;color:var(--mu);font-size:11px;font-weight:600;margin-top:6px;padding:0 2px}
.stk{display:flex;height:12px;border-radius:8px;overflow:hidden;margin:0 0 16px;gap:3px}
.nfg .stk>*+*{margin-left:3px}
.stk i{display:block;height:100%;border-radius:4px}
.lg{display:flex;justify-content:space-between;font-size:12px;color:var(--mu);gap:8px}
.nfg .lg>*+*{margin-left:8px}
.lg div{display:flex;flex-direction:column;gap:3px;min-width:0}
.nfg .lg div>*+*{margin-top:3px}
.lg b{color:var(--tx);font-size:13.5px;font-weight:800}
.lg em{font-style:normal;display:flex;align-items:center;gap:6px;font-weight:600}
.nfg .lg em>*+*{margin-left:6px}
.lg em:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.p{margin-bottom:16px}
.p:last-child{margin-bottom:0}
.p .t1{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:8px;gap:10px}
.nfg .p .t1>*+*{margin-left:10px}
.p .t1 span{color:var(--mu);font-weight:600;font-size:12px}
.bar{height:8px;border-radius:6px;background:var(--bg2);overflow:hidden}
.bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--pr),var(--pr3))}
.qa{display:grid}
.q{text-align:center;font-size:11.5px;color:var(--tx);font-weight:600;line-height:1.3}
.q .ic{width:54px;height:54px;margin:0 auto 7px;box-shadow:0 10px 20px -8px rgba(15,23,42,.35);position:relative;overflow:hidden;background:var(--pr)}
.q .ic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.32),transparent 58%)}
.q .ic svg{width:24px;height:24px;stroke:#fff;position:relative;z-index:1}
.todo{display:flex;gap:10px;overflow-x:auto;padding:2px 16px 6px;margin:0 -16px;scrollbar-width:none}
.nfg .todo>*+*{margin-left:10px}
.todo::-webkit-scrollbar{display:none}
.t{flex:0 0 auto;min-width:132px;border-radius:var(--r2);padding:13px 14px;font-size:11.5px;font-weight:700;line-height:1.35}
.t b{display:block;font-size:23px;font-weight:800;margin-bottom:2px;letter-spacing:-.6px}
.tip{display:flex;gap:13px;align-items:flex-start;margin-top:22px}
.nfg .tip>*+*{margin-left:13px}
.tip b{display:block;font-size:14px;font-weight:800}
.tip span:not(.ic){display:block;color:var(--mu);font-size:12.5px;margin-top:4px;line-height:1.5;font-weight:500}
.act{background:var(--card);border:1px solid var(--bd);border-radius:var(--r3);box-shadow:var(--sh);overflow:hidden;border-color:var(--bd);border-color:color-mix(in srgb,var(--bd) 65%,transparent)}
.a{display:flex;align-items:center;gap:13px;padding:14px 16px}
.nfg .a>*+*{margin-left:13px}
.a+.a{border-top:1px solid var(--bd)}

.a .m{flex:1;min-width:0}
.a .m b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.2px}
.a .m span{font-size:12px;color:var(--mu);font-weight:500}
.a .r{text-align:right;flex:none}
.a .r b{display:block;font-size:14px;font-weight:800}
.bd{display:inline-block;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:20px;margin-top:4px;letter-spacing:.2px}
.sm2{display:none}
.scards{display:flex;gap:12px;overflow-x:auto;margin:2px -16px 0;padding:6px 16px 18px;scrollbar-width:none}
.nfg .scards>*+*{margin-left:12px}
.scards::-webkit-scrollbar{display:none}
.scard{flex:0 0 auto;min-width:162px;background:var(--card);padding:14px 15px;box-shadow:var(--sh);border-top:3px solid var(--c)}
.scard small{display:flex;align-items:center;gap:7px;color:var(--mu);font-size:12.5px;font-weight:600}
.nfg .scard small>*+*{margin-left:7px}
.scard svg{width:18px;height:18px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.scard b{display:block;font-size:18px;font-weight:800;margin-top:9px}
.pills{display:flex;gap:8px;margin:2px 0 14px}
.nfg .pills>*+*{margin-left:8px}
.pills button{flex:1;border:1.5px solid var(--bd);background:var(--card);color:var(--mu);border-radius:20px;padding:11px 4px;font:800 13px system-ui,sans-serif}
.pills button.on{background:var(--pr);border-color:var(--pr);color:#fff;box-shadow:0 8px 18px -8px rgba(37,99,235,0.75);box-shadow:0 8px 18px -8px color-mix(in srgb,var(--pr) 75%,transparent)}
.tools{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.nfg .tools>*+*{margin-left:8px}

.np{background:var(--inb);color:var(--pr);font:800 12.5px system-ui,sans-serif;padding:0 14px;white-space:nowrap}
.lst{background:var(--card);border:1px solid var(--bd);border-radius:var(--r3);box-shadow:var(--sh);overflow:hidden}
.li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px}
.nfg .li>*+*{margin-left:12px}
.li+.li{border-top:1px solid var(--bd)}
.li .nm{flex:1;min-width:0}
.li .nm b{display:block;font-size:14.5px;font-weight:700}
.li .nm span{font-size:12px;color:var(--mu);font-weight:500}
.li .r{text-align:right;flex:none}
.li .r b{display:block;font-size:14px;font-weight:800}
.li .r span{font-size:11.5px;font-weight:700}
.li .av2{width:40px;height:40px;border-radius:var(--r1);display:grid;place-items:center;flex:none;font-size:15px;font-weight:800}
.li .av2.pos{background:var(--okb);color:var(--ok)}
.li .av2.neg{background:var(--kob);color:var(--ko)}
.li .r.pos b,.li .r.pos span{color:var(--ok)}
.li .r.neg b,.li .r.neg span{color:var(--ko)}
.pg{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:12;visibility:hidden;opacity:0;background:var(--bg)}
.pg.on{visibility:visible;opacity:1}
.pg .pwrap{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg)}


.march-filter-bar{flex:none;display:none;align-items:center;gap:6px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none}
.march-filter-bar.on{display:flex}
.march-filter-bar::-webkit-scrollbar{display:none}
.filter-chip{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--inb);color:var(--pr);border-radius:20px;padding:6px 12px;font-size:11.5px;font-weight:800;border:0;cursor:pointer}
.nfg .filter-chip>*+*{margin-left:6px}
.filter-chip.cat{background:var(--pub);color:var(--pu)}
.filter-chip svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.filter-chip.clear{background:var(--bg2);color:var(--mu)}
.pg-march .mscroll{flex:1;overflow-y:auto;padding:0 16px 220px;-webkit-overflow-scrolling:touch}
.pg-march .mrow{position:relative;overflow:hidden;border-bottom:1px solid var(--bd);background:var(--bg)}
.pg-march .mrow-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;background:var(--bg);transition:transform .28s cubic-bezier(.3,.9,.3,1);touch-action:pan-y}
.nfg .pg-march .mrow-inner>*+*{margin-left:14px}

.pg-march .mrow.swiped-right .mrow-inner{transform:translateX(180px)}
.pg-march .mrow-main{min-width:0;flex:1;padding:0 8px 0 0}
.mth{margin-left:16px;width:40px;height:40px;border-radius:10px;background:var(--inb);color:var(--pr);display:grid;place-items:center;flex:none}
.pg-march .mrow-main b{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--pr);font-size:15px;font-weight:700;letter-spacing:-.1px;line-height:1.25;overflow:hidden;overflow-wrap:anywhere}
.pg-march .mcode{display:inline-flex;align-items:center;gap:6px;color:var(--mu);font-size:12px;font-weight:600;margin-top:5px}
.nfg .pg-march .mcode>*+*{margin-left:6px}
.pg-march .mcode .bc{width:15px;height:11px;stroke:var(--mu);fill:none;stroke-width:1.2;stroke-linecap:round}
.pg-march .mrow-right{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;padding:0 16px}
.pg-march .mrow-right b{font-size:19px;font-weight:700;color:var(--tx);letter-spacing:-.3px;line-height:1.1}
.pg-march .mrow-right.neg b{color:var(--ko)}
.pg-march .mprices{font-size:12px;font-weight:700;margin-top:6px}
.pg-march .mprices em{color:var(--ko);font-style:normal}
.pg-march .mprices i{color:var(--ok);font-style:normal}
.pg-march .mfoot{position:absolute;left:0;right:0;bottom:calc(78px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--bd);padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;font-weight:700;color:var(--tx);z-index:2}
.nfg .pg-march .mfoot>*+*{margin-left:12px}
.pg-march .mfoot .tot em{color:var(--ko);font-style:normal;margin-right:2px}
.pg-march .mfoot .tot i{color:var(--ok);font-style:normal;margin-left:2px}
.pg-march .mfabs{position:absolute;right:16px;bottom:calc(148px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;z-index:3}
.nfg .pg-march .mfabs>*+*{margin-left:12px}
.mfab{width:54px;height:54px;border-radius:50%;color:#fff;position:relative;box-shadow:var(--sh2);line-height:0}
.mfab svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mfab.g{background:var(--ok)}
.mfab.b{background:var(--pr)}
.mfab.y{background:var(--wa);width:64px;height:64px}
.mfab.y svg{width:30px;height:30px;stroke-width:2.4}
.march-empty{text-align:center;padding:48px 20px;color:var(--mu2);font-size:13px;font-weight:600;line-height:1.55}
.march-empty svg{width:48px;height:48px;stroke:var(--mu2);fill:none;stroke-width:1.9;margin:0 auto 14px;display:block}
.pg-pos .pwrap{background:var(--bg)}
.pos-favs-label{flex:none;font-size:11px;font-weight:800;color:var(--mu);letter-spacing:.5px;text-transform:uppercase}
.pos-favs{flex:none;gap:8px;overflow-x:auto;padding:0 16px 12px;scrollbar-width:none}
.nfg .pos-favs>*+*{margin-left:8px}
.pos-favs::-webkit-scrollbar{display:none}
.fav{flex:0 0 auto;background:var(--card);border:1px solid var(--bd);display:flex;box-shadow:var(--sh);position:relative}
.nfg .fav>*+*{margin-top:4px}
.fav .img{display:grid;place-items:center;font-size:22px;font-weight:800;color:var(--pr)}
.fav .nm{font-weight:800;color:var(--tx);text-align:center;line-height:1.15;text-overflow:ellipsis;width:100%}
.fav .pr{font-weight:800;color:var(--ok);text-align:center}
.pos-main{flex:1;display:flex;min-height:0;background:var(--bg);border-top:1px solid var(--bd)}
.pos-cat{flex:0 0 50%;min-width:0;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--bd)}
.pos-cart{flex:0 0 50%;display:flex;flex-direction:column;min-height:0;background:var(--card)}
.pos-cat-head{flex:none;padding:10px 12px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.nfg .pos-cat-head>*+*{margin-left:8px}
.pos-cat-head b{font-size:11px;font-weight:800;color:var(--mu);letter-spacing:.5px;text-transform:uppercase}
.pos-cat-head .vw{width:30px;height:30px;border-radius:8px;background:var(--bg2);display:grid;place-items:center;color:var(--pr);line-height:0;flex:none}
.pos-cat-head .vw:active{background:var(--inb)}
.pos-cat-head .vw svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pos-grid{flex:1;overflow-y:auto;padding:0 10px 16px;display:grid;gap:8px;align-content:start}
.pcell{background:var(--card);border:1px solid var(--bd);padding:8px;display:flex;flex-direction:column;gap:6px;text-align:left;overflow:hidden;min-width:0;position:relative}
.nfg .pcell>*+*{margin-top:6px}
.pcell .thumb{width:100%;aspect-ratio:1.4;border-radius:8px;display:grid;place-items:center;overflow:hidden;color:var(--pr);font-weight:800;font-size:20px;flex:none;letter-spacing:-.5px}
.thumb svg,.fav .img svg{width:52%;height:52%;max-width:34px;max-height:34px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pos-cats{display:flex;gap:6px;overflow-x:auto;padding:0 10px 8px;flex:none;min-width:0}
.nfg .pos-cats>*+*{margin-left:6px}
.pos-cats button{flex:none;padding:5px 10px;border-radius:16px;background:var(--card);border:1px solid var(--bd);font-size:11.5px;font-weight:700;color:var(--mu)}
.pos-cats button.on{background:var(--pr);border-color:var(--pr);color:#fff}
.pos-sub{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:var(--mu)}
.nfg .pos-sub>*+*{margin-left:10px}
.pos-sub button{color:var(--pr);font-weight:800;font-size:12px}
.pcell .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pcell .info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.nfg .pcell .info>*+*{margin-top:3px}
.pcell .nm{font-size:10px;font-weight:700;color:var(--tx);line-height:1.2;letter-spacing:-.1px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;hyphens:auto}
.pcell .cat{font-size:9px;font-weight:700;color:var(--mu2);letter-spacing:.4px;text-transform:uppercase}
.pcell .code{font-size:9.5px;font-weight:600;color:var(--mu2)}
.pcell .pr{font-size:12.5px;font-weight:800;color:var(--ok);margin-top:auto;letter-spacing:-.2px}
.pcell .stock-badge{position:absolute;top:5px;right:5px;font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:20px;background:var(--wab);color:var(--wa);letter-spacing:.2px;line-height:1.1;z-index:1}
.pcell .stock-badge.critical{background:var(--kob);color:var(--ko)}
.pcell .stock-badge.archived{background:var(--bg2);color:var(--mu)}
.pcell.archived{opacity:.55}
.pos-grid[data-v="table"]{grid-template-columns:1fr}
.pos-grid[data-v="table"] .pcell{flex-direction:row;align-items:center}
.pos-grid[data-v="table"] .pcell .thumb{aspect-ratio:1;font-size:16px}
.pos-grid[data-v="table"] .pcell .info{flex-direction:row;gap:8px}
.pos-grid[data-v="table"] .pcell .nm{flex:1;min-width:0}
.pos-grid[data-v="table"] .pcell .pr{flex:none;margin:0}
.pos-grid[data-v="table"] .pcell .cat,
.pos-grid[data-v="table"] .pcell .code{display:none}
.pos-grid[data-v="table"] .pcell .stock-badge{margin-left:auto;order:3;flex:none}
.pos-grid[data-v="small"]{grid-template-columns:repeat(2,1fr)}
.pos-grid[data-v="small"] .pcell{min-height:120px;padding:7px}
.pos-grid[data-v="small"] .pcell .thumb{aspect-ratio:1.3;font-size:15px}
.pos-grid[data-v="small"] .pcell .nm{font-size:10.5px;-webkit-line-clamp:2;line-clamp:2}
.pos-grid[data-v="small"] .pcell .pr{font-size:11.5px}
.pos-grid[data-v="grid"]{grid-template-columns:repeat(2,1fr)}
.pos-grid[data-v="grid"] .pcell{min-height:148px;padding:9px}
.pos-grid[data-v="grid"] .pcell .thumb{aspect-ratio:1.3;font-size:20px}
.pos-grid[data-v="grid"] .pcell .nm{font-size:11.5px}
.pos-grid[data-v="large"]{grid-template-columns:1fr}
.pos-grid[data-v="large"] .pcell{flex-direction:row;align-items:center;gap:10px;padding:10px;min-height:88px}
.pos-grid[data-v="large"] .pcell .thumb{width:72px;height:72px;aspect-ratio:1;font-size:26px;border-radius:12px;flex:none}
.pos-grid[data-v="large"] .pcell .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;justify-content:center}
.nfg .pos-grid[data-v="large"] .pcell .info>*+*{margin-top:3px}
.pos-grid[data-v="large"] .pcell .cat{font-size:9px}
.pos-grid[data-v="large"] .pcell .nm{-webkit-line-clamp:2;line-clamp:2;font-size:12.5px;font-weight:800;letter-spacing:-.15px}
.pos-grid[data-v="large"] .pcell .code{font-size:10px}
.pos-grid[data-v="large"] .pcell .pr{font-size:15px;font-weight:800;margin-top:2px}
.pos-grid[data-v="large"] .pcell .stock-badge{top:8px;right:8px}
.pos-client{flex:none;display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--bd)}
.nfg .pos-client>*+*{margin-left:6px}
.pos-client .label{font-size:10px;font-weight:800;color:var(--mu);letter-spacing:.4px}
.pos-client button{flex:1;background:var(--inb);color:var(--pr);border-radius:10px;padding:8px 6px;font:800 10.5px system-ui,sans-serif;display:flex;align-items:center;justify-content:center;gap:4px;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nfg .pos-client button>*+*{margin-left:4px}
.pos-client button svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pos-cart-list{flex:1;overflow-y:auto;padding:8px 10px}
.ci{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px dashed var(--bd)}
.nfg .ci>*+*{margin-left:8px}
.ci:last-child{border-bottom:0}
.ci .info{flex:1;min-width:0}
.ci .info b{display:block;font-size:12px;font-weight:800;color:var(--tx);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.ci .info span{display:block;font-size:10.5px;font-weight:600;color:var(--mu);margin-top:3px}
.ci .info .tot{color:var(--ok);font-size:12.5px;font-weight:800;margin-top:3px}
.ci .qty{display:flex;flex-direction:column;gap:6px;flex:none}
.nfg .ci .qty>*+*{margin-top:6px}
.ci .qbtn{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;line-height:0;background:var(--bg2)}
.ci .qbtn svg{width:14px;height:14px;fill:none;stroke-width:2.6;stroke-linecap:round}
.ci .qbtn.plus{background:var(--inb)}
.ci .qbtn.plus svg{stroke:var(--pr)}
.ci .qbtn.minus{background:var(--kob)}
.ci .qbtn.minus svg{stroke:var(--ko)}
.pos-cart-empty{padding:24px 8px;text-align:center;color:var(--mu2);font-size:11px;font-weight:600;line-height:1.55}
.pos-total{flex:none;border-top:1px solid var(--bd);padding:14px 14px;background:var(--bg2);display:flex;flex-direction:column;gap:12px;min-width:0}
.nfg .pos-total>*+*{margin-top:12px}
.pos-total .block{display:flex;flex-direction:column;gap:4px;min-width:0}
.nfg .pos-total .block>*+*{margin-top:4px}
.pos-total .lbl{font-size:10px;font-weight:800;color:var(--mu);letter-spacing:.6px;text-transform:uppercase;line-height:1.2}
.pos-total .amt{font-size:24px;font-weight:800;color:var(--tx);letter-spacing:-.8px;line-height:1.05;word-break:break-all}
.pos-total .row-m{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px dashed var(--bd)}
.nfg .pos-total .row-m>*+*{margin-left:10px}
.pos-total .row-m .l{display:flex;align-items:center;gap:8px;flex:none}
.nfg .pos-total .row-m .l>*+*{margin-left:8px}
.pos-total .eye2{width:26px;height:26px;border-radius:50%;background:var(--card);border:1px solid var(--bd);display:grid;place-items:center;line-height:0;color:var(--mu);flex:none}
.pos-total .eye2 svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9}
.pos-total .mg{font-size:16px;font-weight:800;color:var(--ok);letter-spacing:-.3px;text-align:right;min-width:0;word-break:break-all}
.pos-total .mg.neg{color:var(--ko)}
.pos-bottom{flex:none;background:var(--card);border-top:1px solid var(--bd);box-shadow:0 -6px 16px -8px rgba(15,23,42,.12);padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px))}
.pos-pay{display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;gap:6px}
.pos-pay button{height:56px;border-radius:var(--r1);font:800 9.5px system-ui,sans-serif;color:#fff;letter-spacing:.2px;line-height:1.15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 2px;text-align:center;transition:transform .15s,box-shadow .15s,opacity .15s}
.nfg .pos-pay button>*+*{margin-top:3px}
.pos-pay button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pos-pay .p1{background:var(--ok)}
.pos-pay .p2{background:var(--pr)}
.pos-pay .p3{background:var(--wa)}
.pos-pay .p4{background:var(--ko);font-size:12px;letter-spacing:.6px}
.pos-pay button[data-k]:not(.sel){opacity:.62}
.pos-pay button.sel{transform:translateY(-2px);box-shadow:0 0 0 3px rgba(14,22,38,0.22);box-shadow:0 0 0 3px color-mix(in srgb,var(--tx) 22%,transparent)}
body.pos-active{padding-bottom:0!important}
body[data-th="horizon"] .pg-pos .pwrap{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
nav .fab .fab-check{display:none}
nav .fab .fab-box{display:none}
body.march-active:not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav .fab .fab-plus{display:none}
body.march-active:not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav .fab .fab-box{display:block;stroke-width:2.2;stroke-linejoin:round}
body.pos-active nav .fab .fab-plus{display:none}
body.pos-active nav .fab .fab-check{display:block}
body.pos-active:not(.pos-has):not(.fx-dep):not(.fx-rev) nav .fab .fab-check{display:none}
nav .fab .fab-cart,nav .fab .fab-truck{display:none}
body.pos-active.pos-achat:not(.pos-has):not(.fx-dep):not(.fx-rev) nav .fab .fab-cart{display:none}
body.pos-active:not(.pos-has):not(.fx-dep):not(.fx-rev) nav .fab .fab-cart,body.pos-active.pos-achat:not(.pos-has):not(.fx-dep):not(.fx-rev) nav .fab .fab-truck{display:block;width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.pos-active.fx-dep nav .fab button,body.pos-active.fx-rev nav .fab button{box-shadow:0 10px 18px -8px rgba(71,85,105,.45)}
body.pos-active.pos-has nav .fab button{box-shadow:0 14px 26px -6px rgba(22,163,74,.7)}
body.pos-active.pos-achat.pos-has:not(.fx-dep):not(.fx-rev) nav .fab button{box-shadow:0 14px 26px -6px rgba(220,38,38,.7)}
body.pos-achat #pgPOS .pos-cart .up,body.pos-achat #pgPOS .pos-cart .lt,body.pos-achat #pgPOS .pos-total .amt{color:var(--ko)!important}
body.pos-achat #pgPOS .pos-total .block{background:var(--kob)!important}
body[data-th="horizon"] .pg-pos .pos-pay{justify-content:space-between;align-items:center}
body[data-th="horizon"] .pg-pos .pos-pay .pos-mode{flex:0 0 calc(50% - 44px)}
body[data-th="horizon"] .pg-pos .pos-pay .p4{background:none;box-shadow:none;pointer-events:none;color:var(--ok)}
body[data-th="horizon"] .pg-pos .pos-pay .p4 svg,body[data-th="horizon"] .pg-pos .pos-pay .p4 span{display:none}
body[data-th="horizon"] .pg-pos .pos-pay .p4 b{font-size:17px;color:var(--ok)}
.sheet.vp{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.vp .vph{margin:2px 2px 12px}
.vp .vph b{display:block;font-size:16.5px;font-weight:800;color:var(--tx)}
.vp .vph span{display:block;font-size:12.5px;color:var(--mu);font-weight:500;margin-top:2px}
.vp .vpt{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}
.vp .viewopt{flex-direction:column;align-items:center;gap:6px;padding:8px 2px;text-align:center;border-radius:14px}
.vp .vpi{width:40px;height:40px;border-radius:12px;background:var(--card);border:1px solid var(--bd);display:grid;place-items:center;color:var(--mu)}
.vp .vpi svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vp .viewopt.on .vpi{color:var(--pr);border-color:var(--pr)}
.vp .viewopt b{font-size:10.5px;font-weight:800;line-height:1.1}
.vp .vpf{display:flex;justify-content:center;gap:18px}
.vp .vpf button{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;line-height:0;padding:0}
.vp .vpf svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vp .vx{background:var(--bg2);color:var(--tx)}
.vp .vo{background:var(--pr);color:#fff}
.viewopt{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--r2);cursor:pointer;text-align:left;color:var(--tx);transition:transform .2s var(--ease)}
.nfg .viewopt>*+*{margin-top:8px}
.viewopt.on{border-color:var(--pr);background:var(--inb)}
.viewopt .thumb{width:100%;height:52px;border-radius:10px;background:var(--card);border:1px solid var(--bd);padding:6px;display:grid;gap:4px;overflow:hidden}
.viewopt .thumb i{background:var(--bd);border-radius:3px;display:block}
.viewopt.tb .thumb{grid-template-columns:1fr 1fr 1fr}
.viewopt.tb .thumb i{grid-column:1/-1;height:10px}
.viewopt.sm .thumb{grid-template-columns:repeat(3,1fr)}
.viewopt.sm .thumb i{height:100%}
.viewopt.md .thumb{grid-template-columns:1fr 1fr}
.viewopt.md .thumb i{height:100%}
.viewopt.lg .thumb{grid-template-columns:1fr 1fr}
.viewopt.lg .thumb i{height:100%}
.viewopt b{font-size:13px;font-weight:800}
.viewopt small{font-size:11px;color:var(--mu);font-weight:500}
.pg-settings .pwrap{background:var(--bg)}
.sbody{flex:1;overflow-y:auto;padding:8px 16px 120px}
.ssec{font-size:12px;font-weight:800;color:var(--mu2);letter-spacing:.7px;text-transform:uppercase;margin:20px 4px 8px}
.ssec:first-child{margin-top:8px}
.scard2{background:var(--card);border:1px solid var(--bd)}
.srow{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;min-height:56px;text-align:left;color:var(--tx);cursor:pointer}
.nfg .srow>*+*{margin-left:14px}
.srow + .srow{border-top:1px solid var(--bd)}
.srow .sic{width:42px;height:42px;border-radius:var(--r1);flex:none;background:var(--inb);color:var(--pr);display:grid;place-items:center;line-height:0}
.srow .sic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.srow .stxt{flex:1;min-width:0}
.srow .stxt b{display:block;font-size:14.5px;font-weight:700;color:var(--tx);letter-spacing:-.1px}
.srow .stxt span{display:block;font-size:12.5px;color:var(--mu);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srow .schev{width:20px;height:20px;stroke:var(--mu2);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.switch{width:48px;height:28px;border-radius:14px;background:var(--bd);position:relative;flex:none;transition:background .22s}
.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:transform .22s}
.switch.on{background:var(--pr)}
.switch.on:after{transform:translateX(20px)}
.sver{text-align:center;font-size:12px;color:var(--mu2);font-weight:600;padding:28px 0 8px;letter-spacing:.2px}
.sver small{display:block;font-size:11px;color:var(--mu2);font-weight:500;margin-top:4px}
.form-field{padding:12px 14px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--bd)}
.nfg .form-field>*+*{margin-top:6px}
.form-field label{font-size:12.5px;font-weight:700;color:var(--mu);letter-spacing:.1px}
.form-field input,.form-field select{width:100%;border:1.5px solid var(--bd);border-radius:10px;background:var(--bg2);color:var(--tx);font:700 16px system-ui,sans-serif;padding:11px 14px;outline:0}
.form-field input:focus,.form-field select:focus{border-color:var(--pr);background:var(--card)}
.form-actions{display:flex;gap:8px;padding:14px 4px 4px}
.nfg .form-actions>*+*{margin-left:8px}
.form-actions button{flex:1;height:46px;font:800 13.5px system-ui,sans-serif}
.form-actions .cancel{background:var(--bg2);color:var(--tx)}
.form-actions .save{color:#fff;box-shadow:0 6px 14px -6px rgba(37,99,235,0.60);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--pr) 60%,transparent)}
.form-actions .danger{color:#fff;box-shadow:0 6px 14px -6px rgba(239,68,68,0.60);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--ko) 60%,transparent)}
.form-actions .ok{background:var(--ok);color:#fff;box-shadow:0 6px 14px -6px rgba(22,163,74,0.60);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--ok) 60%,transparent)}
.sheet-sub{font-size:12.5px;color:var(--mu);margin-bottom:10px;line-height:1.4}
.stock-line{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-top:1px solid var(--bd)}
.stock-line b{font-size:14px;font-weight:700}
.stock-line span{font-size:14px;font-weight:800;color:var(--pr)}
.stock-line.low span{color:var(--wa)}
.stock-line.zero span{color:var(--ko)}
.cat-line{display:flex;justify-content:space-between;align-items:center;padding:14px;border-top:1px solid var(--bd);background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;cursor:pointer;color:var(--tx)}
.cat-line:first-child{border-top:0}
.cat-line b{font-size:14px;font-weight:700}

.dr{position:fixed;top:0;bottom:0;left:0;width:84%;max-width:320px;background:var(--card);z-index:41;transform:translateX(-105%);padding:0 0 calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto;display:flex;flex-direction:column;box-shadow:14px 0 44px rgba(15,23,42,.3)}
.dr.on{transform:none}
.dh{display:flex;align-items:center;gap:14px;background:var(--hero-grad);padding:calc(22px + env(safe-area-inset-top,0px)) 20px 20px;margin-bottom:10px}
.nfg .dh>*+*{margin-left:14px}
.dh .lg2{width:50px;height:50px;border-radius:var(--r2);background:#fff;color:var(--pr);display:grid;place-items:center;font-weight:800;font-size:20px;flex:none}
.dh b{font-size:16px;color:#fff;font-weight:800}
.dh span{color:rgba(255,255,255,.85);font-size:12px;font-weight:500}
.dh>div:last-child{min-width:0;flex:1}
.dh b,.dh span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
html body[data-th="baobab"] .dh{background:linear-gradient(135deg,#0f4d26,#052012);border-bottom:1px solid rgba(212,168,42,.45)}
html body[data-th="baobab"] .dh b{color:#ffd54a}
html body[data-th="baobab"] .dh span{color:#a8c9a0}
html body[data-th="baobab"] .dh .lg2{background:transparent}
.mi{display:flex;align-items:center;gap:15px;padding:13px 20px;color:var(--tx);font:600 14.5px system-ui,sans-serif;width:100%;text-align:left}
.nfg .mi>*+*{margin-left:15px}
.mi svg{width:22px;height:22px;fill:none;stroke:var(--pr);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mi.on{background:var(--inb);color:var(--pr);font-weight:800;border-radius:0 26px 26px 0;width:calc(100% - 14px)}
.mi small{display:block;color:var(--mu);font-size:11.5px;font-weight:500;margin-top:3px}
.dr hr{border:0;border-top:1px solid var(--bd);margin:10px 20px}
.dr .ft{margin-top:auto;padding:16px 20px 6px;color:var(--mu);font-size:12px;font-weight:600}
.ov{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;opacity:0;pointer-events:none;z-index:20}
.ov.on{opacity:1;pointer-events:auto}
.ov2{z-index:30}
.ov3{z-index:77}
.sheet{position:fixed;left:0;right:0;max-width:480px;margin:0 auto;background:var(--card);padding:10px 16px calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(105%);z-index:21;overflow-y:auto;}
.sheet.on{transform:none}
.sheet i{display:block;width:36px;height:4px;border-radius:2px;background:rgba(148,163,184,0.45);background:color-mix(in srgb,var(--mu2) 45%,transparent);margin:0 auto 16px}
.sheet h3{font-weight:800;margin-bottom:13px;letter-spacing:-.2px}
.opt{display:flex;align-items:center;gap:13px;width:100%;background:var(--bg);border:1.5px solid var(--bd);padding:12px;margin-bottom:10px;color:var(--tx);font-size:14px;font-weight:700;text-align:left}
.nfg .opt>*+*{margin-left:13px}
.opt span.ic{width:42px;height:42px;border-radius:var(--r1)}
.opt small{display:block;color:var(--mu);font-weight:500;font-size:12px;margin-top:2px}
.opt em{margin-left:auto;color:var(--mu);font-style:normal;font-size:20px;line-height:1}
.opt.sel{border-color:var(--pr);background:var(--inb)}

.mseg4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mseg4 button{background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--r1);padding:10px 4px;font-size:11px;font-weight:800;color:var(--mu);display:flex;flex-direction:column;align-items:center;gap:7px}
.nfg .mseg4 button>*+*{margin-top:7px}
.mseg4 button:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--sw,#ccc);border:1px solid rgba(0,0,0,.1)}
.mseg4 button[data-m="auto"]{--sw:linear-gradient(135deg,#60A5FA 50%,#1E3A8A 50%)}
.mseg4 button[data-m="light"]{--sw:#FFFFFF}
.mseg4 button[data-m="emerald"]{--sw:linear-gradient(135deg,#34D399,#047857)}
.mseg4 button[data-m="dark"]{--sw:#0E1626}
.mseg4 button[data-m="ocean"]{--sw:linear-gradient(135deg,#2B93FF,#0553D6)}
.mseg4 button[data-m="midnight"]{--sw:linear-gradient(135deg,#0B2A5E,#041633)}
.mseg4 button.on{background:var(--pr);color:#fff;border-color:var(--pr)}
.g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 4px}
@keyframes pop{to{opacity:1;transform:none}}
.c1{--c:var(--ok);--b:var(--okb)}
.c2{--c:var(--pr);--b:var(--inb)}
.c3{--c:var(--wa);--b:var(--wab)}
.x{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;margin-left:-28px;width:56px;height:56px;border-radius:50%;background:var(--tx);color:var(--bg);font-size:24px;z-index:32;box-shadow:var(--sh2);opacity:0;pointer-events:none;transition:.26s;transform:scale(.6) rotate(-90deg);display:grid;place-items:center;line-height:1}
.x.on{opacity:1;pointer-events:auto;transform:none}
.ctx{position:fixed;z-index:60;background:var(--card);border:1px solid var(--bd);overflow:hidden;opacity:0;pointer-events:none;max-width:88vw}
.ctx.on{opacity:1;transform:scale(1);pointer-events:auto}
.ctx button{width:100%;font-size:14px;font-weight:600;color:var(--tx);position:relative}
.nfg .ctx button>*+*{margin-left:12px}
.ctx button:last-child{border-bottom:0}
.ctx button:active{background:var(--bg2)}
.ctx button svg{width:20px;height:20px;stroke:var(--pr);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ctx button.danger svg{stroke:var(--ko)}
.ctx button.danger{color:var(--ko)}
.ctx button.muted svg{stroke:var(--mu)}
.ctx button.muted{color:var(--mu)}
.ctx button.checked{background:var(--inb)}
.ctx button.checked svg{stroke:var(--pr)}
.ctx hr{border:0;border-top:1px solid var(--bd)}
.ptr{position:absolute;top:0;left:0;right:0;height:0;display:grid;place-items:center;overflow:hidden;color:var(--pr);font-size:12px;font-weight:700;transition:height .2s}
.ptr.on{height:52px}
.ptr svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px}
.ptr.loading svg{animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.gzo{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:80;background:var(--bg);background:color-mix(in srgb,var(--bg) 82%,transparent);opacity:0;visibility:hidden;transition:opacity .22s ease;display:flex;flex-direction:column;max-width:480px;margin:0 auto}
.gzo.on{opacity:1;visibility:visible}
.gzo .gtop{flex:none;display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top,0px)) 20px 8px}
.gzo .gtop b{font-size:17px;font-weight:800;color:var(--tx);letter-spacing:-.2px}
.gzo .gclose{width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--bd);display:grid;place-items:center;color:var(--tx);box-shadow:var(--sh)}
.gzo .gclose svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
.gzo .ghint{flex:none;text-align:center;color:var(--mu);font-size:13px;font-weight:600;padding:4px 20px 14px}
.gzo canvas{flex:1;width:100%;display:block;touch-action:none;cursor:crosshair}
.gzo .gdetect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;transition:opacity .2s,transform .2s;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none;z-index:2}
.nfg .gzo .gdetect>*+*{margin-top:14px}
.gzo .gdetect.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.gzo .gdetect .gdic{width:88px;height:88px;border-radius:var(--r3);background:var(--pr);color:#fff;display:grid;place-items:center;box-shadow:0 20px 40px -10px rgba(37,99,235,0.60);box-shadow:0 20px 40px -10px color-mix(in srgb,var(--pr) 60%,transparent)}
.gzo .gdetect .gdic svg{width:44px;height:44px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.gzo .gdetect .glbl{font-size:18px;font-weight:800;color:var(--tx);text-align:center}
.gzo .gdetect .gsub{font-size:12.5px;color:var(--mu);font-weight:600;text-align:center;margin-top:-6px}
.gzo .glegend{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--bd)}
.gzo .gleg{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:var(--r1);background:var(--bg2)}
.nfg .gzo .gleg>*+*{margin-top:5px}
.gzo .gleg svg.glyph{width:26px;height:26px;stroke:var(--pr);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.gzo .gleg .gln{font-size:9.5px;font-weight:800;color:var(--mu);text-align:center;text-transform:uppercase;line-height:1.1}
.gzo .gleg.on{background:var(--inb)}
.gbadge{position:fixed;right:16px;bottom:calc(148px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border-radius:50%;background:var(--card);border:1px solid var(--bd);display:none;place-items:center;z-index:70;box-shadow:var(--sh2);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .15s,box-shadow .25s}
.gbadge.on{display:grid}
.gbadge:active{transform:scale(.94)}
.gbadge.hold{box-shadow:0 0 0 6px rgba(37,99,235,0.28),var(--sh2);box-shadow:0 0 0 6px color-mix(in srgb,var(--pr) 28%,transparent),var(--sh2);transform:scale(1.08);transition:transform .6s,box-shadow .6s}
.gbadge.drag{transition:none;transform:scale(1.1);opacity:.92}
.gbadge svg{width:24px;height:24px;stroke:var(--pr);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body.gzo-open .gbadge{display:none!important}
.gman{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:79;background:var(--bg);visibility:hidden;opacity:0;transition:.22s;max-width:480px;margin:0 auto;display:flex;flex-direction:column}
.gman.on{visibility:visible;opacity:1}
.gman .gmh{flex:none;display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 12px;border-bottom:1px solid var(--bd)}
.nfg .gman .gmh>*+*{margin-left:10px}
.gman .gmh b{flex:1;font-size:17px;font-weight:800;color:var(--tx)}
.gman .gmh button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);color:var(--tx)}
.gman .gmh button.add{background:var(--pr);color:#fff}
.gman .gmh svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.gman .gmb{flex:1;overflow:auto;padding:14px 14px 40px}
.gman .gmsw{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r1);padding:12px 14px;margin-bottom:14px}
.nfg .gman .gmsw>*+*{margin-left:12px}
.gman .gmsw span{flex:1;font-weight:700;font-size:14px;color:var(--tx)}
.gman .gmsw small{display:block;font-weight:600;font-size:12px;color:var(--mu)}
.gman .gmi{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r1);padding:12px;margin-bottom:10px}
.nfg .gman .gmi>*+*{margin-left:12px}
.gman .gmi .th{flex:none;width:64px;height:64px;border-radius:12px;background:var(--bg2);display:grid;place-items:center}
.gman .gmi .th svg{width:48px;height:48px;stroke:var(--pr);fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.gman .gmi .nm{flex:1;min-width:0;font-weight:800;font-size:15px;color:var(--tx)}
.gman .gmi .nm small{display:block;font-weight:600;font-size:12px;color:var(--mu);margin-top:2px}
.gman .gmi .bt{display:flex;flex-direction:column;gap:6px}
.nfg .gman .gmi .bt>*+*{margin-top:6px}
.gman .gmi .bt button{font-size:11px;font-weight:800;letter-spacing:.4px;padding:7px 12px;border-radius:8px;background:var(--inb);color:var(--pr)}
.gman .gmi .bt button.del{background:rgba(229,72,77,0.14);background:color-mix(in srgb,#e5484d 14%,transparent);color:#e5484d}
.gman .gmempty{text-align:center;color:var(--mu);font-weight:600;font-size:13.5px;padding:34px 20px;line-height:1.5}
.gman .gpick{display:none}
.gman.pick .gpick{display:block}
.gman.pick .glist{display:none}
.gman .gpg{grid-template-columns:repeat(3,1fr);gap:10px}
.gman .gpg button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 6px;border-radius:var(--r1);background:var(--card);border:1px solid var(--bd);color:var(--tx);font-size:12px;font-weight:800;text-align:center}
.nfg .gman .gpg button>*+*{margin-top:7px}
.gman .gpg button.sel{border-color:var(--pr);background:var(--inb)}
.gman .gpg svg{width:26px;height:26px;stroke:var(--pr);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gman .gpt{font-weight:700;color:var(--mu);font-size:13px;margin:0 2px 12px}
.gzo .grec{display:none;flex:none;gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--bd)}
.gzo.rec .grec{display:flex}
.gzo.rec .glegend{display:none}
.gzo .grec button{flex:1;padding:13px;border-radius:12px;font-weight:800;font-size:14px;background:var(--bg2);color:var(--tx)}
.gzo .grec button.ok{background:var(--pr);color:#fff}
.gzo .grec button:disabled{opacity:.4}
.frun{position:fixed;left:16px;right:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));max-width:448px;margin:0 auto;background:var(--card);border:1px solid var(--bd);border-radius:var(--r3);padding:16px;box-shadow:var(--sh2);z-index:90;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;pointer-events:none}
.frun.on{opacity:1;transform:none;pointer-events:auto}
.frun .fh{display:flex;align-items:flex-start;gap:12px}
.nfg .frun .fh>*+*{margin-left:12px}
.frun .fi{width:44px;height:44px;border-radius:var(--r1);background:var(--pr);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 8px 16px -6px rgba(37,99,235,0.60);box-shadow:0 8px 16px -6px color-mix(in srgb,var(--pr) 60%,transparent)}
.frun .fi svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.frun .ftx{flex:1;min-width:0}
.frun .ftx b{display:block;font-size:14.5px;font-weight:800;color:var(--tx);letter-spacing:-.1px}
.frun .ftx span{display:block;font-size:12.5px;color:var(--mu);font-weight:500;margin-top:3px;line-height:1.4}
.frun .fclose{width:28px;height:28px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;color:var(--mu);flex:none;line-height:0}
.frun .fclose svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
.frun .fact{display:flex;gap:8px;margin-top:12px}
.nfg .frun .fact>*+*{margin-left:8px}
.frun .fact button{flex:1;height:40px;border-radius:var(--r1);font:800 12.5px system-ui,sans-serif}
.frun .fact .b1{background:var(--bg2);color:var(--tx)}
.frun .fact .b2{background:var(--pr);color:#fff;box-shadow:0 6px 14px -6px rgba(37,99,235,0.60);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--pr) 60%,transparent)}
.qk .qkh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.nfg .qk .qkh>*+*{margin-left:12px}
.hlph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.nfg .hlph>*+*{margin-left:12px}
.hlph .tt{flex:1;min-width:0}
.hlph .tt b{display:block;font-size:17px;font-weight:800;color:var(--tx);letter-spacing:-.2px}
.hlph .tt span{display:block;font-size:12.5px;color:var(--mu);font-weight:500;margin-top:2px}
.hlph .cl{width:36px;height:36px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;flex:none;line-height:0;color:var(--tx)}
.hlph .cl svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
.hlpi{display:flex;gap:12px;padding:11px 12px;border-radius:var(--r2);background:var(--bg2);margin-bottom:8px}
.nfg .hlpi>*+*{margin-left:12px}
.hlpi i{all:unset;flex:none;width:26px;height:26px;border-radius:50%;background:var(--pr);color:#fff;font:800 12.5px system-ui;display:grid;place-items:center;margin-top:1px}
.hlpi div b{display:block;font-size:13.5px;font-weight:800;color:var(--tx)}
.hlpi div span{display:block;font-size:12.5px;color:var(--mu);font-weight:500;margin-top:2px;line-height:1.4}
.hlpsec{font-size:11px;font-weight:800;color:var(--mu2);letter-spacing:.6px;text-transform:uppercase;margin:14px 2px 8px}
.hlpth{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 14px;border-radius:var(--r2);border:1px solid var(--bd);background:var(--card);text-align:left;color:var(--tx)}
.nfg .hlpth>*+*{margin-left:12px}
.hlpth svg{width:22px;height:22px;stroke:var(--pr);fill:none;stroke-width:1.9;flex:none}
.hlpth b{display:block;font-size:13.5px;font-weight:800}
.hlpth small{display:block;font-size:11.5px;color:var(--mu);margin-top:1px}
.qk .qkh .tt{flex:1;min-width:0}
.qk .qkh .tt b{display:block;font-size:16.5px;font-weight:800;color:var(--tx);letter-spacing:-.2px}
.qk .qkh .tt span{display:block;font-size:12.5px;color:var(--mu);font-weight:500;margin-top:2px}
.qk .qkh .cl{width:36px;height:36px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;flex:none;line-height:0;color:var(--tx)}
.qk .qkh .cl svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.qk .qgrid{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px;position:relative}
.qk .qth{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--card);color:var(--pr);border:2px solid var(--pr);display:grid;place-items:center;line-height:0;padding:0;box-shadow:0 8px 18px -8px rgba(15,23,42,.4);z-index:2}
.qk .qth:active{transform:translate(-50%,-50%) scale(.92)}
.qk .qth svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qk .qx{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--bg2);color:var(--tx);margin:0 auto;line-height:0;padding:0}
.qk .qx svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
.qk .qtile{background:none;border:0;text-align:center;font-size:11.5px;font-weight:700;color:var(--tx);line-height:1.25;display:flex;flex-direction:column;align-items:center;transition:transform .14s}
.nfg .qk .qtile>*+*{margin-top:7px}
.qk .qtile:active{transform:scale(.92)}
.qk .qtile .qi{line-height:0;position:relative;overflow:hidden}
.qk .qtile .qi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.35),transparent 58%)}
.qk .qtile .qi svg{stroke:#fff;fill:none;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.qk .qtile .qt1{font-size:11.5px;font-weight:700;color:var(--tx);letter-spacing:-.1px}
.rap-scroll{flex:1;overflow-y:auto;padding:4px 16px 150px}
.rap-pills{display:flex;gap:8px;overflow-x:auto;padding:4px 0 2px}
.nfg .rap-pills>*+*{margin-left:8px}
.rap-pills button{flex:none;padding:7px 14px;border-radius:18px;background:var(--bg2);font-size:12.5px;font-weight:700;color:var(--mu)}
.rap-pills button.on{background:var(--tx);color:var(--bg)}
.rap-hero{margin-top:14px;padding:18px;border-radius:var(--r3);color:#fff;background:var(--hero-grad)}
.rap-hero small{opacity:.88;font-size:12.5px;font-weight:600}
.rap-hero .amt{font-size:32px;font-weight:800;letter-spacing:-.8px;margin-top:6px}
.rap-hero .amt i{font-style:normal;font-size:14px;opacity:.8;margin-left:5px}
.rap-bars{display:flex;align-items:flex-end;gap:8px;height:130px}
.nfg .rap-bars>*+*{margin-left:8px}
.rap-bars div{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;font-size:10.5px;font-weight:700;color:var(--mu)}
.nfg .rap-bars div>*+*{margin-top:6px}
.rap-bars i{display:block;width:100%;min-height:3px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--pr3),var(--pr))}
.rap-bar{height:5px;border-radius:3px;background:var(--bd);margin-top:6px;overflow:hidden}
.rap-bar u{display:block;height:100%;background:var(--pr);border-radius:3px}
.ops-stack{display:flex;gap:3px;height:14px;margin:14px 0 10px}
.ops-stack u{display:block;height:100%;border-radius:99px;min-width:8px}
.ops-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;font-weight:700;color:var(--mu)}
.ops-leg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.ops-route{display:inline-flex;align-items:center;gap:6px;font-weight:800}
.ops-route svg{width:14px;height:14px;stroke:var(--pr);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ops-card{margin-top:14px;padding:16px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r3);box-shadow:var(--sh)}
.ops-card h4{margin:0;font-size:16px;font-weight:800}
.ops-card p{margin:4px 0 0;color:var(--mu);font-size:12.5px;font-weight:600}
.ops-chg{margin-top:12px;border:1px solid var(--bd);background:var(--bg2);color:var(--pr);font-weight:800;font-size:13px;padding:9px 14px;border-radius:12px}
.ops-sec{font-size:11px;font-weight:800;color:var(--mu2);text-transform:uppercase;letter-spacing:.6px;margin:16px 2px 8px}
.ops-sg{font-variant-numeric:tabular-nums;white-space:nowrap}
.dc-mtf{align-items:flex-start}
.dc-mt{flex-wrap:wrap;gap:6px;flex:1}
.dc-mt button{border:1px solid var(--bd);background:var(--bg2);color:var(--tx);border-radius:99px;padding:6px 11px;font-size:12.5px;font-weight:700}
.dc-mt button.on{background:var(--pr);border-color:var(--pr);color:#fff}
.dc-mt button:disabled{opacity:.6}
.dc-mtn{margin:2px 2px 8px;font-size:12px;font-weight:600;color:var(--mu)}
.rap-exp{margin-top:18px;width:100%;padding:13px;border-radius:var(--r1);background:var(--inb);font-weight:800;font-size:13.5px;color:var(--pr)}
.rap-empty{padding:18px;text-align:center;color:var(--mu);font-size:13px;font-weight:600}
#pgRap{--rap-bar:linear-gradient(135deg,var(--pr2),var(--pr))}
.g-ventes{--g1:color-mix(in srgb,var(--pr) 68%,#fff);--g2:var(--pr2);--gc:var(--pr);--gb:var(--inb)}
.g-stock{--g1:#FDB45B;--g2:#EA580C;--gc:var(--wa);--gb:var(--wab)}
.g-fin{--g1:#3FD68A;--g2:#15A34A;--gc:var(--ok);--gb:var(--okb)}
.g-part{--g1:#B98BFB;--g2:#7E22CE;--gc:var(--pu);--gb:var(--pub)}
.g-oth{--g1:#8B93FA;--g2:#4F46E5;--gc:#6366F1;--gb:var(--inb)}
.rap-per{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);color:#fff;font:800 13px system-ui,sans-serif;flex:none;white-space:nowrap}
.nfg .rap-per>*+*{margin-left:7px}
.rap-per svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rap-per .pc{width:14px;height:14px;stroke-width:2.4}
.rap-fvb{display:none;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.16);color:#fff;font-size:22px;line-height:1;flex:none;place-items:center}
.rap-fvb.on{color:#FDE047}
#pgRap.rd .rap-per{display:none}
#pgRap.rd .rap-fvb{display:grid}
.rap-sr{display:flex;align-items:center;gap:8px;margin:2px 0 6px}
.nfg .rap-sr>*+*{margin-left:8px}
.rap-st{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;letter-spacing:-.3px;margin:20px 2px 12px}
.nfg .rap-st>*+*{margin-left:8px}
.rap-st .rs{color:var(--wa);font-size:19px;line-height:1}
.rap-ti{width:44px;height:44px;border-radius:var(--r1);background:linear-gradient(140deg,var(--g1),var(--g2));display:grid;place-items:center;flex:none;line-height:0;box-shadow:0 8px 16px -8px var(--g2)}
.rap-ti svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rap-ti.sm{width:36px;height:36px;box-shadow:none;border-radius:11px}
.rap-ti.sm svg{width:18px;height:18px}
.rap-chv{width:16px;height:16px;stroke:var(--mu2);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s}
.rap-fg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rap-fc{position:relative;display:flex;align-items:center;gap:9px;min-width:0;text-align:left;padding:12px 22px 12px 11px;background:var(--card);border:1px solid var(--bd);border:1px solid color-mix(in srgb,var(--bd) 65%,transparent);border-radius:var(--r2);box-shadow:var(--sh);color:var(--tx)}
.nfg .rap-fc>*+*{margin-left:9px}
.rap-fc .rap-ti{width:42px;height:42px}
.rap-fc .rap-chv{position:absolute;right:6px;top:50%;margin-top:-8px}
.rap-fx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.nfg .rap-fx>*+*{margin-top:2px}
.rap-fx small{font-size:11.5px;font-weight:700;color:var(--tx);line-height:1.2}
.rap-fx b{font-size:17px;font-weight:800;letter-spacing:-.5px;color:var(--gc);line-height:1.15;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px}
.rap-fx b i{font-style:normal;font-size:10.5px;font-weight:800;opacity:.85}
.rap-tr{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;margin-top:1px}
.nfg .rap-tr>*+*{margin-left:3px}
.rap-tr svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rap-tr.up{color:var(--ok)}
.rap-tr.dn{color:var(--ko)}
.rap-tr.m0{color:var(--mu)}
.rap-cat{background:var(--card);border:1px solid var(--bd);border:1px solid color-mix(in srgb,var(--bd) 65%,transparent);border-radius:var(--r2);box-shadow:var(--sh);margin-bottom:10px;overflow:hidden}
.rap-ch{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;text-align:left;color:var(--tx)}
.nfg .rap-ch>*+*{margin-left:12px}
.rap-ct{flex:1;min-width:0}
.rap-ct b{display:block;font-size:14.5px;font-weight:800;letter-spacing:-.15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rap-ct span{display:block;font-size:12px;color:var(--mu);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rap-cn{min-width:34px;height:34px;padding:0 6px;border-radius:17px;background:var(--gb);color:var(--gc);display:grid;place-items:center;font-size:14px;font-weight:800;flex:none}
.rap-cat.open>.rap-ch .rap-chv{transform:rotate(90deg)}
.rap-cb{padding:2px 10px 8px}
.rap-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0 8px}
.rap-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 4px;border-radius:12px;background:var(--bg2);color:var(--mu);font-size:11.5px;font-weight:800;min-width:0}
.nfg .rap-tabs button>*+*{margin-left:6px}
.rap-tabs button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rap-tabs button.on{background:var(--pr);color:#fff;box-shadow:0 6px 14px -6px rgba(37,99,235,0.60);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--pr) 60%,transparent)}
.rap-it2{display:flex;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid var(--bd);cursor:pointer;min-width:0;-webkit-user-select:none;user-select:none}
.nfg .rap-it2>*+*{margin-left:10px}
.rap-it2:active{background:rgba(37,99,235,0.06);background:color-mix(in srgb,var(--pr) 6%,transparent)}
.rap-it2 .rap-ct b{font-size:13.5px;font-weight:700}
.rap-it2 .rap-ct span{font-size:11px;margin-top:1px}
.rap-xb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:32px;height:34px;border-radius:8px;color:#fff;flex:none;line-height:1}
.nfg .rap-xb>*+*{margin-top:1px}
.rap-xb svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rap-xb i{font-style:normal;font-size:7.5px;font-weight:800;letter-spacing:.2px}
.rap-xb.x{background:#16A34A}
.rap-xb.p{background:#EF4444}
.rap-it2 .rap-chv{width:14px;height:14px}
.rap-cust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 14px}
.rap-cust label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--mu)}
.nfg .rap-cust label>*+*{margin-top:6px}
.rap-cust input{border:1.5px solid var(--bd);border-radius:10px;background:var(--bg2);color:var(--tx);font:700 15px system-ui,sans-serif;padding:11px 12px;outline:0;min-width:0;width:100%}
.rs-hero{padding:18px 18px 14px}
.rs-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rs-chip{font-size:11px;font-weight:800;padding:3px 9px;border-radius:12px;background:rgba(255,255,255,.2);color:#fff;white-space:nowrap}
.rs-kp{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.22)}
.rs-kp div{min-width:0}
.rs-kp div+div{padding-left:12px;border-left:1px solid rgba(255,255,255,.22)}
.rs-kp span{display:block;font-size:11px;font-weight:600;opacity:.85}
.rs-kp b{display:block;font-size:15px;font-weight:800;margin-top:3px;letter-spacing:-.3px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-mg{height:5px;border-radius:3px;background:rgba(255,255,255,.22);margin-top:14px;overflow:hidden}
.rs-mg u{display:block;height:100%;background:#fff;border-radius:3px;text-decoration:none}
.rs-mgt{font-size:11px;font-weight:700;opacity:.9;margin-top:5px}
.rs-card{margin-top:14px;padding:14px 14px 10px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r3);box-shadow:var(--sh)}
.rs-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.rs-h b{font-size:14.5px;font-weight:800;letter-spacing:-.2px}
.rs-h span{font-size:12px;font-weight:700;color:var(--mu)}
.rs-h a{font-size:12px;font-weight:800;color:var(--pr);cursor:pointer}
.rs-card .rap-bars{height:120px}
.rs-card .rap-bars i{opacity:.45}
.rs-card .rap-bars .now i{opacity:1}
.rs-card .rap-bars .now{color:var(--tx)}
.rs-tp{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--bd)}
.rs-tp:first-of-type{border-top:0}
.rs-tp em{font-style:normal;width:24px;height:24px;border-radius:12px;background:var(--inb);color:var(--pr);display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.rs-tp .m{flex:1;min-width:0}
.rs-tp .m b{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-tp .m span{font-size:11px;color:var(--mu)}
.rs-tp strong{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.rs-sit{padding-bottom:4px}
.rs-bk{padding:10px 0 8px;border-top:1px solid var(--bd);cursor:pointer}
.rs-sit .rs-h+.rs-bk{border-top:0}
.rs-bt{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.rs-bt b{flex:1;font-size:13.5px;font-weight:800}
.rs-ln{display:flex;justify-content:space-between;gap:10px;padding:5px 0 5px 46px;font-size:12.5px;color:var(--mu);font-weight:600}
.rs-ln b{color:var(--tx);font-weight:800;font-variant-numeric:tabular-nums;text-align:right}
.rs-ln b.ok{color:var(--ok)}
.rs-ln b.ko{color:var(--ko)}
#rapPrint{display:none}
@media print{
body.rap-printing>*{display:none!important}
body.rap-printing>#rapPrint{display:block!important;position:static;padding:16px;background:#fff;color:#0E1626;color-scheme:light;--bg:#fff;--card:#fff;--bg2:#F3F5FA;--tx:#0E1626;--mu:#6B7A90;--mu2:#94A3B8;--bd:#E2E8F0;--sh:none;--sh2:none;--pr:#2563EB;--ok:#16A34A;--ko:#EF4444;--wa:#F59E0B;--okb:#E9F8EF;--kob:#FDEDED;--wab:#FEF4E4;--inb:#EAF1FE}
body.rap-printing>#pgDoc{display:none!important}
#rapPrint h2{font-size:18px;margin-bottom:4px}
#rapPrint p{font-size:12px;color:#6B7A90;margin-bottom:12px}
#rapPrint .rap-hero{background:#EAF1FE!important;color:#0E1626!important}
#rapPrint .rap-hero .amt{color:#1D4ED8}

}
body[data-th] .hero,body[data-th] .rap-hero{border-radius:calc(var(--r3) + 4px)}

@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}

}
.reg-actionbar{position:fixed;
  left:12px;right:12px;
  bottom:calc(12px + env(safe-area-inset-bottom,0px));
  max-width:456px;margin:0 auto;
  display:none;
  grid-template-columns:1fr auto 1fr;
  align-items:center;gap:12px;
  z-index:15;pointer-events:none;}
.reg-actionbar > *{pointer-events:auto}
body.pos-active .reg-actionbar,
body.pg-open .reg-actionbar{display:none!important}
.reg-actionbar button{height:56px;border-radius:28px;
  font:800 14.5px system-ui,sans-serif;
  color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 14px 26px -10px rgba(15,23,42,.35);
  transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .2s;
  border:0;padding:0 18px;line-height:1;}
.nfg .reg-actionbar button>*+*{margin-left:8px}
.reg-actionbar button:active{transform:scale(.96)}
.reg-actionbar button svg{width:20px;height:20px;stroke:currentColor;fill:none;
  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.reg-actionbar .reg-encaisser{background:linear-gradient(140deg,#22C55E,#16A34A)}
.reg-actionbar .reg-vendre{background:linear-gradient(140deg,#22C55E,#16A34A)}
.reg-actionbar .reg-entree{background:linear-gradient(140deg,#F43F5E,#DC2626)}
.reg-actionbar .reg-sortie{background:linear-gradient(140deg,#22C55E,#16A34A)}
.reg-actionbar .reg-fab{width:64px;height:64px;border-radius:50%;
  background:var(--card);color:var(--pr);
  border:2px solid var(--pr);
  display:grid;place-items:center;flex:none;padding:0;
  box-shadow:0 14px 26px -12px rgba(15,23,42,.4);}
.reg-actionbar .reg-fab svg{width:28px;height:28px;stroke:var(--pr);stroke-width:2.4}
.om-picker{display:flex;flex-direction:column;gap:10px}
.nfg .om-picker>*+*{margin-top:10px}
.om-opt{display:flex;align-items:center;gap:14px;width:100%;padding:14px;
  background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--r2);
  text-align:left;color:var(--tx);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .15s,background .15s;}
.nfg .om-opt>*+*{margin-left:14px}
.om-opt:active{transform:scale(.98)}
.om-opt.sel{border-color:var(--pr);background:var(--inb)}
.om-logo{width:46px;height:46px;border-radius:12px;flex:none;display:block;
  box-shadow:0 6px 14px -6px rgba(15,23,42,.25);}
.om-opt > div{flex:1;min-width:0}
.om-opt b{display:block;font-size:15px;font-weight:800;letter-spacing:-.2px;color:var(--tx)}
.om-opt small{display:block;font-size:12.5px;color:var(--mu);font-weight:500;margin-top:2px}
.om-opt em{font-style:normal;font-size:20px;color:var(--mu);line-height:1;flex:none}
.om-opt.sel em{color:var(--pr);font-weight:800}
nav{position:fixed;
  left:12px;
  right:12px;
  bottom:calc(10px + env(safe-area-inset-bottom,0px));
  max-width:456px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:end;
  padding:8px 6px;
  z-index:15;
  background:var(--card);background:color-mix(in srgb,var(--card) 96%,transparent);

  border:1px solid var(--bd);border:1px solid color-mix(in srgb,var(--bd) 60%,transparent);
  border-radius:28px;
  box-shadow:var(--sh2);}
nav button{color:var(--mu);
  font-size:10.5px;
  font-weight:700;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  flex:1;
  padding:2px 0;
  line-height:1;
  background:none;
  border:0;}
nav button svg{width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s;}
nav button:active svg{transform:scale(.88)}
nav .fab{flex:1;
  display:grid;
  place-items:center;}
nav .fab button{
  border-radius:50%;
  margin-top:-34px;
  flex:none;
  color:#fff;
  display:grid;
  place-items:center;
  line-height:0;
  position:relative;
  padding:0;
}
nav .fab button svg{
  width:28px;
  height:28px;
  stroke:#fff;
  stroke-width:2.6;
  stroke-linecap:round;
  fill:none;
  background:none;
  padding:0;
}
body{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
.pos-favs-label{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:7px 16px}
.nfg .pos-favs-label>*+*{margin-left:6px}
.pos-favs-label svg{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:2.4;transform:rotate(-90deg);transition:transform .15s}
.pos-favs-label.open svg{transform:none}
.pos-favs{display:none}
.pos-favs.open{display:flex;gap:6px;padding:0 16px 8px;overflow-x:auto}
.nfg .pos-favs.open>*+*{margin-left:6px}
.fav{width:auto;flex-direction:row;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:12px}
.fav .img{width:28px;height:28px;aspect-ratio:1;border-radius:8px;flex:none}
.fav .nm,.fav .pr{white-space:nowrap;font-size:10.5px;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.dc{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;max-width:480px;margin:0 auto;background:var(--bg);display:flex;flex-direction:column}
.dc-v{display:none;flex-direction:column;flex:1;min-height:0}
.dc-v.on{display:flex}
.dc-h{display:flex;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 10px}
.nfg .dc-h>*+*{margin-left:8px}
.dc-h b{flex:1;font-size:18px;font-weight:800;letter-spacing:-.3px}
.dc-b{width:42px;height:42px;border-radius:var(--r1);background:var(--bg2);display:grid;place-items:center;flex:none;line-height:0}
.dc-b svg{width:20px;height:20px;stroke:var(--tx);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dc-tabs{display:flex;gap:6px;padding:0 14px 8px;overflow-x:auto;flex:none}
.nfg .dc-tabs>*+*{margin-left:6px}
.dc-tabs button{padding:7px 14px;border-radius:18px;font-weight:700;font-size:12.5px;color:var(--mu);background:var(--bg2);flex:none}
.dc-tabs button.on{background:var(--tx);color:var(--bg)}
.dc-list{flex:1;overflow-y:auto;padding:0 14px 96px}
.dc-day{font-size:11px;font-weight:800;color:var(--mu2);text-transform:uppercase;letter-spacing:.6px;margin:14px 2px 6px}
.dc-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card);border-radius:var(--r2);margin-bottom:8px;width:100%;text-align:left}
.nfg .dc-row>*+*{margin-left:12px}
.dc-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}
.gt{position:relative;overflow:hidden;color:#fff!important;box-shadow:0 8px 16px -8px rgba(15,23,42,.45)}
.gt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.35),transparent 58%);pointer-events:none}
.gt svg{position:relative;z-index:1;stroke:#fff!important}
.dc-ic svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dc-m{flex:1;min-width:0}
.dc-m b{display:block;font-size:14px;font-weight:700}
.dc-m span{font-size:11.5px;color:var(--mu)}
.dc-r{text-align:right;flex:none}
.dc-r b{display:block;font-size:14px;font-weight:800}
.dc-r span{font-size:11.5px;color:var(--mu)}
.dc-fab{position:absolute;right:18px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:var(--pr);display:grid;place-items:center;box-shadow:var(--sh2);line-height:0}
.dc-fab svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round}
.dc-card{margin:0 14px 10px;background:var(--card);padding:2px 14px;flex:none}
.dc-ch{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;font-weight:800;font-size:13.5px;text-align:left}
.dc-ch svg{width:11px;height:11px;stroke:var(--mu);fill:none;stroke-width:2.4;transition:transform .15s}
.dc-card.shut .dc-ch svg{transform:rotate(-90deg)}
.dc-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--bd2);font-size:12.5px;color:var(--mu);font-weight:600}
.nfg .dc-f>*+*{margin-left:10px}
.dc-card.shut .dc-f{display:none}
.dc-f input,.dc-f select{background:none;border:0;outline:0;text-align:right;font:700 14px system-ui,sans-serif;color:var(--tx);min-width:0;max-width:62%}
.dc-lines{flex:1;overflow-y:auto;padding:0 14px 96px}
.dc-empty{text-align:center;color:var(--mu2);padding:44px 0;font-weight:600;font-size:13.5px}
.dc-empty svg{width:44px;height:44px;margin:0 auto 10px;stroke:var(--mu2);fill:none;stroke-width:1.9}
.dc-foot{display:flex;align-items:center;gap:12px;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg);flex:none}
.nfg .dc-foot>*+*{margin-left:12px}
.dc-foot .t{flex:none}
.dc-foot .t small{display:block;font-size:10.5px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.5px}
.dc-foot .t b{font-size:19px;font-weight:800}
.dc-go{flex:1;height:50px;border-radius:var(--r2);background:var(--c,var(--pr));color:#fff;font-weight:800;font-size:14px}
.dc-addbtn{position:absolute;right:18px;bottom:calc(78px + env(safe-area-inset-bottom,0px));width:50px;height:50px;border-radius:50%;background:var(--card);box-shadow:var(--sh2);display:grid;place-items:center;line-height:0}
.dc-addbtn svg{width:22px;height:22px;stroke:var(--pr);fill:none;stroke-width:2.4;stroke-linecap:round}
.dc-dlg{position:fixed;top:0;right:0;left:0;inset:0;background:rgba(0,0,0,.4);display:none;align-items:flex-end;justify-content:center;z-index:60}
.dc-dlg.on{display:flex}
.dc-dc{width:100%;max-width:480px;background:var(--card);border-radius:24px 24px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px))}
.dc-dc h4{font-size:16px;font-weight:800}
.dc-dc .sub{font-size:12px;color:var(--mu);margin:2px 0 14px}
.dc-step{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.nfg .dc-step>*+*{margin-left:8px}
.dc-step label{flex:1;font-size:12.5px;font-weight:700;color:var(--mu)}
.dc-step button{width:38px;height:38px;border-radius:12px;background:var(--bg2);font-size:20px;font-weight:700}
.dc-step input{width:92px;height:38px;border-radius:12px;background:var(--bg2);border:0;outline:0;text-align:center;font:800 15px system-ui,sans-serif;color:var(--tx)}
.dc-mt{display:flex;justify-content:space-between;padding:10px 0 14px;font-weight:700;color:var(--mu);font-size:13px}
.dc-mt b{color:var(--tx);font-size:16px}
.dc-act{display:flex;gap:8px}
.nfg .dc-act>*+*{margin-left:8px}
.dc-act button{flex:1;height:46px;border-radius:14px;font-weight:800;background:var(--bg2)}
.dc-act .ok{background:var(--pr);color:#fff;flex:1.4}
.dc-act .del{color:var(--ko);flex:.8}
.dc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.nfg .dc-t>*+*{margin-top:4px}
.dc-t b{font-size:19px;font-weight:800;letter-spacing:-.3px}

@keyframes dcSl{from{opacity:0;transform:translateX(16px)}}
.dc-sel{display:none;align-items:center;gap:8px;margin:0 14px 8px;padding:8px 12px;background:var(--inb);color:var(--pr);border-radius:var(--r1);font-weight:700;font-size:13px;flex:none}
.dc-sel.on{display:flex}
.dc-sel span{flex:1}
.dc-sel button{font-weight:800;color:var(--pr);padding:4px 8px}
.dc-row.sel{outline:2px solid var(--pr)}
.dc-pop{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:70;display:none}
.dc-pop.on{display:block}
.dc-pop .m{position:absolute;right:12px;min-width:236px;background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh2);animation:dcIn .16s var(--ease)}
@keyframes dcIn{from{opacity:0;transform:translateY(-6px) scale(.98)}}
.dc-pop .m button{display:flex;gap:12px;align-items:center;width:100%;padding:12px;border-radius:12px;font-weight:600;font-size:14px;text-align:left;color:var(--tx)}
.nfg .dc-pop .m button>*+*{margin-left:12px}
.dc-pop .m button:active{background:var(--bg2)}
.dc-pop .m svg{width:20px;height:20px;stroke:var(--pr);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dc-pop .m hr{border:0;border-top:1px solid var(--bd2);margin:4px 6px}
.dc-ro .dc-addbtn{display:none}
.dc-tm{font-size:10.5px;color:var(--mu2);font-weight:600}
.reg-actionbar-mos{display:none!important}
@media print{
body>*{display:none!important}
body>#pgDoc{display:block!important;position:static!important;visibility:visible!important;opacity:1!important}
.dc{position:static}
.dc-h,.dc-addbtn,.dc-foot .dc-go,#dcList,#dcPick{display:none!important}
.dc-v.on{display:block}
.dc-lines{overflow:visible}

}
.mq{display:none;align-items:center;gap:8px;padding:0 16px 10px;flex:none}
.mq.on{display:flex}
.dc-chips{display:flex;gap:6px;padding:0 16px 8px;overflow-x:auto;flex:none}
.nfg .dc-chips>*+*{margin-left:6px}
.dc-chips button{flex:none;padding:7px 14px;border-radius:18px;background:var(--bg2);color:var(--mu);font-weight:700;font-size:12.5px}
.dc-chips button.on{background:var(--tx);color:var(--bg)}
.dc-pop .m{border-radius:22px;padding:8px}
.pg-march .mrow.swiped-left .mrow-inner{transform:translateX(-300px)}
.ctx{padding:6px}
.ctx button{border-bottom:0;border-radius:14px;padding:9px 10px}
.ctx button .ci{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.ctx button .ci svg{width:17px;height:17px;stroke:#fff}
.ctx hr{margin:4px 8px}
.pcell.sel{outline:2px solid var(--pr);outline-offset:-2px;background:var(--inb)}

.pos-grid[data-v="table"] .pcell .info{min-width:0;flex:1}
.pos-grid[data-v="table"] .pcell .nm{-webkit-line-clamp:2;line-clamp:2}
.pos-grid[data-v="table"] .pcell .pr{white-space:nowrap}
.pos-grid[data-v="table"] .pcell .stock-badge{position:absolute;top:3px;right:5px;margin:0;font-size:7.5px;padding:1px 5px}
.pcell,.mrow,.fav{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mrow.sel .mrow-inner{box-shadow:inset 0 0 0 2px var(--pr);background:var(--inb)}
.ctx{transform:none!important;transition:opacity .15s;min-width:250px}
.ctx button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;text-align:left}
.ctx button>svg{justify-self:center}
.ctx button .ci{justify-self:center}
.pg:not(.on){content-visibility:hidden}

.dc-v.on{animation:none}
body.pg-open main.sm2,body.pg-open .v-horizon{content-visibility:hidden}
.rv{animation:none!important}
.pg-march .mrow{content-visibility:auto;contain-intrinsic-size:auto 78px}
.dc-docb{position:relative}
.dc-bd{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--ok);color:#fff;font:800 10.5px system-ui,sans-serif;display:none;place-items:center;padding:0 5px;font-style:normal}
.dc-top{display:grid;grid-template-columns:1fr auto 52px;align-items:end;gap:14px;padding:6px 0 10px}
.dc-top label{display:flex;flex-direction:column;gap:3px;min-width:0}
.nfg .dc-top label>*+*{margin-top:3px}
.dc-top small{font-size:11px;font-weight:700;color:var(--mu)}
.dc-top input{text-align:left;max-width:100%;font-size:14.5px}
.dc-top b{font-size:14.5px;padding:2px 0;font-weight:700}
.dc-payb{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;line-height:0;box-shadow:var(--sh)}
.dc-payb svg{width:25px;height:25px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dc-note{font-size:11.5px;font-weight:700;color:var(--wa);padding:0 0 8px}
.dc-att{position:relative;width:38px;height:38px;border-radius:12px;background:var(--inb);display:grid;place-items:center;line-height:0;flex:none}
.dc-att svg{width:19px;height:19px;stroke:var(--pr);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dc-att i{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:9px;background:var(--pr);color:#fff;font:800 10px system-ui,sans-serif;display:grid;place-items:center;font-style:normal}
.dc-f .dc-att+input,.dc-f input+.dc-att{margin-left:6px}
.dc-sd{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(0,0,0,.4);z-index:65;display:none}
.dc-sd.on{display:block}
.dc-sd .sd{position:absolute;right:16px;display:flex;flex-direction:column;gap:14px;align-items:flex-end;animation:dcIn .16s var(--ease)}
.nfg .dc-sd .sd>*+*{margin-top:14px}
.dc-sd .sd button{display:flex;align-items:center;gap:12px}
.nfg .dc-sd .sd button>*+*{margin-left:12px}
.dc-sd .lb{background:var(--card);color:var(--tx);padding:8px 14px;border-radius:12px;font-weight:700;font-size:14px;box-shadow:var(--sh2)}
.dc-sd .sq{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;box-shadow:var(--sh2);line-height:0}
.dc-sd .sq svg{width:25px;height:25px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dc-atts{display:flex;justify-content:space-around;padding:6px 0 4px}
.dc-atts label{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--mu)}
.nfg .dc-atts label>*+*{margin-top:6px}
.dc-atts .r{width:56px;height:56px;border-radius:50%;background:var(--pr);display:grid;place-items:center;line-height:0}
.dc-atts .r svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dc-pi{display:inline-grid;vertical-align:-3px;margin-left:4px;line-height:0}
.dc-pi svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pcell,.mrow-inner,.dc-row{touch-action:pan-y}
.pt-sum{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 14px 10px;flex:none}
.pt-sum>div{background:var(--card);border-radius:var(--r2);padding:12px 14px;box-shadow:var(--sh)}
.pt-sum small{display:block;font-size:11px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.4px}
.pt-sum b{font-size:18px;font-weight:800}
.pos-grid[data-v="table"]{gap:6px}
.pos-grid[data-v="table"] .pcell{padding:4px 10px 4px 4px;min-height:0;gap:6px;border-radius:12px;content-visibility:auto;contain-intrinsic-size:auto 38px}
.pos-grid[data-v="table"] .pcell .thumb{width:28px;height:28px;border-radius:8px}
.pos-grid[data-v="table"] .pcell .thumb svg{width:16px;height:16px}
.pos-grid[data-v="table"] .pcell .nm{font-size:10.5px;line-height:1.15}
.pos-grid[data-v="table"] .pcell .pr{font-size:10.5px}
.pos-grid{grid-auto-rows:max-content}

.pos-grid[data-v="table"] .pcell .info{min-height:24px;display:flex;align-items:center}
html,body{overflow-x:hidden}
html{overscroll-behavior-y:none}
button,a,.q,.k,.card,.a,.mi,.opt,.mrow,.pcell,nav button,[onclick]{touch-action:manipulation}
.rap-scroll,.mscroll,.sbody,.dc-list,.pos-grid,.pos-cart-list,.dr,.sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dr{will-change:transform}

.sheet{will-change:transform}

@keyframes pgIn{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}
button,.q,.k,.a,.mi,.opt{transition:transform .1s,background-color .15s,opacity .15s}
.a:active,.mi:active,.opt:active{background:var(--bg2)}
.rap-it{-webkit-user-select:none;user-select:none}
@media(hover:none){
button:hover{filter:none}

}
.pg-pos .pos-top{position:relative;top:0;flex:none;margin:0 0 12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 8px;z-index:3}
.pg-pos .pos-top .brandwrap b{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.2}
.ib .sdot{position:absolute;top:5px;right:5px;width:10px;height:10px;border-radius:50%;background:var(--ok);border:2px solid var(--card)}
.ib.off .sdot,.ib.pend .sdot{background:var(--wa)}
.ib.err .sdot{background:var(--ko)}
.ib.spin svg{animation:amsSpin .8s linear infinite}
@keyframes amsSpin{to{transform:rotate(360deg)}}
.pg-pos .pos-search-top{flex:none;margin:0 16px 12px}
.pg-pos .pos-search-top .sbar{--sb-h:52px;padding-left:14px;gap:6px;box-shadow:var(--sh2)}
.pg.pg-pos{transition:none}
.pg-pos .pos-top .storepill{font-size:11px;line-height:1.3}
.pg-pos .fav{border:0;border-radius:16px;box-shadow:var(--sh)}
.pg-pos .pos-main{border-top:0;padding-top:8px}
.pg-pos .pos-cat{border-right:0}
.pg-pos .pos-cart{background:transparent}

.pg-pos .pos-cat-head b{letter-spacing:-.2px;text-transform:none;color:var(--tx)}

.pg-pos .pos-cats{padding:2px 12px 10px}
.pg-pos .pos-favs-label,.pg-pos .pos-favs{display:none !important}
.pg-pos .pos-cats button{padding:7px 12px;font-size:11px;background:var(--bg2);border-color:transparent;border-radius:20px}
.pg-pos .pos-cats button.on{background:var(--pr);color:#fff;box-shadow:0 6px 12px -6px rgba(37,99,235,0.70);box-shadow:0 6px 12px -6px color-mix(in srgb,var(--pr) 70%,transparent)}
.pg-pos .pos-grid{padding:0 10px 16px 8px}
.pg-pos .pcell{border:0;background:var(--card);box-shadow:var(--sh)}
.pg-pos .pcell:active{transform:scale(.98)}
.pg-pos .pcell .thumb{background:var(--bg2);border-radius:12px}

.pg-pos .pcell .pr{color:var(--ok)}
.pg-pos .pcell .add{width:28px;height:28px;flex:none;border-radius:50%;background:var(--inb);color:var(--pr);display:grid;place-items:center;line-height:0}
.pcell .add svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round}

.pg-pos .pos-grid[data-v="large"] .pcell .thumb{height:62px}
.pg-pos .pos-grid[data-v="large"] .pcell .cat{display:none}
.pg-pos .pos-grid[data-v="table"] .pcell{border-radius:14px}
.pg-pos .pos-grid[data-v="table"] .pcell .thumb{width:38px;height:38px}
.pg-pos .pos-grid[data-v="table"] .pcell .add{width:24px;height:24px}
.pg-pos .pos-grid[data-v="grid"] .pcell .add,.pg-pos .pos-grid[data-v="small"] .pcell .add{position:absolute;right:8px;bottom:8px;width:24px;height:24px}
.pg-pos .pos-grid[data-v="grid"] .pcell .pr,.pg-pos .pos-grid[data-v="small"] .pcell .pr{padding-right:28px}
.pg-pos .pos-client{display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center;margin:0 8px 8px 0;padding:8px 10px;background:var(--card);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh)}
.pos-client .cav{grid-row:1/3;width:34px;height:34px;padding:7px;border-radius:50%;background:var(--inb);stroke:var(--pr);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pg-pos .pos-client .label{grid-column:2;font-size:10px;font-weight:600;letter-spacing:0;line-height:1;color:var(--mu)}
.pg-pos .pos-client button{grid-column:2;flex:none;background:none;padding:3px 0 0;justify-content:space-between;font-size:12px;color:var(--tx)}
.pos-cart-head{flex:none;display:flex;align-items:center;gap:6px;margin-right:8px;padding:10px 12px;background:var(--card);border:1px solid var(--bd);border-bottom-color:var(--bd);border-radius:16px 16px 0 0;font-size:14px;color:var(--tx)}
.nfg .pos-cart-head>*+*{margin-left:6px}
.pos-cart-head svg{width:20px;height:20px;stroke:var(--pr);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pos-cart-head small{font-size:12px;font-weight:600;color:var(--mu)}
.pg-pos .pos-cart-list{margin:0 8px 8px 0;padding:2px 10px;background:var(--card);border:1px solid var(--bd);border-top:0;border-radius:0 0 16px 16px}
.pg-pos .ci{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid var(--bd)}
.ci .cth .thumb{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;overflow:hidden;color:var(--pr)}
.ci .cth .thumb img{width:100%;height:100%;object-fit:cover}
.ci .cth .thumb svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ci .cmid{min-width:0}
.ci .cmid b{display:block;font-size:11.5px;font-weight:700;color:var(--tx);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci .up{display:block;margin:1px 0 5px;font-size:13px;font-weight:800;color:var(--ok);white-space:nowrap}
.ci .cq{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:190px}
.nfg .ci .cq>*+*{margin-left:10px}
.ci .cq i{font-style:normal;flex:1;min-width:48px;height:26px;display:grid;place-items:center;border-radius:13px;background:var(--bg2);font-size:13px;font-weight:800;color:var(--tx);cursor:pointer}
.pg-pos .ci .qbtn,.pg-pos .ci .qbtn.minus,.pg-pos .ci .qbtn.plus{border-radius:50%;background:var(--inb)}
.pg-pos .ci .qbtn svg,.pg-pos .ci .qbtn.minus svg,.pg-pos .ci .qbtn.plus svg{stroke:var(--pr)}
.ci .cend{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}
.nfg .ci .cend>*+*{margin-top:8px}
.ci .del{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--kob);line-height:0}
.ci .del svg{width:13px;height:13px;stroke:var(--ko);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ci .cend .lt{font-size:11px;font-weight:800;color:var(--tx);white-space:nowrap}
.pg-pos .ci{grid-template-columns:46px minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:center}
.pg-pos .ci .cmid,.pg-pos .ci .cend{display:contents}
.pg-pos .ci .cth{grid-area:th;align-self:start}
.pg-pos .ci .cmid b{grid-area:nm;min-width:0;align-self:end}
.pg-pos .ci .up{grid-area:up;margin:0;font-size:12.5px;min-width:0;align-self:start;white-space:nowrap}
.pg-pos .ci .del{grid-area:dl;justify-self:end}
.pg-pos .ci .cend .lt{grid-area:lt;align-self:center}
.pg-pos .ci .cq{grid-area:q;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:none;margin-top:8px;gap:12px}
.pg-pos .ci .cq i{flex:1;min-width:0;height:34px;border-radius:17px;font-size:15px}
.pg-pos .ci .qbtn,.pg-pos .ci .qbtn.minus,.pg-pos .ci .qbtn.plus{width:34px;height:34px;flex:none}
.pg-pos .ci .qbtn svg,.pg-pos .ci .qbtn.minus svg,.pg-pos .ci .qbtn.plus svg{width:14px;height:14px}
.pg-pos .ci .qbtn.minus{background:var(--kob)}
.pg-pos .ci .qbtn.minus svg{stroke:var(--ko)}
.pg-pos .ci{grid-template-areas:"th nm dl" "th up up" "th lt lt" "q q q"}
.pg-pos .ci .cend .lt{justify-self:start;font-size:13px}

.pg-pos .pos-cart-head .ch-hist{margin-left:auto;flex:none;width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--inb);border:0;line-height:0}
.pg-pos .pos-cart-head .ch-hist svg{width:17px;height:17px;stroke:var(--pr)}
.pg-pos .pos-sub #posDisc{white-space:nowrap;font-size:12px;padding:0 6px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pg-pos .pos-total{margin:0 8px 8px 0;background:var(--card);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh)}
.pg-pos .pos-sub{flex-direction:column;align-items:stretch;gap:5px;font-size:12px;font-weight:600;color:var(--mu)}
.pg-pos .pos-sub>span{justify-content:space-between;width:100%}
.pg-pos .pos-sub b{font-weight:700;color:var(--tx)}
.pg-pos .pos-sub button{border-radius:10px;background:var(--inb);}
.pg-pos .pos-total .block{flex-direction:row;padding-top:8px}
.pg-pos .pos-total .lbl{font-weight:800;text-transform:none;letter-spacing:-.2px;color:var(--tx)}
.pg-pos .pos-total .amt{color:var(--ok);word-break:normal}
.pg-pos .pos-total .row-m{padding-top:0;border-top:0}
.pg-pos .pos-total .mg{font-size:12.5px;font-weight:700}
.pg-pos .pos-bottom{padding:6px 10px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:0;box-shadow:none}

.pg-pos .pos-pay button{height:54px;border-radius:14px;gap:4px;font-size:11px;font-weight:700;letter-spacing:0;box-shadow:0 8px 14px -8px rgba(15,23,42,.45)}
.pg-pos .pos-pay .p1{background:linear-gradient(160deg,rgb(80,186,119),var(--ok));background:linear-gradient(160deg,color-mix(in srgb,var(--ok) 75%,#fff),var(--ok))}
.pg-pos .pos-pay .p2{background:linear-gradient(160deg,rgb(92,138,240),var(--pr));background:linear-gradient(160deg,color-mix(in srgb,var(--pr) 75%,#fff),var(--pr))}
.pg-pos .pos-pay .p3{background:linear-gradient(160deg,rgb(248,182,72),var(--wa));background:linear-gradient(160deg,color-mix(in srgb,var(--wa) 75%,#fff),var(--wa))}

.pg-pos .pos-pay button[data-k]:not(.sel){opacity:.8}
.pg-pos .pos-pay{display:flex;gap:8px;align-items:stretch}
.nfg .pg-pos .pos-pay>*+*{margin-left:8px}
.pos-mode{position:relative;flex:1;min-width:0}
#posModeLbl{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap}
.nfg #posModeLbl>*+*{margin-left:6px}
#posModeLbl svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pos-menu{display:none;position:absolute;left:0;bottom:calc(100% + 8px);min-width:100%;flex-direction:column;padding:4px;z-index:30;background:var(--card);border:1px solid var(--bd);border-radius:14px;box-shadow:0 12px 28px -10px rgba(15,23,42,.35)}
.pos-mode.open .pos-menu{display:flex}
.pg-pos .pos-pay .pos-menu button,.pg-pos .pos-pay .pos-menu button[data-k]:not(.sel){width:100%;height:40px;flex-direction:row;justify-content:flex-start;gap:8px;padding:0 10px;border-radius:10px;background:none;color:var(--tx);box-shadow:none;transform:none;opacity:1;font-size:12px;font-weight:600;white-space:nowrap}
.pg-pos .pos-pay .pos-menu button.sel{background:var(--inb);color:var(--pr);box-shadow:none;transform:none}
.pos-menu button svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pg-pos .pos-pay .p4{flex-direction:row;justify-content:space-between;gap:6px;color:#fff;background:linear-gradient(160deg,rgb(80,186,119),var(--ok));background:linear-gradient(160deg,color-mix(in srgb,var(--ok) 75%,#fff),var(--ok))}
.pos-pay .p4 svg{width:22px;height:22px;flex:none;stroke:#fff;fill:none;stroke-width:2.4}
.pos-pay .p4 b{white-space:nowrap}
.pg-pos .pos-pay .p4{flex:1;height:58px;border-radius:18px;padding:0 20px;font-size:15px;font-weight:800;letter-spacing:.5px;box-shadow:0 12px 22px -10px rgba(22,163,74,0.70);box-shadow:0 12px 22px -10px color-mix(in srgb,var(--ok) 70%,transparent)}
.pg-pos .pos-pay .p4:active{transform:scale(.98)}
.pos-pay .p4 span{flex:1;text-align:left;margin-left:6px}
.pos-pay .p4 b{font-size:17px;font-weight:900}
body[data-th="horizon"] .pg-pos .pos-pay .p4{flex:1;height:44px;justify-content:space-between;padding:0 6px}
body[data-th="horizon"] .pg-pos .pos-bottom{display:none}
.pay-top{text-align:center;padding:4px 0 14px}
.pay-top small{display:block;font-size:12px;font-weight:700;color:var(--mu);letter-spacing:.4px;text-transform:uppercase}
.pay-top b{display:block;font-size:32px;font-weight:900;letter-spacing:-1px;color:var(--tx);margin-top:2px;line-height:1.1}
.pay-top b .pay-cur{font-size:14px;font-weight:800;color:var(--mu);letter-spacing:0}
.pay-top>span{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:99px;background:var(--inb);color:var(--pr);font-size:12px;font-weight:700}

.pay-t{--c:var(--pr);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;min-height:120px;padding:14px;border-radius:20px;text-align:left;color:var(--tx);background:var(--card);background:color-mix(in srgb,var(--c) 9%,var(--card));border:1.5px solid var(--bd);border:1.5px solid color-mix(in srgb,var(--c) 30%,transparent);animation:payPop .22s cubic-bezier(.2,.9,.3,1.2) both}
.nfg .pay-t>*+*{margin-top:10px}
.pay-t:nth-child(2){animation-delay:.03s}
.pay-t:nth-child(3){animation-delay:.06s}
.pay-t:nth-child(4){animation-delay:.09s}
.pay-t:active{transform:scale(.95);background:var(--card);background:color-mix(in srgb,var(--c) 18%,var(--card))}


.pay-t b{display:block;font-size:16px;font-weight:800;letter-spacing:-.2px}
.pay-t small{display:block;font-size:11.5px;font-weight:600;color:var(--mu);margin-top:1px}
@keyframes payPop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.pay-x{display:block;width:100%;height:46px;margin-top:12px;border-radius:14px;background:var(--bg2);color:var(--mu);font:800 13.5px system-ui,sans-serif}
.pay-list{max-height:42vh;overflow-y:auto}
.pay-r{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;margin-bottom:8px;border-radius:16px;background:var(--bg);border:1.5px solid var(--bd);color:var(--tx);text-align:left}
.nfg .pay-r>*+*{margin-left:12px}
.pay-r>div{flex:1;min-width:0}
.pay-r b{display:block;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pay-r small{display:block;font-size:12px;color:var(--mu);font-weight:600;margin-top:1px}
.pay-r em{font-style:normal;font-size:20px;color:var(--mu)}
.pay-r:active{background:var(--inb);border-color:var(--pr)}
.pay-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--inb);color:var(--pr);font-weight:900;font-size:15px;flex:none}
.pay-empty{padding:18px;text-align:center;color:var(--mu);font-weight:600;font-size:13px}
.pay-lbl{display:block;font-size:12px;font-weight:700;color:var(--mu);margin-bottom:6px;text-align:center}
.pay-inp{width:100%;height:60px;border:2px solid var(--bd);border-radius:18px;background:var(--bg2);color:var(--tx);font:900 26px system-ui,sans-serif;text-align:center;outline:0}
.pay-inp::-webkit-outer-spin-button,.pay-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pay-inp{-moz-appearance:textfield;appearance:textfield}
.pay-inp:focus{border-color:var(--pu);background:var(--card)}
.pay-chips{display:flex;gap:8px;margin:10px 0}
.nfg .pay-chips>*+*{margin-left:8px}
.pay-chips button{flex:1;height:40px;border-radius:12px;background:var(--inb);color:var(--pr);font:800 13px system-ui,sans-serif}
.pay-chips button:active{transform:scale(.95)}
.pay-rest{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:rgb(254,241,221);background:color-mix(in srgb,var(--wa) 14%,var(--card));font-size:13px;font-weight:700;color:var(--tx)}
.pay-rest b{font-size:17px;font-weight:900;color:var(--wa)}
.pay-rest.bad b{color:var(--ko)}
.pay-go{display:block;width:100%;height:56px;margin-top:12px;border-radius:18px;color:#fff;font:800 15px system-ui,sans-serif;background:linear-gradient(160deg,rgb(80,186,119),var(--ok));background:linear-gradient(160deg,color-mix(in srgb,var(--ok) 75%,#fff),var(--ok));box-shadow:0 12px 22px -10px rgba(22,163,74,0.70);box-shadow:0 12px 22px -10px color-mix(in srgb,var(--ok) 70%,transparent)}
.pay-go:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){
.pay-t{animation:none}

}
.pg-pos .pos-total .block{background:var(--okb);border-top:0}
.pg-pos .pos-total{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px}
.pg-pos .pos-cart{min-width:0}
.pg-pos .pos-total{min-width:0}
.pg-pos .pos-total .block{order:1;flex:1 1 100%;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 6px;padding:6px 10px;border-radius:10px;min-width:0}
.pg-pos .pos-total .lbl{font-size:11px;white-space:nowrap}
.pg-pos .pos-total .amt{font-size:15px;white-space:nowrap;margin-left:auto}
.pg-pos .pos-sub{order:2;flex:1;min-width:0}
.pg-pos .pos-sub>span{display:none}
.pg-pos .pos-sub button{align-self:stretch;width:100%;padding:0 10px;height:32px;font-size:12px}
.pg-pos .pos-total .row-m{display:none}
.pg-pos .pos-det{order:2;flex:none;width:36px;height:32px;margin:0;padding:0;justify-content:center}
.pg-pos .pos-det span,.pg-pos .pos-det svg:last-child{display:none}
.pg-pos .pos-det.det-ko{background:var(--kob);color:var(--ko)}
.pg-pos .pos-det.det-wa{background:var(--wab);color:var(--wa)}
.pg-pos .pos-det.det-ko svg,.pg-pos .pos-det.det-wa svg{stroke:currentColor}
.pos-sub .sl{display:flex;align-items:center;gap:6px;font-style:normal}
.nfg .pos-sub .sl>*+*{margin-left:6px}
.pos-sub .eye2{width:26px;height:22px;border-radius:11px;background:var(--inb);color:var(--pr);display:grid;place-items:center;line-height:0}
.pos-sub .eye2 svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pos-total.hs #posSub,.pos-total.hs #posTva{filter:blur(6px);user-select:none}
.pos-det{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px;padding:9px 10px;border-radius:12px;background:var(--inb);color:var(--pr);font-size:12px;font-weight:600;text-align:left}
.nfg .pos-det>*+*{margin-left:8px}
.pos-det span{flex:1;min-width:0}
.pos-det svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
svg{stroke-linecap:round;stroke-linejoin:round}
.sbar{--sb-h:48px;flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:var(--sb-h);padding:0 7px 0 14px;background:var(--card);border:1px solid var(--bd);cursor:text;transition:border-color .15s,box-shadow .2s var(--ease)}
.nfg .sbar>*+*{margin-left:6px}
.sbar:focus-within{border-color:var(--pr)}
.sbar>.sb-ic{width:20px;height:20px;stroke:var(--pr);fill:none;stroke-width:1.9;margin-right:2px}
.sbar input{flex:1;min-width:0;width:100%;border:0;outline:0;background:none;color:var(--tx);font:600 14.5px system-ui,-apple-system,sans-serif;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;border-radius:0}
.sbar input::placeholder{color:var(--mu);font-weight:500;opacity:1}
.sbar input::-webkit-search-cancel-button,.sbar input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.sb-a,.sb-x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;line-height:0;flex:none;transition:background .15s,transform .1s}
.sb-a{background:var(--inb);color:var(--pr)}
.sb-a:active{background:rgb(191,210,250);background:color-mix(in srgb,var(--pr) 22%,var(--inb))}
.sb-a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9}
.sb-x{display:none;width:26px;height:26px;background:var(--bg2);color:var(--mu)}
.sb-x svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4}
.sbar.has .sb-x{display:grid}
.sbar.sb-home{--sb-h:52px;flex:none;margin:0 0 16px;cursor:pointer;box-shadow:var(--sh2)}
.sbar.sb-home input{pointer-events:none;cursor:pointer}
.sbar.sb-dc{margin:0 14px 8px;flex:none}
.so-head .sbar{box-shadow:none}
.pos-searchrow{display:flex;margin:0 8px 10px}
.pg-pos .sbar{padding-left:10px;gap:4px}
.pg-pos .sbar input{font-size:13px}
.pg-pos .sb-a{width:30px;height:30px}
.pg-pos .sb-a svg{width:16px;height:16px}
.pg-pos .sbar>.sb-ic{width:18px;height:18px}
.pg-pos .sbar.has .sb-a{display:none}
.pg-pos .sb-x{width:28px;height:28px}
.fl,.mflt{width:48px;height:48px;border-radius:var(--r2);background:var(--pr);border:0;box-shadow:var(--sh);display:grid;place-items:center;flex:none;line-height:0}
.fl svg,.mflt svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.9}
.rap-sr .sbar{margin:0}
.tools .sbar{flex:1}
.np{height:48px;border-radius:var(--r2)}
img{-webkit-user-drag:none;image-rendering:auto}
.pcell .thumb,.ci .cth .thumb,.fav .img{
  position:relative;
  isolation:isolate;
  background:radial-gradient(120% 90% at 28% 12%,rgb(247,250,255),var(--inb) 58%,rgb(210,224,252));
  background:radial-gradient(120% 90% at 28% 12%,color-mix(in srgb,#fff 62%,var(--inb)),var(--inb) 58%,color-mix(in srgb,var(--pr) 12%,var(--inb)));
}
.pcell .thumb::after,.ci .cth .thumb::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:2;
}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;filter:blur(8px) saturate(1.1);transform:scale(1.04) translateZ(0);backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;
  transition:opacity .4s ease,filter .5s ease,transform .6s var(--ease)}
.thumb img.ok{opacity:1;transform:scale(1) translateZ(0)}
.thumb img.ko{display:none}
.pcell:active .thumb img.ok{transform:scale(1.06) translateZ(0)}

@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]):not([data-theme="emerald"]):not([data-theme="ocean"]):not([data-theme="midnight"]):not([data-theme="nova"]):not([data-theme="novadark"]):not([data-theme="neon"]):not([data-theme="neonlight"]):not([data-theme="lagune"]):not([data-theme^="dk"]) .thumb{background:radial-gradient(120% 90% at 28% 12%,#1d2c4a,var(--inb) 60%,#0d1830);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 14px -8px rgba(0,0,0,.7)}

}
:root[data-theme="dark"] .thumb,:root[data-theme="midnight"] .thumb,:root[data-theme="novadark"] .thumb,:root[data-theme="neon"] .thumb,:root[data-theme="lagune"] .thumb{background:radial-gradient(120% 90% at 28% 12%,#1d2c4a,var(--inb) 60%,#0d1830);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 14px -8px rgba(0,0,0,.7)}
@media(prefers-reduced-motion:reduce){
.pcell .thumb,.ci .cth .thumb,.fav .img,.thumb img{transition:none;transform:none!important}

}
.march-more{display:block;width:100%;margin:10px 0;padding:12px;background:var(--bg2);color:var(--pr)}
#pgSet2 .sbody{padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))}
.s2hero{display:flex;align-items:center;gap:14px;background:var(--inb);border-radius:var(--r3);padding:16px;margin:8px 0 4px}
.nfg .s2hero>*+*{margin-left:14px}
.s2hero .hi{width:52px;height:52px;border-radius:50%;background:var(--pr);color:#fff;display:grid;place-items:center;flex:none;line-height:0}
.s2hero .hi svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.s2hero b{display:block;font-size:18px;font-weight:800;letter-spacing:-.3px}
.s2hero span{display:block;font-size:12.5px;color:var(--mu);margin-top:2px}
.s2hero+.ssec{margin-top:16px}
.srow .sval{font-size:13px;font-weight:700;color:var(--mu);max-width:42%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s2in{width:44%;flex:none;border:1.5px solid var(--bd);border-radius:10px;background:var(--bg2);color:var(--tx);font:700 14px system-ui,sans-serif;padding:9px 12px;outline:0;text-align:right}
.s2in:focus{border-color:var(--pr);background:var(--card)}
.s2note{display:flex;gap:10px;align-items:flex-start;background:var(--inb);color:var(--mu);border-radius:var(--r1);padding:12px 14px;font-size:12.5px;margin-top:12px}
.nfg .s2note>*+*{margin-left:10px}
.s2logo{display:grid;place-items:center;gap:6px;min-height:110px;border:2px dashed var(--bd);border-radius:var(--r3);background:var(--card);color:var(--pr);font-weight:800;font-size:13px;text-align:center;padding:14px;width:100%}
.s2logo img{max-height:70px;max-width:70%;border-radius:10px}
.s2logo small{color:var(--mu);font-weight:600}
.s2stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.s2stats div{background:var(--card);border:1px solid var(--bd);border-radius:var(--r2);padding:12px 14px;box-shadow:var(--sh)}
.s2stats small{display:block;color:var(--mu);font-size:11.5px;font-weight:700}
.s2stats b{font-size:20px;font-weight:800}
.s2btn{width:100%;background:var(--pr);color:#fff;border-radius:var(--r2);padding:14px;font:800 14.5px system-ui,sans-serif;margin:4px 0 6px;box-shadow:0 10px 20px -10px var(--pr)}
.s2av{width:42px;height:42px;border-radius:50%;flex:none;background:var(--pr);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.s2chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.s2chips::-webkit-scrollbar{display:none}
.s2chips button{flex:none;padding:7px 13px;border-radius:99px;border:0;background:var(--bg2);color:var(--mu);font-size:12.5px;font-weight:700}
.s2chips button.on{background:var(--pr);color:#fff}
.s2rt{padding:4px 14px 8px}
.s2rh,.s2rr{display:grid;grid-template-columns:1fr repeat(4,40px);align-items:center;gap:2px;padding:9px 0;border-bottom:1px solid var(--bg2);font-size:13px;line-height:1.25}
.s2rr:last-child{border-bottom:0}
.s2rh b{text-align:center;font-size:11px;color:var(--mu)}
.s2rr i{font-style:normal;text-align:center;font-weight:800}
.s2rr i.y{color:var(--ok)}
.s2rr i.n{color:var(--mu2)}
.srow.soon{opacity:.6;cursor:default}
.s2tag.soon{color:var(--mu);background:var(--inb);margin-left:0;flex:none;white-space:nowrap}
.s2tag.soon.in{margin-left:6px}
.s2tag{font-size:10.5px;font-weight:800;color:var(--ok);background:var(--okb);border-radius:8px;padding:2px 7px;margin-left:6px}

.topbar .brandwrap{margin-left:4px}

.topbar .ib.hb{width:42px;height:42px}
.pg .pwrap>.topbar,.dc-v>.topbar{position:relative;top:0;flex:none;margin:0 0 12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 8px;z-index:3}
.topbar .brandwrap b{line-height:1.2}
.topbar .brandwrap b#hiTitle{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:17px;line-height:1.15;cursor:pointer}
.topbar .storepill{font-size:11px;line-height:1.3}
.hd-search{flex:none;margin:0 16px 12px;display:flex}
.hd-search .sbar{--sb-h:52px;padding-left:14px;gap:6px;box-shadow:var(--sh2)}
.hd-search .sbar.sb-home{flex:1;margin:0}
.hd-search .sbar.sb-dc{margin:0}
.pg-march .mq{display:flex;padding:0 16px 12px;gap:8px}
.nfg .pg-march .mq>*+*{margin-left:8px}
.pg-march .mq .sbar{--sb-h:52px;padding-left:14px;box-shadow:var(--sh2)}
.pg-march .mq .mflt{width:52px;height:52px}
.pg-march .mq .mflt.sortb{background:var(--card);border:1px solid var(--bd)}
.pg-march .mq .mflt.sortb svg{stroke:var(--pr)}
.dc-v>.mq{padding:0 16px 12px}
.dc-v>.mq .sbar{--sb-h:52px;padding-left:14px;box-shadow:var(--sh2)}
.dc-pop .m{top:calc(76px + env(safe-area-inset-top,0px))}
@media print{
#pgDoc .topbar,#pgDoc .hd-search,#pgDoc .mq{display:none!important}

}
.pg-march .mrow{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.pg-march .mrow::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;inset:0;opacity:0;pointer-events:none;transition:opacity .12s}
.pg-march .mrow::after{position:absolute;top:50%;transform:translateY(-50%);font:800 12.5px system-ui,sans-serif;letter-spacing:.2px;opacity:0;pointer-events:none}
@keyframes mflIn{0%{box-shadow:inset 0 0 0 200px rgba(244,63,94,.26)}100%{box-shadow:inset 0 0 0 200px rgba(244,63,94,0)}}
@keyframes mflOut{0%{box-shadow:inset 0 0 0 200px rgba(22,163,74,.26)}100%{box-shadow:inset 0 0 0 200px rgba(22,163,74,0)}}
.pg-march .mrow.fl-in .mrow-inner{animation:mflIn .6s ease-out}
.pg-march .mrow.fl-out .mrow-inner{animation:mflOut .6s ease-out}
.mdq{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:800;color:#fff;vertical-align:1px;line-height:1.4}
.mdq.in{background:#E11D48}
.mdq.out{background:#16A34A}
body .pg-march .mfabs .mfab.wr-in{background:linear-gradient(140deg,#FB7185,#E11D48);color:#fff}
body .pg-march .mfabs .mfab.wr-out{background:linear-gradient(140deg,#22C55E,#15803D);color:#fff}
.mfab .mwb,.mfab .mwb2{position:absolute;min-width:21px;height:21px;padding:0 6px;border-radius:11px;font:800 12px/21px system-ui,sans-serif;text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.3);display:none;box-sizing:border-box}
.mfab .mwb{top:-5px;right:-5px;background:#fff;color:#111}
.mfab.wr-in .mwb{color:#BE123C}
.mfab.wr-out .mwb{color:#15803D}
.mfab .mwb2{top:-5px;left:-5px;color:#fff}
.mfab .mwb2.in{background:#E11D48}
.mfab .mwb2.out{background:#16A34A}
.mdr{margin:10px 0}
.mdr-row{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--bd);border-radius:18px;padding:8px}
.nfg .mdr-row>*+*{margin-left:8px}
.mdr-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:left;padding:2px}
.nfg .mdr-main>*+*{margin-left:12px}
.mdr-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none}
.mdr-ic svg,.mdr-b svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mdr-t b{display:block;font-size:16px;font-weight:800;color:var(--tx)}
.mdr-t small{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--mu)}
.mdr-b{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none;line-height:0}
.mdr-b.ok{background:#16A34A}
.mdr-b.ko{background:#EF4444}
.mdr-note{margin:6px 4px 0;padding:8px 12px;border-radius:12px;background:rgba(244,63,94,.12);color:#E11D48;font-size:12px;font-weight:700;line-height:1.4}
.mdr-note small{font-weight:600;opacity:.85}
.ac{position:relative;background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--r1);padding:10px 4px;font-size:11px;font-weight:800;color:var(--mu);display:flex;flex-direction:column;align-items:center;gap:7px;overflow:hidden}
.nfg .ac>*+*{margin-top:7px}
.ac i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:var(--sw,#ccc)}
.ac.on{border-color:var(--pr);color:var(--pr);background:var(--inb)}
.ac input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}
#acCusSw{--sw:conic-gradient(#EF4444,#F59E0B,#FDE047,#22C55E,#14B8A6,#3B82F6,#8B5CF6,#EC4899,#EF4444)}
body.srching .topbar,body.srching nav{display:none!important}
body.srching .mq{padding-top:max(10px,env(safe-area-inset-top,0px))}
body.srching .pg-march .mfoot{bottom:0}
body.srching .pg-march .mfabs{bottom:calc(70px + env(safe-area-inset-bottom,0px))}
.mws-g,.mws-a{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:16px;padding:14px 18px;font:800 17px system-ui,sans-serif;text-align:left;margin:0 0 12px}
.mws-g{background:#16A34A;color:#fff}
.mws-a{background:#E5E7EB;color:#374151;margin:4px 0 6px}
.mws-g em,.mws-a em{font-style:normal;font-size:22px;line-height:1}
.mws-g:active,.mws-a:active{transform:scale(.98)}
button.mdq{border:0;font-family:inherit;cursor:pointer;padding:3px 10px;font-size:12.5px;-webkit-tap-highlight-color:transparent}
button.mdq:active{transform:scale(.94)}
.pg-march .mrow-right.inv{gap:4px;padding:0 12px 0 0}
.pg-march .mrow-right.inv .inv-th{font-size:11.5px;font-weight:700;color:var(--mu)}
.pg-march .mrow-right.inv .inv-th b{font-size:13px;font-weight:800;color:var(--tx);letter-spacing:0}
.inv-box{display:flex;align-items:center;gap:4px}
.nfg .inv-box>*+*{margin-left:4px}
.inv-box button{width:30px;height:36px;border-radius:9px;background:var(--inb);color:var(--pr);font-size:19px;font-weight:800;line-height:1}
.inv-box input{width:58px;height:36px;border-radius:9px;border:1.5px solid var(--bd);background:var(--bg);color:var(--tx);text-align:center;font:800 16px system-ui,sans-serif;padding:0;-moz-appearance:textfield;appearance:textfield}
.inv-box input::-webkit-inner-spin-button,.inv-box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.inv-gap{font-size:11.5px;font-weight:800;min-height:14px}
.inv-gap.ok{color:var(--ok)}
.inv-gap.ko{color:var(--ko)}
.inv-gap.eq{color:var(--mu)}
.pg-march.minv .mfab.b,.pg-march.minv .mfab.y,.pg-march.minv .mfab.wr-in,.pg-march.minv .mfab.wr-out{display:none!important}
.pg-march.minv .mfab.inv{box-shadow:0 0 0 4px rgba(124,58,237,.35),var(--sh2)}
.pg-march.minv .mlist{padding-bottom:90px}
.pg-march .mfoot .invact{display:flex;gap:8px;flex:none}
.nfg .pg-march .mfoot .invact>*+*{margin-left:8px}
.pg-march .mfoot .invact button{height:36px;padding:0 14px;border-radius:12px;font:800 13px system-ui,sans-serif}
.pg-march .mfoot .invq{background:var(--inb);color:var(--pr)}

.mce{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 6px}
.nfg .mce>*+*{margin-left:10px}
.mce button{width:48px;height:48px;border-radius:14px;background:var(--inb);color:var(--pr);font-size:24px;font-weight:800;line-height:1}
.mce input{width:110px;height:48px;border-radius:14px;border:1.5px solid var(--bd);background:var(--bg);color:var(--tx);text-align:center;font:800 22px system-ui,sans-serif;padding:0}
body .pg-march .mfabs .mfab.inv{background:linear-gradient(140deg,#A78BFA,#7C3AED);color:#fff}
.pg-pos .pos-cat-head{display:flex;padding:0 8px 8px 10px}
.pg-pos .pos-cat-head b{font-size:14px}
.pg-pos .pos-cat-head .vw{width:auto;height:34px;padding:0 12px 0 10px;gap:6px;display:flex;align-items:center;border-radius:17px;background:var(--inb);color:var(--pr);font:800 12.5px system-ui,sans-serif}
.nfg .pg-pos .pos-cat-head .vw>*+*{margin-left:6px}
.pg-pos .pos-cat-head .vw svg{width:17px;height:17px}
.pg-pos .pos-grid{grid-template-columns:1fr!important;gap:8px}
.pg-pos .pcell{flex-direction:column;align-items:stretch;gap:5px;padding:10px;min-height:0;border-radius:16px}
.pg-pos .pcell .nm{font-size:13.5px;font-weight:700;line-height:1.25;-webkit-line-clamp:3;line-clamp:3;hyphens:auto;color:var(--tx)}
.pg-pos .pcell .pr{font-size:14.5px;font-weight:800;white-space:nowrap;padding:0;margin-top:2px}
.pg-pos .pcell .stock-badge{font-size:10px;padding:2px 7px}
.pg-pos .pos-grid[data-v="table"] .pcell{gap:2px;padding:10px 12px;content-visibility:auto;contain-intrinsic-size:auto 64px}
.pg-pos .pos-grid[data-v="table"] .pcell .stock-badge{position:static;align-self:flex-start;margin-top:3px}
.pg-pos .pos-grid[data-v="small"] .pcell{flex-direction:row;align-items:center;gap:10px;padding:8px 10px}
.pg-pos .pos-grid[data-v="small"] .pcell .thumb{width:48px;height:48px;aspect-ratio:1;border-radius:11px;flex:none}
.pg-pos .pos-grid[data-v="small"] .pcell .info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.nfg .pg-pos .pos-grid[data-v="small"] .pcell .info>*+*{margin-top:1px}
.pg-pos .pos-grid[data-v="small"] .pcell .stock-badge{position:static;align-self:flex-start;margin-top:3px}
.pg-pos .pos-grid[data-v="grid"] .pcell .thumb{width:100%;aspect-ratio:2;border-radius:12px}
.pg-pos .pos-grid[data-v="large"] .pcell .thumb{width:100%;aspect-ratio:1;border-radius:14px}

.pg-pos .pos-grid[data-v="large"] .pcell .pr{font-size:16px}
@media(min-width:700px){
.pg-pos .pos-grid[data-v="grid"],.pg-pos .pos-grid[data-v="large"]{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}

}
.pos-cart-head .pc-st{display:flex;flex-wrap:wrap;gap:0 10px;font-size:12.5px;font-weight:800;line-height:1.3;color:var(--tx);min-width:0}
.pos-cart-head .pc-st span{white-space:nowrap}
.rap-ctl{display:flex;align-items:center;gap:8px;padding:0 16px 8px;flex:none}
.nfg .rap-ctl>*+*{margin-left:8px}
#pgRap .rap-per{background:var(--inb);border-color:transparent;color:var(--pr);height:38px}
#pgRap .rap-fvb{background:var(--bg2);color:var(--tx);width:38px;height:38px;margin-left:auto}
#pgRap .rap-fvb.on{color:#F59E0B}

.mq .dc-docb{position:relative;flex:none;width:44px;height:44px}
.grid .k[onclick]{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.grid .k[onclick]:active{transform:scale(.97)}
.inv{background:#fff;color:#0f172a;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.4);margin:2px 0 12px;font-family:inherit;text-align:left}
.inv-top{height:6px}
.inv-in{padding:16px 15px 14px}
.inv-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.nfg .inv-h>*+*{margin-left:10px}
.inv-co{display:flex;gap:10px;min-width:0;flex:1 1 0}
.nfg .inv-co>*+*{margin-left:10px}
.inv-lg{width:38px;height:38px;border-radius:11px;color:#fff;font:900 16px system-ui,sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.inv-co b{display:block;font-size:14px;font-weight:900;line-height:1.2;color:#0f172a}
.inv-co small{display:block;color:#64748b;font-size:10.5px;line-height:1.45;margin-top:2px}
.inv-ti{text-align:right;flex:none}
.inv-ti h4{margin:0;font:900 15px/1 system-ui,sans-serif;letter-spacing:.06em;white-space:nowrap}
.inv-ti small{display:block;color:#64748b;font-size:10.5px;margin-top:5px;line-height:1.45}
.inv-cl{margin-top:14px;padding:10px 12px;background:#f1f5f9;border-radius:12px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.nfg .inv-cl>*+*{margin-left:10px}
.inv-cl small{display:block;font-size:9.5px;font-weight:800;letter-spacing:.1em;color:#64748b;text-transform:uppercase;margin-bottom:2px}
.inv-cl b{font-size:14px;font-weight:800;color:#0f172a;word-break:break-word}
.inv-tel{font-size:11.5px;color:#475569;margin-top:2px}
.inv-cl input{width:140px;max-width:46%;height:36px;border:1px dashed #94a3b8;border-radius:10px;padding:0 10px;background:#fff;color:#0f172a;font:600 12.5px system-ui,sans-serif;text-align:right}
.inv-t{width:100%;border-collapse:collapse;margin-top:14px;font-size:12px}
.inv-t th{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:800;padding:7px 4px;border-bottom:2px solid #0f172a;text-align:right;background:none}
.inv-t td{padding:9px 4px;border-bottom:1px solid #e2e8f0;text-align:right;vertical-align:top;color:#334155;font-variant-numeric:tabular-nums;background:none}
.inv-t th:first-child,.inv-t td:first-child{text-align:center;width:32px}
.inv-t th:nth-child(2),.inv-t td:nth-child(2){text-align:left}
.inv-t td:nth-child(2){font-weight:700;color:#0f172a;word-break:break-word}
.inv-t td:last-child{font-weight:800;color:#0f172a;white-space:nowrap}
.inv-tt{margin:12px 0 0 auto;width:100%;max-width:270px;font-size:12.5px}
.inv-tt div{display:flex;justify-content:space-between;gap:8px;padding:4px 2px;color:#475569}
.nfg .inv-tt div>*+*{margin-left:8px}
.inv-tt .g{font-size:15px;font-weight:900;color:#fff;border-radius:12px;padding:11px 12px;margin-top:6px}
.inv-ft{margin-top:14px;text-align:center;font-size:10.5px;line-height:1.5;color:#94a3b8;border-top:1px dashed #cbd5e1;padding-top:10px}
.inv-bar{position:sticky;bottom:0;margin:10px -16px 0;padding:10px 16px calc(6px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--bd);z-index:3;box-shadow:0 -10px 22px -14px rgba(0,0,0,.25)}
.inv-bar button{font-family:inherit;cursor:pointer;border:0}
.inv-val{width:100%;height:54px;border-radius:16px;background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;font-size:16.5px;font-weight:900;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 22px -10px rgba(22,163,74,.7)}
.nfg .inv-val>*+*{margin-left:9px}
.inv-val svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.inv-val:active,.inv-sec button:active,.inv-fmt button:active{transform:scale(.97)}
.inv-sec{margin-top:9px}
.inv-sec button{border-radius:13px;background:var(--inb);color:var(--pr);font-weight:800;display:flex;align-items:center;justify-content:center}

.inv-sec button.on{background:var(--pr);color:#fff}
.inv-sec svg,.inv-fmt svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.inv-fmt{display:none;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.inv-fmt.on{display:grid}
.inv-fmt button{height:44px;border-radius:13px;border:1.5px solid var(--pr)!important;background:transparent;color:var(--pr);font-size:13.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}
.nfg .inv-fmt button>*+*{margin-left:6px}
.inv-sec{grid-template-columns:none!important;display:flex!important;gap:6px!important}
.inv-sec button{flex:1 1 0;min-width:0;height:50px;flex-direction:column;gap:2px;padding:0 2px;font-size:11.5px;white-space:nowrap;overflow:hidden}
.nfg .inv-sec button>*+*{margin-left:0}
.inv-sec button.inv-x{flex:none;width:50px}
.inv-sec .inv-x svg{width:20px;height:20px;stroke-width:2.6}
.inv-sec .inv-x{background:rgba(239,68,68,0.14);background:color-mix(in srgb,var(--ko,#EF4444) 14%,transparent);color:var(--ko,#EF4444)}
.inv-busy{opacity:.55;pointer-events:none}
.inv-int{display:flex;justify-content:space-between;gap:8px;margin:0 0 10px;padding:10px 14px;border:1px dashed var(--bd);border-radius:12px;font-size:12.5px;color:var(--mu)}
.nfg .inv-int>*+*{margin-left:8px}
.inv-int b{color:var(--tx)}
.mflt[data-flt]{position:relative}
.mflt.fon:after{content:"";position:absolute;top:6px;right:6px;width:11px;height:11px;border-radius:50%;background:var(--ko,#EF4444);border:2px solid var(--card,#fff)}
.pg-march .mq .mflt[data-flt]{width:52px}
/* [th-qk] */
.qk .thsec{font-size:11px;font-weight:800;color:var(--mu2);letter-spacing:.6px;text-transform:uppercase;margin:2px 2px 14px}
.qk .thg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 10px;margin-bottom:20px}
.qk .thg2{grid-template-columns:repeat(2,1fr);margin-bottom:14px}
.qk .qkh .cl{border:0}
.qk .qkh .cl svg{fill:none}
.qk .ac{background:none;border:0;padding:0;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--tx);cursor:pointer;transition:transform .14s}
.nfg .qk .ac>*+*{margin-top:7px}
.qk .ac:active{transform:scale(.92)}
.qk .ac.on{background:none;border:0;color:var(--tx)}
.qk .ac i{display:block;border:0;margin:0;background:var(--sw,#ccc);box-shadow:0 10px 22px -8px rgba(15,23,42,.32)}
.qk .qtile.sel .qi,.qk .qtile.on .qi,.qk .ac.on i{box-shadow:0 0 0 3px var(--card),0 0 0 5.5px var(--pr),0 10px 22px -8px rgba(15,23,42,.32)}
.qk .qtile.sel .qt1,.qk .qtile.on .qt1,.qk .ac.on span{color:var(--pr)}
.qk .qtile.on,.qk .qtile.sel{background:none;border:0}
/* [dc-fab] */
.dc-draftbtn{right:auto;left:18px}
.dc-detbtn{right:78px!important;width:auto!important;height:46px!important;border-radius:23px!important;padding:0 16px 0 13px;display:flex!important;align-items:center;gap:7px;font:800 13.5px system-ui,sans-serif;color:var(--pr);border:0;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
.nfg .dc-detbtn>*+*{margin-left:7px}
.dc-detbtn svg{width:19px!important;height:19px!important;stroke:var(--pr);fill:none;stroke-width:2.2!important}
.dc-ro .dc-detbtn{display:flex!important}
.dc-ro .dc-draftbtn{display:none!important}
body.dc-fab-in nav .fab .fab-plus,body.dc-fab-out nav .fab .fab-plus{display:none}
body.dc-fab-in nav .fab .fab-check,body.dc-fab-out nav .fab .fab-check{display:block}
body.dc-fab-in nav .fab button{box-shadow:0 14px 26px -6px rgba(220,38,38,.7)}
body.dc-fab-out nav .fab button{box-shadow:0 14px 26px -6px rgba(22,163,74,.7)}
/* [mws-x] */
.mws-x{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--bg2);color:var(--tx);margin:12px auto 4px;line-height:0;padding:0;border:0}
.mws-x svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
/* [fx-css] */
#pgDep .pos-cart .up,#pgDep .pos-cart .lt,#pgDep .pos-total .amt{color:var(--ko)!important}
#pgDep .pos-total .block{background:var(--kob)!important}
#pgDep .pos-cats button.on{background:var(--ko)!important}
#pgRev .pos-cats button.on{background:var(--ok)!important}
.fx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:4px 14px 190px;overflow-y:auto;flex:1;align-content:start;-webkit-user-select:none;user-select:none}
.fx-empty{grid-column:1/-1;text-align:center;color:var(--mu);font-size:13px;font-weight:600;padding:40px 20px;line-height:1.6}
body.fx-dep nav .fab .fab-plus,body.fx-rev nav .fab .fab-plus{display:none}
body.fx-dep nav .fab .fab-check,body.fx-rev nav .fab .fab-check{display:block}
body.fx-dep nav .fab button,body.fx-rev nav .fab button{background:linear-gradient(140deg,#94A3B8,#64748B);box-shadow:0 10px 18px -8px rgba(71,85,105,.45)}
body.fx-dep.fx-has nav .fab button{box-shadow:0 14px 26px -6px rgba(220,38,38,.7)}
body.fx-rev.fx-has nav .fab button{box-shadow:0 14px 26px -6px rgba(22,163,74,.7)}
.fx-p4.off{background:linear-gradient(140deg,#94A3B8,#64748B)!important}
:root{--glass:color-mix(in srgb,var(--card) 80%,transparent);--ring:0 0 0 3px color-mix(in srgb,var(--pr) 28%,transparent);--ic-sw:1.9;--ic-sw-b:2.4;--ich:13px;--ease2:cubic-bezier(.22,1,.36,1);--r1:12px;--r2:16px;--r3:20px;--sh:0 2px 8px rgba(15,23,42,.045);--sh2:0 8px 24px rgba(15,23,42,.07);--fb:36px}

body{font-family:Inter,-apple-system,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}
button,input,select,textarea{font-family:inherit}
button{touch-action:manipulation}
.topbar{gap:8px;padding:12px 16px 8px}
.topbar .brandwrap b{font-size:20px;letter-spacing:-.4px}
.ib,.ib.hb{width:42px;height:42px;border-radius:14px;box-shadow:none;border:1px solid var(--bd)}
.ib svg,.ib.hb svg{width:20px;height:20px}

.storepill{border-radius:999px;font-weight:800;letter-spacing:.1px}
.scard2,.dc-card,.k,.pcell{border-radius:var(--r2)}
.scard2{box-shadow:var(--sh)}
.sheet{border-radius:28px 28px 0 0;box-shadow:0 -24px 60px -24px rgba(8,15,30,.45)}
.ov{background:rgba(8,15,30,.40)}
.sbar{border-radius:16px}
.sbar:focus-within{box-shadow:var(--ring)}
:focus-visible{outline:2px solid var(--pr);outline-offset:2px}
input:focus-visible,.sbar input:focus-visible{outline:none}
.pg-pos .pos-grid[data-v="large"] .pcell{flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:8px}
.pg-pos .pos-grid[data-v="large"] .pcell .info{flex:none;width:100%}
.pg-pos .pos-grid[data-v="large"] .pcell .nm{font-size:13px;-webkit-line-clamp:2;line-clamp:2}
.qa{grid-template-columns:repeat(3,1fr)}

/* [dr-grp] */
.dr .grp .chv{margin-left:auto;font-size:20px;line-height:1;color:var(--mu);display:inline-block;transition:transform .2s}
.dr .grp.open .chv{transform:rotate(90deg)}
.dr .sub{display:none}
.dr .sub.open{display:block}
.dr .sub .mi{padding-left:46px}
.imged{display:flex;flex-wrap:wrap}
.ied{position:relative;width:78px;height:78px;border-radius:12px;overflow:hidden;background:var(--inb);margin:0 8px 8px 0;border:2px solid transparent}
.ied.main{border-color:var(--pr)}
.ied img{width:100%;height:100%;object-fit:cover;display:block}
.ied .x{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(15,23,42,.72);color:#fff;font-size:15px;line-height:22px;padding:0}
.ied .st{position:absolute;left:0;right:0;bottom:0;font-size:9.5px;font-weight:800;text-align:center;padding:2px 0;background:rgba(15,23,42,.62);color:#fff;border:0}
/* 1.9.225 : rognage des photos */
#cropOv{position:fixed;inset:0;z-index:100010;display:flex;flex-direction:column;background:#0b0f1a;color:#fff;font-family:inherit;touch-action:none;-webkit-user-select:none;user-select:none}
#cropOv .cp-h{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 10px}
#cropOv .cp-h b{flex:1;font-size:16px;font-weight:800}
#cropOv .cp-h span{font-size:12.5px;font-weight:700;opacity:.7}
#cropOv .cp-st{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab}
#cropOv .cp-st>.cp-im{position:absolute;max-width:none;max-height:none;pointer-events:none;-webkit-user-drag:none}
#cropOv .cp-fr{position:absolute;pointer-events:none;border:2px solid #fff;border-radius:6px;box-shadow:0 0 0 9999px rgba(8,12,22,.66)}
#cropOv .cp-fr:before,#cropOv .cp-fr:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)) 33.33% 0/1px 100% no-repeat,linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)) 66.66% 0/1px 100% no-repeat,linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)) 0 33.33%/100% 1px no-repeat,linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)) 0 66.66%/100% 1px no-repeat}
#cropOv .cp-f{padding:10px 14px calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;flex-direction:column;gap:12px}
#cropOv .cp-r{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
#cropOv .cp-r button{border:1.5px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px;min-height:38px}
#cropOv .cp-r button.on{background:var(--pr,#f97316);border-color:#fff}
#cropOv .cp-r button svg{width:18px;height:18px;vertical-align:-4px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#cropOv .cp-z{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;opacity:.9}
#cropOv .cp-z input{flex:1;accent-color:var(--pr,#f97316);height:28px}
#cropOv .cp-b{display:flex;gap:10px}
#cropOv .cp-b button{flex:1;padding:14px 0;border-radius:14px;border:0;font-weight:800;font-size:15px}
#cropOv .cp-b .no{background:rgba(255,255,255,.12);color:#fff}
#cropOv .cp-b .ok{background:var(--pr,#f97316);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.iedbtn{display:flex}
.iedbtn button{flex:1;margin-right:8px;padding:11px 0;border-radius:12px;border:1.5px dashed var(--pr);background:var(--inb);color:var(--pr);font-weight:800;font-size:14px}
.iedbtn button:last-child{margin-right:0}
.mth{overflow:hidden}
.mth img{width:100%;height:100%;object-fit:cover;display:block}
.pg-march .mseuil{border:0}
.seuilbox{display:flex;align-items:center;justify-content:center;margin:10px 0 4px}
.seuilbox button{width:52px;height:52px;border-radius:16px;border:0;background:var(--inb);color:var(--pr);font-size:26px;font-weight:800}
.seuilbox input{width:90px;margin:0 12px;text-align:center;font-size:26px;font-weight:800;border-radius:14px;border:1.5px solid var(--bd);padding:10px 0;background:var(--card);color:var(--tx)}
.imgstrip{display:flex;overflow-x:auto;margin:8px 0}
.imgstrip img{height:84px;width:84px;object-fit:cover;border-radius:12px;margin-right:8px;flex:none}
.pg-march .mlist[data-v="table"] .mth{display:none}
.pg-march .mlist[data-v="table"] .mrow-main{padding-left:16px}
.pg-march .mlist[data-v="grid"],.pg-march .mlist[data-v="large"]{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:6px}
.pg-march .mlist[data-v="grid"] .mrow,.pg-march .mlist[data-v="large"] .mrow{border:1px solid var(--bd);border-radius:16px;background:var(--card);content-visibility:visible}
.pg-march .mlist[data-v="grid"] .mrow-inner,.pg-march .mlist[data-v="large"] .mrow-inner{display:block;padding:10px;background:transparent;transform:none!important}
.pg-march .mlist[data-v="grid"] .mth,.pg-march .mlist[data-v="large"] .mth{display:block;position:relative;overflow:hidden;margin:0;width:100%;height:0;padding-top:72%;border-radius:12px}
.pg-march .mlist[data-v="large"] .mth{padding-top:100%}
.pg-march .mlist[data-v="grid"] .mth img,.pg-march .mlist[data-v="large"] .mth img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.pg-march .mlist[data-v="grid"] .mth svg,.pg-march .mlist[data-v="large"] .mth svg{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px}
.pg-march .mlist[data-v="grid"] .mrow-main,.pg-march .mlist[data-v="large"] .mrow-main{padding:8px 0 0}
.pg-march .mlist[data-v="grid"] .mrow-right,.pg-march .mlist[data-v="large"] .mrow-right{padding:6px 0 0;align-items:flex-start;text-align:left}
.pg-march .mlist[data-v="grid"] .mrow-right>b::before,.pg-march .mlist[data-v="large"] .mrow-right>b::before{content:var(--l-qty,"Qté ");font-size:11px;font-weight:700;color:var(--mu)}
.pg-march .mlist[data-v="large"] .mrow-main b{font-size:16px}
.pg-march .mrow-right.low b{color:var(--wa)}
.pg-march .mseuil{display:inline-flex;align-items:center;margin-top:5px;border-radius:999px;padding:2px 4px 2px 10px;background:var(--inb);color:var(--pr);font-size:11px;font-weight:800}
.pg-march .mseuil span{margin-right:4px}
.pg-march .mseuil input{width:44px;border:0;border-radius:999px;background:var(--card);color:var(--tx);font:inherit;font-size:12px;font-weight:800;text-align:center;padding:3px 2px;-moz-appearance:textfield;appearance:textfield}
.seuilin{width:64px;text-align:center;font-size:15px;font-weight:800;border:1.5px solid var(--bd);border-radius:10px;padding:5px 0;background:var(--card);color:var(--tx)}
.filter-chip.sel{background:var(--pr);color:#fff}
.filter-chip b{margin-left:4px;font-size:11px;opacity:.85}
.march-filter-bar .filter-chip{margin-right:6px}
.pg-march .mgrp{display:flex;align-items:center;width:100%;border:0;background:transparent;padding:14px 4px 6px;font-size:12.5px;font-weight:800;letter-spacing:.04em;color:var(--mu);text-align:left}
.pg-march .mgrp span{flex:1;min-width:0}
.pg-march .mgrp em{font-style:normal;font-weight:700;margin-right:8px}
.pg-march .mgrp svg{width:16px;height:16px;transform:rotate(180deg)}
.pg-march .mgrp.off svg{transform:none}
.pg-march .mlist[data-v="grid"] .mgrp,.pg-march .mlist[data-v="large"] .mgrp{grid-column:1/-1}
.mselbar{position:absolute;left:12px;right:12px;bottom:calc(132px + env(safe-area-inset-bottom,0px));z-index:6;background:var(--card);border:1px solid var(--bd);border-radius:20px;box-shadow:var(--sh2);padding:10px 12px;display:none}
body.msel .mselbar{display:block}
body.msel .pg-march .mfabs{display:none}
body.msel .pg-march #mlist::after{content:"";display:block;grid-column:1/-1;height:280px}
.mselbar .r1{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:800;font-size:14px}
.mselbar button{border:0;border-radius:12px;background:var(--inb);color:var(--pr);font-weight:800;font-size:12.5px;padding:9px 11px;margin:0 6px 6px 0}
.mselbar .r1 button{margin:0 0 0 8px}
.mselbar button.dng{background:var(--kob);color:var(--ko)}
.mselbar .r2{display:flex;flex-wrap:wrap}
.pg-march .mchk{position:absolute;left:12px;top:50%;margin-top:-11px;width:22px;height:22px;border-radius:7px;border:2px solid var(--mu2);background:var(--card);box-sizing:border-box}
.pg-march .mrow.msel-on .mchk{background:var(--pr);border-color:var(--pr)}
.pg-march .mrow.msel-on .mchk::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
body.msel .pg-march .mlist[data-v="table"] .mrow-inner,body.msel .pg-march .mlist[data-v="small"] .mrow-inner{padding-left:46px}
.pg-march .mrow.msel-on{background:var(--inb)}
.pg-march .mlist[data-v="grid"] .mchk,.pg-march .mlist[data-v="large"] .mchk{top:16px;left:16px;margin:0;z-index:2}
.pg-march .mdesc{display:block;font-size:12px;color:var(--mu);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-march .mtag.mcf{background:var(--bg2,#eef2f7);color:var(--tx);margin-right:4px;font-weight:700}
.pg-march .mtag{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--inb);color:var(--pr);font-size:10.5px;font-weight:800}
#colSw{display:flex;flex-wrap:wrap}
#colSw button{width:34px;height:34px;border-radius:50%;border:3px solid transparent;margin:0 8px 8px 0;padding:0;font-size:16px;line-height:1;color:var(--mu)}
#colSw button.c0{background:var(--inb);border:2px dashed var(--bd)}
#colSw button.on{border-color:var(--tx)}
.pg-march .mq .mflt.sortb.custom{border-color:var(--pr);background:var(--inb)}
.sortlist{margin-top:6px}
.sorow{display:flex;align-items:center;padding:7px 0;border-bottom:1px solid var(--bd)}
.sorow b{flex:1;min-width:0;font-size:14px;font-weight:700;color:var(--tx)}
.sorow.act b{color:var(--pr)}
.sob0{width:22px;height:22px;line-height:22px;margin-right:8px;border-radius:50%;text-align:center;font-size:12px;font-weight:800;color:#fff;background:transparent;flex:none}
.sorow.act .sob0{background:var(--pr)}
.sob{width:38px;height:38px;border-radius:50%;border:0;margin-left:4px;background:transparent;color:var(--pr);font-size:19px;font-weight:700;padding:0;flex:none}
.sob.on{background:var(--inb);box-shadow:inset 0 0 0 2px var(--pr)}
.sob.up{color:var(--mu)}
.sob.up[disabled]{opacity:.25}
@supports not (color:color-mix(in srgb,red,blue)){
:root{--glass:var(--card);--ring:0 0 0 3px rgba(37,99,235,0.28)}

}
@supports selector(:focus-visible){
:focus-visible{outline:2px solid var(--pr);outline-offset:2px}
input:focus-visible,.sbar input:focus-visible{outline:none}

}
/* [kbFix] */
.sheet{bottom:var(--kb,0px);max-height:min(86vh,calc(var(--vvh,100vh) - 12px))}
.dc-dlg{bottom:var(--kb,0px)}
.dc-dc{max-height:calc(var(--vvh,100vh) - 12px);overflow-y:auto;overscroll-behavior:contain}
html.kbo .sheet{padding-bottom:10px}
html.kbo .dc-dlg{align-items:flex-end}
html.kbo .dc-dc{padding-bottom:10px}
/* [march-view-pos] */
#shAction.qk .hlpsec{margin:4px 2px 12px}
#shAction.qk .qgrid{gap:20px 10px}
#shAction.qk .mlt .qi{opacity:1;filter:none}
#shAction.qk .mlt.on .qt1{color:var(--pr)}
body .pg-march #mlist[data-v="table"],body .pg-march #mlist[data-v="grid"],body .pg-march #mlist[data-v="large"]{display:grid;gap:8px;padding:6px 0 16px;align-content:start}
body .pg-march #mlist[data-v="table"],body .pg-march #mlist[data-v="large"]{grid-template-columns:1fr}
body .pg-march #mlist[data-v="grid"]{grid-template-columns:repeat(2,1fr)}
body .pg-march #mlist[data-v="table"] .mrow,body .pg-march #mlist[data-v="grid"] .mrow,body .pg-march #mlist[data-v="large"] .mrow{margin:0;border:1px solid var(--bd);border-radius:var(--r1);background:var(--card);box-shadow:none;content-visibility:visible}
body .pg-march #mlist .mgrp{grid-column:1/-1}
body .pg-march #mlist .march-more{grid-column:1/-1}
body .pg-march #mlist[data-v="table"] .mrow-inner{padding:8px 10px;min-height:56px;gap:10px;background:transparent}
body .pg-march #mlist[data-v="table"] .mrow-main{padding:0}
body .pg-march #mlist[data-v="table"] .mrow-main b{font-size:12.5px;font-weight:700;-webkit-line-clamp:1;line-clamp:1}
body .pg-march #mlist[data-v="table"] .mrow-right{padding:0}
body .pg-march #mlist[data-v="table"] .mrow-right b{font-size:15px}
body .pg-march #mlist[data-v="grid"] .mrow-inner{padding:9px;min-height:148px;background:transparent}
body .pg-march #mlist[data-v="grid"] .mth{padding-top:77%;border-radius:8px}
body .pg-march #mlist[data-v="grid"] .mrow-main b{font-size:11.5px;font-weight:700;color:var(--tx)}
body .pg-march #mlist[data-v="large"] .mrow-inner{display:flex;align-items:center;gap:10px;padding:10px;min-height:88px;background:transparent}
body .pg-march #mlist[data-v="large"] .mth{display:grid;flex:none;width:72px;height:72px;padding-top:0;margin:0;border-radius:12px}
body .pg-march #mlist[data-v="large"] .mth img{position:static;width:100%;height:100%}
body .pg-march #mlist[data-v="large"] .mth svg{position:static;margin:0;width:34px;height:34px}
body .pg-march #mlist[data-v="large"] .mrow-main{padding:0;flex:1;min-width:0}
body .pg-march #mlist[data-v="large"] .mrow-main b{font-size:12.5px;font-weight:800;color:var(--tx)}
body .pg-march #mlist[data-v="large"] .mrow-right{padding:0;align-items:flex-end;text-align:right}
body .pg-march #mlist[data-v="large"] .mrow-right>b::before{content:none}
body .pg-march #mlist .mrow-right.inv{align-items:stretch!important;padding:12px 12px 12px!important;overflow:visible!important;min-width:0}
body .pg-march #mlist .mrow-right.inv .inv-th{display:block;text-align:center!important;white-space:nowrap;font-size:12px}
body .pg-march #mlist .mrow-right.inv .inv-th b{font-size:16px;margin-left:3px}
body .pg-march #mlist .mrow-right.inv .inv-box{justify-content:center}
body .pg-march #mlist .mrow-right.inv .inv-gap{text-align:center}
/* [nav-achat] */
body.pos-active.pos-achat:not(.fx-dep):not(.fx-rev) nav .fab button{background:linear-gradient(145deg,#FB7185,#F43F5E 45%,#DC2626)!important;box-shadow:0 14px 26px -6px rgba(220,38,38,.7)!important}
body.pos-active:not(.pos-achat):not(.fx-dep):not(.fx-rev) nav .fab button{background:linear-gradient(145deg,#4ADE80,#22C55E 45%,#16A34A)!important;box-shadow:0 14px 26px -6px rgba(22,163,74,.7)!important}
/* [ams-v107-gestes] */
html body .gbadge{width:32px;height:32px;min-width:32px;border-radius:var(--ir,50%);opacity:.32;z-index:9990;transition:opacity .12s,transform .12s;box-shadow:none;background:var(--card);background:color-mix(in srgb,var(--pr) 16%,var(--card));border:1px solid var(--pr);border:1px solid color-mix(in srgb,var(--pr) 55%,transparent)}
html body .gbadge::after{content:"";position:absolute;inset:-6px;border-radius:inherit}
html body .gbadge svg{width:16px;height:16px;stroke:var(--pr);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html body .gbadge:active{transform:none}
html body .gbadge.drawing{opacity:.9;transform:scale(1.12)}
html body .gbadge.place{opacity:1;pointer-events:none}
html body.gman-open .gbadge:not(.place){display:none!important}
#gtrail{position:fixed;left:0;top:0;z-index:9980;pointer-events:none;opacity:0;transition:opacity .16s}
#gtrail.on{opacity:1}
.gplace{position:fixed;inset:0;z-index:9985;background:rgba(0,0,0,.28);display:none;touch-action:none}
.gplace.on{display:block}
.gplace .gpbar{position:absolute;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top,0px));display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r1,14px);padding:10px 12px;box-shadow:var(--sh2)}
.gplace .gpbar span{flex:1;font-size:13px;font-weight:700;color:var(--tx)}
.gplace .gpbar button{font-size:12px;font-weight:800;padding:8px 12px;border-radius:10px;background:var(--bg2);color:var(--tx)}
.gplace .gpbar button.ok{background:var(--pr);color:#fff}
.gman .gmh b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gman .gmh button.pin svg{fill:none}
.gman .gac{background:var(--card);border:1px solid var(--bd);border-radius:var(--r1,14px);margin-bottom:10px;overflow:hidden}
.gman .gah{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 14px;font-size:15px;font-weight:800;color:var(--tx);text-align:left}
.gman .gah svg{width:18px;height:18px;stroke:var(--mu);fill:none;stroke-width:2.2;transform:rotate(90deg);transition:transform .2s}
.gman .gac.open .gah svg{transform:rotate(-90deg)}
.gman .gab{display:none;border-top:1px solid var(--bd);background:var(--bg2)}
.gman .gac.open .gab{display:block}
.gman .gai{width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;font-size:14.5px;font-weight:700;color:var(--tx);text-align:left;border-bottom:1px solid var(--bd)}
.gman .gai:last-child{border-bottom:0}
.gman .gai.sel{color:var(--pr)}
.gman .gai svg{width:20px;height:20px;stroke:var(--pr);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gman .gpg{display:block}
.gman .gpg .gah,.gman .gpg .gai{display:flex;flex-direction:row;align-items:center;width:100%;border-radius:0;border:0;background:transparent;text-align:left;color:var(--tx)}
.gman .gpg .gah{justify-content:space-between;padding:15px 14px;font-size:15px;font-weight:800}
.gman .gpg .gai{justify-content:flex-start;gap:12px;padding:13px 14px;font-size:14.5px;font-weight:700;border-bottom:1px solid var(--bd)}
.gman .gpg .gai.sel{color:var(--pr);background:transparent;border-color:var(--bd)}
.nfg .gman .gpg .gai>*+*{margin-top:0;margin-left:12px}
html{touch-action:manipulation}
html body .sheet,html body .dr{transition:transform .2s cubic-bezier(.2,.9,.3,1)!important;will-change:transform}
html body .ov{transition:opacity .14s!important}
html body.fast:not(#q) :is(.ov,.kpo,.sheet,#lpBk){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.fast:not(#q) .ov{background:rgba(8,15,30,.62)}
html body.fast:not(#q) nav .fab button#navFab{animation:none!important}
/* [reglages-groupes] */
.sgrp{margin-top:10px}
.sgb{display:none}
.sgb.on{display:block;border-top:1px solid var(--bd)}
.sgh .schev{transition:transform .2s}
.sgh[aria-expanded="true"] .schev{transform:rotate(90deg)}
.sgb .srow{background:var(--bg2)}
.sgb .srow .sic{width:36px;height:36px}
.sgb .srow+.srow{border-top:1px solid var(--bd)}
/* [gbadge-hold] */
html body .gbadge.hold{opacity:.95;transform:scale(1.15)}

/* ===== v262 : styles auparavant ajoutés par JavaScript au démarrage, gardés ici À CETTE PLACE pour conserver l'ordre d'application ===== */
/* unify-css (js/modules/unify-module.js) */
.pos-act{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 8px 8px;padding:8px;background:var(--card);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh);min-height:84px}
.pos-act button{flex:none;width:54px;height:54px;padding:0;display:grid;place-items:center;border:1px solid var(--bd);border-radius:16px;background:var(--card);color:var(--tx);box-shadow:var(--sh2);cursor:pointer;line-height:0}
.pos-act button span{display:none}
.pos-act button svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.dc-histbtn{position:absolute;left:18px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:50px;height:50px;border-radius:50%;padding:0;background:var(--card);box-shadow:var(--sh2);align-items:center;justify-content:center;border:0;color:var(--pr)}
.dc-histbtn span{display:none}
.dc-histbtn svg{width:22px;height:22px;stroke:var(--pr);fill:none;stroke-width:2.3;stroke-linecap:round}
.mfabs{align-items:center;gap:12px}
.mfabs .mfab:not(.wr-in):not(.wr-out){width:42px!important;height:42px!important;border-radius:var(--r1)!important;background:var(--inb)!important;color:var(--pr)!important;box-shadow:var(--sh)!important;border:1px solid transparent!important}
.mfabs .mfab.wr-in,.mfabs .mfab.wr-out{width:42px!important;height:42px!important;border-radius:var(--r1)!important;background:var(--inb)!important;color:var(--pr)!important;box-shadow:var(--sh)!important;border:1px solid transparent!important}
.mfabs .mfab{margin:0!important;overflow:visible!important}
.pg-march .mfabs{transition:transform .25s ease,opacity .25s ease}
.pg-march .mfabs.fab-hide{transform:translateY(140px);opacity:0;pointer-events:none}
.mfabs .mfab svg{width:22px!important;height:22px!important;stroke:currentColor!important;stroke-width:1.9!important}
.pg-march.minv .mfabs .mfab.inv{background:var(--pr)!important;color:#fff!important;border-color:transparent}
.pg-march .mfoot .invok{background:var(--pr)!important;color:#fff}
.pg-march .mrow.invc .inv-box input{border-color:var(--pr)!important}
/* vis-module (js/modules/vis-module.js) */
html.vx-q #mlist .mrow-right>b,html.vx-q #mlist .mgrp em,html.vx-q #mfoot>span:first-child{display:none!important}
html.vx-m nav button[data-nav="march"]{display:none!important}
/* set-simple-module (js/modules/set-simple-module.js) */
.set-simple .set-adv{display:none!important}
/* ===== fin de la section v262 ===== */

/* ======================================================================
   ANCIEN style-modules.css (fusionné dans ce fichier en v262)
   ====================================================================== */
/* Vyamin - styles des modules (anciennement dans le corps de index.html) */
/* [fab-bolt-css] */
nav .fab .fab-plus,nav .fab .fab-home{display:none!important}
nav .fab button svg.fab-bolt{display:block;width:36px;height:36px;stroke:none;stroke-width:0;fill:none}
nav .fab .fab-ring,nav .fab .fab-ring.spin{animation:none!important;transform:none!important}
nav .fab button.wob,nav .fab button.wob svg{animation:none!important}
body.march-active:not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav .fab .fab-bolt,
body.pos-active nav .fab .fab-bolt,body.dc-fab-in nav .fab .fab-bolt,body.dc-fab-out nav .fab .fab-bolt,
body.fx-dep nav .fab .fab-bolt,body.fx-rev nav .fab .fab-bolt,body.nav-partner nav .fab .fab-bolt{display:none!important}
/* [flash-css] */
/* ===== Thèmes Flash Simple (flash) et Flash Dorée (flashor) ===== */
/* 1.9.118 : Flash Simple et Flash Dorée sont fusionnés dans « Vyamin Baobab » (data-th="baobab"), d'après la variante 2 « Or Premium » de la maquette.
   Les images (logo, piliers, trésorerie, pièce centrale, icônes d'action) sont des WebP légers intégrés (script baobab-img) : rien n'est dessiné en code. */
body[data-th="baobab"]{--fl-ac:#ffd54a;--fl-ok:#3df08a;--fl-ko:#ff6b85;--fl-cb:linear-gradient(160deg,rgba(14,70,36,.97),rgba(3,20,12,.98));--fl-bd:#d4a82a;--fl-tx:#f6fbee;--fl-mu:#a8c9a0;--fl-bg:#03100a;--bg:#03100a;--bg2:#082414;--card:#0c2a18;--tx:#f6fbee;--mu:#a8c9a0;--mu2:#86ad82;--bd:#2d6a3a;--pr:#1f9d46;--pr2:#16803a;--pr3:#0f5f2b;color-scheme:dark;background:radial-gradient(circle at 100% 0,rgba(70,200,90,.26),transparent 45%),radial-gradient(circle at 0 55%,rgba(255,200,60,.10),transparent 42%),radial-gradient(circle at 100% 100%,rgba(70,200,90,.14),transparent 45%),#03100a!important}
html:has(body[data-th="baobab"]){background:#03100a}
/* la barre de recherche de l'accueil Horizon n'existe pas dans la maquette Baobab */
body[data-th="baobab"] .sbar.sb-home{display:none!important}
body[data-th="baobab"] .v-horizon,body[data-th="baobab"] main.sm2{display:none!important}
body[data-th="baobab"]:not(.pg-open):not(.pos-active):not(.march-active) header.topbar{display:none!important}
#flHome{display:none}
body[data-th="baobab"] #flHome{display:block;padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(128px + env(safe-area-inset-bottom,0px));position:relative;z-index:1;color:var(--fl-tx);font-family:inherit}
body[data-th="baobab"].pg-open #flHome,body[data-th="baobab"].pos-active #flHome,body[data-th="baobab"].march-active #flHome{content-visibility:hidden}
#flHome *{box-sizing:border-box}
#flHome .fl-g{display:flex;flex-direction:column;gap:0}
#flHome svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#flHome img{display:block;-webkit-user-drag:none;user-select:none}
/* en-tête : tuile baobab (ouvre le menu) · OPFICO PRO + devise · cloche · synchronisation */
.fl-hd{display:flex;align-items:center;gap:7px;margin-bottom:10px}
.fl-hd .fl-nb{width:36px;height:36px}
.bb-logo{width:56px;height:56px;flex:none;border-radius:17px;border:1.5px solid #d4a82a;background:radial-gradient(circle at 50% 28%,#1f7a3a,#06210f 78%);padding:4px;display:grid;place-items:center;box-shadow:0 0 14px rgba(255,200,60,.35),inset 0 1px 0 rgba(255,255,255,.25);cursor:pointer}
.bb-logo img{width:100%;height:auto}
.fl-brand{flex:1;min-width:0;border-left:1.5px solid rgba(255,213,74,.6);padding-left:10px}
.fl-brand b{display:block;font-weight:900;font-style:italic;font-size:clamp(15px,5.1vw,26px);line-height:1.05;letter-spacing:-.4px;background:linear-gradient(90deg,#fff 0%,#e9efe2 46%,#ffd54a 62%,#ffb800 100%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.fl-brand small{display:block;margin-top:3px;font-weight:700;font-style:italic;font-size:clamp(11px,3.3vw,13px);line-height:1.25;color:#ffd54a}
.fl-nb{width:40px;height:40px;flex:none;border-radius:13px;border:1.5px solid #d4a82a;color:#ffe9a6;background:linear-gradient(160deg,rgba(255,213,74,.22),rgba(5,32,18,.95));box-shadow:0 0 12px rgba(255,201,60,.3);display:grid;place-items:center;position:relative;padding:0;font:inherit}
.fl-nb .bd{position:absolute;top:-7px;right:-7px;min-width:19px;background:#ff3b30;color:#fff;font-weight:800;font-size:10.5px;line-height:19px;height:19px;text-align:center;border-radius:10px;padding:0 5px}
/* carte Trésorerie : l'image du baobab est le fond de la carte, le texte se pose à gauche */
.bb-tr{position:relative;border-radius:24px;overflow:hidden;min-height:148px;background:#06210f;box-shadow:0 0 20px rgba(255,201,60,.22)}
.bb-tr>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;pointer-events:none}
.bb-tr .in{position:relative;z-index:1;padding:14px 14px 12px;max-width:66%;display:flex;flex-direction:column;gap:4px;min-height:148px;justify-content:center}
.bb-tr .r1{display:flex;align-items:center;gap:8px}
.bb-tr .r1 .bb-ib{flex:none}
.bb-per{display:block;border:0;background:none;padding:0;margin:0;text-align:left;font:inherit;color:#fff;font-weight:800;font-size:clamp(10.5px,3.1vw,12.5px);line-height:1.25;letter-spacing:.4px;text-transform:uppercase;cursor:pointer}
.bb-per b{color:#ffd54a;font-weight:800}
.fl-amt{font-weight:900;font-size:clamp(26px,9.2vw,38px);line-height:1.05;letter-spacing:-1px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.55);white-space:nowrap}
.fl-amt small{font-weight:800;font-size:clamp(13px,4vw,17px);line-height:normal;letter-spacing:0;margin-left:5px;color:#ffd54a}
.bb-me{display:flex;flex-wrap:wrap;align-items:center;gap:3px 9px;font-size:clamp(11px,3.2vw,12.5px);line-height:1.3;color:#e9f4e0;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.bb-me b{font-weight:800;color:#fff}
.bb-me i{width:1px;height:12px;background:rgba(255,255,255,.4)}
.fl-pill{font-weight:800;font-size:10.5px;line-height:1;padding:4px 8px;border-radius:9px;background:#e5173f;color:#fff}
.fl-pill.ok{background:#12a150}
.fl-m{transition:filter .15s}
.fl-hide .fl-m{filter:blur(9px);user-select:none}
/* trait doré qui relie les cartes (pointe vers la suivante) */
.bb-ln{display:block;height:20px;position:relative;flex:none}
.bb-ln::before{content:"";position:absolute;left:50%;top:0;width:3px;height:11px;margin-left:-1.5px;border-radius:2px;background:linear-gradient(#ffe28a,#c9a227);box-shadow:0 0 6px rgba(255,200,60,.65)}
.bb-ln::after{content:"";position:absolute;left:50%;top:10px;margin-left:-9px;border:9px solid transparent;border-top:10px solid #e8bd3a;border-bottom:0;filter:drop-shadow(0 0 4px rgba(255,200,60,.65))}
/* piliers : Financier (couronne) · Commercial (baobab) · Opérationnel (racines) */
.bb-pil{position:relative;border-radius:24px;border:1.5px solid transparent;background:linear-gradient(160deg,rgba(16,82,42,.96),rgba(3,24,13,.98)) padding-box,linear-gradient(135deg,#fff0b8 0%,#c9a227 38%,#ffe28a 70%,#fff6d0 100%) border-box;box-shadow:0 0 20px rgba(255,201,60,.18),inset 0 1px 0 rgba(255,255,255,.2);overflow:hidden;padding:12px 10px 10px}
.bb-pil::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 20%,rgba(90,210,100,.22),transparent 45%),linear-gradient(118deg,rgba(255,255,255,.09) 0 13%,transparent 13%)}
.bb-pil>*{position:relative}
.bb-ph{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.bb-pi{width:76px;height:auto;flex:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.bb-pt{flex:1;min-width:0}
.bb-pt h3{margin:0;font-weight:900;font-size:clamp(17px,5.4vw,21px);line-height:1.1;letter-spacing:.2px;text-transform:uppercase;background:linear-gradient(180deg,#fff0b8,#ffc93c);-webkit-background-clip:text;background-clip:text;color:transparent}
.bb-pt p{margin:2px 0 0;font-weight:600;font-size:clamp(11.5px,3.4vw,13.5px);line-height:1.25;color:#fff}
.bb-key{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:2px 7px;margin-top:6px;padding:4px 10px;border-radius:99px;border:1px solid rgba(255,213,74,.55);background:rgba(3,20,12,.6);font-size:clamp(10.5px,3vw,12px);line-height:1.25;color:#cfe4c6}
.bb-key b{font-weight:900;font-size:clamp(13px,3.9vw,15.5px);color:#ffd54a;font-variant-numeric:tabular-nums}
.bb-act{display:grid;gap:2px}
.bb-act.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bb-act.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.bb-a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 0 2px;border:0;background:none;color:#fff;font:inherit;font-weight:700;font-size:clamp(9.5px,2.95vw,11.5px);line-height:1.2;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;transition:transform .12s}
.bb-act.c5 .bb-a{font-size:clamp(9px,2.7vw,10.5px)}
.bb-a span{display:block;max-width:100%;white-space:nowrap;letter-spacing:-.1px}
.bb-a:active{transform:scale(.93)}
/* barre de navigation */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav::before{border-color:transparent!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav button:not(.on){color:#d8ecd0!important;opacity:1!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzzz):not(#zzzz)[data-th="baobab"] nav button.on{color:#ffd54a!important;text-shadow:0 0 10px rgba(255,201,60,.7)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav>button{font-size:clamp(9px,2.75vw,10.5px);white-space:nowrap;letter-spacing:-.15px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav>button.on::after{content:"";position:absolute;left:24%;right:24%;bottom:2px;height:3px;border-radius:3px;background:#ffd54a;box-shadow:0 0 8px rgba(255,201,60,.8)}
/* accueil : le bouton « Documents » de contexte est masqué pour laisser quatre boutons autour de la pièce (aucun doublon avec Accueil) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"]:not(.pos-active):not(.pg-open):not(.march-active):not(.fx-dep):not(.fx-rev):not(.dc-fab-in):not(.dc-fab-out) nav #navCtx{display:none!important}
/* bouton central : la pièce Opfico, avec un reflet doré qui la traverse (le bouton garde son rôle d'actions rapides) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav .fab button#navFab{width:56px!important;height:56px!important;min-width:56px!important;margin-top:-26px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--bb-piece) center/contain no-repeat!important;box-shadow:0 0 20px rgba(255,200,60,.55)!important;position:relative;overflow:hidden;animation:bbGlow 3.4s ease-in-out infinite!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav .fab button#navFab::after{content:"";position:absolute;top:-15%;left:-70%;width:38%;height:130%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,252,215,.9),transparent);transform:skewX(-20deg);animation:bbShine 3.4s ease-in-out infinite}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"]:not(.pos-active):not(.pg-open):not(.march-active):not(.fx-dep):not(.fx-rev):not(.dc-fab-in):not(.dc-fab-out) nav .fab button#navFab svg{display:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav .fab svg.fab-bolt *,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav .fab svg.fab-plus *{stroke:#0b3d1e!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav .fab :is(.fab-check,.fab-cart,.fab-truck,.fab-box,.fab-home){stroke:#0b3d1e!important}
@keyframes bbShine{0%,45%{left:-70%}100%{left:140%}}
@keyframes bbGlow{0%,100%{box-shadow:0 0 16px rgba(255,200,60,.45)}50%{box-shadow:0 0 28px rgba(255,214,90,.9)}}
body.fast[data-th="baobab"] #navFab,body.fast[data-th="baobab"] #navFab::after{animation:none!important}
@media (prefers-reduced-motion:reduce){
body[data-th="baobab"] #navFab,body[data-th="baobab"] #navFab::after{animation:none!important}

}
/* barre du bas masquée pendant une vente / sortie / dépense : plus de halo vert, plus de bouton caché */
#flGo{display:none;position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;height:54px;border:0;border-radius:18px;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,#2fe38a,#0a8a4a);box-shadow:0 6px 20px rgba(0,0,0,.45)}
#flGo svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
body[data-th="baobab"] #flGo{background:linear-gradient(135deg,#ffe28a,#ffb800);color:#2a1a00}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] #flGo{display:none!important}
/* feuille de choix + vente rapide */
#flSh{position:fixed;inset:0;z-index:90;display:none;align-items:flex-end;background:rgba(2,4,14,.66)}
#flSh.on{display:flex}
#flSh .sh{width:100%;border-radius:28px 28px 0 0;padding:12px 16px calc(24px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0e3a1f,#04150c);border-top:1.5px solid var(--fl-ac);color:#f6fbee;display:flex;flex-direction:column;gap:12px}
#flSh .gp{width:44px;height:5px;border-radius:5px;background:rgba(255,255,255,.3);align-self:center}
#flSh h3{margin:0;font-weight:800;font-size:19px;line-height:1.2}
#flSh p{margin:-6px 0 0;font-size:11.5px;color:#a8c9a0}
.fl-o{display:flex;gap:12px;align-items:center;padding:14px;border-radius:22px;border:1.5px solid #c9a227;background:linear-gradient(160deg,rgba(24,36,92,.95),rgba(3,20,12,.98));color:#fff;text-align:left;font:inherit;width:100%;cursor:pointer}
.fl-o.g{border-color:#ffd35a;background:linear-gradient(160deg,rgba(70,48,0,.9),rgba(3,20,12,.98));box-shadow:0 0 22px rgba(255,201,60,.3)}
.fl-o .ic{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#2f9e44,#0b5a23)}
.fl-o.g .ic{background:linear-gradient(135deg,#ffe28a,#c98a00);color:#2a1a00}
.fl-o .ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fl-o div{flex:1;min-width:0}
.fl-o b{font-weight:700;font-size:14.5px;line-height:normal;display:block}
.fl-o small{display:block;font-size:11px;color:#c4dcbc;margin-top:2px;line-height:1.35}
.fl-nw{background:#ffc93c;color:#2a1a00;font-weight:800;font-size:8.5px;line-height:1;padding:3px 6px;border-radius:6px;margin-left:6px;vertical-align:2px}
#flSh label.rm{display:flex;gap:8px;align-items:center;font-size:11.5px;color:#a8c9a0}
/* ===== 1.9.113 : MODE RAPIDE (vente · achat · dépense · autre revenu) ===== */
#vrPage{--ac:var(--fl-ac,#ffd54a);--bd:var(--fl-bd,#d4a82a);--on:#05102e;--go:linear-gradient(135deg,#2fe38a,#0a8a4a);--gt:#fff;position:fixed;inset:0;z-index:95;display:none;flex-direction:column;background:#04150c;color:#f6fbee;font-family:inherit;overflow:hidden}
body[data-th="baobab"] #vrPage{background:radial-gradient(circle at 0 0,rgba(255,201,60,.2),transparent 40%),#03100a}
body[data-th="baobab"] #vrPage[data-k="vente"]{--go:linear-gradient(135deg,#ffe28a,#ffb800);--gt:#2a1a00}
#vrPage[data-k="achat"]{--ac:#ff9d2e;--bd:rgba(255,157,46,.55);--on:#2a1400;--go:linear-gradient(135deg,#ffb34d,#e07a00);--gt:#2a1400}
#vrPage[data-k="dep"]{--ac:#ff6b85;--bd:rgba(255,107,133,.55);--on:#2e0510;--go:linear-gradient(135deg,#ff7d93,#d93a58);--gt:#fff}
#vrPage[data-k="rev"]{--ac:#3df08a;--bd:rgba(61,240,138,.5);--on:#032013;--go:linear-gradient(135deg,#3df08a,#0a9a52);--gt:#032013}
#vrPage.on{display:flex}
#vrPage *{box-sizing:border-box}
#vrPage button{font-family:inherit}
html body.vr-on[data-th]:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(.q1):not(.q2):not(.q3):not(.q4):not(.q5):not(.q6):not(.q7):not(.q8):not(.q9) nav,
html body.vr-on[data-th]:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(.q1):not(.q2):not(.q3):not(.q4):not(.q5):not(.q6):not(.q7):not(.q8):not(.q9) #flGo,
body.vr-on #amsTop,body.vr-on #amsBot,body.vr-on #amsBack{display:none!important}
/* en-tête */
.vr-h{display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 8px;flex:none}
.vr-h .tt{flex:1;min-width:0;display:flex;align-items:center;gap:9px}
.vr-h .tt i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--ac);box-shadow:0 0 10px var(--ac)}
.vr-h .tt b{font-weight:800;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-b{width:40px;height:40px;border-radius:13px;border:1.5px solid var(--bd);background:rgba(8,52,28,.92);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;line-height:normal;position:relative;padding:0;flex:none}
.vr-b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vr-b.wide{width:100%;height:46px;font-size:14px}
.vr-b i{position:absolute;top:-6px;right:-6px;min-width:18px;background:#ff9d2e;color:#2a1a00;font-weight:800;font-size:10px;line-height:18px;height:18px;font-style:normal;border-radius:9px;padding:0 5px;text-align:center}
/* recherche + catégories */
.vr-sr{display:flex;gap:8px;margin:0 12px 8px;flex:none}
.vr-s{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:42px;border-radius:14px;border:1.5px solid var(--bd);background:rgba(6,40,22,.9);padding:0 12px}
.vr-s input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-weight:600;font-size:14px;line-height:normal;font-family:inherit}
.vr-nw{width:42px;height:42px;border-radius:14px;border:0;background:var(--ac);color:var(--on);display:grid;place-items:center;padding:0;flex:none}
.vr-nw svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.vr-c{display:flex;gap:6px;overflow-x:auto;padding:0 12px 8px;scrollbar-width:none;flex:none}
.vr-c::-webkit-scrollbar{display:none}
.vr-c button{flex:none;border-radius:99px;border:1.5px solid var(--bd);background:rgba(6,40,22,.9);color:#d8ecd0;font-weight:700;font-size:12px;line-height:normal;padding:7px 13px}
.vr-c button.on{background:var(--ac);color:var(--on);border-color:var(--ac)}
/* liste des articles : un seul conteneur, 5 présentations (data-v) */
.vr-g{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 12px 140px;display:grid;gap:8px;align-content:start;grid-auto-rows:min-content;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,minmax(0,1fr))}
.vr-g[data-v="text"],.vr-g[data-v="table"]{grid-template-columns:minmax(0,1fr);gap:7px}
.vr-g[data-v="small"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.vr-g[data-v="grid"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vr-g[data-v="large"]{grid-template-columns:minmax(0,1fr);gap:12px}
.vr-p{--sz:32px;position:relative;display:flex;border-radius:16px;border:1.5px solid var(--bd);background:linear-gradient(160deg,#0d3a20,#06210f);color:#fff;text-align:left;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s,border-color .15s,box-shadow .15s}
.vr-p:active{transform:scale(.985)}
.vr-p.in{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac) inset,0 8px 20px -10px var(--ac);background:linear-gradient(160deg,#142a63,#0a1a47)}
.vr-p.z:not(.in){opacity:.5}
.vr-p .th{position:relative;flex:none;overflow:hidden;display:grid;place-items:center;font-weight:800;letter-spacing:.5px;color:hsl(var(--h,210),90%,84%);background:linear-gradient(135deg,hsl(var(--h,210),52%,36%),hsl(var(--h,210),58%,20%))}
.vr-p .th img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.vr-p .vbd{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.vr-p .nm{font-weight:700;font-size:13.5px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.vr-p .sb{font-size:11px;color:#a8c9a0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-p .rt{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.vr-p .pr{font-weight:800;font-size:13px;line-height:normal;color:var(--ac);white-space:nowrap}
.vr-p .pr.vq{color:#ffb34d}
.vr-p .ft{display:block}
/* liste sans image / liste imagée */
.vr-g[data-v="text"] .vr-p,.vr-g[data-v="table"] .vr-p{align-items:center;gap:11px;padding:9px 10px;min-height:58px}
.vr-g[data-v="text"] .th{display:none}
.vr-g[data-v="table"] .th{width:50px;height:50px;border-radius:14px;font-size:16px}
/* cartes verticales (petit, moyen, grand) : le nom garde sa hauteur, le prix et la quantité se calent en bas */
.vr-g[data-v="small"] .vbd,.vr-g[data-v="grid"] .vbd,.vr-g[data-v="large"] .vbd{flex:0 0 auto}
.vr-g[data-v="small"] .vr-p,.vr-g[data-v="grid"] .vr-p,.vr-g[data-v="large"] .vr-p{height:auto}
/* petit : 3 par ligne */
.vr-g[data-v="small"] .vr-p{--sz:26px;flex-direction:column;gap:5px;padding:7px;min-height:150px}
.vr-g[data-v="small"] .th{width:100%;height:46px;border-radius:11px;font-size:15px}
.vr-g[data-v="small"] .nm{font-size:11.5px}
.vr-g[data-v="small"] .sb{font-size:9.5px}
.vr-g[data-v="small"] .rt{align-items:stretch;gap:5px;margin-top:auto}
.vr-g[data-v="small"] .pr{font-size:12px}
/* moyen : 2 par ligne */
.vr-g[data-v="grid"] .vr-p{--sz:34px;flex-direction:column;gap:7px;padding:8px}
.vr-g[data-v="grid"] .th{width:100%;height:98px;border-radius:12px;font-size:26px}
.vr-g[data-v="grid"] .rt{align-items:stretch;gap:7px;margin-top:auto}
.vr-g[data-v="grid"] .pr{font-size:14px}
/* grand : 1 par ligne, grande image */
.vr-g[data-v="large"] .vr-p{--sz:44px;flex-direction:column;gap:9px;padding:10px;border-radius:20px}
.vr-g[data-v="large"] .th{width:100%;height:176px;border-radius:14px;font-size:46px}
.vr-g[data-v="large"] .nm{font-size:16px;-webkit-line-clamp:2}
.vr-g[data-v="large"] .sb{font-size:12px}
.vr-g[data-v="large"] .rt{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.vr-g[data-v="large"] .pr{font-size:19px}
.vr-g[data-v="large"] .ft{flex:1;max-width:170px}
/* bouton d'ajout et stepper avec saisie numérique */
.vr-ad{display:grid;place-items:center;width:calc(var(--sz)*1.8);height:var(--sz);border-radius:calc(var(--sz)*.34);border:1.5px solid var(--ac);background:rgba(255,255,255,.04);color:var(--ac);padding:0}
.vr-ad svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.vr-ad:active{background:var(--ac);color:var(--on)}
.vr-g[data-v="small"] .vr-ad,.vr-g[data-v="grid"] .vr-ad,.vr-g[data-v="large"] .vr-ad{width:100%}
.vr-st{display:flex;align-items:center;gap:4px}
.vr-st button{flex:none;width:var(--sz);height:var(--sz);border-radius:calc(var(--sz)*.34);border:1.5px solid var(--bd);background:#0a2e19;color:#fff;display:grid;place-items:center;padding:0}
.vr-st button svg{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.vr-st button.vpp{background:var(--ac);border-color:var(--ac);color:var(--on)}
.vr-st button:disabled{opacity:.35}
.vr-st input{width:46px;min-width:0;height:var(--sz);border-radius:calc(var(--sz)*.34);border:1.5px solid rgba(255,255,255,.2);background:rgba(2,6,22,.75);color:#fff;text-align:center;font-weight:800;font-size:calc(var(--sz)*.5);line-height:normal;padding:0;outline:0;font-family:inherit;-webkit-appearance:none;appearance:none}
.vr-st input:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(255,255,255,.09)}
.vr-g[data-v="small"] .vr-st,.vr-g[data-v="grid"] .vr-st,.vr-g[data-v="large"] .vr-st{width:100%}
.vr-g[data-v="small"] .vr-st input,.vr-g[data-v="grid"] .vr-st input,.vr-g[data-v="large"] .vr-st input{flex:1;width:auto}
.vr-em{grid-column:1/-1;text-align:center;color:#a8c9a0;padding:34px 16px;font-size:13px;line-height:1.5}
.vr-em button{margin-top:12px;height:44px;padding:0 20px;border-radius:14px;border:0;background:var(--ac);color:var(--on);font-weight:800;font-size:14px}
/* barre du bas */
.vr-bar{position:absolute;left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:4;display:flex;gap:8px;align-items:center;padding:8px;border-radius:22px;border:1.5px solid var(--ac);background:rgba(5,36,20,.97);box-shadow:0 6px 24px rgba(0,0,0,.5)}
.vr-bar .i{flex:1;min-width:0;padding-left:4px}
.vr-bar .i small{display:block;font-size:10.5px;color:#a8c9a0}
.vr-bar .i b{font-weight:800;font-size:18px;line-height:normal;white-space:nowrap}
.vr-go{height:48px;padding:0 18px;border-radius:16px;border:0;font-weight:800;font-size:14px;line-height:normal;color:var(--gt);background:var(--go);flex:none}
.vr-go:disabled{opacity:.4}
/* panier : feuille flottante au-dessus de la barre */
.vr-scr{position:absolute;inset:0;z-index:2;background:rgba(2,4,14,.55);display:none}
.vr-scr.on{display:block}
.vr-cart{position:absolute;left:8px;right:8px;bottom:calc(88px + env(safe-area-inset-bottom,0px));max-height:66%;z-index:3;display:none;flex-direction:column;background:linear-gradient(180deg,#0e3a1f,#04150c);border:1.5px solid var(--ac);border-radius:24px;box-shadow:0 -10px 40px rgba(0,0,0,.55)}
.vr-cart.on{display:flex}
.vr-cart .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px;flex:none}
.vr-cart .hd b{font-weight:800;font-size:16px;line-height:normal}
.vr-cart .hd b span{font-weight:600;font-size:12px;color:#a8c9a0;margin-left:6px}
.vr-cart .hd button{border:0;background:none;color:#ff7d93;font-weight:700;font-size:12.5px;padding:6px 4px}
.vr-cart .ls{overflow-y:auto;overscroll-behavior:contain;padding:0 14px 8px}
.vr-cart .em{color:#a8c9a0;padding:14px 0 18px;font-size:13px}
.vr-ln{--sz:32px;display:flex;gap:10px;padding:10px 0;border-top:1px solid rgba(150,170,255,.14)}
.vr-ln .th{width:42px;height:42px;border-radius:12px;font-size:14px;flex:none;position:relative;overflow:hidden;display:grid;place-items:center;font-weight:800;color:hsl(var(--h,210),90%,84%);background:linear-gradient(135deg,hsl(var(--h,210),52%,36%),hsl(var(--h,210),58%,20%))}
.vr-ln .th img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.vr-ln .main{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.vr-ln .r1,.vr-ln .r2{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vr-ln .nm{font-weight:700;font-size:13px;line-height:1.25;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.vr-ln .lt{flex:none;font-weight:800;font-size:13.5px;color:#7dffb4;white-space:nowrap}
.vr-ln .vup{border:0;background:none;padding:2px 0;color:#a8c9a0;font-weight:700;font-size:12px;white-space:nowrap}
.vr-ln .vup.ved{text-decoration:underline dotted;color:#d8ecd0}
.vr-ln .del{width:32px;height:32px;border-radius:10px;border:0;background:rgba(255,93,120,.14);color:#ff7d93;display:grid;place-items:center;padding:0;flex:none}
.vr-ln .del svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vr-ln .r2 .vr-st{margin-left:auto}
/* feuilles (règlement, affichage, confirmations) */
.vr-ov{position:absolute;inset:0;z-index:6;background:rgba(2,4,14,.7);display:none;align-items:flex-end}
.vr-ov.on{display:flex}
.vr-sh{width:100%;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#0e3a1f,#04150c);border-top:1.5px solid var(--ac);padding:14px 16px calc(22px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;max-height:90%;overflow:auto;color:#f6fbee}
.vr-sh h4{margin:0;font-weight:800;font-size:17px;line-height:normal}
.vr-sh .sub{font-size:12.5px;color:#a8c9a0;line-height:1.4}
.vr-tot{font-weight:800;font-size:30px;line-height:normal;color:var(--ac)}
.vr-m{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vr-m.c2{grid-template-columns:1fr 1fr}
.vr-m.c4{grid-template-columns:repeat(2,1fr)}
.vr-m button,.vr-q button{border-radius:14px;border:1.5px solid #c9a227;background:#0a2e19;color:#fff;font-weight:700;font-size:12.5px;line-height:normal;padding:12px 4px}
.vr-m button.on{border-color:var(--ac);background:rgba(255,255,255,.1);box-shadow:0 0 0 1px var(--ac) inset}
.vr-q{display:flex;gap:6px;flex-wrap:wrap}
.vr-q button{flex:1;padding:10px 6px;min-width:64px}
.vr-sh label.f{display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:#a8c9a0;font-weight:700}
.vr-sh input[type=text],.vr-sh input[type=number],.vr-sh input[type=date],.vr-sh select{height:46px;border-radius:14px;border:1.5px solid #c9a227;background:#0a1646;color:#fff;font-weight:700;font-size:16px;line-height:normal;padding:0 12px;width:100%;font-family:inherit;outline:0;color-scheme:dark}
.vr-sh input:focus,.vr-sh select:focus{border-color:var(--ac)}
.vr-2c{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vr-row{display:flex;gap:8px}
.vr-row .vr-b{width:auto;flex:1;height:50px;font-size:14px}
.vr-row .vr-go{flex:1.4;height:50px}
.vr-wr{background:rgba(255,93,120,.14);color:#ff8da1;border-radius:12px;padding:10px 12px;font-size:12.5px;font-weight:700;line-height:1.35}
.vr-wr.n{background:rgba(255,255,255,.07);color:#a8c9a0}
.vr-ok{text-align:center;padding:26px 10px 6px;display:flex;flex-direction:column;align-items:center;gap:8px}
.vr-ok .ck{width:84px;height:84px;border-radius:50%;background:#12a150;display:grid;place-items:center;box-shadow:0 0 30px rgba(47,227,138,.6)}
.vr-ok .ck svg{width:46px;height:46px;stroke:#fff;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
/* feuille « Affichage » (même présentation que Marchandises) */
.vr-ph{display:flex;flex-direction:column;gap:3px}
.vr-ph b{font-weight:800;font-size:22px;line-height:normal}
.vr-ph span{font-size:13px;color:#a8c9a0}
.vr-sec{font-weight:800;font-size:12px;letter-spacing:.8px;color:#8aa0d8;text-transform:uppercase;margin:8px 0 -2px}
.vr-tg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 4px}
.vr-tl{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;color:#e9efff;font-weight:600;font-size:12.5px;line-height:1.2;padding:0;text-align:center}
.vr-tl .qi{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px -6px rgba(0,0,0,.6);transition:box-shadow .15s}
.vr-tl .qi svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vr-tl.on{color:#3ddc6a}
.vr-tl.on .qi{box-shadow:0 0 0 3px #08113a,0 0 0 5px #3ddc6a,0 0 18px rgba(61,220,106,.45)}
.vr-sg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:rgba(255,255,255,.06);padding:4px;border-radius:14px}
.vr-sg button{border:0;border-radius:11px;background:none;color:#d8ecd0;font-weight:700;font-size:12.5px;padding:10px 4px}
.vr-sg button.on{background:#3ddc6a;color:#032028}
.vr-fx{display:flex;justify-content:center;gap:24px;margin-top:6px}
.vr-fx button{width:62px;height:62px;border-radius:50%;border:0;display:grid;place-items:center;padding:0}
.vr-fx button svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vr-fx .vxb{background:#0a2e19;color:#fff;border:1.5px solid #2a3f8c}
.vr-fx .vok{background:#cfd6ea;color:#1a2248}
.vr-fx .vok.vchg{background:#2fe38a;color:#032}
@media (prefers-reduced-motion:reduce){
.vr-p,.vr-tl .qi{transition:none}

}
/* verrouillage */
body[data-th="baobab"] #pinLock{background:radial-gradient(circle at 50% 38%,rgba(255,201,60,.22),transparent 50%),radial-gradient(circle at 50% 0,rgba(60,190,80,.35),transparent 55%),#03050f!important}
body[data-th="baobab"] #pinLock button{border-color:var(--fl-ac)!important;box-shadow:0 0 12px rgba(255,213,74,.25)}
/* [calcCSS] */
.cpill{position:fixed;z-index:4000;display:none;align-items:center;gap:6px;height:34px;padding:0 13px 0 10px;border:0;border-radius:17px;background:var(--pr);color:#fff;font:800 12.5px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 6px 16px -4px rgba(37,99,235,.55);-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}
.cpill.on{display:flex}
.cpill svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:rgba(8,15,30,.55);display:none;align-items:flex-end;justify-content:center}
.cov.on{display:flex}
.cbox{width:100%;max-width:480px;background:var(--card);color:var(--tx);border-radius:26px 26px 0 0;padding:10px 14px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 50px -20px rgba(0,0,0,.4);animation:cup .22s ease-out;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@keyframes cup{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.cbox>i{display:block;width:36px;height:4px;border-radius:2px;background:var(--mu2);opacity:.45;margin:0 auto 10px}
.chead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.chead b{font-size:16px}
.chead span{font-size:12px;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cdisp{background:var(--inb);border-radius:16px;padding:10px 14px;margin:10px 0;text-align:right;min-height:78px}
.cexp{font-size:15px;color:var(--mu);min-height:20px;word-break:break-all;line-height:1.3}
.cres{font-size:34px;font-weight:800;line-height:1.15;word-break:break-all}
.cres.err{color:var(--ko);font-size:22px}
.ckeys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ckeys button{height:52px;border:0;border-radius:14px;font:700 21px system-ui,-apple-system,sans-serif;background:var(--bd);color:var(--tx);-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}
.ckeys button:active{transform:scale(.95)}
.ckeys button.cop{background:var(--inb);color:var(--pr)}
.ckeys button.ceq{background:var(--pr);color:#fff}
.ckeys button.cclr{color:var(--ko)}
.ckeys button:disabled{opacity:.3}
.cact{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:10px}
.cact button{height:52px;border:0;border-radius:14px;font:800 16px system-ui,-apple-system,sans-serif;cursor:pointer;touch-action:manipulation}
.cact .cno{background:var(--bd);color:var(--tx)}
.cact .cok{background:var(--ok);color:#fff}
@keyframes invOk{0%{box-shadow:inset 0 0 0 3px var(--ok);background:var(--okb)}100%{box-shadow:inset 0 0 0 0 transparent}}
.pg-march .mrow.inv-ok .mrow-inner{animation:invOk .7s ease-out}
.pg-march.minv .mrow{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.pg-march.minv .mrow input{-webkit-user-select:text;user-select:text}
/* [kpiCSS] */
nav .fab .fab-home{display:none}
body.kp-home nav .fab .fab-plus{display:none}
body.kp-home nav .fab .fab-home{display:block;animation:kpPop .55s cubic-bezier(.2,.9,.25,1) both}
body.kp-home nav .fab button{transition:transform .18s ease,box-shadow .18s ease}
body.kp-home nav .fab button:active{transform:scale(.93)}
@keyframes kpPop{0%{transform:translate(-50%,-50%) scale(.25) rotate(-90deg);opacity:0}60%{transform:translate(-50%,-50%) scale(1.14) rotate(6deg);opacity:1}100%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}
body.kp-open{overflow:hidden}
.kpo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4400;background:rgba(8,15,30,.46);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .34s}
.kpo.on{opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s}
.kps{position:absolute;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;max-height:93vh;max-height:93dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);color:var(--tx);border-radius:28px 28px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -24px 60px -20px rgba(0,0,0,.45);transform:translateY(104%);transition:transform .45s cubic-bezier(.2,.9,.25,1);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.kpo.on .kps{transform:none}
.kp-grab{display:block;width:38px;height:4px;border-radius:2px;background:var(--mu2);opacity:.45;margin:0 auto 12px}
.kp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.kp-head b{display:block;font-size:20px;font-weight:800;letter-spacing:-.2px}
.kp-head small{display:block;font-size:12.5px;color:var(--mu);margin-top:2px;font-weight:600}
.kp-x{width:38px;height:38px;border-radius:50%;border:0;background:var(--card);color:var(--mu);display:grid;place-items:center;box-shadow:var(--sh);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none}
.kp-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.kp-seg{position:relative;display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border-radius:14px;padding:4px;box-shadow:var(--sh);margin-bottom:12px}
.kp-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/5);border-radius:11px;background:var(--pr);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--pr) 75%,transparent);transition:transform .3s cubic-bezier(.3,.9,.3,1)}
.kp-seg button{position:relative;z-index:1;border:0;background:none;color:var(--mu);font:700 11.5px system-ui,-apple-system,sans-serif;padding:9px 0;border-radius:11px;cursor:pointer;white-space:nowrap;letter-spacing:-.2px;min-width:0;-webkit-tap-highlight-color:transparent;transition:color .2s}
.kp-seg button.on{color:#fff}
.kp-hero{position:relative;overflow:hidden;border-radius:22px;padding:16px 16px 0;color:#fff;background:linear-gradient(135deg,#16A34A,#0F766E);box-shadow:0 18px 30px -16px rgba(22,163,74,.7);margin-bottom:12px;isolation:isolate}
.kp-hero.neg{background:linear-gradient(135deg,#EF4444,#B91C1C);box-shadow:0 18px 30px -16px rgba(220,38,38,.7)}
.kp-hero::before{content:"";position:absolute;right:-40px;top:-60px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 68%);z-index:-1}
.kp-hr{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;opacity:.92}
.kp-hr .kp-ic{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.2);display:grid;place-items:center}
.kp-hr svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.kp-hv{display:flex;align-items:baseline;gap:6px;margin-top:8px;font-variant-numeric:tabular-nums}
.kp-hv b{font-size:34px;font-weight:800;letter-spacing:-.8px;line-height:1.1}
.kp-hv i{font-style:normal;font-size:13px;font-weight:700;opacity:.85}
.kp-hs{font-size:12.5px;font-weight:600;opacity:.88;margin-top:2px}
.kp-sp{display:flex;justify-content:space-between;align-items:flex-end;font-size:11.5px;font-weight:700;opacity:.9;margin-top:10px}
.kp-spark{display:block;width:calc(100% + 32px);margin:0 -16px;height:64px}
.kp-spark .a{fill:rgba(255,255,255,.18);stroke:none}
.kp-spark .l{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.kp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kp-card{position:relative;background:var(--card);border-radius:18px;padding:12px 12px 11px;box-shadow:var(--sh);border:1px solid var(--bd);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease;min-width:0;display:flex;flex-direction:column;gap:3px}
.kp-card:active{transform:scale(.97)}
.kp-card.alert{border-color:color-mix(in srgb,var(--ko) 38%,var(--bd))}
.kp-top{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--mu)}
.kp-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none}
.kp-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.t-ok .kp-ic{background:var(--okb);color:var(--ok)}
.t-ko .kp-ic{background:var(--kob);color:var(--ko)}
.t-mu .kp-ic{background:var(--bg2);color:var(--mu)}
.kp-v{display:flex;align-items:baseline;gap:4px;margin-top:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.kp-v b{font-size:20px;font-weight:800;letter-spacing:-.4px}
.kp-v b.sm{font-size:16.5px}
.kp-v i{font-style:normal;font-size:11px;font-weight:700;color:var(--mu)}
.kp-tr{font-size:11.5px;font-weight:600;color:var(--mu);line-height:1.3}
.kp-rel{position:absolute;right:10px;top:10px;width:30px;height:30px;border:0;border-radius:50%;background:var(--ko);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 6px 12px -6px color-mix(in srgb,var(--ko) 80%,transparent)}
.kp-rel svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.kp-rel:active{transform:scale(.9)}
.kp-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.kp-foot button{height:50px;border:0;border-radius:15px;font:800 14.5px system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.kp-foot button:active{transform:scale(.97)}
.kp-foot svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.kp-b2{background:var(--card);color:var(--tx);box-shadow:var(--sh);border:1px solid var(--bd)!important}
.kp-b1{background:var(--pr);color:#fff;box-shadow:0 10px 20px -10px color-mix(in srgb,var(--pr) 80%,transparent)}
@keyframes kpIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes kpDraw{to{stroke-dashoffset:0}}
.kpo.on .kp-seg,.kpo.on .kp-hero,.kpo.on .kp-card,.kpo.on .kp-foot{animation:kpIn .5s cubic-bezier(.2,.9,.25,1) both;animation-delay:calc(var(--i,0)*55ms + 110ms)}
.kpo.on .kp-spark .l{stroke-dasharray:1;stroke-dashoffset:1;animation:kpDraw 1s .45s ease-out forwards}
@media (prefers-reduced-motion:reduce){
.kpo.on .kp-seg,.kpo.on .kp-hero,.kpo.on .kp-card,.kpo.on .kp-foot{animation:none}
.kpo.on .kp-spark .l{animation:none;stroke-dashoffset:0}
body.kp-home nav .fab .fab-home{animation:none}
.kps{transition-duration:.01s}

}
/* [ams-v53] */
body .pos-act{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;height:auto!important;gap:8px;align-self:flex-end;margin:0 8px 8px 0!important;justify-content:flex-end;flex-direction:row-reverse}
body .pos-act button{width:52px;height:52px;border-radius:50%;background:var(--inb);color:var(--pr);box-shadow:var(--sh);border:1px solid transparent}
body .pos-act button svg{width:24px;height:24px;stroke-width:1.9;margin:0;display:block}
body .pg-march .mfabs .mfab.mfab:not(.zz):not(.zy){width:52px!important;height:52px!important;border-radius:50%!important}
body .pg-march .mfabs .mfab.mfab:not(.zz):not(.zy) svg{width:24px!important;height:24px!important;stroke-width:1.9!important}
body .pg-march .mfabs{gap:10px!important}
.qk .qtile .qi{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 16px -8px rgba(15,23,42,.35)}
.qk .qtile .qi svg{width:24px;height:24px;stroke-width:1.9;margin:0;display:block}
.qk .ac i{width:52px;height:52px;border-radius:50%}
.qk .qgrid{gap:30px 10px}
.qk .qtile{gap:6px}
.qk .qth{width:36px;height:32px}
.qk .qth svg{width:19px;height:19px;display:block;margin:auto}
.qk .qtile .qi:after{border-radius:inherit}
nav .fab button.wob svg{animation:kpPop .55s cubic-bezier(.2,.9,.25,1) both}
nav .fab button.wob{animation:fabBump .5s cubic-bezier(.2,.9,.25,1)}
@keyframes fabBump{0%{transform:scale(.88)}55%{transform:scale(1.08)}100%{transform:scale(1)}}
.topbar,nav,.ov,.kpo{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.topbar{background:var(--bg)!important}
.pg-march .mrow-inner{will-change:auto!important;will-change:auto}
.pcell .thumb,.ci .cth .thumb,.fav .img{transform:none!important;transition:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 6px -3px rgba(15,23,42,.22)}
.thumb img.ok{filter:none}
.thumb svg{filter:none}
.pcell .thumb::after,.ci .cth .thumb::after{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 55%)}
.so-body,.dc-v,.pwrap,.sheet,.dr{overscroll-behavior:contain}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.ib{border-radius:15px;transition:transform .15s var(--ease)}
.ib:active{transform:scale(.92)}
.opt:active{transform:scale(.98)}
.pcell{transition:transform .12s var(--ease)}
.pcell:active{transform:scale(.97)}
.mrow:active .mrow-inner{background:var(--bg2)}
nav .fab button{transition:transform .18s var(--ease),background .3s}
nav .fab button:active{transform:scale(.93)}
body.pos-active.pos-has nav .fab button,body.dc-fab-out nav .fab button,body.fx-rev.fx-has nav .fab button{background:linear-gradient(145deg,#4ADE80,#22C55E 45%,#16A34A)}
body.pos-active.pos-achat.pos-has:not(.fx-dep):not(.fx-rev) nav .fab button,body.dc-fab-in nav .fab button,body.fx-dep.fx-has nav .fab button{background:linear-gradient(145deg,#FB7185,#F43F5E 45%,#DC2626)}
body.pos-active.fx-dep nav .fab button,body.pos-active.fx-rev nav .fab button{background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)}
@supports (color:color-mix(in srgb,red,blue)){
.sbar:focus-within{border-color:var(--pr);box-shadow:0 0 0 3px color-mix(in srgb,var(--pr) 18%,transparent)}

}
.scard2{border-radius:18px;overflow:hidden}
.cat-line{transition:background .15s;font-weight:700}
.cat-line:active{background:var(--bg2)}
.cat-line span{background:var(--inb);color:var(--pr);border-radius:12px;padding:2px 10px;font-size:12px;font-weight:800;min-width:28px;text-align:center}
.form-actions button{border-radius:16px;font-weight:800;min-height:48px;transition:transform .12s var(--ease)}
.form-actions button:active{transform:scale(.97)}
.form-actions .save{background:linear-gradient(145deg,var(--pr3),var(--pr) 50%,var(--pr2))}
.form-actions .danger{background:linear-gradient(145deg,#FB7185,#EF4444 50%,#DC2626)}
.opt{border-radius:18px}
.opt .ic{border-radius:14px}
.sheet h3{font-size:17px}
.pills button,.so-pills button{transition:background .2s,color .2s,box-shadow .2s}
.stock-badge{border-radius:10px;font-weight:800}
.mrow-main b{letter-spacing:-.2px}
.mrow-right b{font-weight:800}

.scard{border-radius:18px}
.sbar{box-shadow:var(--sh)}
.topbar .ib{box-shadow:var(--sh)}
.mgrp{border-radius:14px}
.march-more{border-radius:16px;font-weight:800}
.storepill{box-shadow:0 4px 10px -4px rgba(22,163,74,.6)}
.dot{box-shadow:0 2px 6px -1px rgba(239,68,68,.55)}
.ctx{border-radius:18px;box-shadow:var(--sh2)}
.qk .qtile .pev{font-size:10.5px;color:var(--mu);font-weight:600;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-4px}
.qk .qkh .cl{margin-right:10px}
.peact{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}
.nfg .peact>*+*{margin-left:18px}
.peact .qx{margin:0}
.pego{width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#4ADE80,#22C55E 45%,#16A34A);display:grid;place-items:center;line-height:0;padding:0;box-shadow:0 12px 22px -8px rgba(22,163,74,.65)}
.pego svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.pechips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px;max-height:22vh;overflow-y:auto}
.pechips button{border:1.5px solid var(--bd);background:var(--card);border-radius:16px;padding:8px 12px;font-weight:800;font-size:12.5px}
/* champs personnalisés */
.qk .cftypes{display:flex;flex-wrap:wrap;gap:8px}
.qk .cftypes button{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--bd);background:var(--card);color:var(--tx);border-radius:14px;padding:9px 12px;font-weight:800;font-size:12.5px}
.qk .cftypes button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qk .cftypes button.on{border-color:var(--pr);background:var(--inb);color:var(--pr)}
.qk .cfta{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid var(--bd);border-radius:14px;background:var(--card);color:var(--tx);font:600 15px/1.4 system-ui,sans-serif;resize:vertical;min-height:96px}
.qk .cfman{display:block;width:100%;margin:2px 0 14px;padding:10px;border:0;border-radius:12px;background:var(--bg2);color:var(--mu);font-weight:800;font-size:12.5px}
.qk .cfman.cfdel{background:var(--kob);color:var(--ko);font-size:14px;margin-top:6px}
.qk .cfnote{font-size:12px;color:var(--mu);font-weight:600;margin:-6px 2px 14px;text-align:center}
.pecols{display:flex;flex-wrap:wrap;gap:12px;padding:6px 0 10px}
nav button{min-width:0;white-space:nowrap;letter-spacing:0}
.topbar>*{min-width:0}
.topbar .ib{flex:none}
.storepill{max-width:100%;white-space:nowrap}
@media(max-width:380px){
body{padding-left:12px;padding-right:12px}
.topbar{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;gap:5px}
.ib{width:36px;height:36px}
.ib.hb{width:40px;height:40px}
nav .fab button{margin-top:-32px}
.pg-march .mfoot{font-size:11.5px;padding:9px 12px;gap:8px}

}
.neu,.form-actions .neu,.vp .vpf .neu,.gzo .grec button.neu{background:linear-gradient(145deg,#F4F7FB,#A9B6C8)!important;color:#0F172A!important;border:1px solid rgba(255,255,255,.65);box-shadow:0 6px 16px -6px rgba(148,163,184,.75),inset 0 1px 0 rgba(255,255,255,.85)!important}
.neu:disabled{opacity:.45}
.neu{transition:background .25s,color .25s,box-shadow .25s}
.neu.chg,.form-actions .neu.chg,.vp .vpf .neu.chg,.gzo .grec button.neu.chg{background:linear-gradient(145deg,#22C55E,#16A34A)!important;color:#fff!important;border-color:transparent;box-shadow:0 6px 14px -6px rgba(22,163,74,.6)!important}
/* [cta-fabs] */
html body .pg-march .mfabs .mfab.mfab.mfab.mfab,
html body .pos-act button.pos-b.pos-b,
html body .pos-act button:not(.zz){width:42px!important;height:42px!important;border-radius:50%!important;
  background:linear-gradient(145deg,var(--pr3),var(--pr) 45%,var(--pr2))!important;
  color:#fff!important;border:0!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.35),0 10px 18px -6px rgba(37,99,235,.7)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--pr) 35%,transparent),0 10px 18px -6px color-mix(in srgb,var(--pr) 70%,transparent)!important;
  opacity:1!important;transition:transform .18s var(--ease),box-shadow .18s!important;}
html body .pg-march .mfabs .mfab.mfab.mfab.mfab svg,
html body .pos-act button:not(.zz) svg{width:20px!important;height:20px!important;stroke:#fff!important;color:#fff!important;stroke-width:2.2!important}
html body .pg-march .mfabs .mfab.mfab.mfab.mfab:active,
html body .pos-act button:not(.zz):active{transform:scale(.92)!important}
html body .pg-march .mfabs .mfab.mfab.mfab.wr-in{background:linear-gradient(145deg,#FB7185,#F43F5E 45%,#DC2626)!important;box-shadow:0 0 0 4px rgba(220,38,38,.35),0 10px 18px -6px rgba(220,38,38,.65)!important}
html body .pg-march .mfabs .mfab.mfab.mfab.wr-out{background:linear-gradient(145deg,#4ADE80,#22C55E 45%,#16A34A)!important;box-shadow:0 0 0 4px rgba(22,163,74,.35),0 10px 18px -6px rgba(22,163,74,.65)!important}
html body .pg-march .mfabs .mfab.mfab.mfab.mfab.inv{background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)!important;box-shadow:0 0 0 4px rgba(100,116,139,.35),0 10px 18px -6px rgba(100,116,139,.75)!important}
html body .pg-march .mfabs .mfab .mwb,html body .pg-march .mfabs .mfab .mwb2{z-index:2}
html body .pos-act button:not(.zz){width:34px!important;height:34px!important;border-radius:50%!important;box-shadow:0 0 0 3px rgba(37,99,235,.35),0 8px 14px -6px rgba(37,99,235,.7)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pr) 35%,transparent),0 8px 14px -6px color-mix(in srgb,var(--pr) 70%,transparent)!important}
html body .pos-act button:not(.zz) svg{width:17px!important;height:17px!important}
html body .pg-pos .pos-cat-head .vw.hist,html body .pos-cat-head .vw.hist{width:34px!important;height:34px!important;padding:0!important;border-radius:17px!important;justify-content:center;background:var(--inb)!important;color:var(--pr)!important;display:flex;align-items:center}
html body .pos-cat-head .vw.hist svg{width:17px;height:17px}
html body .pos-cat-head{gap:6px}
html body .pos-cat-head b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .pos-cat{position:relative}
html body .pos-cat .pos-act{position:absolute!important;right:14px!important;bottom:14px!important;left:auto!important;top:auto!important;margin:0!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;z-index:5;pointer-events:none;transition:transform .25s ease,opacity .25s ease}
html body .pos-cat .pos-act button{pointer-events:auto}
html body .pos-cat .pos-grid{padding-bottom:76px!important}

html body .pos-cat .pos-act.fab-hide{transform:translateY(90px);opacity:0}
html body .pos-cat .pos-act.fab-hide button{pointer-events:none}
html body .pg-march .mfabs .mfab.mfab.mfab.wr-in,html body .pg-march .mfabs .mfab.mfab.mfab.wr-out{isolation:isolate}
html body .pg-march .mfabs .mfab.wr-in::before,html body .pg-march .mfabs .mfab.wr-out::before{
  content:"";
  position:absolute;
  inset:-6px;
  z-index:-1;
  pointer-events:none;
}
html body .pg-march .mfabs .mfab.wr-in::before{--ha:#FB7185;--hb:#DC2626}
html body .pg-march .mfabs .mfab.wr-out::before{--ha:#4ADE80;--hb:#16A34A}
@keyframes invSpin{to{transform:rotate(360deg)}}

html body .pg-march.minv .mfabs .mfab.mfab.mfab.inv{box-shadow:0 0 0 5px rgba(37,99,235,.55),0 10px 18px -6px rgba(37,99,235,.7)!important}
/* [no-select] */
html body *:not(input):not(textarea):not([contenteditable="true"]){-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
html body input,html body textarea,html body [contenteditable="true"]{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}
/* [ctx-center] */
html body .ctx{min-width:0!important;width:max-content!important}
html body .ctx button{display:grid!important;justify-content:start!important;align-items:center!important;column-gap:14px!important;text-align:left!important}
html body .ctx button .ci{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:0}
html body .ctx button .ci svg{display:block!important;margin:0!important;position:static!important}
html body .peact{gap:16px!important}
html body .peact .pego,html body .peact .qx{width:46px!important;height:46px!important;border-radius:50%!important}
html body .peact .pego{box-shadow:0 8px 14px -6px rgba(22,163,74,.6)!important}
html body .peact .pego svg{width:22px!important;height:22px!important;stroke-width:2.6!important}
html body .ctx button{grid-template-columns:36px auto!important;padding:8px 18px 8px 14px!important}
html body .ctx button .ci{width:36px!important;height:36px!important;border-radius:50%!important;
 background:linear-gradient(145deg,var(--c),var(--c))!important;
 background:linear-gradient(145deg,color-mix(in srgb,var(--c) 62%,#fff),var(--c) 45%,color-mix(in srgb,var(--c) 78%,#000))!important;
 box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 32%,transparent),0 6px 10px -4px color-mix(in srgb,var(--c) 70%,transparent)!important}
html body .ctx button .ci svg{width:18px!important;height:18px!important;stroke:#fff!important}
html body .qk .qtile .qi{width:42px!important;height:42px!important;border-radius:50%!important;overflow:visible!important;isolation:isolate}
html body .qk .qtile .qi svg{width:20px!important;height:20px!important}
html body .qk .qtile .qi::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.38;z-index:-1;pointer-events:none;
 -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px))}
html body .qk .qgrid{gap:26px 10px!important}
/* [nav-toggles-css] */
body.nav-partner:not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav .fab button{background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)!important;
  box-shadow:0 14px 26px -6px rgba(100,116,139,.75)!important;}
nav .fab button .fab-users{display:none;
  width:28px;height:28px;
  stroke:#fff;fill:none;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  background:none;padding:0;}
body.nav-partner nav .fab .fab-plus,
body.nav-partner nav .fab .fab-home,
body.nav-partner nav .fab .fab-check,
body.nav-partner nav .fab .fab-cart,
body.nav-partner nav .fab .fab-truck,
body.nav-partner nav .fab .fab-box{display:none!important;}
body.nav-partner nav .fab .fab-users{display:block!important;}
body.nav-partner.pos-active.pos-has nav .fab button{background:linear-gradient(145deg,#4ADE80,#22C55E 45%,#16A34A)!important;
  box-shadow:0 14px 26px -6px rgba(22,163,74,.7)!important;}
body.nav-partner.pos-active.pos-achat.pos-has:not(.fx-dep):not(.fx-rev) nav .fab button{background:linear-gradient(145deg,#FB7185,#F43F5E 45%,#DC2626)!important;
  box-shadow:0 14px 26px -6px rgba(220,38,38,.7)!important;}
body.nav-partner.pos-active.pos-has nav .fab .fab-users{display:none!important;}
body.nav-partner.pos-active.pos-has nav .fab .fab-check{display:block!important;}
/* [march-search-fab-css] */
body .pg-march .msearch-fab{
  position:absolute;
  left:16px;
  bottom:calc(148px + env(safe-area-inset-bottom,0px));
  border-radius:50%;
  display:grid;
  place-items:center;
  padding:0;
  line-height:0;
  z-index:5;
  cursor:pointer;
  isolation:isolate;
  transition:transform .18s ease,box-shadow .18s;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
body .pg-march .msearch-fab::before{display:none!important;content:"";
  position:absolute;
  inset:-3px;
  border-radius:50%;
  z-index:-1;
  pointer-events:none;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.5px));
  
  background:conic-gradient(from 0deg,transparent 0%,transparent 55%,var(--pr3) 85%,var(--pr) 100%);
  transform:rotate(0deg);
  opacity:.55;
  transition:opacity .25s ease;}
body .pg-march .msearch-fab.spinning::before{opacity:1;
  animation:msearchSpin 1.6s linear infinite;}
@keyframes msearchSpin{to{transform:rotate(360deg)}}
body .pg-march .msearch-fab svg{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block;
  position:static;
}
body .pg-march .msearch-fab:active{transform:scale(.92)}
@media (prefers-reduced-motion:reduce){
body .pg-march .msearch-fab.spinning::before{animation:none}

}
/* [treasury-check-css] */
.tc-box{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:4px 14px;margin:8px 0}
.tc-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--bg2);font-size:13.5px}
.tc-row:last-child{border-bottom:0}
.tc-row b{font-variant-numeric:tabular-nums;white-space:nowrap}
.tc-row.mu{color:var(--mu)}
.tc-row.tt{font-size:15px;font-weight:800}
.tc-ok{color:var(--ok)}
.tc-ko{color:var(--ko)}
.tc-wa{color:var(--wa)}
.tc-t{font-size:12px;font-weight:800;color:var(--mu);text-transform:uppercase;letter-spacing:.04em;margin:14px 2px 6px;display:flex;justify-content:space-between}
.tc-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:800;margin-left:6px}
.tc-badge.ko{background:var(--kob);color:var(--ko)}
.tc-badge.wa{background:var(--wab);color:var(--wa)}
.tc-badge.ok{background:var(--okb);color:var(--ok)}
/* [ams-v2-css] */
body:not(.pg-open):not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav .fab button svg,
body.march-active:not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav .fab button svg{display:none!important}
body:not(.pg-open):not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav .fab button svg.fab-home{display:block!important;width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.march-active:not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav .fab button svg.fab-box{display:block!important;width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pay-docs{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 14px;padding:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pay-docs::-webkit-scrollbar{display:none}
.nfg .pay-docs>*+*{margin-left:8px}
.pay-docs button{flex:none;padding:8px 12px;border-radius:14px;background:var(--bg2);border:1.5px solid transparent;text-align:left;color:var(--tx)}
.pay-docs button b{display:block;font-size:12.5px;font-weight:800;white-space:nowrap}
.pay-docs button small{display:block;font-size:10.5px;font-weight:700;color:var(--mu);margin-top:1px;white-space:nowrap}
.pay-docs button.on{border-color:var(--pr);background:var(--inb)}
.pay-docs button.on b{color:var(--pr)}
.pay-docs button:active{transform:scale(.96)}








/* [ams-v3-css] */
/* [ams-v4-css] */
.inv-meta{margin:10px 0 2px;padding:8px 12px;border-radius:12px;font-size:12.5px}
.inv-meta div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.inv-meta span{font-weight:600}
.inv-meta b{font-weight:800;text-align:right}
.inv-wd{margin:12px 0 0;font-size:12.5px;line-height:1.45;color:var(--mu)}
.inv-wd p{margin:0 0 6px}
.inv-wd p:first-child{color:var(--tx);font-weight:800}
.inv-sg{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 4px}
.inv-sg div{min-height:64px;border-bottom:1.5px solid var(--bd);font-size:11.5px;font-weight:700;color:var(--mu)}

/* [ams-v5-css] */

#amstWrap{position:fixed;left:0;right:0;bottom:calc(104px + env(safe-area-inset-bottom,0px));z-index:6000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 14px}
.amst{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:min(440px,100%);padding:9px 16px 9px 10px;border-radius:18px;background:var(--tx);color:var(--bg);
  font:700 13.5px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 16px 32px -14px rgba(0,0,0,.55);
  opacity:0;transform:translateY(14px) scale(.96);transition:opacity .22s,transform .32s var(--ease2)}
.amst.on{opacity:1;transform:none}
.amst>i{flex:none;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:var(--tc,#2563EB)}
.amst>i svg{width:16px;height:16px;stroke:#fff;fill:none}
.amst.ok{--tc:#16A34A}
.amst.ko{--tc:#EF4444}
.amst.wa{--tc:#F59E0B}
.amst.in{--tc:#2563EB}
#amsOff{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-80px);z-index:6100;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
  background:#92400E;color:#fff;font:700 12.5px system-ui,-apple-system,sans-serif;box-shadow:0 10px 22px -10px rgba(0,0,0,.5);transition:transform .35s var(--ease2);pointer-events:none;white-space:nowrap}
#amsOff.on{transform:translate(-50%,0)}
#amsOff svg{width:16px;height:16px;stroke:#fff;fill:none}
#amsTop{
  position:fixed;
  right:16px;
  width:42px;
  height:42px;
  border-radius:50%;
  z-index:60;
  display:grid;
  place-items:center;
  padding:0;
  line-height:0;
  background:var(--card);
  color:var(--pr);
  border:1px solid var(--bd);
  box-shadow:var(--sh2);
  opacity:0;
  transform:translateY(12px) scale(.9);
  pointer-events:none;
  transition:opacity .22s,transform .3s var(--ease2);
}
#amsTop.on{opacity:1;transform:none;pointer-events:auto}
#amsTop svg{width:20px;height:20px;stroke:currentColor;fill:none}
#amsTop:active{transform:scale(.92)}
body.srching #amsTop,body.kp-open #amsTop,body.gzo-open #amsTop{display:none}
#amsBot,#amsBack{position:fixed;width:42px;height:42px;border-radius:50%;z-index:60;display:grid;place-items:center;padding:0;line-height:0;
  background:var(--card);color:var(--pr);border:1px solid var(--bd);box-shadow:var(--sh2);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .22s,transform .3s var(--ease2)}
#amsBot{right:16px;bottom:calc(214px + env(safe-area-inset-bottom,0px))}
#amsTop{bottom:calc(266px + env(safe-area-inset-bottom,0px))}
#amsBack{left:16px;bottom:calc(214px + env(safe-area-inset-bottom,0px))}
#amsBot.on,#amsBack.on{opacity:1;transform:none;pointer-events:auto}
#amsBot svg,#amsBack svg{width:20px;height:20px;stroke:currentColor;fill:none}
#amsBot svg{transform:rotate(180deg)}
#amsBot:active,#amsBack:active{transform:scale(.92)}
body.srching #amsBot,body.kp-open #amsBot,body.gzo-open #amsBot,body.srching #amsBack,body.kp-open #amsBack,body.gzo-open #amsBack{display:none}
/* 1.9.104 : body:has(...) forçait un recalcul de style de toute la page à chaque appui ; remplacé par une classe posée par le script perf-ovl */
body.ovl-open :is(#amsTop,#amsBot,#amsBack){opacity:0!important;pointer-events:none!important}
@media (prefers-reduced-motion:reduce){
.rip{display:none}
.amst,#amsTop,#amsOff{transition:none}

}
/* [ams-index-look] */

.hero{border-radius:24px;padding:22px;box-shadow:0 12px 28px -16px color-mix(in srgb,var(--pr) 42%,transparent);background-image:var(--hero-grad)}
.hero .pt{display:none!important}
.hero:before{width:150px;height:150px;right:-65px;top:-75px;background:rgba(255,255,255,.07)}
.hero:after{width:95px;height:95px;right:34px;bottom:-60px;background:rgba(255,255,255,.045)}
.hero .amt{font-size:clamp(32px,8vw,40px);letter-spacing:-1.1px}
.hero .mini{border-color:rgba(255,255,255,.2)}
.seg{gap:3px;border-radius:16px;box-shadow:none}
.seg button{min-height:42px}
.seg button.on{box-shadow:0 3px 8px color-mix(in srgb,var(--pr) 25%,transparent)}
.card,.k,.chart,.goal{border-radius:18px;box-shadow:var(--sh)}
.k{padding:15px;border-color:color-mix(in srgb,var(--bd) 82%,transparent)}
.k .v{letter-spacing:-.35px;font-variant-numeric:tabular-nums}
.k .l{gap:10px}
.k .l .ic{border-radius:12px}
.goal{padding:17px;border:1px solid var(--bd);background:var(--card)}
.goal .ring{flex-shrink:0}
.sec{margin-top:25px;margin-bottom:12px}
.sec h2{letter-spacing:-.3px}
.sec a{padding:7px 11px;border-radius:12px}
.chart{background:var(--card);border:1px solid var(--bd);padding:16px}
.chart svg{margin-top:14px}
.qa{gap:14px 8px}
.q{border-radius:16px;min-height:92px}
.q .ic{border-radius:14px}
input,select,textarea,button{-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,textarea,[role="button"]):focus-visible{outline:2px solid var(--pr);outline-offset:3px}
@media(max-width:380px){
.hero{padding:18px;border-radius:21px}
.hero .amt{font-size:32px}
.goal{gap:12px;padding:14px}
.chart{padding:13px}
.k{padding:12px}

}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}

}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt),.sic){--c:var(--pr);width:40px;height:40px;border-radius:50%!important;position:relative;isolation:isolate;overflow:visible!important;display:grid;place-items:center;line-height:0;flex:none;border:0!important;
 background:linear-gradient(145deg,color-mix(in srgb,var(--c) 62%,#fff),var(--c) 45%,color-mix(in srgb,var(--c) 78%,#000))!important;color:#fff!important;box-shadow:none!important}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt),.sic)::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:inherit;opacity:.38;z-index:-1;pointer-events:none;
 -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px))}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt),.sic) svg{width:19px;height:19px;stroke:#fff!important;color:#fff}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt))[style*="--okb"]{--c:var(--ok)}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt))[style*="--kob"]{--c:var(--ko)}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt))[style*="--wab"]{--c:var(--wa)}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt))[style*="--pub"]{--c:var(--pu)}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt))[style*="--teb"]{--c:var(--te)}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt))[style*="--bg2"]{--c:var(--mu)}
html body .k.alert .l .ic{--c:var(--ko)}
html body .q .ic{--c:var(--pr);border-radius:50%!important;overflow:visible!important;isolation:isolate;position:relative;border:0!important;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 62%,#fff),var(--c) 45%,color-mix(in srgb,var(--c) 78%,#000))!important;box-shadow:none!important;width:42px!important;height:42px!important}
html body .q .ic[style*="background:var(--ok)"]{--c:var(--ok)}
html body .q .ic[style*="background:var(--ko)"]{--c:var(--ko)}
html body .q .ic[style*="background:var(--mu)"]{--c:var(--mu)}
html body .q .ic[style*="background:var(--wa)"]{--c:var(--wa)}
html body .q .ic[style*="background:var(--pu)"]{--c:var(--pu)}
html body .q .ic[style*="background:var(--te)"]{--c:var(--te)}
html body .q .ic:after{border-radius:50%!important;display:none!important}
html body .q .ic::before{content:"";position:absolute;border-radius:50%;background:inherit;opacity:.38;z-index:-1;pointer-events:none;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));inset:-4px}
html body .q .ic svg{stroke:#fff!important;width:20px!important;height:20px!important}

html body .pg-march .mfabs .mfab.mfab.mfab.mfab.inv.inv-up{background:linear-gradient(145deg,#4ADE80,#22C55E 45%,#16A34A)!important;box-shadow:0 0 0 4px rgba(22,163,74,.35),0 10px 18px -6px rgba(22,163,74,.65)!important}
html body .pg-march .mfabs .mfab.mfab.mfab.mfab.inv.inv-dn{background:linear-gradient(145deg,#FB7185,#F43F5E 45%,#DC2626)!important;box-shadow:0 0 0 4px rgba(220,38,38,.35),0 10px 18px -6px rgba(220,38,38,.65)!important}
body .pg-march .msearch-fab{width:34px;height:34px;background:var(--inb);color:var(--pr);border:0;box-shadow:none}
body .pg-march .msearch-fab::before{display:none}
body .pg-march .msearch-fab svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9}
.thumb>svg,.thumb>img{grid-area:1/1}
.thumb>img{position:relative;z-index:1}
.thumb>svg{position:relative}
/* [bouton-parfait] */
nav .fab button{width: 60px !important;
    height: 60px !important;
    border: 4px solid var(--bg) !important;
    background: linear-gradient(145deg, var(--pr3), var(--pr) 45%, var(--pr2)) !important;

    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,.28),
        0 0 0 1px rgba(96,165,250,.28),
        0 3px 8px rgba(0,0,0,.18) !important;}
nav .fab button svg{position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    margin: 0 !important;}
/* [fab-anneau] */
html:not(.nd) body.pos-active.pos-active.pos-active.pos-active.pos-active.pos-active.pos-active:not(.fx-dep):not(.fx-rev) nav .fab button{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px rgba(96,165,250,.28),0 3px 8px rgba(0,0,0,.18)!important}
.march-empty .me-ic{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:30px;height:30px;border-radius:50%;background:var(--pr);margin:0 3px;box-shadow:0 4px 10px -3px rgba(37,99,235,.55)}
.march-empty .me-ic svg{width:16px;height:16px;margin:0;display:block;stroke:#fff;stroke-width:2.2;fill:none}
/* [qk-suivi] */
.qk2t{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--mu);margin:2px 4px 14px}
#shQk{overflow-y:auto}
/* [ams-boutons-style] */
body nav{--bc:var(--pr)}
body.pos-active nav{--bc:#16A34A}
body.pos-active.pos-achat nav{--bc:#DC2626}
body.pos-active.fx-dep nav,body.pos-active.fx-rev nav{--bc:#64748B}
body.dc-fab-out nav{--bc:#16A34A}
.mfab{--bc:var(--mu)}
.mfab.b,.dc-fab,.pos-cat .pos-act button{--bc:var(--pr)}
.mfab.g{--bc:var(--ok)}

.mfab.wr-in{--bc:#E11D48}
.mfab.wr-out{--bc:#16A34A}

.dc-addbtn{--bc:var(--pr)}
html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] nav .fab button,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .mfab,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .dc-fab,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .dc-addbtn,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .pos-cat .pos-act button{box-shadow:none!important}

html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] nav .fab button,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .mfab,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-fab,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-addbtn,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .pos-cat .pos-act button,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .ib,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .fl,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .so-back,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-b,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-ic,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-att,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-payb,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .ic,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .qk .qtile .qi,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .srow .sic,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .so-res .ri,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .li .av2,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .vp .vpi,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .pg-march #mlist[data-v="table"] .mth,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] #posGrid[data-v="table"] .pcell .thumb{border-radius:50%!important}
html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] #fxG_dep[data-v="table"] .pcell .thumb,html body[data-is="round"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] #fxG_rev[data-v="table"] .pcell .thumb{border-radius:50%!important}
html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] nav .fab button,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .mfab,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-fab,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-addbtn,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .pos-cat .pos-act button,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .ib,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .fl,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .so-back,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-b,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-ic,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-att,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .dc-payb,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .ic,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .qk .qtile .qi,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .srow .sic,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .so-res .ri,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .li .av2,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .vp .vpi,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] .pg-march #mlist[data-v="table"] .mth,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] #posGrid[data-v="table"] .pcell .thumb{border-radius:30%!important}
html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] #fxG_dep[data-v="table"] .pcell .thumb,html body[data-is="square"][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is][data-is] #fxG_rev[data-v="table"] .pcell .thumb{border-radius:30%!important}
.bsp{display:block;width:26px;height:26px;border-radius:50%;background:var(--pr);position:relative;z-index:1}
.bsp.sq{border-radius:30%}
.qk .qtile .qi.bsq{overflow:visible}
/* [ams-boutons-style2] */
html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .qk .qtile:not(.on):not(.sel) .qi,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .q .ic,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .ib,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .fl,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .dc-b,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .dc-payb,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .dc-sd .sq,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .dc-atts .r,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .vp .vpf button,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .qk .qx,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .qk .qkh .cl,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .hlph .cl,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .so-res .ri,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .srow .sic,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .hero .eye,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .eye2,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .opt span.ic,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .ctx button .ci,html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .dc-ic{box-shadow:none!important}
html body[data-bs="flat"][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs][data-bs] .qk .qtile .qi::before{display:none!important}
/* [ams-affichages-final] */
#posGrid[data-v="small"],#mlist[data-v="small"]{--cols:3;--gap:8px;--tp:100%;--ts:30px;--tr:12px;--nm:calc(11px * var(--fsx,1));--prs:calc(11.5px * var(--fsx,1));--pad:6px;--rad:16px}
#fxG_dep[data-v="small"],#fxG_rev[data-v="small"]{--cols:3;--gap:8px;--tp:100%;--ts:30px;--tr:12px;--nm:calc(11px * var(--fsx,1));--prs:calc(11.5px * var(--fsx,1));--pad:6px;--rad:16px}
#posGrid[data-v="grid"],#mlist[data-v="grid"]{--cols:2;--gap:12px;--tp:75%;--ts:42px;--tr:14px;--nm:calc(13px * var(--fsx,1));--prs:calc(14px * var(--fsx,1));--pad:8px;--rad:18px}
#fxG_dep[data-v="grid"],#fxG_rev[data-v="grid"]{--cols:2;--gap:12px;--tp:75%;--ts:42px;--tr:14px;--nm:calc(13px * var(--fsx,1));--prs:calc(14px * var(--fsx,1));--pad:8px;--rad:18px}
#posGrid[data-v="large"],#mlist[data-v="large"]{--cols:1;--gap:14px;--tp:62%;--ts:76px;--tr:18px;--nm:calc(16px * var(--fsx,1));--prs:calc(18px * var(--fsx,1));--pad:10px;--rad:22px}
#fxG_dep[data-v="large"],#fxG_rev[data-v="large"]{--cols:1;--gap:14px;--tp:62%;--ts:76px;--tr:18px;--nm:calc(16px * var(--fsx,1));--prs:calc(18px * var(--fsx,1));--pad:10px;--rad:22px}
html body #posGrid[data-v="small"],html body #posGrid[data-v="grid"],html body #posGrid[data-v="large"],
html body .pg-march #mlist[data-v="small"],html body .pg-march #mlist[data-v="grid"],html body .pg-march #mlist[data-v="large"]{display:grid!important;grid-template-columns:repeat(var(--cols),minmax(0,1fr))!important;gap:var(--gap)!important;align-content:start}
html body #fxG_dep[data-v="small"],html body #fxG_rev[data-v="small"],html body #fxG_dep[data-v="grid"],html body #fxG_rev[data-v="grid"],html body #fxG_dep[data-v="large"],html body #fxG_rev[data-v="large"]{display:grid!important;grid-template-columns:repeat(var(--cols),minmax(0,1fr))!important;gap:var(--gap)!important;align-content:start}
html body .pg-march #mlist[data-v="small"],html body .pg-march #mlist[data-v="grid"],html body .pg-march #mlist[data-v="large"],html body .pg-march #mlist[data-v="table"]{padding:6px 0 20px!important}
html body #posGrid .march-more,html body .pg-march #mlist .march-more,html body .pg-march #mlist .mgrp{grid-column:1/-1}
html body #fxG_dep .march-more,html body #fxG_rev .march-more{grid-column:1/-1}
@media(min-width:700px){
html body #posGrid[data-v="small"],html body .pg-march #mlist[data-v="small"]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html body #fxG_dep[data-v="small"],html body #fxG_rev[data-v="small"]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html body #posGrid[data-v="grid"],html body .pg-march #mlist[data-v="grid"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #fxG_dep[data-v="grid"],html body #fxG_rev[data-v="grid"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #posGrid[data-v="large"],html body .pg-march #mlist[data-v="large"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #fxG_dep[data-v="large"],html body #fxG_rev[data-v="large"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}

}
html body #posGrid[data-v="small"] .pcell,html body #posGrid[data-v="grid"] .pcell,html body #posGrid[data-v="large"] .pcell,
html body .pg-march #mlist[data-v="small"] .mrow,html body .pg-march #mlist[data-v="grid"] .mrow,html body .pg-march #mlist[data-v="large"] .mrow{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;margin:0;padding:var(--pad);
  background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 18px -12px rgba(15,23,42,.25);
  overflow:hidden;content-visibility:visible;contain:none;text-align:left;position:relative}
html body #fxG_dep[data-v="small"] .pcell,html body #fxG_rev[data-v="small"] .pcell,html body #fxG_dep[data-v="grid"] .pcell,html body #fxG_rev[data-v="grid"] .pcell,html body #fxG_dep[data-v="large"] .pcell,html body #fxG_rev[data-v="large"] .pcell{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;margin:0;padding:var(--pad);
  background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 18px -12px rgba(15,23,42,.25);
  overflow:hidden;content-visibility:visible;contain:none;text-align:left;position:relative}
html body .pg-march #mlist[data-v="small"] .mrow-inner,html body .pg-march #mlist[data-v="grid"] .mrow-inner,html body .pg-march #mlist[data-v="large"] .mrow-inner{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;min-height:0;background:transparent;transform:none!important;box-shadow:none}
html body #posGrid[data-v="small"] .pcell .thumb,html body #posGrid[data-v="grid"] .pcell .thumb,html body #posGrid[data-v="large"] .pcell .thumb,
html body .pg-march #mlist[data-v="small"] .mth,html body .pg-march #mlist[data-v="grid"] .mth,html body .pg-march #mlist[data-v="large"] .mth{display:block;position:relative;overflow:hidden;flex:none;width:100%;height:0;aspect-ratio:auto!important;padding:var(--tp) 0 0;margin:0;border-radius:var(--tr);
  background:radial-gradient(120% 90% at 28% 12%,#fff,var(--inb) 60%,#d7e3fb);background:radial-gradient(120% 90% at 28% 12%,color-mix(in srgb,#fff 60%,var(--inb)),var(--inb) 60%,color-mix(in srgb,var(--pr) 14%,var(--inb)));
  color:var(--pr);transform:none!important}
html body #fxG_dep[data-v="small"] .pcell .thumb,html body #fxG_rev[data-v="small"] .pcell .thumb,html body #fxG_dep[data-v="grid"] .pcell .thumb,html body #fxG_rev[data-v="grid"] .pcell .thumb,html body #fxG_dep[data-v="large"] .pcell .thumb,html body #fxG_rev[data-v="large"] .pcell .thumb{display:block;position:relative;overflow:hidden;flex:none;width:100%;height:0;aspect-ratio:auto!important;padding:var(--tp) 0 0;margin:0;border-radius:var(--tr);
  background:radial-gradient(120% 90% at 28% 12%,#fff,var(--inb) 60%,#d7e3fb);background:radial-gradient(120% 90% at 28% 12%,color-mix(in srgb,#fff 60%,var(--inb)),var(--inb) 60%,color-mix(in srgb,var(--pr) 14%,var(--inb)));
  color:var(--pr);transform:none!important}
html body #posGrid[data-v="small"] .pcell .thumb img,html body #posGrid[data-v="grid"] .pcell .thumb img,html body #posGrid[data-v="large"] .pcell .thumb img,
html body .pg-march #mlist[data-v="small"] .mth img,html body .pg-march #mlist[data-v="grid"] .mth img,html body .pg-march #mlist[data-v="large"] .mth img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
html body #fxG_dep[data-v="small"] .pcell .thumb img,html body #fxG_rev[data-v="small"] .pcell .thumb img,html body #fxG_dep[data-v="grid"] .pcell .thumb img,html body #fxG_rev[data-v="grid"] .pcell .thumb img,html body #fxG_dep[data-v="large"] .pcell .thumb img,html body #fxG_rev[data-v="large"] .pcell .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
html body #posGrid[data-v="small"] .pcell .thumb svg,html body #posGrid[data-v="grid"] .pcell .thumb svg,html body #posGrid[data-v="large"] .pcell .thumb svg,
html body .pg-march #mlist[data-v="small"] .mth svg,html body .pg-march #mlist[data-v="grid"] .mth svg,html body .pg-march #mlist[data-v="large"] .mth svg{position:absolute;top:50%;left:50%;width:var(--ts);height:var(--ts);max-width:none;max-height:none;margin:calc(var(--ts) / -2) 0 0 calc(var(--ts) / -2)}
html body #fxG_dep[data-v="small"] .pcell .thumb svg,html body #fxG_rev[data-v="small"] .pcell .thumb svg,html body #fxG_dep[data-v="grid"] .pcell .thumb svg,html body #fxG_rev[data-v="grid"] .pcell .thumb svg,html body #fxG_dep[data-v="large"] .pcell .thumb svg,html body #fxG_rev[data-v="large"] .pcell .thumb svg{position:absolute;top:50%;left:50%;width:var(--ts);height:var(--ts);max-width:none;max-height:none;margin:calc(var(--ts) / -2) 0 0 calc(var(--ts) / -2)}
html body #posGrid[data-v="large"] .pcell .thumb svg,html body .pg-march #mlist[data-v="large"] .mth svg{stroke-width:1.5}
html body #fxG_dep[data-v="large"] .pcell .thumb svg,html body #fxG_rev[data-v="large"] .pcell .thumb svg{stroke-width:1.5}
html body #posGrid[data-v="small"] .pcell .info{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}
html body #fxG_dep[data-v="small"] .pcell .info,html body #fxG_rev[data-v="small"] .pcell .info{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}
html body #posGrid[data-v="grid"] .pcell .nm,html body #posGrid[data-v="large"] .pcell .nm{margin-top:8px}
html body #fxG_dep[data-v="grid"] .pcell .nm,html body #fxG_rev[data-v="grid"] .pcell .nm,html body #fxG_dep[data-v="large"] .pcell .nm,html body #fxG_rev[data-v="large"] .pcell .nm{margin-top:8px}
html body #posGrid[data-v="small"] .pcell .nm,html body #posGrid[data-v="grid"] .pcell .nm,html body #posGrid[data-v="large"] .pcell .nm{font-size:var(--nm);font-weight:700;line-height:1.22;color:var(--tx);padding:0 2px;-webkit-line-clamp:2;line-clamp:2}
html body #fxG_dep[data-v="small"] .pcell .nm,html body #fxG_rev[data-v="small"] .pcell .nm,html body #fxG_dep[data-v="grid"] .pcell .nm,html body #fxG_rev[data-v="grid"] .pcell .nm,html body #fxG_dep[data-v="large"] .pcell .nm,html body #fxG_rev[data-v="large"] .pcell .nm{font-size:var(--nm);font-weight:700;line-height:1.22;color:var(--tx);padding:0 2px;-webkit-line-clamp:2;line-clamp:2}
html body #posGrid[data-v="large"] .pcell .nm{font-weight:800;letter-spacing:-.2px}
html body #fxG_dep[data-v="large"] .pcell .nm,html body #fxG_rev[data-v="large"] .pcell .nm{font-weight:800;letter-spacing:-.2px}
html body #posGrid[data-v="small"] .pcell .nm{text-align:center}
html body #fxG_dep[data-v="small"] .pcell .nm,html body #fxG_rev[data-v="small"] .pcell .nm{text-align:center}
html body #posGrid[data-v="small"] .pcell .pr{text-align:center}
html body #fxG_dep[data-v="small"] .pcell .pr,html body #fxG_rev[data-v="small"] .pcell .pr{text-align:center}
html body #posGrid[data-v="small"] .pcell .pr,html body #posGrid[data-v="grid"] .pcell .pr,html body #posGrid[data-v="large"] .pcell .pr{font-size:var(--prs);font-weight:800;color:var(--ok);margin-top:auto;padding:4px 2px 2px;white-space:nowrap}
html body #fxG_dep[data-v="small"] .pcell .pr,html body #fxG_rev[data-v="small"] .pcell .pr,html body #fxG_dep[data-v="grid"] .pcell .pr,html body #fxG_rev[data-v="grid"] .pcell .pr,html body #fxG_dep[data-v="large"] .pcell .pr,html body #fxG_rev[data-v="large"] .pcell .pr{font-size:var(--prs);font-weight:800;color:var(--ok);margin-top:auto;padding:4px 2px 2px;white-space:nowrap}
html body #posGrid[data-v="small"] .pcell .cat,html body #posGrid[data-v="small"] .pcell .code,
html body #posGrid[data-v="grid"] .pcell .cat,html body #posGrid[data-v="grid"] .pcell .code,
html body #posGrid[data-v="large"] .pcell .cat,html body #posGrid[data-v="large"] .pcell .code{display:none}
html body #fxG_dep[data-v="small"] .pcell .cat,html body #fxG_rev[data-v="small"] .pcell .cat,html body #fxG_dep[data-v="small"] .pcell .code,html body #fxG_rev[data-v="small"] .pcell .code,html body #fxG_dep[data-v="grid"] .pcell .cat,html body #fxG_rev[data-v="grid"] .pcell .cat,html body #fxG_dep[data-v="grid"] .pcell .code,html body #fxG_rev[data-v="grid"] .pcell .code,html body #fxG_dep[data-v="large"] .pcell .cat,html body #fxG_rev[data-v="large"] .pcell .cat,html body #fxG_dep[data-v="large"] .pcell .code,html body #fxG_rev[data-v="large"] .pcell .code{display:none}
html body #posGrid[data-v="small"] .pcell .stock-badge,html body #posGrid[data-v="grid"] .pcell .stock-badge,html body #posGrid[data-v="large"] .pcell .stock-badge{position:absolute;top:calc(var(--pad) + 6px);right:calc(var(--pad) + 6px);left:auto;margin:0;z-index:3;font-size:9px;padding:2px 7px;box-shadow:0 2px 6px rgba(15,23,42,.18)}
html body #fxG_dep[data-v="small"] .pcell .stock-badge,html body #fxG_rev[data-v="small"] .pcell .stock-badge,html body #fxG_dep[data-v="grid"] .pcell .stock-badge,html body #fxG_rev[data-v="grid"] .pcell .stock-badge,html body #fxG_dep[data-v="large"] .pcell .stock-badge,html body #fxG_rev[data-v="large"] .pcell .stock-badge{position:absolute;top:calc(var(--pad) + 6px);right:calc(var(--pad) + 6px);left:auto;margin:0;z-index:3;font-size:9px;padding:2px 7px;box-shadow:0 2px 6px rgba(15,23,42,.18)}
html body #posGrid[data-v="small"] .pcell .stock-badge{font-size:7.5px;padding:1px 5px;top:calc(var(--pad) + 4px);right:calc(var(--pad) + 4px)}
html body #fxG_dep[data-v="small"] .pcell .stock-badge,html body #fxG_rev[data-v="small"] .pcell .stock-badge{font-size:7.5px;padding:1px 5px;top:calc(var(--pad) + 4px);right:calc(var(--pad) + 4px)}
html body #posGrid[data-v="large"] .pcell .stock-badge{font-size:11px;padding:3px 10px}
html body #fxG_dep[data-v="large"] .pcell .stock-badge,html body #fxG_rev[data-v="large"] .pcell .stock-badge{font-size:11px;padding:3px 10px}
html body #posGrid[data-v="small"] .pcell .promo-old,html body #posGrid[data-v="small"] .pcell .pr s{display:none}
html body #fxG_dep[data-v="small"] .pcell .promo-old,html body #fxG_rev[data-v="small"] .pcell .promo-old,html body #fxG_dep[data-v="small"] .pcell .pr s,html body #fxG_rev[data-v="small"] .pcell .pr s{display:none}
html body .pg-march #mlist[data-v="small"] .mrow-main,html body .pg-march #mlist[data-v="grid"] .mrow-main,html body .pg-march #mlist[data-v="large"] .mrow-main{padding:8px 2px 0;flex:1;min-width:0}
html body .pg-march #mlist[data-v="small"] .mrow-main b,html body .pg-march #mlist[data-v="grid"] .mrow-main b,html body .pg-march #mlist[data-v="large"] .mrow-main b{font-size:var(--nm);font-weight:700;line-height:1.22;color:var(--tx);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}
html body .pg-march #mlist[data-v="large"] .mrow-main b{font-weight:800;letter-spacing:-.2px}
html body .pg-march #mlist[data-v="small"] .mrow-main b{text-align:center}
html body .pg-march #mlist[data-v="small"] .mcode,html body .pg-march #mlist[data-v="small"] .mdesc,html body .pg-march #mlist[data-v="small"] .mtag,html body .pg-march #mlist[data-v="small"] .mprices{display:none}
html body .pg-march #mlist[data-v="grid"] .mdesc,html body .pg-march #mlist[data-v="grid"] .mtag{display:none}
html body .pg-march #mlist[data-v="grid"] .mcode{font-size:10.5px;margin-top:3px}
html body .pg-march #mlist[data-v="large"] .mcode{font-size:12.5px;margin-top:5px}
html body .pg-march #mlist[data-v="large"] .mdesc{font-size:12.5px;white-space:normal}
html body .pg-march #mlist[data-v="small"] .mrow-right,html body .pg-march #mlist[data-v="grid"] .mrow-right,html body .pg-march #mlist[data-v="large"] .mrow-right{flex:none;width:100%;padding:6px 2px 2px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left;gap:2px 8px}
html body .pg-march #mlist[data-v="small"] .mrow-right{justify-content:center}
html body .pg-march #mlist[data-v="small"] .mrow-right>b,html body .pg-march #mlist[data-v="grid"] .mrow-right>b,html body .pg-march #mlist[data-v="large"] .mrow-right>b{font-size:var(--prs);font-weight:800;color:var(--tx);margin:0}
html body .pg-march #mlist[data-v="small"] .mrow-right>b::before,html body .pg-march #mlist[data-v="grid"] .mrow-right>b::before,html body .pg-march #mlist[data-v="large"] .mrow-right>b::before{content:var(--l-qty,"Qté ");font-size:.72em;font-weight:700;color:var(--mu)}
html body .pg-march #mlist[data-v="small"] .mrow-right.neg>b,html body .pg-march #mlist[data-v="grid"] .mrow-right.neg>b,html body .pg-march #mlist[data-v="large"] .mrow-right.neg>b{color:var(--ko)}
html body .pg-march #mlist[data-v="small"] .mrow-right.low>b,html body .pg-march #mlist[data-v="grid"] .mrow-right.low>b,html body .pg-march #mlist[data-v="large"] .mrow-right.low>b{color:var(--wa)}
html body .pg-march #mlist[data-v="grid"] .mprices,html body .pg-march #mlist[data-v="large"] .mprices{margin:0;font-size:11px;white-space:nowrap}
html body .pg-march #mlist[data-v="large"] .mprices{font-size:13px}
html body .pg-march #mlist[data-v="small"] .stock-badge,html body .pg-march #mlist[data-v="grid"] .stock-badge,html body .pg-march #mlist[data-v="large"] .stock-badge{font-size:9px;padding:2px 7px;vertical-align:1px}
html body .pg-march #mlist[data-v="small"] .mchk,html body .pg-march #mlist[data-v="grid"] .mchk,html body .pg-march #mlist[data-v="large"] .mchk{top:calc(var(--pad) + 8px);left:calc(var(--pad) + 8px);margin:0;z-index:4}
html body.msel .pg-march #mlist[data-v="small"] .mrow-inner,html body.msel .pg-march #mlist[data-v="grid"] .mrow-inner,html body.msel .pg-march #mlist[data-v="large"] .mrow-inner{padding-left:0}
html body .pg-march #mlist[data-v="small"] .mrow-right.inv,html body .pg-march #mlist[data-v="grid"] .mrow-right.inv,html body .pg-march #mlist[data-v="large"] .mrow-right.inv{flex-direction:column;align-items:stretch!important;padding:8px 0 2px!important}
html body .pg-march #mlist[data-v="small"] .mrow-right.inv>b::before,html body .pg-march #mlist[data-v="grid"] .mrow-right.inv>b::before,html body .pg-march #mlist[data-v="large"] .mrow-right.inv>b::before{content:none}
html body #posGrid[data-v="table"],html body .pg-march #mlist[data-v="table"]{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-content:start}
html body #fxG_dep[data-v="table"],html body #fxG_rev[data-v="table"]{display:grid!important;grid-template-columns:1fr!important;align-content:start}
html body #posGrid[data-v="table"] .pcell{
  display:flex;
  margin:0;
  content-visibility:visible;
  contain:none;
}
html body #fxG_dep[data-v="table"] .pcell,html body #fxG_rev[data-v="table"] .pcell{
  display:flex;
  margin:0;
  content-visibility:visible;
  contain:none;
}

html body #posGrid[data-v="table"] .pcell .nm{min-width:0;line-height:1.25;-webkit-line-clamp:2;line-clamp:2;padding:0;margin:0}
html body #fxG_dep[data-v="table"] .pcell .nm,html body #fxG_rev[data-v="table"] .pcell .nm{min-width:0;line-height:1.25;-webkit-line-clamp:2;line-clamp:2;padding:0;margin:0}
html body #posGrid[data-v="table"] .pcell .pr{flex:none;white-space:nowrap;margin:0;padding:0}
html body #fxG_dep[data-v="table"] .pcell .pr,html body #fxG_rev[data-v="table"] .pcell .pr{flex:none;white-space:nowrap;margin:0;padding:0}
html body #posGrid[data-v="table"] .pcell .stock-badge{flex-basis:100%;align-self:flex-start;width:max-content}
html body #fxG_dep[data-v="table"] .pcell .stock-badge,html body #fxG_rev[data-v="table"] .pcell .stock-badge{flex-basis:100%;align-self:flex-start;width:max-content}
html body #posGrid[data-v="table"] .pcell .cat,html body #posGrid[data-v="table"] .pcell .code{display:none}
html body #fxG_dep[data-v="table"] .pcell .cat,html body #fxG_rev[data-v="table"] .pcell .cat,html body #fxG_dep[data-v="table"] .pcell .code,html body #fxG_rev[data-v="table"] .pcell .code{display:none}
html body .pg-march #mlist[data-v="table"] .mrow{content-visibility:visible;overflow:hidden}
html body .pg-march #mlist[data-v="table"] .mrow-inner{display:flex;align-items:center;justify-content:space-between;background:transparent}
html body .pg-march #mlist[data-v="table"] .mrow-main{flex:1;min-width:0}
html body .pg-march #mlist[data-v="table"] .mrow-main b{-webkit-line-clamp:2;line-clamp:2}
html body .pg-march #mlist[data-v="table"] .mrow-right{flex:none;align-items:flex-end;text-align:right}
html body .pg-march #mlist[data-v="table"] .mrow-right>b{font-weight:800}
html body .pg-march #mlist[data-v="table"] .mrow-right>b::before{content:none}
html body .pg-march #mlist[data-v="table"] .mprices{font-size:11.5px;margin-top:3px}
html body .pg-march #mlist[data-v="table"] .mchk{left:14px}
html body #posGrid .pcell:active,html body .pg-march #mlist .mrow:active{transform:scale(.985)}
html body #fxG_dep .pcell:active,html body #fxG_rev .pcell:active{transform:scale(.985)}
html body .pg-march #mlist .mrow.msel-on{background:var(--inb);border-color:var(--pr)}
html body #posGrid[data-v="small"],html body #posGrid[data-v="grid"],html body #posGrid[data-v="large"],html body #posGrid[data-v="table"]{padding:4px 6px 76px!important}
html body #fxG_dep[data-v="small"],html body #fxG_rev[data-v="small"],html body #fxG_dep[data-v="grid"],html body #fxG_rev[data-v="grid"],html body #fxG_dep[data-v="large"],html body #fxG_rev[data-v="large"],html body #fxG_dep[data-v="table"],html body #fxG_rev[data-v="table"]{padding:4px 6px 76px!important}
html body #posGrid[data-v="small"]{--gap:6px;--pad:4px;--ts:20px;--tr:9px;--nm:calc(8.5px * var(--fsx,1));--prs:calc(9.5px * var(--fsx,1));--rad:13px}
html body #fxG_dep[data-v="small"],html body #fxG_rev[data-v="small"]{--gap:6px;--pad:4px;--ts:20px;--tr:9px;--nm:calc(8.5px * var(--fsx,1));--prs:calc(9.5px * var(--fsx,1));--rad:13px}
html body #posGrid[data-v="grid"]{--gap:8px;--pad:6px;--ts:30px;--tr:11px;--nm:calc(10.5px * var(--fsx,1));--prs:calc(11.5px * var(--fsx,1));--rad:15px;--tp:80%}
html body #fxG_dep[data-v="grid"],html body #fxG_rev[data-v="grid"]{--gap:8px;--pad:6px;--ts:30px;--tr:11px;--nm:calc(10.5px * var(--fsx,1));--prs:calc(11.5px * var(--fsx,1));--rad:15px;--tp:80%}
html body #posGrid[data-v="large"]{--gap:10px;--pad:8px;--ts:58px;--tr:14px;--nm:calc(13px * var(--fsx,1));--prs:calc(15px * var(--fsx,1));--rad:18px;--tp:72%}
html body #fxG_dep[data-v="large"],html body #fxG_rev[data-v="large"]{--gap:10px;--pad:8px;--ts:58px;--tr:14px;--nm:calc(13px * var(--fsx,1));--prs:calc(15px * var(--fsx,1));--rad:18px;--tp:72%}
html body #posGrid[data-v="small"] .pcell .nm{line-height:1.12;overflow-wrap:anywhere;hyphens:auto;-webkit-line-clamp:3;line-clamp:3;padding:0}
html body #fxG_dep[data-v="small"] .pcell .nm,html body #fxG_rev[data-v="small"] .pcell .nm{line-height:1.12;overflow-wrap:anywhere;hyphens:auto;-webkit-line-clamp:3;line-clamp:3;padding:0}
html body #posGrid[data-v="small"] .pcell .info{padding:4px 0 0}
html body #fxG_dep[data-v="small"] .pcell .info,html body #fxG_rev[data-v="small"] .pcell .info{padding:4px 0 0}
html body #posGrid[data-v="small"] .pcell .pr{padding:2px 0 1px;letter-spacing:-.3px}
html body #fxG_dep[data-v="small"] .pcell .pr,html body #fxG_rev[data-v="small"] .pcell .pr{padding:2px 0 1px;letter-spacing:-.3px}

html body .pg-march #mlist[data-v="table"]{display:block!important;padding:0 0 20px!important}
html body .pg-march #mlist[data-v="table"] .mrow{margin:0;background:transparent;border:0;border-bottom:1px solid var(--bd);border-radius:0;box-shadow:none}
html body .pg-march #mlist[data-v="table"] .mrow-inner{padding:13px 0;gap:12px;min-height:64px}
html body .pg-march #mlist[data-v="table"] .mth{display:grid!important;position:relative;flex:none;width:44px;height:44px;padding:0;margin:0 0 0 14px;border-radius:12px;background:var(--inb);color:var(--pr)}
html body .pg-march #mlist[data-v="table"] .mth svg{position:static;width:22px;height:22px;margin:0}
html body .pg-march #mlist[data-v="table"] .mth img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
html body .pg-march #mlist[data-v="table"] .mrow-main{padding:0}
html body .pg-march #mlist[data-v="table"] .mrow-main b{font-size:15px;font-weight:700;color:var(--pr)}
html body .pg-march #mlist[data-v="table"] .mrow-right{padding:0 16px 0 0}
html body .pg-march #mlist[data-v="table"] .mrow-right>b{font-size:19px}
html body.msel .pg-march #mlist[data-v="table"] .mrow-inner{padding-left:46px}
html body #posGrid[data-v="table"]{gap:0!important;padding:2px 6px 76px!important}
html body #fxG_dep[data-v="table"],html body #fxG_rev[data-v="table"]{gap:0!important;padding:2px 6px 76px!important}
html body #posGrid[data-v="table"] .pcell{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:9px;min-height:56px;padding:8px 4px;background:transparent;border:0;border-bottom:1px solid var(--bd);border-radius:0;box-shadow:none}
html body #fxG_dep[data-v="table"] .pcell,html body #fxG_rev[data-v="table"] .pcell{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:9px;min-height:56px;padding:8px 4px;background:transparent;border:0;border-bottom:1px solid var(--bd);border-radius:0;box-shadow:none}
html body #posGrid[data-v="table"] .pcell .thumb{display:grid!important;position:relative;flex:none;width:42px;height:42px;padding:0;aspect-ratio:1!important;border-radius:12px}
html body #fxG_dep[data-v="table"] .pcell .thumb,html body #fxG_rev[data-v="table"] .pcell .thumb{display:grid!important;position:relative;flex:none;width:42px;height:42px;padding:0;aspect-ratio:1!important;border-radius:12px}
html body #posGrid[data-v="table"] .pcell .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
html body #fxG_dep[data-v="table"] .pcell .thumb img,html body #fxG_rev[data-v="table"] .pcell .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
html body #posGrid[data-v="table"] .pcell .info{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;min-height:0;gap:2px}
html body #fxG_dep[data-v="table"] .pcell .info,html body #fxG_rev[data-v="table"] .pcell .info{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;min-height:0;gap:2px}
html body #posGrid[data-v="table"] .pcell .nm{flex:none;width:100%;font-size:12px;font-weight:700;color:var(--tx)}
html body #fxG_dep[data-v="table"] .pcell .nm,html body #fxG_rev[data-v="table"] .pcell .nm{flex:none;width:100%;font-size:12px;font-weight:700;color:var(--tx)}
html body #posGrid[data-v="table"] .pcell .pr{font-size:13px;font-weight:800;color:var(--ok)}
html body #fxG_dep[data-v="table"] .pcell .pr,html body #fxG_rev[data-v="table"] .pcell .pr{font-size:13px;font-weight:800;color:var(--ok)}
html body #posGrid[data-v="table"] .pcell .stock-badge{position:static;order:0;flex:none;margin:1px 0 0;font-size:9px;padding:1px 7px}
html body #fxG_dep[data-v="table"] .pcell .stock-badge,html body #fxG_rev[data-v="table"] .pcell .stock-badge{position:static;order:0;flex:none;margin:1px 0 0;font-size:9px;padding:1px 7px}
html body #posGrid[data-v="table"] .pcell .thumb svg{position:static;width:24px;height:24px;max-width:none;max-height:none;margin:0}
html body #fxG_dep[data-v="table"] .pcell .thumb svg,html body #fxG_rev[data-v="table"] .pcell .thumb svg{position:static;width:24px;height:24px;max-width:none;max-height:none;margin:0}
html body #posGrid[data-v] .pcell .nm,html body .pg-march #mlist[data-v] .mrow-main b{color:var(--pr)}
html body #fxG_dep[data-v] .pcell .nm,html body #fxG_rev[data-v] .pcell .nm{color:var(--pr)}
html body #posGrid[data-v] .pcell .thumb,html body .pg-march #mlist[data-v] .mth{background:var(--inb);background:linear-gradient(145deg,var(--inb),color-mix(in srgb,var(--pr) 16%,var(--inb)));color:var(--pr)}
html body #fxG_dep[data-v] .pcell .thumb,html body #fxG_rev[data-v] .pcell .thumb{background:var(--inb);background:linear-gradient(145deg,var(--inb),color-mix(in srgb,var(--pr) 16%,var(--inb)));color:var(--pr)}
html body #posGrid[data-v] .pcell .thumb svg,html body .pg-march #mlist[data-v] .mth svg{stroke:var(--pr);color:var(--pr)}
html body #fxG_dep[data-v] .pcell .thumb svg,html body #fxG_rev[data-v] .pcell .thumb svg{stroke:var(--pr);color:var(--pr)}
/* [ams-nofab] */
#seg,#ptSeg{box-sizing:border-box;height:52px;padding:3px;gap:2px}
#seg button,#ptSeg button{min-height:0;height:100%;padding:0 2px;font-size:12px;white-space:nowrap}
#ptFabs{position:fixed;right:16px;bottom:calc(112px + env(safe-area-inset-bottom,0px));display:flex;z-index:3}
#dcFab{display:none!important}
nav .fab .fab-docg{display:none}
body.dc-on nav .fab .fab-bolt>path{display:none}
body.dc-on nav .fab .fab-docg{display:block}
/* [ams-icones-unifies] */
html body:not(#z){--ir:50%}
html body:not(#z)[data-is="square"]{--ir:30%}
html body:not(#z)[data-bs="flat"] :is(.q .ic,.k .l .ic,.a>.ic,.dc-ic:not(.gt),.sic,.qk .qtile .qi:not(.bsq))::before{display:none!important}
html body:not(#z)[data-bs="flat"] .ctx button .ci{box-shadow:none!important}
html body:not(#z):is([data-is],[data-bs]) nav>button{gap:7px;font-weight:500!important}
html body:not(#z):is([data-is],[data-bs]) nav>button svg{width:22px!important;height:22px!important;padding:6px!important;box-sizing:content-box!important;border-radius:var(--ir)!important;background:color-mix(in srgb,currentColor 7%,transparent)!important;display:block;margin:0 auto}
html body:not(#z):is([data-is],[data-bs]) nav>button.on svg{background:color-mix(in srgb,currentColor 16%,transparent)!important}

html body:not(#z):is([data-is],[data-bs]) .qk .qtile .qt1{font-weight:600!important}
.mfab.inv{--bc:#64748B}
.mfab.inv.inv-up{--bc:#16A34A}
.mfab.inv.inv-dn{--bc:#DC2626}
.mfab.y{--bc:#2563EB}
body.nav-partner:not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav{--bc:#64748B}
html body:not(#z) .bsq .bsp{border-radius:var(--ir)!important}
html body:not(#z)[data-bs="flat"] nav .fab button{width:56px!important;height:56px!important;border:0!important}
html body:not(#z) #th{max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
/* [ams-ist-css] */
/* 1.9.221 : Apparence › Style des icônes. Défaut = Rempli (rien ne change).
   « Simple » (data-ist="soft") = comme la loupe de Marchandises : fond teinté doux + dessin de la couleur du fond d'origine (--ic).
   Le thème Baobab garde son propre style. */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.sic,.qk .qtile .qi:not(.bsq):has(>svg),.q .ic,.k .l .ic,.a>.ic,.opt>.ic){background:color-mix(in srgb,var(--ic,var(--pr)) 17%,transparent)!important;box-shadow:none!important;border-color:transparent!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.sic,.qk .qtile .qi:not(.bsq):has(>svg),.q .ic,.k .l .ic,.a>.ic,.opt>.ic)::before,
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.sic,.qk .qtile .qi:not(.bsq):has(>svg),.q .ic,.k .l .ic,.a>.ic,.opt>.ic)::after{display:none!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.sic,.qk .qtile .qi:not(.bsq):has(>svg),.q .ic,.k .l .ic,.a>.ic,.opt>.ic) :is(svg,svg *){stroke:var(--ic,var(--pr))!important;color:var(--ic,var(--pr))!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.mfabs .mfab,.pos-act button.pos-b){--ic:var(--pr);background:color-mix(in srgb,var(--ic) 17%,transparent)!important;color:var(--ic)!important;border-color:transparent!important;box-shadow:none!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] .mfabs .mfab.inv{--ic:#94A3B8}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] .mfabs .mfab.inv.inv-up{--ic:#22C55E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] .mfabs .mfab.inv.inv-dn{--ic:#EF4444}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] .mfabs .mfab.wr-in{--ic:#F43F5E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] .mfabs .mfab.wr-out{--ic:#22C55E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.mfabs .mfab,.pos-act button.pos-b) :is(svg,svg *){stroke:var(--ic)!important;color:var(--ic)!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] .pg-march.minv .mfabs .mfab.inv{box-shadow:inset 0 0 0 2px var(--ic)!important}
/* 1.9.225 : style Simple, bouton central. Rempli = dégradé plein (inchangé). Simple = fond teinté doux + dessin de la couleur de l’état (orange/thème, vert vente, rouge achat, gris dépense/autre revenu vide), comme les autres icônes. */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] nav .fab button#navFab{--ic:var(--pr);background:color-mix(in srgb,var(--ic) 17%,var(--bg))!important;box-shadow:0 0 0 5px var(--bg)!important;border-color:transparent!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].nav-partner:not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav .fab button#navFab{--ic:#94A3B8}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].pos-active:not(.pos-achat):not(.fx-dep):not(.fx-rev) nav .fab button#navFab{--ic:#22C55E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].pos-active.pos-achat:not(.fx-dep):not(.fx-rev) nav .fab button#navFab{--ic:#F43F5E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].fx-dep nav .fab button#navFab{--ic:#94A3B8}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].fx-rev nav .fab button#navFab{--ic:#94A3B8}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].fx-dep.fx-has nav .fab button#navFab{--ic:#F43F5E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].fx-rev.fx-has nav .fab button#navFab{--ic:#22C55E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].dc-fab-in nav .fab button#navFab{--ic:#F43F5E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].dc-fab-out nav .fab button#navFab{--ic:#22C55E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] nav .fab button#navFab svg:not(.fab-bolt),html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] nav .fab button#navFab svg:not(.fab-bolt) *{stroke:var(--ic)!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] nav .fab button#navFab svg.fab-bolt>path{fill:var(--ic)!important;stroke:var(--ic)!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] nav .fab button#navFab svg.fab-bolt :is(g,g *){stroke:var(--ic)!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] nav .fab button#navFab::before,html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] nav .fab button#navFab::after{display:none!important}
/* 1.9.227 : barre du bas et boutons du haut (menu, retour, cloche, synchro, réglages) suivent le style des icônes. Rempli = tuile pleine + dessin blanc ; Simple = fond teinté doux + dessin coloré. Baobab garde son style. */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) nav>button>svg{background:linear-gradient(145deg,#A3B1C6,#64748B)!important;box-shadow:none!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) nav>button>svg,html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) nav>button>svg *{stroke:#fff!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) nav>button.on>svg{background:linear-gradient(145deg,color-mix(in srgb,currentColor 70%,#fff),currentColor)!important;box-shadow:0 6px 12px -6px color-mix(in srgb,currentColor 70%,transparent)!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) .topbar .ib{background:linear-gradient(145deg,var(--pr3,var(--pr)),var(--pr) 45%,var(--pr2,var(--pr)))!important;border-color:transparent!important;box-shadow:0 6px 12px -6px color-mix(in srgb,var(--pr) 70%,transparent)!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) .topbar .ib svg,html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) .topbar .ib svg *{stroke:#fff!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] .topbar .ib{background:color-mix(in srgb,var(--pr) 17%,var(--bg))!important;border-color:transparent!important;box-shadow:none!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] .topbar .ib svg,html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] .topbar .ib svg *{stroke:var(--pr)!important}
/* 1.9.228 : filtres, tri, recherche vocale/scan, affichage, info marge et boutons flottants de Vendre/Acheter/Marchandises suivent Rempli / Simple. */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) :is(.sb-a,.mflt,.pt-b,.vw,#posMgInfo,#marchSearchFab,#posSearchFab,#posHistFab,#posCliFab,#posDevFab,#posCDetFab){background:linear-gradient(145deg,var(--pr3,var(--pr)),var(--pr) 45%,var(--pr2,var(--pr)))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 12px -6px color-mix(in srgb,var(--pr) 70%,transparent)!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) :is(.sb-a,.mflt,.pt-b,.vw,#posMgInfo,#marchSearchFab,#posSearchFab,#posHistFab,#posCliFab,#posDevFab,#posCDetFab) :is(svg,svg *){stroke:#fff!important;color:#fff!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"]):not([data-ist="soft"]) .mflt.custom{box-shadow:inset 0 0 0 2px #fff,0 6px 12px -6px color-mix(in srgb,var(--pr) 70%,transparent)!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] :is(.sb-a,.mflt,.pt-b,.vw,#posMgInfo,#marchSearchFab,#posSearchFab,#posHistFab,#posCliFab,#posDevFab,#posCDetFab){background:color-mix(in srgb,var(--pr) 17%,var(--bg))!important;border-color:transparent!important;color:var(--pr)!important;box-shadow:none!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] :is(.sb-a,.mflt,.pt-b,.vw,#posMgInfo,#marchSearchFab,#posSearchFab,#posHistFab,#posCliFab,#posDevFab,#posCDetFab) :is(svg,svg *){stroke:var(--pr)!important}
/* 1.9.229 : le « Moi » (boutique) : plein en Rempli (inchangé), fond teinté doux et texte coloré en Simple. */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] .storepill,html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] #pgPOS .storepill,html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] #pgDep .storepill,html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] #pgRev .storepill{background:color-mix(in srgb,var(--ok) 17%,var(--bg))!important;color:var(--ok)!important;box-shadow:none!important}
/* 1.9.230 : « Toutes » (catégories de Vendre, Acheter, Dépenser, Autres revenus) et pastille sélectionnée (Tous, En alerte…) : pleins en Rempli (inchangé), teintés en Simple. */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] :is(#pgPOS,#pgDep,#pgRev) .fx-catb{background:color-mix(in srgb,var(--fxc,var(--pr)) 17%,var(--bg))!important;color:var(--fxc,var(--pr))!important;box-shadow:none!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] :is(#pgPOS,#pgDep,#pgRev) .fx-catb :is(svg,svg *){stroke:var(--fxc,var(--pr))!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] .filter-chip.sel{background:color-mix(in srgb,var(--pr) 17%,var(--bg))!important;color:var(--pr)!important;box-shadow:none!important;border-color:transparent!important}
/* 1.9.240 : « Tous » (Marchandises…) = même rendu que « Toutes » de Vendre (fond teinté, sans contour) ; les autres pastilles sont plus discrètes pour que la sélection reste visible. */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist] .filter-chip:not(.sel){background:color-mix(in srgb,var(--pr) 7%,var(--bg))!important;color:color-mix(in srgb,var(--pr) 80%,var(--tx))!important;box-shadow:none!important}
/* [ams-ist-dc] */
/* 1.9.239 : style « Simple » pour la liste Documents (Entrée, Sortie, Transfert, Inventaire…) et les avatars de Partenaires : fond teinté doux + dessin/lettre colorés, comme les actions rapides. « Rempli » ne change pas. */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.dc-ic.gt,#ptRows .dc-ic){background:color-mix(in srgb,var(--ic,var(--pr)) 17%,transparent)!important;color:var(--ic,var(--pr))!important;box-shadow:none!important;border-color:transparent!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.dc-ic.gt,#ptRows .dc-ic)::before,
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.dc-ic.gt,#ptRows .dc-ic)::after{display:none!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] :is(.dc-ic.gt,#ptRows .dc-ic) :is(svg,svg *){stroke:var(--ic,var(--pr))!important;color:var(--ic,var(--pr))!important}
/* [ams-chip-size] */
/* 1.9.241 : pastilles de Marchandises (Tous, En alerte, Rupture, Archivés) : même hauteur et même arrondi que « Toutes » de Vendre (34 px), police inchangée pour que les quatre tiennent encore sur une ligne. */
html body:not(#z) .march-filter-bar .filter-chip{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:11.5px!important;border-radius:17px!important;gap:5px!important}
html body:not(#z)[data-is="square"] .march-filter-bar .filter-chip{border-radius:11px!important}
/* [ams-v222-ventes] */
/* 1.9.222 : Vendre / Acheter / Dépenser / Revenus.
   1) « Toutes ▾ » : même hauteur que la barre de recherche (34 px), même arrondi que la barre.
   2) icône du panier : le dessin n'est plus rogné par le cercle en style rond (le svg à marge interne coupait le coin du chariot). */
html body:not(#z) :is(#pgPOS,#pgDep,#pgRev) .fx-catb{height:34px!important;min-height:34px!important;border-radius:17px!important}
html body:not(#z)[data-is="square"] :is(#pgPOS,#pgDep,#pgRev) .fx-catb{border-radius:11px!important}
html body:not(#z) :is(#pgPOS,#pgDep,#pgRev) .pos-cart-head>svg{overflow:visible!important}
/* [ams-v222-photos] */
/* 1.9.222 : Photos d'une marchandise : chaque photo a ses boutons Modifier (remplacer) et Supprimer.
   Le bouton × d'origine était invisible (il héritait de la règle globale .x qui le rend transparent). */
html body .imged{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;width:100%}
html body .imged .ied-w{min-width:0}
html body .imged .ied{width:100%;height:auto;aspect-ratio:1/1;margin:0}
html body .imged .ied.rep{border-color:var(--ko)}
html body .imged .ied-a{display:flex;gap:6px;margin-top:6px}
html body .imged .ied-a button{flex:1;min-width:0;height:32px;padding:0;border-radius:10px;border:1px solid var(--bd);background:var(--inb);color:var(--pr);display:grid;place-items:center;line-height:0}
html body .imged .ied-a button.del{color:var(--ko)}
html body .imged .ied-a button:active{transform:scale(.94)}
html body .imged .ied-a svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .iedrep{margin:4px 2px 8px;font-size:12.5px;font-weight:700;color:var(--mu)}
/* [ams-v224-rognage] */
/* 1.9.224 : icônes coupées (chariot). Une icône svg avec marge interne + coins arrondis (style rond) était rognée par son propre arrondi :
   le coin du dessin (la poignée du chariot) sortait du cercle et disparaissait. On laisse le dessin dépasser : le fond reste arrondi,
   le dessin n'est plus coupé. Concerne la barre du bas (Vendre…), le bouton central, le panier, les listes et les boutons. */
html body:not(#z) :is(nav,.fab,.ib,button,.pos-cart-head,.sic,.qi,.ic,.mi,.opt,.pos-client) svg{overflow:visible!important}
/* [ams-v94-halo-sansimage-perf] */
@property --hz{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes haloTurn{to{--hz:360deg}}
html body .pg-march .mfabs .mfab.wr-in::before,
html body .pg-march .mfabs .mfab.wr-out::before,
html body .pg-march .msearch-fab.spinning::before{border-radius:inherit!important;box-sizing:border-box!important;padding:4px!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  mask-composite:exclude!important;
  transform:none!important;
  background:conic-gradient(from var(--hz),transparent 0 40%,var(--ha) 85%,var(--hb) 100%)!important;
  animation:haloTurn 1.1s linear infinite!important}

html body .pg-march .msearch-fab.spinning::before{--ha:var(--pr3,var(--pr));--hb:var(--pr);padding:2.5px!important;animation-duration:1.4s!important}
@media (prefers-reduced-motion:reduce){
html body .pg-march .mfabs .mfab.wr-in::before,html body .pg-march .mfabs .mfab.wr-out::before,html body .pg-march .msearch-fab.spinning::before{animation:none!important}

}
body .pg-march #mlist[data-v="text"]{display:block;padding:2px 0 16px}
body .pg-march #mlist[data-v="text"] .mth{display:none!important}
body .pg-march #mlist[data-v="text"] .mrow{margin:0;border:0;border-bottom:1px solid var(--bd);border-radius:0;background:transparent;box-shadow:none;content-visibility:auto}
body .pg-march #mlist[data-v="text"] .mrow-inner{background:transparent}
body .pg-march #mlist[data-v="text"] .mrow-inner>*+*{margin-left:0}
body .pg-march #mlist[data-v="text"] .mrow-main{padding:0;flex:1;min-width:0}
body .pg-march #mlist[data-v="text"] .mrow-main b{font-size:13.5px;font-weight:700;-webkit-line-clamp:1;line-clamp:1}

body .pg-march #mlist[data-v="text"] .mrow-right{padding:0;flex:none}
body .pg-march #mlist[data-v="text"] .mrow-right>b{font-variant-numeric:tabular-nums}
body .pg-march #mlist[data-v="text"] .mrow:last-child{border-bottom:0}
body .pg-march #mlist[data-v="text"] .mchk{position:relative;left:auto;top:auto;margin:0;flex:none}
body .pg-march #mlist[data-v="text"] .mgrp{display:flex}
html body .pg-pos .pos-grid[data-v="text"]{grid-template-columns:1fr!important;gap:0!important}
html body .pg-pos .pos-grid[data-v="text"] .pcell{flex-direction:row;align-items:center;border:0;border-bottom:1px solid var(--bd);border-radius:0;background:transparent;box-shadow:none;content-visibility:auto;contain-intrinsic-size:auto 46px;text-align:left}
html body .pg-pos .pos-grid[data-v="text"] .pcell .info{display:flex;flex-direction:row;align-items:center;flex:1;min-width:0}
html body .pg-pos .pos-grid[data-v="text"] .pcell .nm{flex:1;min-width:0;font-weight:700;-webkit-line-clamp:2;line-clamp:2}
html body .pg-pos .pos-grid[data-v="text"] .pcell .pr{flex:none;white-space:nowrap;margin:0;padding:0}
html body .pg-pos .pos-grid[data-v="text"] .pcell .stock-badge{position:static;margin:0;flex:none;align-self:center}
html body .pg-pos .pos-grid[data-v="text"] .pcell .cat,html body .pg-pos .pos-grid[data-v="text"] .pcell .code{display:none}
html body .pg-pos .pos-grid[data-v="text"] .pcell:active{background:var(--bg2)}

.pg-march .mrow.swiped-left .mrow-inner,.pg-march .mrow.swiped-right .mrow-inner{will-change:transform}
.pg-march .mrow,.pg-pos .pcell{contain:layout style}
#mlist,#posGrid{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
#fxG_dep,#fxG_rev{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.pg{transition:opacity .1s ease-out}
.pg.on .pwrap,.pg.on>.dc{animation:pgIn2 .14s ease-out both}
@keyframes pgIn2{from{opacity:.5}to{opacity:1}}
.sheet{transition:transform .22s cubic-bezier(.25,.9,.3,1)}
.dr{transition:transform .22s cubic-bezier(.3,.9,.3,1)}
.ov{transition:opacity .15s}
.pg:not(.on) *{animation-play-state:paused!important}
/* [ams-v95-sansimage-dense] */
body .pg-march #mlist[data-v="text"] .mrow-inner{padding:7px 12px;min-height:0;gap:10px}
body .pg-march #mlist[data-v="text"] .mrow{contain-intrinsic-size:auto 46px}
body .pg-march #mlist[data-v="text"] .mrow-main{display:flex;flex-wrap:wrap;align-items:center;column-gap:7px;row-gap:1px}
body .pg-march #mlist[data-v="text"] .mrow-main>b{flex:0 0 100%;font-size:12.5px;line-height:1.2;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .pg-march #mlist[data-v="text"] .mrow-main>b .stock-badge{font-size:8.5px;padding:1px 5px;vertical-align:middle}
body .pg-march #mlist[data-v="text"] .mcode{font-size:10.5px;margin:0;gap:4px;font-weight:600}
body .pg-march #mlist[data-v="text"] .mcode .bc{width:12px;height:9px}
body .pg-march #mlist[data-v="text"] .mdesc{flex:0 0 100%;font-size:10.5px;margin:0;line-height:1.2}
body .pg-march #mlist[data-v="text"] .mtag{margin:0;padding:1px 6px;font-size:9px}
body .pg-march #mlist[data-v="text"] .mrow-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right}
body .pg-march #mlist[data-v="text"] .mrow-right>b{font-size:14.5px;line-height:1.1}
body .pg-march #mlist[data-v="text"] .mprices{font-size:10.5px;margin:0;white-space:nowrap;line-height:1.2}
body .pg-march #mlist[data-v="text"] .mseuil{margin:1px 0 0;padding:1px 3px 1px 7px;font-size:9px}
body .pg-march #mlist[data-v="text"] .mseuil input{width:34px;font-size:10.5px;padding:1px}
body .pg-march #mlist[data-v="text"][data-d="3"] .mrow-inner,body .pg-march #mlist[data-v="text"][data-d="4"] .mrow-inner{padding:6px 10px;gap:8px}
body .pg-march #mlist[data-v="text"][data-d="5"] .mrow-inner,body .pg-march #mlist[data-v="text"][data-d="6"] .mrow-inner{padding:5px 8px;gap:6px}
body .pg-march #mlist[data-v="text"][data-d="5"] .mrow-main>b,body .pg-march #mlist[data-v="text"][data-d="6"] .mrow-main>b{font-size:12px}
body .pg-march #mlist[data-v="text"][data-d="5"] :is(.mcode,.mdesc,.mprices),body .pg-march #mlist[data-v="text"][data-d="6"] :is(.mcode,.mdesc,.mprices){font-size:10px}
body .pg-march #mlist[data-v="text"][data-d="6"] .mtag{font-size:8.5px;padding:1px 5px}
body .pg-march #mlist[data-v="text"] .mrow.mlong .mrow-main>b{font-size:11.8px}
body .pg-march #mlist[data-v="text"] .mrow.mxl .mrow-main>b{font-size:11px;letter-spacing:-.1px;white-space:normal;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
body .pg-march #mlist[data-v="text"] .mrow.mlong .mrow-inner{padding-left:10px;padding-right:10px}
body .pg-march #mlist[data-v="text"] .mrow.mxl .mrow-inner{padding-left:8px;padding-right:8px;gap:6px}

html body .pg-pos .pos-grid[data-v="text"] .pcell{padding:8px 11px;min-height:0;gap:8px}
html body .pg-pos .pos-grid[data-v="text"] .pcell .nm{font-size:12.5px;line-height:1.15}
html body .pg-pos .pos-grid[data-v="text"] .pcell .pr{font-size:12.5px}
html body .pg-pos .pos-grid[data-v="text"] .pcell .info{gap:8px}
/* [ams-v96-liste-imagee-compacte] */

html body:not(#z) .pg-march #mlist[data-v="table"] .mrow-main b{line-height:1.2}
html body:not(#z) .pg-march #mlist[data-v="table"] .mrow-main b .stock-badge{font-size:8.5px;padding:1px 5px}

html body:not(#z) .pg-march #mlist[data-v="table"] .mrow-right>b{line-height:1.1}
html body:not(#z) .pg-march #mlist[data-v="table"] .mcode{margin-top:2px;gap:4px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mcode .bc{width:12px;height:9px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mdesc{margin-top:1px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mtag{margin-top:2px;padding:1px 6px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mprices{margin-top:1px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mseuil{margin-top:2px;padding:1px 3px 1px 7px;font-size:9px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mseuil input{width:34px;font-size:10.5px;padding:1px}
html body:not(#z) .pg-march #mlist[data-v="table"][data-d="5"] .mrow-inner,html body:not(#z) .pg-march #mlist[data-v="table"][data-d="6"] .mrow-inner{padding:6px 0;gap:7px}
html body:not(#z) .pg-march #mlist[data-v="table"][data-d="5"] .mth,html body:not(#z) .pg-march #mlist[data-v="table"][data-d="6"] .mth{margin-left:8px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mrow.mlong .mrow-main b{font-size:12.3px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mrow.mxl .mrow-main b{font-size:11.5px}
html body:not(#z) #posGrid[data-v="table"] .pcell{min-height:46px;padding:6px 4px;gap:8px}
html body:not(#z) #fxG_dep[data-v="table"] .pcell,html body:not(#z) #fxG_rev[data-v="table"] .pcell{min-height:46px;padding:6px 4px;gap:8px}
html body:not(#z) #posGrid[data-v="table"] .pcell .thumb{width:34px;height:34px;border-radius:10px}
html body:not(#z) #fxG_dep[data-v="table"] .pcell .thumb,html body:not(#z) #fxG_rev[data-v="table"] .pcell .thumb{width:34px;height:34px;border-radius:10px}
html body:not(#z) #posGrid[data-v="table"] .pcell .thumb svg{width:18px;height:18px}
html body:not(#z) #fxG_dep[data-v="table"] .pcell .thumb svg,html body:not(#z) #fxG_rev[data-v="table"] .pcell .thumb svg{width:18px;height:18px}
html body:not(#z) #posGrid[data-v="table"] .pcell .nm{font-size:11.5px;line-height:1.15}
html body:not(#z) #fxG_dep[data-v="table"] .pcell .nm,html body:not(#z) #fxG_rev[data-v="table"] .pcell .nm{font-size:11.5px;line-height:1.15}
html body:not(#z) #posGrid[data-v="table"] .pcell .pr{font-size:12px}
html body:not(#z) #fxG_dep[data-v="table"] .pcell .pr,html body:not(#z) #fxG_rev[data-v="table"] .pcell .pr{font-size:12px}
html body:not(#z) #posGrid[data-v="table"] .pcell .stock-badge{font-size:8.5px;padding:1px 6px}
html body:not(#z) #fxG_dep[data-v="table"] .pcell .stock-badge,html body:not(#z) #fxG_rev[data-v="table"] .pcell .stock-badge{font-size:8.5px;padding:1px 6px}
/* [ams-v97-ajustements] */
html body:not(#z) .pg-pos .pos-grid[data-v="text"] .pcell{padding:7px 11px;gap:0;align-items:center}
html body:not(#z) .pg-pos .pos-grid[data-v="text"] .pcell .info{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:1px;flex:1;min-width:0;width:100%}
html body:not(#z) .pg-pos .pos-grid[data-v="text"] .pcell .nm{flex:0 0 100%;width:100%;font-size:12px;line-height:1.18;font-weight:700;overflow:hidden;overflow-wrap:anywhere;hyphens:none;word-break:normal;-webkit-line-clamp:2;line-clamp:2}
html body:not(#z) .pg-pos .pos-grid[data-v="text"] .pcell .pr{flex:none;font-size:12px;font-weight:800}
html body:not(#z) .pg-pos .pos-grid[data-v="text"] .pcell .stock-badge{position:static;order:0;flex:none;margin:0;font-size:8.5px;padding:1px 6px}
html body:not(#z) .pg-pos .pos-grid[data-v="text"] .pcell .tdet{flex:0 0 100%;font-size:9.5px;font-weight:600;color:var(--mu);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
html body:not(#z) .pg-march #mlist[data-v="text"] .mrow-inner{padding:5px 10px;gap:8px}
html body:not(#z) .pg-march #mlist[data-v="text"] .mrow-main>b{font-size:12px}
html body:not(#z) .pg-march #mlist[data-v="text"] .mcode{font-size:10px}
html body:not(#z) .pg-march #mlist[data-v="text"] .mdesc{font-size:10px}
html body:not(#z) .pg-march #mlist[data-v="text"] .mtag{font-size:8.5px;padding:1px 5px}
html body:not(#z) .pg-march #mlist[data-v="text"] .mrow-right>b{font-size:13.5px}
html body:not(#z) .pg-march #mlist[data-v="text"] .mprices{font-size:10px}
html body:not(#z) .pg-march #mlist[data-v="text"] .mseuil{font-size:8.5px}
html body:not(#z) .pg-march #mlist[data-v="text"] .mseuil input{width:30px;font-size:10px}
html body:not(#z) .pg-march #mlist[data-v="text"][data-d="5"] .mrow-main>b,html body:not(#z) .pg-march #mlist[data-v="text"][data-d="6"] .mrow-main>b{font-size:11.5px}
html body:not(#z) .pg-march #mlist[data-v="text"][data-d="5"] .mrow-inner,html body:not(#z) .pg-march #mlist[data-v="text"][data-d="6"] .mrow-inner{padding:4px 8px;gap:6px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mrow-inner{padding:6px 0;gap:8px;min-height:44px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mth{width:30px;height:30px;margin-left:8px;border-radius:9px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mth svg{width:16px;height:16px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mrow-main b{font-size:12px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mrow-right{padding:0 10px 0 0}
html body:not(#z) .pg-march #mlist[data-v="table"] .mrow-right>b{font-size:14.5px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mcode,html body:not(#z) .pg-march #mlist[data-v="table"] .mdesc,html body:not(#z) .pg-march #mlist[data-v="table"] .mprices{font-size:10px}
html body:not(#z) .pg-march #mlist[data-v="table"] .mtag{font-size:8.5px}
html body:not(#z) .pg-march #mlist[data-v="table"][data-d="5"] .mth,html body:not(#z) .pg-march #mlist[data-v="table"][data-d="6"] .mth{width:28px;height:28px}
html body:not(#z) .pg-march #mlist[data-v="table"][data-d="5"] .mrow-main b,html body:not(#z) .pg-march #mlist[data-v="table"][data-d="6"] .mrow-main b{font-size:11.5px}
/* [ams-v98-documents] */
html body:not(#z) :is(.mdr-ic,.dc-ic.gt){border-radius:var(--ir,50%)!important;position:relative;isolation:isolate;overflow:visible}
html body:not(#z) :is(.mdr-ic,.dc-ic.gt)::before{content:"";position:absolute;inset:-5px;border-radius:var(--ir,50%);padding:1px;box-sizing:border-box;background:inherit;opacity:.5;z-index:-1;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
html body:not(#z)[data-bs="flat"] :is(.mdr-ic,.dc-ic.gt)::before{display:none}
html body:not(#z) .pg-march .mfabs #mWrBtn.b svg{stroke:#fff}
/* [ams-v99-doc-edit] */
html body:not(#z) #dcDetBtn{width:40px!important;height:40px!important;border-radius:12px!important;padding:0!important;gap:0!important;justify-content:center;background:var(--inb)!important;color:var(--pr)!important;box-shadow:none!important;border:0!important;bottom:calc(83px + env(safe-area-inset-bottom,0px))!important}
html body:not(#z) #dcDetBtn span{display:none!important}
html body:not(#z) #dcDetBtn svg{width:19px!important;height:19px!important;stroke:var(--pr)!important;fill:none;stroke-width:1.9!important}
html body:not(#z) #dcHistBtn{width:40px!important;height:40px!important;border-radius:50%!important;padding:0!important;background:var(--inb)!important;color:var(--pr)!important;box-shadow:none!important;border:0!important;bottom:calc(83px + env(safe-area-inset-bottom,0px))!important;align-items:center;justify-content:center}
html body:not(#z) #dcHistBtn svg{width:18px!important;height:18px!important;stroke:var(--pr)!important}
html body:not(#z) #dcDetBtn::before,html body:not(#z) #dcHistBtn::before{display:none!important}
html body:not(#z) #dcLines .dc-ic{border-radius:10px!important;background:var(--inb)!important;color:var(--pr)!important;box-shadow:none!important;border:0!important;overflow:hidden!important;isolation:auto}
html body:not(#z) #dcLines .dc-ic::before{display:none!important}
html body:not(#z) #dcLines .dc-ic svg{stroke:var(--pr)!important;color:var(--pr)}
html body:not(#z) #dcLines .dc-ic img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

html body:not(#z) #dcLines[data-v="text"] .dc-m span{font-size:10.5px}

html body:not(#z) #dcLines[data-v="table"] .dc-ic{width:34px;height:34px}
html body:not(#z) #dcLines[data-v="table"] .dc-ic svg{width:18px;height:18px}
html body:not(#z) #dcLines[data-v="small"] .dc-ic{width:30px;height:30px;border-radius:9px!important}
html body:not(#z) #dcLines[data-v="small"] .dc-ic svg{width:16px;height:16px}
html body:not(#z) #dcLines[data-v="small"] .dc-row{padding-top:6px;padding-bottom:6px}
html body:not(#z) #dcLines[data-v="grid"] .dc-ic{width:46px;height:46px;border-radius:12px!important}
html body:not(#z) #dcLines[data-v="large"] .dc-ic{width:60px;height:60px;border-radius:14px!important}
html body:not(#z) #dcLines[data-v="large"] .dc-ic svg{width:28px;height:28px}

/* [ams-v100-doc-couleurs] */
html body:not(#z) #dcEdit>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){background:linear-gradient(145deg,color-mix(in srgb,var(--pr) 65%,#fff),var(--pr) 55%,var(--pr2,var(--pr)))!important;--bc:var(--pr)}
html body:not(#z) #dcEdit>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn) svg{stroke:#fff!important}
html body:not(#z) #dcEdit[data-t="in"]>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn),html body:not(#z) #dcEdit[data-t="ach"]>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){background:linear-gradient(145deg,#FB7185,#F43F5E 45%,#DC2626)!important;--bc:#DC2626}
html body:not(#z) #dcEdit[data-t="out"]>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn),html body:not(#z) #dcEdit[data-t="ven"]>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){background:linear-gradient(145deg,#4ADE80,#22C55E 45%,#16A34A)!important;--bc:#16A34A}
html body:not(#z) #dcEdit[data-t="inv"]>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn),html body:not(#z) #dcEdit[data-t="tr"]>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)!important;--bc:#64748B}
html body:not(#z) #dcViewBtn{position:absolute;right:128px;bottom:calc(83px + env(safe-area-inset-bottom,0px));width:40px;height:40px;border-radius:12px;padding:0;background:var(--inb);border:0;display:grid;place-items:center;line-height:0;box-shadow:none}
html body:not(#z) #dcViewBtn svg{width:19px;height:19px;stroke:var(--pr);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body:not(#z) .dc-ro #dcViewBtn{display:grid}
html body:not(#z) #dcEdit .dc-foot .t{display:flex;flex-direction:column}
html body:not(#z) #dcEdit .dcx{font-size:11px;font-weight:700;color:var(--mu);margin-top:1px}
html body:not(#z) #dcEdit[data-t="ven"] .dcx,html body:not(#z) #dcEdit[data-t="out"] .dcx{color:var(--ok)}
html body:not(#z) #dcEdit[data-t="ach"] .dcx{color:var(--ko)}
/* [ams-v101-doc-fab] */
html body:not(#z) #dcEdit>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){width:42px!important;height:42px!important;border-radius:var(--r1)!important;right:18px;bottom:calc(83px + env(safe-area-inset-bottom,0px))}
html body:not(#z) #dcEdit>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn) svg{width:20px!important;height:20px!important;stroke-width:2.2!important}
html body:not(#z) #dcEdit :is(.dc-addbtn,#dcViewBtn,#dcHistBtn){transition:transform .25s ease,opacity .25s ease,box-shadow .18s}
html body:not(#z) #dcEdit.dc-fabs-hide :is(.dc-addbtn,#dcViewBtn,#dcHistBtn){transform:translateY(90px)!important;opacity:0!important;pointer-events:none!important}
/* [dc-vendre-style] */
html body:not(#z) #dcEdit:not(#zz)>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){width:34px!important;height:34px!important;border-radius:var(--ir,30%)!important;bottom:calc(98px + env(safe-area-inset-bottom,0px))!important;right:18px}
html body:not(#z) #dcEdit:not(#zz)>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn) svg{width:17px!important;height:17px!important;stroke-width:2.2!important}
html body:not(#z) #dcEdit:not(#zz)>#dcHistBtn,html body:not(#z) #dcEdit:not(#zz)>.dc-draftbtn{width:34px!important;height:34px!important;min-width:34px;padding:0!important;border:0!important;border-radius:17px!important;background:var(--inb)!important;color:var(--pr)!important;box-shadow:none!important;display:grid;place-items:center;line-height:0;left:18px;right:auto;bottom:calc(98px + env(safe-area-inset-bottom,0px))!important}
html body:not(#z) #dcEdit:not(#zz)>#dcHistBtn[style*="display: none"],html body:not(#z) #dcEdit:not(#zz)>.dc-draftbtn[style*="display: none"]{display:none}
html body:not(#z) #dcEdit:not(#zz)>#dcHistBtn svg,html body:not(#z) #dcEdit:not(#zz)>.dc-draftbtn svg{width:17px;height:17px;stroke:var(--pr);fill:none;stroke-width:2.1}
html body:not(#z) #dcEdit:not(#zz)>#dcViewBtn{width:auto!important;height:34px!important;padding:0 12px 0 10px!important;border:0!important;border-radius:17px!important;background:var(--inb)!important;color:var(--pr)!important;box-shadow:none!important;display:flex!important;align-items:center;gap:6px;font:800 12.5px system-ui,sans-serif;right:112px!important;bottom:calc(98px + env(safe-area-inset-bottom,0px))!important;line-height:1}
html body:not(#z) #dcEdit:not(#zz)>#dcViewBtn svg{width:17px;height:17px;stroke:var(--pr);fill:none;stroke-width:1.9}
html body:not(#z) #dcEdit:not(#zz)>#dcViewBtn #dcViewLbl{display:inline;white-space:nowrap}
html body:not(#z) #dcEdit:not(#zz)>.dc-detbtn{width:36px!important;min-width:36px;height:32px!important;padding:0!important;border:0!important;border-radius:12px!important;background:var(--inb)!important;color:var(--pr)!important;box-shadow:none!important;display:grid!important;place-items:center;gap:0;right:64px!important;bottom:calc(99px + env(safe-area-inset-bottom,0px))!important}
html body:not(#z) #dcEdit:not(#zz)>.dc-detbtn svg{width:17px!important;height:17px!important;stroke:var(--pr);stroke-width:2.1!important}
html body:not(#z) #dcEdit:not(#zz)>.dc-detbtn span{display:none}
.dc-ro #dcEdit:not(#zz)>.dc-detbtn{display:grid!important}
/* [fab-two-forms] */
html body:not(#z):not(#zz):not(#zzz):not(.nd)[data-bs="flat"] nav .fab button{width:60px!important;height:60px!important;border:4px solid var(--bg)!important;box-shadow:0 14px 26px -6px color-mix(in srgb,var(--bc,var(--pr)) 70%,transparent)!important}
html body:not(#z):not(#zz):not(#zzz):not(.nd) nav .fab button svg.fab-bolt{width:36px;height:36px}
/* [nav-longpress-css] */
/* [size-42] */
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt),.srow .sic,.q .ic,.qtile .qi,.pg-march .mfab,.pg-pos .mfab,.mfabs .mfab,.mfab){width:34px!important;height:34px!important;min-width:34px;min-height:34px}
html body :is(.k .l .ic,.a>.ic,.dc-ic:not(.gt),.srow .sic,.q .ic,.qtile .qi,.mfab) svg{width:22px!important;height:22px!important}
html body:not(#z) .mfab.mfab.mfab.mfab,html body:not(#z) .mfabs .mfab.mfab{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
html body:not(#z) .mfab.mfab svg{width:22px!important;height:22px!important}
/* [fab-42] */
html body:not(#z) nav .fab button#navFab{width:42px!important;height:42px!important;margin-top:-20px!important}
html body:not(#z) nav .fab button#navFab svg{width:22px!important;height:22px!important}
html body:not(#z) nav .fab button#navFab svg.fab-bolt{width:28px!important;height:28px!important}
/* [size-34-docs] */
html body:not(#z) :is(.dc-ic.gt,.mdr-ic,.a>.ic,.dc-row .dc-ic){width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:15px}
html body:not(#z) :is(.dc-ic.gt,.mdr-ic,.a>.ic,.dc-row .dc-ic) svg{width:22px!important;height:22px!important}
/* [gt-sheen-fix] */
html body:not(#z) .gt::after{border-radius:inherit!important}
/* [ib-34] */
/* [nav-arrows-center] */
html body:not(#z) :is(#amsTop,#amsBot,#amsBack){border-radius:var(--ir,50%)!important;z-index:70!important}
html body:not(#z) :is(#amsTop,#amsBot){right:auto!important;bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;color:var(--tx)!important}
html body:not(#z) :is(#amsTop,#amsBot,#amsBack) svg{stroke:var(--pr)!important;color:var(--pr)!important}
html body:not(#z) #amsBot{left:calc(50% - 42px)!important}
html body:not(#z) #amsTop{left:calc(50% + 6px)!important}
html body:not(#z) :is(#amsTop,#amsBot){left:calc(50% - 18px)!important}

html body:not(#z):is([data-is="square"]) :is(#amsTop,#amsBot,#amsBack){border-radius:30%!important}
html body:not(#z):is([data-is="round"]) :is(#amsTop,#amsBot,#amsBack){border-radius:50%!important}
/* [bars-42-sheet-fix] */
html body:not(#z) .sbar{box-sizing:border-box}
html body:not(#z) .sbar input{height:100%!important}

html body:not(#z) .sheet:not(.on){visibility:hidden!important;pointer-events:none!important}
html body:not(#z) .sheet.on{visibility:visible!important}
/* [shape-follow] */
html body:not(#z) :is(.mflt,.sortb,.sbar .sb-a,.sb-x){border-radius:var(--ir,50%)!important}
html body:not(#z)[data-is="round"] .sbar{border-radius:17px!important}
html body:not(#z)[data-is="square"] .sbar{border-radius:11px!important}
/* [bars-34] */
html body:not(#z) .sbar{height:34px!important;min-height:34px!important}
html body:not(#z) :is(.mflt,.sortb,.mflt.sortb){width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
html body:not(#z) :is(.mflt,.sortb) svg{width:20px!important;height:20px!important}
html body:not(#z) .sbar .sb-a{width:26px!important;height:26px!important;min-width:26px!important}
html body:not(#z) .sbar .sb-a svg{width:16px!important;height:16px!important}

/* [ams-dc-affichages] */
html body:not(#z) #dcLines[data-v="text"]{--nm:calc(17px * var(--fsx,1));--sb:calc(13px * var(--fsx,1))}
html body:not(#z) #dcLines[data-v="table"]{--nm:calc(14.5px * var(--fsx,1));--sb:calc(12px * var(--fsx,1))}
html body:not(#z) #dcLines[data-v="small"]{--cols:3;--gap:8px;--ih:84px;--ts:34px;--tr:12px;--nm:calc(12.5px * var(--fsx,1));--sb:calc(11px * var(--fsx,1));--pad:6px;--rad:16px}
html body:not(#z) #dcLines[data-v="grid"]{--cols:2;--gap:12px;--ih:120px;--ts:46px;--tr:14px;--nm:calc(14px * var(--fsx,1));--sb:calc(12px * var(--fsx,1));--pad:8px;--rad:18px}
html body:not(#z) #dcLines[data-v="large"]{--cols:1;--gap:14px;--ih:160px;--ts:64px;--tr:18px;--nm:calc(17px * var(--fsx,1));--sb:calc(13px * var(--fsx,1));--pad:10px;--rad:22px}
html body:not(#z) #dcLines[data-v="text"] .dc-m b,html body:not(#z) #dcLines[data-v="table"] .dc-m b,html body:not(#z) #dcLines[data-v="small"] .dc-m b,html body:not(#z) #dcLines[data-v="grid"] .dc-m b,html body:not(#z) #dcLines[data-v="large"] .dc-m b{font-size:var(--nm);font-weight:700;line-height:1.25;color:var(--tx);letter-spacing:-.1px;overflow-wrap:anywhere}
html body:not(#z) #dcLines[data-v="text"] .dc-r b,html body:not(#z) #dcLines[data-v="table"] .dc-r b,html body:not(#z) #dcLines[data-v="small"] .dc-r b,html body:not(#z) #dcLines[data-v="grid"] .dc-r b,html body:not(#z) #dcLines[data-v="large"] .dc-r b{white-space:nowrap}
html body:not(#z) #dcLines[data-v="text"] .dc-m>span,html body:not(#z) #dcLines[data-v="table"] .dc-m>span,html body:not(#z) #dcLines[data-v="small"] .dc-m>span,html body:not(#z) #dcLines[data-v="grid"] .dc-m>span,html body:not(#z) #dcLines[data-v="large"] .dc-m>span,html body:not(#z) #dcLines[data-v="text"] .dc-r span,html body:not(#z) #dcLines[data-v="table"] .dc-r span,html body:not(#z) #dcLines[data-v="small"] .dc-r span,html body:not(#z) #dcLines[data-v="grid"] .dc-r span,html body:not(#z) #dcLines[data-v="large"] .dc-r span{display:block;font-size:var(--sb);font-weight:600;color:var(--mu);margin-top:3px;line-height:1.2}
html body:not(#z) #dcLines[data-v="text"] .dc-m>span:empty,html body:not(#z) #dcLines[data-v="table"] .dc-m>span:empty,html body:not(#z) #dcLines[data-v="small"] .dc-m>span:empty,html body:not(#z) #dcLines[data-v="grid"] .dc-m>span:empty,html body:not(#z) #dcLines[data-v="large"] .dc-m>span:empty{display:none}
html body:not(#z) #dcLines[data-v="text"] .dc-row{border-radius:0;background:var(--bg);margin:0;padding:13px 4px;gap:14px;min-height:0;border:0;border-bottom:1px solid var(--bd);box-shadow:none}
html body:not(#z) #dcLines[data-v="table"] .dc-row{background:var(--card);border:1px solid var(--bd);border-radius:var(--r1);margin:0 0 8px;padding:8px 10px;min-height:56px;gap:10px;box-shadow:none}
html body:not(#z) #dcLines[data-v="table"] .dc-m b{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body:not(#z) #dcLines[data-v="small"],html body:not(#z) #dcLines[data-v="grid"],html body:not(#z) #dcLines[data-v="large"]{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:max-content;gap:var(--gap);align-content:start;padding:6px 14px 96px}
html body:not(#z) #dcLines[data-v="small"] .dc-row,html body:not(#z) #dcLines[data-v="grid"] .dc-row,html body:not(#z) #dcLines[data-v="large"] .dc-row{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto!important;min-height:0;max-height:none;flex:none;margin:0;padding:var(--pad);background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 18px -12px rgba(15,23,42,.25);overflow:hidden;position:relative;content-visibility:visible;contain:none}
html body:not(#z) #dcLines[data-v="small"] .dc-row>*+*,html body:not(#z) #dcLines[data-v="grid"] .dc-row>*+*,html body:not(#z) #dcLines[data-v="large"] .dc-row>*+*{margin-left:0}
html body:not(#z) #dcLines[data-v="small"] .dc-row .dc-ic,html body:not(#z) #dcLines[data-v="grid"] .dc-row .dc-ic,html body:not(#z) #dcLines[data-v="large"] .dc-row .dc-ic{display:grid!important;place-items:center;position:relative;overflow:hidden;flex:none;width:100%!important;min-width:0!important;height:var(--ih)!important;min-height:0!important;padding:0;margin:0;border-radius:var(--tr)!important}
html body:not(#z) #dcLines[data-v="small"] .dc-ic img,html body:not(#z) #dcLines[data-v="grid"] .dc-ic img,html body:not(#z) #dcLines[data-v="large"] .dc-ic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
html body:not(#z) #dcLines[data-v="small"] .dc-row .dc-ic svg,html body:not(#z) #dcLines[data-v="grid"] .dc-row .dc-ic svg,html body:not(#z) #dcLines[data-v="large"] .dc-row .dc-ic svg{position:static;width:var(--ts)!important;height:var(--ts)!important;max-width:none;max-height:none;margin:0}
html body:not(#z) #dcLines[data-v="small"] .dc-m,html body:not(#z) #dcLines[data-v="grid"] .dc-m,html body:not(#z) #dcLines[data-v="large"] .dc-m{flex:none;min-width:0;padding:7px 2px 0}
html body:not(#z) #dcLines[data-v="small"] .dc-m b,html body:not(#z) #dcLines[data-v="grid"] .dc-m b,html body:not(#z) #dcLines[data-v="large"] .dc-m b{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body:not(#z) #dcLines[data-v="small"] .dc-m>span,html body:not(#z) #dcLines[data-v="small"] .dc-tm{display:none}
html body:not(#z) #dcLines[data-v="small"] .dc-m{text-align:center}
html body:not(#z) #dcLines[data-v="small"] .dc-r,html body:not(#z) #dcLines[data-v="grid"] .dc-r,html body:not(#z) #dcLines[data-v="large"] .dc-r{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:none;padding:3px 2px 2px;margin-top:0}
html body:not(#z) #dcLines[data-v="small"] .dc-r{align-items:center;text-align:center}
/* [ams-texte-lisible] */
html body:not(#z) #mlist[data-v="text"]{--fn:calc(17px * var(--fsx,1));--fq:calc(17px * var(--fsx,1));--fs:calc(13px * var(--fsx,1))}
html body:not(#z) #mlist[data-v="table"]{--fn:calc(14.5px * var(--fsx,1));--fq:calc(14.5px * var(--fsx,1));--fs:calc(12px * var(--fsx,1))}
html body:not(#z) #mlist[data-v="small"]{--fn:calc(12.5px * var(--fsx,1));--fq:calc(12.5px * var(--fsx,1));--fs:calc(11px * var(--fsx,1))}
html body:not(#z) #mlist[data-v="grid"]{--fn:calc(14px * var(--fsx,1));--fq:calc(14px * var(--fsx,1));--fs:calc(12px * var(--fsx,1))}
html body:not(#z) #mlist[data-v="large"]{--fn:calc(17px * var(--fsx,1));--fq:calc(17px * var(--fsx,1));--fs:calc(13px * var(--fsx,1))}
html body:not(#z) #posGrid[data-v="text"]{--fn:calc(17px * var(--fsx,1));--fq:calc(17px * var(--fsx,1));--fs:calc(13px * var(--fsx,1))}
html body:not(#z) #fxG_dep[data-v="text"],html body:not(#z) #fxG_rev[data-v="text"]{--fn:calc(17px * var(--fsx,1));--fq:calc(17px * var(--fsx,1));--fs:calc(13px * var(--fsx,1))}
html body:not(#z) #posGrid[data-v="table"]{--fn:calc(14.5px * var(--fsx,1));--fq:calc(14.5px * var(--fsx,1));--fs:calc(12px * var(--fsx,1))}
html body:not(#z) #fxG_dep[data-v="table"],html body:not(#z) #fxG_rev[data-v="table"]{--fn:calc(14.5px * var(--fsx,1));--fq:calc(14.5px * var(--fsx,1));--fs:calc(12px * var(--fsx,1))}
html body:not(#z) #posGrid[data-v="small"]{--fn:calc(12.5px * var(--fsx,1));--fq:calc(12.5px * var(--fsx,1));--fs:calc(11px * var(--fsx,1))}
html body:not(#z) #fxG_dep[data-v="small"],html body:not(#z) #fxG_rev[data-v="small"]{--fn:calc(12.5px * var(--fsx,1));--fq:calc(12.5px * var(--fsx,1));--fs:calc(11px * var(--fsx,1))}
html body:not(#z) #posGrid[data-v="grid"]{--fn:calc(14px * var(--fsx,1));--fq:calc(14px * var(--fsx,1));--fs:calc(12px * var(--fsx,1))}
html body:not(#z) #fxG_dep[data-v="grid"],html body:not(#z) #fxG_rev[data-v="grid"]{--fn:calc(14px * var(--fsx,1));--fq:calc(14px * var(--fsx,1));--fs:calc(12px * var(--fsx,1))}
html body:not(#z) #posGrid[data-v="large"]{--fn:calc(17px * var(--fsx,1));--fq:calc(17px * var(--fsx,1));--fs:calc(13px * var(--fsx,1))}
html body:not(#z) #fxG_dep[data-v="large"],html body:not(#z) #fxG_rev[data-v="large"]{--fn:calc(17px * var(--fsx,1));--fq:calc(17px * var(--fsx,1));--fs:calc(13px * var(--fsx,1))}
html body:not(#z) #mlist .mrow-main b{color:var(--tx)!important;font-size:var(--fn)!important}
html body:not(#z) #mlist .mrow-right b,html body:not(#z) #mlist .mrow-right.low b,html body:not(#z) #mlist .mrow-right.low>b{color:var(--tx)!important;font-size:var(--fq)!important}
html body:not(#z) #mlist .mrow-right.neg b,html body:not(#z) #mlist .mrow-right.neg>b{color:var(--ko)!important}
html body:not(#z) #mlist .mcode,html body:not(#z) #mlist .mdesc{color:var(--mu)!important;font-size:var(--fs)!important}
html body:not(#z) #posGrid .pcell .nm{color:var(--tx)!important;font-size:var(--fn)!important}
html body:not(#z) #fxG_dep .pcell .nm,html body:not(#z) #fxG_rev .pcell .nm{color:var(--tx)!important;font-size:var(--fn)!important}
html body:not(#z) #posGrid .pcell .pr{color:var(--tx)!important;font-size:var(--fq)!important}
html body:not(#z) #fxG_dep .pcell .pr,html body:not(#z) #fxG_rev .pcell .pr{color:var(--tx)!important;font-size:var(--fq)!important}
html body:not(#z) #posGrid .pcell .code,html body:not(#z) #posGrid .pcell .cat{color:var(--mu)!important}
html body:not(#z) #fxG_dep .pcell .code,html body:not(#z) #fxG_rev .pcell .code,html body:not(#z) #fxG_dep .pcell .cat,html body:not(#z) #fxG_rev .pcell .cat{color:var(--mu)!important}
/* [ams-sans-image-taille] */

/* [ams-sans-image-14] */
html body:not(#z) #mlist[data-v="text"] .mrow-main b,html body:not(#z) #dcLines[data-v="text"] .dc-m b,html body:not(#z) #posGrid[data-v="text"] .pcell .nm{font-size:14px!important;line-height:1.3!important}
html body:not(#z) #fxG_dep[data-v="text"] .pcell .nm,html body:not(#z) #fxG_rev[data-v="text"] .pcell .nm{font-size:14px!important;line-height:1.3!important}
html body:not(#z) #mlist[data-v="text"] .mrow-right>b,html body:not(#z) #mlist[data-v="text"] .mrow-right b,html body:not(#z) #dcLines[data-v="text"] .dc-r b,html body:not(#z) #posGrid[data-v="text"] .pcell .pr{font-size:14px!important;line-height:1.2!important}
html body:not(#z) #fxG_dep[data-v="text"] .pcell .pr,html body:not(#z) #fxG_rev[data-v="text"] .pcell .pr{font-size:14px!important;line-height:1.2!important}
html body:not(#z) #mlist[data-v="text"] .mprices,html body:not(#z) #mlist[data-v="text"] .mprices *{font-size:13px!important}
html body:not(#z) #mlist[data-v="text"] .mcode,html body:not(#z) #mlist[data-v="text"] .mdesc,html body:not(#z) #dcLines[data-v="text"] .dc-m>span,html body:not(#z) #dcLines[data-v="text"] .dc-r span,html body:not(#z) #posGrid[data-v="text"] .pcell .code,html body:not(#z) #posGrid[data-v="text"] .pcell .cat{font-size:11.5px!important}
html body:not(#z) #fxG_dep[data-v="text"] .pcell .code,html body:not(#z) #fxG_rev[data-v="text"] .pcell .code,html body:not(#z) #fxG_dep[data-v="text"] .pcell .cat,html body:not(#z) #fxG_rev[data-v="text"] .pcell .cat{font-size:11.5px!important}
/* [ams-qte-uniforme] */
html body:not(#z) #mlist[data-v="text"] .mrow-right>b,html body:not(#z) #dcLines[data-v="text"] .dc-r b,html body:not(#z) #posGrid[data-v="text"] .pcell .pq{font-size:14px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;font-variant-numeric:tabular-nums;color:var(--tx)}
html body:not(#z) #fxG_dep[data-v="text"] .pcell .pq,html body:not(#z) #fxG_rev[data-v="text"] .pcell .pq{font-size:14px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;font-variant-numeric:tabular-nums;color:var(--tx)}
html body:not(#z) #mlist[data-v="text"] .mrow-right.neg>b,html body:not(#z) #posGrid[data-v="text"] .pcell .pq.neg{color:var(--ko)!important}
html body:not(#z) #fxG_dep[data-v="text"] .pcell .pq.neg,html body:not(#z) #fxG_rev[data-v="text"] .pcell .pq.neg{color:var(--ko)!important}
html body:not(#z) #posGrid[data-v="text"] .pcell .pq{flex:none;min-width:2ch;text-align:right;order:3}
html body:not(#z) #fxG_dep[data-v="text"] .pcell .pq,html body:not(#z) #fxG_rev[data-v="text"] .pcell .pq{flex:none;min-width:2ch;text-align:right;order:3}
/* [ams-qte-suit-nom] */
html body:not(#z) #mlist[data-v="table"] .mrow-right>b,html body:not(#z) #mlist[data-v="small"] .mrow-right>b,html body:not(#z) #mlist[data-v="grid"] .mrow-right>b,html body:not(#z) #mlist[data-v="large"] .mrow-right>b,html body:not(#z) #dcLines[data-v="table"] .dc-r b,html body:not(#z) #dcLines[data-v="small"] .dc-r b,html body:not(#z) #dcLines[data-v="grid"] .dc-r b,html body:not(#z) #dcLines[data-v="large"] .dc-r b{font-size:var(--fn,var(--nm))!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important;color:var(--tx)}
html body:not(#z) #dcLines[data-v="table"] .dc-r b,html body:not(#z) #dcLines[data-v="small"] .dc-r b,html body:not(#z) #dcLines[data-v="grid"] .dc-r b,html body:not(#z) #dcLines[data-v="large"] .dc-r b{font-size:var(--nm)!important}
html body:not(#z) #posGrid .pcell .pq{font-size:var(--fn)!important;font-weight:700!important;line-height:1.25!important;color:var(--tx);font-variant-numeric:tabular-nums}
html body:not(#z) #fxG_dep .pcell .pq,html body:not(#z) #fxG_rev .pcell .pq{font-size:var(--fn)!important;font-weight:700!important;line-height:1.25!important;color:var(--tx);font-variant-numeric:tabular-nums}
html body:not(#z) #posGrid .pcell .pq.neg{color:var(--ko)!important}
html body:not(#z) #fxG_dep .pcell .pq.neg,html body:not(#z) #fxG_rev .pcell .pq.neg{color:var(--ko)!important}
html body:not(#z) #posGrid[data-v="small"] .pcell .pq,html body:not(#z) #posGrid[data-v="grid"] .pcell .pq,html body:not(#z) #posGrid[data-v="large"] .pcell .pq{display:block;text-align:center;margin-top:2px}
html body:not(#z) #fxG_dep[data-v="small"] .pcell .pq,html body:not(#z) #fxG_rev[data-v="small"] .pcell .pq,html body:not(#z) #fxG_dep[data-v="grid"] .pcell .pq,html body:not(#z) #fxG_rev[data-v="grid"] .pcell .pq,html body:not(#z) #fxG_dep[data-v="large"] .pcell .pq,html body:not(#z) #fxG_rev[data-v="large"] .pcell .pq{display:block;text-align:center;margin-top:2px}
html body:not(#z) #posGrid[data-v="small"] .pcell .pq::before,html body:not(#z) #posGrid[data-v="grid"] .pcell .pq::before,html body:not(#z) #posGrid[data-v="large"] .pcell .pq::before{content:var(--l-qty,"Qté ");font-weight:600;color:var(--mu)}
html body:not(#z) #fxG_dep[data-v="small"] .pcell .pq::before,html body:not(#z) #fxG_rev[data-v="small"] .pcell .pq::before,html body:not(#z) #fxG_dep[data-v="grid"] .pcell .pq::before,html body:not(#z) #fxG_rev[data-v="grid"] .pcell .pq::before,html body:not(#z) #fxG_dep[data-v="large"] .pcell .pq::before,html body:not(#z) #fxG_rev[data-v="large"] .pcell .pq::before{content:var(--l-qty,"Qté ");font-weight:600;color:var(--mu)}
html body:not(#z) #posGrid[data-v="table"] .pcell .pq{flex:none;min-width:2ch;text-align:right}
html body:not(#z) #fxG_dep[data-v="table"] .pcell .pq,html body:not(#z) #fxG_rev[data-v="table"] .pcell .pq{flex:none;min-width:2ch;text-align:right}
/* [fix-mrow-chip] */
.pg-march .mrow-main>b{display:flex!important;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.pg-march .mrow-main>b .mnm{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pg-march .mrow-main>b :is(.mdq-w,.stock-badge,.mbd,.badge){flex:none}
.pg-march .mdq{margin-left:0!important}
.mdq-ok{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--ok,#16A34A) 16%,transparent);color:var(--ok,#16A34A);font-size:13px;font-weight:900;line-height:1}
/* [mv-rapide-css] */
/* --- Page plein écran (au-dessus de la barre du bas z:15, sous les feuilles d’action z:20+) --- */
#mvPg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:none;flex-direction:column;
  background:linear-gradient(180deg,var(--inb) 0%,var(--bg) 60%);color:var(--tx);
  font-family:inherit;padding-top:env(safe-area-inset-top,0px)}
#mvPg.on{display:flex}
#mvPg svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#mvPg button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#mvPg .mv-top{display:flex;align-items:center;gap:12px;padding:12px 14px 6px}
#mvPg .mv-rb{width:44px;height:44px;border-radius:50%;border:1px solid var(--bd);background:var(--card);
  color:var(--tx);display:grid;place-items:center;flex:none;box-shadow:var(--sh2)}
#mvPg .mv-tt{flex:1;min-width:0}
#mvPg .mv-tt b{display:block;font-size:20px;font-weight:800;letter-spacing:-.2px}
#mvPg .mv-tt small{display:block;font-size:12px;font-weight:700;color:var(--mu)}
#mvPg .mv-tabs{display:flex;gap:8px;padding:8px 14px 4px}
#mvPg .mv-tab{flex:1;height:44px;border-radius:22px;border:0;background:var(--bg2);color:var(--mu);
  font-size:14px;font-weight:800;position:relative;transition:background .15s,color .15s}
#mvPg .mv-tab.on{background:var(--tx);color:var(--bg)}
#mvPg .mv-tab i{position:absolute;top:-4px;right:6px;min-width:18px;height:18px;border-radius:9px;padding:0 5px;
  font:800 11px/18px system-ui,sans-serif;font-style:normal;color:#fff;background:var(--tc,#DC2626);text-align:center}
#mvPg .mv-sr{display:flex;align-items:center;gap:8px;margin:8px 14px 6px;padding:0 6px 0 14px;height:48px;
  border-radius:24px;background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh2)}
#mvPg .mv-sr svg{color:var(--mu);flex:none}
#mvPg .mv-sr input{flex:1;min-width:0;border:0;outline:0;background:none;font:600 15px system-ui,sans-serif;color:var(--tx)}
#mvPg .mv-sr button{width:38px;height:38px;border-radius:50%;border:0;background:var(--bg2);color:var(--tx);display:grid;place-items:center;flex:none}
#mvPg .mv-chips{display:flex;gap:8px;padding:2px 14px 6px}
#mvPg .mv-chip{height:34px;padding:0 16px;border-radius:17px;border:0;background:var(--bg2);color:var(--mu);font-size:13px;font-weight:800}
#mvPg .mv-chip.on{background:var(--tx);color:var(--bg)}
#mvPg .mv-list{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding:4px 14px calc(120px + env(safe-area-inset-bottom,0px))}
#mvPg .mv-row{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;margin-bottom:10px;
  border-radius:22px;background:var(--card);border:2px solid transparent;box-shadow:var(--sh2);
  transition:border-color .15s,background .15s}
#mvPg .mv-row.has{border-color:var(--tc,#DC2626);background:color-mix(in srgb,var(--tc,#DC2626) 7%,var(--card))}
#mvPg .mv-ic{width:48px;height:48px;border-radius:15px;background:var(--inb);color:var(--pr);display:grid;place-items:center;flex:none;overflow:hidden}
#mvPg .mv-ic img{width:100%;height:100%;object-fit:cover}
#mvPg .mv-m{flex:1;min-width:0}
#mvPg .mv-m b{display:block;font-size:15px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#mvPg .mv-m span{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--mu)}
#mvPg .mv-m span em{font-style:normal;color:var(--tc,#DC2626);font-weight:800}
#mvPg .mv-st{display:flex;align-items:center;gap:6px;flex:none}
#mvPg .mv-b{width:42px;height:42px;border-radius:15px;border:0;background:var(--bg2);color:var(--tx);font-size:22px;font-weight:700;display:grid;place-items:center;line-height:1}
#mvPg .mv-b.plus{background:var(--tc,#DC2626);color:#fff}
#mvPg .mv-b:active{transform:scale(.92)}
#mvPg .mv-q{width:54px;height:42px;border-radius:13px;border:0;outline:0;background:var(--bg2);text-align:center;
  font:800 17px system-ui,sans-serif;color:var(--tx);-moz-appearance:textfield}
#mvPg .mv-q::-webkit-outer-spin-button,#mvPg .mv-q::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#mvPg .mv-empty{text-align:center;color:var(--mu);font-weight:700;padding:40px 10px}
#mvPg .mv-more{display:block;width:100%;height:46px;border:0;border-radius:23px;background:var(--bg2);color:var(--tx);font-weight:800;font-size:14px;margin:4px 0 10px}
#mvPg .mv-bar{position:absolute;left:0;right:0;bottom:0;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));
  background:var(--card);border-top:1px solid var(--bd);box-shadow:0 -14px 30px -18px rgba(8,15,30,.4);
  display:flex;align-items:center;gap:10px}
#mvPg .mv-sum{flex:1;min-width:0}
#mvPg .mv-sum b{display:block;font-size:16px;font-weight:800}
#mvPg .mv-sum small{display:block;font-size:12px;font-weight:700;color:var(--mu)}
#mvPg .mv-opt{width:50px;height:50px;border-radius:17px;border:0;background:var(--bg2);color:var(--tx);display:grid;place-items:center;flex:none}
#mvPg .mv-go{height:50px;padding:0 22px;border-radius:25px;border:0;color:#fff;font-size:15px;font-weight:800;
  background:var(--tg,linear-gradient(140deg,#F43F5E,#DC2626));box-shadow:0 12px 22px -8px var(--tc,#DC2626);flex:none}
#mvPg .mv-go:disabled{opacity:.4;box-shadow:none}
/* [dv-docs-css] */
/* --- Devis : teinte grise (liste + écran d’édition) --- */
html body:not(#z) #dcRows .dc-row.dv{background:color-mix(in srgb,#64748B 11%,var(--card))}
html body:not(#z) #dcRows .dc-row.dv .dc-m>span{color:#64748B}
html body:not(#z) #dcEdit[data-t^="dv"]{background:linear-gradient(180deg,color-mix(in srgb,#64748B 16%,var(--bg)),var(--bg) 70%)}
html body:not(#z) #dcEdit[data-t^="dv"] .dc-row{background:color-mix(in srgb,#64748B 10%,var(--card))}
html body:not(#z) #dcEdit[data-t^="dv"]>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)!important;--bc:#64748B}
html body:not(#z) #dcEdit[data-t^="dv"] .dcx{color:#64748B}
html body:not(#z) #dcEdit[data-t="rcl"]>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn),
html body:not(#z) #dcEdit[data-t="rfo"]>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){background:linear-gradient(145deg,#FCD34D,#F59E0B 45%,#D97706)!important;--bc:#D97706}
#dvConv{padding:0 14px;font-size:13px;flex:none}
/* [mx-fab-css] */
#dcFabs{pointer-events:none;position:absolute;right:18px;bottom:calc(148px + env(safe-area-inset-bottom,0px));z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:12px;transition:transform .25s ease,opacity .25s ease}
#dcList.dcl-hide #dcFabs,#dcList:has(#dcQ:focus) #dcFabs{transform:translateY(130px);opacity:0;pointer-events:none}
#dcFab.dc-addbtn{pointer-events:auto;position:relative;right:auto;bottom:auto;width:48px;height:48px;border-radius:var(--ir,30%);--bc:var(--pr);background:linear-gradient(145deg,color-mix(in srgb,var(--pr) 65%,#fff),var(--pr) 55%,var(--pr2,var(--pr)))}
#dcList.dcl-hide #dcFab,#dcList:has(#dcQ:focus) #dcFab{pointer-events:none}
#dcFab svg{width:22px;height:22px;stroke:#fff;stroke-width:2.2}
#dcFab.t-in{--bc:#DC2626;background:linear-gradient(145deg,#FB7185,#F43F5E 45%,#DC2626)}
#dcFab.t-out{--bc:#16A34A;background:linear-gradient(145deg,#4ADE80,#22C55E 45%,#16A34A)}
#dcFab.t-inv,#dcFab.t-tr{--bc:#64748B;background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)}
.dcl-menu{display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
#dcFabs.open .dcl-menu{pointer-events:auto}
.dcl-it{display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(14px) scale(.92);transition:opacity .18s ease,transform .18s ease;transition-delay:calc(var(--i)*30ms)}
#dcFabs.open .dcl-it{opacity:1;transform:none}
.dcl-lb{background:var(--card);color:var(--tx);font:800 13.5px system-ui,sans-serif;padding:8px 13px;border-radius:14px;box-shadow:var(--sh2)}
.dcl-ic{width:44px;height:44px;border-radius:var(--ir,30%);display:grid;place-items:center;box-shadow:var(--sh2)}
.dcl-ic svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#dcFabScrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:rgba(15,23,42,.32);opacity:0;pointer-events:none;transition:opacity .2s}
#dcFabScrim.on{opacity:1;pointer-events:auto}
#dcRows{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:reduce){
#dcFabs,.dcl-it,#dcFabScrim{transition:none}

}
/* [ams-tiny-screens] */
@media (max-width:340px){
html body:not(#z) #dcEdit>.dc-detbtn{display:none!important}
html body:not(#z) #dcViewBtn{right:64px!important}

}
/* [dc-fab2] */
body.dc-fab-in:not(.dc-has) nav .fab button{background:linear-gradient(140deg,#60A5FA,#2563EB)!important;box-shadow:0 10px 18px -8px rgba(37,99,235,.6)!important}
body.dc-fab-in:not(.dc-has) nav{--bc:#2563EB}
body.dc-fab-in.dc-has.dc-k-in nav .fab button,body.dc-fab-in.dc-has.dc-k-rcl nav .fab button,body.dc-fab-in.dc-has.dc-k-ach nav .fab button{background:linear-gradient(140deg,#F43F5E,#DC2626)!important;box-shadow:0 14px 26px -6px rgba(220,38,38,.7)!important}
body.dc-fab-in.dc-has.dc-k-out nav .fab button,body.dc-fab-in.dc-has.dc-k-rfo nav .fab button{background:linear-gradient(140deg,#22C55E,#16A34A)!important;box-shadow:0 14px 26px -6px rgba(22,163,74,.7)!important}
body.dc-fab-in.dc-has.dc-k-dvi nav .fab button,body.dc-fab-in.dc-has.dc-k-dvo nav .fab button{background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)!important;box-shadow:0 14px 26px -6px rgba(71,85,105,.6)!important}
body.dc-fab-in.dc-has.dc-k-inv nav .fab button{background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)!important;box-shadow:0 14px 26px -6px rgba(71,85,105,.6)!important}
body.dc-fab-in.dc-has.dc-k-tr nav .fab button{background:linear-gradient(140deg,#A78BFA,#7C3AED)!important;box-shadow:0 14px 26px -6px rgba(124,58,237,.6)!important}
#amsOnboarding{position: fixed; inset: 0; z-index: 100000; background: var(--bg); display: flex; flex-direction: column; padding: 24px; font-family: system-ui, -apple-system, sans-serif; transition: opacity 0.3s;}
#amsOnboarding.hide{opacity: 0; pointer-events: none;}
.ob-step{display: none; flex-direction: column; flex: 1; justify-content: center; align-items: center; text-align: center;}
.ob-step.active{display: flex;}
.ob-icon{width: 80px; height: 80px; border-radius: 24px; background: linear-gradient(135deg, var(--pr), var(--pr2)); color: #fff; display: grid; place-items: center; margin-bottom: 24px; box-shadow: 0 10px 20px -10px var(--pr);}
.ob-icon svg{width: 40px; height: 40px; stroke: currentColor; fill: none; stroke-width: 2;}
.ob-title{font-size: 24px; font-weight: 800; color: var(--tx); margin-bottom: 12px; letter-spacing: -0.5px;}
.ob-desc{font-size: 15px; color: var(--mu); line-height: 1.5; margin-bottom: 32px; max-width: 300px;}
.ob-btn{width: 100%; padding: 16px; border-radius: 16px; border: none; background: var(--pr); color: #fff; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 16px -8px var(--pr);}
.ob-btn:active{transform: scale(0.98);}
.ob-dots{display: flex; gap: 8px; justify-content: center; margin-top: 32px;}
.ob-dot{width: 8px; height: 8px; border-radius: 50%; background: var(--bd); transition: 0.2s;}
.ob-dot.active{background: var(--pr); width: 24px; border-radius: 4px;}
.srow[onclick="openAdminPanel()"]:not(#admRow){display: none !important;}
/* [novaDashCSS] */
.nv-d{font-weight:800;margin-left:4px;white-space:nowrap}
.nv-g{color:color-mix(in srgb,var(--ok) 72%,var(--tx))}
.nv-b{color:color-mix(in srgb,var(--ko) 82%,var(--tx))}
.nv-n{color:var(--mu)}
.ag-r{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ag-r span{font-weight:800;font-size:14px}
.ag-r b{font-size:16px;font-variant-numeric:tabular-nums}
.ag-bar{display:flex;height:10px;border-radius:99px;overflow:hidden;gap:2px;margin:8px 0 6px;background:var(--bg2)}
.ag-bar i{display:block;height:100%}
.ag-lg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;font-size:11px;font-weight:700;color:var(--mu)}
.ag-hr{height:1px;background:var(--bd);margin:14px 0}
.ag-em{font-size:12.5px;font-weight:700;color:var(--mu);margin:6px 0 0}
.nv-hint{font-size:12.5px;font-weight:700;color:var(--mu);text-align:center;padding:8px 4px 2px}
/* [nova125CSS] */
.nr-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 14px}
.nr-chips button{border:1.5px solid var(--bd);background:var(--card);color:var(--tx);border-radius:14px;padding:12px 10px;font:700 13px/1.1 inherit;font-family:inherit;transition:transform .15s,border-color .15s,background .15s}
.nr-chips button:active{transform:scale(.96)}
.nr-chips button.on{border-color:var(--pr);background:color-mix(in srgb,var(--pr) 14%,transparent);color:var(--pr)}
.nr-sum{text-align:center;font-size:13px;font-weight:800;color:var(--pr);margin:-4px 0 12px}
/* [amsNavB] */



html:is([data-theme="neon"],[data-theme="neonlight"],[data-theme="lagune"]) body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab button{box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 22px color-mix(in srgb,var(--pr) 60%,transparent)!important}
@media(prefers-reduced-motion:reduce){
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button.on svg{animation:none}

}
/* [amsNavC] */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button{
  position:relative;
  margin:0!important;
  padding:0!important;
  height:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  white-space:nowrap;
  transition:color .2s;}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button.on::before{content:"";position:absolute;top:0;left:50%;width:20px;height:3px;margin-left:-10px;border-radius:0 0 4px 4px;background:var(--pr);box-shadow:0 3px 10px color-mix(in srgb,var(--pr) 65%,transparent)}


html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab::before{content:"";position:absolute;left:50%;top:0;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--card) 70%,var(--bg2)),var(--bg2));
  box-shadow:inset 0 3px 8px color-mix(in srgb,#0b1020 30%,transparent),inset 0 -1px 0 color-mix(in srgb,#fff 40%,transparent)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab button{
  z-index:1;}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab button:active{box-shadow:inset 0 2px 6px rgba(0,0,0,.24),0 3px 8px -4px color-mix(in srgb,var(--pr) 70%,#0b1020)!important}

html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) :is(#seg,#ptSeg,#dcPer,#enPer){background:none!important;border:0!important;border-bottom:1px solid var(--bd)!important;border-radius:0!important;box-shadow:none!important;padding:0!important;gap:0!important;height:auto!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) :is(#seg,#ptSeg,#dcPer,#enPer) button{position:relative;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--mu)!important;height:44px!important;min-height:0!important;padding:0 2px!important;font-weight:700}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) :is(#seg,#ptSeg,#dcPer,#enPer) button.on{color:var(--pr)!important;background:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) :is(#seg,#ptSeg,#dcPer,#enPer) button.on::after{content:"";position:absolute;left:14%;right:14%;bottom:-1px;height:2.5px;border-radius:3px;background:var(--pr)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) .goal{background:none!important;border:0!important;border-bottom:1px solid var(--bd)!important;border-radius:0!important;box-shadow:none!important;padding:14px 2px!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) .nr-chips{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 22px!important;margin:0 0 12px!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) .nr-chips button{border:0!important;border-bottom:1px solid var(--bd)!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:left!important;padding:13px 2px!important;color:var(--tx)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) .nr-chips button.on{color:var(--pr)!important;border-bottom:2px solid var(--pr)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) .rap-cust input{border:0!important;border-bottom:1.5px solid var(--bd)!important;border-radius:0!important;background:none!important;padding-left:0!important;box-shadow:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) .rap-cust input:focus{border-bottom-color:var(--pr)!important;outline:none!important}
.nr-h{font-size:12px;font-weight:800;color:var(--mu);margin:14px 0 2px;letter-spacing:.3px;text-transform:uppercase}
/* [amsNavD] */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav{--nh:64px;--fz:46px;--ng:5px;--fc:var(--pr);
  height:var(--nh)!important;left:14px!important;right:14px!important;max-width:440px!important;padding:0 6px!important;
  bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;border-radius:32px!important;
  filter:none!important;isolation:isolate}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-is="square"] nav{border-radius:24px!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav::before{content:"";display:block!important;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;border-radius:inherit;background:var(--card);
  -webkit-mask:none!important;mask:none!important;
  box-shadow:inset 0 0 0 1px var(--bd),0 12px 26px -12px rgba(8,12,26,.38)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button#navCtx{display:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button{gap:4px!important;color:var(--mu)!important;font-weight:600!important;letter-spacing:0!important;font-size:clamp(9.5px,2.7vw,10.5px)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button svg{width:20px!important;height:20px!important;padding:6px!important;margin:0!important;box-sizing:content-box!important;
  border-radius:var(--ir,50%)!important;background:color-mix(in srgb,currentColor 10%,transparent)!important;box-shadow:none!important;stroke-width:1.9;
  transform:none!important;animation:none!important;transition:background .2s,box-shadow .2s,transform .15s}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button.on{color:var(--pr)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button.on svg{background:color-mix(in srgb,currentColor 17%,transparent)!important;stroke-width:2.1}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button.on::before{display:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button:active svg{transform:scale(.9)!important}
html:is([data-theme="neon"],[data-theme="neonlight"],[data-theme="lagune"]) body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button.on svg{filter:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab{position:relative;display:grid!important;place-items:center!important;align-self:stretch!important;height:100%!important;width:auto!important;margin:0!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab::before{display:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab button{position:relative;isolation:isolate;width:var(--fz)!important;height:var(--fz)!important;min-width:var(--fz)!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:var(--ir,50%)!important;font-size:0!important;animation:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 var(--ng) var(--bg),0 8px 14px -8px color-mix(in srgb,var(--fc) 55%,transparent)!important;
  transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .2s!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav:has(>button.on[data-nav="reglages"]) .fab button{border-radius:var(--ir,50%)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab button::before{content:"";position:absolute;left:5px;right:5px;top:5px;bottom:5px;z-index:-1;border-radius:inherit;background:rgba(255,255,255,.16);pointer-events:none}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab button:active{transform:scale(.94)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab button svg{width:24px!important;height:24px!important;padding:0!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab button svg.fab-bolt{width:32px!important;height:32px!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-bs="flat"] nav .fab button{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 var(--ng) var(--bg),0 8px 14px -8px color-mix(in srgb,var(--fc) 55%,transparent)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).fx-dep nav,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).fx-rev nav,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).pos-active.fx-dep nav,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).pos-active.fx-rev nav{--fc:#94A3B8}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).pos-active.pos-has nav,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).dc-fab-out nav,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).fx-rev.fx-has nav{--fc:#22C55E}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).pos-active.pos-achat.pos-has nav,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).dc-fab-in nav,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).fx-dep.fx-has nav{--fc:#F43F5E}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz).nav-partner:not(.pos-active):not(.dc-fab-in):not(.dc-fab-out):not(.fx-dep):not(.fx-rev) nav{--fc:#64748B}
@media(prefers-reduced-motion:reduce){
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav>button svg,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz) nav .fab button{transition:none!important}

}
/* [theme-volt-css] */
:root[data-theme="volt"]{--bg: #0B0E14; 
  --bg2: #121620; 
  --card: #161B22;
  --tx: #E6EDF3; 
  --mu: #8B949E; 
  --bd: #30363D; 
  --pr: #2EE64C; 
  --pr2: #1DB93A;
  --ok: #2EE64C; 
  --ko: #F85149; 
  --inb: rgba(46, 230, 76, 0.15);
  color-scheme: dark;}
:root[data-theme="volt"] .v-horizon{display: none !important;}
#voltDash{display: none;
  padding-top: 10px;}
:root[data-theme="volt"] #voltDash{display: block;}
.volt-grid-top{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 24px;}
.volt-card{background: var(--card);
  border: 1px solid var(--bd);
  border-radius: 16px;
  padding: 16px;}
.volt-card .lbl{font-size: 12px;
  color: var(--mu);
  font-weight: 500;
  margin-bottom: 8px;}
.volt-card .val{font-size: 20px;
  font-weight: 700;
  color: var(--tx);
  display: flex;
  align-items: baseline;
  gap: 4px;}
.volt-card .val small{font-size: 12px;
  color: var(--mu);
  font-weight: 500;}
.volt-sec-title{font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--mu);
  margin: 24px 0 12px 4px;
  font-weight: 700;}
.volt-product{background: var(--card);
  border: 1px solid var(--bd);
  border-radius: 16px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;}
.volt-product .icon{width: 48px; height: 48px;
  background: var(--bg2);
  border-radius: 12px;
  display: grid; place-items: center;
  color: var(--pr);}
.volt-product .icon svg{width: 24px; height: 24px; stroke: currentColor; fill: none;}
.volt-product .info{flex: 1;}
.volt-product .info b{display: block; font-size: 15px; font-weight: 700; color: var(--tx);}
.volt-product .info span{display: block; font-size: 13px; color: var(--mu); margin-top: 2px;}
.volt-product .price{font-size: 15px; font-weight: 700; color: var(--pr);}
.volt-actions{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;}
.volt-btn{background: var(--card);
  border: 1px solid var(--bd);
  border-radius: 16px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  color: var(--tx);
  font-size: 15px;
  font-weight: 600;}
.volt-btn .ic{width: 40px; height: 40px;
  background: var(--bg2);
  border-radius: 10px;
  display: grid; place-items: center;
  color: var(--pr);
  position: relative;}
.volt-btn .ic svg{width: 20px; height: 20px; stroke: currentColor; fill: none;}
.volt-btn .ic::after{content: "";
  position: absolute; bottom: -2px; right: -2px;
  width: 12px; height: 12px; border-radius: 50%;
  border: 2px solid var(--card);
  background: var(--pr);}
.volt-btn[onclick*="openPOS"] .ic::after{background: var(--ko);}
.volt-btn[onclick*="openDep"] .ic::after{background: var(--ko);}
:root[data-theme="volt"] nav button{color: var(--mu);}
:root[data-theme="volt"] nav .fab button{width: 64px !important; height: 64px !important;
  background: var(--pr) !important;
  border: 4px solid var(--bg) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 25px rgba(46, 230, 76, 0.4) !important;
  margin-top: -32px !important;}
:root[data-theme="volt"] nav .fab button svg{stroke: #000 !important;}
/* [ams-pos-v2] */
#pgPOS,#pgDep,#pgRev{--mc:var(--ok);--mcb:var(--okb)}
body.pos-achat #pgPOS{--mc:var(--ko);--mcb:var(--kob)}
body.pos-devis #pgPOS{--mc:#64748B;--mcb:rgba(100,116,139,.16)}
body.pos-devis.pos-retour #pgPOS{--mc:#D97706;--mcb:rgba(245,158,11,.16)}
#pgDep{--mc:var(--ko);--mcb:var(--kob)}
html body #pgPOS .storepill,html body #pgDep .storepill,html body #pgRev .storepill{background:var(--ok)!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(22,163,74,.6)!important}
html body .pos-dr button[data-m="devis"].sel{background:var(--mcb);color:var(--mc)}
html body .pg-pos .pt-top .pt-eye,html body #margeEye{display:none!important}
html body #pgPOS #posDisc.mg-off{opacity:.6}

html body #pgPOS .pt-top #posDisc{padding:0 8px}
body.pos-achat:not(.dv-v) #pgPOS .pos-cart-head>svg{stroke:#DC2626!important}
html body #pgDep .pos-cart-head>svg{stroke:var(--ko)!important}
html body #pgRev .pos-cart-head>svg{stroke:var(--ok)!important}
html body .pg-pos .pos-cart{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;padding-bottom:6px}
html body .pg-pos .pos-cart>*{margin:0 8px 0 0!important}
html body .pg-pos .pos-total.pt-top{order:1;display:grid;gap:5px;align-items:center;padding:7px;border-radius:18px;background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh)}
html body .pg-pos .pt-top .block{grid-column:1/-1;order:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 6px;padding:8px 10px;border:0;border-radius:14px;background:var(--mcb)!important}
html body .pg-pos .pt-top .block .lbl{font-size:11px;font-weight:700;color:var(--tx);letter-spacing:0;text-transform:none}
html body .pg-pos .pt-top .block .amt{font-size:16px;font-weight:800;color:var(--mc)!important;margin-left:auto;white-space:nowrap}
html body .pg-pos .pt-top .pos-sub{display:contents}
html body .pg-pos .pt-top .pos-sub>span{display:none!important}
html body .pg-pos .pt-top #posDisc{order:1;min-width:0;height:34px;padding:0 5px;border-radius:11px;background:var(--mcb);color:var(--mc);font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .pg-pos .pt-top .pt-eye{order:2;width:26px;height:26px;min-width:0}
html body .pg-pos .pt-top .pos-det{order:3;width:34px;height:34px;padding:0;border-radius:11px;background:var(--inb);color:var(--pr);display:grid;place-items:center;border:0}
html body .pg-pos .pt-top .pos-det.det-wa{background:var(--wab);color:var(--wa)}
html body .pg-pos .pt-top .pos-det.det-ko{background:var(--kob);color:var(--ko)}
html body .pg-pos .pt-top .pos-det span{display:none}
html body .pg-pos .pt-top .pos-det svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
html body .pg-pos .pt-top .row-m{display:none!important}
body.pos-achat #pgPOS #margeEye,body.pos-devis #pgPOS #margeEye{display:none}

html body .pg-pos .pos-cart-card{order:2;display:flex;flex-direction:column;border-radius:18px;background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh);overflow:hidden;flex:none}
html body .pg-pos .pos-cart-card .pos-cart-list{position:relative;flex:none;overflow-y:auto;margin:0!important;padding:4px 10px;border:0;border-radius:0;background:none;scroll-snap-type:y proximity;scrollbar-width:none}
html body .pg-pos .pos-cart-card .pos-cart-list::-webkit-scrollbar{display:none}
html body .pg-pos .pos-cart-card .pos-cart-head{margin:0!important;border:0;border-top:1px solid var(--bd);border-radius:0;padding:7px 8px;gap:5px}
html body .pg-pos .pos-cart-card .pos-cart-head>svg{width:17px;height:17px;flex:none}
html body .pg-pos .pos-cart-head .pc-st{display:flex;flex-direction:column;font-size:11px;font-weight:700;line-height:1.25;min-width:0;white-space:nowrap}
html body .pg-pos .pos-cart-head .ch-hist{width:28px;height:28px;margin-left:0;flex:none}
html body .pg-pos .pos-cart-head .ch-hist:first-of-type{margin-left:auto}
html body .pg-pos .pos-cart-head .ch-dr svg{fill:none;stroke:var(--pr);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .pg-pos .pos-cart-head .ch-dr.on{background:var(--pr)}
html body .pg-pos .pos-cart-head .ch-dr.on svg{stroke:#fff}
html body .pg-pos .pos-cart-card .ci{display:grid;grid-template-columns:50px 1fr 32px;grid-template-rows:auto auto auto auto;column-gap:8px;row-gap:2px;padding:10px 0;border-bottom:1px solid var(--bd);scroll-snap-align:end;align-items:start}
html body .pg-pos .pos-cart-card .ci:last-child{border-bottom:0}
html body .pg-pos .ci .cth{grid-column:1;grid-row:1/4}
html body .pg-pos .ci .cth .thumb{width:50px;height:50px;border-radius:12px;background:var(--mcb);color:var(--mc)}
html body .pg-pos .ci .cmid,html body .pg-pos .ci .cend{display:contents}
html body .pg-pos .ci .cmid>b{grid-column:2;grid-row:1;font-size:12.5px;font-weight:700}
html body .pg-pos .ci .cmid>.up{grid-column:2;grid-row:2;margin:0;font-size:13px;color:var(--mc)!important}
html body .pg-pos .ci .cend>.lt{grid-column:2;grid-row:3;font-size:13px;font-weight:800;color:var(--tx)!important}
html body .pg-pos .ci .cend>.del{grid-column:3;grid-row:1;justify-self:end;width:32px;height:32px;border-radius:10px;background:var(--kob);display:grid;place-items:center;line-height:0}
html body .pg-pos .ci .cend>.del svg{width:15px;height:15px;stroke:var(--ko);fill:none;stroke-width:2}
html body .pg-pos .ci .cmid>.cq{grid-column:1/-1;grid-row:4;max-width:none;margin-top:6px;gap:8px}
html body .pg-pos .ci .cq i{height:34px;border-radius:17px;background:var(--mcb);font-size:15px}
html body .pg-pos .ci .qbtn,html body .pg-pos .ci .qbtn.minus,html body .pg-pos .ci .qbtn.plus{width:34px;height:34px;border-radius:12px;flex:none}
html body .pg-pos .ci .qbtn.minus{background:var(--kob)}
html body .pg-pos .ci .qbtn.minus svg{stroke:var(--ko);width:15px;height:15px}
html body .pg-pos .ci .qbtn.plus{background:var(--mcb)}
html body .pg-pos .ci .qbtn.plus svg{stroke:var(--mc);width:15px;height:15px}
html body .pg-pos .ci .cth .thumb:not(:has(img)) svg{stroke:var(--mc)}
body.pos-devis #pgPOS .pos-cart .up,body.pos-devis #pgPOS .pos-total .amt{color:var(--mc)!important}
body.pos-devis #pgPOS .pos-cart .lt{color:var(--tx)!important}
body.pos-devis #pgPOS .pos-total .block{background:var(--mcb)!important}
body.pos-achat #pgPOS .pos-cart .lt{color:var(--tx)!important}
body.pos-devis #pgPOS .pos-pay .p4,body.pos-devis nav .fab button{background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)!important}
body.pos-devis.pos-retour #pgPOS .pos-pay .p4,body.pos-devis.pos-retour nav .fab button{background:linear-gradient(145deg,#FCD34D,#F59E0B 45%,#D97706)!important}
html body .pg-pos .pos-dr{order:3;display:flex;align-items:stretch;border-radius:999px;border:1px solid var(--bd);background:var(--card);box-shadow:var(--sh);overflow:hidden;flex:none}
.pos-dr button{flex:1;min-width:0;height:40px;display:flex;align-items:center;justify-content:center;gap:5px;font:800 12px system-ui,sans-serif;color:var(--mu);background:none;border:0;white-space:nowrap}
.pos-dr button+button{border-left:1px solid var(--bd)}
.pos-dr button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pos-dr button[data-m="devis"]{color:#64748B}
.pos-dr button[data-m="retour"]{color:#D97706}
.pos-dr button.sel[data-m="devis"]{background:rgba(100,116,139,.16)}
.pos-dr button.sel[data-m="retour"]{background:rgba(245,158,11,.16)}
.pos-dr button:active{opacity:.7}
html body .pg-pos .pos-client{order:4;margin:0 8px 0 0!important}
html body .pg-pos #posCart .pos-cart-empty{padding:18px 6px}
html body #pgDep .pos-cart-head,html body #pgRev .pos-cart-head{justify-content:flex-start}
/* [ams-rect-css] */
html body #pgPOS .pos-cart>.pos-client,html body #pgDep .pos-cart>.pos-client,html body #pgRev .pos-cart>.pos-client{display:none!important}
html body:not(#z):not(#y) .pg-pos .pos-cat .pos-act button.pa-tg.pa-tg{position:relative;width:34px!important;height:34px!important;border-radius:var(--ir,50%)!important;background:var(--mcb,var(--inb))!important;color:var(--mc,var(--pr))!important;border:1px solid transparent!important;box-shadow:var(--sh)!important;display:grid!important;place-items:center;padding:0!important;line-height:0}
html body:not(#z):not(#y) .pg-pos .pos-cat .pos-act button.pa-tg.pa-tg svg{width:17px!important;height:17px!important;stroke:currentColor!important;color:inherit!important;fill:none!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round;margin:0;display:block}
html body:not(#z):not(#y) .pg-pos .pos-cat .pos-act button.pa-tg.pa-tg.on{background:var(--mc,var(--pr))!important;color:#fff!important;box-shadow:0 0 0 3px var(--mcb,var(--inb)),0 8px 14px -6px var(--mc,var(--pr))!important}
html body:not(#z):not(#y) .pg-pos .pos-cat .pos-act button.pa-tg.pa-tg.has:not(.on)::after{content:"";position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:var(--mc,var(--pr));border:2px solid var(--bg)}
html body .pg-pos .pos-cat .pos-act{bottom:calc(14px + var(--amsrh,0px))!important}
html body .pg-pos .ams-rect{flex:none;display:none;flex-direction:column;gap:8px;margin:6px 8px 8px 8px;padding:8px;border-radius:16px;background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh);position:relative;z-index:6}
html body .pg-pos .ams-rect.on{display:flex}
.ams-rect .ar-sec{display:none;flex-direction:column;gap:6px;min-width:0}
.ams-rect.c .ar-cli,.ams-rect.p .ar-pay{display:flex}
.ams-rect .ar-seg{display:flex;gap:2px;padding:2px;border-radius:12px;background:var(--bg2)}
.ams-rect .ar-seg button{flex:1;min-width:0;height:32px;padding:0 2px;border:0;border-radius:10px;background:none;color:var(--mu);font:800 10.5px system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ams-rect .ar-seg button.on{background:var(--mc,var(--pr));color:#fff;box-shadow:0 4px 10px -5px var(--mc,var(--pr))}
.ams-rect .ar-seg button:active{opacity:.75}
html body .pg-pos .ams-rect.fx{padding:6px}
html body .pg-pos .ams-rect.fx .pos-client{margin:0!important;padding:2px 4px;border:0;box-shadow:none;background:none;display:grid}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz).pos-active.pos-achat:not(.dv-v) nav button.on[data-nav="ventes"],html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz).pos-active.fx-dep nav button.on[data-nav="ventes"]{color:#DC2626!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz).pos-active.pos-achat:not(.dv-v) nav button.on[data-nav="ventes"] svg,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz).pos-active.fx-dep nav button.on[data-nav="ventes"] svg{background:rgba(220,38,38,.14)!important;stroke:#DC2626!important}
/* [ams-retour-css] */
html body.pos-devis.pos-active #pgPOS .pos-cart-head>svg{stroke:var(--mc)!important}
html body.pos-devis #pgPOS .pos-cart .up,html body.pos-devis #pgPOS .pos-total .amt{color:var(--mc)!important}
html body.pos-retour #pgPOS #posDisc{display:none!important}
html body.pos-devis .inv-val{background:linear-gradient(135deg,#94A3B8,#64748B)!important;box-shadow:0 10px 22px -10px rgba(71,85,105,.7)!important}
html body.pos-devis .inv-top{background:linear-gradient(90deg,#CBD5E1,#64748B)}
html body.pos-devis .inv-ti h4{color:#64748B}
html body.pos-devis.pos-retour .inv-val{background:linear-gradient(135deg,#FBBF24,#D97706)!important;box-shadow:0 10px 22px -10px rgba(217,119,6,.7)!important}
html body.pos-devis.pos-retour .inv-top{background:linear-gradient(90deg,#FCD34D,#D97706)}
html body.pos-devis.pos-retour .inv-ti h4{color:#D97706}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g).pos-active.pos-devis:not(.fx-dep):not(.fx-rev) nav .fab button{background:linear-gradient(145deg,#CBD5E1,#94A3B8 45%,#64748B)!important;box-shadow:0 14px 26px -6px rgba(71,85,105,.6)!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g).pos-active.pos-devis.pos-retour:not(.fx-dep):not(.fx-rev) nav .fab button{background:linear-gradient(145deg,#FCD34D,#F59E0B 45%,#D97706)!important;box-shadow:0 14px 26px -6px rgba(217,119,6,.7)!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g).pos-active.pos-devis nav button.on[data-nav="ventes"]{color:#64748B!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g).pos-active.pos-devis nav button.on[data-nav="ventes"] svg{background:rgba(100,116,139,.16)!important;stroke:#64748B!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g).pos-active.pos-retour nav button.on[data-nav="ventes"]{color:#D97706!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g).pos-active.pos-retour nav button.on[data-nav="ventes"] svg{background:rgba(245,158,11,.16)!important;stroke:#D97706!important}
/* [ams-v97-css] */
/* boîte de saisie */
.amsPrIn{display:block;width:100%;height:50px;margin:0 0 16px;padding:0 14px;box-sizing:border-box;border:2px solid var(--bd);border-radius:14px;background:var(--bg2);color:var(--tx);font:700 17px system-ui,sans-serif;outline:0}
.amsPrIn:focus{border-color:var(--pr)}
#amsPr.on{display:flex}
/* objectif dans la carte */
.v-horizon .hgoal{display:none!important}
.v-horizon .card.goal{display:flex!important}
.card.goal em .gl-d{display:block;margin-top:4px;font-size:11.5px;font-style:normal;font-weight:600;color:var(--mu);line-height:1.4}
.hgoal{position:relative;z-index:1;margin-top:14px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hgoal:active{transform:scale(.99)}
.hgoal .hg-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13.5px}
.hgoal .hg-top b{font-weight:800}
.hgoal .hg-top span{font-weight:700;font-size:12.5px;opacity:.95}
.hgoal .hg-bar{height:8px;margin-top:9px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden}
.hgoal .hg-bar i{display:block;height:100%;width:0;border-radius:99px;background:#fff;transition:width .35s ease}
.hgoal .hg-sub{margin-top:8px;font-size:11.5px;line-height:1.45;opacity:.95}
.hgoal .hg-sub b{font-weight:800}
/* fenêtre objectif */
.gl-l{display:block;margin:14px 0 6px;font-size:12px;font-weight:800;color:var(--mu)}
.gl-i{display:block;width:100%;height:48px;padding:0 14px;box-sizing:border-box;border:2px solid var(--bd);border-radius:14px;background:var(--bg2);color:var(--tx);font:700 16px system-ui,sans-serif;outline:0}
.gl-i:focus{border-color:var(--pr)}
.gl-u{margin-top:8px;padding:8px 12px;border:0;border-radius:11px;background:var(--inb);color:var(--pr);font:800 12px system-ui,sans-serif}
.gl-r{margin-top:16px;padding:12px 14px;border-radius:16px;background:var(--bg2)}
.gl-r div{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:13px;color:var(--mu)}
.gl-r b{color:var(--tx);font-weight:800}
.gl-r .tt{margin-top:6px;padding-top:9px;border-top:1px dashed var(--bd);font-size:15px;color:var(--tx);font-weight:800}
.gl-r .tt b{color:var(--ok);font-size:18px}
/* fenêtre style de carte */
.hs-pv{position:relative;overflow:hidden;margin:6px 0 4px;padding:18px;border-radius:24px;color:#fff;transition:border-radius .2s}
.hs-pv.hs-th{background:var(--hero-grad)}
.hs-pv small{display:block;opacity:.88;font-size:12.5px;font-weight:600}
.hs-pv b{display:block;margin-top:4px;font-size:30px;font-weight:800;letter-spacing:-1px}
.hs-pv b span{font-size:13px;opacity:.8;margin-left:4px;font-weight:700;letter-spacing:0}
.hs-th-b{display:block;width:100%;height:42px;margin-bottom:10px;border:2px solid var(--bd);border-radius:12px;background:var(--bg2);color:var(--tx);font:800 13px system-ui,sans-serif}
.hs-th-b.on{border-color:var(--pr);background:var(--inb);color:var(--pr)}
.hs-sws{display:flex;flex-wrap:wrap;gap:10px}
.hs-sw{width:40px;height:40px;border-radius:50%;border:3px solid var(--card);box-shadow:0 0 0 1.5px var(--bd)}
.hs-sw.on{box-shadow:0 0 0 3px var(--pr)}
.hs-cu{display:flex;gap:12px;margin-top:12px}
.hs-cu label{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:var(--bg2);font:700 12px system-ui,sans-serif;color:var(--mu)}
.hs-cu input{width:38px;height:30px;padding:0;border:0;background:none}
.hs-rs{display:flex;gap:8px;flex-wrap:wrap}
.hs-rs button{flex:1;min-width:70px;height:38px;border:2px solid var(--bd);border-radius:11px;background:var(--bg2);color:var(--tx);font:800 12px system-ui,sans-serif}
.hs-rs button.on{border-color:var(--pr);background:var(--inb);color:var(--pr)}
.hs-rg{width:100%;margin:12px 0 0;accent-color:var(--pr)}
/* [ams-v36-css] */
/* 1.9.64 · Ventes : client/filtre/tri en haut, loupe flottante, panier en haut, total en bas, Devis/Retour en icônes, paiement en 2 étapes */
html body #pgPOS .pos-search-top{display:flex;align-items:center;gap:8px}
html body #pgPOS .pos-search-top .sbar{flex:1 1 0;min-width:0}
html body #pgPOS .pt-b{flex:none;position:relative;width:34px;height:34px;min-width:34px;min-height:34px;border-radius:var(--ir,50%);background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh);display:grid;place-items:center;padding:0;line-height:0;color:var(--mc,var(--pr));-webkit-tap-highlight-color:transparent}
html body #pgPOS .pt-b svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #pgPOS .pt-b:active{transform:scale(.93)}
html body #pgPOS .pt-b .pt-in{display:none;font:800 17px/1 system-ui,sans-serif}
html body #pgPOS .pt-b.has{background:var(--mc,var(--pr));color:#fff;border-color:transparent}
html body #pgPOS .pt-b.has svg{display:none}
html body #pgPOS .pt-b.has .pt-in{display:block}
html body #pgPOS .pt-b.fon::after{content:"";position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;background:var(--ko,#EF4444);border:2px solid var(--card)}
/* anciens boutons flottants Crédit/Avance et Client : retirés */
html body #pgPOS .pos-act,html body #pgPOS .ams-rect{display:none!important}
/* loupe flottante, comme Marchandises */
html body #pgPOS .pos-cat{position:relative}
#posSearchFab{position:absolute;left:12px;bottom:12px;width:34px;height:34px;border-radius:var(--ir,50%);background:var(--mcb,var(--inb));color:var(--mc,var(--pr));border:0;display:grid;place-items:center;padding:0;line-height:0;z-index:5;box-shadow:none;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .18s ease}
#posSearchFab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#posSearchFab:active{transform:scale(.92)}
body.srching #posSearchFab{display:none}
html body #pgPOS .pos-grid{padding-bottom:60px}
/* panier en haut, total à payer en bas */
html body #pgPOS .pos-cart-card{order:1;flex:1 1 0;min-height:0}
html body #pgPOS .pos-dr{order:2}
html body #pgPOS .pos-cart{overflow:hidden}

html body #pgPOS .pos-cart-card .pos-cart-list{flex:1 1 0;min-height:0;max-height:none!important}
html body #pgPOS .pos-dr{flex:none}
html body #pgPOS .pos-total.pt-top{order:3;flex:none;position:static;margin-top:0!important}
html body #pgPOS .pos-cart-card .pos-cart-head{order:-1;flex:none;border-top:0;border-bottom:1px solid var(--bd);padding:6px;gap:4px}
html body #pgPOS .pos-cart-card .pos-cart-head>svg{width:26px;height:26px;padding:5px;box-sizing:border-box;border-radius:var(--ir,50%);background:var(--mcb,var(--inb));stroke:var(--mc,var(--pr))!important;flex:none}
/* Devis / Retour : boutons-icônes, ronds ou carrés selon le thème */
html body #pgPOS .pos-dr{display:flex;justify-content:center;gap:12px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
html body #pgPOS .pos-dr button{flex:none;width:46px;height:46px;padding:0;border-radius:var(--ir,50%);background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh)}
html body #pgPOS .pos-dr button+button{border-left:1px solid var(--bd)}
html body #pgPOS .pos-dr button span{display:none}
html body #pgPOS .pos-dr button svg{width:21px;height:21px}
html body #pgPOS .pos-dr button.sel[data-m="devis"]{background:rgba(100,116,139,.16);border-color:#64748B}
html body #pgPOS .pos-dr button.sel[data-m="retour"]{background:rgba(245,158,11,.18);border-color:#D97706}
/* feuille de paiement */
.pay-seg{display:flex;gap:3px;padding:3px;border-radius:16px;background:var(--bg2);margin:0 0 12px}
.pay-seg button{flex:1;min-width:0;height:40px;border:0;border-radius:13px;background:none;color:var(--mu);font:800 13px system-ui,sans-serif;white-space:nowrap}
.pay-seg button.on{background:var(--pr);color:#fff;box-shadow:0 6px 12px -6px var(--pr)}
.pay-ops{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.pay-op{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:var(--bg2);border:1.5px solid transparent;color:var(--tx);text-align:left;font:800 13px system-ui,sans-serif}
.pay-op.on{border-color:var(--pr);background:var(--inb)}
.pay-op svg{width:32px;height:32px;flex:none}
.pay-sec{font-size:11px;font-weight:800;color:var(--mu);letter-spacing:.4px;text-transform:uppercase;margin:2px 2px 8px}
.pay-note{margin:0 0 12px;padding:10px 12px;border-radius:14px;background:var(--bg2);color:var(--mu);font-size:12.5px;font-weight:600;line-height:1.35}
html body #pgPOS .pos-cart-head .pc-st{flex:1 1 auto;min-width:0;font-size:10.5px;overflow:hidden}
html body #pgPOS .pos-cart-head .pc-st span{overflow:hidden;text-overflow:ellipsis}
html body #pgPOS .pos-cart-head .ch-hist{width:26px;height:26px}
html body #pgPOS .pos-cart-head .ch-hist:first-of-type{margin-left:0}
/* catégories : un seul bouton déroulant à la place de la bande */
html body #pgPOS .pos-cats{display:none!important}

html body #pgPOS .pos-cat-head .vw{flex:none}
html body #pgPOS .pcm-w{position:relative;flex:1 1 auto;min-width:0}
html body #pgPOS .pcm-b{display:flex;align-items:center;gap:6px;max-width:100%;height:40px;padding:0 14px;border:0;border-radius:999px;background:var(--pr);color:#fff;font:800 13px system-ui,sans-serif;box-shadow:0 6px 12px -6px var(--pr)}
html body #pgPOS .pcm-b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #pgPOS .pcm-b svg{width:12px;height:12px;flex:none;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
html body #pgPOS .pcm-b.open svg{transform:rotate(180deg)}
html body #pgPOS .pcm-m{display:none;position:absolute;left:0;top:calc(100% + 6px);min-width:190px;max-width:250px;max-height:46vh;overflow-y:auto;padding:6px;background:var(--card);border:1px solid var(--bd);border-radius:18px;box-shadow:var(--sh2);z-index:40}
html body #pgPOS .pcm-m.on{display:block}
html body #pgPOS .pcm-m button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:12px;background:none;color:var(--tx);font:700 14px system-ui,sans-serif;text-align:left}
html body #pgPOS .pcm-m button.on{background:var(--inb);color:var(--pr)}
html body #pgPOS .pcm-m button small{color:var(--mu);font-weight:700;font-size:12px}
/* mode de paiement */
.pay-meth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.pay-meth button{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:16px;background:var(--bg2);border:1.5px solid transparent;color:var(--mu);font:800 13px system-ui,sans-serif}
.pay-meth button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pay-meth button.on{border-color:var(--pr);background:var(--inb);color:var(--pr)}
/* [ams-fx-v140-css] */
/* 1.9.140 : Dépenser / Autres revenus reprennent la mise en page de Vendre */
html body #pgDep .pos-cats,html body #pgRev .pos-cats{display:none!important}
html body #pgDep .pos-cat,html body #pgRev .pos-cat{position:relative}
html body #pgDep .pos-cat-head,html body #pgRev .pos-cat-head{display:flex;align-items:center;gap:8px}
html body #pgDep .pos-cat-head>b,html body #pgRev .pos-cat-head>b{display:none}
html body #pgDep .pos-cat-head .vw,html body #pgRev .pos-cat-head .vw{flex:none}
html body #pgDep .fx-cw,html body #pgRev .fx-cw{flex:1 1 auto;min-width:0}
html body #pgDep .fx-catb,html body #pgRev .fx-catb{display:flex;align-items:center;gap:6px;max-width:100%;height:40px;padding:0 14px;border:0;border-radius:999px;background:var(--fxc);color:#fff;font:800 13px system-ui,sans-serif;box-shadow:0 6px 12px -6px var(--fxc)}
html body #pgDep .fx-catb span,html body #pgRev .fx-catb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #pgDep .fx-catb svg,html body #pgRev .fx-catb svg{width:12px;height:12px;flex:none;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html body #pgDep .pt-b,html body #pgRev .pt-b{flex:none;position:relative;width:34px;height:34px;min-width:34px;min-height:34px;border-radius:var(--ir,50%);background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh);display:grid;place-items:center;padding:0;line-height:0;color:var(--fxc);-webkit-tap-highlight-color:transparent}
html body #pgDep .pt-b svg,html body #pgRev .pt-b svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #pgDep .pt-b:active,html body #pgRev .pt-b:active{transform:scale(.93)}
html body #pgDep .pt-b.fon::after,html body #pgRev .pt-b.fon::after{content:"";position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;background:var(--ko,#EF4444);border:2px solid var(--card)}
html body #pgDep .pos-cart-head .pc-st,html body #pgRev .pos-cart-head .pc-st{flex:1 1 auto;min-width:0;font-size:10px;overflow:hidden}
html body #pgDep .pos-cart-head .pc-st span,html body #pgRev .pos-cart-head .pc-st span{overflow:hidden;text-overflow:ellipsis}
html body #pgDep .pos-cart-head .ch-hist,html body #pgRev .pos-cart-head .ch-hist{width:24px;height:24px}
html body #pgDep .fx-mo,html body #pgRev .fx-mo{border:0;border-radius:999px;font:800 11px system-ui,sans-serif;white-space:nowrap;}
html body #pgDep .fx-sfab,html body #pgRev .fx-sfab{position:absolute;left:12px;bottom:12px;width:34px;height:34px;border-radius:var(--ir,50%);background:var(--inb);color:var(--fxc);border:0;display:grid;place-items:center;padding:0;line-height:0}
html body #pgDep .fx-sfab svg,html body #pgRev .fx-sfab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #pgDep .fx-sfab:active,html body #pgRev .fx-sfab:active{transform:scale(.92)}
/* panier en haut, total en bas (comme Vendre) */
html body #pgDep .pos-cart-card,html body #pgRev .pos-cart-card{order:1;flex:1 1 0;min-height:0}
html body #pgDep .pos-dr,html body #pgRev .pos-dr{order:2;flex:none}
html body #pgDep .pos-cart,html body #pgRev .pos-cart{overflow:hidden}
html body #pgDep .pos-cart-card .pos-cart-list,html body #pgRev .pos-cart-card .pos-cart-list{flex:1 1 0;min-height:0;max-height:none!important}
html body #pgDep .pos-total.pt-top,html body #pgRev .pos-total.pt-top{order:3;flex:none;position:static;margin-top:0!important;grid-template-columns:minmax(0,1fr)!important}
html body #pgDep .pos-cart-card .pos-cart-head,html body #pgRev .pos-cart-card .pos-cart-head{order:-1;flex:none;border-top:0;border-bottom:1px solid var(--bd);padding:6px 4px;gap:3px}
html body #pgDep .pos-cart-card .pos-cart-head>svg,html body #pgRev .pos-cart-card .pos-cart-head>svg{width:26px;height:26px;padding:5px;box-sizing:border-box;border-radius:var(--ir,50%);background:var(--inb);stroke:var(--fxc)!important;flex:none}
html body #pgDep .pos-cat-head .vw span,html body #pgRev .pos-cat-head .vw span{display:none}
html body #pgDep .pos-sub,html body #pgRev .pos-sub{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:6px;padding:0}
html body #pgDep .fx-mo,html body #pgRev .fx-mo{flex:1 1 auto;min-width:0;height:34px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;background:color-mix(in srgb,var(--fxc) 14%,transparent);color:var(--fxc);font-size:12px}
html body #pgDep .pos-total .pos-det,html body #pgRev .pos-total .pos-det{display:grid!important;place-items:center;flex:none;order:0;width:34px;height:34px;margin:0;padding:0;border-radius:50%;background:var(--card);border:1px solid var(--bd);color:var(--fxc)}
html body #pgDep .pos-total .pos-det svg,html body #pgRev .pos-total .pos-det svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
html body #pgDep .pos-total .pos-det span,html body #pgRev .pos-total .pos-det span{display:none}
html body #pgDep .pos-act,html body #pgDep .fx-sfab,html body #pgRev .fx-sfab,html body #pgRev .pos-act,html body #pgDep .fx-sfab,html body #pgRev .fx-sfab{transition:opacity .25s}
html body #pgDep .ams-rect,html body #pgRev .ams-rect,html body #pgDep .pos-act button[id^="amsTgP_"],html body #pgRev .pos-act button[id^="amsTgP_"]{display:none!important}
html body #pgDep .pos-dr button span,html body #pgRev .pos-dr button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html body #pgDep .pos-dr,html body #pgRev .pos-dr{grid-template-columns:2fr 1fr}
html body #pgDep .pos-dr button[data-m="devis"],html body #pgRev .pos-dr button[data-m="devis"]{flex:2 1 0}
html body #pgDep .pos-dr button[data-m="devis"] svg,html body #pgRev .pos-dr button[data-m="devis"] svg{display:none}
html body #pgDep .pos-dr button[data-m="devis"] span,html body #pgRev .pos-dr button[data-m="devis"] span{font-size:11px}
html body #pgDep .pos-dr button[data-m="retour"],html body #pgRev .pos-dr button[data-m="retour"]{flex:1 1 0}
/* au repos les boutons flottants se cachent ; un toucher les fait revenir (même mécanisme que Vendre) */
body:not(.fb-act) #pgDep .pos-act,body:not(.fb-act) #pgRev .pos-act,body:not(.fb-act) #pgDep .fx-sfab,body:not(.fb-act) #pgRev .fx-sfab{opacity:0!important;pointer-events:none!important}
/* [ams-v37-css] */
/* 1.9.66 · paiement après ✓ ; boutons flottants ; plus de bande catégories */
html body #pgPOS #posCliBtn,html body #pgPOS #posCatW,html body #pgPOS .pos-det,html body #pgPOS .pos-cart-head .ch-hist:not(.ch-dr){display:none!important}
html body #pgPOS #posFloat{position:absolute;left:12px;bottom:12px;z-index:5;display:flex;gap:8px;transition:opacity .2s,transform .25s}

html body #pgPOS #posFloat button{position:static;background:var(--mcb,var(--inb));color:var(--mc,var(--pr));border:0;box-shadow:none;display:grid;place-items:center;padding:0;line-height:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html body #pgPOS #posFloat button svg{stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #pgPOS #posFloat button:active{transform:scale(.92)}
body.srching #posFloat{display:none!important}
/* feuille de paiement : compacte */
.ppc{padding:0 0 2px}
.ppc-top{text-align:center;margin:0 0 10px}
.ppc-top small{display:block;font:700 10.5px system-ui,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:var(--mu)}
.ppc-top b{display:flex;justify-content:center;align-items:baseline;gap:5px;font:900 30px/1.15 system-ui,sans-serif;color:var(--tx);letter-spacing:-.5px}
.ppc-top i{display:inline;background:none;border:0;padding:0;font:700 12px system-ui,sans-serif;font-style:normal;letter-spacing:0;color:var(--mu)}
.ppc-cli{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 10px;padding:0 11px;height:38px;border:0;border-radius:12px;background:var(--bg2);color:var(--tx);font:800 13px system-ui,sans-serif;text-align:left}
.ppc-cli svg{width:17px;height:17px;flex:none;stroke:var(--pr);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ppc-cli b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ppc-cli small{color:var(--pr);font-weight:800;font-size:11.5px}
.ppc-m{display:grid;gap:6px;margin:0 0 4px}
.ppc-m button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 7px;border:0;border-radius:14px;background:var(--bg2);color:var(--tx);font:800 11.5px/1.1 system-ui,sans-serif;min-width:0;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.ppc-m button:active{transform:scale(.95)}
.ppc-m button span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(127,127,127,.14);background:color-mix(in srgb,var(--c) 16%,transparent)}
.ppc-m button svg{width:17px;height:17px;stroke:var(--c);fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.ppc-m button.on{background:var(--inb);background:color-mix(in srgb,var(--c) 11%,var(--card));box-shadow:inset 0 0 0 1.5px var(--c)}
.ppc-h{margin:11px 2px 5px;font:800 10.5px system-ui,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:var(--mu)}
.ppc .pay-seg{margin:0 0 6px;padding:3px;border-radius:12px;gap:2px}
.ppc .pay-seg button{height:32px;min-height:0;padding:0 4px;border-radius:10px;font-size:12px}
.ppc .pay-inp{height:46px;font-size:20px;border-radius:12px;margin:0 0 8px}
.ppc .pay-inp.ppc-dli{height:38px;font-size:13.5px;margin:0 0 4px}
.ppc .pay-chips{gap:6px;margin:0 0 8px}
.ppc .pay-chips button{height:32px;min-height:0;border-radius:10px;font-size:12px}
.ppc .pay-rest{padding:8px 12px;border-radius:12px;font-size:13px;margin:0 0 4px}
.ppc .pay-rest b{font-size:15px}
.ppc .pay-note{margin:10px 0 0;padding:8px 12px;border-radius:12px;font-size:12px;line-height:1.35}
.ppc-docs{display:flex;flex-wrap:wrap;gap:6px}
.ppc-docs button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 11px;border:0;border-radius:11px;background:var(--bg2);color:var(--tx);min-width:0;-webkit-tap-highlight-color:transparent}
.ppc-docs button b{font:800 12.5px/1.15 system-ui,sans-serif}
.ppc-docs button small{font:600 10px/1.2 system-ui,sans-serif;color:var(--mu)}
.ppc-docs button.on{background:var(--inb);box-shadow:inset 0 0 0 1.5px var(--pr);color:var(--pr)}
.ppc-docs button.on small{color:var(--pr);opacity:.8}
.ppc-docs button.oth{background:transparent;box-shadow:inset 0 0 0 1px var(--bd)}
.ppc-go{display:block;width:100%;height:46px;min-height:46px;margin:14px 0 0;border:0;border-radius:14px;background-image:linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.18));font:900 15px system-ui,sans-serif;letter-spacing:.2px;box-shadow:0 8px 16px -10px var(--mc,#16A34A)}
.ppc-go:active{transform:scale(.98)}
.ppc-no{display:block;width:100%;height:36px;margin:4px 0 0;border:0;background:none;color:var(--mu);font:700 13px system-ui,sans-serif}
/* document / aperçu : boutons plus petits, encart lisible en thème sombre */
html body .inv-bar{padding:8px 14px calc(6px + env(safe-area-inset-bottom,0px))}
html body .inv-bar .inv-val{height:44px;border-radius:13px;font-size:14.5px;gap:7px;box-shadow:0 6px 14px -9px rgba(22,163,74,.8)}
html body .inv-bar .inv-val svg{width:17px;height:17px}
html body .inv-bar .inv-sec{gap:6px!important;margin-top:7px}
html body .inv-bar .inv-sec button{height:36px;flex-direction:row;gap:5px;padding:0 6px;border-radius:11px;font-size:12px;font-weight:800}
html body .inv-bar .inv-sec button svg{width:15px;height:15px}
html body .inv-bar .inv-sec button.inv-x{flex:none;width:36px;padding:0}
html body .inv-bar .inv-sec button.inv-x svg{width:16px;height:16px}
html body .inv-bar #invShB{background:var(--pr);color:#fff}
html body .inv-bar .inv-fmt{gap:6px;margin-top:7px}
html body .inv-bar .inv-fmt button{height:34px;border-radius:11px;font-size:12px;background:var(--inb);border:0!important}
.inv-meta{background:#f1f5f9!important;color:#0f172a!important}
.inv-meta span{color:#64748b!important}
.inv-meta b{color:#0f172a!important}
/* [ams-v41-css] */
/* apparence des factures : couleurs pilotées par les réglages */
.inv-top{background:linear-gradient(90deg,var(--inv-a,#2563EB),var(--inv-b,#16A34A))}
.inv-lg{background:linear-gradient(140deg,var(--inv-a,#2563EB),var(--inv-d,#1D4ED8))}
.inv-ti h4{color:var(--inv-a,#2563EB)}
.inv-tt .g{background:var(--inv-tot,#0f172a)}
/* feuille Apparence */
.invd-pv{zoom:.74;margin:0 0 6px;pointer-events:none}
.invd-pv .inv{box-shadow:0 4px 14px rgba(0,0,0,.18)}
.invd-sw{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.invd-sw button,.invd-cu{width:34px;height:34px;border-radius:50%;border:0;padding:0;background:var(--c);box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 0 0 1px var(--bd);position:relative;-webkit-tap-highlight-color:transparent}
.invd-sw button.on{box-shadow:inset 0 0 0 3px #fff,0 0 0 2.5px var(--c)}
.invd-cu{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#ec4899,#ef4444);overflow:hidden}
.invd-cu input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.invd-row{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;height:42px;padding:0 12px;border:0;border-radius:12px;background:var(--inb);color:var(--pr);font:800 13px system-ui,sans-serif;text-align:left}
.invd-row span{flex:1}
/* choix Standard / Mon facturier dans la barre du document */
.tpl-sw{display:flex;gap:4px;padding:3px;margin:0 0 7px;border-radius:11px;background:var(--bg2)}
.tpl-sw button{flex:1;height:30px;border:0;border-radius:9px;background:none;color:var(--mu);font:800 12px system-ui,sans-serif}
.tpl-sw button.on{background:var(--pr);color:#fff}
/* éditeur de facturier */
#tplEd{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;background:var(--bg,#fff);color:var(--tx,#111)}
.tpl-bar{display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;border-bottom:1px solid var(--bd)}
.tpl-bar b{flex:1;font:900 16px system-ui,sans-serif}
.tpl-bar button{width:36px;height:36px;border:0;border-radius:50%;background:var(--bg2);color:var(--tx);font:700 16px system-ui,sans-serif}
.tpl-body{flex:1;overflow:auto;padding:12px 12px calc(20px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}
.tpl-body h4{margin:0 0 6px;font:900 17px system-ui,sans-serif}
.tpl-body p{margin:0 0 10px;color:var(--mu);font:500 13px/1.45 system-ui,sans-serif}
.tpl-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:44px;margin-top:8px;border:0;border-radius:13px;background:var(--pr);color:#fff;font:800 14px system-ui,sans-serif}
.tpl-btn.soft{background:var(--inb);color:var(--pr)}
.tpl-btn.ko{background:rgba(239,68,68,.12);color:#EF4444}
.tpl-ch{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 4px}
.tpl-ch button{height:34px;padding:0 12px;border:0;border-radius:10px;background:var(--bg2);color:var(--tx);font:800 12.5px system-ui,sans-serif}
.tpl-ch button.on{background:var(--inb);color:var(--pr);box-shadow:inset 0 0 0 1.5px var(--pr)}
.tpl-stage{position:relative;width:100%;border-radius:6px;overflow:visible;box-shadow:0 0 0 1px var(--bd);touch-action:pan-y;margin:6px 0 12px;user-select:none;-webkit-user-select:none}
.tpl-z{position:absolute;box-sizing:border-box;border:2px solid var(--zc);background:rgba(127,127,127,.12);background:color-mix(in srgb,var(--zc) 16%,transparent);border-radius:5px;touch-action:none;cursor:move}
.tpl-z>i{position:absolute;left:0;top:0;padding:1px 5px;border-radius:0 0 6px 0;background:var(--zc);color:#fff;font:800 9.5px/1.5 system-ui,sans-serif;font-style:normal;white-space:nowrap;pointer-events:none}
.tpl-h{position:absolute;right:-13px;bottom:-13px;width:28px;height:28px;border-radius:50%;background:var(--zc);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4);touch-action:none}
.tpl-cd{position:absolute;top:0;bottom:0;width:26px;margin-left:-13px;touch-action:none;cursor:ew-resize;text-decoration:none}
.tpl-cd:after{content:"";position:absolute;left:12px;top:0;bottom:0;border-left:2px dashed var(--zc)}
.tpl-cd:before{content:"";position:absolute;left:5px;top:-9px;width:16px;height:16px;border-radius:50%;background:var(--zc);border:2px solid #fff}
.tpl-n{display:flex;align-items:center;gap:10px;margin:8px 0;font:700 13px system-ui,sans-serif}
.tpl-n button{width:34px;height:34px;border:0;border-radius:10px;background:var(--bg2);color:var(--tx);font:900 18px system-ui,sans-serif}
.tpl-n b{min-width:22px;text-align:center;font-size:15px}
.tpl-lg{display:flex;flex-wrap:wrap;gap:6px 12px;margin:2px 0 8px;font:700 11.5px system-ui,sans-serif;color:var(--mu)}
.tpl-lg span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c);margin-right:5px;vertical-align:-1px}
#tplPv{position:fixed;inset:0;z-index:9100;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
#tplPv img{max-width:100%;max-height:82%;background:#fff;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
#tplPv button{margin-top:12px;height:42px;padding:0 26px;border:0;border-radius:12px;background:#fff;color:#111;font:800 14px system-ui,sans-serif}
.tpl-sw2{display:flex;align-items:center;gap:10px;margin:10px 0 2px;font:700 13px system-ui,sans-serif}
.tpl-sw2 input{width:20px;height:20px}
/* [ams-v69-css] */
/* Marge : toute la largeur du bloc (la colonne du bouton Détails caché ne réserve plus de place) */
html body #pgPOS .pos-total.pt-top,html body .pg-pos .pos-total.pt-top,body.pos-achat #pgPOS .pt-top,body.pos-devis #pgPOS .pt-top{grid-template-columns:minmax(0,1fr)!important}
html body #pgPOS .pt-top #posDisc,html body .pg-pos .pt-top #posDisc{grid-column:1/-1;width:100%;justify-self:stretch}
/* Devis seul dans le panier ; Retour par appui long sur Vendre / Acheter */
html body #pgPOS #posDR{display:none!important}
html body #pgPOS #posDRBtn.v69-ret{background:var(--wab)!important;color:var(--wa)!important}
html body #pgPOS #posDRBtn.v69-dev{background:var(--inb);color:var(--pr)}
html body #pgPOS #posDRBtn svg{stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #navVen{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* bouton flottant client / fournisseur sous le panier */
html body #pgPOS .pos-cart-card{position:relative}
html body #pgPOS .pos-cart-list{padding-bottom:50px}
html body #pgPOS #posCliFab{position:absolute;left:8px;bottom:8px;z-index:6;width:34px;height:34px;min-width:34px;padding:0;border:0;border-radius:var(--ir,50%);background:var(--mcb,var(--inb));color:var(--mc,var(--pr));display:grid;place-items:center;line-height:0;-webkit-tap-highlight-color:transparent;transition:transform .15s}
html body #pgPOS #posCliFab:active{transform:scale(.92)}
html body #pgPOS #posCliFab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #pgPOS #posCliFab span{display:none}
html body #pgPOS #posCliFab.has::after{content:"";position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--ok,#16A34A);box-shadow:0 0 0 2px var(--card,#fff)}
html body #pgPOS #posCliFab.prio{display:flex;align-items:center;gap:6px;width:auto;max-width:calc(100% - 16px);padding:0 12px 0 9px;background:var(--wa,#F59E0B);color:#fff;font:800 11.5px system-ui,sans-serif}
html body #pgPOS #posCliFab.prio span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
@keyframes v69pulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.55)}70%{box-shadow:0 0 0 9px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
/* À faire aujourd'hui */
.todo.v69{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible!important;padding:0 0 2px!important;margin:0!important;width:100%;max-width:100%;box-sizing:border-box;scroll-snap-type:none}
.todo.v69 .t{position:relative;display:flex!important;align-items:center;gap:10px;min-width:0!important;width:auto!important;flex:none!important;padding:12px 10px!important;border-radius:18px!important;border:1px solid color-mix(in srgb,currentColor 22%,transparent);box-shadow:0 6px 16px -10px color-mix(in srgb,currentColor 55%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,opacity .2s}
.todo.v69 .t:active{transform:scale(.96)}
.todo.v69 .t.z{opacity:.85}
.todo.v69 .tic{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,currentColor 16%,transparent)}
.todo.v69 .tic svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.todo.v69 .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.todo.v69 .tx b{font-size:22px;line-height:1.05;font-weight:900;margin:0;display:block}
.todo.v69 .tx em{font-style:normal;font-size:11.5px;font-weight:700;line-height:1.2;color:inherit}
.todo.v69 .tch{flex:none;font-style:normal;font-size:20px;font-weight:800;opacity:.55;line-height:1}
#kTodoCount.v69b{display:inline-flex!important;align-items:center;white-space:nowrap;flex-direction:row;width:auto!important;height:auto!important;min-width:0;padding:5px 11px;border-radius:999px;font-size:11.5px!important;font-weight:800;line-height:1.1;box-shadow:none!important}
#kTodoCount.v69b::after{content:var(--l-todo,"\00a0à traiter")}
#kTodoCount.v69b.z{background:var(--okb,#DCFCE7)!important;color:var(--ok,#16A34A)!important;font-size:0!important}
#kTodoCount.v69b.z::after{content:var(--l-uptodate,"✓ Tout est à jour");font-size:11.5px}
/* 1.9.201 : textes dessinés par le CSS, traduits quand la langue est l'anglais */
html[lang="en"]{--l-qty:"Qty ";--l-todo:"\00a0to process";--l-uptodate:"✓ All up to date"}
/* À encaisser · À payer cliquables */
#agCard{cursor:pointer}
#agCard .ag-r{position:relative;padding-right:18px}
#agCard .ag-r::after{content:"›";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;font-weight:800;opacity:.45}
/* fenêtres de détail */
.ag-s-h{display:flex;align-items:center;justify-content:space-between;margin:14px 2px 6px;font:800 12.5px system-ui,sans-serif;color:var(--mu)}
.ag-s-h b{color:var(--tx);font-weight:900}
.ag-s-r{display:flex;align-items:center;gap:10px;width:100%;padding:8px 6px;border:0;background:none;text-align:left;border-radius:12px;color:var(--tx);-webkit-tap-highlight-color:transparent}
.ag-s-r:active{background:var(--bg2)}
.ag-s-i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 14px system-ui,sans-serif}
.ag-s-r b{flex:1;min-width:0;font:700 14px system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-s-r em{flex:none;font:800 14px system-ui,sans-serif;font-style:normal}
.ag-s-e{padding:22px 0;text-align:center;color:var(--mu);font:600 13px system-ui,sans-serif}
.ag-s-m{padding:4px 8px;color:var(--mu);font:600 12px system-ui,sans-serif}
/* [ams-v70-css] */
/* ===== v70 : boutons flottants du panier, bouton d'affichage, marge par article ===== */
/* 1) boutons flottants à gauche de la grille : 32 px, ronds ou carrés selon le réglage de forme (--ir) */
html body #pgPOS #posFloat button,html body #pgPOS #posSearchFab{width:32px;height:32px;min-width:32px;border-radius:var(--ir,50%)}
html body #pgPOS #posFloat button svg{width:17px;height:17px}
html body #pgPOS #posDetFab{display:none!important}
html body #pgPOS #posViewFab svg{stroke-width:1.9}
/* le bouton d'affichage avec texte disparaît de l'en-tête : il est dans les boutons flottants */

html body #pgPOS .pos-cat-head{padding-top:0!important;padding-bottom:0!important}
html body #pgPOS .pos-grid{padding-top:4px}
/* 2) panier : rangée de boutons flottants (client · devis · détails) */
html body #pgPOS #posCartFabs{position:absolute;left:8px;right:8px;bottom:8px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
html body #pgPOS #posCartFabs>button{pointer-events:auto;position:relative;left:auto;bottom:auto;flex:none;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:var(--ir,50%);display:grid;place-items:center;line-height:0;background:var(--mcb,var(--inb));color:var(--mc,var(--pr));-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .15s,background .2s,color .2s}
html body #pgPOS #posCartFabs>button:active{transform:scale(.92)}
html body #pgPOS #posCartFabs>button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #pgPOS #posCartFabs>#posCliFab.prio{width:auto;max-width:100%;min-width:32px;flex:1 1 auto;justify-content:flex-start}
html body #pgPOS #posCartFabs.has-prio>#posDevFab,html body #pgPOS #posCartFabs.has-prio>#posCDetFab{display:none}
html body #pgPOS #posDevFab{background:var(--okb,#DCFCE7);color:var(--ok,#16A34A)}
html body #pgPOS #posDevFab.on{background:var(--ok,#16A34A);color:#fff;box-shadow:0 0 0 3px var(--okb,#DCFCE7)}
html body #pgPOS #posDevFab.ret{background:var(--wab);color:var(--wa)}
html body #pgPOS #posCDetFab{background:var(--kob);color:var(--ko)}
html body #pgPOS #posCDetFab.ok{background:var(--mcb,var(--inb));color:var(--mc,var(--pr))}
html body #pgPOS #posCDetFab.wa{background:var(--wab);color:var(--wa)}
html body #pgPOS #posCDetFab.ko{background:var(--kob);color:var(--ko)}
/* l'ancien bouton Devis de l'en-tête du panier est remplacé par le bouton flottant */
html body #pgPOS #posDRBtn{display:none!important}
html body #pgPOS .pos-cart-card .pos-cart-list{padding-bottom:50px}
html body #pgPOS #posCartFabs{transition:opacity .2s,transform .25s}
html body #pgPOS #posCartFabs.fx-hide{opacity:0;transform:translateY(12px)}
html body #pgPOS #posCartFabs.fx-hide>button{pointer-events:none}
/* corbeille : vider le panier */
html body #pgPOS #posClearBtn{display:grid;margin-left:auto;flex:none;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:var(--ir,50%);place-items:center;line-height:0;background:var(--kob);color:var(--ko);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .15s}
html body #pgPOS #posClearBtn:active{transform:scale(.92)}
html body #pgPOS #posClearBtn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #pgPOS #posClearBtn.off{display:none}
/* 3) bouton (i) de la Marge */
html body #pgPOS .mgw{order:1;grid-column:1/-1;position:relative;display:block;min-width:0}
html body #pgPOS .mgw #posDisc{width:100%;padding:0 36px 0 10px!important}
html body #pgPOS #posMgInfo{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:26px;height:26px;padding:0;border:0;border-radius:var(--ir,50%);display:grid;place-items:center;line-height:0;background:var(--card);color:var(--mc,var(--pr));box-shadow:0 1px 3px rgba(0,0,0,.12);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html body #pgPOS #posMgInfo:active{transform:translateY(-50%) scale(.9)}
html body #pgPOS #posMgInfo svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
/* 4) page « Marge par article » */
#mgPage{position:fixed;inset:0;z-index:9100;display:flex;flex-direction:column;background:var(--bg,#fff);color:var(--tx,#111);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;animation:mgIn .22s ease-out}
@keyframes mgIn{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
#mgPage .mg-bar{flex:none;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px}
#mgPage .mg-bar button{flex:none;width:38px;height:38px;border:0;border-radius:var(--ir,50%);display:grid;place-items:center;background:var(--card);color:var(--tx);box-shadow:var(--sh);line-height:0;-webkit-tap-highlight-color:transparent}
#mgPage .mg-bar button:active{transform:scale(.94)}
#mgPage .mg-bar svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
#mgPage .mg-ti{flex:1;min-width:0}
#mgPage .mg-ti b{display:block;font-size:18px;font-weight:900;letter-spacing:-.2px;line-height:1.15}
#mgPage .mg-ti span{display:block;font-size:12px;font-weight:600;color:var(--mu);margin-top:1px}
#mgPage .mg-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 12px calc(24px + env(safe-area-inset-bottom,0px))}
#mgPage .mg-hero{padding:16px;border-radius:20px;background:var(--mcb,var(--inb));border:1px solid var(--bd)}
#mgPage .mg-hero small{display:block;font-size:12px;font-weight:700;color:var(--mu)}
#mgPage .mg-hv{display:flex;align-items:baseline;gap:6px;margin-top:2px;flex-wrap:wrap}
#mgPage .mg-hv b{font-size:30px;line-height:1.1;font-weight:900;letter-spacing:-.6px;color:var(--ok,#16A34A);font-variant-numeric:tabular-nums}
#mgPage .mg-hv b.neg{color:var(--ko,#DC2626)}
#mgPage .mg-hv i{font-style:normal;font-size:13px;font-weight:800;color:var(--mu)}
#mgPage .mg-rate{margin-left:auto;padding:4px 10px;border-radius:999px;background:var(--card);font-size:12.5px;font-weight:900;color:var(--ok,#16A34A)}
#mgPage .mg-rate.neg{color:var(--ko,#DC2626)}
#mgPage .mg-split{display:flex;height:10px;margin-top:14px;border-radius:5px;overflow:hidden;background:var(--bg2)}
#mgPage .mg-split u{display:block;height:100%;text-decoration:none}
#mgPage .mg-split .c{background:var(--mu2,#94A3B8);opacity:.55}
#mgPage .mg-split .m{background:var(--ok,#16A34A)}
#mgPage .mg-leg{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;font-weight:700;color:var(--mu)}
#mgPage .mg-leg b{color:var(--tx);font-weight:800}
#mgPage .mg-sort{display:flex;gap:4px;padding:3px;margin:16px 0 8px;border-radius:12px;background:var(--bg2)}
#mgPage .mg-sort button{flex:1;height:32px;border:0;border-radius:9px;background:none;color:var(--mu);font:800 12.5px system-ui,sans-serif}
#mgPage .mg-sort button.on{background:var(--card);color:var(--pr);box-shadow:0 1px 3px rgba(0,0,0,.1)}
#mgPage .mg-row{padding:12px;margin-bottom:8px;border-radius:16px;background:var(--card);border:1px solid var(--bd)}
#mgPage .mg-r1{display:flex;align-items:flex-start;gap:10px}
#mgPage .mg-r1 .n{flex:1;min-width:0;font-size:14.5px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
#mgPage .mg-r1 .v{flex:none;font-size:15px;font-weight:900;color:var(--ok,#16A34A);font-variant-numeric:tabular-nums;white-space:nowrap}
#mgPage .mg-r1 .v.neg{color:var(--ko,#DC2626)}
#mgPage .mg-r2{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;font-weight:600;color:var(--mu)}
#mgPage .mg-r2 b{color:var(--tx);font-weight:800}
#mgPage .mg-bg{height:6px;margin-top:10px;border-radius:3px;background:var(--bg2);overflow:hidden}
#mgPage .mg-bg u{display:block;height:100%;border-radius:3px;background:var(--ok,#16A34A);text-decoration:none}
#mgPage .mg-bg u.neg{background:var(--ko,#DC2626)}
#mgPage .mg-r3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:11.5px;font-weight:700;color:var(--mu)}
#mgPage .mg-chip{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;background:var(--okb,#DCFCE7);color:var(--ok,#16A34A)}
#mgPage .mg-chip.ko{background:var(--kob);color:var(--ko,#DC2626)}
#mgPage .mg-chip.wa{background:var(--wab);color:var(--wa,#D97706)}
#mgPage .mg-tot{margin-top:4px;padding:6px 14px;border-radius:16px;background:var(--card);border:1px solid var(--bd)}
#mgPage .mg-tr{display:flex;justify-content:space-between;gap:10px;padding:9px 0;font-size:13.5px;font-weight:700;border-bottom:1px solid var(--bd)}
#mgPage .mg-tr:last-child{border-bottom:0;font-size:15px;font-weight:900}
#mgPage .mg-tr span{color:var(--mu)}
#mgPage .mg-tr:last-child span{color:var(--tx)}
#mgPage .mg-tr b{font-variant-numeric:tabular-nums;white-space:nowrap}
#mgPage .mg-tr b.ko{color:var(--ko,#DC2626)}
#mgPage .mg-tr b.ok{color:var(--ok,#16A34A)}
#mgPage .mg-empty{padding:40px 12px;text-align:center;color:var(--mu);font-size:13.5px;font-weight:600;line-height:1.5}
@media (prefers-reduced-motion:reduce){
#mgPage{animation:none}

}
/* [v87-rapide] */
/* 1.9.87 : plus de halo animé sur les boutons flottants (repeint en continu = ralentit le clavier) */
html body .pg-march .mfabs .mfab.wr-in::before,
html body .pg-march .mfabs .mfab.wr-out::before{display:none!important;animation:none!important}
:root:is([data-theme="neon"],[data-theme="neonlight"]) nav:not(.pa) .fab button#navFab{animation:none!important}
/* fond des feuilles sans flou (très coûteux sur la liste pendant l'ouverture du clavier) */
html body .ov{background:rgba(8,15,30,.5)}
/* ouverture / fermeture plus vives */
html body:not(#z) .sheet:not(.on){transition:transform .2s cubic-bezier(.25,.9,.3,1),visibility 0s linear .21s!important}
html body:not(#z) .sheet.on{transition:transform .2s cubic-bezier(.25,.9,.3,1),visibility 0s!important}
html.kbo .sheet{transition:transform .2s cubic-bezier(.25,.9,.3,1)}
/* [home-custom-css] */
/* tailles des rubriques de « À faire aujourd'hui » */
.todo.v69 .t[data-hs=l]{grid-column:1/-1}
.todo.v69 .t[data-hs=c]{padding:7px 10px!important}
.todo.v69 .t[data-hs=c] .tx b{font-size:17px}
.todo.v69 .t[data-hs=c] .tic{width:26px;height:26px}
.todo.v69 .t[data-hs=l] .tx b{font-size:26px}
.todo.v69 .t[data-hc] .tx em{font-style:normal;font-weight:800;font-size:12.5px}
/* [hero-css] */
/* dessin partagé par l'accueil bleu (.amsH = conteneur) */
#amsOnboarding.hero{padding:0;background:radial-gradient(circle at 100% 0,rgba(70,200,90,.28),transparent 45%),linear-gradient(180deg,#0b5224 0%,#03100a 100%);color:#fff}
#amsOnboarding.hero .ob-dots{display:none}
#amsOnboarding.hero #ob-step-1{justify-content:stretch;align-items:stretch;text-align:left;min-height:0}
.amsH .gh{flex:1;overflow:auto;padding:calc(env(safe-area-inset-top,0px) + 34px) 24px 18px}
.amsH .gb{font-size:34px;font-weight:900;letter-spacing:-1px}
.amsH .gb span{font-weight:500;opacity:.8}
.amsH h1{font-size:27px;line-height:1.18;margin:26px 0 8px;font-weight:800;letter-spacing:-.5px;color:#fff}
.amsH .gs{font-size:16px;opacity:.88;margin:0 0 20px}
.amsH .gf{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.amsH .gc{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:12px}
.amsH .gc i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.2);margin-bottom:7px}
.amsH .gc svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.amsH .gc b{display:block;font-size:13.5px;line-height:1.2}
.amsH .gc small{display:block;font-size:11.5px;opacity:.82;margin-top:3px;line-height:1.3}
.amsH .gp{background:var(--bg,#fff);color:var(--tx,#111);border-radius:28px 28px 0 0;padding:20px 22px calc(env(safe-area-inset-bottom,0px) + 16px);box-shadow:0 -10px 30px -10px rgba(0,0,0,.35)}
.amsH .gg{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border-radius:18px;border:2px solid var(--bd,#dde3f0);background:var(--card,#fff);color:var(--tx,#111);font-size:17px;font-weight:700;cursor:pointer}
.amsH .gg:active{transform:scale(.98)}
.amsH .gn{font-size:13px;color:var(--mu,#667);margin:12px 2px 6px;line-height:1.4}
.amsH .gl{display:block;width:100%;border:0;background:none;font-size:15.5px;font-weight:700;padding:11px;cursor:pointer}
.amsH .gm{display:none;margin-top:6px}
.amsH .gm.on{display:block}
.amsH .gm .opt{width:100%;justify-content:center}
/* [fb-style] */
/* ===== 1.9.93 : boutons flottants discrets, même taille, appui long sur la loupe ===== */

/* 1. même taille pour la loupe (Marchandises + Vendre), l'historique/détails de Vendre, retour, haut et bas */
html body:not(#z) .pg-march .msearch-fab,
html body:not(#z) #pgPOS #posSearchFab,
html body:not(#z) #pgPOS #posFloat button,
html body:not(#z) :is(#amsTop,#amsBot,#amsBack){width:var(--fb)!important;height:var(--fb)!important;min-width:var(--fb)!important;min-height:var(--fb)!important;box-sizing:border-box}
html body:not(#z) .pg-march .msearch-fab svg,
html body:not(#z) #pgPOS #posSearchFab svg,
html body:not(#z) #pgPOS #posFloat button svg,
html body:not(#z) :is(#amsTop,#amsBot,#amsBack) svg{width:18px!important;height:18px!important;stroke-width:2!important}
/* retour / haut / bas : même apparence que la loupe (fond doux, couleur principale) */
html body:not(#z) :is(#amsTop,#amsBot,#amsBack){background:var(--inb,var(--card))!important;color:var(--pr)!important;border:0!important;box-shadow:0 4px 14px -6px rgba(15,23,42,.35)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1)!important}
/* 2. invisibles au repos : ils n'apparaissent que lorsqu'on touche / fait défiler l'écran */
body:not(.fb-awake) :is(#amsTop,#amsBot,#amsBack){opacity:0!important;pointer-events:none!important;transform:translateY(10px) scale(.88)!important}
body.fb-awake #amsTop.on,body.fb-awake #amsBot.on,body.fb-awake #amsBack.on{opacity:1!important;pointer-events:auto!important;transform:none!important}
/* 3. la loupe de Vendre reste visible pendant le défilement : seuls historique et détails s'effacent */
html body #pgPOS #posFloat.ppc-hide{opacity:1;transform:none;pointer-events:none}
html body #pgPOS #posFloat.ppc-hide #posSearchFab{pointer-events:auto}
html body #pgPOS #posFloat button:not(#posSearchFab){transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
html body #pgPOS #posFloat.ppc-hide button:not(#posSearchFab){opacity:0;transform:translateY(10px) scale(.85);pointer-events:none}
/* 4. boutons d'action (inventaire, document, ajout) : disparaissent en descendant, reviennent en remontant */
html body .pg-march .mfabs,html body #ptFabs{transition:opacity .26s ease,transform .36s cubic-bezier(.2,.8,.2,1)}
html body .pg-march .mfabs.mf-hide,html body #ptFabs.mf-hide{opacity:0;transform:translateY(34px) scale(.9);pointer-events:none}
/* 5. appui long sur la loupe : anneau de progression puis menu Scanner / Voix */
@property --lp{syntax:'<number>';inherits:false;initial-value:0}
#marchSearchFab,#posSearchFab{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#marchSearchFab.lp-arm,#posSearchFab.lp-arm{transform:scale(.9)}
#marchSearchFab.lp-arm::after,#posSearchFab.lp-arm::after{content:"";position:absolute;inset:-5px;border-radius:50%;pointer-events:none;
  background:conic-gradient(var(--pr) calc(var(--lp)*1turn),transparent 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));
  animation:lpFill .6s linear forwards}
@keyframes lpFill{to{--lp:1}}
#lpBk{position:fixed;inset:0;z-index:99990;background:rgba(6,10,22,.34);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease}
#lpBk.on{opacity:1}
#lpMenu{position:fixed;z-index:99991;width:min(252px,calc(100vw - 24px));padding:8px;border-radius:22px;background:var(--card,#fff);color:var(--tx,#111);border:1px solid var(--bd,rgba(0,0,0,.08));
  box-shadow:0 22px 48px -14px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;transform-origin:var(--ox,0%) 100%;opacity:0;transform:scale(.72) translateY(14px);transition:opacity .2s ease,transform .34s cubic-bezier(.2,1.2,.3,1)}
#lpMenu.on{opacity:1;transform:none}
#lpMenu .lp-h{font:800 11px/1 system-ui,-apple-system,sans-serif;letter-spacing:.9px;text-transform:uppercase;color:var(--mu,#667);padding:8px 12px 9px}
#lpMenu .lp-o{display:flex;align-items:center;gap:13px;width:100%;padding:10px 12px;border:0;border-radius:16px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s,transform .15s}
#lpMenu .lp-o+.lp-o{margin-top:4px}
#lpMenu .lp-o i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,var(--pr3,var(--pr)),var(--pr) 50%,var(--pr2,var(--pr)));box-shadow:0 8px 16px -8px color-mix(in srgb,var(--pr) 80%,transparent)}
#lpMenu .lp-o.v i{background:linear-gradient(145deg,#FBBF24,#F59E0B 55%,#D97706);box-shadow:0 8px 16px -8px rgba(217,119,6,.8)}
#lpMenu .lp-o svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#lpMenu .lp-o b{display:block;font:800 16px/1.15 system-ui,-apple-system,sans-serif}
#lpMenu .lp-o small{display:block;margin-top:3px;font:600 12px/1.2 system-ui,-apple-system,sans-serif;color:var(--mu,#667)}
#lpMenu .lp-o.hot,#lpMenu .lp-o:active{background:color-mix(in srgb,var(--pr) 14%,transparent);transform:scale(.97)}
@media (prefers-reduced-motion:reduce){
#lpMenu,#lpBk,#ptFabs,.pg-march .mfabs{transition:none!important}
#marchSearchFab.lp-arm::after,#posSearchFab.lp-arm::after{animation:none;--lp:1}

}
/* ===== 1.9.94 : aucun bouton flottant au repos (sélecteurs simples = rapides) ===== */
body:not(.fb-act) .mfabs,body:not(.fb-act) #marchSearchFab,body:not(.fb-act) #posFloat button,body:not(.fb-act) #posCartFabs,body:not(.fb-act) #pgPOS .pos-client,body:not(.fb-act) #posDRBtn,body:not(.fb-act) #pgPOS .pos-det{opacity:0!important;pointer-events:none!important}
body:not(.fb-act) #posCartFabs button,body:not(.fb-act) .fx-cfabs button{pointer-events:none!important}
body.fb-act .pg-march .mfabs.mf-hide{opacity:1;transform:none;pointer-events:auto}
#posCartFabs,#posFloat button,#marchSearchFab{transition:opacity .25s ease}
/* ===== 1.9.95 : fluidité (moins d'effets coûteux) ===== */
html body .topbar,html body .ov,html body .kpo,html body #lpBk,html body #amsTop,html body #amsBot,html body #amsBack{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body .pg.on .pwrap,html body .pg.on>.dc{animation:none!important}
html body .pg{transition:none!important}
html body nav .fab button#navFab,html body #pgPOS #posCliFab,html body #pgPOS #posCliFab.prio{animation:none!important}
/* [ams-v98-css] */
.bl-p{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px}
.bl-p button{border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:99px;padding:6px 12px;font:inherit;font-size:12.5px}
.bl-p button.on{background:var(--pr);border-color:var(--pr);color:#fff}
.bl2-c{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:14px;margin:0 0 12px}
.bl2-h{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.bl2-big{font-size:28px;font-weight:800;margin:4px 0 8px;font-variant-numeric:tabular-nums;color:var(--tx)}
.bl2-big.ko{color:var(--ko)}
.bl2-big.ok{color:var(--ok)}
.bl2-r{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--bg2);font-size:14px;color:var(--tx)}
.bl2-r span{display:flex;align-items:center;gap:8px}
.bl2-r b{font-variant-numeric:tabular-nums;white-space:nowrap}
.bl2-r.mu{color:var(--mu)}
.bl2-r.tt{font-weight:700}
.bl2-d{display:block;width:10px!important;height:10px!important;min-width:10px;border-radius:50%;flex:none;font-style:normal}
.bl2-bar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--bg2);margin:2px 0 8px;justify-content:flex-start}

.bl2-bar i{display:block;height:100%;margin:0!important;flex:none;min-width:0}
.bl2-n{font-size:12px;color:var(--mu);line-height:1.4;margin:2px 0 10px}
.bl2-lk{display:block;width:100%;border:0;background:none;color:var(--pr);font-weight:700;font-size:14px;padding:10px 0 0;text-align:center}
.bl2-lk.ko{color:var(--ko)}
.bl2-f{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:12px;color:var(--mu)}
.bl2-f input{border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;width:100%;box-sizing:border-box}
/* [ams-v100-css] */
.nsm-s{display:block;color:var(--mu);font-weight:500;font-size:12px;margin-top:2px;line-height:1.35}
/* [bb-icons-119] */
/* 1.9.119 : Vyamin Baobab — une seule pastille pour toutes les icônes (accueil, actions rapides, menu latéral, réglages).
   Taille 32 px ; la forme suit « Apparence › forme des icônes » : rond (--ir:50%) ou carré arrondi (--ir:30%). */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"]{--bbs:32px;--bbt:radial-gradient(circle at 50% 24%,#2a8a46 0%,#0f4d26 52%,#052012 100%);--bbg:linear-gradient(135deg,#fff0b8 0%,#c9a227 45%,#ffe28a 78%,#fff6d0 100%);--bbgl:#ffd54a}
/* pastille « conteneur » : accueil (.bb-ib), actions rapides (.qi), réglages (.sic) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.bb-ib,.bb-ib2,.qk .qtile:not(.tp) .qi:not(.bsq):has(>svg),.srow .sic){width:var(--bbs)!important;height:var(--bbs)!important;min-width:var(--bbs)!important;min-height:var(--bbs)!important;flex:none;box-sizing:border-box;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;background:var(--bbt) padding-box,var(--bbg) border-box!important;box-shadow:0 0 9px rgba(255,200,60,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;display:grid;place-items:center;position:relative;overflow:hidden;line-height:0;color:var(--bbgl)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.qk .qtile:not(.tp) .qi:not(.bsq):has(>svg),.srow .sic)::before{display:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .qk .qtile:not(.tp) .qi:not(.bsq):has(>svg)::after{background:linear-gradient(160deg,rgba(255,255,255,.2),transparent 55%)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.bb-ib2,.qk .qtile:not(.tp) .qi:not(.bsq):has(>svg),.srow .sic) svg{width:18px!important;height:18px!important;stroke:var(--bbgl)!important;color:var(--bbgl);fill:none;stroke-width:1.9;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
/* accueil : pictogramme doré (image) dans la pastille */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-ib img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-a{gap:6px}
/* menu latéral : l'icône elle-même devient la pastille */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .dr .mi>svg:first-child{width:var(--bbs)!important;height:var(--bbs)!important;min-width:var(--bbs);box-sizing:border-box;padding:6px;border:1.5px solid transparent;border-radius:var(--ir,50%);background:var(--bbt) padding-box,var(--bbg) border-box;box-shadow:0 0 9px rgba(255,200,60,.22),inset 0 1px 0 rgba(255,255,255,.2);stroke:var(--bbgl)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .dr .mi{padding-top:8px;padding-bottom:8px}
/* [bb-ui-120] */
/* 1.9.120 : Vyamin Baobab — barre du bas, boutons flottants, feuilles d'action, activité récente */
/* barre du bas : vert brillant, double contour doré, icônes sans tuile (maquette) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav::before{background:linear-gradient(180deg,#14772f 0%,#0b5224 46%,#063b19 100%) padding-box,linear-gradient(180deg,#fff2b0,#e8b923 52%,#ffe27a) border-box!important;border:2px solid transparent!important;box-shadow:inset 0 0 0 2.5px rgba(5,52,22,.95),inset 0 0 0 4px rgba(255,214,90,.5),inset 0 2px 0 4px rgba(255,255,255,.16),0 0 20px rgba(255,205,60,.5)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav>button svg{width:24px!important;height:24px!important;padding:3px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;stroke-width:1.9}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav>button:not(.on){color:#fff!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav>button.on{color:#ffd54a!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav>button.on svg{background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 6px rgba(255,205,60,.75))!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav>button{font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.55)}
/* boutons ronds flottants → pastille verte à anneau doré (forme = réglage rond / carré arrondi) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.mfab,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.pos-act button,.msearch-fab,#amsTop,#amsBot,#amsBack,.sb-a){background:var(--bbt) padding-box,var(--bbg) border-box!important;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;color:var(--bbgl)!important;box-shadow:0 3px 12px rgba(0,0,0,.45),0 0 9px rgba(255,200,60,.28),inset 0 1px 0 rgba(255,255,255,.2)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.mfab,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.pos-act button,.msearch-fab,#amsTop,#amsBot,#amsBack,.sb-a)::before{display:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.mfab,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.pos-act button,.msearch-fab,#amsTop,#amsBot,#amsBack,.sb-a) svg{stroke:var(--bbgl)!important;color:var(--bbgl)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.mfab,.pos-act button){width:44px!important;height:44px!important}
/* puces de filtre, barres Total / Marge / Remise */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .filter-chip:not(.sel){background:rgba(8,44,24,.92)!important;border:1px solid rgba(212,168,42,.55)!important;color:#ffe9a6!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.pos-total .block,.pos-total .row-m,#posDisc){background:rgba(8,44,24,.95)!important;border:1px solid rgba(212,168,42,.5)!important;color:#ffe9a6!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .pos-total .block .lbl{color:#cfe8cf!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.pos-total .block .amt,.pos-total .mg){color:#ffd54a!important}
/* feuilles d'action : icônes en pastille */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .opt>.ic{width:36px!important;height:36px!important;flex:none;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;background:var(--bbt) padding-box,var(--bbg) border-box!important;box-shadow:0 0 8px rgba(255,200,60,.25)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .opt>.ic svg{stroke:var(--bbgl)!important;color:var(--bbgl)!important}
/* activité récente (bas de l'accueil) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-sec{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 8px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-sec b{font-size:16px;font-weight:800;color:#ffe28a;letter-spacing:.2px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-sec button{border:1px solid rgba(212,168,42,.6);background:rgba(8,44,24,.85);color:#ffe9a6;border-radius:999px;padding:5px 12px;font:inherit;font-weight:700;font-size:12px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-rc{border:1.5px solid rgba(232,190,70,.7);border-radius:22px;background:var(--fl-cb);overflow:hidden;box-shadow:0 0 14px rgba(255,200,60,.14)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-r{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid rgba(212,168,42,.18)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-r:last-child{border-bottom:0}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-r .m{flex:1;min-width:0}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-r .m b{display:block;color:#fff;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-r .m span{display:block;color:#a9cfae;font-size:12px;margin-top:1px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-r .r{text-align:right;flex:none}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-r .r b{display:block;color:#ffd54a;font-size:14px;font-weight:800}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-r .bd{display:inline-block;margin-top:3px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:rgba(61,240,138,.14);color:#3df08a}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .bb-r .bd.ko{background:rgba(255,107,133,.14);color:#ff6b85}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.mfab,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.pos-act button,.msearch-fab,.sb-a) svg :is(path,circle,rect,line,polyline,polygon,use,ellipse){stroke:var(--bbgl)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .dc-tabs button:not(.on){background:rgba(8,44,24,.92)!important;border:1px solid rgba(212,168,42,.45)!important;color:#ffe9a6!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .dc-tabs button.on{background:linear-gradient(180deg,#23a64c,#0f6b2c)!important;border:1px solid rgba(255,213,90,.85)!important;color:#fff!important;box-shadow:0 0 10px rgba(255,200,60,.3)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.topbar .ib,.pt-b,.mflt.sortb,#posMgInfo,.fclose,#posSearchFab,#posHistFab,#posViewFab,#gbadge,.pos-cat-head .vw,.fx-float button){background:var(--bbt) padding-box,var(--bbg) border-box!important;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;color:var(--bbgl)!important;box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 8px rgba(255,200,60,.22)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.topbar .ib,.pt-b,.mflt.sortb,#posMgInfo,.fclose,#posSearchFab,#posHistFab,#posViewFab,#gbadge,.pos-cat-head .vw,.fx-float button)::before{display:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.topbar .ib,.pt-b,.mflt.sortb,#posMgInfo,.fclose,#posSearchFab,#posHistFab,#posViewFab,#gbadge,.pos-cat-head .vw,.fx-float button) svg{stroke:var(--bbgl)!important;color:var(--bbgl)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.topbar .ib,.pt-b,.mflt.sortb,#posMgInfo,.fclose,#posSearchFab,#posHistFab,#posViewFab,#gbadge,.pos-cat-head .vw,.fx-float button) svg :is(path,circle,rect,line,polyline,polygon,use,ellipse){stroke:var(--bbgl)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] #gbadge{opacity:.95}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .storepill{background:linear-gradient(180deg,#23a64c,#0f6b2c)!important;border:1px solid rgba(255,213,90,.85)!important;color:#fff!important;box-shadow:0 0 10px rgba(255,200,60,.3)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.pos-cart-head>svg,.gai>svg){width:32px!important;height:32px!important;min-width:32px;box-sizing:border-box;padding:6px!important;flex:none;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;background:var(--bbt) padding-box,var(--bbg) border-box!important;box-shadow:0 0 8px rgba(255,200,60,.22)!important;stroke:var(--bbgl)!important;color:var(--bbgl)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] :is(.pos-cart-head>svg,.gai>svg) :is(path,circle,rect,line,polyline,polygon,use){stroke:var(--bbgl)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav .fab :is(.fab-check,.fab-cart,.fab-truck,.fab-box,.fab-home,.fab-bolt,.fab-plus){filter:drop-shadow(0 0 2px rgba(255,255,255,.85))}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] nav .fab .fab-check{stroke-width:3.4!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"]:is(.pos-active,.fx-dep,.fx-rev,.dc-fab-in,.dc-fab-out) nav{--fc:#ffd54a!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"]:is(.pos-active,.fx-dep,.fx-rev,.dc-fab-in,.dc-fab-out) nav .fab button#navFab{box-shadow:0 0 20px rgba(255,200,60,.55)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz)[data-th="baobab"] .pos-pay .p4{background:none!important;box-shadow:none!important;border-color:transparent!important}
/* [bb-fix-122] */
/* 1.9.122 — correctifs visuels (Vyamin Baobab)
   1) Inventaire : la classe .inv (papier de facture blanc) s'appliquait aussi à la ligne d'inventaire → carte blanche + texte vert clair illisible.
   2) Icônes multicolores/trop grandes (feuilles Affichage, Changer de magasin) → pastille Baobab 32 px.
   3) Boutons flottants : même taille et même style partout.
   4) Fenêtre « Total à encaisser » : icônes des modes de paiement en pastille dorée.
   5) Barre du bas : Vendre/Acheter n'a plus de carré rouge, il suit le doré des autres onglets. */
/* 1 — Inventaire : fond transparent, texte lisible (tous thèmes) */
html body .pg-march #mlist .mrow-right.inv{background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0!important;color:var(--tx)!important;text-align:center}
html body .pg-march #mlist .mrow-right.inv .inv-th{color:var(--mu)!important;font-size:12.5px!important;font-weight:700!important;opacity:1!important}
html body .pg-march #mlist .mrow-right.inv .inv-th b{color:var(--tx)!important;font-size:17px!important;font-weight:900!important}
html body .pg-march #mlist .mrow-right.inv .inv-box input{background:var(--bg)!important;color:var(--tx)!important;border:1.5px solid var(--bd)!important}
html body .pg-march #mlist .mrow-right.inv .inv-box input::placeholder{color:var(--mu)!important;opacity:1}
html body .pg-march #mlist .mrow-right.inv .inv-box button{background:var(--inb)!important;color:var(--pr)!important}
/* Grilles (Petit / Moyen / Grand) : la carte d'inventaire doit tenir dans la cellule (chiffre et bouton + visibles) */
html body .pg-march #mlist:is([data-v="small"],[data-v="grid"],[data-v="large"]) .mrow-right.inv{width:100%!important;min-width:0!important;padding:6px 0 2px!important;overflow:visible!important}
html body .pg-march #mlist:is([data-v="small"],[data-v="grid"],[data-v="large"]) .mrow-right.inv .inv-th{display:flex!important;justify-content:center;align-items:baseline;gap:4px;white-space:nowrap;font-size:11px!important}
html body .pg-march #mlist:is([data-v="small"],[data-v="grid"],[data-v="large"]) .mrow-right.inv .inv-th b{font-size:15px!important;margin:0!important}
html body .pg-march #mlist:is([data-v="small"],[data-v="grid"],[data-v="large"]) .mrow-right.inv .inv-box{width:100%;gap:3px;justify-content:center}
html body .pg-march #mlist:is([data-v="small"],[data-v="grid"],[data-v="large"]) .mrow-right.inv .inv-box button{flex:none;width:26px;height:34px;font-size:17px}
html body .pg-march #mlist:is([data-v="small"],[data-v="grid"],[data-v="large"]) .mrow-right.inv .inv-box input{flex:1 1 0;min-width:0;width:auto!important;height:34px;font-size:14px}
/* Variables Baobab (déclarées ici avec une forte spécificité) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"]{--bbs:32px}
/* 1 bis — Inventaire en Baobab : « Théorique » en doré, boutons − + en pastille verte */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .pg-march #mlist .mrow-right.inv .inv-th{color:#a8c9a0!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .pg-march #mlist .mrow-right.inv .inv-th b{color:#ffd54a!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .pg-march #mlist .mrow-right.inv .inv-box button{background:rgba(31,157,70,.22)!important;color:#ffd54a!important;border:1px solid rgba(212,168,42,.55)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .pg-march #mlist .mrow-right.inv .inv-box input{background:#03100a!important;border-color:#d4a82a!important;color:#fff!important}
/* 2 — Pastille unique pour les tuiles des feuilles « Affichage » et « Changer de magasin » */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.vr-tl .qi,.qgrid .qtile .qi,.pay-ic,.ppc-m button>span){width:var(--bbs)!important;height:var(--bbs)!important;min-width:var(--bbs)!important;min-height:var(--bbs)!important;box-sizing:border-box;flex:none;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;background:var(--bbt) padding-box,var(--bbg) border-box!important;box-shadow:0 0 9px rgba(255,200,60,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;display:grid!important;place-items:center;overflow:hidden;line-height:0;color:var(--bbgl)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.vr-tl .qi,.qgrid .qtile .qi,.pay-ic,.ppc-m button>span) svg{width:17px!important;height:17px!important;stroke:var(--bbgl)!important;color:var(--bbgl)!important;fill:none;stroke-width:1.9}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.vr-tl .qi,.qgrid .qtile .qi)::before,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.vr-tl .qi,.qgrid .qtile .qi)::after{display:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .vr-tg{gap:12px 4px}
/* tuile active : liseré doré au lieu du halo vert */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.vr-tl.on .qi,.qgrid .qtile.on .qi){box-shadow:0 0 0 2px #ffd54a,0 0 14px rgba(255,200,60,.55)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .vr-tl.on>span:last-child{color:#ffd54a!important}
/* 3 — Boutons flottants : une seule taille (38 px) et un seul style */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.mfab,.msearch-fab,#amsTop,#amsBot,#amsBack,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.pos-act button,.dc-fab,.dc-addbtn){width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;display:grid!important;place-items:center;box-sizing:border-box;background:var(--bbt) padding-box,var(--bbg) border-box!important;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;box-shadow:0 3px 12px rgba(0,0,0,.45),0 0 9px rgba(255,200,60,.28),inset 0 1px 0 rgba(255,255,255,.2)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.mfab,.msearch-fab,#amsTop,#amsBot,#amsBack,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.pos-act button,.dc-fab,.dc-addbtn) svg{width:19px!important;height:19px!important;stroke:var(--bbgl)!important;color:var(--bbgl)!important;fill:none;stroke-width:1.9}
/* 4 — « Total à encaisser » : modes de paiement et client en doré (plus de vert/bleu/orange/violet) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.ppc-m button,.pay-t){--c:#ffd54a!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .ppc-m button.on{background:rgba(31,157,70,.18)!important;box-shadow:inset 0 0 0 1.5px #ffd54a!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .ppc-cli svg{stroke:#ffd54a!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .ppc-cli small{color:#ffd54a!important}
/* 5 — Barre du bas : Vendre / Acheter / Devis / Retour = même doré que les autres onglets (plus de carré rouge) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] nav button.on[data-nav="ventes"]{color:#ffd54a!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] nav button.on[data-nav="ventes"] svg,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] nav button[data-nav="ventes"] svg{background:transparent!important;box-shadow:none!important;border-radius:0!important;stroke:currentColor!important}
/* 6 — Rapports : pastille Baobab unique (plus de tuiles orange/vert/violet), badge du nombre en doré */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.rap-ti,.rap-ti.sm){width:var(--bbs)!important;height:var(--bbs)!important;min-width:var(--bbs)!important;box-sizing:border-box;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;background:var(--bbt) padding-box,var(--bbg) border-box!important;box-shadow:0 0 9px rgba(255,200,60,.28),inset 0 1px 0 rgba(255,255,255,.22)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] :is(.rap-ti,.rap-ti.sm) svg{width:17px!important;height:17px!important;stroke:var(--bbgl)!important;stroke-width:1.9}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .rap-cn{min-width:32px!important;height:32px!important;background:var(--bbt) padding-box,var(--bbg) border-box!important;border:1.5px solid transparent!important;color:#ffd54a!important;box-shadow:0 0 8px rgba(255,200,60,.22)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .rap-fx b{color:#ffd54a!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .rap-xb{background:rgba(31,157,70,.2)!important;color:#ffd54a!important;border:1px solid rgba(212,168,42,.55)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .rap-xb svg{stroke:#ffd54a!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .rap-per{background:var(--bbt) padding-box,var(--bbg) border-box!important;border:1.5px solid transparent!important;color:#ffd54a!important;box-shadow:0 0 9px rgba(255,200,60,.25)!important}
/* 7 — Feuilles d'actions (Encaisser, Historique, Signature, Supprimer…) : pastille Baobab au lieu de vert/orange/bleu/violet/rouge */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .opt .ic{width:var(--bbs)!important;height:var(--bbs)!important;min-width:var(--bbs)!important;box-sizing:border-box;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;background:var(--bbt) padding-box,var(--bbg) border-box!important;color:var(--bbgl)!important;box-shadow:0 0 9px rgba(255,200,60,.25),inset 0 1px 0 rgba(255,255,255,.2)!important;display:grid!important;place-items:center;overflow:hidden}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .opt .ic svg{width:17px!important;height:17px!important;stroke:var(--bbgl)!important;color:var(--bbgl)!important}
/* 8 — Rapport détaillé : carte héros verte Baobab (plus d'olive) et étoile en pastille */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .rap-hero{background:radial-gradient(circle at 100% 0,rgba(70,200,90,.30),transparent 55%),linear-gradient(135deg,#14772f 0%,#0b5224 55%,#063b19 100%)!important;border:1.5px solid #d4a82a;box-shadow:0 0 14px rgba(255,200,60,.22)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] .rap-hero .amt{color:#ffd54a}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz)[data-th="baobab"] #pgRap .rap-fvb{width:var(--bbs)!important;height:var(--bbs)!important;background:var(--bbt) padding-box,var(--bbg) border-box!important;border:1.5px solid transparent!important;border-radius:var(--ir,50%)!important;color:#ffd54a!important;font-size:17px;box-shadow:0 0 9px rgba(255,200,60,.25)!important}
/* [v133-ui] */
/* 1.9.133 · 1) Baobab : bouton central au même gabarit et à la même place que Horizon (centré dans la barre, forme des icônes respectée) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz)[data-th="baobab"] nav .fab button#navFab{width:50px!important;height:50px!important;min-width:50px!important;margin:0!important;border-radius:var(--ir,30%)!important;border:2px solid #ffe9a0!important;background:var(--bb-piece) center/84% no-repeat,linear-gradient(145deg,#ffe58a,#d9a91f 55%,#8a6410)!important;box-shadow:0 0 0 3px rgba(6,40,20,.9),0 0 18px rgba(255,200,60,.5)!important}
/* 3) Baobab : la validation est bien visible (fond or uni, grande coche verte foncée) quand le bouton central valide */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz)[data-th="baobab"]:is(.pos-active,.fx-dep,.fx-rev,.dc-fab-in,.dc-fab-out) nav .fab button#navFab{background:linear-gradient(145deg,#fff0b0,#f2bd2b 50%,#b8820f)!important;box-shadow:0 0 0 3px rgba(6,40,20,.9),0 0 22px rgba(255,205,70,.8)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz)[data-th="baobab"]:is(.pos-active,.fx-dep,.fx-rev,.dc-fab-in,.dc-fab-out) nav .fab button#navFab svg.fab-check{width:30px!important;height:30px!important;stroke:#06301a!important;stroke-width:3.6!important;filter:none!important}
/* 2) Le bouton ✓ flottant n'existe que s'il y a une entrée ou une sortie en cours */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz) #mOkBtn.mq-off{display:none!important}
/* 3) Pages Entrée et Sortie : le bouton central valide déjà, le bouton « Valider » du bas est retiré */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):is(.dc-fab-in,.dc-fab-out) #dcEdit .dc-foot #dcGo{display:none!important}
/* ===== 1.9.137 ===== */
/* A) Boutons Annuler / Enregistrer toujours visibles : collés au bas de la fenêtre, au-dessus du clavier */
html body .sheet .form-actions{position:sticky;bottom:0;z-index:5;background:var(--card);margin:0 -16px;padding:12px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 14px -12px rgba(0,0,0,.35)}
html body.kbo .sheet .form-actions,html.kbo body .sheet .form-actions{padding-bottom:10px}
html body .sheet{scroll-padding-bottom:84px}
/* B) Thème Baobab : même pastille verte à liseré doré et glyphe doré pour tous les menus et listes */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] :is(.ctx button .ci,.dc-ic,.dc-ic.gt,.k .l .ic,.a>.ic){width:var(--bbs,32px)!important;height:var(--bbs,32px)!important;min-width:var(--bbs,32px)!important;min-height:var(--bbs,32px)!important;flex:none;box-sizing:border-box;border:1.5px solid transparent!important;border-radius:50%!important;background:var(--bbt) padding-box,var(--bbg) border-box!important;box-shadow:0 0 9px rgba(255,200,60,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;display:grid!important;place-items:center;position:relative;overflow:hidden!important;line-height:0;color:var(--bbgl,#ffd54a)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] :is(.ctx button .ci,.dc-ic,.dc-ic.gt,.k .l .ic,.a>.ic)::before,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] :is(.ctx button .ci,.dc-ic,.dc-ic.gt,.k .l .ic,.a>.ic)::after{display:none!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] :is(.ctx button .ci,.dc-ic,.dc-ic.gt,.k .l .ic,.a>.ic) svg{width:17px!important;height:17px!important;stroke:var(--bbgl,#ffd54a)!important;color:var(--bbgl,#ffd54a)!important;fill:none!important;stroke-width:1.9!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] :is(.ctx button .ci,.dc-ic,.dc-ic.gt,.k .l .ic,.a>.ic) svg :is(path,circle,rect,line,polyline,polygon,use){stroke:var(--bbgl,#ffd54a)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] .ctx button svg:not(.ci svg){stroke:var(--bbgl,#ffd54a)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] .ctx button.danger{color:#ff6b85}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] .ctx button.danger .ci svg,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] .ctx button.danger .ci svg :is(path,circle,rect,line,polyline,polygon,use){stroke:#ff6b85!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] .ctx button.danger .ci{background:radial-gradient(circle at 50% 24%,#6a2230 0%,#3a0f18 60%,#1d070c 100%) padding-box,var(--bbg) border-box!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] .ctx{background:#0c2a18;border-color:rgba(212,168,42,.55)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz)[data-th="baobab"] .ctx button{border-bottom-color:rgba(212,168,42,.18)}
/* [ams-v138-css] */
/* ===== 1.9.138 ===== */
#navVen{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#lpMenu.lp-w{width:min(304px,calc(100vw - 24px))}
/* Baobab : menus d'appui long (loupe, Vendre, Acheter) = pastilles rondes de 32 px, vert et or */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu{background:linear-gradient(160deg,rgba(14,70,36,.98),rgba(3,20,12,.99));border:1.5px solid rgba(232,190,70,.7);box-shadow:0 18px 40px -12px rgba(0,0,0,.7),0 0 18px rgba(255,200,60,.12)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-h{color:#ffe28a}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-o,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-o.v{gap:12px;padding:9px 12px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-o i,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-o.v i{width:var(--bbs,32px);height:var(--bbs,32px);min-width:var(--bbs,32px);border-radius:50%;border:1.5px solid transparent;box-sizing:border-box;background:var(--bbt) padding-box,var(--bbg) border-box;box-shadow:0 0 9px rgba(255,200,60,.28),inset 0 1px 0 rgba(255,255,255,.22)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-o svg{width:17px;height:17px;stroke:var(--bbgl,#ffd54a);color:var(--bbgl,#ffd54a);filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-o b{color:#f6fbee;font-size:15px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-o small{color:#a8c9a0}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-o.hot,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] #lpMenu .lp-o:active{background:rgba(31,157,70,.24)}
/* Baobab : boutons de bas de fenêtre = grands boutons arrondis (rouge à gauche, vert à droite) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] .sheet .form-actions{gap:16px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] :is(.sheet .form-actions,.ams-bs .dc-act) button{height:52px!important;min-height:52px!important;border-radius:28px!important;font:800 16px system-ui,-apple-system,sans-serif!important;border:0!important;color:#fff!important;box-shadow:0 8px 18px -8px rgba(0,0,0,.65)!important;flex:1}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] :is(.sheet .form-actions .danger,.sheet .form-actions .cancel:not(:only-child),.ams-bs:not(.dg) .dc-act button:not(.ok)){background:linear-gradient(145deg,#FB7185,#EF4444 50%,#DC2626)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] :is(.sheet .form-actions .save,.sheet .form-actions .ok,.sheet .form-actions .neu,.ams-bs:not(.dg) .dc-act .ok){background:linear-gradient(145deg,#22C55E,#16A34A 55%,#15803D)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] :is(.sheet .form-actions .cancel:only-child,.ams-bs.dg .dc-act button:not(.ok)){background:rgba(8,44,24,.95)!important;border:1.5px solid rgba(212,168,42,.55)!important;color:#ffe9a6!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] .ams-bs.dg .dc-act .ok{background:linear-gradient(145deg,#FB7185,#EF4444 50%,#DC2626)!important}
/* Baobab : confirmations = feuille du bas, comme la fenêtre « Retirer / OK » */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] .dc-dlg.ams-bs{align-items:flex-end!important;justify-content:center;background:rgba(0,0,0,.55)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] .dc-dlg.ams-bs .dc-dc{width:100%;max-width:480px;margin:0 auto;border-radius:28px 28px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px));background:var(--card);border:1.5px solid rgba(232,190,70,.55);border-bottom:0;box-shadow:0 -20px 50px -20px rgba(0,0,0,.6)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] .dc-dlg.ams-bs .dc-dc::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:rgba(246,251,238,.35);margin:2px auto 16px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] .ams-bs h4{font-size:20px;font-weight:800;color:#fff;margin:0 0 8px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] .ams-bs .sub{color:#a8c9a0;font-size:14px;margin-bottom:18px;line-height:1.4}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] .ams-bs .dc-act{display:flex;gap:16px}
/* [ams-v139-css] */
/* ===== 1.9.139 : (1) Dépenser / Autres revenus suivent le thème Baobab (plus de rouge) ;
   (2) boutons de validation ✓ et ✕ des feuilles : 32 px, couleurs du thème ===== */
/* (1) accent Baobab : l'or du bouton central remplace le rouge/vert « fonctionnel » dans les pages Dépenser et Revenus */
html body[data-th="baobab"] #pgDep,html body[data-th="baobab"] #pgRev{--ko:#ffd54a;--kob:rgba(255,213,74,.16);--ok:#ffd54a;--okb:rgba(255,213,74,.16);--mc:#ffd54a;--mcb:rgba(255,213,74,.16);--fxc:#ffd54a}
/* Fix lisibilité quantité panier (thème baobab) : fond sombre + chiffre doré */
html body[data-th="baobab"] #pgPOS .ci .cq i,html body[data-th="baobab"] #pgDep .ci .cq i,html body[data-th="baobab"] #pgRev .ci .cq i{background:#082414!important;color:#ffd54a!important;border:1.5px solid rgba(255,213,74,.55);font-weight:900;font-size:17px;text-shadow:none}
/* Fix lisibilité thème baobab : fonds « info » clairs -> vert foncé (Mouvement de stock, Synchronisation, notes, boutons secondaires) */
html body[data-th="baobab"]{--inb:#0c2a18}
html body[data-th="baobab"] #mvPg{background:linear-gradient(180deg,#0c2a18 0%,#03100a 60%)}
html body[data-th="baobab"] .s2hero{background:linear-gradient(160deg,#0f4d26,#082414);border:1.5px solid rgba(255,213,74,.45)}
html body[data-th="baobab"] .s2hero b{color:#fff}
html body[data-th="baobab"] .s2hero span:not(.hi){color:#a8c9a0}
/* Fix lisibilité : cartes Entrées/Sorties (Trésorerie, rapports) en thème baobab */
html body[data-th="baobab"] .grid .k{background:linear-gradient(160deg,#10321f,#0a2214)!important;border:1px solid rgba(255,213,74,.35)!important}
html body[data-th="baobab"] .grid .k .l{color:#b9d9b0!important}
/* Fix lisibilité : liens de l'écran de connexion */
.amsH .gl{color:#16803a}
html body[data-th="baobab"] .amsH .gl{color:#8ee6a8}
html body[data-th="baobab"] #pgDep .pos-cats button.on,html body[data-th="baobab"] #pgRev .pos-cats button.on{background:var(--bbg,#ffd54a)!important;color:#052012!important;box-shadow:0 6px 14px -6px rgba(255,213,74,.55)!important}
html body[data-th="baobab"] #pgDep .pcell .thumb,html body[data-th="baobab"] #pgRev .pcell .thumb,html body[data-th="baobab"] #pgDep .ci .thumb,html body[data-th="baobab"] #pgRev .ci .thumb{background:linear-gradient(145deg,#0f4d26,#052012)!important;color:#ffd54a!important;box-shadow:inset 0 0 0 1.5px rgba(212,168,42,.6)}
html body[data-th="baobab"] #pgDep .pcell .pr,html body[data-th="baobab"] #pgRev .pcell .pr,html body[data-th="baobab"] #pgDep .pos-cart .up,html body[data-th="baobab"] #pgRev .pos-cart .up,html body[data-th="baobab"] #pgDep .ci .cmid>b+span,html body[data-th="baobab"] #pgRev .ci .cmid>b+span{color:#ffd54a!important}
html body[data-th="baobab"] #pgDep .stock-badge,html body[data-th="baobab"] #pgRev .stock-badge{background:var(--bbg,#ffd54a)!important;color:#052012!important}
/* boutons − / + / corbeille du panier : mêmes pastilles que Vendre (vert pâle, corbeille rose) */
html body[data-th="baobab"] #pgDep .qbtn,html body[data-th="baobab"] #pgRev .qbtn{background:#e8f7ec!important;color:#16A34A!important}
html body[data-th="baobab"] #pgDep .qbtn svg,html body[data-th="baobab"] #pgRev .qbtn svg{stroke:#16A34A!important}
html body[data-th="baobab"] #pgDep .pos-total .block,html body[data-th="baobab"] #pgRev .pos-total .block{background:transparent!important}
html body[data-th="baobab"] #pgDep .pos-total .amt,html body[data-th="baobab"] #pgRev .pos-total .amt{color:#ffd54a!important}
/* bouton central de la barre pendant une dépense : toujours l'or Baobab (plus de gris ni de rouge) */
html body[data-th="baobab"].fx-dep nav .fab button,html body[data-th="baobab"].fx-rev nav .fab button,html body[data-th="baobab"].fx-dep.fx-has nav .fab button,html body[data-th="baobab"].pos-active.fx-dep nav .fab button,html body[data-th="baobab"].pos-active.fx-rev nav .fab button{background:var(--bbg,linear-gradient(135deg,#fff0b8,#c9a227 45%,#ffe28a))!important;box-shadow:0 10px 20px -8px rgba(255,213,74,.55)!important}
/* (2) boutons ✓ / ✕ : 32 px, ronds, même style partout (feuilles Affichage, filtres, mode rapide, brouillons) */
html body .vp .vpf{gap:14px}
html body .vp .vpf button,html body .vr-fx button,html body .mdr-b{width:32px!important;height:32px!important;min-width:32px;border-radius:50%!important;padding:0!important;border:0}
html body .vp .vpf svg,html body .vr-fx button svg,html body .mdr-b svg{width:16px!important;height:16px!important;stroke-width:2.6}
html body .vr-fx{gap:14px}
html body[data-th="baobab"] .vp .vpf .vx,html body[data-th="baobab"] .vr-fx .vxb{background:linear-gradient(145deg,#0f4d26,#052012)!important;color:#ffd54a!important;border:1.5px solid #d4a82a!important;box-shadow:none!important}
html body[data-th="baobab"] .vp .vpf .vo,html body[data-th="baobab"] .vp .vpf .vo.neu,html body[data-th="baobab"] .vr-fx .vok{background:var(--bbg,linear-gradient(135deg,#fff0b8,#c9a227 45%,#ffe28a))!important;color:#052012!important;border:0!important;box-shadow:0 4px 10px -4px rgba(255,213,74,.6)!important;opacity:.78}
html body[data-th="baobab"] .vp .vpf .vo.chg,html body[data-th="baobab"] .vr-fx .vok.vchg{opacity:1}
/* [ams-v139-css2] */
/* 1.9.139 : champs affichés dans Vendre (masquage prix / stock) et ligne d'infos des vues images */
/* feuille Affichage de Vendre (thème Baobab) : case choisie lisible (anneau or, texte clair), plus de fond blanc */
html body[data-th="baobab"] #shView .viewopt{background:rgba(255,255,255,.03)!important;border:1.5px solid rgba(45,106,60,.7)!important;box-shadow:none!important}
html body[data-th="baobab"] #shView .viewopt b{color:#f6fbee!important}
html body[data-th="baobab"] #shView .viewopt.on{background:rgba(255,213,74,.12)!important;border-color:#ffd54a!important;box-shadow:0 0 14px -4px rgba(255,213,74,.55)!important}
html body[data-th="baobab"] #shView .viewopt.on b{color:#ffd54a!important}
html body[data-th="baobab"] #shView .viewopt .vpi{background:linear-gradient(145deg,#0f4d26,#052012)!important;border:1.5px solid #d4a82a}
html body[data-th="baobab"] #shView .viewopt .vpi svg{stroke:#ffd54a!important}
/* icônes des Réglages et pastilles : la couleur du bouton central (publiée par le script dans --fabbg) */
html body:not([data-th="baobab"]) .srow .sic{background:var(--fabbg,var(--inb))!important;color:#fff!important}
#posGrid[data-fpr="0"] .pcell .pr{display:none!important}
#fxG_dep[data-fpr="0"] .pcell .pr,#fxG_rev[data-fpr="0"] .pcell .pr{display:none!important}
#posGrid[data-fst="0"] .pcell .pq,#posGrid[data-fst="0"] .pcell .stock-badge{display:none!important}
#fxG_dep[data-fst="0"] .pcell .pq,#fxG_rev[data-fst="0"] .pcell .pq,#fxG_dep[data-fst="0"] .pcell .stock-badge,#fxG_rev[data-fst="0"] .pcell .stock-badge{display:none!important}
#posGrid .pcell .tdet.v139{display:block;font-size:10px;line-height:1.25;color:var(--mu2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#fxG_dep .pcell .tdet.v139,#fxG_rev .pcell .tdet.v139{display:block;font-size:10px;line-height:1.25;color:var(--mu2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.fx-clip svg{width:17px;height:17px;fill:none;stroke:var(--pr);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* [ams-v142-css] */
/* 1.9.143 */
/* B) Vendre / Acheter : sélecteur de catégorie dans l'en-tête de liste */
html body #pgPOS{--fxc:var(--pr)}
html body[data-th="baobab"] #pgPOS{--fxc:#ffd54a}
html body #pgPOS .pos-cat-head{display:flex!important;align-items:center;gap:8px;padding:0 8px 6px 10px!important;min-height:0}
html body #pgPOS .pos-cat-head>b{display:none!important}
html body #pgPOS .pos-cat-head .vw[onclick^="openViewPicker"]{display:flex!important;flex:none}
html body #posViewFab{display:none!important}
html body #pgPOS .fx-cw{flex:1 1 auto;min-width:0}
html body #pgPOS .fx-catb{display:flex;align-items:center;gap:6px;max-width:100%;height:40px;padding:0 14px;border:0;border-radius:999px;background:var(--fxc);color:#fff;font:800 13px system-ui,sans-serif}
html body #pgPOS .fx-catb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #pgPOS .fx-catb svg{width:12px;height:12px;flex:none;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* texte sombre sur le jaune du thème Opfico (Vendre, Acheter, Dépenser, Revenus) */
html body[data-th="baobab"] :is(#pgPOS,#pgDep,#pgRev) .fx-catb{color:#1c1503!important}
html body #pgPOS .pos-cat-head .vw span{display:none}
html body #pgPOS .pos-cat-head .vw{width:40px;height:40px;padding:0;justify-content:center}
/* A) champs affichés Dépenser / Revenus */
.pos-grid[data-fpr="0"] .pcell .pr{display:none!important}
.pos-grid[data-fct="0"] .pcell .cat{display:none!important}
/* C) accueil Opfico */
#flHome .fl-sb{display:flex;flex:none;margin:0 0 12px;--sb-h:50px;box-shadow:none}
#flHome .fl-sb input{pointer-events:none;cursor:pointer}
body[data-th="baobab"] .bb-tr{border:1.5px solid #d4a82a}
body[data-th="baobab"] .bb-tr::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,20,10,.85) 0%,rgba(3,20,10,.6) 46%,transparent 76%)}
body[data-th="baobab"] .bb-tr .in{max-width:72%;gap:7px;padding:14px}
body[data-th="baobab"] .bb-tr .r1{align-items:center;gap:6px 9px;flex-wrap:wrap;padding-right:34px}
body[data-th="baobab"] .bb-tr .bb-per{display:flex;flex-direction:column;gap:2px;text-transform:none;letter-spacing:0;min-width:0;flex:1 0 60%;opacity:1;color:#fff}
body[data-th="baobab"] .bb-per .t1{font-weight:900;font-size:13.5px;letter-spacing:.8px;text-transform:uppercase;color:#fff}
body[data-th="baobab"] .bb-per .t2{font-weight:700;font-size:11.5px;color:#ffd54a}
body[data-th="baobab"] .bb-tr .r1 .fl-pill{flex:none;order:3;margin-left:0}

body[data-th="baobab"] .bb-tr .fl-amt{font-size:clamp(30px,10vw,42px)}
body[data-th="baobab"] .bb-me{gap:6px}
body[data-th="baobab"] .bb-me i{display:none}
body[data-th="baobab"] .bb-me>span:not(.fl-pill){display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:rgba(3,20,10,.66);border:1px solid rgba(255,213,74,.4);font-size:12px;white-space:nowrap}
body[data-th="baobab"] .bb-me>span:nth-of-type(1)::before{content:"\2193";color:#3df08a;font-weight:900}
body[data-th="baobab"] .bb-me>span:nth-of-type(2)::before{content:"\2191";color:#ff6b85;font-weight:900}
.fl-seg{display:flex;gap:3px;margin:10px 0 0;padding:4px;border-radius:16px;border:1.5px solid rgba(212,168,42,.6);background:rgba(3,24,13,.8)}
.fl-seg button{flex:1 1 auto;border:0;background:none;color:#a8c9a0;font:700 12px/1 system-ui,sans-serif;height:36px;padding:0 6px;border-radius:12px;white-space:nowrap}
.fl-seg button.on{background:linear-gradient(135deg,#fff0b8,#ffc93c 55%,#d4a82a);color:#1c1503;box-shadow:0 4px 12px -4px rgba(255,201,60,.6)}
/* D) taille du texte */
.fs-list{display:flex;flex-direction:column;gap:10px;margin:4px 0}
.fs-o{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:16px;background:var(--card);border:1.5px solid var(--bd);color:var(--tx);font:inherit}
.fs-o.on{border-color:var(--pr);box-shadow:0 0 0 3px color-mix(in srgb,var(--pr) 18%,transparent)}
.fs-aa{width:44px;text-align:center;font-weight:800;color:var(--pr);flex:none}
.fs-t{flex:1;min-width:0;display:flex;flex-direction:column}
.fs-t b{font-size:15px}
.fs-t small{color:var(--mu);font-size:12px}
.fs-p{color:var(--mu);font-weight:700;font-size:12.5px}
.fs-ck{width:22px;height:22px;fill:none;stroke:var(--pr);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;flex:none}
.fs-o.on .fs-ck{opacity:1}
.fs-ico{font:800 17px/1 system-ui,sans-serif;color:#fff}
body[data-th="baobab"] .fs-o.on{border-color:#ffd54a}
body[data-th="baobab"] .fs-aa,body[data-th="baobab"] .fs-o.on .fs-ck{color:#ffd54a;stroke:#ffd54a}
/* [v143-css] */
/* 1.9.143 · ✓ ✕ neutres, boutons d'affichage et flottants uniformes, Dépenser/Revenus compacts */
html body:not(#a1):not(#a2):not(#a3):not(#a4):not(#a5):not(#a6):not(#a7):not(#a8):not(#a9):not(#b1):not(#b2):not(#b3) :is(.vp .vpf .vx,.vr-fx .vxb,.peact .qx){background:color-mix(in srgb,var(--tx,#fff) 13%,transparent)!important;color:var(--mu,#94a3b8)!important;border:0!important;box-shadow:none!important;opacity:1!important}
html body:not(#a1):not(#a2):not(#a3):not(#a4):not(#a5):not(#a6):not(#a7):not(#a8):not(#a9):not(#b1):not(#b2):not(#b3) :is(.vp .vpf .vo,.vp .vpf .vo.neu,.vr-fx .vok,.peact .pego){background:color-mix(in srgb,var(--tx,#fff) 13%,transparent)!important;color:var(--mu,#94a3b8)!important;border:0!important;box-shadow:none!important;opacity:1!important}
html body:not(#a1):not(#a2):not(#a3):not(#a4):not(#a5):not(#a6):not(#a7):not(#a8):not(#a9):not(#b1):not(#b2):not(#b3) :is(.vp .vpf .vo.chg,.vp .vpf .vo.neu.chg,.vr-fx .vok.vchg,.peact .pego.chg){background:var(--pr,#16A34A)!important;color:#fff!important;box-shadow:0 6px 14px -6px var(--pr,#16A34A)!important}
html body:not(#a1):not(#a2):not(#a3):not(#a4):not(#a5):not(#a6):not(#a7):not(#a8):not(#a9):not(#b1):not(#b2):not(#b3)[data-th="baobab"] :is(.vp .vpf .vo.chg,.vp .vpf .vo.neu.chg,.vr-fx .vok.vchg,.peact .pego.chg){background:var(--bbg,linear-gradient(135deg,#fff0b8,#c9a227 45%,#ffe28a))!important;color:#052012!important;box-shadow:0 6px 14px -6px rgba(212,168,42,.7)!important}
html body .peact .pego,html body .peact .qx{transition:background .25s,color .25s}
html body :is(.vp .vpf .vx,.vp .vpf .vo,.vr-fx .vxb,.vr-fx .vok,.peact .qx,.peact .pego) svg{stroke:currentColor!important}
/* bouton d'affichage identique au filtre/tri, sur les 4 pages */
html body :is(#pgPOS,#pgDep,#pgRev) .pos-cat-head .vw{flex:none;width:34px!important;height:34px!important;min-width:34px;padding:0!important;border-radius:var(--ir,50%);display:grid!important;place-items:center;line-height:0;box-shadow:var(--sh)}
html body:not([data-th="baobab"]) :is(#pgPOS,#pgDep,#pgRev) .pos-cat-head .vw{background:var(--card)!important;border:1px solid var(--bd)!important;color:var(--mc,var(--pr))!important}
html body :is(#pgPOS,#pgDep,#pgRev) .pos-cat-head .vw svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9}
html body :is(#pgPOS,#pgDep,#pgRev) .pos-cat-head .vw span{display:none}
html body:not([data-th="baobab"]) #pgDep :is(.pt-b),html body:not([data-th="baobab"]) #pgRev :is(.pt-b){color:var(--mc,var(--pr))}
/* boutons flottants Dépenser/Revenus (comme Vendre) */
html body :is(#pgDep,#pgRev) .pos-cart-head .ch-hist,html body :is(#pgDep,#pgRev) .pos-cart-head .fx-clip{display:none!important}
html body :is(#pgDep,#pgRev) .fx-float{position:absolute;left:12px;z-index:5;display:flex;gap:8px;transition:opacity .25s;bottom:12px}
html body :is(#pgDep,#pgRev) .fx-float button{position:static;padding:0;border:0;border-radius:var(--ir,50%);display:grid;place-items:center;line-height:0;box-shadow:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html body:not([data-th="baobab"]) :is(#pgDep,#pgRev) .fx-float button{background:var(--mcb,var(--inb));color:var(--mc,var(--pr))}
html body :is(#pgDep,#pgRev) .fx-float button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body :is(#pgDep,#pgRev) .fx-float button:active{transform:scale(.92)}
html body:not(.fb-act) :is(#pgDep,#pgRev) .fx-float{opacity:0;pointer-events:none}
html body :is(#pgDep,#pgRev) .fx-float .fx-sfab{opacity:1!important;pointer-events:auto!important}
/* 1.9.148 : la liste reprend celle de Vendre (aucune taille propre) */
html body :is(#pgDep,#pgRev) .pos-cart-head .pc-st{font-size:10.5px}
html body :is(#pgDep,#pgRev) .pos-total .amt{font-size:15px}
/* 1.9.148 · Dépenser / Revenus : mêmes boutons flottants que Vendre */
html body :is(#pgDep,#pgRev) .pos-dr{display:none!important}
html body :is(#pgDep,#pgRev) .pos-cart-card{position:relative}
html body :is(#pgDep,#pgRev) .pos-cart-card .pos-cart-list{padding-bottom:50px}

html body :is(#pgDep,#pgRev) .fx-float button{width:32px;height:32px;min-width:32px}
html body :is(#pgDep,#pgRev) .fx-cfabs{position:absolute;left:8px;right:8px;bottom:8px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none;transition:opacity .25s}
html body :is(#pgDep,#pgRev) .fx-cfabs>button{pointer-events:auto;position:relative;flex:none;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:var(--ir,50%);display:grid;place-items:center;line-height:0;background:var(--mcb,var(--inb));color:var(--mc,var(--pr));-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;transition:transform .15s,background .2s,color .2s}
html body :is(#pgDep,#pgRev) .fx-cfabs>button:active{transform:scale(.92)}
html body :is(#pgDep,#pgRev) .fx-cfabs>button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body :is(#pgDep,#pgRev) .fx-cfabs>button.has::after{content:"";position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--ok,#16A34A);box-shadow:0 0 0 2px var(--card,#fff)}
html body:not(.fb-act) :is(#pgDep,#pgRev) .fx-cfabs{opacity:0}
/* le bénéficiaire est maintenant dans le panier : l'ancien bouton flottant disparaît */
html body:not(#zq1):not(#zq2):not(#zq3):not(#zq4):not(#zq5):not(#zq6):not(#zq7):not(#zq8):not(#zq9) #pgDep .pos-act #amsTgW_dep,html body:not(#zq1):not(#zq2):not(#zq3):not(#zq4):not(#zq5):not(#zq6):not(#zq7):not(#zq8):not(#zq9) #pgRev .pos-act #amsTgW_rev{display:none!important}
/* liste sans image : même rendu que Vendre */
html body :is(#pgDep,#pgRev) .pos-grid[data-v="text"] .pcell .thumb{display:none}
/* initiales d'un article sans photo, lisibles dans toutes les vues */
html body:not(#zq1):not(#zq2):not(#zq3) :is(#pgDep,#pgRev) .pos-grid .pcell .fx-th{font-size:calc(18px * var(--fsx,1))!important;font-weight:800;line-height:1}
html body:not(#zq1):not(#zq2):not(#zq3) :is(#pgDep,#pgRev) .pos-grid[data-v="table"] .pcell .fx-th{font-size:calc(13px * var(--fsx,1))!important}
/* photo d'article */
.fx-th{position:relative;overflow:hidden}
.fx-th img{position:absolute;inset:0}
/* [kp-opfico] */
/* Indicateurs clés aux couleurs d'Vyamin Baobab : vert profond + or */
.kp-head{position:sticky;top:-10px;z-index:3;margin:-10px -16px 12px;padding:10px 16px 8px;background:inherit}
body[data-th="baobab"] .kps{background:linear-gradient(180deg,#0b3a1d 0,#05180d 38%,#03100a 100%);border:1.5px solid transparent;border-bottom:0;background:linear-gradient(180deg,#0b3a1d 0,#05180d 38%,#03100a 100%) padding-box,linear-gradient(180deg,#ffe28a,#c9a227 40%,rgba(201,162,39,.15)) border-box;box-shadow:0 -18px 50px -16px rgba(255,201,60,.35),0 -24px 60px -20px rgba(0,0,0,.6)}
body[data-th="baobab"] .kp-grab{background:#d4a82a;opacity:.7}
body[data-th="baobab"] .kp-head{background:#0b3a1d}
body[data-th="baobab"] .kp-head b{font-weight:900;background:linear-gradient(90deg,#fff 0%,#ffe9a6 55%,#ffc93c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-th="baobab"] .kp-head small{color:#ffd54a;font-style:italic}
body[data-th="baobab"] .kp-x{background:linear-gradient(160deg,rgba(255,213,74,.22),rgba(5,32,18,.95));border:1.5px solid #d4a82a;color:#ffe9a6;box-shadow:0 0 12px rgba(255,201,60,.3)}
body[data-th="baobab"] .kp-seg{background:rgba(3,20,12,.75);border:1px solid rgba(212,168,42,.55);box-shadow:none}
body[data-th="baobab"] .kp-seg button{color:#a8c9a0}
body[data-th="baobab"] .kp-ind{background:linear-gradient(135deg,#fff0b8,#ffc93c 55%,#d4a82a);box-shadow:0 4px 12px -4px rgba(255,201,60,.6)}
body[data-th="baobab"] .kp-seg button.on{color:#1c1503}
body[data-th="baobab"] .kp-hero{background:linear-gradient(160deg,rgba(18,96,48,.98),rgba(3,24,13,.99)) padding-box,linear-gradient(135deg,#fff0b8 0%,#c9a227 38%,#ffe28a 70%,#fff6d0 100%) border-box;border:1.5px solid transparent;box-shadow:0 0 20px rgba(255,201,60,.2),inset 0 1px 0 rgba(255,255,255,.2)}
body[data-th="baobab"] .kp-hero.neg{background:linear-gradient(160deg,rgba(120,20,40,.98),rgba(30,4,12,.99)) padding-box,linear-gradient(135deg,#fff0b8,#c9a227 50%,#ffe28a) border-box}
body[data-th="baobab"] .kp-hero::before{background:radial-gradient(circle,rgba(255,213,74,.3),transparent 68%)}
body[data-th="baobab"] .kp-hr{color:#fff}
body[data-th="baobab"] .kp-hr .kp-ic{background:rgba(255,213,74,.2);color:#ffd54a;border:1px solid rgba(255,213,74,.5)}
body[data-th="baobab"] .kp-hr svg{stroke:#ffd54a}
body[data-th="baobab"] .kp-hv b{background:linear-gradient(180deg,#fff,#ffe9a6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
body[data-th="baobab"] .kp-hv i,body[data-th="baobab"] .kp-sp{color:#ffd54a}
body[data-th="baobab"] .kp-spark .a{fill:rgba(255,213,74,.16)}
body[data-th="baobab"] .kp-spark .l{stroke:#ffd54a}
body[data-th="baobab"] .kp-card{background:linear-gradient(160deg,rgba(16,82,42,.96),rgba(3,24,13,.98)) padding-box,linear-gradient(135deg,#fff0b8 0%,#c9a227 38%,#ffe28a 70%,#fff6d0 100%) border-box;border:1.5px solid transparent;box-shadow:0 0 16px rgba(255,201,60,.14),inset 0 1px 0 rgba(255,255,255,.16)}
body[data-th="baobab"] .kp-card.alert{background:linear-gradient(160deg,rgba(16,82,42,.96),rgba(3,24,13,.98)) padding-box,linear-gradient(135deg,#ffb4c0,#e5173f 50%,#ffd0d8) border-box}
body[data-th="baobab"] .kp-top{color:#cfe4c6}
body[data-th="baobab"] .t-ok .kp-ic,body[data-th="baobab"] .t-mu .kp-ic{background:rgba(61,240,138,.14);color:#3df08a}
body[data-th="baobab"] .t-ko .kp-ic{background:rgba(255,107,133,.15);color:#ff6b85}
body[data-th="baobab"] .kp-v b{color:#fff}
body[data-th="baobab"] .kp-v i{color:#ffd54a}
body[data-th="baobab"] .kp-tr{color:#a8c9a0}
body[data-th="baobab"] .kp-rel{background:#e5173f}
body[data-th="baobab"] .kp-b1{background:linear-gradient(135deg,#fff0b8,#ffc93c 55%,#d4a82a);color:#1c1503;box-shadow:0 8px 20px -8px rgba(255,201,60,.65)}
body[data-th="baobab"] .kp-b2{background:rgba(3,20,12,.7);color:#ffe9a6;border:1.5px solid #d4a82a!important;box-shadow:0 0 12px rgba(255,201,60,.18)}
/* [dc-fam-css] */
.dc-fam{display:flex;gap:6px;padding:0 14px 8px}
.dc-fam button{flex:1 1 auto;min-width:0;padding:10px 7px;border-radius:14px;font-weight:800;font-size:12px;line-height:1.15;color:var(--mu);background:var(--bg2);border:1px solid var(--bd);white-space:nowrap}
.dc-fam button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.dc-tot{display:none;gap:8px;padding:0 14px 6px}
.dc-tot.on{display:flex}
.dc-tot div{flex:1 1 0;min-width:0;padding:9px 12px;border-radius:14px;background:var(--card);border:1px solid var(--bd)}
.dc-tot small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--mu)}
.dc-tot b{display:block;font-size:15px;font-weight:800;margin-top:2px}
.dc-lines#fxDL .dc-ic{border-radius:10px!important;background:var(--inb)!important;color:var(--pr)!important;box-shadow:none!important;border:0!important;overflow:hidden!important;width:40px;height:40px}
.dc-lines#fxDL .dc-ic::before{display:none!important}
.dc-lines#fxDL .dc-ic svg{stroke:var(--pr)!important;color:var(--pr);width:20px;height:20px}
.dc-lines#fxDL .dc-row{touch-action:pan-y}
.fq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-height:150px;overflow:auto}
.fq-chip{padding:8px 14px;border-radius:999px;border:1px solid var(--bd);background:var(--card);color:var(--tx);font-weight:700;font-size:13.5px}
.fx-fabs{position:fixed;left:14px;right:14px;bottom:calc(98px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;z-index:5;pointer-events:none}
.fx-fabs>*{pointer-events:auto}
.fx-fb{height:44px;min-width:44px;border-radius:var(--r1);background:var(--card);color:var(--pr);border:1px solid var(--bd);display:grid;place-items:center;padding:0;line-height:0;box-shadow:var(--sh2)}
.fx-fb svg{width:21px;height:21px;stroke:var(--pr);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fx-fb.fx-vw{display:flex;align-items:center;gap:7px;padding:0 14px 0 12px;border-radius:22px;background:var(--inb);border:0;box-shadow:none;font:800 13px system-ui,sans-serif;line-height:1}
.fx-fb.fx-ad{border:0}
.fx-fb.fx-ad svg{stroke:#fff}
#fxDL[data-v="text"] .dc-ic{display:none}
html body:not(#z) #fxDL .dc-ic{border-radius:10px!important;background:var(--inb)!important;color:var(--pr)!important;box-shadow:none!important;border:0!important;overflow:hidden!important;isolation:auto}
html body:not(#z) #fxDL .dc-ic::before{display:none!important}
html body:not(#z) #fxDL .dc-ic svg{stroke:var(--pr)!important;color:var(--pr)}
html body:not(#z) #fxDL .dc-ic img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

html body:not(#z) #fxDL[data-v="text"] .dc-m span{font-size:10.5px}

html body:not(#z) #fxDL[data-v="table"] .dc-ic{width:34px;height:34px}
html body:not(#z) #fxDL[data-v="table"] .dc-ic svg{width:18px;height:18px}
html body:not(#z) #fxDL[data-v="small"] .dc-ic{width:30px;height:30px;border-radius:9px!important}
html body:not(#z) #fxDL[data-v="small"] .dc-ic svg{width:16px;height:16px}
html body:not(#z) #fxDL[data-v="small"] .dc-row{padding-top:6px;padding-bottom:6px}
html body:not(#z) #fxDL[data-v="grid"] .dc-ic{width:46px;height:46px;border-radius:12px!important}
html body:not(#z) #fxDL[data-v="large"] .dc-ic{width:60px;height:60px;border-radius:14px!important}
html body:not(#z) #fxDL[data-v="large"] .dc-ic svg{width:28px;height:28px}

html body:not(#z) #fxDL[data-v="text"]{--nm:calc(17px * var(--fsx,1));--sb:calc(13px * var(--fsx,1))}
html body:not(#z) #fxDL[data-v="table"]{--nm:calc(14.5px * var(--fsx,1));--sb:calc(12px * var(--fsx,1))}
html body:not(#z) #fxDL[data-v="small"]{--cols:3;--gap:8px;--ih:84px;--ts:34px;--tr:12px;--nm:calc(12.5px * var(--fsx,1));--sb:calc(11px * var(--fsx,1));--pad:6px;--rad:16px}
html body:not(#z) #fxDL[data-v="grid"]{--cols:2;--gap:12px;--ih:120px;--ts:46px;--tr:14px;--nm:calc(14px * var(--fsx,1));--sb:calc(12px * var(--fsx,1));--pad:8px;--rad:18px}
html body:not(#z) #fxDL[data-v="large"]{--cols:1;--gap:14px;--ih:160px;--ts:64px;--tr:18px;--nm:calc(17px * var(--fsx,1));--sb:calc(13px * var(--fsx,1));--pad:10px;--rad:22px}
html body:not(#z) #fxDL[data-v="text"] .dc-m b,html body:not(#z) #fxDL[data-v="table"] .dc-m b,html body:not(#z) #fxDL[data-v="small"] .dc-m b,html body:not(#z) #fxDL[data-v="grid"] .dc-m b,html body:not(#z) #fxDL[data-v="large"] .dc-m b{font-size:var(--nm);font-weight:700;line-height:1.25;color:var(--tx);letter-spacing:-.1px;overflow-wrap:anywhere}
html body:not(#z) #fxDL[data-v="text"] .dc-r b,html body:not(#z) #fxDL[data-v="table"] .dc-r b,html body:not(#z) #fxDL[data-v="small"] .dc-r b,html body:not(#z) #fxDL[data-v="grid"] .dc-r b,html body:not(#z) #fxDL[data-v="large"] .dc-r b{font-size:var(--nm);font-weight:700;line-height:1.25;color:var(--tx);letter-spacing:-.1px;white-space:nowrap}
html body:not(#z) #fxDL[data-v="text"] .dc-m>span,html body:not(#z) #fxDL[data-v="table"] .dc-m>span,html body:not(#z) #fxDL[data-v="small"] .dc-m>span,html body:not(#z) #fxDL[data-v="grid"] .dc-m>span,html body:not(#z) #fxDL[data-v="large"] .dc-m>span,html body:not(#z) #fxDL[data-v="text"] .dc-r span,html body:not(#z) #fxDL[data-v="table"] .dc-r span,html body:not(#z) #fxDL[data-v="small"] .dc-r span,html body:not(#z) #fxDL[data-v="grid"] .dc-r span,html body:not(#z) #fxDL[data-v="large"] .dc-r span{display:block;font-size:var(--sb);font-weight:600;color:var(--mu);margin-top:3px;line-height:1.2}
html body:not(#z) #fxDL[data-v="text"] .dc-m>span:empty,html body:not(#z) #fxDL[data-v="table"] .dc-m>span:empty,html body:not(#z) #fxDL[data-v="small"] .dc-m>span:empty,html body:not(#z) #fxDL[data-v="grid"] .dc-m>span:empty,html body:not(#z) #fxDL[data-v="large"] .dc-m>span:empty{display:none}
html body:not(#z) #fxDL[data-v="text"] .dc-row{border-radius:0;background:var(--bg);margin:0;padding:13px 4px;gap:14px;min-height:0;border:0;border-bottom:1px solid var(--bd);box-shadow:none}
html body:not(#z) #fxDL[data-v="table"] .dc-row{background:var(--card);border:1px solid var(--bd);border-radius:var(--r1);margin:0 0 8px;padding:8px 10px;min-height:56px;gap:10px;box-shadow:none}
html body:not(#z) #fxDL[data-v="table"] .dc-m b{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body:not(#z) #fxDL[data-v="small"],html body:not(#z) #fxDL[data-v="grid"],html body:not(#z) #fxDL[data-v="large"]{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:max-content;gap:var(--gap);align-content:start;padding:6px 14px 96px}
html body:not(#z) #fxDL[data-v="small"] .dc-row,html body:not(#z) #fxDL[data-v="grid"] .dc-row,html body:not(#z) #fxDL[data-v="large"] .dc-row{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto!important;min-height:0;max-height:none;flex:none;margin:0;padding:var(--pad);background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 18px -12px rgba(15,23,42,.25);overflow:hidden;position:relative;content-visibility:visible;contain:none}
html body:not(#z) #fxDL[data-v="small"] .dc-row>*+*,html body:not(#z) #fxDL[data-v="grid"] .dc-row>*+*,html body:not(#z) #fxDL[data-v="large"] .dc-row>*+*{margin-left:0}
html body:not(#z) #fxDL[data-v="small"] .dc-row .dc-ic,html body:not(#z) #fxDL[data-v="grid"] .dc-row .dc-ic,html body:not(#z) #fxDL[data-v="large"] .dc-row .dc-ic{display:grid!important;place-items:center;position:relative;overflow:hidden;flex:none;width:100%!important;min-width:0!important;height:var(--ih)!important;min-height:0!important;padding:0;margin:0;border-radius:var(--tr)!important}
html body:not(#z) #fxDL[data-v="small"] .dc-ic img,html body:not(#z) #fxDL[data-v="grid"] .dc-ic img,html body:not(#z) #fxDL[data-v="large"] .dc-ic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
html body:not(#z) #fxDL[data-v="small"] .dc-row .dc-ic svg,html body:not(#z) #fxDL[data-v="grid"] .dc-row .dc-ic svg,html body:not(#z) #fxDL[data-v="large"] .dc-row .dc-ic svg{position:static;width:var(--ts)!important;height:var(--ts)!important;max-width:none;max-height:none;margin:0}
html body:not(#z) #fxDL[data-v="small"] .dc-m,html body:not(#z) #fxDL[data-v="grid"] .dc-m,html body:not(#z) #fxDL[data-v="large"] .dc-m{flex:none;min-width:0;padding:7px 2px 0}
html body:not(#z) #fxDL[data-v="small"] .dc-m b,html body:not(#z) #fxDL[data-v="grid"] .dc-m b,html body:not(#z) #fxDL[data-v="large"] .dc-m b{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body:not(#z) #fxDL[data-v="small"] .dc-m>span,html body:not(#z) #fxDL[data-v="small"] .dc-tm{display:none}
html body:not(#z) #fxDL[data-v="small"] .dc-m{text-align:center}
html body:not(#z) #fxDL[data-v="small"] .dc-r,html body:not(#z) #fxDL[data-v="grid"] .dc-r,html body:not(#z) #fxDL[data-v="large"] .dc-r{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:none;padding:3px 2px 2px;margin-top:0}
html body:not(#z) #fxDL[data-v="small"] .dc-r{align-items:center;text-align:center}
html body:not(#z) #fxDL[data-v="table"] .dc-r b,html body:not(#z) #fxDL[data-v="small"] .dc-r b,html body:not(#z) #fxDL[data-v="grid"] .dc-r b,html body:not(#z) #fxDL[data-v="large"] .dc-r b{font-size:var(--nm)!important}
/* [v158-css] */
/* 1.9.158 · boutons d'en-tête (cloche, synchro, réglages) : 32 px comme la loupe flottante, tous thèmes */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz) :is(.topbar .ib,.fl-hd .fl-nb){width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:var(--ir,50%)!important;flex:none}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz) :is(.topbar .ib,.fl-hd .fl-nb) svg{width:18px!important;height:18px!important}
html body .fl-hd{gap:8px}
html body .fl-hd .fl-nb .bd{top:-8px;right:-8px}
/* carte Trésorerie : format carte bancaire (85,6 × 54 mm) */
html body[data-th="baobab"] .bb-tr{aspect-ratio:1.586/1;min-height:0;border-radius:18px;border:1px solid rgba(255,226,138,.75);box-shadow:0 10px 24px -8px rgba(0,0,0,.65),0 0 18px rgba(255,201,60,.2),inset 0 1px 0 rgba(255,255,255,.35)}
html body[data-th="baobab"] .bb-tr::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.04) 28%,transparent 42%,transparent 70%,rgba(255,255,255,.07) 100%)}
html body[data-th="baobab"] .bb-tr .in{min-height:0;height:100%;box-sizing:border-box;padding:20px 16px 14px;justify-content:space-between;gap:0}
html body[data-th="baobab"] .bb-tr .r1{padding-right:44px;flex-wrap:nowrap}
html body[data-th="baobab"] .bb-tr .bb-per{flex:1 1 auto}
html body .bb-ib.bb-wal{position:relative;overflow:visible!important;margin-top:6px}
html body .fl-brand small{white-space:nowrap;font-size:clamp(9.5px,2.8vw,12px)}
.bb-wal .bb-crown{position:absolute;left:50%;top:-19px;width:38px;height:auto;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));pointer-events:none;z-index:3}
.bb-chip{display:block;width:40px;height:30px;border-radius:6px;flex:none;border:1px solid rgba(120,80,0,.6);background:linear-gradient(135deg,#fff0b8 0%,#e6b93c 45%,#b98412 100%),#e6b93c;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.bb-chip::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(110,70,0,.55);box-shadow:0 -7px 0 rgba(110,70,0,.4),0 7px 0 rgba(110,70,0,.4)}
.bb-chip::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(110,70,0,.55)}
.bb-nfc{position:absolute;z-index:3;top:16px;right:16px;width:28px;height:28px;fill:none;stroke:#ffe9a6;stroke-width:1.8;stroke-linecap:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
html body[data-th="baobab"] .bb-tr .fl-amt{letter-spacing:1px;text-shadow:0 1px 0 rgba(255,255,255,.25),0 3px 8px rgba(0,0,0,.6)}
.fl-amt.neg,.fl-amt.neg .fl-m{color:#ff4d5e}
html body[data-th="baobab"] .bb-tr .bb-me{gap:6px;flex-wrap:nowrap}
/* période : pas de cadre, juste le trait sous la sélection */
html body .fl-seg{padding:0;border:0;background:none;border-radius:0;gap:0;box-shadow:none;margin-top:12px}
html body .fl-seg button{height:34px;border-radius:0;background:none!important;box-shadow:none!important;color:#a8c9a0;border-bottom:2px solid transparent;padding:0 4px}
html body .fl-seg button.on{color:#ffd54a;border-bottom-color:#ffd54a}
/* [v157-css] */
/* 1.9.157 · boutons flottants : tous à 32 px, icônes de 18 px */
html body{--fb:32px}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz) :is(#amsTop,#amsBot,#amsBack,#marchSearchFab,.mfab,.msearch-fab,.mfabs>button,#posFloat button,#posCartFabs button,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.fx-sfab,.dc-fab,.dc-addbtn,#posClearBtn,.fx-clr),html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] :is(#amsTop,#amsBot,#amsBack,#marchSearchFab,.mfab,.msearch-fab,.mfabs>button,#posFloat button,#posCartFabs button,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.fx-sfab,.dc-fab,.dc-addbtn,#posClearBtn,.fx-clr){width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz) :is(#amsTop,#amsBot,#amsBack,#marchSearchFab,.mfab,.msearch-fab,.mfabs>button,#posFloat button,#posCartFabs button,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.fx-sfab,.dc-fab,.dc-addbtn,#posClearBtn,.fx-clr) svg,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz)[data-th="baobab"] :is(#amsTop,#amsBot,#amsBack,#marchSearchFab,.mfab,.msearch-fab,.mfabs>button,#posFloat button,#posCartFabs button,#posCliFab,#posDevFab,#posCDetFab,.fx-cb,.fx-sfab,.dc-fab,.dc-addbtn,#posClearBtn,.fx-clr) svg{width:18px!important;height:18px!important}
.fx-th .fx-emj{position:absolute;inset:0;display:grid;place-items:center;line-height:1;text-indent:0}
/* corbeille du panier (Dépenser / Revenus) */
html body :is(#pgDep,#pgRev) .fx-clr{display:grid;margin-left:auto;flex:none;padding:0;border:0;border-radius:var(--ir,50%);place-items:center;line-height:0;background:var(--kob);color:var(--ko);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .15s}
html body :is(#pgDep,#pgRev) .fx-clr svg{stroke:currentColor!important;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body :is(#pgDep,#pgRev) .fx-clr:active{transform:scale(.92)}
html body :is(#pgDep,#pgRev) .fx-clr.off{display:none}
html body :is(#pgDep,#pgRev) .fx-clr+.ch-hist{margin-left:0!important}
/* « Total à payer » : caché tant que le panier est vide */
html body :is(#pgDep,#pgRev) .pos-total.emp .block{display:none}
/* icônes d'articles illustrées (emoji par mot-clé) */
html body:not(#zq1):not(#zq2):not(#zq3):not(#zq4) :is(#pgDep,#pgRev) .fx-th.fx-em{font-size:calc(26px*var(--fsx,1))!important;font-weight:400;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
html body:not(#zq1):not(#zq2):not(#zq3):not(#zq4) :is(#pgDep,#pgRev) .pos-grid[data-v="table"] .pcell .fx-th.fx-em,html body:not(#zq1):not(#zq2):not(#zq3):not(#zq4) :is(#pgDep,#pgRev) .cth .fx-th.fx-em{font-size:calc(20px*var(--fsx,1))!important}
/* accueil : Trésorerie plus haute, couronne sur le sommet de l'arbre */
html body .bb-tr{min-height:204px}
html body .bb-tr .in{min-height:204px}
.bb-crown{position:absolute;z-index:1;left:61%;top:-2px;width:64px;height:auto;transform:translateX(-50%) rotate(-3deg);pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.bb-pil .bb-pi.cime{width:96px}
.bb-pil .bb-pi.tronc{width:86px}
/* [v159-css] */
/* 1.9.159 : carte Trésorerie (émeraude, bordure et coin dorés, bordeaux si négatif) + courbe */
html body .bb-tr.tr2{background:linear-gradient(150deg,#0B3D22 0%,#06210f 55%,#0E4A2A 100%);border:1.5px solid #E7B93E;box-shadow:0 0 22px rgba(255,201,60,.28);aspect-ratio:auto;min-height:0}
html body .bb-tr.tr2::after{content:"";position:absolute;right:0;top:0;width:54px;height:54px;background:linear-gradient(225deg,#FFD66B 0,#E7B93E 45%,transparent 46%);opacity:.9;pointer-events:none;z-index:0}
html body .bb-tr.tr2>img.bg{opacity:.35}
html body .bb-tr.tr2.neg>img.bg{opacity:.12;filter:grayscale(1)}
html body .bb-tr.tr2.neg{border-color:#E7B93E;background:linear-gradient(150deg,#4A0E1C 0%,#2B0610 55%,#5A1426 100%)}
html body .bb-tr.tr2 .in{min-height:196px;height:auto;max-width:78%}
html body .bb-tr.tr2 .fl-amt{flex-wrap:nowrap;white-space:nowrap;min-width:0}
html body .bb-tr.tr2 .fl-amt .fl-m{font-size:clamp(22px,7.4vw,32px);white-space:nowrap}
.tr2-c{position:relative;z-index:2;margin:-6px 14px 12px}
.tr2-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;margin-bottom:2px}
.tr2-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font:800 11px/1.5 system-ui,sans-serif;color:#052e16;background:#4ADE80;white-space:nowrap}
.tr2-pill.dn{background:#FCA5A5;color:#450a0a}
.tr2-tip{font:800 11px/1.3 system-ui,sans-serif;color:#FFE9A8;background:rgba(0,0,0,.45);padding:2px 8px;border-radius:8px;opacity:0;transition:opacity .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%}
.tr2-w{position:relative;height:64px;touch-action:pan-y;cursor:crosshair}
.tr2-w svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.tr2-m{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,233,168,.55);opacity:0;pointer-events:none}
.tr2-d{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#FFD66B;box-shadow:0 0 0 3px rgba(255,214,107,.3);opacity:0;pointer-events:none}
/* [v161-css] */
/* 1.9.161 : carte Bénéfice (Indicateurs clés) compacte, pleine (non vitrée), courbe à droite */
html body .kp-hero,html body[data-th="baobab"] .kp-hero{grid-template-columns:1fr 44%;grid-template-areas:"hr sk" "hv sk" "hs sk" "sp sp";column-gap:10px;align-items:center;border:1px solid #C9A227;background:#0C3320;box-shadow:0 6px 16px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,226,138,.18)}
html body .kp-hero.neg,html body[data-th="baobab"] .kp-hero.neg{background:#3B0F1B;border-color:#C9A227}
html body .kp-hero::before{display:none}
html body .kp-hero .kp-hr{grid-area:hr;font-size:13px}

html body .kp-hero .kp-hv{grid-area:hv;min-width:0}
html body .kp-hero .kp-hv b{font-size:32px;letter-spacing:-.6px}
html body .kp-hero .kp-hv i{font-size:12px}
html body .kp-hero .kp-hs{grid-area:hs}
html body .kp-hero .kp-spark{grid-area:sk;align-self:center}
html body .kp-hero .kp-spark .a{fill:rgba(255,214,107,.16)}
html body .kp-hero .kp-spark .l{stroke:#FFD66B;stroke-width:2}
html body .kp-hero .kp-sp{grid-area:sp}
/* [v162-css] */
/* 1.9.162 : Trésorerie = même taille que la carte Bénéfice (indicateurs clés), vert comme la carte Financier, baobab en vraies couleurs ;
   carte Bénéfice remise à sa taille d'origine ; tuiles plus petites (toutes cliquables, avec ›) */
html body:not(#zq1) .bb-tr.tr2,html body:not(#zq1) .bb-tr.tr2.neg{
  display:flex;
  flex-direction:column;
  border:1.5px solid transparent;
  border-radius:18px;
}

html body:not(#zq1) .bb-tr.tr2::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1}
html body:not(#zq1) .bb-tr.tr2 .in{flex:1 1 auto;min-height:0;height:auto;gap:4px;justify-content:space-between}
html body:not(#zq1) .bb-tr.tr2 .bb-chip{display:none}

html body:not(#zq1) .bb-tr.tr2 .tr2-h{min-height:20px;margin-bottom:0}
/* carte Bénéfice : taille de la version précédente (titre, montant, ventes 7 jours, courbe pleine largeur en bas) */
html body .kp-hero,html body[data-th="baobab"] .kp-hero{display:block;padding:14px 16px 0;border-radius:18px;margin-bottom:10px}

html body .kp-hero .kp-hr .kp-ic{width:30px;height:30px;border-radius:10px}
html body .kp-hero .kp-hv{margin-top:6px}

html body .kp-hero .kp-hs{font-size:12px;margin-top:2px}
html body .kp-hero .kp-sp{margin-top:8px;padding-top:0;border-top:0;font-size:11.5px;align-items:flex-end}
html body .kp-hero .kp-spark{width:calc(100% + 32px);margin:0 -16px;height:64px}
/* tuiles plus petites */
html body .kp-seg{margin-bottom:10px}

html body .kp-card:not(.alert)::after{content:"\203A";position:absolute;font:700 18px/1 system-ui,sans-serif;color:#ffd54a;opacity:.85;pointer-events:none}
html body .kp-foot{margin-top:10px}
html body .kp-foot button{height:42px;font-size:14px}
/* [v163-css] */
/* 1.9.163 : Trésorerie = carte bancaire (ratio 1,586, image sans cadre, puce, sans bande ni ))) ), cliquable) ; pastilles stock */
html body:not(#zq1) .bb-tr.tr2,html body:not(#zq1) .bb-tr.tr2.neg{min-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body:not(#zq1) .bb-tr.tr2::after,html body:not(#zq1) .bb-tr.tr2.neg::after{display:none!important;content:none!important}

html body:not(#zq1) .bb-tr.tr2 .bb-nfc{display:none}
html body:not(#zq1) .bb-tr.tr2 .in{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"r1 r1" "chip amt" "me me";align-content:space-between;align-items:center;column-gap:12px;row-gap:6px;max-width:none;padding:12px 14px 0}
html body:not(#zq1) .bb-tr.tr2 .in .r1{grid-area:r1;padding-right:0}
html body:not(#zq1) .bb-tr.tr2 .in .bb-chip{grid-area:chip;display:block}
html body:not(#zq1) .bb-tr.tr2 .in .fl-amt{grid-area:amt;min-width:0}
html body:not(#zq1) .bb-tr.tr2 .in .bb-me{grid-area:me}
html body:not(#zq1) .bb-tr.tr2 .tr2-c{z-index:3;margin:2px 14px 8px}
html body:not(#zq1) .bb-tr.tr2 .tr2-w{height:38px}
.bb-tr [data-go],.bb-key[data-go]{cursor:pointer;-webkit-tap-highlight-color:transparent}
.bb-tr [data-go]:active,.bb-key[data-go]:active,.bb-sk button:active{transform:scale(.96)}
.bb-key[data-go]::after{content:"\203A";margin-left:6px;color:#ffd54a;font-weight:800}
.bb-sk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 2px 8px}
.bb-sk button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:12px;border:1px solid rgba(255,213,74,.45);background:rgba(3,20,10,.6);color:#e9f4e0;font:700 11px/1.2 system-ui,-apple-system,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;transition:transform .15s}
.bb-sk button b{font-size:15px;font-weight:900;color:#ffd54a}
.bb-sk button.lo b{color:#ffb454}
.bb-sk button.ru b{color:#ff6b85}
.bb-sk button.ru{border-color:rgba(255,107,133,.5)}
/* [v164-css] */
/* 1.9.164 : Trésorerie = carte verre ultra transparente, baobab redessiné en vectoriel (net en HD), taille de la carte Bénéfice (1,6 : 1) */
html body:not(#zq1) .bb-tr.tr2,html body:not(#zq1) .bb-tr.tr2.neg{aspect-ratio:1.6/1;
 background:linear-gradient(160deg,rgba(60,170,100,.16),rgba(3,24,13,.26)) padding-box,linear-gradient(135deg,#fff0b8 0%,#c9a227 38%,#ffe28a 70%,#fff6d0 100%) border-box;
 -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);
 box-shadow:0 10px 30px -12px rgba(0,0,0,.55),0 0 18px rgba(255,201,60,.16),inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 36px rgba(255,255,255,.05)}
html body:not(#zq1) .bb-tr.tr2>img.bg,html body:not(#zq1) .bb-tr.tr2.neg>img.bg{opacity:1;image-rendering:auto;inset:auto 0 0 auto;width:auto;height:90%;max-width:none;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}

/* [v165-css] */
/* 1.9.165 : le baobab de la carte Trésorerie = celui du logo Vyamin (haute résolution, détouré), ancré à droite */

html body:not(#zq1) .bb-tr.tr2::before{background:linear-gradient(115deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.04) 28%,transparent 44%),linear-gradient(90deg,rgba(3,20,10,.42) 0%,rgba(3,20,10,.2) 50%,transparent 76%)}
/* [v168-css] */
/* 1.9.168 : tuiles des Indicateurs clés plus petites ; tuiles « À faire » et pastilles suivent rond / carré */
html body .kp-grid{gap:6px}
html body .kp-card{padding:6px 9px;border-radius:12px;gap:0}
html body .kp-top{font-size:11px;gap:6px}
html body .kp-ic{width:20px;height:20px;border-radius:var(--ir,8px)}
html body .kp-ic svg{width:12px;height:12px}
html body .kp-v{margin-top:1px}
html body .kp-v b{font-size:15px}
html body .kp-v b.sm{font-size:13px}
html body .kp-v i{font-size:9.5px}
html body .kp-tr{font-size:10px;line-height:1.2}
html body .kp-rel{width:22px;height:22px;right:7px;top:6px}
html body .kp-rel svg{width:12px;height:12px}
html body .kp-card:not(.alert)::after{font-size:15px;right:8px;top:4px}
html body .k{padding:10px;--bbs:26px}
html body .k .v{font-size:16px;margin:7px 0 3px}
html body .k .l{font-size:11.5px;gap:8px}
html body .k .l .ic{width:26px;height:26px}
html body .k .l .ic svg{width:15px!important;height:15px!important}
html body .k .tr{font-size:10.5px}
html body[data-is="round"] .todo.v69 .t{border-radius:28px!important}
html body[data-is="square"] .todo.v69 .t{border-radius:14px!important}
html body .todo.v69 .tic{border-radius:var(--ir,50%)}
/* [v169-css] */
/* 1.9.169 : carte de trésorerie (Horizon) plus élégante, tout en vectoriel (net en ultra HD), +2 px ; Objectif du jour = œuf qui se remplit au centre des tuiles « À faire » */
html body .v-horizon .hero{border-radius:26px;padding:24px;isolation:isolate;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -34px 60px -34px rgba(0,16,70,.5),0 24px 46px -20px color-mix(in srgb,var(--pr) 70%,transparent),0 8px 16px -8px rgba(0,10,40,.5)}
html body .v-horizon .hero::before{content:"";position:absolute;inset:0;width:auto;height:auto;right:0;top:0;border-radius:inherit;pointer-events:none;z-index:0;
 background:linear-gradient(115deg,rgba(255,255,255,.26) 0,rgba(255,255,255,.07) 30%,transparent 46%),radial-gradient(75% 95% at 100% 100%,rgba(140,215,255,.30),transparent 62%),radial-gradient(60% 80% at 0 0,rgba(255,255,255,.12),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 230' preserveAspectRatio='xMaxYMid slice'%3E%3Cg fill='none' stroke='white' stroke-width='.7'%3E%3Cg stroke-opacity='.17'%3E%3Ccircle cx='350' cy='46' r='26'/%3E%3Ccircle cx='350' cy='46' r='37'/%3E%3Ccircle cx='350' cy='46' r='48'/%3E%3Ccircle cx='350' cy='46' r='59'/%3E%3Ccircle cx='350' cy='46' r='70'/%3E%3Ccircle cx='350' cy='46' r='81'/%3E%3Ccircle cx='350' cy='46' r='92'/%3E%3Ccircle cx='350' cy='46' r='103'/%3E%3Ccircle cx='350' cy='46' r='114'/%3E%3Ccircle cx='350' cy='46' r='125'/%3E%3Ccircle cx='350' cy='46' r='136'/%3E%3Ccircle cx='350' cy='46' r='147'/%3E%3Ccircle cx='350' cy='46' r='158'/%3E%3Ccircle cx='350' cy='46' r='169'/%3E%3Ccircle cx='350' cy='46' r='180'/%3E%3Ccircle cx='350' cy='46' r='191'/%3E%3Ccircle cx='350' cy='46' r='202'/%3E%3Ccircle cx='350' cy='46' r='213'/%3E%3Ccircle cx='350' cy='46' r='224'/%3E%3Ccircle cx='350' cy='46' r='235'/%3E%3C/g%3E%3Cg stroke-opacity='.10'%3E%3Ccircle cx='410' cy='214' r='40'/%3E%3Ccircle cx='410' cy='214' r='53'/%3E%3Ccircle cx='410' cy='214' r='66'/%3E%3Ccircle cx='410' cy='214' r='79'/%3E%3Ccircle cx='410' cy='214' r='92'/%3E%3Ccircle cx='410' cy='214' r='105'/%3E%3Ccircle cx='410' cy='214' r='118'/%3E%3Ccircle cx='410' cy='214' r='131'/%3E%3Ccircle cx='410' cy='214' r='144'/%3E%3Ccircle cx='410' cy='214' r='157'/%3E%3Ccircle cx='410' cy='214' r='170'/%3E%3Ccircle cx='410' cy='214' r='183'/%3E%3Ccircle cx='410' cy='214' r='196'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right center/cover no-repeat}
html body .v-horizon .hero::after{content:"";position:absolute;left:auto;bottom:auto;top:20px;right:20px;width:76px;height:27px;border-radius:0;pointer-events:none;z-index:1;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 34'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff3c4'/%3E%3Cstop offset='.5' stop-color='%23f0c75e'/%3E%3Cstop offset='1' stop-color='%23c58f1a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-opacity='.9'%3E%3Cpath d='M8 11c3 4.2 3 7.8 0 12'/%3E%3Cpath d='M14 7.5c4.8 6 4.8 12.9 0 19'/%3E%3Cpath d='M20 4c6.4 7.7 6.4 18.3 0 26'/%3E%3C/g%3E%3Crect x='46' y='1.5' width='46' height='31' rx='6.5' fill='url(%23g)' stroke='%239a6b00' stroke-opacity='.55'/%3E%3Cg stroke='%239a6b00' stroke-opacity='.55' stroke-width='1' fill='none'%3E%3Cpath d='M46 12h46M46 22h46M62 1.5v10.5M62 22v10.5M72 12v10'/%3E%3Crect x='62' y='12' width='10' height='10' rx='2.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,16,70,.35))}
html body .v-horizon .hero small{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.92}
html body .v-horizon .hero .amt{font-size:clamp(34px,8.6vw,42px);letter-spacing:-1.2px;margin:12px 0 16px;font-variant-numeric:tabular-nums;text-shadow:0 2px 14px rgba(0,16,70,.35)}
html body .v-horizon .hero .amt i{font-size:15px;letter-spacing:.06em;opacity:.85}
html body .v-horizon .hero .mini{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.26);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 14px -8px rgba(0,16,70,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html body .v-horizon .hero .pill,html body .v-horizon .hero .eye{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* Objectif du jour : l'ancienne carte est remplacée par l'œuf */
html body .v-horizon .card.goal{display:none!important}
html body .todo.v69{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);column-gap:6px;row-gap:8px;position:relative}
html body .todo.v69 .t{padding:10px 12px!important;gap:8px;min-height:62px}
html body .todo.v69 .tic{width:30px;height:30px}
html body .todo.v69 .tic svg{width:17px;height:17px}
html body .todo.v69 .tx b{font-size:20px}
html body .todo.v69 .tx em{font-size:10.5px;overflow-wrap:anywhere}
html body .todo.v69 .tch{display:none}
/* 1.9.258 : l'œuf animé est remplacé par un anneau de progression STATIQUE (js/modules/objectif-anneau.js) : aucune animation, aucune transition */
.todo .goalring{grid-column:2;grid-row:1/span 4;align-self:center;justify-self:center;width:88px;height:114px;position:relative;z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent}
.todo .goalring.done{--gc:var(--ok)}
.goalring svg{display:block;width:100%;height:100%;overflow:visible}
.goalring .gd{fill:var(--card);stroke:color-mix(in srgb,var(--mu) 28%,transparent);stroke-width:1.2}
.goalring:active .gd{fill:color-mix(in srgb,var(--card) 88%,var(--mu))}
.goalring .gt{fill:none;stroke:color-mix(in srgb,var(--mu) 22%,transparent);stroke-width:9}
.goalring .ga{fill:none;stroke-width:9;stroke-linecap:round}
.goalring .s1{stop-color:color-mix(in srgb,var(--gc,var(--pr)) 55%,#fff)}
.goalring .s2{stop-color:var(--gc,var(--pr))}
.goalring .gr-l{font:800 7px system-ui,sans-serif;letter-spacing:.16em;fill:var(--mu)}
.goalring .gr-p{font-weight:800;font-family:system-ui,sans-serif;letter-spacing:-.5px;fill:var(--tx)}
.goalring .gr-s{font-weight:700;font-family:system-ui,sans-serif;fill:var(--tx);paint-order:stroke;stroke:color-mix(in srgb,var(--card) 75%,transparent);stroke-width:2.5px}
/* [ams-v183-css] */
/* ===== 1.9.183 ===== */
/* --- « Total à encaisser » : carte du total, montant en lettres --- */
html body .ppc-top{margin:0 0 12px;padding:14px 12px 12px;border-radius:18px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--bd)}
html body .ppc-top b{font-size:36px;line-height:1.1;display:flex;justify-content:center;align-items:baseline;gap:6px}

html body .ppc-top small{text-align:center}
html body .ppc-top i{display:inline!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font-size:12.5px;font-weight:800}
html body .ppc-w{margin:8px auto 0;max-width:94%;font:700 13px/1.35 system-ui,sans-serif;color:var(--tx);text-align:center;text-wrap:balance;opacity:.86}
html body .ppc-w:empty{display:none}
html body .ppc-aw{margin:-2px 2px 8px;font:700 12.5px/1.3 system-ui,sans-serif;color:var(--mu)}
html body .ppc-aw:empty{display:none}
html body .ppc-m button{padding:10px 2px 9px;border-radius:15px;font-size:12px}
html body .ppc-m button span{width:34px;height:34px}
html body .ppc-m button svg{width:19px;height:19px}
html body .ppc-go{height:50px;border-radius:15px;font-size:15.5px;margin-top:12px}
/* --- documents à cocher --- */
.ppc-dx{margin:12px 0 0}
.ppc-dxh{display:flex;align-items:center;justify-content:space-between;margin:0 2px 6px;font:800 10.5px system-ui,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:var(--mu)}
.ppc-all{border:0;background:none;padding:4px 2px;font:800 11.5px system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--pr)}
.ppc-dxg{display:grid;gap:7px}
.dxc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:10px 10px 9px 36px;border:0;border-radius:14px;background:var(--bg2);color:var(--tx);text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .15s,background .15s}
.dxc:active:not(:disabled){transform:scale(.97)}
.dxc b{font:800 13px/1.15 system-ui,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dxc small{font:600 10px/1.2 system-ui,sans-serif;color:var(--mu);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dxc .ck{position:absolute;left:10px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:7px;box-shadow:inset 0 0 0 2px var(--mu);display:grid;place-items:center;transition:background .15s,box-shadow .15s}
.dxc .ck svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}
.dxc.on{background:var(--inb);background:color-mix(in srgb,var(--pr) 10%,var(--card));box-shadow:inset 0 0 0 1.5px var(--pr)}
.dxc.on .ck{background:var(--pr);box-shadow:none}
.dxc.on .ck svg{opacity:1;transform:none}
.dxc.on b{color:var(--pr)}
.dxc.lk{opacity:.95}
.ppc-dxn{margin:7px 2px 0;font:600 11.5px/1.35 system-ui,sans-serif;color:var(--mu)}
/* --- Devis / Retour : sorties de l'encaissement --- */
.ppc-ot{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 0}
.ppc-ot button{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:0;border-radius:14px;background:transparent;box-shadow:inset 0 0 0 1px var(--bd);color:var(--tx);text-align:left;-webkit-tap-highlight-color:transparent}
.ppc-ot button:active{transform:scale(.97)}
.ppc-ot svg{flex:none;width:20px;height:20px;stroke:var(--pr);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ppc-ot span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ppc-ot b{font:800 13px/1.15 system-ui,sans-serif}
.ppc-ot small{font:600 10px/1.2 system-ui,sans-serif;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ppc-ot em{font-style:normal;color:var(--mu);font-size:18px}
/* --- bascule Facture / Reçu / Bon sur une vente à plusieurs documents --- */
.dxsw{display:flex;gap:6px;margin:0 0 10px;padding:4px;border-radius:14px;background:var(--bg2)}
.dxsw button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border:0;border-radius:11px;background:none;color:var(--mu);font:800 12.5px/1.15 system-ui,sans-serif}
.dxsw button small{font:600 9.5px/1.2 system-ui,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dxsw button.on{background:var(--card);color:var(--pr);box-shadow:0 2px 8px -3px rgba(0,0,0,.3),inset 0 0 0 1.5px var(--pr)}
/* --- retour fournisseur : mêmes boutons que le retour client --- */
.rf-h{margin:12px 2px 6px;font:800 10.5px system-ui,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:var(--mu)}
.rf-ch{display:flex;flex-wrap:wrap;gap:6px;max-height:128px;overflow:auto;padding:2px}
.rfc{display:flex;flex-direction:column;align-items:flex-start;gap:1px;max-width:100%;padding:8px 12px;border:0;border-radius:12px;background:var(--bg2);color:var(--tx);font:800 12.5px/1.2 system-ui,sans-serif;text-align:left}
.rfc small{font:600 10px/1.2 system-ui,sans-serif;color:var(--mu)}
.rfc.on{background:var(--inb);background:color-mix(in srgb,var(--pr) 10%,var(--card));box-shadow:inset 0 0 0 1.5px var(--pr);color:var(--pr)}
.rf-l2{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--bg2)}
.rf-ln{min-width:0;display:flex;flex-direction:column}
.rf-ln b{font:800 13.5px/1.2 system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf-ln small{font:600 10.5px system-ui,sans-serif;color:var(--mu)}
.rf-x{grid-row:1;grid-column:2;justify-self:end;width:30px;height:30px;border:0;border-radius:50%;background:none;color:var(--ko);font-size:20px;line-height:1}
.rf-st{display:flex;align-items:center;gap:4px}
.rf-st button{width:32px;height:32px;border:0;border-radius:10px;background:var(--bg2);color:var(--tx);font:800 18px/1 system-ui,sans-serif}
.rf-st input{width:46px;height:32px;border:0;border-radius:10px;background:var(--bg2);color:var(--tx);text-align:center;font:800 14px system-ui,sans-serif}
.rf-pr{display:flex;align-items:center;gap:4px;justify-self:end}
.rf-pr input{width:84px;height:32px;border:0;border-radius:10px;background:var(--bg2);color:var(--tx);text-align:right;padding:0 8px;font:800 14px system-ui,sans-serif}
.rf-pr small{color:var(--mu);font-weight:700}
.rf-tot{margin:12px 0 0;padding:12px;border-radius:16px;text-align:center;background:linear-gradient(160deg,color-mix(in srgb,var(--pr) 12%,var(--card)),var(--card));box-shadow:inset 0 0 0 1px var(--bd)}
.rf-tot small{display:block;font:700 10.5px system-ui,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:var(--mu)}
.rf-tot b{display:block;font:900 30px/1.15 system-ui,sans-serif;color:var(--tx)}
.rf-tot span{display:block;margin-top:4px;font:700 12.5px/1.35 system-ui,sans-serif;color:var(--tx);opacity:.86}
.rf-tot span:empty{display:none}
.rf-ms{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.rfm{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:14px;background:var(--bg2);color:var(--tx);text-align:left}
.rfm b{font:800 13px/1.15 system-ui,sans-serif}
.rfm small{font:600 10.5px/1.25 system-ui,sans-serif;color:var(--mu)}
.rfm.on{background:var(--inb);background:color-mix(in srgb,var(--pr) 10%,var(--card));box-shadow:inset 0 0 0 1.5px var(--pr)}
.rfm.on b{color:var(--pr)}
.rf-e{margin:8px 2px 0;font:700 12.5px/1.4 system-ui,sans-serif;color:var(--tx);opacity:.86}
/* --- page « Marge par article » : retour bien visible --- */
html body #mgPage .mg-bar button{width:44px;height:44px}
html body #mgPage .mg-bar #mgBack{background:var(--pr);color:#fff;box-shadow:0 6px 14px -8px var(--pr)}
html body #mgPage .mg-bar #mgBack svg{width:22px;height:22px;stroke-width:2.6}
html body #mgPage .mg-foot{flex:none;padding:8px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--bd)}
html body #mgPage .mg-foot button{display:block;width:100%;height:46px;border:0;border-radius:14px;background:var(--bg2);color:var(--tx);font:800 14.5px system-ui,sans-serif}
html body #mgPage .mg-foot button:active{transform:scale(.98)}
/* --- sélecteur de magasin : le magasin actif reste lisible (thèmes sombres) --- */
html body .opt.sel{background:var(--inb);background:color-mix(in srgb,var(--pr) 16%,var(--card));border-color:var(--pr)}
html body .opt.sel div{color:var(--tx)!important}
html body .opt.sel small{color:var(--mu)!important}
html body .opt.sel em{color:var(--pr)!important}
/* [ams-v184-css] */
/* ===== 1.9.184 ===== */
/* --- « < » flottant : reste visible et cliquable au-dessus de la page Marge --- */
html body.mg-open:not(#z):not(#zz) #amsBack{z-index:9300!important;opacity:1!important;pointer-events:auto!important;transform:none!important;display:grid!important;bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
/* --- Documents : filtre à côté de la recherche --- */
#dcList .hd-search{gap:8px;align-items:center}
#dcList .hd-search .sbar.sb-dc{flex:1;min-width:0}
#dcList .hd-search .mflt{width:46px;height:52px;position:relative}
#dcList .hd-search #dcSortBtn{background:var(--card);border:1px solid var(--bd)}
#dcList .hd-search #dcSortBtn svg{stroke:var(--pr)}
#dcList .hd-search #dcSortBtn.custom{border-color:var(--pr);background:var(--inb)}
.iv-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.iv-two input{width:100%;box-sizing:border-box;height:42px;border:0;border-radius:12px;background:var(--bg2);color:var(--tx);padding:0 12px;font:700 14px system-ui,sans-serif}
/* --- éditeur de facture --- */
.iv-sub{margin:-2px 2px 6px;font:600 11.5px/1.35 system-ui,sans-serif;color:var(--mu)}
.iv-r{display:flex;align-items:center;gap:6px;margin:0 0 6px}
.iv-r input{flex:1;min-width:0;height:42px;box-sizing:border-box;border:0;border-radius:12px;background:var(--bg2);color:var(--tx);padding:0 12px;font:600 14px system-ui,sans-serif}
.iv-r2 input:first-child{flex:0 0 38%}
.iv-r button{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--ko,#ef4444);font-size:22px;line-height:1}
.iv-add{display:block;width:100%;height:40px;margin:2px 0 0;border:0;border-radius:12px;background:var(--inb);color:var(--pr);font:800 13px system-ui,sans-serif;text-align:left;padding:0 12px}
.iv-tg{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}
.iv-tg>span{font:700 13px system-ui,sans-serif;color:var(--tx)}
.iv-tg .pay-seg{width:150px;flex:none;margin:0}
.inv-pers{display:block;width:100%;margin:-4px 0 10px;padding:8px;border:0;background:none;color:var(--pr);font:800 12.5px system-ui,sans-serif;text-align:center}
.inv-end{margin-top:6px;color:#475569;font-weight:700}
/* --- style « Reçu simple » (aperçu) --- */
.inv-rc .inv-in{padding:18px 16px 16px}
.inv-rc .rc-co{text-align:center;margin:0 0 12px}
.inv-rc .rc-co img{display:block;margin:0 auto 6px;max-height:48px;max-width:120px;object-fit:contain}
.inv-rc .rc-co b{display:block;font:900 19px/1.2 system-ui,sans-serif;color:#0f172a}
.inv-rc .rc-co small{display:block;margin-top:3px;font:600 12px/1.45 system-ui,sans-serif;color:#475569}
.inv-rc .rc-id{margin:0 0 10px;font:600 12.5px system-ui,sans-serif}
.inv-rc .rc-id div,.inv-rc .rc-meta div,.inv-rc .rc-sub div{display:flex;justify-content:space-between;gap:10px;padding:2px 0}
.inv-rc .rc-id span,.inv-rc .rc-meta span{color:#64748b}
.inv-rc .rc-id b{color:#0f172a;text-align:right}
.inv-rc .rc-t{width:100%;border-collapse:collapse;font:600 12.5px system-ui,sans-serif;color:#0f172a}
.inv-rc .rc-t th{padding:6px 3px;text-align:right;font-weight:800;border-top:1.5px dashed #94a3b8;border-bottom:1.5px solid #94a3b8}
.inv-rc .rc-t th:nth-child(1),.inv-rc .rc-t th:nth-child(2),.inv-rc .rc-t td:nth-child(1),.inv-rc .rc-t td:nth-child(2){text-align:left}
.inv-rc .rc-t td{padding:5px 3px;text-align:right;vertical-align:top}
.inv-rc .rc-t td:nth-child(2){width:38%;word-break:break-word}
.inv-rc .rc-t tfoot td{border-top:1.5px solid #94a3b8;font-weight:800;color:#475569}
.inv-rc .rc-sub{margin:6px 0 0;font:600 12.5px system-ui,sans-serif;color:#475569}
.inv-rc .rc-tot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:8px 0 0;padding-top:8px;border-top:1.5px dashed #94a3b8}
.inv-rc .rc-tot span{font:800 14px system-ui,sans-serif;color:#0f172a}
.inv-rc .rc-tot b{font:900 24px system-ui,sans-serif;color:#0f172a}
.inv-rc .rc-meta{margin:10px 0 0;font:600 12px system-ui,sans-serif}
.inv-rc .rc-wd{margin:8px 0 0}
.inv-rc .rc-wd p{margin:0 0 3px;font:600 11.5px/1.45 system-ui,sans-serif;color:#334155}
.inv-rc .rc-end{margin-top:12px;text-align:center;font:700 12.5px/1.5 system-ui,sans-serif;color:#334155}
/* [ams-plan-simple] */
/* 1.9.305 : le prix d'achat (tuile Achat) reste visible en formule Simple */
body.plan-simple .qtile[onclick^="peField('cf"],
body.plan-simple [onclick*="openRapV('pl')"],body.plan-simple [onclick*="openRapV('top')"],body.plan-simple [onclick*="openRapV('ven')"],
body.plan-simple [onclick*="openRapV('val')"],body.plan-simple [onclick*="openRapV('ive')"],body.plan-simple [onclick*="openRapV('dor')"],body.plan-simple [onclick*="openRapV('flx')"],body.plan-simple [onclick*="kpiGo('val')"],
body.plan-simple [onclick*="kpiGo('pl')"],body.plan-simple [onclick*="qkAction('benefice')"],body.plan-simple #kpHero{display:none!important}
/* [desktop-layout] */
/* 1.9.231 : AFFICHAGE ORDINATEUR. Uniquement écran large + souris ; le téléphone et la tablette tactile ne changent pas. */
@media (min-width:900px) and (hover:hover) and (pointer:fine){
:root{--sbw:208px;--cw:1040px}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h){max-width:var(--cw)!important;margin-left:max(calc(var(--sbw) + 16px),calc(var(--sbw)/2 + 50vw - var(--cw)/2))!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;padding-bottom:40px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .topbar{margin-left:-24px!important;margin-right:-24px!important;padding-left:24px!important;padding-right:24px!important}
/* menu latéral */
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) nav{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:var(--sbw)!important;max-width:none!important;height:auto!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:48px!important;align-content:start!important;gap:6px!important;padding:18px 12px!important;border-radius:0!important;border:0!important;border-right:1px solid var(--bd)!important;box-shadow:none!important;background:var(--card)!important;z-index:15!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) nav::before,html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) nav::after{display:none!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) nav>button{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;height:48px!important;padding:0 12px!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important;letter-spacing:0!important;text-align:left!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) nav>button:hover{background:color-mix(in srgb,var(--pr) 10%,transparent)!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) nav>button.on{background:color-mix(in srgb,var(--pr) 14%,transparent)!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) nav .fab{order:-1!important;height:48px!important;width:100%!important;margin:0 0 8px!important;display:grid!important;place-items:center!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) nav .fab button#navFab{width:100%!important;min-width:0!important;height:48px!important;margin:0!important;border-radius:12px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) nav #navCtx{display:none!important}
/* pages plein écran : à droite du menu, largeur confortable */
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .pg .pwrap,html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .dc{left:var(--sbw)!important;right:0!important;max-width:var(--cw)!important;margin:0 auto!important}
/* fenêtres et panneaux : centrés, plus larges, avec ombre */
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .so,html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .gzo,html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .gman{max-width:680px!important;box-shadow:0 0 0 1px var(--bd),0 24px 80px rgba(0,0,0,.4)}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .sheet,html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .kps,html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .cbox,html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) .dc-dc{max-width:620px!important}
/* grilles plus larges */
.pg-pos .pos-grid[data-v="grid"],.pg-pos .pos-grid[data-v="large"]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}
[onclick],button,select,label{cursor:pointer}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--mu) 40%,transparent);border-radius:8px}

}
/* [fix-lot1] */
/* 1.9.247 lot 1 : corrections d'affichage */
/* 1. noms de marchandises : plus de coupure automatique "AM-POULE" ; 2 colonnes dans Vendre */
html body .pcell .nm,html body .pcell .nm *{hyphens:manual!important;-webkit-hyphens:manual!important;overflow-wrap:break-word!important}
@media (max-width:520px){
html body #posGrid[data-v="grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}

}
/* 2. boutons flottants de gestes (haut / bas / retour) : plus discrets, moins de contenu masque */
html body #amsTop,html body #amsBot{width:34px!important;height:34px!important;opacity:.7}
html body #amsBot.on,html body #amsTop.on{opacity:.7}
html body #amsBack{left:0!important;width:26px!important;height:44px!important;border-radius:0 22px 22px 0!important}
html body #amsBack.on{opacity:.65}
/* 3. espace en bas des listes pour que la barre du bas ne cache pas la derniere ligne */
html body .sbody,html body .rap-scroll,html body .mscroll{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
/* [dcl-style] */
/* 1.9.254 : menu du bouton + de Documents (Vendre, Acheter, Entrée, Sortie, Transfert, Inventaire, Retour client, Retour fournisseur) : même taille et même forme que les icônes de la liste (34 px, arrondi --ir). Style « Simple » : fond teinté doux + dessin de la couleur du type (variable --ic posée par index.html), sans ombre. « Rempli » et Baobab gardent leurs dégradés. */
html body:not(#z) .dcl-ic{width:var(--bbs,34px)!important;height:var(--bbs,34px)!important;min-width:var(--bbs,34px);border-radius:var(--ir,30%)!important;flex:none}
html body:not(#z) .dcl-ic svg{width:20px!important;height:20px!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] .dcl-ic{background:color-mix(in srgb,var(--ic,var(--pr)) 17%,var(--bg))!important;box-shadow:none!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] .dcl-ic :is(svg,svg *){stroke:var(--ic,var(--pr))!important}

/* v259 : le bouton Valider reste toujours visible (anciens WebView sans color-mix) */
.ppc-go{background-color:var(--mc,#16A34A)!important;color:#fff!important;opacity:1!important;visibility:visible!important}
@supports (background:color-mix(in srgb,red 50%,blue)){.ppc-top{background:linear-gradient(160deg,color-mix(in srgb,var(--mc,var(--pr)) 14%,var(--card)),var(--card))}}

/* v260 : boutons flottants Haut / Bas / Retour : même taille (36 px), même forme, jamais superposés */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz):not(#zzzzzzzzzzz):not(#zzzzzzzzzzzz) #amsTop,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz):not(#zzzzzzzzzzz):not(#zzzzzzzzzzzz) #amsBot,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz):not(#zzzzzzzzzzz):not(#zzzzzzzzzzzz) #amsBack{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;box-sizing:border-box!important;padding:0!important;border-radius:var(--ir,50%)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz):not(#zzzzzzzzzzz):not(#zzzzzzzzzzzz) #amsTop svg,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz):not(#zzzzzzzzzzz):not(#zzzzzzzzzzzz) #amsBot svg,html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz):not(#zzzzzzzzzzz):not(#zzzzzzzzzzzz) #amsBack svg{width:18px!important;height:18px!important;stroke-width:2!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz):not(#zzzzzzzzzzz):not(#zzzzzzzzzzzz) #amsBack{left:12px!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz):not(#zzzzzzzz):not(#zzzzzzzzz):not(#zzzzzzzzzz):not(#zzzzzzzzzzz):not(#zzzzzzzzzzzz) :is(#amsTop,#amsBot):not(.on){display:none!important}

/* ===== v286 : carte « Détails » des documents (Sortie, Entrée, Retour, Devis, Dépense…) ===== */
.dc-card.dcx{padding:0 0 12px;overflow:hidden;border-radius:22px}
.dcx .dc-ch.dcx-h{gap:11px;justify-content:flex-start;padding:12px 14px;background:var(--bg2);background:color-mix(in srgb,var(--dcx-c,#2563EB) 11%,var(--card))}
.dcx .dcx-hi{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--dcx-c,#2563EB)}
.dcx .dcx-hi svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dcx .dcx-ht{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dcx .dcx-ht b{font-size:14px;font-weight:800;color:var(--tx)}
.dcx .dcx-ht small{font-size:11.5px;font-weight:600;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dcx .dc-ch.dcx-h>svg:last-child{flex:none}
.dcx>.dc-f{border-top:0;margin:8px 14px 0;padding:9px 12px;background:var(--bg2);border-radius:14px}
.dcx>.dc-f.dc-top{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;margin:0;padding:12px 14px 0;background:none;border-radius:0}
.dcx .dc-top label{background:var(--bg2);border-radius:14px;padding:9px 12px;gap:2px}
.dcx .dc-top small{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.dcx .dc-top input,.dcx .dc-top b{font-size:15px;font-weight:800}
.dcx .dc-payb{grid-column:1/-1;width:auto;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 14px;box-shadow:none;line-height:1.2}
.dcx .dc-payb svg{width:22px;height:22px}
.dcx .dc-payb b{font-size:14px;font-weight:800;color:#fff}
.dcx .dc-payb em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:700;color:#fff;opacity:.85}
.dcx .dcx-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 14px 0}
.dcx .dcx-g>.dc-f{flex-direction:column;align-items:flex-start;gap:3px;margin:0;border-top:0;padding:9px 12px;background:var(--bg2);border-radius:14px;min-width:0}
.dcx .dcx-g>.dc-f:last-child:nth-child(odd){grid-column:1/-1}
.dcx .dcx-g>.dc-f>span{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.dcx .dcx-g .dc-f input,.dcx .dcx-g .dc-f select,.dcx .dcx-g .dc-f b{width:100%;max-width:100%;text-align:left;font-size:14.5px;font-weight:800}
.dcx .dcx-st select{cursor:pointer}
.dcx>.dc-f.dc-mtf{display:block;align-items:initial}
.dcx .dc-mtf>span{display:block;margin-bottom:8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.dcx .dc-mt button{background:var(--card)}
.dcx .dc-mt button.on{background:var(--dcx-c,#2563EB);border-color:var(--dcx-c,#2563EB);color:#fff}
.dcx .dc-mtn,.dcx .dc-note{margin:8px 14px 0;padding:0}
.dc-card.dcx.shut .dcx-g{display:none}
.dc-card.dcx.shut{padding-bottom:0}
.dc-card.dcx.shut>.dc-f{display:none}

/* ===== v286 : style Simple, bouton d'ajout de marchandises du document + ✓ du centre ===== */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] #dcEdit>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){--ic:var(--pr);background:color-mix(in srgb,var(--ic) 17%,var(--bg))!important;border-color:transparent!important;box-shadow:none!important}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] #dcEdit:is([data-t="in"],[data-t="ach"])>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){--ic:#F43F5E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] #dcEdit:is([data-t="out"],[data-t="ven"])>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){--ic:#22C55E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] #dcEdit:is([data-t="inv"],[data-t="tr"],[data-t^="dv"])>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){--ic:#94A3B8}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] #dcEdit:is([data-t="rcl"],[data-t="rfo"])>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn){--ic:#D97706}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] #dcEdit>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn) svg,
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"] #dcEdit>.dc-addbtn:not(.dc-detbtn):not(.dc-draftbtn) svg *{stroke:var(--ic)!important}
/* ✓ du centre en Simple : la couleur suit le type du document (Sortie vert, Entrée rouge…) */
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].dc-fab-in:not(.dc-has) nav .fab button#navFab{--ic:#2563EB}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].dc-fab-in.dc-has:is(.dc-k-out,.dc-k-rfo) nav .fab button#navFab{--ic:#22C55E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].dc-fab-in.dc-has:is(.dc-k-in,.dc-k-rcl,.dc-k-ach) nav .fab button#navFab{--ic:#F43F5E}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].dc-fab-in.dc-has:is(.dc-k-dvi,.dc-k-dvo,.dc-k-inv) nav .fab button#navFab{--ic:#94A3B8}
html body:not(#z):not(#zz):not(#zzzz):not(#zzz):not(#zzzzz):not([data-th="baobab"])[data-ist="soft"][data-ist].dc-fab-in.dc-has.dc-k-tr nav .fab button#navFab{--ic:#7C3AED}
/* document enregistré et non modifié : pas de ✓ (il apparaît dès la première modification) */
body.dc-fab-in.dc-clean nav .fab button#navFab{opacity:0!important;pointer-events:none!important;transform:scale(.6);transition:opacity .2s,transform .2s}
body.dc-fab-in:not(.dc-clean) nav .fab button#navFab{transition:opacity .2s,transform .2s}

/* 1.9.289 : page « Détails » des documents (Sortie, Entrée, Devis… et Dépenses/Autres revenus) : plus belle et plus courte.
   Carte de paiement RECTANGULAIRE en dégradé, champs compacts, motifs sur une seule ligne qui défile. */
html body:not(#z) .dc-card.dcx{border-radius:22px;padding-bottom:10px;}
html body:not(#z) .dcx .dc-ch.dcx-h{padding:10px 14px;}
html body:not(#z) .dcx .dcx-hi{width:34px;height:34px;border-radius:11px;}
html body:not(#z) .dcx>.dc-f.dc-top{grid-template-columns:1.35fr 1fr;gap:8px;padding:10px 12px 0}
html body:not(#z) .dcx .dc-top label{padding:6px 12px 7px;border-radius:14px;gap:0}
html body:not(#z) .dcx .dc-top small{font-size:10px;letter-spacing:.06em}
html body:not(#z) .dcx .dc-top input,html body:not(#z) .dcx .dc-top b{font-size:14.5px;line-height:1.35}
/* carte de paiement */
html body:not(#z):not(#zz) .dc-card.dcx .dc-payb{--p1:#15803D;--p2:#22C55E;grid-column:1/-1;position:relative;overflow:hidden;width:auto;display:flex;align-items:center;justify-content:flex-start;border:0;color:#fff;text-align:left;line-height:1.2;}
html body:not(#z):not(#zz) .dc-card.dcx .dc-payb[data-pay="partial"]{--p1:#B45309;--p2:#F59E0B}
html body:not(#z):not(#zz) .dc-card.dcx .dc-payb[data-pay="unpaid"]{--p1:#B91C1C;--p2:#F87171}
.dc-card.dcx .dc-payb::before{content:"";position:absolute;right:-22px;top:-34px;width:104px;height:104px;border-radius:50%;background:rgba(255,255,255,.15);pointer-events:none}
.dc-card.dcx .dc-payb::after{content:"";position:absolute;right:34px;bottom:-40px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.dc-card.dcx .dc-payb>*{position:relative;z-index:1}
.dc-card.dcx .dc-payb .pb-i{flex:none;display:grid;place-items:center;}
.dc-card.dcx .dc-payb .pb-i svg{stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.dc-card.dcx .dc-payb .pb-t{flex:1;min-width:0;display:flex;flex-direction:column;}
.dc-card.dcx .dc-payb .pb-t b{font-weight:800;color:#fff;letter-spacing:.01em;}
.dc-card.dcx .dc-payb .pb-t small{text-transform:none!important;letter-spacing:0!important;font-weight:600;color:rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dc-card.dcx .dc-payb em{flex:none;font-style:normal;font-weight:800;color:#fff;opacity:1;}
.dc-card.dcx .dc-payb:disabled{opacity:1}
/* champs compacts */
html body:not(#z) .dcx .dcx-g{gap:8px;padding:8px 12px 0}
html body:not(#z) .dcx .dcx-g>.dc-f{padding:7px 12px 8px;border-radius:14px;gap:1px;}
html body:not(#z) .dcx .dcx-g>.dc-f>span{font-size:10px;letter-spacing:.06em}
html body:not(#z) .dcx .dcx-g .dc-f input,html body:not(#z) .dcx .dcx-g .dc-f select,html body:not(#z) .dcx .dcx-g .dc-f b{font-size:14px;line-height:1.35}
/* commentaire (dans la grille) : libellé, puis texte + trombone sur la même ligne */
html body:not(#z) .dcx .dcx-g>.dc-cm{display:grid;grid-template-columns:minmax(0,1fr) 30px;grid-template-areas:"l l" "i b";align-items:center;column-gap:4px}
.dcx .dc-cm>span{grid-area:l}
.dcx .dc-cm>input{grid-area:i}
.dcx .dc-cm>.dc-att{grid-area:b;width:30px;height:30px;margin:0;padding:0;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--dcx-c,#2563EB) 12%,transparent);color:var(--dcx-c,#2563EB);position:relative}
.dcx .dc-cm>.dc-att svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
/* motif : une seule ligne qui défile */
html body:not(#z) .dcx>.dc-f.dc-mtf{margin:8px 12px 0;padding:8px 0 8px 12px;border-radius:14px;overflow:hidden}
html body:not(#z) .dcx .dc-mtf>span{margin-bottom:6px;font-size:10px;letter-spacing:.06em}
html body:not(#z) .dcx .dc-mt{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;padding:0 12px 1px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html body:not(#z) .dcx .dc-mt::-webkit-scrollbar{display:none}
html body:not(#z) .dcx .dc-mt button{flex:none;white-space:nowrap;padding:6px 13px;font-size:12.5px;line-height:1.3;border-radius:99px}

html body:not(#z) .dcx .dc-mtn,html body:not(#z) .dcx .dc-note{margin:6px 14px 0;font-size:11.5px}
html body:not(#z) .dcx .dc-mt{padding-bottom:8px;margin-bottom:-6px}

/* 1.9.289 : écran de connexion sans « égratignures » : couche graphique à part, cartes opaques, application masquée dessous (les messages restent visibles) */
#clGate{transform:translateZ(0);isolation:isolate;contain:paint;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#clGate .gh{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateZ(0)}
#clGate .gc,#amsOnboarding.hero .gc{background:#2b4a36;border-color:#3f6a50}
#clGate .gc i,#amsOnboarding.hero .gc i{background:#456a53}
body.gate-on>*:not(#clGate):not([style*="position:fixed"]){visibility:hidden!important}
/* 1.9.289 : page Détails : moins de reflets, carte de paiement plus petite */
html body:not(#z) .dc-card.dcx{box-shadow:0 2px 10px -6px rgba(0,0,0,.25)}
html body:not(#z) .dc-card.dcx.shut{padding-bottom:0}
html body:not(#z) .dcx .dc-ch.dcx-h{background:color-mix(in srgb,var(--dcx-c,#2563EB) 10%,var(--card))}
html body:not(#z) .dcx .dcx-hi{background:var(--dcx-c,#2563EB);box-shadow:none}
html body:not(#z) .dcx .dcx-g>.dc-f{box-shadow:none}
html body:not(#z):not(#zz) .dc-card.dcx .dc-payb{height:44px;gap:9px;padding:0 8px 0 7px;border-radius:12px!important;background:linear-gradient(180deg,var(--p2),var(--p1))!important;box-shadow:none!important}
.dc-card.dcx .dc-payb::before,.dc-card.dcx .dc-payb::after{display:none!important}
.dc-card.dcx .dc-payb .pb-i{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.2);box-shadow:none}
.dc-card.dcx .dc-payb .pb-i svg{width:18px;height:18px}
.dc-card.dcx .dc-payb .pb-t{gap:0}
.dc-card.dcx .dc-payb .pb-t b{font-size:14px}
.dc-card.dcx .dc-payb .pb-t small{font-size:10.5px}
.dc-card.dcx .dc-payb em{font-size:11.5px;padding:5px 10px;border-radius:9px;background:rgba(255,255,255,.2);box-shadow:none}
html body:not(#z) .dcx .dc-mt button.on{box-shadow:none;background:var(--dcx-c,#2563EB)}

/* ===== 1.9.302 : COHÉRENCE DES COULEURS (tout suit la couleur du thème --pr) =====
   Avant : le badge « Moi » était toujours vert, le panier / total / bouton central étaient verts (vente) ou rouges (achat),
   l'onglet « Vendre » était dans la couleur du thème : trois couleurs différentes sur le même écran.
   Maintenant : Ventes, Achats, Dépenses, Autres revenus, Documents et le badge « Moi » prennent tous la couleur du thème choisi.
   On les distingue par l'icône (panier / camion / portefeuille) et le titre, pas par une autre couleur.
   Les devis (gris) et retours (orange) gardent leur couleur : c'est un état du document, pas un thème. */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz) .storepill,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz) #pgPOS .storepill,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz) #pgDep .storepill,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz) #pgRev .storepill{background:var(--pr)!important;color:#fff!important;box-shadow:0 4px 10px -4px color-mix(in srgb,var(--pr) 60%,transparent)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz)[data-ist="soft"][data-ist] .storepill,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz)[data-ist="soft"][data-ist] #pgPOS .storepill,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz)[data-ist="soft"][data-ist] #pgDep .storepill,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz)[data-ist="soft"][data-ist] #pgRev .storepill{background:color-mix(in srgb,var(--pr) 17%,var(--bg))!important;color:var(--pr)!important;box-shadow:none!important}
/* écrans de saisie : couleur de l'écran (--mc) = couleur du thème */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(.pos-devis) #pgPOS,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz) #pgDep,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz) #pgRev{--mc:var(--pr);--mcb:color-mix(in srgb,var(--pr) 14%,var(--card))}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(.pos-devis):not(.dv-v) #pgPOS .pos-cart-head>svg,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz) #pgDep .pos-cart-head>svg,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz) #pgRev .pos-cart-head>svg{stroke:var(--pr)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(.pos-devis) #pgPOS .pos-cart .up,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(.pos-devis) #pgPOS .pos-total .amt{color:var(--pr)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(.pos-devis) #pgPOS .pos-total .block{background:color-mix(in srgb,var(--pr) 14%,var(--card))!important}
/* barre du bas : bouton central et onglet actif */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):is(.pos-active,.dc-fab-in,.dc-fab-out,.fx-dep,.fx-rev,.pos-has) nav{--fc:var(--pr);--bc:var(--pr)}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):is(.pos-active,.dc-fab-in,.dc-fab-out,.fx-dep,.fx-rev,.pos-has):not(.nav-partner-x) nav .fab button{background:linear-gradient(145deg,color-mix(in srgb,var(--pr) 72%,#fff),var(--pr) 48%,var(--pr2))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 var(--ng,5px) var(--bg),0 8px 14px -8px color-mix(in srgb,var(--pr) 55%,transparent)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz)[data-ist="soft"][data-ist]:is(.pos-active,.dc-fab-in,.dc-fab-out,.fx-dep,.fx-rev,.pos-has) nav .fab button#navFab{--ic:var(--pr);background:color-mix(in srgb,var(--pr) 17%,var(--bg))!important;box-shadow:0 0 0 5px var(--bg)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz).pos-active:not(.dv-v) nav button.on[data-nav="ventes"]{color:var(--pr)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz).pos-active:not(.dv-v) nav button.on[data-nav="ventes"] svg{background:color-mix(in srgb,var(--pr) 17%,transparent)!important;stroke:var(--pr)!important}
/* 1.9.302 : onglet actif « Vendre / Acheter / Dépenser » dans la couleur du thème (écrase l'ancien rouge d'Acheter ; plus de pâleur sur l'icône) */
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz).pos-active nav button.on[data-nav="ventes"]{color:var(--pr)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz).pos-active nav button.on[data-nav="ventes"] svg{background:color-mix(in srgb,var(--pr) 17%,transparent)!important;stroke:var(--pr)!important;color:var(--pr)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz).pos-active nav button.on[data-nav="ventes"] :is(use,path,g){stroke:var(--pr)!important;color:var(--pr)!important}
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz).pos-active nav button.on[data-nav="ventes"] #navVenLbl,
html body:not(#z):not(#zz):not(#zzz):not(#zzzz):not(#zzzzz):not(#zzzzzz):not(#zzzzzzz).pos-active nav button#navVen.on{color:var(--pr)!important}
/* 1.9.302 : page Dépenser (#pgDep) : le rouge fixe (--ko) devient la couleur du thème, comme Vendre et Acheter */
html body #pgDep,html body #pgRev{--ko:var(--pr);--kob:color-mix(in srgb,var(--pr) 14%,var(--card));--ok:var(--pr);--okb:color-mix(in srgb,var(--pr) 14%,var(--card))}

/* 1.9.304 : le bouton « retour » (et les boutons haut / bas) ne restent plus par-dessus une fiche ou une fenêtre ouverte
   (ils recouvraient la tuile « Vente » de la fiche Nouvelle marchandise). Exception : la page des marges (mg-open) garde son bouton retour. */
html body.ovl-open:not(.mg-open) :is(#amsBack,#amsTop,#amsBot),
html body.ovl-open :is(#amsTop,#amsBot){visibility:hidden!important;pointer-events:none!important}

/* 1.9.307 : quand le clavier apparaît ou disparaît, la feuille glisse (bottom animé) au lieu de sauter */
html body:not(#z) .sheet.on{transition:transform .2s cubic-bezier(.25,.9,.3,1),bottom .16s ease-out,visibility 0s!important}