:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1d332a;background:#f6f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}aside{background:#133c2b;color:#e8f1e8;padding:26px 18px}aside .brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:19px;font-weight:800}.brand img{width:54px;height:54px;object-fit:contain;border-radius:12px;background:#fff}nav{display:grid;gap:7px}nav button{width:100%;border:0;background:transparent;color:#d5e6d8;text-align:left;padding:13px;border-radius:10px}nav button.active,nav button:hover{background:#2a5942;color:#fff}main{min-width:0;padding:28px clamp(16px,4vw,50px)}header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}h1{font-size:clamp(23px,3vw,32px);margin:0}h2{font-size:19px;margin:0 0 16px}p{line-height:1.5}.muted{color:#6e7b73;font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.card,.panel{background:#fff;border:1px solid #e5e9e1;border-radius:16px;padding:20px;box-shadow:0 3px 12px #123d2b08}.card .number{font-size:25px;font-weight:750;margin-top:10px}.panel{margin-bottom:20px;overflow:auto}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.primary{background:#1d6844;color:#fff;border:0;border-radius:10px;padding:11px 17px;font-weight:700}.secondary{background:#eaf1e8;color:#23563a;border:0;border-radius:10px;padding:10px 14px}.danger{color:#a22d26}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:13px 12px;border-bottom:1px solid #edf0eb;white-space:nowrap}th{color:#607166;font-size:12px;text-transform:uppercase;letter-spacing:.04em}td .secondary{margin-right:6px}.pill{padding:5px 9px;border-radius:30px;background:#e7f1e7;font-size:12px}.pill.off{background:#f1e9e3}.login{max-width:430px;margin:9vh auto;padding:30px;background:white;border-radius:20px;border:1px solid #e4e9e1;box-shadow:0 20px 60px #153c2920}.login .logo{width:100px;display:block;margin:0 auto 15px}.login h1{text-align:center}.login p{text-align:center}.field{display:grid;gap:7px;margin:14px 0}.field label{font-weight:650;font-size:14px}.field input,.field textarea,.field select{border:1px solid #cfd9d0;border-radius:10px;padding:12px;width:100%;background:white;color:#1d332a}.field input:focus,.field textarea:focus{outline:2px solid #69a681;outline-offset:1px}.login .primary{width:100%;margin-top:10px}.message{padding:12px 14px;border-radius:10px;background:#fdf1d7;color:#785113;margin:15px 0}.message.error{background:#fde8e6;color:#8a3027}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.wide{grid-column:1/-1}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.loading{padding:50px;text-align:center}.empty{padding:28px;text-align:center;color:#748278}.metric-note{font-size:12px;color:#758278;margin-top:7px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{display:block}aside{padding:12px}aside .brand{margin-bottom:10px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;width:auto}main{padding:20px 14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{padding:14px}.card .number{font-size:20px}.formgrid{grid-template-columns:1fr}}

