.qpg-tabs{display:flex;gap:6px;margin:0 0 18px;padding:5px;background:#eaf1f6;border:1px solid #dce7ef;border-radius:11px;width:max-content;max-width:100%;flex-wrap:wrap}.qpg-tabs button{padding:10px 16px;border:0;border-radius:8px;background:transparent;color:#5a7489;cursor:pointer;font-weight:650;font-size:12px}.qpg-tabs button[aria-pressed=true]{background:#12536b;color:#fff;box-shadow:0 3px 9px #153d5520}.qpg-page{min-width:0}.qpg-page .ops-page-header{gap:18px;align-items:flex-start}.qpg-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.qpg-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 20px;margin:18px 0;border:1px solid #d5e8ed;border-radius:12px;background:linear-gradient(110deg,#eef8fa,#fff)}.qpg-intro b{font-size:13px;color:#24586c}.qpg-intro p{font-size:12px;line-height:1.7;color:#668293;max-width:950px;margin:6px 0 0}.qpg-intro>span{font-size:10px;white-space:nowrap;border-radius:20px;background:#dceef1;color:#267184;padding:7px 10px}.qpg-toolbar{display:flex;align-items:center;gap:12px;margin:16px 0}.qpg-toolbar>input{width:380px;max-width:100%}.qpg-toolbar>span{margin-left:auto;white-space:nowrap;font-size:11px;color:#718798}.qpg-toolbar input,.qpg-toolbar select,.qpg-table input:not([type=checkbox]),.qpg-table select,.qpg-adjust-fields input{box-sizing:border-box;min-width:0;border:1px solid #d3e0ea;border-radius:7px;min-height:35px;background:#fff;padding:8px 9px;font-size:12px;color:#264b61}.qpg-toolbar select{max-width:220px}.qpg-table-wrap{overflow:auto;border:1px solid #d9e5ee;border-radius:12px;background:#fff;max-height:68vh}.qpg-table{width:100%;min-width:1350px;border-collapse:separate;border-spacing:0;font-size:11px;table-layout:fixed}.qpg-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.qpg-table thead th{position:sticky;top:0;z-index:2;background:#edf4f8;text-align:left;padding:14px 10px;border-bottom:1px solid #d9e5ee;font-size:11px;color:#3f657e}.qpg-table thead th small{display:block;font-size:9px;color:#7a8e9e;font-weight:400;margin-top:4px}.qpg-table th:first-child,.qpg-table td:first-child{width:34px;text-align:center;padding-left:8px;padding-right:8px}.qpg-table th:nth-child(2){width:230px}.qpg-table th:nth-child(3){width:175px}.qpg-table th:nth-child(4){width:150px}.qpg-table th:last-child{width:85px}.qpg-table tbody th,.qpg-table td{padding:13px 10px;vertical-align:top;border-bottom:1px solid #e3ebf2;text-align:left;background:#fff}.qpg-table tbody tr:last-child>td,.qpg-table tbody tr:last-child>th{border-bottom:0}.qpg-table tbody tr.has-draft>td,.qpg-table tbody tr.has-draft>th{background:#fffdf7}.qpg-table tbody th strong{font-size:12px;line-height:1.6;display:block;font-weight:650;overflow-wrap:anywhere}.qpg-table small{display:block;font-size:9px;line-height:1.6;color:#7b8f9f;font-weight:400;margin-top:6px}.qpg-table em{font-style:normal;background:#e6f3f4;color:#23758a;padding:2px 5px;border-radius:5px;white-space:nowrap}.qpg-table .qpg-pending{font-size:9px;color:#a07725;margin-top:8px;display:inline-block}.qpg-table input:not([type=checkbox]),.qpg-table select{width:100%;font-size:11px}.qpg-table label{display:grid;gap:4px;font-size:9px;font-weight:500;color:#6a8595}.qpg-table label+label{margin-top:9px}.qpg-table input[type=checkbox]{width:15px;height:15px;accent-color:#087f97;cursor:pointer}.qpg-pack{display:grid;grid-template-columns:1fr 59px;gap:5px}.qpg-table td:nth-child(4)>select{margin-top:9px}.qpg-switch{display:flex;align-items:center;gap:5px;padding:6px 0;border:0;background:transparent;font-size:10px;color:#718798;cursor:pointer}.qpg-switch>span{width:23px;height:14px;background:#c7d4de;border-radius:20px;position:relative;flex:none}.qpg-switch>span:before{content:'';position:absolute;left:2px;top:2px;width:10px;height:10px;background:#fff;border-radius:50%;transition:transform .15s}.qpg-switch[aria-checked=true]{color:#137d75}.qpg-switch[aria-checked=true]>span{background:#128e88}.qpg-switch[aria-checked=true]>span:before{transform:translateX(9px)}.qpg-empty{padding:35px!important;text-align:center!important;color:#8396a5}.qpg-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#7b8f9e;padding:12px 2px}.qpg-pagination>div{display:flex;align-items:center;gap:12px;white-space:nowrap}.qpg-pagination button{padding:7px 10px;border:1px solid #d5e2ec;border-radius:7px;background:#fff;color:#3f687e;cursor:pointer}.qpg-savebar{display:flex;align-items:center;gap:10px;position:sticky;bottom:10px;padding:15px 18px;border:1px solid #d7e6ec;border-radius:12px;background:#f7fbfd;box-shadow:0 4px 20px #1c455210;z-index:3}.qpg-savebar>div{margin-right:auto}.qpg-savebar strong{display:block;font-size:12px;color:#2b596f}.qpg-savebar small{font-size:10px;line-height:1.6;color:#79909f;display:block;margin-top:4px}.qpg-notice{padding:10px 13px;border-radius:8px;background:#edf6f8;color:#487c8e;font-size:11px;line-height:1.7}.qpg-error{padding:11px 14px;background:#fff1ef;border:1px solid #f4d3cc;border-radius:8px;color:#ad5146;font-size:12px;line-height:1.6}.qpg-overlay{position:fixed;inset:0;z-index:10000;background:#16384d66;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.qpg-dialog{width:min(1150px,100%);max-height:90vh;background:#fff;border:1px solid #dbe5ed;border-radius:16px;box-shadow:0 20px 70px #12394c40;overflow:hidden;display:flex;flex-direction:column}.qpg-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #dce7ef}.qpg-dialog>header span{font-size:9px;letter-spacing:.1em;color:#07859b;font-weight:750}.qpg-dialog h2{font-size:20px;margin:5px 0 0;color:#204b62}.qpg-dialog>header>button{border:0;background:#f2f6f9;border-radius:8px;width:34px;height:34px;color:#7b93a4;font-size:23px;cursor:pointer}.qpg-dialog-body{overflow:auto;padding:18px 24px}.qpg-modal-help{font-size:12px;line-height:1.8;color:#6b8394;margin:0 0 14px}.qpg-adjust-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.qpg-adjust-fields article{display:grid;gap:12px;border:1px solid #dbe7ef;border-radius:11px;padding:16px;background:#f8fbfd}.qpg-adjust-fields article>strong{font-size:12px;color:#20768a}.qpg-adjust-fields label{display:grid;gap:6px;font-size:11px;color:#668092}.qpg-adjust-fields input{width:100%}.qpg-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #dce7ef;background:#f7fafc}.qpg-preview-wrap{overflow:auto;border:1px solid #dce7ef;border-radius:10px}.qpg-preview{width:100%;min-width:880px;border-collapse:collapse;font-size:11px}.qpg-preview th,.qpg-preview td{padding:12px 11px;border-bottom:1px solid #e2ebf2;text-align:left;vertical-align:top}.qpg-preview thead th{background:#f0f6fa;color:#4e758d}.qpg-preview tbody th{width:220px;color:#244c63;line-height:1.6}.qpg-preview small{display:block;font-weight:400;font-size:9px;line-height:1.6;color:#7d92a2;margin-bottom:4px}.qpg-preview del{display:block;color:#9aaab6;margin-bottom:4px}.qpg-preview td>b{display:block;color:#087f77}.qpg-workspace button:disabled{opacity:.45;cursor:default}.qpg-workspace input:focus,.qpg-workspace select:focus{outline:2px solid #77bfd180;outline-offset:1px}.qpg-workspace input:disabled,.qpg-workspace select:disabled{background:#f4f7f9;color:#7d929f}@media(max-width:900px){.qpg-page .ops-page-header{flex-direction:column}.qpg-actions{justify-content:flex-start}.qpg-adjust-fields{grid-template-columns:repeat(2,1fr)}.qpg-savebar{flex-wrap:wrap}.qpg-savebar>div{width:100%}.qpg-intro>span{display:none}}@media(max-width:600px){.qpg-toolbar{flex-wrap:wrap}.qpg-toolbar>input{width:100%}.qpg-toolbar>span{margin-left:0}.qpg-tabs{width:auto}.qpg-tabs button{flex:1;font-size:11px}.qpg-overlay{padding:10px}.qpg-dialog>header,.qpg-dialog-body,.qpg-dialog>footer{padding:16px}.qpg-adjust-fields{gap:9px}.qpg-adjust-fields article{padding:11px}.qpg-pagination{align-items:flex-start;flex-direction:column}.qpg-intro{padding:14px}.qpg-savebar{bottom:4px;padding:12px}.qpg-savebar button{flex:1}}
/* Responsive refinement: readable cards keep the four editable tiers together. */
.qpg-workspace{min-width:0;container-type:inline-size}.qpg-workspace *{box-sizing:border-box}.qpg-page .ops-page-header h1{letter-spacing:-.035em}.qpg-actions .btn{white-space:normal;line-height:1.4}.qpg-guide{border:1px solid #dbe7ed;border-radius:11px;background:var(--surface,#fff);margin:0 0 18px;color:var(--text,#244a60)}.qpg-guide summary{padding:13px 17px;cursor:pointer;font-size:12px;font-weight:650;color:#26657b}.qpg-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:3px 17px 12px}.qpg-guide b{font-size:12px}.qpg-guide p{font-size:11px;color:var(--muted,#627c8d);line-height:1.7;margin:7px 0}.qpg-guide .qpg-guide-note{border-top:1px solid #e5edf2;padding:12px 17px;margin:0}.qpg-toolbar{flex-wrap:wrap}.qpg-toolbar>input{flex:1;min-width:180px}.qpg-toolbar select{flex:0 1 200px}.qpg-selection{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;margin-bottom:10px;background:#f4f8fb;border:1px solid #e0e9ef;border-radius:9px;font-size:11px;color:#58768a}.qpg-selection label{display:flex;align-items:center;gap:8px;font-weight:600}.qpg-selection input{width:17px;height:17px;accent-color:#087f97}.qpg-selection>span{margin-left:auto}.qpg-selection>button{border:0;background:transparent;color:#087f97;font-weight:600;padding:6px;cursor:pointer}.qpg-table tbody tr:hover>td,.qpg-table tbody tr:hover>th{background:#f8fcfd}.qpg-table tbody tr.has-draft:hover>td,.qpg-table tbody tr.has-draft:hover>th{background:#fffaf0}.qpg-switch{min-height:38px}.qpg-switch>span{width:30px;height:18px}.qpg-switch>span:before{width:14px;height:14px}.qpg-switch[aria-checked=true]>span:before{transform:translateX(12px)}.qpg-dialog input{font-variant-numeric:tabular-nums}.qpg-dialog-body{overscroll-behavior:contain}.qpg-adjust-fields article:focus-within{border-color:#42a3b4;box-shadow:0 0 0 2px #42a3b414}.qpg-preview td,.qpg-preview tbody th{overflow-wrap:anywhere}.qpg-workspace button:focus-visible,.qpg-guide summary:focus-visible{outline:3px solid #4bb5c7;outline-offset:3px}.qpg-savebar{padding-bottom:max(12px,env(safe-area-inset-bottom))}
@container(max-width:1100px){.qpg-table-wrap{max-height:none;overflow:visible;border:0;background:transparent}.qpg-table,.qpg-table tbody{display:block;min-width:0;width:100%}.qpg-table thead{display:none}.qpg-table tbody tr{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;margin-bottom:13px;border:1px solid #d9e5ee;border-radius:12px;background:var(--surface,#fff);box-shadow:0 3px 10px #12384d05}.qpg-table tbody tr.has-draft{border-color:#e8ce90;background:#fffdf7}.qpg-table tbody tr>td,.qpg-table tbody tr>th{display:block;width:auto!important;border:0!important;padding:0!important;background:transparent!important;min-width:0}.qpg-table tbody tr>td:first-child{position:absolute;right:16px;top:17px;width:24px!important}.qpg-table tbody th:nth-child(2){grid-column:1/-1;padding-right:40px!important}.qpg-table tbody th strong{font-size:13px;line-height:1.5}.qpg-table td[data-label='Grupo de volume'],.qpg-table td[data-label='Conteúdo e preço']{grid-column:span 2}.qpg-table td[data-label]:before{content:attr(data-label);display:block;font-size:11px;font-weight:650;color:#345e74;margin-bottom:8px}.qpg-table tbody tr>td:last-child{grid-column:1/-1;border-top:1px solid #e0ebf0!important;padding-top:9px!important;display:flex;align-items:center;justify-content:space-between}.qpg-table tbody tr>td:last-child:before{margin-bottom:0}.qpg-table input:not([type=checkbox]),.qpg-table select{min-height:39px;font-size:12px}.qpg-table label{font-size:10px}.qpg-table small{font-size:10px}.qpg-empty{grid-column:1/-1}.qpg-savebar{position:static}.qpg-page .ops-page-header{flex-direction:column}.qpg-actions{justify-content:flex-start}.qpg-guide-steps{grid-template-columns:1fr;gap:8px}.qpg-intro>span{display:none}}
@container(max-width:620px){.qpg-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px}.qpg-table td[data-label='Grupo de volume'],.qpg-table td[data-label='Conteúdo e preço']{grid-column:1/-1}.qpg-actions{width:100%;display:grid;grid-template-columns:1fr}.qpg-actions .btn{justify-content:center}.qpg-tabs{width:100%;display:grid;grid-template-columns:1fr}.qpg-tabs button{text-align:left}.qpg-toolbar>input{flex-basis:100%;width:100%}.qpg-toolbar select{flex:1;min-width:0;font-size:11px}.qpg-toolbar>span{margin-left:0;width:100%}.qpg-selection>span{width:100%;margin-left:0}.qpg-selection>button{margin-left:auto}.qpg-savebar{display:grid;grid-template-columns:1fr 1fr}.qpg-savebar>div{grid-column:1/-1}.qpg-savebar .btn{padding:10px;font-size:11px;white-space:normal}.qpg-pagination>div{width:100%;justify-content:space-between}}
@media(max-width:650px){.qpg-overlay{padding:8px}.qpg-dialog{max-height:calc(100dvh - 16px);border-radius:12px}.qpg-dialog h2{font-size:18px}.qpg-dialog>header{padding:14px;gap:10px}.qpg-dialog-body{padding:14px}.qpg-dialog>footer{padding:12px;display:grid;grid-template-columns:1fr 1fr}.qpg-dialog>footer .btn{font-size:11px;padding:10px;white-space:normal}.qpg-modal-help{font-size:12px}.qpg-adjust-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qpg-adjust-fields article{min-width:0}.qpg-adjust-fields input{min-height:43px;font-size:16px}.qpg-preview-wrap{overflow:visible;border:0}.qpg-preview,.qpg-preview tbody{display:block;min-width:0;width:100%}.qpg-preview thead{display:none}.qpg-preview tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;border:1px solid #dce7ef;border-radius:10px;padding:13px;margin-bottom:12px}.qpg-preview tbody th,.qpg-preview td{display:block;width:auto;border:0;padding:0;min-width:0}.qpg-preview tbody th,.qpg-preview td[data-label='Grupo e embalagem']{grid-column:1/-1}.qpg-preview td:before{content:attr(data-label);display:block;color:#315a70;font-size:11px;font-weight:650;margin-bottom:6px}.qpg-preview small{font-size:10px}.qpg-preview td>b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.qpg-switch>span:before{transition:none}}
.qpg-page .ops-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.qpg-page .ops-page-header>div:first-child{min-width:0;flex:1}.qpg-page .ops-page-header h1{margin:6px 0 8px;font-size:24px;line-height:1.25}.qpg-page .ops-page-header p{margin:0;line-height:1.65;font-size:12px}.qpg-page .ops-eyebrow{font-size:10px;letter-spacing:.1em}.qpg-page .qpg-actions{flex:0 0 auto}.qpg-intro{margin:16px 0}
@container(max-width:1100px){.qpg-page .ops-page-header{flex-direction:column;gap:13px}.qpg-page .qpg-actions{flex:auto}.qpg-page .ops-page-header h1{font-size:22px}}
.qpg-preview td.qpg-unchanged>b{color:#4d6b7f}.qpg-preview td.qpg-changed{background:#effaf5}.qpg-preview td.qpg-changed>b{color:#087b68}.qpg-preview td.qpg-unchanged>small:last-child{font-size:9px;color:#7b8f9e;margin-top:4px}.qpg-preview td.qpg-changed{border-radius:7px}