.sales-tools{max-width:1120px;margin:0 auto;color:#3b254d}.sales-hero{padding:26px 28px;margin-bottom:20px;background:linear-gradient(120deg,#f4edff,#fff4ef);border:1px solid #eadcf4;border-radius:26px}.sales-hero>span{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#a14d83}.sales-hero h2{margin:9px 0;font-size:30px;color:#6431a4}.sales-hero p{margin:0;color:#765f80;line-height:1.6}.sales-card{padding:24px;background:#fff;border:1px solid #eadff1;border-radius:24px;box-shadow:0 6px 22px #5c2c9110;min-width:0}.sales-tools label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;min-width:0}.sales-tools input,.sales-tools select,.sales-tools textarea{border:1px solid #dfd3ea;border-radius:12px;padding:12px;color:#3b254d;background:#fff;font-size:15px;min-width:0;width:100%;box-sizing:border-box}.sales-tools textarea{font-family:monospace;font-size:12px;overflow-wrap:anywhere;resize:vertical}.sales-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.sales-product-row{display:grid;grid-template-columns:minmax(160px,2fr) minmax(80px,.8fr) minmax(110px,1fr) 38px;gap:10px;align-items:end;padding:16px 0;border-bottom:1px solid #eee5f3}.sales-remove{height:44px;font-size:25px;min-width:0}.sales-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.sales-buttons button{min-height:44px}.sales-buttons button:disabled{opacity:.48;cursor:not-allowed}.sales-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 12px}.sales-totals>div{background:#f7f1ff;border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:8px;min-width:0}.sales-totals span{font-size:12px;color:#766184}.sales-totals strong{font-size:28px;color:#6431a4}.sales-totals b{font-size:21px}.sales-totals small{font-size:11px;line-height:1.5;color:#7c6a86}.sales-note{font-size:12px;color:#7b6984;line-height:1.65}.sales-error,.sales-warning,.sales-success{padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.sales-error{color:#a12a4e;background:#fff0f3;border:1px solid #f2c5d0}.sales-warning{color:#806224;background:#fff8e7;border:1px solid #f1dda9}.sales-success{color:#176b68;background:#e9f8f5}.sales-cost-breakdown summary,.sales-pix-settings summary{cursor:pointer;min-height:32px;color:#6532a1;font-size:14px;font-weight:700}.sales-cost-breakdown p{font-size:12px;line-height:1.6;color:#766184}.sales-pix-settings{margin:18px 0;padding:18px;border:1px solid #eadff1;border-radius:16px}.sales-pix-result{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px;margin-top:24px;padding:22px;background:#faf7ff;border:1px solid #e4d7f2;border-radius:20px}.sales-pix-qr{display:grid;place-items:center;align-self:start;background:#fff;border-radius:14px;padding:10px}.sales-pix-qr svg{display:block;width:240px;max-width:100%;height:auto}.sales-pix-result h3{font-size:30px;color:#6631a3;margin:8px 0}.sales-pix-result p{font-size:13px;overflow-wrap:anywhere}.sales-pix-result>div{min-width:0}.sales-tools :focus-visible{outline:3px solid #ef88b8;outline-offset:3px}
@media(max-width:760px){.sales-hero{padding:20px;border-radius:20px}.sales-hero h2{font-size:26px}.sales-card{padding:17px;border-radius:20px}.sales-fields{grid-template-columns:1fr 1fr}.sales-fields>label:last-child:nth-child(3){grid-column:1/-1}.sales-product-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px}.sales-product-row>label:first-child{grid-column:1/3}.sales-product-row>label:nth-child(2){grid-row:2}.sales-product-row>label:nth-child(3){grid-row:2}.sales-remove{grid-column:3;grid-row:1/3;align-self:center}.sales-totals{grid-template-columns:1fr}.sales-totals>div{padding:14px}.sales-totals strong{font-size:25px}.sales-totals b{font-size:21px}.sales-pix-result{grid-template-columns:1fr;padding:16px;gap:18px}.sales-pix-qr{width:min(260px,100%);box-sizing:border-box;margin:auto}.sales-pix-settings{padding:14px}.sales-buttons>button{flex:1 1 150px}.sales-tools select{max-width:100%}}
@media(max-width:380px){.sales-fields{grid-template-columns:1fr}.sales-fields>label:last-child:nth-child(3){grid-column:auto}.sales-card{padding:13px}.sales-hero{padding:17px}.sales-product-row{gap:7px}.sales-tools input,.sales-tools select{padding:10px;font-size:14px}}
