#salesAbstractReport .panel-head, #stockReport .panel-head, #productSalesReport .panel-head { padding: 11px 14px; } #salesAbstractReport th, #salesAbstractReport td, #stockReport th, #stockReport td, #productSalesReport th, #productSalesReport td { padding: 7px 10px; } #salesAbstractReport .purchase-totals-panel, #salesAbstractReport .scheme-summary-panel, #salesAbstractReport .collection-panel { margin-top: 9px; } #productSalesReport .vendor-subtotal td { background: #e8f3ed; color: #145c47; border-top: 1px solid #85b6a3; border-bottom: 1px solid #85b6a3; } #stockSalesReport .panel-head { padding: 11px 14px; } #stockSalesReport th,#stockSalesReport td { padding: 7px 10px; } #stockSalesReport .stock-sales-stats { grid-template-columns: repeat(4,1fr); margin: 10px 0; } #stockSalesReport .stock-sales-stats strong { color: #b4232b; } #stockSalesReport .stock-sales-stats article:first-child strong { color: #0b6048; } #stockSalesReport .status-pill { display:inline-block; padding:4px 7px; border-radius:14px; font-size:9px; font-weight:800; } #stockSalesReport .status-dead { background:#fde4e5; color:#a41f29; } #stockSalesReport .status-slow { background:#fff0cc; color:#8a5b00; } #stockSalesReport .status-regular { background:#e3effa; color:#255d8e; } #stockSalesReport .status-fast,#stockSalesReport .status-replenish { background:#dff3e8; color:#126044; } #stockSalesReport tr.movement-dead td { background:#fff7f7; } #stockSalesReport tr.movement-fast td,#stockSalesReport tr.movement-replenish td { background:#f5fbf8; } #stockSalesReport .investment-note { margin:7px 3px 0; color:var(--muted); font-size:9px; } #vendorStockSalesReport .panel-head{padding:11px 14px;background:linear-gradient(90deg,#eff8f4,#fffaf0);border-left:4px solid #c89b34} #vendorStockSalesReport .stock-sales-stats{grid-template-columns:repeat(4,1fr);margin:10px 0} #vendorStockSalesReport .stock-sales-stats article{background:linear-gradient(145deg,#fff,#f1f8f5);border-color:#d5e4dd} #vendorStockSalesReport .stock-sales-stats article:nth-child(2n){background:linear-gradient(145deg,#fff,#fff6e7)} #vendorStockSalesReport .stock-sales-stats strong{color:#a3262e} #vendorStockSalesReport .stock-sales-stats article:first-child strong{color:#0c674c} #vendorStockSalesReport .vendor-stock-table-wrap{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9bbcaf #edf5f1} #vendorStockSalesReport .vendor-stock-table{min-width:1120px;border-collapse:separate;border-spacing:0} #vendorStockSalesReport .vendor-stock-table th{padding:8px 9px;background:#e7f2ed;color:#245a49;font-size:8px;font-weight:850} #vendorStockSalesReport .vendor-stock-table td{padding:8px 9px;font-size:10px;line-height:1.25;vertical-align:middle} #vendorStockSalesReport .vendor-stock-table td small{display:block;margin-top:3px;color:#718077;font-size:8px} #vendorStockSalesReport .vendor-name{color:#173f55;font-size:11px} #vendorStockSalesReport .status-pill{display:inline-block;padding:4px 7px;border-radius:14px;font-size:8px;font-weight:800;white-space:nowrap} #vendorStockSalesReport .status-dead{background:#fde4e5;color:#a41f29}#vendorStockSalesReport .status-fast{background:#dff3e8;color:#126044}#vendorStockSalesReport .status-replenish{background:#e3effa;color:#255d8e} #vendorStockSalesReport tr.vendor-movement-nosales td{background:#fff8f8}#vendorStockSalesReport tr.vendor-movement-active td{background:#f7fcf9} #vendorStockSalesReport .vendor-percent{min-width:78px}.vendor-percent>b{display:block;margin-bottom:4px;color:#a46d12}.vendor-percent i{display:block;height:5px;background:#eee7d8;border-radius:8px;overflow:hidden}.vendor-percent i span{display:block;height:100%;background:linear-gradient(90deg,#d4aa4d,#b67a16);border-radius:8px}.vendor-percent.sales>b{color:#0d7052}.vendor-percent.sales i{background:#dcece5}.vendor-percent.sales i span{background:linear-gradient(90deg,#42a37d,#147254)} @media(max-width:1100px){#vendorStockSalesReport .stock-sales-stats{grid-template-columns:1fr 1fr}} @media(max-width:640px){#vendorStockSalesReport{padding:10px 8px 28px}#vendorStockSalesReport .section-head{align-items:center;margin-bottom:9px}#vendorStockSalesReport .section-head h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:800}#vendorStockSalesReport .section-head p{display:none}#vendorStockSalesReport .report-actions{width:auto;gap:5px}#vendorStockSalesReport .report-actions button{min-height:34px;padding:7px 9px;font-size:9px}#vendorStockSalesReport .report-filter{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;margin-bottom:8px;background:linear-gradient(135deg,#fbfdfc,#edf6f1)}#vendorStockSalesReport .report-filter label:nth-child(3),#vendorStockSalesReport .report-filter button{grid-column:1/-1}#vendorStockSalesReport .report-filter input,#vendorStockSalesReport .report-filter select{min-width:0;padding:7px 8px;font-size:11px}#vendorStockSalesReport .stock-sales-stats{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}#vendorStockSalesReport .stock-sales-stats article{min-height:62px;padding:9px 10px}#vendorStockSalesReport .stock-sales-stats small{font-size:9px}#vendorStockSalesReport .stock-sales-stats strong{margin:2px 0 0;font-size:15px}#vendorStockSalesReport .panel{overflow:hidden;border-color:#cfe0d8;border-radius:11px}#vendorStockSalesReport .vendor-stock-table{min-width:1080px}#vendorStockSalesReport .vendor-stock-table th:first-child,#vendorStockSalesReport .vendor-stock-table td:first-child{position:sticky;left:0;z-index:2;box-shadow:3px 0 6px rgba(20,73,57,.08)}#vendorStockSalesReport .vendor-stock-table th:first-child{z-index:3;background:#dcece4}#vendorStockSalesReport .vendor-stock-table td::before{content:none}} @media print{@page{size:A4 landscape;margin:8mm}body[data-page="vendorStockSalesReport"]{background:#fff}body[data-page="vendorStockSalesReport"] .sidebar,body[data-page="vendorStockSalesReport"] header,body[data-page="vendorStockSalesReport"] .report-filter,body[data-page="vendorStockSalesReport"] .report-actions{display:none!important}body[data-page="vendorStockSalesReport"] main{margin:0!important}body[data-page="vendorStockSalesReport"] #vendorStockSalesReport{display:block!important;padding:0!important}body[data-page="vendorStockSalesReport"] .section-head{margin:0 0 6px}body[data-page="vendorStockSalesReport"] .section-head h2{font:700 18px Arial}body[data-page="vendorStockSalesReport"] .section-head p{font-size:9px}body[data-page="vendorStockSalesReport"] .stock-sales-stats{grid-template-columns:repeat(4,1fr);gap:5px;margin:6px 0}body[data-page="vendorStockSalesReport"] .stock-sales-stats article{box-shadow:none;padding:6px;border-radius:4px}body[data-page="vendorStockSalesReport"] .stock-sales-stats strong{font-size:12px}body[data-page="vendorStockSalesReport"] .panel{box-shadow:none;border-radius:0}body[data-page="vendorStockSalesReport"] .panel-head{padding:6px 8px}body[data-page="vendorStockSalesReport"] .vendor-stock-table-wrap{overflow:visible}body[data-page="vendorStockSalesReport"] .vendor-stock-table{min-width:0;width:100%;table-layout:auto}body[data-page="vendorStockSalesReport"] .vendor-stock-table th,body[data-page="vendorStockSalesReport"] .vendor-stock-table td{position:static!important;padding:3px 4px;font-size:6.5px;white-space:normal;box-shadow:none!important}body[data-page="vendorStockSalesReport"] .vendor-stock-table td small{font-size:5.5px}body[data-page="vendorStockSalesReport"] .vendor-percent{min-width:45px}body[data-page="vendorStockSalesReport"] .vendor-percent i{height:3px}} @media(max-width:1100px){#stockSalesReport .stock-sales-stats{grid-template-columns:1fr 1fr}} @media(max-width:640px){ #stockSalesReport{padding:10px 8px 28px} #stockSalesReport .section-head{align-items:center;margin-bottom:9px} #stockSalesReport .section-head h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:19px;font-weight:800} #stockSalesReport .section-head p{display:none} #stockSalesReport .report-actions{width:auto} #stockSalesReport .report-actions button{min-height:34px;padding:7px 10px;font-size:10px} #stockSalesReport .stock-sales-filter{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;margin-bottom:8px;background:linear-gradient(135deg,#fbfdfc,#edf6f1)} #stockSalesReport .stock-sales-filter label:nth-child(3),#stockSalesReport .stock-sales-filter button{grid-column:1/-1} #stockSalesReport .stock-sales-filter input,#stockSalesReport .stock-sales-filter select{min-width:0;padding:7px 8px;font-size:11px} #stockSalesReport .stock-sales-stats{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0} #stockSalesReport .stock-sales-stats article{min-height:62px;padding:9px 10px;background:linear-gradient(145deg,#fff,#f0f7f4);border-color:#d5e2dc} #stockSalesReport .stock-sales-stats article:nth-child(2n){background:linear-gradient(145deg,#fff,#fff3ef)} #stockSalesReport .stock-sales-stats small{font-size:9px} #stockSalesReport .stock-sales-stats strong{margin:2px 0 0;font-size:15px} #stockSalesReport .panel{overflow:hidden;border:1px solid #cfe0d8;border-radius:11px;box-shadow:0 5px 14px rgba(12,78,59,.07)} #stockSalesReport .panel-head{padding:8px 10px;border-left:4px solid #d4a63d;background:linear-gradient(90deg,#f0f8f4,#fffdf8)} #stockSalesReport .panel-head h3{color:#0b5c45;font-size:12px;font-weight:800} #stockSalesReport .panel-head p{margin-top:2px;font-size:9px} #stockSalesReport .table-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#bbd3c8 #eef5f2} #stockSalesReport table{min-width:1120px;width:100%;border-collapse:separate;border-spacing:0;font-size:10px} #stockSalesReport thead th{position:sticky;top:0;z-index:2;padding:7px 8px;background:#e5f1eb;color:#245a4a;border-bottom:1px solid #bad2c7;font-size:8px;font-weight:800} #stockSalesReport tbody td{padding:6px 8px;border-bottom:1px solid #e8efec;font-size:10px;line-height:1.2} #stockSalesReport th:first-child,#stockSalesReport td:first-child{position:sticky;left:0;z-index:1;box-shadow:3px 0 5px rgba(20,73,57,.06)} #stockSalesReport thead th:first-child{z-index:3;background:#dcece4} #stockSalesReport tbody td::before{content:none} } #stockAgeingReport .panel-head,#reorderPlannerReport .panel-head{padding:11px 14px} #stockAgeingReport th,#stockAgeingReport td,#reorderPlannerReport th,#reorderPlannerReport td{padding:7px 10px} #stockAgeingReport .stock-sales-stats,#reorderPlannerReport .stock-sales-stats{grid-template-columns:repeat(4,1fr);margin:10px 0} #stockAgeingReport .stock-sales-stats strong,#reorderPlannerReport .stock-sales-stats strong{color:#b4232b} #stockAgeingReport .stock-sales-stats article:first-child strong,#reorderPlannerReport .stock-sales-stats article:first-child strong{color:#0b6048} .age-pill,.action-pill{display:inline-block;padding:4px 7px;border-radius:14px;font-size:9px;font-weight:800} .age-1{background:#dff3e8;color:#126044}.age-2{background:#e3effa;color:#255d8e}.age-3{background:#fff0cc;color:#8a5b00}.age-4{background:#fde4e5;color:#a41f29} .action-reorder{background:#dff3e8;color:#126044}.action-overstock,.action-nosales{background:#fde4e5;color:#a41f29}.action-healthy{background:#e3effa;color:#255d8e} #stockAgeingReport tr.ageing-old td{background:#fff7f7} #reorderPlannerReport tr.plan-reorder td{background:#f5fbf8} #stockAgeingReport .investment-note,#reorderPlannerReport .investment-note{margin:7px 3px 0;color:var(--muted);font-size:9px} @media(max-width:1100px){#stockAgeingReport .stock-sales-stats,#reorderPlannerReport .stock-sales-stats{grid-template-columns:1fr 1fr}} @media(max-width:640px){ #stockAgeingReport,#reorderPlannerReport{padding:10px 8px 28px} #stockAgeingReport .section-head,#reorderPlannerReport .section-head{align-items:center;margin-bottom:9px} #stockAgeingReport .section-head h2,#reorderPlannerReport .section-head h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:19px;font-weight:800} #stockAgeingReport .section-head p,#reorderPlannerReport .section-head p{display:none} #stockAgeingReport .report-actions,#reorderPlannerReport .report-actions{width:auto} #stockAgeingReport .report-actions button,#reorderPlannerReport .report-actions button{min-height:34px;padding:7px 10px;font-size:10px} #stockAgeingReport .report-filter,#reorderPlannerReport .report-filter{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;margin-bottom:8px;background:linear-gradient(135deg,#fbfdfc,#edf6f1)} #stockAgeingReport .report-filter button,#reorderPlannerReport .report-filter button{grid-column:1/-1} #stockAgeingReport .report-filter input,#stockAgeingReport .report-filter select,#reorderPlannerReport .report-filter input,#reorderPlannerReport .report-filter select{min-width:0;padding:7px 8px;font-size:11px} #stockAgeingReport .stock-sales-stats,#reorderPlannerReport .stock-sales-stats{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0} #stockAgeingReport .stock-sales-stats article,#reorderPlannerReport .stock-sales-stats article{min-height:62px;padding:9px 10px;background:linear-gradient(145deg,#fff,#f0f7f4);border-color:#d5e2dc} #stockAgeingReport .stock-sales-stats article:nth-child(2n),#reorderPlannerReport .stock-sales-stats article:nth-child(2n){background:linear-gradient(145deg,#fff,#fff3ef)} #stockAgeingReport .stock-sales-stats small,#reorderPlannerReport .stock-sales-stats small{font-size:9px} #stockAgeingReport .stock-sales-stats strong,#reorderPlannerReport .stock-sales-stats strong{margin:2px 0 0;font-size:15px} #stockAgeingReport .panel,#reorderPlannerReport .panel{overflow:hidden;border:1px solid #cfe0d8;border-radius:11px;box-shadow:0 5px 14px rgba(12,78,59,.07)} #stockAgeingReport .panel-head,#reorderPlannerReport .panel-head{padding:8px 10px;border-left:4px solid #d4a63d;background:linear-gradient(90deg,#f0f8f4,#fffdf8)} #stockAgeingReport .panel-head h3,#reorderPlannerReport .panel-head h3{color:#0b5c45;font-size:12px;font-weight:800} #stockAgeingReport .panel-head p,#reorderPlannerReport .panel-head p{margin-top:2px;font-size:9px} #stockAgeingReport .table-wrap,#reorderPlannerReport .table-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#bbd3c8 #eef5f2} #stockAgeingReport table{min-width:900px}#reorderPlannerReport table{min-width:1120px} #stockAgeingReport table,#reorderPlannerReport table{width:100%;border-collapse:separate;border-spacing:0;font-size:10px} #stockAgeingReport thead th,#reorderPlannerReport thead th{position:sticky;top:0;z-index:2;padding:7px 8px;background:#e5f1eb;color:#245a4a;border-bottom:1px solid #bad2c7;font-size:8px;font-weight:800} #stockAgeingReport tbody td,#reorderPlannerReport tbody td{padding:6px 8px;border-bottom:1px solid #e8efec;font-size:10px;line-height:1.2} #stockAgeingReport th:first-child,#stockAgeingReport td:first-child,#reorderPlannerReport th:first-child,#reorderPlannerReport td:first-child{position:sticky;left:0;z-index:1;box-shadow:3px 0 5px rgba(20,73,57,.06)} #stockAgeingReport thead th:first-child,#reorderPlannerReport thead th:first-child{z-index:3;background:#dcece4} #stockAgeingReport tbody td::before,#reorderPlannerReport tbody td::before{content:none} } @media (max-width: 640px) { #salesAbstractReport, #stockReport, #productSalesReport { padding: 10px 8px 28px; } #salesAbstractReport .section-head, #stockReport .section-head, #productSalesReport .section-head { align-items: center; margin-bottom: 9px; } #salesAbstractReport .section-head h2, #stockReport .section-head h2, #productSalesReport .section-head h2 { font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 19px; font-weight: 800; } #salesAbstractReport .section-head p, #stockReport .section-head p, #productSalesReport .section-head p { display: none; } #salesAbstractReport .report-actions { gap: 6px; } #salesAbstractReport .report-actions button { min-height: 34px; padding: 7px 9px; font-size: 10px; } #salesAbstractReport .report-filter { gap: 6px; padding: 8px; margin-bottom: 8px; border-color: #cddfd7; background: linear-gradient(135deg, #fbfdfc, #edf6f1); } #salesAbstractReport .report-filter input { padding: 7px 8px; font-size: 11px; background: #fff; } #salesAbstractReport .report-filter button { height: 34px; padding: 6px 12px; } #salesAbstractReport .panel, #stockReport .panel, #productSalesReport .panel { overflow: hidden; border: 1px solid #cfe0d8; border-radius: 11px; box-shadow: 0 5px 14px rgba(12, 78, 59, .07); } #salesAbstractReport .panel-head, #stockReport .panel-head, #productSalesReport .panel-head { padding: 8px 10px; border-left: 4px solid #d4a63d; background: linear-gradient(90deg, #f0f8f4, #fffdf8); } #salesAbstractReport .panel-head h3, #stockReport .panel-head h3, #productSalesReport .panel-head h3 { color: #0b5c45; font-size: 12px; font-weight: 800; } #salesAbstractReport .panel-head p, #stockReport .panel-head p, #productSalesReport .panel-head p { margin-top: 2px; font-size: 9px; } #salesAbstractReport .table-wrap, #stockReport .table-wrap, #productSalesReport .table-wrap { position: relative; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #bbd3c8 #eef5f2; } #salesAbstractReport table, #stockReport table, #productSalesReport table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 10px; } #salesMetalPanel table { min-width: 610px; } #purchaseDetailsPanel table { min-width: 420px; } #customerSchemesPanel table { min-width: 500px; } #salesCollectionPanel table { min-width: 500px; } #stockDetailsPanel table { min-width: 690px; } #productSalesPanel table { min-width: 820px; } #salesAbstractReport thead th, #stockReport thead th, #productSalesReport thead th { position: sticky; top: 0; z-index: 2; padding: 7px 8px; border-bottom: 1px solid #bad2c7; background: #e5f1eb; color: #245a4a; font-size: 8px; font-weight: 800; letter-spacing: .3px; } #salesAbstractReport tbody td, #salesAbstractReport tfoot td, #stockReport tbody td, #productSalesReport tbody td, #productSalesReport tfoot td { padding: 6px 8px; border-bottom: 1px solid #e8efec; background: #fff; font-size: 10px; line-height: 1.2; } #salesAbstractReport tbody tr:nth-child(even):not(.stock-metal-total) td, #stockReport tbody tr:nth-child(even):not(.stock-metal-total) td, #productSalesReport tbody tr:nth-child(even):not(.stock-metal-total) td { background: #f8fbfa; } #salesAbstractReport th:first-child, #salesAbstractReport td:first-child, #stockReport th:first-child, #stockReport td:first-child, #productSalesReport th:first-child, #productSalesReport td:first-child { position: sticky; left: 0; z-index: 1; box-shadow: 3px 0 5px rgba(20, 73, 57, .06); } #salesAbstractReport thead th:first-child, #stockReport thead th:first-child, #productSalesReport thead th:first-child { z-index: 3; background: #dcece4; } #salesAbstractReport tbody td::before, #salesAbstractReport tfoot td::before, #stockReport tbody td::before, #productSalesReport tbody td::before, #productSalesReport tfoot td::before { content: none; } #salesAbstractReport .stock-metal-total td, #stockReport .stock-metal-total td, #productSalesReport .stock-metal-total td { background: #fff0c8; color: #704c08; border-top: 1px solid #d6af52; border-bottom: 1px solid #d6af52; } #salesAbstractReport .stock-metal-total td:first-child, #stockReport .stock-metal-total td:first-child, #productSalesReport .stock-metal-total td:first-child { background: #ffe9af; } #productSalesReport .vendor-subtotal td, #productSalesReport .vendor-subtotal td:first-child { background: #dff0e8; color: #125944; } #stockReport .report-stats { grid-template-columns: 1fr 1fr; gap: 6px; margin: 8px 0; } #stockReport .report-stats article { min-height: 61px; padding: 9px 10px; border-color: #d5e2dc; background: linear-gradient(145deg, #fff, #f0f7f4); box-shadow: 0 4px 11px rgba(12, 78, 59, .06); } #stockReport .report-stats article:nth-child(2n) { background: linear-gradient(145deg, #fff, #fff7e5); } #stockReport .report-stats small { font-size: 9px; } #stockReport .report-stats strong { margin: 2px 0 0; font-size: 15px; } #productSalesReport .report-actions { width: auto; } #productSalesReport .report-actions button { min-height: 34px; padding: 7px 10px; font-size: 10px; } #productSalesReport .product-sales-filter { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px; margin-bottom: 8px; background: linear-gradient(135deg, #fbfdfc, #edf6f1); } #productSalesReport .product-sales-filter label:first-child, #productSalesReport .product-sales-filter label:nth-child(4), #productSalesReport .product-sales-filter button { grid-column: 1 / -1; } #productSalesReport .product-sales-filter input, #productSalesReport .product-sales-filter select { min-width: 0; padding: 7px 8px; font-size: 11px; } }