.mon .mon-review-anchor, .mon .mon-merged-reviews { scroll-margin-top: 110px; }
.mon .mon-merged-reviews { margin: 0; }
.mon .mon-merged-reviews .page-review-panel { min-width: 0; }
.mon .mon-review-overview { color: #d8cbff; margin: 8px 0; }
.mon .mon-review-overview strong { color: #f9e5b4; }
.mon .mon-merged-reviews blockquote { margin: 10px 0; padding-inline-start: 12px; border-inline-start: 2px solid var(--monitor-accent); }
.mon .mon-review-report { margin-block: 8px; }
.mon .mon-add-path { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; gap: 9px; margin: 0 0 14px; }
.mon .mon-add-path li { min-width: 0; }
.mon .mon-add-path a { display: flex; align-items: center; gap: 9px; min-height: 53px; padding: 8px 11px; background: #16233e; border: 1px solid #53668a; border-radius: 12px; color: #edf2ff; }
.mon .mon-add-path a:hover, .mon .mon-add-path a:focus-visible { border-color: #ccbaff; }
.mon .mon-add-path a b { color: #ccbaff; font-variant-numeric: tabular-nums; }
.mon .mon-add-path a svg { width: 18px; height: 18px; margin-inline-start: auto; flex: none; color: #a9e6e1; }
.mon .mon-create-flow .mon-form-columns { grid-template-columns: minmax(0, 1fr); }
.mon .mon-create-flow .mon-form-column { gap: 12px; }
@media (max-width: 640px) {
  .mon .mon-add-path { gap: 5px; }
  .mon .mon-add-path a { min-height: 53px; padding-inline: 6px; gap: 4px; font-size: 9px; }
  .mon .mon-add-path a svg { display: none; }
}

.mon .mon-review-anchor { display: block; height: 0; }

.mon #connect { scroll-margin-top: 110px; }
.mon .mon-connect-edition + .mon-connect-edition { border-top: 1px solid var(--monitor-stroke); margin-top: 12px; padding-top: 10px; }
.mon .mon-connect-edition h3 { margin: 6px 0; }
.mon .mon-connect-edition p { line-height: 1.55; }
.mon .mon-connect-edition [data-copy] { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }

body:has(.mon-compact-catalog) .mon.mon-v2:has(.mon-compact-catalog) { width: min(100%, 1180px); }
.mon.mon-v2 .mon-compact-catalog .mon-card.mon-catalog-row {
  display: grid;
  grid-template-columns: 59px minmax(0, 1fr) minmax(155px, 187px);
  align-items: stretch;
  gap: 0;
  padding: 0;
  border-radius: 13px;
}
.mon .mon-card-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 4px;
  border-inline-end: 1px solid #92a9d12d;
}
.mon .mon-compact-catalog .mon-card-rail .mon-catalog-icon { width: 43px; height: 43px; }
.mon .mon-compact-catalog .mon-card-body { padding: 12px 13px; min-width: 0; }
.mon .mon-compact-catalog .mon-card-body .mon-title h2 { font-size: 15px; }
.mon .mon-compact-catalog .mon-card-body .mon-row-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  text-align: start;
  gap: 5px 9px;
  margin: 5px 0;
}
.mon .mon-compact-catalog .mon-card-body .mon-summary { margin: 5px 0 7px !important; }
.mon .mon-compact-catalog .mon-card-body .mon-row-media .mon-banner-strip {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  align-items: center;
  vertical-align: top;
  border: 1px solid #8599c16e;
  border-radius: 8px;
  background: #0c1427;
}
.mon.mon-v2 .mon-compact-catalog .mon-card-body .mon-banner-strip img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 84px;
  object-fit: contain;
}
.mon .mon-compact-catalog .mon-card-body .mon-banner-strip video {
  display: block;
  width: min(100%, 310px);
  height: auto;
  max-height: 124px;
  object-fit: contain;
}
.mon .mon-compact-catalog:has([data-hide-banners]:checked) .mon-card-body .mon-row-media .mon-banner-strip {
  display: none;
}
.mon .mon-card-controls {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 7px;
  padding: 11px;
  min-width: 0;
  border-inline-start: 1px solid #92a9d12d;
}
.mon .mon-card-ip-label { font-size: 9px; color: #bdd0e9; }
.mon.mon-v2 .mon-compact-catalog .mon-card-controls .mon-row-actions [data-copy] {
  width: 100% !important;
  min-width: 0;
  height: auto !important;
  min-height: 32px !important;
  overflow-wrap: anywhere;
}
.mon.mon-v2 .mon-card-controls .mon-card-open { width: 100%; min-height: 34px; padding: 6px 8px; font-size: 10px; }
@media (max-width: 710px) {
  .mon.mon-v2 .mon-compact-catalog .mon-card.mon-catalog-row { grid-template-columns: 47px minmax(0, 1fr); }
  .mon .mon-card-rail { grid-row: 1; align-self: stretch; justify-content: flex-start; }
  .mon .mon-compact-catalog .mon-card-rail .mon-catalog-icon { width: 35px; height: 35px; }
  .mon .mon-compact-catalog .mon-card-body { padding: 9px; }
  .mon .mon-compact-catalog .mon-card-body .mon-title h2 { font-size: 13px; }
  .mon .mon-card-controls { grid-column: 1 / -1; border-inline-start: 0; border-top: 1px solid #92a9d12d; padding: 8px 9px; }
}


body:has(.mon-compact-catalog) .mon.mon-v2:has(.mon-compact-catalog) {
  width: min(100%, 1340px);
}
.mon.mon-v2 .mon-compact-catalog .mon-card.mon-catalog-row {
  grid-template-columns: 86px minmax(0, 1fr) minmax(158px, 188px);
  position: relative;
  isolation: isolate;
  background-color: #101a32;
  border-color: #7692bd75;
  box-shadow: 0 4px 15px #050a18a3, inset 0 1px #c9e3ff15;
}
.mon.mon-v2 .mon-compact-catalog .mon-card.mon-catalog-row:hover,
.mon.mon-v2 .mon-compact-catalog .mon-card.mon-catalog-row:focus-within {
  border-color: #b7c8f1;
  box-shadow: 0 0 0 1px #a9c6ff59, 0 3px 19px #718cf14a;
}
.mon .mon-compact-catalog .mon-card-rail .mon-catalog-icon {
  width: 63px;
  height: 63px;
  aspect-ratio: 1;
  border: 1px solid #a9c5ec94;
  border-radius: 13px;
  box-shadow: 0 0 13px #81b4fa44;
}
.mon .mon-catalog-row .mon-card-hit::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
}
.mon .mon-catalog-row :is(a:not(.mon-card-hit), button, details, video) {
  position: relative;
  z-index: 3;
}
.mon .mon-catalog-row .mon-banner-strip:has(video) { position: relative; z-index: 3; }
.mon .mon-catalog-row .mon-card-hit:focus-visible { outline: 2px solid #d7dfff; outline-offset: 3px; }
.mon.mon-v2 .mon-compact-catalog :is(.mon-btn, .mon-filter-details > summary) {
  --mon-button-bg: #273b61;
  --mon-button-edge: #829bd0;
  box-shadow: inset 0 1px #c4d8ff31, 0 0 10px #718dec30;
}
.mon.mon-v2 .mon-compact-catalog .mon-btn:is(.mon-primary, .mon-action-add) {
  --mon-button-bg: #c8b9ff;
  --mon-button-edge: #eee3ff;
  box-shadow: 0 0 15px #b094ff6b, inset 0 1px #fff9;
}
.mon.mon-v2 .mon-compact-catalog .mon-btn[data-copy] {
  --mon-button-bg: #204b51;
  --mon-button-edge: #80dbd1;
  --mon-button-text: #d6fff5;
  box-shadow: 0 0 10px #81e9d449;
}
.mon.mon-v2 .mon-compact-catalog .mon-btn[data-copy-done] {
  --mon-button-bg: #a1e9d2;
  --mon-button-text: #10382f;
}
.mon.mon-v2 .mon-compact-catalog .mon-btn.mon-action-vote {
  --mon-button-bg: #52386d;
  --mon-button-edge: #c7a7ee;
}
.mon.mon-v2 .mon-compact-catalog .mon-btn.mon-action-reviews {
  --mon-button-bg: #284573;
  --mon-button-edge: #a0c0f3;
}
.mon.mon-v2 .mon-compact-catalog .mon-catalog-tabs .mon-btn:not([aria-current]) {
  --mon-button-bg: #1c2b48;
  --mon-button-edge: #5c76aa8c;
  box-shadow: none;
}
.mon.mon-v2 .mon-compact-catalog .mon-catalog-tabs .mon-btn[aria-current] {
  --mon-button-bg: #5a4a88;
  --mon-button-edge: #c4b5f5;
}
.mon.mon-v2 .mon-compact-catalog .mon-filter-details > summary {
  background: #293f66;
  border-color: #9db6ed;
}
@media (max-width: 710px) {
  .mon.mon-v2 .mon-compact-catalog .mon-card.mon-catalog-row { grid-template-columns: 61px minmax(0, 1fr); }
  .mon .mon-compact-catalog .mon-card-rail .mon-catalog-icon { width: 46px; height: 46px; border-radius: 10px; }
  .mon.mon-v2 .mon-compact-catalog .mon-card-body .mon-banner-strip img { max-height: 62px; }
}

.mon.mon-v2 .mon-compact-catalog .mon-theme-hero {
  background:
    linear-gradient(90deg, #10152c 0%, #10152c 52%, #10152cb0 60%, #10152c18 78%, #0b132a00 94%),
    #11152e url("monitoring-radar-cover.webp") right 51% / auto 158% no-repeat;
  border-color: #88aed17c;
  box-shadow: inset 0 1px #c7eaff30, 0 8px 30px #050d25aa;
}
@media (max-width: 710px) {
  .mon.mon-v2 .mon-compact-catalog .mon-theme-hero {
    background:
      linear-gradient(90deg, #11162bf8, #111830d4 52%, #10162f55),
      #11152e url("monitoring-radar-cover.webp") 75% center / auto 120% no-repeat;
  }
}

.mon.mon-v2 .mon-compact-catalog .mon-card.mon-catalog-row[data-podium] {
  border-inline-start-color: var(--podium);
}


.mon.mon-v2 .mon-compact-catalog .mon-mode-tray {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 8px;
  margin: 8px 0 10px;
  border: 1px solid #657da681;
  border-radius: 11px;
  background: #152139;
  min-width: 0;
}
.mon .mon-mode-tray-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  padding-inline: 4px 9px;
  border-inline-end: 1px solid #758bb65e;
  color: #c3d2ee;
  font-size: 11px;
}
.mon .mon-mode-tray-label svg { width: 16px; height: 16px; color: #b6c8f3; }
.mon .mon-mode-tray-links { display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
.mon.mon-v2 .mon-compact-catalog .mon-mode-tray-links .mon-btn {
  --mon-button-bg: #233451;
  --mon-button-edge: #587195;
  min-height: 31px;
  padding: 4px 10px;
  box-shadow: none;
  border-radius: 7px;
  font-size: 10px;
  white-space: nowrap;
}
.mon.mon-v2 .mon-compact-catalog .mon-mode-tray-links .mon-btn[aria-current] {
  --mon-button-bg: #4d3b78;
  --mon-button-edge: #bbabf3;
  box-shadow: inset 0 1px #e3d8ff29;
}
.mon.mon-v2 .mon-compact-catalog .mon-metrics.mon-catalog-stats {
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin: 8px 0 11px;
  padding: 0;
  border: 1px solid #657da681;
  border-radius: 11px;
  background: #152139;
}
.mon.mon-v2 .mon-compact-catalog .mon-catalog-stats > article {
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
  min-height: 66px;
  padding: 8px 12px;
  background: none;
  border-inline-end: 1px solid #758bb64d;
}
.mon.mon-v2 .mon-compact-catalog .mon-catalog-stats > article:last-child { border-inline-end: 0; }
.mon.mon-v2 .mon-compact-catalog .mon-catalog-stats > article > svg {
  width: 19px;
  height: 19px;
  flex: none;
  color: #bac9ef;
  filter: none;
}
.mon.mon-v2 .mon-compact-catalog .mon-catalog-stats strong {
  font-size: 20px;
  color: #f0f4ff;
  text-shadow: none;
  font-variant-numeric: tabular-nums;
}
.mon.mon-v2 .mon-compact-catalog .mon-catalog-stats :is(span, small) { color: #bbc9e4; }
@media (max-width: 710px) {
  .mon .mon-mode-tray-links { flex-wrap: nowrap; overflow-x: auto; padding: 2px; }
  .mon .mon-mode-tray-links .mon-btn { flex: none; }
  .mon .mon-mode-tray-label { font-size: 9px; padding-inline: 0 6px; }
  .mon .mon-mode-tray-label svg { width: 13px; height: 13px; }
  .mon.mon-v2 .mon-compact-catalog .mon-metrics.mon-catalog-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mon.mon-v2 .mon-compact-catalog .mon-catalog-stats > article { min-height: 56px; padding: 6px 8px; }
  .mon.mon-v2 .mon-compact-catalog .mon-catalog-stats > article:nth-child(even) { border-inline-end: 0; }
  .mon.mon-v2 .mon-compact-catalog .mon-catalog-stats > article:nth-child(-n+2) { border-bottom: 1px solid #758bb64d; }
}


.mon.mon-v2 .mon-compact-catalog .mon-card.mon-catalog-row {
  grid-template-columns: clamp(128px, 13%, 174px) minmax(0, 1fr) minmax(160px, 187px);
}
.mon .mon-compact-catalog .mon-card-rail .mon-catalog-icon {
  width: clamp(90px, 8vw, 116px);
  height: auto;
  aspect-ratio: 1;
}
.mon.mon-v2 .mon-compact-catalog .mon-card-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(152px, 22%);
  grid-template-areas: "intro tags" "banner banner";
  align-content: center;
  align-items: start;
  gap: 9px 13px;
}
.mon .mon-card-intro { grid-area: intro; min-width: 0; }
.mon .mon-card-tags {
  grid-area: tags;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid #758bb647;
  border-radius: 8px;
  background: #111d35b3;
}
.mon .mon-card-tags-label {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #c3d2ed;
  font-size: 9px;
}
.mon .mon-card-tags-label svg { width: 13px; height: 13px; }
.mon.mon-v2 .mon-card-tags .mon-tags { margin: 4px 0 0; gap: 4px; }
.mon .mon-card-body .mon-row-media { grid-area: banner; min-width: 0; }
.mon.mon-v2 .mon-compact-catalog .mon-card-body .mon-banner-strip img {
  width: auto;
  height: clamp(72px, 7.2vw, 110px);
  max-height: 110px;
  object-fit: contain;
  object-position: left center;
}
.mon .mon-card-body .mon-row-media:empty { display: none; }
@media (max-width: 810px) {
  .mon.mon-v2 .mon-compact-catalog .mon-card.mon-catalog-row { grid-template-columns: 70px minmax(0, 1fr); }
  .mon .mon-compact-catalog .mon-card-rail .mon-catalog-icon { width: 53px; }
  .mon.mon-v2 .mon-compact-catalog .mon-card-body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "intro" "tags" "banner";
    gap: 7px;
  }
  .mon .mon-card-tags { padding: 5px 6px; }
  .mon .mon-card-controls { grid-column: 1 / -1; border-inline-start: 0; border-top: 1px solid #92a9d12d; }
  .mon.mon-v2 .mon-compact-catalog .mon-card-body .mon-banner-strip img {
    height: auto;
    max-height: 62px;
  }
}

.mon.mon-v2 .mon-compact-catalog .mon-card-controls .mon-row-actions .mon-copy {
  font-size: 10px !important;
  font-variant-numeric: tabular-nums;
}