/* ERP 011: aprimoramento visual sem modificar fluxos e identificadores */
.erp011-page{max-width:1500px!important}.erp011-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:30px;flex-wrap:wrap}.erp011-heading h1{font-size:clamp(27px,3vw,36px);letter-spacing:-.035em;margin:5px 0 8px}.erp011-heading p{max-width:720px;margin:0;color:#64748b;line-height:1.6}.erp011-kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:#2463d5;margin-bottom:7px}.erp011-tag{background:#e9f1ff;border:1px solid #d2e3ff;color:#245ab5;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700}.erp011-page .panel{border:1px solid #e1e9f3!important;border-radius:17px!important;box-shadow:0 9px 28px rgba(16,37,68,.035)!important;padding:clamp(20px,2.5vw,32px)!important}.erp011-page h2{font-size:20px;letter-spacing:-.02em}.erp011-page label{color:#32445f;font-size:12px;font-weight:700}.erp011-page input,.erp011-page select,.erp011-page textarea{min-width:0;max-width:100%;background:#fff;border:1px solid #ccd7e6;border-radius:10px;min-height:44px;padding:10px 12px;font-size:14px}.erp011-page input:focus,.erp011-page select:focus,.erp011-page textarea:focus{border-color:#2563eb;outline:3px solid #2563eb1a}.erp011-page button{min-height:41px;border-radius:10px}.erp011-page .grid{grid-template-columns:minmax(0,1.75fr) minmax(320px,.9fr);gap:22px;align-items:start}.erp011-page .grid>*,.erp011-page .row>*{min-width:0}.erp011-sectionhead{margin-bottom:24px}.erp011-sectionhead p{font-size:13px;margin:0}.erp011-page .catalog-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;background:#f7faff;border:1px solid #e1e9f3;border-radius:12px;padding:18px;margin:0 0 20px}.erp011-page .catalog-picker label{margin:0}.erp011-page .catalog-picker select{width:100%}.erp011-page .catalog-picker .hint{grid-column:1/-1;font-size:12px;color:#71809a}.erp011-page #item-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(90px,.7fr) minmax(125px,1fr) auto;gap:12px;align-items:end}.erp011-page #item-form>.catalog-picker{grid-column:1/-1}.erp011-page #item-form>button{height:44px;white-space:nowrap}.erp011-page #item-form>div{min-width:0}.erp011-page #item-form label{overflow-wrap:normal;word-break:normal}.erp011-page #item-form input{width:100%}.erp011-page table{font-size:13px}.erp011-page th{background:#f8fafd;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.erp011-page td,.erp011-page th{padding:14px 10px}.erp011-page aside.panel{position:sticky;top:18px}.erp011-page .summary{background:linear-gradient(135deg,#f2f7ff,#f9fbff);border-color:#dce8fa}.erp011-page .money{font-size:36px;letter-spacing:-.035em}.erp011-page #finalizar,.erp011-page #save{background:#205fd6;color:white;font-weight:750}.erp011-page .erp011-quote-editor .two{gap:16px}.erp011-page .erp011-quote-editor #add-form{padding:20px;background:#f7faff;border:1px solid #e1e9f3;border-radius:13px;margin:18px 0}.erp011-page .erp011-quote-editor #add-form>.catalog-picker{background:white}.erp011-page .erp011-quote-editor #items{border-top:1px solid #e7edf5;padding-top:14px;margin:18px 0}.erp011-page .erp011-quote-list{margin-top:24px}.crud-main .crud-heading h1{font-size:34px;letter-spacing:-.03em}.crud-main .search-panel{border-radius:16px}.crud-main .client-table th{background:#f6f9fe}.client-dialog .erp011-hint{font-size:12px;color:#567099;background:#f1f6ff;padding:12px 14px;border-radius:9px;margin-bottom:16px}body:has(#product-forms) #codigo[readonly]{background:#edf3fc;color:#546780;cursor:not-allowed}body:has(#product-forms) .panel{border-radius:16px}
@media(max-width:1120px){.erp011-page .grid{grid-template-columns:1fr}.erp011-page aside.panel{position:static}}
@media(max-width:650px){.erp011-page #item-form{grid-template-columns:1fr 1fr}.erp011-page #item-form>div:first-of-type{grid-column:1/-1}.erp011-page #item-form>button{grid-column:1/-1}.erp011-page .catalog-picker{grid-template-columns:1fr}.erp011-page .catalog-picker .hint{grid-column:1}.erp011-tag{display:none}}

/* Correção 013: cadastro de produtos em painéis empilhados */
body:has(#product-forms) #product-forms:not([hidden]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
}
body:has(#product-forms) #product-forms[hidden] { display: none !important; }
body:has(#product-forms) #product-forms > .panel { width: 100% !important; min-width: 0 !important; margin: 0 !important; }
body:has(#product-forms) #product-forms .fields { max-width: 100%; }
body:has(#product-forms) #product-forms .two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 22px; }
@media (max-width: 650px) {
  body:has(#product-forms) #product-forms .two { grid-template-columns: minmax(0, 1fr); }
}