/* Empório Natural 2.0 — refinamento visual acessível */
:root{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif;color:#19382b;background:#f5f7f2}
body{background:linear-gradient(135deg,#f7f8f2 0%,#f0f5ed 100%)}
aside{background:linear-gradient(160deg,#103b2a 0%,#174b35 75%,#1e593e 100%);box-shadow:5px 0 24px #173c2910}
aside .brand{padding:4px 7px 21px;border-bottom:1px solid #ffffff25;line-height:1.18;letter-spacing:-.035em}
aside .brand span{display:grid;gap:6px}aside .brand small{font-size:10px;font-weight:650;letter-spacing:.18em;color:#b5d7c1}
nav{margin-top:18px}nav button{font-weight:600;transition:background .15s ease,transform .15s ease}nav button.active{background:#f2f7ef;color:#16432e;box-shadow:0 4px 12px #001d120f}nav button:hover:not(.active){background:#ffffff1c;transform:translateX(2px)}
main{max-width:1600px;width:100%;margin:0 auto}h1{font-weight:780;letter-spacing:-.045em}h2{font-weight:750;letter-spacing:-.025em}header{padding-bottom:18px;border-bottom:1px solid #dce6db}
.card,.panel{border-color:#e0e9df;border-radius:18px;box-shadow:0 7px 28px #173d2b0a}.card{position:relative;overflow:hidden;border-top:3px solid #7fb18a}.card .number{font-size:clamp(23px,2.6vw,31px);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.primary{background:#17623e;box-shadow:0 3px 9px #17623e20}.primary:hover{background:#0f4c30}.secondary{background:#e9f2e9}.secondary:hover{background:#dbeadd}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #88bfa0;outline-offset:2px}th{background:#f7faf6}tbody tr:hover{background:#f8fbf7}td{vertical-align:middle}.pill{font-weight:650;display:inline-block}
.filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(170px,1fr);gap:12px;margin:16px 0 20px}.search-field{display:grid;gap:7px;font-size:13px;font-weight:650;color:#405b4c}.search-field input,.search-field select{width:100%;min-height:43px;border:1px solid #cbd9ce;border-radius:10px;background:#fff;color:#19382b;padding:10px 12px}
@media(max-width:720px){aside .brand{border:0;margin-bottom:4px;padding:4px}nav{margin-top:4px}nav button.active{background:#ffffff;color:#15422c}.filters{grid-template-columns:1fr}.card .number{font-size:21px}}

/* Empório Natural 2.0 — dashboard inspirado na referência, com identidade própria */
:root{font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;color:#142b28;background:#f3f7f7}
body{background:#f3f7f7}
.shell{grid-template-columns:255px minmax(0,1fr)}
aside{background:linear-gradient(175deg,#003e38 0%,#00493e 48%,#00382f 100%);padding:28px 15px;display:flex;flex-direction:column;min-height:100vh;box-shadow:none}
aside .brand{border:0;padding:2px 9px 23px;margin-bottom:12px;font-size:17px;letter-spacing:-.04em}
aside .brand img{width:54px;height:54px;border-radius:50%;object-fit:cover}
aside .brand small{letter-spacing:.13em;color:#80d4b3;font-size:10px}
nav{display:grid;gap:7px;margin-top:10px}
nav button{display:flex;align-items:center;gap:13px;color:#d6ece4;font-weight:600;padding:13px 15px;border-radius:12px}
nav button.active,nav button.active:hover{background:#05bd85;color:#fff;box-shadow:0 7px 18px #001e1b25}
nav button:hover:not(.active){background:#ffffff1a}
.navicon{width:25px;font-size:19px;text-align:center;flex-shrink:0}
.aside-bottom{margin-top:auto;border:1px solid #ffffff2c;border-radius:14px;padding:15px;color:#e5fff4;font-size:13px;line-height:1.8}
.aside-bottom small{color:#9fcabb}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#06d59a;margin-right:6px}
main{max-width:none;padding:0 30px 40px}
.topbar{margin:0 -30px 24px;padding:22px 30px;background:white;border-bottom:1px solid #e5edeb}
.topbar h1{font-size:24px;letter-spacing:-.04em}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#009c72;margin-bottom:6px}
.welcome{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap}
.welcome h2{font-size:25px;margin:8px 0 3px}.welcome p{margin:0;color:#697b7b}
.welcome-tag{color:#009d70;font-weight:800;letter-spacing:.11em;font-size:11px}
.date-chip{border:1px solid #dce9e6;background:#fff;border-radius:12px;padding:12px 16px;font-size:13px}
.cards{gap:16px;margin-bottom:18px}
.card,.panel{border:1px solid #e5eeed;border-radius:16px;box-shadow:0 5px 20px #063c3010}
.card{padding:21px;border-top:1px solid #e5eeed}
.metric{min-height:166px}.metric .number{font-size:clamp(22px,2.5vw,31px);margin:9px 0}.metric .muted{font-size:13px;color:#4b6561}
.metric-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;margin-bottom:13px;font-size:17px;font-weight:800}
.metric-icon.green{background:#dcfaec;color:#00a871}.metric-icon.blue{background:#e2f1ff;color:#2685db}.metric-icon.purple{background:#f1e6ff;color:#a455d9}.metric-icon.amber{background:#fff1d6;color:#d08b12}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:18px;align-items:start}
.dashboard-grid .panel{margin:0;min-height:230px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-title h2{margin:0;font-size:17px}
.text-link{border:0;background:none;color:#00a774;font-weight:700;padding:6px;white-space:nowrap}
.stock-alert{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eff2f2}.stock-alert:last-child{border:0}.stock-alert>div{flex:1;min-width:0}.stock-alert strong{display:block;font-size:13px;overflow-wrap:anywhere}.stock-alert small{display:block;color:#74847f;font-size:12px;margin-top:4px}
.product-dot{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e1f6ed;color:#009b6d;flex-shrink:0}
.status-warn{background:#fff0d8;color:#b77913;border-radius:18px;padding:5px 9px;font-size:11px;font-weight:700}
.preview-pill{background:#fff3dc;color:#a66a06;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}
.small-disclaimer{color:#768783;font-size:12px;line-height:1.5;margin-top:15px}
.primary{background:#00ad7d;color:white;border-radius:11px}.primary:hover{background:#008e68}
.secondary{background:#e9f4f0;color:#15594a}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:20px;align-items:start}
.pos-catalog,.pos-cart{min-height:390px}.pos-products{display:grid;gap:8px;margin-top:20px}
.pos-product{width:100%;border:1px solid #e6efec;background:#fff;border-radius:13px;padding:12px;display:flex;gap:12px;align-items:center;text-align:left}
.pos-product:hover{border-color:#00b98a;background:#f7fffb}.pos-name{flex:1;min-width:0}.pos-name strong{display:block;font-size:13px}.pos-name small,.cart-item small{display:block;font-size:12px;color:#82908c;margin-top:4px}.price{white-space:nowrap;color:#0a5240;font-size:13px}.add-mark{display:grid;place-items:center;background:#e3f8ed;border-radius:50%;width:27px;height:27px;color:#00a873;font-weight:800}
.cart-item{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #e8efec;padding:14px 0}.cart-item>div:first-child{flex:1}.cart-item strong{font-size:13px}
.qty-control{display:flex;gap:8px;align-items:center}.qty-control button{border:0;border-radius:50%;background:#edf2f1;width:26px;height:26px;font-size:16px}
.cart-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8efec;margin-top:24px;padding:18px 0;font-size:17px}.cart-total strong{font-size:23px}
.checkout-disabled{width:100%;cursor:not-allowed;opacity:.6}.empty-cart{padding:30px 0;text-align:center}
@media(max-width:1120px){.dashboard-grid,.pos-layout{grid-template-columns:1fr}}
@media(max-width:720px){.shell{display:block}aside{min-height:auto;padding:12px}.aside-bottom{display:none}aside .brand{margin:0 0 8px}nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:5px}nav button{white-space:nowrap;width:auto;font-size:12px;padding:9px}.navicon{font-size:15px;width:18px}main{padding:0 14px 25px}.topbar{margin:0 -14px 22px;padding:18px 14px}.dashboard-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:150px}.metric .number{font-size:21px}.welcome h2{font-size:22px}.date-chip{font-size:12px}}

/* ADM v7 — Retiradas */
.pickup-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.pickup-metrics>div{background:#f3faf7;border:1px solid #dceee5;border-radius:12px;padding:16px}.pickup-metrics strong{font-size:26px;color:#07563c;display:block}.pickup-metrics span{font-size:12px;color:#59776c}.pickup-status{display:inline-block;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700;white-space:normal}.pickup-status.pending{background:#fff1d8;color:#865d10}.pickup-status.ready{background:#ddf8e9;color:#17673c}.pickup-status.prep{background:#e6f2ff;color:#1a558b}.pickup-status.done{background:#e8eeed;color:#45615b}.pickup-status.blocked{background:#fce9e9;color:#9c3030}.pickup-detail{background:#f6fbf8;border:1px solid #dceee5;border-radius:14px;padding:18px;margin:20px 0}.pickup-code{display:inline-block;margin:14px 0;padding:12px 18px;border:2px dashed #078458;border-radius:12px;background:white;color:#074b36;font-size:24px;font-weight:800;letter-spacing:.08em;overflow-wrap:anywhere}@media(max-width:650px){.pickup-metrics{grid-template-columns:1fr}}

/* ADM v8 */
.catalog-tools{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}.catalog-tools input{flex:1;min-width:200px}.catalog-tools input,.catalog-tools select,.pdv-field input,.pdv-field select{padding:11px 13px;border:1px solid #dce8e3;border-radius:10px;background:white;color:#173e32}.pdv-field{display:grid;gap:6px;margin:13px 0}.pdv-field label{font-size:12px;font-weight:700;color:#46675a}.pdv-field input,.pdv-field select{width:100%;box-sizing:border-box}.pdv-totals{margin:16px 0;border-top:1px solid #e6eeea;padding-top:10px}.pdv-totals>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.pdv-totals .pdv-grand{font-size:19px;border-top:1px solid #e6eeea;padding-top:13px;margin-top:7px;color:#075b40}.pdv-wide{width:100%;margin-bottom:10px}


/* ADM v9.4 | Design system — consistente, discreto e acessível */
:root{font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none;color:#19312b;background:#f5f7f6;--ink:#19312b;--muted:#62736d;--line:#e2e9e5;--green:#087a56;--dark:#123d32;--surface:#fff}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:#f5f7f6;color:var(--ink);font-size:14px;line-height:1.55}
button,input,textarea,select{font-family:inherit;font-size:14px;line-height:1.4;font-weight:400;letter-spacing:normal}
button{font-weight:600}strong,b{font-weight:700}h1,h2,h3,h4{font-family:inherit;font-weight:700;letter-spacing:-.025em;line-height:1.28;color:var(--ink)}h1{font-size:clamp(23px,2.4vw,29px)}h2{font-size:19px}h3{font-size:16px}p{line-height:1.65}
.shell{grid-template-columns:254px minmax(0,1fr);min-height:100vh}
aside{background:#123d32;padding:26px 15px 18px;box-shadow:none;position:sticky;top:0;height:100vh;min-height:0;overflow-y:auto}
aside .brand{gap:11px;padding:0 9px 22px;margin:0 0 14px;border-bottom:1px solid #ffffff22;font-size:16px;letter-spacing:-.015em;line-height:1.3;color:#fff}
aside .brand img{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#fff}
aside .brand small{font-size:10px;letter-spacing:.12em;color:#b2d4c6;font-weight:600}
nav{display:grid;gap:4px;margin:0}nav button{font-size:13.5px;font-weight:600;line-height:1.35;min-height:43px;border-radius:9px;padding:11px 13px;gap:11px;color:#d7e9e2;transition:background-color .15s,color .15s}
nav button.active,nav button.active:hover{background:#e8f3ed;color:#124f3a;box-shadow:none}nav button:hover:not(.active){background:#ffffff16;transform:none}.navicon{font-size:17px;width:22px;line-height:1.1}
.aside-bottom{border-color:#ffffff20;color:#e3f0eb;font-size:12px;padding:12px}.aside-bottom small{color:#b6d3c8}
main{padding:0 clamp(18px,3vw,42px) 48px;min-width:0}.topbar{margin:0 calc(-1 * clamp(18px,3vw,42px)) 26px;padding:23px clamp(18px,3vw,42px);background:#fff;border-bottom:1px solid var(--line);align-items:center}
.topbar h1{font-size:clamp(21px,2vw,27px);margin:3px 0 5px}.eyebrow,.welcome-tag{font-size:10px;letter-spacing:.11em;color:#14765a;font-weight:700}.muted{color:var(--muted);font-size:13px}
.welcome{margin-bottom:22px}.welcome h2{font-size:24px;letter-spacing:-.025em}.date-chip{border-color:var(--line);border-radius:10px;box-shadow:none}
.cards{gap:14px;margin-bottom:20px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 10px #17392b08}.card{padding:20px}.panel{padding:22px;margin-bottom:18px}.metric{min-height:156px}.metric .number,.card .number{font-size:clamp(23px,2.4vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1.25;font-variant-numeric:tabular-nums}.metric .muted{font-size:13px}.metric-icon{width:39px;height:39px;border-radius:10px;font-size:17px;margin-bottom:12px}.metric-icon.green{background:#e5f4ec;color:#157653}.metric-icon.blue{background:#e9f2f9;color:#326b9a}.metric-icon.purple{background:#f0ecf8;color:#7853a4}.metric-icon.amber{background:#faf0de;color:#a77729}
.primary,.secondary{min-height:40px;padding:10px 15px;border-radius:9px;font-size:13px;font-weight:650;line-height:1.3;box-shadow:none;transition:background-color .15s,border-color .15s}.primary{background:#087a56;color:#fff}.primary:hover{background:#076245}.secondary{background:#f0f5f2;color:#245b47;border:1px solid #dfeae3}.secondary:hover{background:#e3efe8}.text-link{color:#087a56;font-size:13px}
.field{gap:6px;margin:12px 0}.field label,.pdv-field label,.search-field{font-size:12.5px;font-weight:650;color:#385448;line-height:1.4}.field input,.field textarea,.field select,.search-field input,.search-field select,.catalog-tools input,.catalog-tools select,.pdv-field input,.pdv-field select{font-size:14px;line-height:1.45;min-height:42px;padding:10px 12px;border:1px solid #cddbd2;border-radius:9px;background:#fff;color:var(--ink);box-shadow:none;max-width:100%}
.field textarea{min-height:90px;resize:vertical}input::placeholder,textarea::placeholder{color:#85938d}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #2e9874;outline-offset:2px}.field input:focus,.field textarea:focus{outline:2px solid #2e9874;outline-offset:1px}
.formgrid{gap:0 20px}.toolbar{margin-bottom:16px}.filters{gap:12px}.actions{gap:9px}.catalog-tools{gap:10px}
.tablewrap,.panel{scrollbar-color:#c9d9d0 transparent}table{font-size:13px;border-collapse:separate;border-spacing:0}th{background:#f7f9f7;color:#52685d;font-size:11px;letter-spacing:.045em;font-weight:700;text-transform:uppercase}th,td{padding:13px 12px;border-bottom:1px solid #e9eeea}td{color:#283e34;line-height:1.45}tbody tr:hover{background:#f7faf8}tbody tr:last-child td{border-bottom:0}.pill,.pickup-status,.status-warn,.preview-pill{font-size:11.5px;font-weight:650;letter-spacing:0}
.section-title h2{font-size:17px}.dashboard-grid,.pos-layout{gap:17px}.stock-alert{padding:13px 0}.stock-alert strong,.pos-name strong,.cart-item strong{font-size:13.5px}.pos-product{border-radius:10px;padding:13px}.pos-product:hover{background:#f5fbf7;border-color:#8dcbb1}.pos-name small,.cart-item small{color:#657b70}.price{font-weight:700;color:#145e45}.cart-total strong{font-size:22px}.pickup-detail{background:#f7faf8;border-color:#dce9e1}
.login{margin:8vh auto;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 50px #133c2a15}.login h1{font-size:26px}.message{border-radius:9px}.empty{font-size:13px;line-height:1.6}
@media(max-width:1100px){.dashboard-grid,.pos-layout{grid-template-columns:1fr}}
@media(max-width:760px){.shell{display:block}aside{position:static;height:auto;min-height:0;padding:12px 12px 9px}aside .brand{padding:3px 4px 10px;margin:0 0 7px;border-bottom:0;font-size:14px}aside .brand img{width:39px;height:39px}nav{display:flex;gap:6px;overflow-x:auto;padding:3px 0 8px;scrollbar-width:thin}nav button{min-height:38px;padding:9px 11px;white-space:nowrap;font-size:12px}nav .navicon{font-size:15px;width:17px}.aside-bottom{display:none}main{padding:0 14px 30px}.topbar{margin:0 -14px 20px;padding:16px 14px}.topbar h1{font-size:21px}.panel{padding:16px}.card{padding:15px}.cards{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:144px}.metric .number{font-size:22px}.formgrid,.filters{grid-template-columns:1fr}.welcome h2{font-size:21px}.topbar .actions{width:100%;justify-content:flex-start}}
@media(max-width:400px){.cards{grid-template-columns:1fr 1fr}.card{padding:12px}.metric .number{font-size:20px}.topbar .actions button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}