.ww-bulk-turbines {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(10, 132, 255, .18);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(230, 246, 255, .88), rgba(255, 255, 255, .72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.ww-bulk-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  color: #26384f;
}

.ww-bulk-title span {
  color: #6b7d93;
  font-size: 12px;
  font-weight: 700;
}

.ww-bulk-actions {
  display: flex;
  gap: 8px;
}

.ww-bulk-actions button {
  border: 0;
  border-radius: 999px;
  padding: 7px 14px;
  background: #eaf5ff;
  color: #1677d2;
  font-weight: 900;
  cursor: pointer;
}

.ww-bulk-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(70px, 1fr));
  gap: 8px;
}

.ww-bulk-grid label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(120,150,190,.18);
  font-weight: 900;
  color: #1c3149;
}

.ww-bulk-grid input {
  width: auto !important;
  height: auto !important;
}

.ww-bulk-toast {
  position: fixed;
  right: 22px;
  bottom: 24px;
  z-index: 999999;
  max-width: 460px;
  padding: 14px 18px;
  border-radius: 16px;
  font-weight: 900;
  box-shadow: 0 18px 50px rgba(16, 42, 80, .22);
}

.ww-bulk-toast.ok {
  background: #dffbea;
  color: #097536;
  border: 1px solid #b7efca;
}

.ww-bulk-toast.err {
  background: #ffe3e3;
  color: #b42318;
  border: 1px solid #ffc4c4;
}

/* Keep stoppages rows usable */
.st-page {
  height: calc(100dvh - 86px);
  overflow-y: auto !important;
  overflow-x: hidden;
  padding-bottom: 90px !important;
}

.st-table-wrap {
  max-height: 48dvh !important;
  overflow: auto !important;
  scrollbar-width: thin;
}

.st-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: linear-gradient(180deg, #0d6f84, #075e75) !important;
}

/* Forecasting side panel scroll */
.fc-panel {
  max-height: calc(100dvh - 130px);
  overflow-y: auto;
  scrollbar-width: thin;
}

@media (max-width: 1100px) {
  .ww-bulk-grid {
    grid-template-columns: repeat(2, minmax(80px, 1fr));
  }

  .st-page {
    height: auto;
    min-height: calc(100dvh - 86px);
  }

  .st-table-wrap {
    max-height: 58dvh !important;
  }
}
