#jj-workspace{--jj-blue:#153e6b;--jj-red:#f00000}
.jj-card{background:white;border:1px solid #ddd;box-shadow:0 2px 6px #0002;min-width:0;overflow:hidden}
.jj-card h2{background:var(--jj-red);color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:20px;padding:7px 10px;margin:0}
.jj-last-sales{margin:0 0 14px;text-align:left;font-size:15px;font-weight:700}
.jj-slicers{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:10px}.jj-slicer h2{font-size:15px;white-space:nowrap}.jj-slicer>input{width:100%;border:0;border-bottom:1px solid #ddd;padding:7px;font-size:15px;min-width:0;border-radius:0}
.jj-options{height:120px;overflow:auto;padding:5px 8px}.jj-options label{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;white-space:nowrap;font-size:14px;min-height:30px}.jj-options label[hidden]{display:none}.jj-options input[type="checkbox"]{width:13px;height:13px;min-width:13px;flex:0 0 13px;margin:0;padding:0}.jj-options label span{display:block;white-space:nowrap}
.jj-bars{overflow:auto;padding:12px;max-height:350px}.jj-products .jj-bars{max-height:260px}.jj-bar{display:grid;grid-template-columns:minmax(70px,1fr) minmax(45px,1.1fr) 104px;align-items:center;gap:8px;font-size:14px;margin:8px 0}.jj-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jj-bar>div{height:16px}.jj-bar i{display:block;width:var(--jj-bar);height:100%;background:var(--jj-blue)}.jj-bar strong{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.jj-bar i.negative,.jj-month-series i.negative{background:#b7443d}
.jj-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.jj-actions label{display:flex;align-items:center;gap:7px}.jj-actions>input{flex:1;min-width:200px}.jj-actions select{min-width:120px}
.jj-charts{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr) minmax(260px,1fr);gap:12px;margin-bottom:18px;align-items:stretch}.jj-sales{min-width:0;display:grid;gap:12px}.jj-sales-top{display:grid;grid-template-columns:1fr 1.65fr;gap:12px}.jj-sales-top .jj-bars{max-height:220px}.jj-customers .jj-bars{max-height:260px}.jj-customers .jj-bar{grid-template-columns:minmax(70px,1fr) minmax(25px,.8fr) 104px}
.jj-pie-body{padding:14px;font-size:14px}.jj-pie{width:130px;height:130px;border-radius:50%;background:var(--jj-pie);margin:0 auto 14px}.jj-pie-body p{display:flex;justify-content:space-between;gap:8px;margin:8px 0}
.jj-month-scroll{overflow:auto;padding:12px}.jj-months{display:flex;min-width:1150px;gap:9px;align-items:end}.jj-month{flex:1;min-width:0;text-align:center;font-size:13px}.jj-month>div{display:flex;align-items:end;gap:3px;height:210px;justify-content:center}.jj-month-series{width:44%;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;min-width:0}.jj-month-series i{display:block;width:100%;height:var(--jj-height);min-height:1px;background:var(--jj-blue)}.jj-month-series i.this-year{background:#2685f5}.jj-month-series strong{font-size:13px;writing-mode:horizontal-tb;white-space:nowrap;margin-bottom:8px;line-height:1.4}.jj-month>span{display:block;padding-top:8px}.jj-legend{font-size:14px;padding:0 12px;display:flex;gap:14px}.jj-legend span:first-child{color:#153e6b}.jj-legend span:last-child{color:#2685f5}.jj-caption{font-size:14px;line-height:1.6;color:#555;padding:0 10px}
.jj-register h2{text-align:center;font-size:22px}.jj-table-wrap{max-height:650px}.jj-table{width:100%;font-size:15px}.jj-table th,.jj-table td{padding:8px;vertical-align:top}.jj-table td:nth-child(1),.jj-table td:nth-child(3),.jj-table td:nth-child(5){white-space:nowrap}.jj-table td:nth-child(4){min-width:150px}.jj-table td:nth-child(7){min-width:170px}.jj-table tbody tr:nth-child(even){background:#ebebeb}.jj-table thead{position:sticky;top:0;background:white;z-index:1}.jj-table tfoot{position:sticky;bottom:0;background:var(--jj-red);color:white}.jj-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.jj-pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px;font-size:15px}
@media(max-width:1300px){.jj-charts{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}.jj-sales{grid-column:1/-1}.jj-products{grid-column:auto}}
@media(max-width:800px){.jj-charts,.jj-sales-top{grid-template-columns:1fr}.jj-slicers{grid-template-columns:1fr 1fr}.jj-pagination{flex-wrap:wrap}.jj-actions>strong{margin-left:0}}
@media print{.jj-actions,.jj-slicers,.jj-pagination,.jj-product-search{display:none}.jj-charts{display:block}.jj-card{break-inside:avoid;margin-bottom:12px}.jj-table-wrap{max-height:none;overflow:visible}.jj-table{font-size:8px}.jj-table thead,.jj-table tfoot{position:static}.jj-bars{max-height:none}.jj-table td:nth-child(4),.jj-table td:nth-child(7){min-width:0}}

.jj-bar svg{width:100%;height:16px;display:block}.jj-pie{display:block;background:none}.jj-month-series svg{width:100%;height:140px;flex-shrink:0}
.jj-rep-scroll{overflow:auto;padding:10px}.jj-rep-scroll svg{display:block;width:100%;min-width:600px;height:260px}

.jj-product-search{display:flex;align-items:center;gap:12px;margin:18px 0 10px}.jj-product-search label{font-size:15px;font-weight:600;white-space:nowrap}.jj-product-search input{width:min(100%,480px);min-width:0}
#jj-workspace .jj-table tfoot,#jj-workspace .jj-table tfoot tr,#jj-workspace .jj-table tfoot th{background:#f00000!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

.jj-report-filters{display:flex;flex-wrap:wrap;gap:12px 24px;margin:18px 0 10px}.jj-report-filters>div{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:1;min-width:240px;margin:0}.jj-report-filters label{font-size:15px;font-weight:600}.jj-report-filters input{width:100%;min-width:0}
@media print{.jj-report-filters{display:none}}

.jj-warehouse-name{display:inline-flex;align-items:center;gap:7px}.jj-warehouse-name svg{flex:0 0 12px}

#jj-workspace .jj-actions #jj-year{width:100px;min-width:100px;max-width:100px;flex:0 0 100px;margin-left:auto}

#jj-workspace .jj-table .activity-sort{font-size:inherit}#jj-workspace .jj-table th,#jj-workspace .jj-table td{padding:10px}#jj-workspace .jj-table tfoot th{font-size:16px;font-weight:700}#jj-workspace input,#jj-workspace select,#jj-workspace .secondary{font-size:15px}

.jj-monthly{grid-column:1/-1}.jj-legend span{display:inline-flex;align-items:center;gap:5px}