.customer-dialog{width:min(980px,calc(100% - 28px));max-height:calc(100vh - 28px);border:1px solid #80502b;border-radius:18px;padding:0;background:#fffaf5;color:#172033;box-shadow:0 28px 90px #0009}.customer-dialog::backdrop{background:#020617c4;backdrop-filter:blur(3px)}.customer-shell{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 30px)}.customer-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid #dfc5ad;background:#fff3e8}.customer-head h2{margin:0;font-size:22px}.customer-head p{margin:4px 0 0;color:#64748b}.customer-head button,.customer-actions button,.customer-list button,.customer-new{min-height:42px;border:1px solid #c8a485;border-radius:9px;padding:0 14px;background:#fff;color:#3b2617;font-weight:800;cursor:pointer}.customer-layout{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:520px}.customer-sidebar{display:flex;min-height:0;flex-direction:column;padding:16px;border-right:1px solid #dfc5ad;background:#fff7ed}.customer-search{height:46px;border:1px solid #c8a485;border-radius:10px;padding:0 12px;font:700 15px Arial,sans-serif}.customer-new{margin-top:10px;background:#c56f16;color:#fff;border-color:#c56f16}.customer-list{display:grid;align-content:start;gap:7px;margin-top:13px;overflow:auto}.customer-list button{height:auto;min-height:52px;padding:9px 11px;text-align:left}.customer-list button strong,.customer-list button span{display:block}.customer-list button span{margin-top:3px;color:#64748b;font-size:11px}.customer-list button.active{border-color:#c56f16;background:#ffedd5}.customer-form-wrap{overflow:auto;padding:21px}.customer-form-wrap h3{margin:0 0 17px}.customer-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.customer-field{display:grid;gap:6px}.customer-field.full{grid-column:1/-1}.customer-field label{font-size:13px;font-weight:850}.customer-field input,.customer-field textarea{width:100%;border:1px solid #b9c5d3;border-radius:9px;background:#fff;padding:11px;color:#172033;font:700 15px Arial,sans-serif}.customer-field textarea{min-height:84px;resize:vertical}.customer-actions{display:flex;justify-content:flex-end;gap:9px;grid-column:1/-1;margin-top:7px}.customer-actions .use{background:#0f766e;border-color:#0f766e;color:#fff}.customer-actions .save{background:#c56f16;border-color:#c56f16;color:#fff}.customer-actions .delete{margin-right:auto;background:#fff1f2;border-color:#fecdd3;color:#9f1239}.customer-status{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:8px;background:#dcfce7;color:#166534;font-weight:750}.customer-status.error{background:#fee2e2;color:#991b1b}.customer-status[hidden]{display:none}@media(max-width:760px){.customer-dialog{width:100%;max-height:100vh;border:0;border-radius:0}.customer-shell{max-height:100vh}.customer-head{padding:13px}.customer-head h2{font-size:19px}.customer-head p{font-size:12px}.customer-layout{display:block;overflow:auto}.customer-sidebar{min-height:260px;border-right:0;border-bottom:1px solid #dfc5ad}.customer-list{max-height:250px}.customer-form-wrap{padding:16px}.customer-form{grid-template-columns:1fr}.customer-field.full,.customer-actions,.customer-status{grid-column:auto}.customer-actions{flex-direction:column}.customer-actions button{width:100%}.customer-actions .delete{order:3}}

.customer-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.customer-list-row>button[data-id]{min-width:0}.customer-list-row .customer-quick-delete{min-width:68px;padding:7px;border-color:#fecdd3;background:#fff1f2;color:#9f1239;text-align:center}.customer-list-row .customer-quick-delete[data-confirm="yes"]{background:#dc2626;border-color:#dc2626;color:#fff}


/* Rolagem limpa da janela de clientes */
.customer-dialog{overflow:hidden}.customer-shell{height:min(760px,calc(100vh - 30px));overflow:hidden}.customer-layout{min-height:0}.customer-form-wrap,.customer-list,.customer-layout{scrollbar-width:none;-ms-overflow-style:none}.customer-form-wrap::-webkit-scrollbar,.customer-list::-webkit-scrollbar,.customer-layout::-webkit-scrollbar,.customer-dialog::-webkit-scrollbar{display:none;width:0;height:0}@media(max-width:760px){.customer-dialog{height:100vh}.customer-shell{height:100vh;max-height:100vh}.customer-layout{min-height:0}}

