.article-date-panel{background:#f6f9ff;border:1px solid #e4ecfa;border-radius:10px;padding:16px 20px;margin-bottom:16px}
.article-date-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:12px}
.article-date-title span{font-size:12px;color:#6788b5}
.article-range-row{display:flex;align-items:center;gap:22px;min-height:38px}
.article-range-row label{flex:0 0 138px;display:flex;flex-direction:row;align-items:center;gap:10px;color:#7187a8;font-size:12px}
.article-range-row output{color:#315e9b;font-variant-numeric:tabular-nums}
.article-range-row input[type=range]{flex:1;min-width:0;accent-color:#3478ea;cursor:ew-resize;padding:0;height:30px;border:0;background:transparent;touch-action:pan-y}
.article-date-shortcuts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.article-date-shortcuts button{font-size:11px;padding:5px 12px;background:#fff;border-color:#dce6f9}
.article-date-shortcuts small{font-size:11px;margin-left:auto}
.warning-panel tbody tr.warning-urgent>td{background:#fff0f1;border-bottom-color:#f5d3d8}
.warning-panel tbody tr.warning-urgent:hover>td{background:#ffe4e8}
.warning-panel tbody tr.warning-urgent>td:first-child{box-shadow:inset 4px 0 #e14b61}
.warning-panel tbody tr.warning-urgent .count{color:#bd344a}
.warning-weights{background:#f6f9ff;border:1px solid #e1eafa;border-radius:8px;padding:14px}
.weight-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.promotion-note{color:#9a681d}
.template-guide{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:20px 0}
.template-guide strong{font-size:13px;color:#355e92}
.template-guide p{font-size:12px;line-height:1.9;color:#7890ad;margin:6px 0 0}
.template-download{padding:9px 14px;border:1px solid #c9dbf8;border-radius:7px;color:#2968cc;font-size:12px}
@media(max-width:760px){.article-date-panel{padding:12px}.article-date-title{align-items:flex-start;flex-direction:column;gap:6px}.article-range-row{gap:10px}.article-range-row label{flex-basis:120px;font-size:11px}.article-date-shortcuts small{margin-left:0;width:100%}.template-guide{grid-template-columns:1fr}.weight-fields{grid-template-columns:1fr}.article-filters .article-keyword{min-width:100%;width:100%}}

/* Compact batch ledger; retain batch and halfway emphasis. */
.inventory-table th{padding:9px 8px;font-size:11px;line-height:18px}
.inventory-table td{padding:6px 8px;font-size:12px;line-height:17px}
.inventory-table th:first-child,.inventory-table td:first-child{padding-left:16px;width:180px}
.inventory-table .inventory-product-name{font-size:12px;line-height:17px}
.inventory-table .subline{font-size:10px;line-height:14px;margin-top:1px}
.inventory-table .current-batch-value{padding:4px 6px;font-size:12px;line-height:18px}
.inventory-table .count{font-size:14px}.inventory-table .date-label,.inventory-table .halfway-important{font-size:12px;line-height:17px}
.inventory-table .expiry-tag{font-size:9px;padding:2px 4px;line-height:13px;margin-top:1px}
.inventory-table .inventory-actions .link{font-size:11px;padding:3px 4px}
.inventory-table .inventory-status .link{font-size:10px;padding-top:2px;line-height:15px}
.inventory-table .badge{font-size:9px;padding:3px 5px;line-height:14px}
@media(max-width:760px){.inventory-table td{padding-top:6px;padding-bottom:6px}}

.inventory-table .available-negative{color:#c8445d;font-weight:700}.inventory-table{min-width:1160px}