.sales-list{display:grid;gap:18px;margin-top:20px}.sale-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.sale-head{display:flex;justify-content:space-between;gap:20px;padding:22px 25px;background:#fbfcfd;border-bottom:1px solid var(--line)}.sale-head h3{margin:0 0 5px}.sale-head p{margin:0;color:var(--muted);font-size:13px}.sale-head>div:last-child{text-align:right}.sale-head strong,.sale-head small{display:block}.sale-head strong{color:var(--green);font-size:18px}.sale-head small{color:var(--muted);margin:4px 0 9px}.sale-head button{border:1px solid #df5a5a;background:#fff;color:#c83f3f;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:800;cursor:pointer}.sale-part{display:grid;grid-template-columns:55px 1fr 150px;gap:14px;align-items:center;padding:15px 25px;border-bottom:1px solid var(--line)}.sale-part>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eef3f5;font-size:11px;font-weight:800}.sale-part b,.sale-part small{display:block}.sale-part small{color:var(--muted);margin-top:3px}.sale-part button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:8px;padding:9px;font-size:11px;font-weight:800;cursor:pointer}.sale-part.paid{background:#f2fbf7}.sale-part.paid>span,.sale-part.paid button{background:var(--green);color:#fff}.sales-reminders{margin-top:18px;background:#fff8e8;border:1px solid #f2d892;border-radius:14px;padding:20px}.sales-reminders h3{margin-top:0}.sales-reminders>div{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #ecdcae;padding:12px 0}.sales-reminders p{margin:0}.sales-reminders a{background:#20a867;color:#fff;text-decoration:none;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}@media(max-width:800px){nav{grid-template-columns:repeat(7,1fr)!important}.sale-head{padding:17px}.sale-part{grid-template-columns:42px 1fr;padding:13px}.sale-part button{grid-column:2}.sales-reminders>div{display:grid}}
.sales-customer{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.sales-customer-toggle{width:100%;border:0;background:#f7fafb;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;color:inherit}.sales-customer-toggle h3,.sales-customer-toggle p{margin:0}.sales-customer-toggle p,.sales-customer-toggle small{color:var(--muted);font-size:12px}.sales-customer-toggle>div:last-child{text-align:right}.sales-customer-toggle strong,.sales-customer-toggle small,.sales-customer-toggle b{display:block}.sales-customer-toggle strong{color:var(--green);font-size:17px}.sales-customer-toggle b{margin-top:5px;font-size:12px}.sales-customer-body{display:grid;gap:14px;padding:16px;background:#eef3f5}.sales-customer-body[hidden]{display:none}@media(max-width:800px){.sales-customer-toggle{padding:16px;gap:12px}.sales-customer-body{padding:10px}}
.sales-customer-actions{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.sales-customer-actions button{flex:1;border:0;background:#fff;padding:12px 18px;font-size:12px;font-weight:800;cursor:pointer;text-align:left}.sales-customer-actions .add-product-customer{border:0;background:#e9f8f3;color:var(--green)}.sales-customer-actions .customer-pdf-button{color:var(--navy);border-left:1px solid var(--line);text-align:center}.sales-customer-actions .customer-pdf-button:hover{background:#edf4f7}.sales-customer-actions button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.sales-customer-actions{display:grid}.sales-customer-actions .customer-pdf-button{border-left:0;border-top:1px solid var(--line);text-align:left}}