:root{--purple:#532063;--blue:#c3eaf7;--gold:#dab05c;--pink:#ed3896;--orange:#f9a12a;--ink:#30243d;--line:#e4dfea}*{box-sizing:border-box}body{margin:0;background:#f4faff;color:var(--ink);font:15px/1.5 Arial,sans-serif}header{background:linear-gradient(115deg,#d9f4ff,#9fdced);border-top:6px solid var(--gold)}.hero{max-width:1180px;margin:auto;display:flex;align-items:center;gap:28px;padding:35px 24px}.hero img{width:200px;border-radius:13px;border:2px solid var(--gold)}h1{font-size:40px;margin:6px 0;color:var(--purple);line-height:1.15}.hero p{margin:8px 0}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:bold;color:#654a24}h2{font-size:22px;line-height:1.3;margin:7px 0 16px;color:var(--purple)}.ribbons{display:flex;height:9px}.ribbons i:nth-child(1){background:var(--pink);flex:2}.ribbons i:nth-child(2){background:var(--orange);flex:2}.ribbons i:nth-child(3){background:var(--purple);flex:1}main{max-width:1230px;margin:auto;padding:25px 24px 50px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;margin-bottom:22px;box-shadow:0 4px 20px #23526e06}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}label{display:block;font-size:13px;font-weight:bold}input,select,textarea{display:block;width:100%;min-width:0;border:1px solid #c7becf;border-radius:9px;padding:11px 12px;margin:7px 0 0;font:inherit;color:var(--ink);background:white}textarea{line-height:1.5;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #a2ddec;outline-offset:1px}button{border:1px solid transparent;border-radius:9px;padding:11px 15px;background:var(--purple);color:white;font:inherit;font-size:13px;font-weight:bold;cursor:pointer}button.secondary{background:#f8f3e5;color:var(--purple);border-color:#e8d3a8}button:disabled{opacity:.5;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0}.muted{font-size:12px;color:#71647b}.status{font-weight:bold;color:#376173}.status:before{content:'●';color:#188563;margin-right:7px}#notice{padding:12px;border-left:4px solid var(--orange);background:#fff5e3;white-space:pre-line}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}nav button{display:flex;flex-direction:column;text-align:left;background:#e1f2f9;color:var(--purple);border:1px solid #bcdfec;min-height:85px;font-size:11px;padding:14px}nav span{font-size:15px;margin-top:5px}nav [aria-selected=true]{background:var(--purple);color:white;border-bottom:5px solid var(--gold)}nav button[data-tab=avulso]{border-right:5px solid var(--orange)}.badge{display:inline-block;padding:4px 10px;border-radius:20px;background:#e2f5fb;color:#305b6c;font-size:10px;letter-spacing:1px;font-weight:bold}.progress{border:1px solid #e3c990;background:#fff8e8;border-radius:12px;padding:12px;white-space:nowrap;color:var(--purple);font-weight:bold}#tab-help{background:#f4faff;padding:12px;border-left:4px solid var(--gold);border-radius:4px}.category{background:#f1eaf6;padding:10px 14px;border-radius:8px;color:var(--purple);font-size:15px;margin:25px 0 5px}.product{display:grid;grid-template-columns:minmax(220px,1fr) 130px 130px 74px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #eee7f2}.product.stock{grid-template-columns:minmax(220px,1fr) 145px 74px}.product.urgent{grid-template-columns:28px minmax(220px,1fr) 145px 74px}.product input[type=checkbox]{width:23px;height:23px;accent-color:var(--purple);margin:0}.product small{display:block;font-weight:normal;color:#746480;margin-top:5px}.product .product-note{grid-column:1/-1;font-weight:normal;color:#746480}.product .product-note input{padding:8px;font-size:12px}.product.urgent .product-note{grid-column:2/-1}.product .edit{padding:8px;font-size:12px;background:#f0e8f5;color:var(--purple)}.notes{margin:25px 0}.active{background:#fff7e6}.empty{padding:30px;text-align:center;color:#746480}#report-card{border-top:5px solid var(--gold)}#report-mode-label{min-width:230px}footer{background:var(--purple);border-top:6px solid var(--gold);color:#fff;text-align:center;padding:22px;font-weight:bold}footer span{font-weight:normal;font-size:12px}dialog{max-width:650px;width:calc(100% - 30px);border:1px solid #d8c4df;border-radius:18px;padding:25px;color:var(--ink)}dialog::backdrop{background:#1b183a80}dialog .fields{grid-template-columns:1fr 1fr}fieldset{border:0;padding:0}#editor-status{color:#a4332d}#restore-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ddd;padding:12px}#login{max-width:580px;margin:20px auto}#login button{margin-top:15px}[hidden]{display:none!important}@media(max-width:760px){main{padding:18px 12px 35px}.hero{padding:26px 18px;gap:18px}.hero img{width:110px}h1{font-size:28px}.hero p:not(.eyebrow){font-size:13px}.eyebrow{font-size:9px}.card{padding:18px}.fields{grid-template-columns:1fr}.topline{align-items:stretch;flex-direction:column;gap:8px}.topline .actions{margin:0 0 15px}nav{grid-template-columns:repeat(2,1fr)}nav button{min-height:75px;padding:11px}nav span{font-size:13px}.product,.product.stock{grid-template-columns:minmax(0,1fr) 100px}.product>div:first-child{grid-column:1/-1}.product .edit{grid-column:2}.product.urgent{grid-template-columns:28px minmax(0,1fr) 95px}.product.urgent>div{grid-column:2/-1}.product.urgent .edit{grid-column:3}.product.urgent .qty-label{grid-column:2/3}.product .product-note{grid-column:1/-1}.progress{white-space:normal}dialog .fields{grid-template-columns:1fr}}

/* Identidade própria de cada aba, mantida quando selecionada. */
nav button[data-tab=geral]{background:#532063;color:#fff;border-color:#532063}
nav button[data-tab=sorvetes]{background:#32DD00;color:#19351B;border-color:#32B900}
nav button[data-tab=acais]{background:#E4008C;color:#fff;border-color:#B5006F}
nav button[data-tab=avulso]{background:#3BC5EB;color:#173B4D;border-color:#20A4CD;border-right:1px solid #20A4CD}
nav button[aria-selected=true]{border-bottom:5px solid #DAB05C;outline:2px solid #532063;outline-offset:3px;box-shadow:0 4px 10px #53206320}
nav button:hover:not(:disabled){filter:brightness(.96)}nav button:focus-visible{outline:3px solid #532063;outline-offset:3px}
.hero h1{font-size:34px;max-width:830px}@media(max-width:760px){.hero h1{font-size:25px}}