/* Logistics tab (web app, management and the logistics level); drawn by logistics.js */
.lg-pickers { display: flex; flex-wrap: wrap; gap: var(--cds-gap-sm) var(--cds-gap-md); }
#lg-body .hl-grid { margin-bottom: var(--cds-gap-sm); }
.rr .lg-tools { margin-bottom: 0; align-items: center; }
.rr .lg-tall { max-height: 32rem; }
.rr .lg-list { margin: 0 0 var(--cds-gap-sm); padding-left: 1.1rem; }
.rr .lg-list li { margin: 4px 0; line-height: 1.45; }
.rr .lg-list .rr-note { display: inline; }
#lg-wait { margin-top: var(--cds-gap-md); }
@media (max-width: 640px) {
  .rr .lg-tools { width: 100%; }
  .rr .lg-tools label, .rr .lg-tools input { flex: 1 1 100%; }
}
/* this week: review, signals and the balances form */
.rr .lg-week h3 { margin-top: 0; }
.rr .lg-review p { margin: 0 0 var(--cds-gap-xs); line-height: 1.5; }
.rr .lg-review .lg-rev-head { color: var(--color-fg-muted); font-size: var(--cds-font-size-caption, 0.8125rem); }
.rr .lg-signals { list-style: none; margin: var(--cds-gap-sm) 0; padding: 0; display: grid; gap: 8px; }
.rr .lg-sig { display: grid; grid-template-columns: 4.25rem 1fr; gap: 10px; align-items: start; padding: 8px 10px; border: 1px solid var(--color-border-line); border-radius: 10px; }
.rr .lg-sig .rr-note { margin-top: 2px; }
.rr .lg-badge { font: var(--label, 700 11px/1.3 sans-serif); letter-spacing: .06em; text-transform: uppercase; text-align: center; padding: 3px 6px; border-radius: 999px; border: 1px solid currentColor; }
.rr .lg-act .lg-badge { color: var(--color-bad); }
.rr .lg-watch .lg-badge { color: var(--color-warn); }
.rr .lg-good .lg-badge { color: var(--color-ok); }
.rr .lg-info .lg-badge { color: var(--color-fg-muted); }
.rr .lg-act { border-left: 3px solid var(--color-bad); }
.rr .lg-watch { border-left: 3px solid var(--color-warn); }
.rr .lg-counts { margin-top: var(--cds-gap-xs); }
.rr .lg-counts input, .rr .lg-counts select { min-height: 32px; font-size: var(--cds-font-size-caption, 0.8125rem); text-transform: none; letter-spacing: 0; font-weight: 500; }
.rr .lg-counts input[type=number] { width: 7rem; }
.rr .lg-counts .lg-note-in input { width: 14rem; }
@media (max-width: 640px) {
  .rr .lg-sig { grid-template-columns: 1fr; }
  .rr .lg-badge { justify-self: start; }
  .rr .lg-counts label, .rr .lg-counts .lg-note-in input, .rr .lg-counts input[type=number] { width: 100%; }
}
.rr .lg-week { margin-bottom: var(--cds-gap-md); }