.warehouse-loss-workbench .warehouse-loss-tabs { display: flex; gap: 10px; padding: 12px 16px; }
.warehouse-loss-workbench .warehouse-loss-tabs .layui-btn { margin: 0; border-radius: 6px; }
.warehouse-loss-workbench .warehouse-loss-tabs .active { color: #fff; background: #10a69b; border-color: #10a69b; }
.warehouse-loss-workbench .loss-rate-filter-grid { display: grid; grid-template-columns: minmax(190px,1.15fr) minmax(120px,.75fr) minmax(150px,1fr) minmax(130px,.85fr) auto; gap: 12px; margin: 16px 0 12px; align-items: center; }
.warehouse-loss-workbench .loss-rate-filter-grid .warehouse-search-field > span { display: none; }
.warehouse-loss-workbench .loss-rate-filter-grid > * { min-width: 0; }
.warehouse-loss-workbench .loss-rate-filter-grid input, .warehouse-loss-workbench .loss-rate-filter-grid select { width: 100%; box-sizing: border-box; height: 40px; }
.warehouse-loss-workbench .loss-rate-filter-actions { display: flex; gap: 8px; }
.warehouse-loss-workbench .loss-rate-filter-actions .layui-btn { margin: 0; white-space: nowrap; }
.warehouse-loss-workbench .loss-rate-period, .warehouse-loss-workbench .loss-rate-note { color: #6d8198; font-size: 12px; line-height: 1.7; }
.warehouse-loss-workbench p.loss-rate-note { margin: 0 0 14px; }
.warehouse-loss-workbench .loss-rate-table { min-width: 580px; }
.warehouse-loss-workbench .loss-rate-table th button { appearance: none; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 600; cursor: pointer; padding: 6px 0; }
.warehouse-loss-workbench .loss-rate-table th button span { color: #0b8b85; }
.warehouse-loss-workbench .loss-rate-table th button .loss-rate-wide-label { color: inherit; }
.warehouse-loss-workbench .loss-rate-short-label { display: none; }
.warehouse-loss-workbench .loss-rate-table .numeric-cell { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.warehouse-loss-workbench .loss-rate-table th:nth-child(n+3) { text-align: right; }
.warehouse-loss-workbench .loss-rate-detail-link { border: 0; background: transparent; color: #078b83; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; padding: 6px; }
.warehouse-loss-workbench .loss-rate-positive { color: #b94b39; font-weight: 600; }
.warehouse-loss-workbench .loss-rate-unavailable { color: #8292a6; font-size: 12px; }
.warehouse-loss-workbench .loss-rate-table tfoot { background: #fff8e7; color: #805a12; font-weight: 600; }
.warehouse-loss-workbench .loss-rate-pager { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 0 8px; color: #64778f; font-size: 12px; }
.warehouse-loss-workbench .loss-rate-pager > div { display: flex; align-items: center; gap: 8px; }
.warehouse-loss-workbench .loss-rate-pager .layui-btn { margin: 0; }
.warehouse-loss-workbench .loss-rate-pager select { width: 112px; height: 32px; }
.warehouse-loss-workbench .loss-rate-detail-table { min-width: 620px; }
.warehouse-loss-workbench .loss-rate-details { scroll-margin-top: 20px; }
.warehouse-loss-workbench button:focus-visible { outline: 2px solid #078b83; outline-offset: 3px; }
@media (max-width: 1100px) {
  .warehouse-loss-workbench .loss-rate-filter-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
}
@media (max-width: 600px) {
  .warehouse-loss-workbench .warehouse-loss-tabs { padding: 10px; }
  .warehouse-loss-workbench .warehouse-loss-tabs .layui-btn { flex: 1; }
  .warehouse-loss-workbench .loss-rate-filter-grid { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .warehouse-loss-workbench .loss-rate-filter-actions .layui-btn { flex: 1; }
  .warehouse-loss-workbench .loss-rate-pager { align-items: flex-start; flex-direction: column; }
  .warehouse-loss-workbench .loss-rate-pager > div { flex-wrap: wrap; }
  .warehouse-loss-workbench .loss-rate-table { min-width: 0; width: 100%; table-layout: fixed; font-size: 12px; }
  .warehouse-loss-workbench .loss-rate-table th, .warehouse-loss-workbench .loss-rate-table td { padding: 10px 5px; font-size: 12px; }
  .warehouse-loss-workbench .loss-rate-table th:nth-child(1) { width: 18%; }
  .warehouse-loss-workbench .loss-rate-table th:nth-child(2) { width: 24%; }
  .warehouse-loss-workbench .loss-rate-table th:nth-child(3), .warehouse-loss-workbench .loss-rate-table th:nth-child(4) { width: 18%; }
  .warehouse-loss-workbench .loss-rate-table th:nth-child(5) { width: 22%; }
  .warehouse-loss-workbench .loss-rate-table td:nth-child(1), .warehouse-loss-workbench .loss-rate-table td:nth-child(2) { white-space: normal; overflow-wrap: anywhere; }
  .warehouse-loss-workbench .loss-rate-table th button .loss-rate-wide-label { display: none; }
  .warehouse-loss-workbench .loss-rate-table th button .loss-rate-short-label { display: inline; color: inherit; }
  .warehouse-loss-workbench .loss-rate-table .numeric-cell { white-space: normal; overflow-wrap: anywhere; }
  .warehouse-loss-workbench .loss-rate-table th button { white-space: nowrap; }
}
@media (max-width: 360px) {
  .warehouse-loss-workbench .loss-rate-table .numeric-cell { font-size: 11px; }
  .warehouse-loss-workbench .loss-rate-table th button { font-size: 11px; }
}