/* ANNOUR STORE V3 — Design system durable, sans dépendance externe. */
:root {
  --forest:#113D33; --forest2:#17664F; --paper:#F7F8F5; --card:#FFFFFF;
  --line:#E5EBE6; --ink:#1D2F2B; --mut:#77877F; --gold:#B59769; --gold2:#916F43;
  --ok:#157A56; --okb:#E6F7EE; --bad:#BF4B48; --badb:#FFF0ED; --warn:#9C692D;
  --warnb:#FCF1E3; --sh:0 7px 25px rgba(28,53,42,.034); --r:18px;
  --focus:#D0A56B;
}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
h1,h2,h3{font-family:inherit}
h1{font-weight:790;letter-spacing:-.045em}
button,a,input,select,textarea{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px}
.side{background:linear-gradient(180deg,#133C32 0%,#0D2F29 100%);width:250px;border-right:1px solid rgba(255,255,255,.07)}
.brand{padding:27px 23px 24px;gap:13px}.brand-t b{font-family:Georgia,serif;font-size:20px;font-weight:600}.brand-t small{letter-spacing:2.8px}
.side-label{letter-spacing:1.9px!important;font-size:10px!important;color:#83A497!important}
.side-nav{gap:5px;padding:10px 12px 18px}
.side-nav a{border-radius:12px;min-height:45px;color:#BFCEC8;font-size:13px;font-weight:620}
.side-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.side-nav a.on{background:#E7F3EB;color:#174A39;box-shadow:inset 3px 0 #63B58B;font-weight:760}
.side-user{background:rgba(0,0,0,.08);padding:20px 15px}
.main{margin-left:250px;max-width:none;padding:0 32px 80px}
.topbar{height:72px;position:relative;margin:0 -32px 29px;padding:0 32px;background:rgba(255,255,255,.94);border-color:#E9EEE9}
.topbar-title{font-size:12px}.topbar-page{font-weight:650}
.topbar-quick,.btn-pri{background:#17664F;border-color:#17664F;box-shadow:0 5px 14px rgba(23,102,79,.14)}
.topbar-quick:hover,.btn-pri:hover{background:#11503E}
.card,.kpi{border:1px solid var(--line);box-shadow:var(--sh);border-radius:18px}
.head{padding-top:2px}.head h1{font-size:31px;line-height:1.15}.sub{color:#718078}
.btn{border-radius:11px}.btn-soft{background:white}.btn:hover{transform:translateY(-1px)}
input,select,textarea{border-radius:11px!important;border-color:#D9E4DC!important}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(66,139,104,.11);border-color:#40956F!important}
.pos-tools{top:12px}.tile{border-radius:15px;box-shadow:0 4px 14px rgba(40,56,47,.025)}
.tile:hover{border-color:#A3C4B0;box-shadow:0 9px 22px rgba(28,61,45,.095)}
.cart-head h2,.section-inline h2{letter-spacing:-.035em}.totals{background:#F2F7F3}
/* ========== cockpit dashboard ========== */
.v3-dashboard{max-width:1640px;margin:0 auto}
.dash-topline{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:3px 0 23px}
.dash-breadcrumb{display:block;font-size:10px;letter-spacing:1.8px;color:#73897D;font-weight:850;margin-bottom:11px}
.dash-topline h1{font-size:clamp(29px,2.8vw,39px);margin:0 0 8px;line-height:1.05;letter-spacing:-.05em}
.v3-spark{font-size:.64em;color:#B39B72;vertical-align:13%;font-weight:400}
.dash-topline .sub{font-size:13px;line-height:1.6}.dash-sale{min-height:43px;flex:none}
.dash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.period-tabs{display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #E3EAE3;background:#fff;border-radius:13px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.period-tabs a{border-radius:9px;padding:10px 13px;color:#64766C;text-decoration:none;font-weight:720;font-size:12px;white-space:nowrap}
.period-tabs a:hover{background:#F0F6F1;color:#185A44}
.period-tabs a.is-current{background:#164B3C;color:#fff;box-shadow:0 3px 7px rgba(15,70,50,.12)}
.dash-context{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#819087}
.live-dot{width:7px;height:7px;border-radius:50%;background:#30A46C;box-shadow:0 0 0 4px rgba(48,164,108,.12);display:inline-block;flex:none}
.v3-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}
.v3-stat{border:1px solid #E4EAE4;background:white;padding:22px 21px 20px;border-radius:17px;min-height:154px;display:flex;flex-direction:column;box-shadow:var(--sh);min-width:0}
.v3-stat-primary{background:#164A3C;color:#fff;border-color:#164A3C;box-shadow:0 15px 27px rgba(19,78,58,.11)}
.stat-label{font-weight:690;font-size:12px;color:#66796E;display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:30px}
.v3-stat-primary .stat-label{color:#B7D4C6}.stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#F0F6F0;color:#27674D}
.v3-stat-primary .stat-icon{background:rgba(255,255,255,.13);color:#D5EADF}.stat-icon svg{width:16px;height:16px}
.v3-stat strong{font-size:clamp(21px,2.25vw,30px);line-height:1.12;margin:15px 0 7px;letter-spacing:-.05em;font-weight:800;overflow-wrap:anywhere}
.stat-meta{font-size:11px;font-weight:620;color:#94A19A;display:flex;align-items:center;gap:7px;line-height:1.5;margin-top:auto}
.v3-stat-primary .stat-meta{color:#D0E3D7}.v3-danger-dot{display:inline-block;width:6px;height:6px;background:#D77A63;border-radius:100%}
.v3-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:17px;align-items:start}
.v3-col-main,.v3-col-aside{display:flex;flex-direction:column;gap:16px;min-width:0}
.v3-panel{background:#fff;border:1px solid #E3EAE4;border-radius:17px;padding:22px;box-shadow:var(--sh);min-width:0}
.v3-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}
.v3-panel-heading .eyebrow{color:#B38F5F;font-size:9px;letter-spacing:1.75px;margin:0 0 7px}
.v3-panel-heading h2{font-size:18px;font-weight:790;line-height:1.25;letter-spacing:-.035em;margin:0 0 6px}
.v3-helper{display:block;color:#92A097;font-size:11px;font-weight:550}
.v3-heading-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:#2B765A;background:#EAF6EE;flex:none}
.v3-heading-icon svg{width:18px;height:18px}
.v3-chart{height:194px;display:flex;align-items:stretch;gap:clamp(7px,1.1vw,18px);padding:0 5px;margin:9px 0 13px;border-bottom:1px solid #E6EDE5;position:relative}
.v3-chart:before,.v3-chart:after{position:absolute;left:0;right:0;border-top:1px dashed #EEF2EE;content:"";pointer-events:none}
.v3-chart:before{top:25%}.v3-chart:after{top:55%}
.v3-chart-day{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;gap:10px;z-index:1}
.v3-bar-holder{height:170px;width:100%;display:flex;align-items:end;justify-content:center}
.v3-bar{display:block;width:min(49px,69%);min-height:3px;background:linear-gradient(180deg,#49A984,#1E765B);border-radius:7px 7px 2px 2px;transition:filter .2s ease,transform .2s ease;transform-origin:bottom}
.v3-chart-day:hover .v3-bar{filter:brightness(1.1);transform:scaleX(1.09)}
.v3-chart-label{font-size:10px;color:#8A988F;font-weight:680;white-space:nowrap}
.v3-trend-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:20px;border-top:1px solid #EEF1ED;padding-top:15px;color:#829188;font-size:11px}
.v3-trend-footer a,.v3-mini-link{display:inline-flex;align-items:center;gap:5px;color:#1A7353;font-weight:790;text-decoration:none;font-size:11px;white-space:nowrap}
.v3-trend-footer a:hover,.v3-mini-link:hover{text-decoration:underline}
.v3-trend-footer a svg,.v3-mini-link svg{width:14px;height:14px}
.v3-transactions{display:flex;flex-direction:column;gap:2px}
.v3-transaction,.v3-stockmove{display:flex;align-items:center;gap:13px;padding:13px 1px;min-width:0;border-bottom:1px solid #EDF1ED}
.v3-transaction:last-child,.v3-stockmove:last-child{border-bottom:0;padding-bottom:0}
.v3-transaction{text-decoration:none;border-radius:6px}.v3-transaction:hover{background:#FAFCFA}
.v3-transicon{background:#EAF4EE;color:#267B55;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;flex:none}
.v3-transicon svg{width:17px;height:17px}
.v3-transbody{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.v3-transbody b{font-size:12px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263C32}
.v3-transbody small{font-size:10px;color:#91A096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3-transright{display:flex;flex-direction:column;gap:5px;text-align:right;flex:none}
.v3-transright b{font-size:12px;font-weight:790}.v3-transright small{font-size:10px;font-weight:700}
.v3-moveicon{display:grid;place-items:center;width:33px;height:33px;background:#FFF1EF;border-radius:9px;font-weight:900;color:#AA5F52;flex:none}
.v3-moveicon.positive{background:#E5F6ED;color:#258B5F}
.v3-movechange{font-size:13px;font-weight:850}
.v3-empty{padding:25px 10px;text-align:center;color:#899A8D;font-size:12px;line-height:1.8}
.v3-empty a{font-weight:800;color:#17674D}
.v3-stock-summary{background:linear-gradient(165deg,#F5FAF6 0%,#fff 75%)}
.v3-stock-summary .v3-panel-heading{margin-bottom:7px}
.v3-stock-count{display:flex;align-items:baseline;gap:11px;padding:6px 0 15px;border-bottom:1px solid #E5EFE7}
.v3-stock-count strong{font-size:39px;letter-spacing:-.07em;line-height:1;font-weight:800}
.v3-stock-count span{font-size:11px;color:#819389}
.v3-stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 0}
.v3-stock-grid div{display:flex;flex-direction:column;gap:3px}.v3-stock-grid strong{font-size:21px;font-weight:800}.v3-stock-grid span{font-size:11px;color:#91A097}
.v3-stock-cta{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#E7F5EB;border-radius:10px;text-decoration:none;color:#1E724F;font-weight:780;font-size:12px}
.v3-stock-cta:hover{background:#D5ECDE}.v3-stock-cta svg{width:15px;height:15px}
.v3-payments{display:flex;flex-direction:column;gap:16px}.v3-payment>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:9px;margin-bottom:8px}
.v3-payment span{font-size:11px;color:#7E8F83;font-weight:650}.v3-payment strong{font-size:11px;font-weight:790;white-space:nowrap}
.v3-progress{height:6px;background:#ECF1EB;border-radius:40px;overflow:hidden}.v3-progress span{display:block;height:100%;background:#378E6C;border-radius:40px;min-width:0}
.v3-alert{display:flex;align-items:center;gap:10px;text-decoration:none;padding:12px 0;border-bottom:1px solid #EEF2EE}
.v3-alert:last-child{border-bottom:0;padding-bottom:0}.v3-alert:hover .v3-transbody b{color:#1F8861}
.v3-stockbadge{padding:6px 9px;border-radius:7px;color:#956525;background:#FFF4E4;font-size:10px;font-weight:750;white-space:nowrap}
.v3-stockbadge.out{background:#FCECE9;color:#B3534A}
.v3-best{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #EEF2EE}.v3-best:last-child{border:0;padding-bottom:0}.v3-best> b{font-size:11px;white-space:nowrap}
.v3-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#EFF4EF;color:#587A64;font-size:11px;font-weight:800;flex:none}
.v3-period-note{font-size:11px;color:#8E9C92;padding:5px 8px;line-height:1.65;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.v3-period-note .live-dot{margin:6px 3px 0 0}
/* More generous working space on all screens */
@media(min-width:1600px){.main{padding-left:45px;padding-right:45px}.topbar{margin-left:-45px;margin-right:-45px;padding-left:45px;padding-right:45px}}
@media(max-width:1250px){.v3-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}.main{padding-left:22px;padding-right:22px}.topbar{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}}
@media(max-width:990px){.v3-layout{grid-template-columns:1fr}.v3-col-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.v3-period-note{grid-column:1/-1}}
@media(max-width:860px){.side{display:none}.main{margin-left:0;padding:0 15px 120px}.topbar{margin:0 -15px 22px;padding:0 15px;height:61px}.bottom{box-shadow:0 -7px 28px rgba(34,65,48,.05)}.dash-topline{margin-top:20px}.v3-stat{min-height:130px}.v3-col-aside{grid-template-columns:1fr 1fr}.v3-dashboard{padding-bottom:12px}}
@media(max-width:600px){.dash-topline{gap:12px;align-items:flex-start}.dash-topline h1{font-size:29px}.dash-topline .sub{font-size:12px}.dash-sale{font-size:0!important;min-width:43px;min-height:43px;padding:10px!important;gap:0}.dash-sale svg{width:20px!important;height:20px!important}.dash-toolbar{gap:10px}.period-tabs{width:100%;justify-content:flex-start}.period-tabs a{padding:10px 12px;flex:1;text-align:center;font-size:11px}.dash-context{margin:0 0 2px 7px}.v3-stats{gap:10px}.v3-stat{padding:15px;min-height:130px;border-radius:14px}.v3-stat strong{font-size:clamp(18px,5vw,24px)}.stat-label{font-size:11px}.stat-meta{font-size:10px}.stat-icon{width:25px;height:25px}.stat-icon svg{width:14px;height:14px}.v3-panel{padding:17px;border-radius:15px}.v3-col-aside{grid-template-columns:1fr}.v3-panel-heading h2{font-size:16px}.v3-chart{gap:6px;height:165px}.v3-bar-holder{height:140px}.v3-chart-label{font-size:9px}.v3-transright b{font-size:11px}.v3-transaction{gap:8px}.v3-transicon{height:34px;width:34px}.v3-transbody b{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.period-tabs,.dash-toolbar,.dash-sale,.topbar,.side,.bottom{display:none!important}.main{padding:0;margin:0}.v3-layout{display:block}.v3-col-main,.v3-col-aside{display:block}.v3-panel,.v3-stat{box-shadow:none;break-inside:avoid}}