.fabric-dialog{width:min(1220px,calc(100vw - 48px));max-width:1220px;max-height:calc(100dvh - 48px);border:0;border-radius:18px;padding:0;overflow:hidden}.fabric-dialog>.modal-form{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:none!important;max-height:calc(100dvh - 48px);overflow:auto;padding:30px}.fabric-list,.fabric-color-list{display:grid;gap:10px;margin-top:16px}.fabric-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line,#e2e8f0);border-radius:12px}.fabric-row .actions{display:flex;gap:8px;flex-wrap:wrap}.fabric-row .pill{display:inline-block;margin-top:5px}
/* Cadastro/edição de tecido segue o mesmo layout do modal de Cores. */
#fabric-form{display:grid;gap:20px}#fabric-form .checks{display:flex;gap:14px 24px;flex-wrap:wrap}#fabric-product-box{width:100%}#fabric-product-box>.toolbar{display:grid!important;grid-template-columns:210px minmax(280px,1fr) auto auto;gap:12px!important;align-items:end}#fabric-product-box>.toolbar label{min-width:0!important;margin:0}#fabric-product-box>.toolbar select,#fabric-product-box>.toolbar input{width:100%;box-sizing:border-box}#fabric-product-list{max-height:470px;overflow:auto;margin-top:12px;border:1px solid var(--line,#e2e8f0);border-radius:12px;-webkit-overflow-scrolling:touch}.fabric-product-row{display:grid!important;grid-template-columns:30px 145px minmax(300px,1fr) 160px;gap:10px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line,#e2e8f0);cursor:pointer;margin:0!important}.fabric-product-row:last-child{border-bottom:0}.fabric-product-row:hover{background:rgba(0,0,0,.025)}.fabric-product-row input{margin:0}.fabric-product-row b{font-size:.95rem}.fabric-product-row span{min-width:0}.fabric-product-row small{font-size:.9rem;color:var(--muted,#64748b)}#fabric-form>.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}
@media(max-width:900px){.fabric-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}.fabric-dialog>.modal-form{max-height:calc(100dvh - 28px);padding:20px}.fabric-dialog .modal-head{position:sticky;top:-20px;z-index:3;background:var(--card,#fff);padding-top:20px}#fabric-product-box>.toolbar{grid-template-columns:1fr 1fr}#fabric-product-box>.toolbar label{grid-column:auto}.fabric-product-row{grid-template-columns:30px 100px minmax(180px,1fr) 120px;padding:12px}}
@media(max-width:600px){.fabric-dialog{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.fabric-dialog>.modal-form{height:100dvh;max-height:100dvh;padding:16px}.fabric-dialog .modal-head{position:sticky;top:-16px;background:var(--card,#fff);z-index:3;padding:16px 0 10px}.fabric-dialog .toolbar button{width:100%}.fabric-row{align-items:stretch;flex-direction:column}.fabric-row .actions{display:grid;grid-template-columns:1fr 1fr}.fabric-row .actions button{width:100%}.fabric-row .actions button:first-child:nth-last-child(3){grid-column:1/-1}#fabric-product-box>.toolbar{grid-template-columns:1fr 1fr}#fabric-product-box>.toolbar label{grid-column:1/-1}#fabric-product-box>.toolbar button{width:100%}#fabric-product-list{max-height:40dvh}.fabric-product-row{grid-template-columns:26px 78px minmax(0,1fr)!important;gap:8px;padding:11px 8px}.fabric-product-row small{grid-column:2/-1}#fabric-form>.modal-actions,.fabric-dialog .modal-actions{position:sticky;bottom:-16px;background:var(--card,#fff);padding:12px 0 16px;margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.fabric-dialog .modal-actions button{width:100%}}