:root{--primary:#00856c;--background:#f3f6f3;--text:#19342e}
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--background);font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dce5de;padding:18px max(5%,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:20px}a{color:inherit;text-decoration:none}.brand{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:1px}.brand strong{font-size:18px;letter-spacing:0}.logo{background:var(--primary);color:white;border-radius:13px;padding:17px;font-size:16px}#identity{margin-left:auto;font-size:14px}main{max-width:1200px;margin:auto;padding:28px 24px;min-height:80vh}h1{font-size:38px;letter-spacing:-1px;margin:10px 0 24px}h2{font-size:23px}p{line-height:1.6}.eyebrow{color:#47746a;letter-spacing:2px;font-size:11px;font-weight:700}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel{background:#fff;padding:28px;border:1px solid #d7e3db;border-radius:16px;margin:20px 0}.login{max-width:490px;margin:50px auto}label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:12px 0}input,select,textarea{font:inherit;color:inherit;background:#fff;border:1px solid #bacdc4;border-radius:9px;padding:13px;width:100%;min-width:0}button{cursor:pointer;background:white;border:1px solid #bbd0c6;border-radius:9px;padding:12px 16px;font:inherit;color:#235548;min-height:44px}button:hover{border-color:var(--primary)}button:disabled{cursor:default;opacity:.5}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.filters{display:flex;gap:12px;align-items:end;margin:24px 0}.filters label{margin:0}.grow{flex:1}nav{display:flex;gap:10px;justify-content:space-between;padding:10px 0 24px}.highlights{display:flex;gap:10px;overflow:auto;padding:4px 0 12px}.highlights button{white-space:nowrap;background:#e3efe7;border:0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:white;border:1px solid #dce5de;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:9px;min-width:0}.product img{width:100%;height:185px;object-fit:contain;cursor:pointer}.product h3{font-size:14px;margin:0;line-height:1.5;overflow-wrap:anywhere}.product .price{font-size:21px;font-weight:bold;margin-top:auto}.muted,small{color:#61736b;font-size:12px}.code{font-size:12px;color:#61736b}.product .open{padding:0;border:0;text-align:left}.pager{display:flex;justify-content:center;gap:20px;align-items:center;margin:28px}.cartrow{background:white;border-bottom:1px solid #dce5de;padding:18px;display:flex;align-items:center;gap:15px}.cartrow img{width:75px;height:75px;object-fit:contain}.cartrow .text{flex:1;min-width:0}.cartrow input{max-width:95px}.cartrow h3{font-size:14px}.cartrow .actions{display:flex;gap:6px;align-items:center}.cartrow button{padding:8px}#message:not(:empty){padding:16px;background:#fff3d7;border-radius:10px;margin-bottom:20px;color:#644600}dialog{border:0;border-radius:18px;padding:26px;width:min(780px,94vw);max-height:92vh;color:inherit}dialog::backdrop{background:#0a241aaa}.close{float:right}.detailphoto{width:100%;height:320px;object-fit:contain}.thumbs{display:flex;gap:8px;overflow:auto;margin:12px 0}.thumbs img{width:60px;height:60px;object-fit:contain}.thumbs button{padding:4px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}footer{text-align:center;padding:28px;font-size:12px;color:#61736b}[hidden]{display:none!important}:focus-visible{outline:3px solid #ddaf50;outline-offset:3px}.minimum{font-size:13px;padding:5px 0}textarea{resize:vertical}
@media(max-width:760px){header{padding:14px 16px;gap:10px}.brand strong{font-size:15px}#identity{max-width:120px;font-size:11px}.logo{padding:13px}main{padding:20px 16px}h1{font-size:29px}.heading{display:block}.heading label{max-width:100%}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{padding:11px}.product img{height:145px}.product h3{font-size:12px}.product .price{font-size:18px}.filters{flex-wrap:wrap}.filters .grow{flex-basis:100%}.filters label:nth-child(2){flex:1}.panel{padding:20px}.cartrow{flex-wrap:wrap;padding:14px 10px;gap:10px}.cartrow .text{flex-basis:calc(100% - 90px)}.cartrow .actions{margin-left:auto}.detailgrid{grid-template-columns:1fr}.detailphoto{height:240px}.login{margin:20px 0}nav{position:sticky;top:0;background:var(--background);z-index:2}}

.customlogo{width:100px;max-height:70px;object-fit:contain}.loginbanner,.banner img{width:100%;max-height:330px;object-fit:contain}.banner{text-align:center;margin-bottom:20px}.stepper{display:flex;align-items:center;gap:4px;margin:10px 0}.stepper button{min-width:44px;min-height:44px;padding:8px}.stepper input{width:70px;text-align:center;padding:10px 2px}.sidecategories{display:grid;grid-template-columns:220px 1fr;gap:16px}.sidecategories>*{grid-column:2}.sidecategories .filters{grid-column:1;grid-row:2/7;display:block}.sidecategories .banner{grid-column:1/-1}@media(max-width:700px){.sidecategories{display:block}.stepper{gap:2px}.stepper input{width:44px}.product .stepper button{min-width:40px;padding:6px}.customlogo{width:70px}.brand span{max-width:160px}}
/* Shared interaction states, scoped to Pedidos Online. */
:is(html.po-app,#po-wa-panel,.po-modal-overlay,#po-campaign-workspace,html.po-store) :is(button,.button,a[href],input[type=submit]){transition:box-shadow .12s ease,transform .12s ease;}
:is(html.po-app,#po-wa-panel,.po-modal-overlay,#po-campaign-workspace,html.po-store) :is(button,.button,a[href],input[type=submit]):not(:disabled):hover{box-shadow:inset 0 0 0 2px currentColor;}
:is(html.po-app,#po-wa-panel,.po-modal-overlay,#po-campaign-workspace,html.po-store) :is(button,.button,a[href],input[type=submit]):not(:disabled):is(:active,.po-pressed){transform:translateY(1px);box-shadow:inset 0 2px 4px #0005;}
:is(html.po-app,#po-wa-panel,.po-modal-overlay,#po-campaign-workspace,html.po-store) :is(button,.button,a[href],input[type=submit]):focus-visible{outline:3px solid #0891b2;outline-offset:3px;}
:is(html.po-app,#po-wa-panel,.po-modal-overlay,#po-campaign-workspace,html.po-store) :is(button,input[type=submit]):disabled{opacity:1;cursor:not-allowed;color:var(--po-muted,#475569);background:var(--po-bg,#e2e8f0);border-color:var(--po-border,#94a3b8);box-shadow:none;}
:is(html.po-app,#po-wa-panel,.po-modal-overlay,#po-campaign-workspace,html.po-store) [aria-busy=true]{cursor:progress;pointer-events:none;box-shadow:inset 0 0 0 2px currentColor;}
:is(html.po-app,#po-wa-panel,.po-modal-overlay,#po-campaign-workspace,html.po-store) button[aria-busy=true]::after{content:' · Processando…';font-size:.85em;}
.attachments{display:flex;gap:10px;flex-wrap:wrap}.attachment-card{display:flex;align-items:center;gap:10px;border:1px solid var(--po-border);background:var(--po-surface);color:var(--po-text);padding:10px;border-radius:8px;max-width:360px}.attachment-card img{width:64px;height:64px;object-fit:contain;background:white;border-radius:4px}.attachment-card div{min-width:0}.attachment-card b{overflow-wrap:anywhere}.attachment-card small{display:block}.attachment-document{font-size:36px}.attachment-card button{margin-left:auto}
@media(prefers-reduced-motion:reduce){:is(html.po-app,#po-wa-panel,.po-modal-overlay,#po-campaign-workspace,html.po-store) :is(button,.button,a[href]){transition:none}}

/* Compact credit summary; the action stays on the right. */
#creditHeader:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin:12px 0;border-radius:10px}#creditHeader .credit-summary{min-width:0}#creditHeader p{margin:0;font-size:14px}#creditHeader small{display:block;margin-top:3px;font-size:11px}#creditHeader button{margin:0 0 0 auto;padding:9px 12px;min-height:40px;font-size:12px;line-height:1.3;flex:0 0 auto;max-width:55%;white-space:normal}@media(max-width:550px){#creditHeader:not([hidden]){padding:8px 10px;gap:8px}#creditHeader p{font-size:12px}#creditHeader button{font-size:10px;padding:8px;max-width:53%}}