/* MSK Many 2.4 UX pass */

/* Keep every analytics/drill-down operation card in the app dark theme. */
.ai232-row,
.ai232-actions button,
.ai232-op,
.a232-op,
.aob232-row,
.aob232-actions button,
.a232-category-op,
.analytics-operation-row {
  background: #151d27 !important;
  color: #f4f6f8 !important;
  border-color: #303b4a !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.ai232-op b,
.ai232-row b,
.aob232-row b,
.a232-op b,
.a232-category-op b,
.analytics-operation-row b,
.analytics-operation-row strong {
  color: #f4f6f8;
}

.ai232-row small,
.ai232-op small,
.aob232-row small,
.a232-op small,
.a232-category-op small {
  color: #9aa5b5 !important;
}

.ai232-op strong.in,
.a232-op strong.in,
.aob232-row strong.in { color: #67d9ad !important; }
.ai232-op strong.out,
.a232-op strong.out,
.aob232-row strong.out { color: #ff728b !important; }

/* Dashboard operation heading/caption are removed by ux24.js. */
.msk24-operations-header-hidden,
.msk24-search-caption-hidden {
  display: none !important;
}

.msk24-operations-compact {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Analytics headline: status first, then a more prominent month/project line. */
.a232-headline > div:first-child {
  display: flex;
  flex-direction: column;
}

.a232-headline h2 {
  order: 1;
}

.a232-headline > div:first-child > small {
  order: 2;
  display: block;
  margin: 2px 0 14px;
  font-size: clamp(17px, 2.1vw, 21px);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .08em;
  color: #aeb8c7;
}

.a232-headline > div:first-child > p {
  order: 3;
}

@media (max-width: 760px) {
  .a232-headline > div:first-child > small {
    font-size: 18px;
    margin-bottom: 12px;
  }
}