/* TPS .055 — DOM/BAZA tile, scoped exclusively to Planowanie → Planowanie. */
html body #root section.planning-compact.planning-module-planning .base-route-item {
  box-sizing: border-box !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: min(560px, 90vw) !important;
  height: auto !important;
  min-height: 52px !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
  border: 1px solid #22c55e !important;
  border-radius: 4px !important;
  background: #f0fdf4 !important;
  color: #0f172a !important;
  overflow: hidden !important;
}
html body #root section.planning-compact.planning-module-planning .base-route-item > span:not(button) {
  display: grid !important;
  grid-template-columns: max-content max-content;
  grid-auto-rows: min-content;
  align-content: center;
  align-items: center;
  column-gap: 5px;
  row-gap: 1px;
  box-sizing: border-box;
  width: max-content;
  max-width: min(100%, 520px);
  min-width: 0;
  flex: 0 1 auto !important;
  padding: 4px 8px !important;
  line-height: 1.2 !important;
}
html body #root section.planning-compact.planning-module-planning .base-route-item > span:not(button) > b {
  grid-column: 1 / -1;
  grid-row: 1;
  color: #14532d;
  font-size: 10px;
  font-weight: 750;
  white-space: nowrap;
}
html body #root section.planning-compact.planning-module-planning .base-route-item > span:not(button) > span:nth-of-type(1) {
  grid-column: 1;
  grid-row: 2;
  margin: 0 !important;
  color: #334155;
  font-size: 9px;
  white-space: nowrap;
}
html body #root section.planning-compact.planning-module-planning .base-route-item > span:not(button) > span:nth-of-type(1)::after {
  content: " ·";
  color: #64748b;
}
html body #root section.planning-compact.planning-module-planning .base-route-item > span:not(button) > span:nth-of-type(2) {
  grid-column: 2;
  grid-row: 2;
  color: #334155;
  font-size: 9px !important;
  white-space: nowrap;
}
html body #root section.planning-compact.planning-module-planning .base-route-item > span:not(button) > span:nth-of-type(3):not(:last-child) {
  grid-column: 1;
  grid-row: 3;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
}
html body #root section.planning-compact.planning-module-planning .base-route-item > span:not(button) > span:last-child {
  grid-column: 1 / -1;
  grid-row: 3;
  margin: 0 !important;
  color: #334155;
  font-size: 9px !important;
  font-weight: 650;
  white-space: nowrap;
}
html body #root section.planning-compact.planning-module-planning .base-route-item > span:not(button) > span:nth-of-type(3):not(:last-child) ~ span:last-child {
  grid-column: 2;
}
html body #root section.planning-compact.planning-module-planning .base-route-item [data-trailer-id] {
  display: inline-flex !important;
  flex-direction: row !important;
  flex: 0 0 auto;
  align-items: center !important;
  gap: 3px;
  max-width: none !important;
  margin-left: 5px !important;
  padding: 1px 5px !important;
  border: 1px solid #86efac !important;
  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #166534 !important;
  font-size: 9px !important;
  font-weight: 700;
  line-height: 1.2 !important;
  vertical-align: middle;
  white-space: nowrap !important;
}
html body #root section.planning-compact.planning-module-planning .base-route-item [data-trailer-id] > span:first-child {
  white-space: nowrap !important;
}
html body #root section.planning-compact.planning-module-planning .base-route-item [data-trailer-id] > span:last-child {
  max-width: 150px;
  color: inherit !important;
  font-size: 8px !important;
  font-weight: 500;
  white-space: normal !important;
}