.sales-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.sales-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#558477;margin-bottom:10px}.sales-heading h1{font-size:30px;font-weight:750;letter-spacing:-1px;margin:0}.sales-heading p{font-size:12px;color:#7b8984;line-height:1.9;margin:8px 0 0}.sales-heading-actions{display:flex;gap:10px;flex-shrink:0}.sales-heading-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:13px 18px;font-size:12px}.sales-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.sales-stat{background:#fff;border:1px solid #e1e9e4;border-radius:12px;padding:21px 18px;display:flex;gap:14px;align-items:center;min-width:0}.sales-stat-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#eaf4ee;color:#24785a;border-radius:12px}.sales-stat>div{min-width:0}.sales-stat>div>span{font-size:11px;color:#7c8a83}.sales-stat strong{display:block;font-size:24px;letter-spacing:-.5px;margin-top:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.sales-stat strong small{font-size:10px;color:#83928a;font-weight:500;letter-spacing:0}.sales-stat.stat-2 .sales-stat-icon{background:#eaf0fa;color:#597aa5}.sales-stat.stat-3 .sales-stat-icon{background:#fcf1df;color:#a88039}.sales-list{border-radius:13px;box-shadow:0 4px 20px #23433103}.sales-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;border-bottom:1px solid #edf0ed}.sales-tabs{display:flex;gap:5px;background:#f1f5f2;border:1px solid #edf1ee;border-radius:9px;padding:4px}.sales-tabs button{background:transparent;color:#819087;border:0;padding:10px 15px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:10px;white-space:nowrap}.sales-tabs button.active{background:#fff;color:#246a50;box-shadow:0 1px 5px #153d2512;font-weight:700}.sales-tabs button span{background:#e4ece7;border-radius:5px;padding:2px 6px;font-size:10px;min-width:25px}.sales-tabs button.active span{background:#e6f3ec;color:#32805e}.sales-export{display:flex;align-items:center;gap:7px;font-size:11px;padding:9px 13px;border-radius:7px}.sales-export svg{width:16px;height:16px}.sales-searchbar{display:flex;align-items:center;gap:12px;padding:22px 22px 12px}.sales-search{position:relative;flex:1;min-width:160px}.sales-search>svg{position:absolute;inset-inline-start:13px;top:12px;color:#93a49a;width:18px;height:18px}.sales-search input{padding:13px 14px;padding-inline-start:41px;border-radius:8px;background:#fcfdfb;font-size:12px}.sales-searchbar select{padding:12px;border:1px solid #dce5df;border-radius:8px;font-size:11px;max-width:250px;background:white;min-width:160px}.sales-filter-toggle{display:flex;align-items:center;gap:7px;font-size:11px;padding:12px;border-radius:8px}.sales-filter-toggle svg{height:17px;width:17px}.sales-filters{padding:15px 22px;display:flex;gap:12px;align-items:end;background:#f8faf8;margin:5px 22px 12px;border:1px solid #e5ece6;border-radius:9px}.sales-filters[hidden]{display:none}.sales-filters>label{display:flex;flex-direction:column;gap:7px;font-size:10px;flex:1;min-width:130px}.sales-filters select{width:100%;padding:10px;border-radius:6px;font-size:11px}.sales-filters button{font-size:11px;white-space:nowrap;margin-bottom:1px}.sales-filters .persian-date-field{min-width:0}.sales-filters .persian-calendar{position:absolute;z-index:4;inset-inline-end:0}.sales-scope{display:flex;gap:7px;align-items:center;margin:0;padding:0 22px 17px;font-size:10px;color:#7b8a80;line-height:1.8}.sales-scope-dot{width:5px;height:5px;background:#91ad9b;border-radius:50%;flex-shrink:0}.sales-scope details{position:relative}.sales-scope summary{cursor:pointer;color:#568b70}.sales-scope details p{position:absolute;z-index:3;top:17px;inset-inline-end:0;background:white;border:1px solid #dce8df;box-shadow:0 8px 25px #123a2420;width:270px;white-space:normal;padding:14px;border-radius:7px}.sales-result-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-top:1px solid #edf1ed;font-size:11px;color:#819087}.sales-result-toolbar select{border:0;background:transparent;font-size:11px;color:#6b7f72;padding:5px 0}.sales-table table{min-width:770px}.sales-table th{background:#f8faf8;padding:12px 22px;font-size:10px;font-weight:600;color:#87978d}.sales-table td{padding:16px 22px;font-size:12px;vertical-align:middle}.sales-table tbody tr:hover{background:#f5faf7}.sales-invoice-link{border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:start;padding:0;color:#2c7055}.sales-invoice-link>svg{width:30px;height:34px;stroke-width:1.2;background:#eef5ef;padding:6px;border-radius:6px}.sales-invoice-link b{font-size:12px;font-weight:650}.sales-invoice-link small{display:block;font-size:9px;color:#98a59d;margin-top:5px}.sales-invoice-link:hover b{text-decoration:underline}.sales-customer{display:flex;align-items:center;gap:10px;max-width:270px}.sales-avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#eeefe9;color:#8a8f73;font-size:12px;flex-shrink:0}.sales-customer-link{background:transparent;border:0;color:#3e5347;font-size:12px;text-align:start;padding:0;max-width:220px;overflow:hidden;text-overflow:ellipsis}.sales-customer-link:hover{color:#1b8558;text-decoration:underline}.sales-customer small{font-size:9px;color:#98a39d}.sales-date{color:#87958d;font-size:11px!important;direction:ltr;text-align:start;font-variant-numeric:tabular-nums}.sales-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.sales-amount b{font-size:13px;font-weight:650;letter-spacing:.2px}.sales-amount small{display:inline;margin-inline-start:6px;font-size:9px;color:#9ba79f}.sales-amount.sales-due{color:#a88039}.sales-table .flow-badge,.sales-table .badge{font-size:10px;padding:6px 9px;font-weight:500}.sales-open{display:grid;place-items:center;background:white;border:1px solid #e3eae4;border-radius:7px;padding:7px;color:#749181}.sales-open svg{width:15px;height:15px}[dir=rtl] .sales-open svg{transform:rotate(180deg)}.sales-open:hover{background:#eaf5ee;color:#22734f;border-color:#b8d4c2}.sales-list-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 22px;border-top:1px solid #e8eee9;background:#fdfefc;font-size:10px;color:#8b9a90}.sales-list-foot b{display:block;color:#4f6a58;font-size:12px;font-weight:600;margin-top:5px}.sales-pagination{display:flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums}.sales-pagination button{font-size:19px;line-height:19px;padding:5px 11px;border-radius:6px}.sales-pagination button:disabled{opacity:.35;cursor:default}.sales-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:52px 20px;gap:8px}.sales-empty>svg{width:44px;height:44px;color:#a1b9a9;margin-bottom:8px}.sales-empty h3{font-size:15px;margin:0}.sales-empty p{font-size:12px;color:#90a096;margin:0 0 10px}.sales-empty button{font-size:11px}.sales-skeleton{padding:0 22px}.sales-skeleton>div{display:grid;grid-template-columns:1.2fr 2fr 1.3fr 1fr;gap:30px;align-items:center;height:72px;border-bottom:1px solid #eef1ee}.sales-skeleton i{height:12px;background:linear-gradient(90deg,#f1f5f1,#e8eee9,#f1f5f1);background-size:200% 100%;border-radius:5px;animation:sales-shimmer 1.5s infinite}.sales-skeleton i:nth-child(2){width:75%}@keyframes sales-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.sales-skeleton i{animation:none}}@media(max-width:1200px){.sales-stat{padding:17px 13px;gap:10px}.sales-stat strong{font-size:20px}.sales-stat-icon{flex-basis:34px;height:34px;border-radius:9px}.sales-filters{flex-wrap:wrap}.sales-heading h1{font-size:26px}.sales-heading p{max-width:450px}.sales-heading-actions{flex-direction:column}.sales-table td,.sales-table th{padding-inline:17px}}@media(max-width:760px){.sales-heading{flex-direction:column;align-items:stretch;gap:16px}.sales-heading-actions{flex-direction:row}.sales-heading-actions button{flex:1;font-size:11px;padding:12px 9px}.sales-heading h1{font-size:26px}.sales-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sales-stat{padding:15px 12px;gap:10px}.sales-stat strong{font-size:19px}.sales-stat>div>span{font-size:10px}.sales-list-head{padding:14px;flex-wrap:wrap}.sales-tabs{flex:1}.sales-tabs button{flex:1;justify-content:center;font-size:11px;padding:10px}.sales-export{margin-inline-start:auto}.sales-searchbar{padding:14px;flex-wrap:wrap;gap:9px}.sales-search{flex:1 1 100%}.sales-searchbar select{flex:1;min-width:0;max-width:none}.sales-filter-toggle{flex-shrink:0}.sales-filters{margin-inline:14px;padding:13px;gap:10px}.sales-filters>label:first-child{flex-basis:100%}.sales-filters>label{min-width:110px}.sales-filters>button{flex:1}.sales-scope{padding-inline:14px;align-items:flex-start}.sales-result-toolbar{padding-inline:14px}.sales-list-foot{padding:14px;gap:12px;font-size:9px}.sales-list-foot b{font-size:11px}.sales-pagination{gap:8px}.sales-table td{padding:14px}.sales-table th{padding-inline:14px}.sales-table table{min-width:710px}.sales-invoice-link>svg{display:none}}[dir=rtl] .sales-heading h1{letter-spacing:0}[dir=rtl] .sales-stat strong{letter-spacing:0}
.sales-editor,.sales-document-modal{width:min(1080px,96vw);border-radius:16px}.sales-editor .modal-head,.sales-document-modal .modal-head{background:#f5f9f6;padding:23px 28px}.sales-editor .modal-head h2,.sales-document-modal .modal-head h2{font-size:18px;color:#296548}.sales-editor .modal-body{padding:26px 28px;max-height:70vh;background:#f9fbf8}.sales-editor .modal-body>.form-grid:first-child{background:white;padding:21px;border:1px solid #e0e9e1;border-radius:11px;margin-bottom:18px}.sales-editor .quick-product-picker{background:#eaf3ec;border:1px solid #d6e5da;border-radius:10px;padding:16px;margin-bottom:20px}.sales-editor .quick-product-picker input{background:white;border-radius:7px;padding:13px}.sales-editor .quick-product-picker small{display:block;font-size:10px;color:#72917e;margin-top:8px}.sales-editor .erp-line{background:white;border-radius:11px;border:1px solid #dee8e0;padding:19px;margin-bottom:14px;box-shadow:0 2px 6px #24462d03}.sales-editor .erp-line label{font-size:11px;color:#6f8275}.sales-editor .erp-line input,.sales-editor .erp-line select{padding:11px;border-radius:7px;font-size:12px}.sales-editor .erp-item-main{grid-template-columns:1.5fr 2fr 25px;gap:16px;margin-bottom:18px}.sales-editor .erp-item-values{grid-template-columns:1fr 1.3fr .8fr 1fr;gap:16px}.sales-editor .workflow-line-extra{border-top:1px dashed #e3ebe4;padding-top:17px;margin-top:17px;gap:12px}.sales-editor .workflow-line-extra .field{margin-bottom:0}.sales-editor #erpAddLine{padding:10px 16px;border-radius:7px;border-style:dashed;color:#447b59;background:#f7fbf7;margin:3px 0 15px}.sales-editor .payment-box{border:1px solid #dbe8df;border-radius:10px;background:#eff6f0;padding:20px;gap:18px}.sales-editor #invoiceTotals{justify-content:space-between;border:1px solid #d6e4da;background:white;border-radius:10px;padding:21px}.sales-editor #invoiceTotals strong{color:#22704d;font-size:16px}.sales-editor .modal-foot{background:#fff;padding:17px 28px}.sales-editor .modal-foot button{border-radius:8px;padding:12px 22px}.sales-document-modal .modal-body{padding:30px}.sales-document-modal .company-paper{padding-bottom:25px;margin-bottom:24px}.sales-document-modal .calculation{border-radius:10px;border:1px solid #dae8dd;background:#f1f7f2;padding:23px}.sales-document-modal .calculation strong{font-size:17px;color:#246e4d}.sales-document-modal .actions{flex-wrap:wrap}.sales-document-modal .actions button,.sales-document-modal .actions a{border-radius:7px}@media(max-width:760px){.sales-editor .modal-body,.sales-document-modal .modal-body{padding:16px}.sales-editor .modal-head,.sales-document-modal .modal-head{padding:18px}.sales-editor .modal-body>.form-grid:first-child{padding:14px}.sales-editor .erp-line{padding:14px}.sales-editor .erp-item-main{grid-template-columns:1fr 1fr 22px;gap:9px}.sales-editor .erp-item-values{grid-template-columns:1fr 1fr;gap:12px}.sales-editor .modal-foot{padding:14px 16px}.sales-editor .payment-box{padding:14px}.sales-editor #invoiceTotals{padding:16px}.sales-document-modal .company-paper h2{font-size:18px}}@media print{.sales-document-modal{width:100%;border-radius:0}.sales-document-modal .modal-body{padding:0}.sales-editor .modal-body{background:white}}