/* Infoboard UI v1.20 — Netbird dark + mockup light tokens */

body[data-ui="v120"] {
  --ib-radius: 8px;
  --ib-rail-width: 52px;
  --ib-host-table-cols: 44px minmax(128px, 1.55fr) minmax(100px, 1.35fr) 24px minmax(72px, 0.55fr) minmax(104px, 1.15fr) 36px 56px;
  --ib-success: #22c55e;
  --ib-danger: #ef4444;
  --ib-warning: #f59e0b;

  --bg: var(--ib-bg);
  --panel: var(--ib-surface);
  --text: var(--ib-text);
  --muted: var(--ib-muted);
  --line: var(--ib-line);
  --accent: var(--ib-accent);
  --btn-primary-bg: var(--ib-accent);
  --btn-primary-bg-hover: var(--ib-accent-hover);
  --btn-primary-border: var(--ib-accent-border);
  --btn-primary-text: var(--ib-accent-text);

  --dr-surface: var(--ib-surface);
  --dr-muted: var(--ib-muted);
  --dr-line: var(--ib-line);
  --dr-card-border: transparent;
  --dr-card-shadow: none;
  --dr-card-shadow-hover: none;
  --dr-zone-bg: var(--ib-bg);
  --dr-accent: var(--ib-accent);
  --dr-accent-soft: var(--ib-accent-soft);
  --ib-accent-fg: var(--ib-accent);
  --ib-accent-weight: 600;
  --ib-menu-btn-weight: 700;
}

/* Netbird dark reference */
body[data-ui="v120"][data-theme="dark"] {
  --ib-bg: #2d3238;
  --ib-chrome: #2d3238;
  --ib-surface: #2d3238;
  --ib-elevated: #3a4048;
  --ib-control-track: #262b30;
  --ib-line: #3a4048;
  --ib-line-strong: #464d56;
  --ib-text: #e5e7eb;
  --ib-muted: #d1d5db;
  --ib-accent: #dc5050;
  --ib-accent-hover: #e86666;
  --ib-accent-soft: rgba(240, 166, 160, 0.14);
  --ib-accent-border: rgba(240, 166, 160, 0.36);
  --ib-accent-text: #ffffff;
  --ib-accent-fg: #f0a6a0;
  --ib-accent-fg-strong: #fecaca;
  --ib-accent-weight: 700;
  --ib-warning: var(--ib-accent-fg);
  --ib-row-odd: #2d3238;
  --ib-row-even: #333840;
  --ib-host-row-odd: #2d3238;
  --ib-host-row-even: #3a4048;
  --ib-row-hover: #3a4048;
  --ib-rail-active: #3a4048;
  --ib-pill-bg: #3a4048;
  --ib-pill-bg-hover: #404750;
  --ib-pill-bg-active: #464d56;
  --ib-row-selected-bg: #434a54;
  --ib-row-selected-bg-hover: #4b535d;
  --ib-row-selected-border: #565e68;
  --ib-detail-zone-bg: #333840;

  color-scheme: dark;
  background: var(--ib-bg) !important;
}

/* Mockup light reference */
body[data-ui="v120"][data-theme="light"] {
  --ib-bg: #ffffff;
  --ib-chrome: #ffffff;
  --ib-surface: #ffffff;
  --ib-elevated: #f3f4f6;
  --ib-line: #e5e7eb;
  --ib-line-strong: #d1d5db;
  --ib-text: #111827;
  --ib-muted: #6b7280;
  --ib-accent: #5b85c4;
  --ib-accent-hover: #4d76b3;
  --ib-accent-soft: rgba(91, 133, 196, 0.1);
  --ib-accent-border: rgba(91, 133, 196, 0.28);
  --ib-accent-text: #ffffff;
  --ib-accent-fg: var(--ib-accent);
  --ib-accent-weight: 600;
  --ib-row-odd: #ffffff;
  --ib-row-even: #f6f7f9;
  --ib-host-row-odd: #ffffff;
  --ib-host-row-even: #fafbfc;
  --ib-row-hover: #eef2f7;
  --ib-rail-active: #eef2f7;
  --ib-pill-bg: #f3f4f6;
  --ib-pill-bg-hover: #eef2f7;
  --ib-pill-bg-active: #e5e7eb;
  --ib-row-selected-bg: #e8edf3;
  --ib-row-selected-bg-hover: #dfe6ee;
  --ib-row-selected-border: #c5ced8;
  --ib-detail-zone-bg: #f6f7f9;
}

body[data-ui="v120"] {
  background: var(--ib-bg) !important;
  color: var(--ib-text);
  font-family: var(--ui-font-family);
  font-size: 14px;
  font-weight: 500;
}

body[data-ui="v120"] .muted,
body[data-ui="v120"] .count,
body[data-ui="v120"] .count.compact,
body[data-ui="v120"] .ib-page-subtitle {
  font-weight: 400;
}

/* ── App shell + icon rail ── */
body[data-ui="v120"] .ib-app-shell {
  display: grid;
  grid-template-columns: var(--ib-rail-width) minmax(0, 1fr);
  height: 100dvh;
  max-height: 100dvh;
  min-height: 100vh;
  overflow: hidden;
}

body[data-ui="v120"] .ib-icon-rail {
  position: sticky;
  top: 0;
  align-self: stretch;
  height: 100%;
  min-height: 100%;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 0;
  background: var(--ib-chrome);
  border-right: none;
  z-index: 50;
}

body[data-ui="v120"] .ib-icon-rail-btn {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: var(--ib-radius);
  background: transparent;
  color: var(--ib-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background 0.15s ease, color 0.15s ease;
}

body[data-ui="v120"] .ib-icon-rail-btn svg,
body[data-ui="v120"] .ib-mono-icon-btn svg,
body[data-ui="v120"] .host-license-copy-icon {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-ui="v120"] .host-license-copy-icon {
  width: 16px;
  height: 16px;
}

body[data-ui="v120"] .ib-mono-icon-btn.favorite.active svg {
  fill: currentColor;
}

body[data-ui="v120"] .ib-icon-rail-btn:hover {
  background: var(--ib-elevated);
  color: var(--ib-text);
}

body[data-ui="v120"] .ib-icon-rail-btn--active {
  background: var(--ib-rail-active);
  color: var(--ib-text);
  box-shadow: inset 0 0 0 1px var(--ib-line);
}

body[data-ui="v120"] .ib-icon-rail-spacer {
  flex: 1 1 auto;
  min-height: 8px;
}

body[data-ui="v120"] .ib-main {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body[data-ui="v120"] .container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ── Header ── */
body[data-ui="v120"] .brand-header {
  margin: 0;
  padding: 10px 20px;
  gap: 16px;
  border: none;
  border-radius: 0;
  background: var(--ib-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  top: 0 !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-header,
body[data-ui="v120"][data-theme="dark"] .hosts-column,
body[data-ui="v120"][data-theme="dark"] .reports-column,
body[data-ui="v120"][data-theme="dark"] .panel-header .header-kpi-group,
body[data-ui="v120"][data-theme="dark"] .panel-header .header-stat-chip {
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .brand-header h1 {
  font-size: 25px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.1;
}

body[data-ui="v120"] .brand-header .subtitle-meta {
  font-size: 12px;
  color: var(--ib-muted);
}

body[data-ui="v120"] .brand-platform-pill {
  border-radius: 6px;
  font-size: 10px;
  padding: 2px 8px;
  border: none !important;
  background: var(--ib-elevated) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-muted);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  min-height: 20px;
}

body[data-ui="v120"] .brand-platform-pill-linux {
  color: #38bdf8 !important;
}

body[data-ui="v120"] .brand-platform-pill-windows {
  color: #60a5fa !important;
}

body[data-ui="v120"][data-theme="light"] .brand-platform-pill-linux {
  color: #0e7490 !important;
}

body[data-ui="v120"][data-theme="light"] .brand-platform-pill-windows {
  color: #4d76b3 !important;
}

body[data-ui="v120"] .brand-partner-logo {
  width: 114px;
  height: 114px;
  flex: 0 0 114px;
}

body[data-ui="v120"] .brand-partner-logo img {
  max-height: 104px;
  width: auto;
  height: auto;
  opacity: 0.92;
}

body[data-ui="v120"] .brand-profile-card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  padding: 0 12px 0 0 !important;
  min-width: 0;
  flex: 1 1 auto;
}

body[data-ui="v120"] .brand-profile-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  min-width: 200px;
  max-width: 340px;
  text-align: left;
}

body[data-ui="v120"] .brand-profile-label {
  color: var(--ib-muted) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  padding: 0 !important;
}

body[data-ui="v120"] .brand-user-badge {
  display: block !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ib-text) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.01em !important;
  box-shadow: none !important;
  border: none !important;
  align-self: flex-start;
  text-align: left;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-ui="v120"][data-theme="light"] .brand-user-badge {
  background: transparent !important;
}

body[data-ui="v120"] .brand-account-shell {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 4px 6px 4px 0 !important;
  min-width: 280px;
  max-width: 420px;
  flex-shrink: 0;
}

body[data-ui="v120"][data-theme="dark"] .brand-account-shell,
body[data-ui="v120"][data-theme="light"] .brand-account-shell {
  background: transparent !important;
  border: none !important;
}

body[data-ui="v120"] .brand-logout-btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-left: 1px solid var(--ib-line) !important;
  border-radius: 0 !important;
  color: #b45309 !important;
  box-shadow: none !important;
  min-height: 32px;
  gap: 6px;
  flex: 0 0 auto;
  padding: 0 10px 0 8px !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-profile-label {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-user-badge {
  color: var(--ib-text) !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-logout-btn {
  border-left-color: var(--ib-line-strong) !important;
  color: #f0a6a0 !important;
}

body[data-ui="v120"] .brand-logout-btn svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-ui="v120"] .brand-logout-btn:hover {
  background: transparent !important;
  color: #92400e !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-logout-btn:hover {
  background: transparent !important;
  color: #fecaca !important;
}

body[data-ui="v120"] .brand-user-toggles {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body[data-ui="v120"] .brand-header-icon-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: var(--ib-radius) !important;
  border: 1px solid var(--ib-line-strong) !important;
  background: #ffffff !important;
  color: var(--ib-muted) !important;
  box-shadow: none !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-header-icon-btn {
  background: #2d3238 !important;
  border-color: #464d56 !important;
  color: #d1d5db !important;
}

body[data-ui="v120"] .brand-header-icon-btn:hover,
body[data-ui="v120"] .brand-header-icon-btn.active {
  background: var(--ib-row-hover) !important;
  color: var(--ib-text) !important;
  border-color: var(--ib-line-strong) !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-header-icon-btn:hover,
body[data-ui="v120"][data-theme="dark"] .brand-header-icon-btn.active {
  background: #343941 !important;
  color: #f3f4f6 !important;
}

body[data-ui="v120"] .brand-header-icon-btn svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-ui="v120"] .brand-header-icon-btn[data-icon-key="spinner"] svg,
body[data-ui="v120"] .brand-header-icon-btn.is-loading svg {
  animation: ib-header-icon-spin 0.9s linear infinite;
}

@keyframes ib-header-icon-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

body[data-ui="v120"] .header-live-report-popup {
  position: fixed;
  z-index: 12040;
  width: min(340px, calc(100vw - 16px));
  border: 1px solid var(--ib-line-strong);
  border-radius: var(--ib-radius);
  background: #ffffff;
  color: var(--ib-text);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
  overflow: hidden;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup {
  background: #2d3238;
  border-color: #464d56;
  color: #f3f4f6;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42);
}

body[data-ui="v120"] .header-live-report-popup.hidden {
  display: none !important;
}

body[data-ui="v120"] .header-live-report-popup.is-dragging {
  cursor: grabbing;
  user-select: none;
}

body[data-ui="v120"] .header-live-report-popup-head {
  display: flex;
  align-items: center;
  min-height: 30px;
  border-bottom: 1px solid var(--ib-line);
  background: var(--ib-elevated);
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup-head {
  background: #343941;
  border-bottom-color: #464d56;
}

body[data-ui="v120"] .header-live-report-popup-drag {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 10px;
  cursor: grab;
}

body[data-ui="v120"] .header-live-report-popup-grip {
  color: var(--ib-muted);
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 1;
}

body[data-ui="v120"] .header-live-report-popup-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup-title {
  color: #e5e7eb;
}

body[data-ui="v120"] .header-live-report-popup-body {
  padding: 8px;
}

body[data-ui="v120"] .header-live-report-popup .header-live-report-stack {
  width: 100%;
}

body[data-ui="v120"] .header-live-report-popup .header-live-report-card,
body[data-ui="v120"] .header-live-report-popup .live-report-feed-item {
  width: 100% !important;
  min-height: 132px !important;
  height: auto !important;
  max-height: none !important;
  padding: 10px 12px !important;
  border: 1px solid #d0d7e2 !important;
  border-radius: calc(var(--ib-radius) - 2px) !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer;
}

body[data-ui="v120"] .header-live-report-popup .header-live-report-card:hover,
body[data-ui="v120"] .header-live-report-popup .live-report-feed-item:hover,
body[data-ui="v120"] .header-live-report-popup .header-live-report-stack.is-animating .header-live-report-card:hover {
  border-color: #b8c4d6 !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .header-live-report-card,
body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-item {
  background: #2d3238 !important;
  background-image: none !important;
  border-color: #4b5563 !important;
  color: #f3f4f6 !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .header-live-report-card:hover,
body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-item:hover,
body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .header-live-report-stack.is-animating .header-live-report-card:hover {
  border-color: #6b7280 !important;
  background: #2d3238 !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-customer-bg-watermark {
  opacity: 0.035 !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-customer-bg-watermark {
  opacity: 0.05 !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-customer {
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-customer {
  color: #f8fafc !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-time {
  color: #334155 !important;
  background: #e8edf3 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-time {
  color: #e2e8f0 !important;
  background: #3a424f !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-designation {
  color: #1e293b !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  height: auto !important;
  min-height: 12px !important;
  max-height: none !important;
  line-height: 1.25 !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-designation {
  color: #e5e7eb !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-hostline {
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  height: auto !important;
  min-height: 12px !important;
  max-height: none !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-hostline {
  color: #cbd5e1 !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-hostname,
body[data-ui="v120"] .header-live-report-popup .live-report-feed-ip {
  color: inherit !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-sep {
  color: #94a3b8 !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-sep {
  color: #9ca3af !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-stats {
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-stats {
  color: #f1f5f9 !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-item-foot {
  min-height: 14px;
  border-top-color: #d8dee8 !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-item-foot {
  border-top-color: #4b5563 !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-item .delivery-chip {
  min-height: 16px !important;
  padding: 1px 6px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-item .delivery-chip.live {
  color: #0f766e !important;
  background: #ccfbf1 !important;
  border-color: #5eead4 !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-item .delivery-chip.delayed {
  color: #9a3412 !important;
  background: #ffedd5 !important;
  border-color: #fdba74 !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-item .delivery-chip.live {
  color: #5eead4 !important;
  background: rgba(20, 184, 166, 0.18) !important;
  border-color: rgba(45, 212, 191, 0.45) !important;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-item .delivery-chip.delayed {
  color: var(--ib-accent-fg) !important;
  background: var(--ib-accent-soft) !important;
  border-color: var(--ib-accent-border) !important;
  font-weight: var(--ib-accent-weight, 700) !important;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-item-grid {
  grid-template-rows: auto auto auto auto auto;
  row-gap: 5px;
  height: auto;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-quick-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-quick-fact {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  max-width: 100%;
  min-height: 18px;
  padding: 2px 6px;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  background: #eef2f7;
  font-size: 10px;
  line-height: 1.2;
  white-space: nowrap;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-quick-fact {
  background: #343941;
  border-color: #5b6573;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-quick-fact.is-warn {
  border-color: #f59e0b;
  background: #fff7ed;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-quick-fact.is-warn {
  border-color: var(--ib-accent-border);
  background: var(--ib-accent-soft);
  color: var(--ib-accent-fg);
  font-weight: var(--ib-accent-weight, 700);
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-quick-fact.is-critical {
  border-color: #ef4444;
  background: #fef2f2;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-quick-fact.is-critical {
  border-color: #f87171;
  background: rgba(239, 68, 68, 0.14);
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-quick-fact-label {
  color: #475569;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-quick-fact-label {
  color: #cbd5e1;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-quick-fact-value {
  color: #0f172a;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-quick-fact-value {
  color: #f8fafc;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-quick-fact.is-warn .live-report-feed-quick-fact-value {
  color: #c2410c;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-quick-fact.is-warn .live-report-feed-quick-fact-value {
  color: #fdba74;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-quick-fact.is-critical .live-report-feed-quick-fact-value {
  color: #dc2626;
}

body[data-ui="v120"][data-theme="dark"] .header-live-report-popup .live-report-feed-quick-fact.is-critical .live-report-feed-quick-fact-value {
  color: #fca5a5;
}

body[data-ui="v120"] .header-live-report-popup .live-report-feed-item.is-new:not(.is-entering) {
  animation: ib-live-popup-flash 0.8s ease-out 1 !important;
}

@keyframes ib-live-popup-flash {
  0% {
    border-color: var(--ib-accent) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ib-accent) 28%, transparent) !important;
  }
  100% {
    border-color: var(--ib-line) !important;
    box-shadow: none !important;
  }
}

/* ── Panel header: compact KPI strip ── */
body[data-ui="v120"] #appPanel > .panel-header,
body[data-ui="v120"] .panel-header {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--ib-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-ui="v120"] #appPanel > .panel-header {
  top: 0 !important;
}

body[data-ui="v120"] .header-collapsible-toggle {
  width: 100%;
  text-align: left;
  padding: 8px 20px;
  border: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--ib-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none !important;
}

body[data-ui="v120"] .header-collapsible-toggle:hover {
  border: none !important;
  background: var(--ib-row-hover) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #headerKpiSection,
body[data-ui="v120"] .header-kpi-section {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .header-kpi-section-body {
  padding: 8px 20px 10px;
}

body[data-ui="v120"] #headerFiltersCollapsible,
body[data-ui="v120"] .header-collapsible {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .header-collapsible-body {
  padding: 8px 20px 10px;
}

body[data-ui="v120"] #headerFiltersCollapsible {
  display: none;
}

body[data-ui="v120"] .ib-mono-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-ui="v120"] .header-toolbar .btn-emoji-pill,
body[data-ui="v120"] .panel-header .panel-actions .header-toolbar .btn-emoji-pill {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0 !important;
  border-radius: var(--ib-radius) !important;
  border: none !important;
  background: var(--ib-pill-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-muted) !important;
  font-size: 17px;
  line-height: 1;
}

body[data-ui="v120"][data-theme="light"] .header-toolbar .btn-emoji-pill,
body[data-ui="v120"][data-theme="light"] .panel-header .panel-actions .header-toolbar .btn-emoji-pill {
  color: #374151 !important;
}

body[data-ui="v120"] .header-toolbar .btn-emoji-pill:hover,
body[data-ui="v120"] .header-toolbar .btn-emoji-pill.active,
body[data-ui="v120"] .panel-header .panel-actions .header-toolbar .btn-emoji-pill:hover,
body[data-ui="v120"] .panel-header .panel-actions .header-toolbar .btn-emoji-pill.active,
body[data-ui="v120"][data-theme="dark"] .header-toolbar .btn-emoji-pill:hover:not(:disabled),
body[data-ui="v120"][data-theme="dark"] .panel-header .panel-actions .header-toolbar .btn-emoji-pill:hover:not(:disabled) {
  border: none !important;
  background: var(--ib-pill-bg-hover) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .panel-header .panel-actions .header-toolbar,
body[data-ui="v120"][data-theme="dark"] .panel-header .panel-actions .header-toolbar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .btn-secondary,
body[data-ui="v120"] .sidebar-mode-btn,
body[data-ui="v120"] .tab-button {
  background: transparent;
  border-color: var(--ib-line);
  color: var(--ib-muted);
}

body[data-ui="v120"] button:not(.btn-secondary):not(.btn-icon):not(.tab-button):not(.sidebar-mode-btn):not(.ib-icon-rail-btn):not(.ib-mono-icon-btn):not(.header-collapsible-toggle):not(.host-group-toggle):not(.host-item):not(.host-unmute-action):not(.host-linked-monitor-item):not(.service-monitor-linked-host):not(.external-monitor-linked-host-link):not(.host-row-expand-btn):not(.host-license-info-badge):not(.host-license-dot):not(.btn-emoji-pill):not(.host-mini-action):not(.overview-sidebar-item):not(.brand-logout-btn):not(.theme-toggle):not(.service-mobile-history-bar):not(.chip):not(.mobile-mode-btn):not(.header-stat-chip):not(.kpi-tap):not(.icon-btn):not(.sidebar-mode-action-btn):not(.host-interest-country-chip):not(.vmap-del-btn):not(.license-map-del-btn):not(.user-mgmt-icon-btn) {
  background: var(--btn-primary-bg);
  border-color: var(--btn-primary-border);
  color: var(--btn-primary-text);
  font-weight: var(--ib-accent-weight, 600);
}

body[data-ui="v120"] button:not(.btn-secondary):not(.btn-icon):not(.tab-button):not(.sidebar-mode-btn):not(.ib-icon-rail-btn):not(.ib-mono-icon-btn):not(.header-collapsible-toggle):not(.host-group-toggle):not(.host-item):not(.host-unmute-action):not(.host-linked-monitor-item):not(.service-monitor-linked-host):not(.external-monitor-linked-host-link):not(.host-row-expand-btn):not(.host-license-info-badge):not(.host-license-dot):not(.btn-emoji-pill):not(.host-mini-action):not(.overview-sidebar-item):not(.brand-logout-btn):not(.theme-toggle):not(.service-mobile-history-bar):not(.chip):not(.mobile-mode-btn):not(.header-stat-chip):not(.kpi-tap):not(.icon-btn):not(.sidebar-mode-action-btn):not(.host-interest-country-chip):not(.vmap-del-btn):not(.license-map-del-btn):not(.user-mgmt-icon-btn):hover {
  background: var(--btn-primary-bg-hover);
}

/* ── Main layout: host table + detail panel ── */
body[data-ui="v120"] #appPanel > .layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  margin: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  align-items: stretch;
}

body[data-ui="v120"] .hosts-column,
body[data-ui="v120"][data-theme="dark"] .hosts-column {
  border: none !important;
  border-right: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: var(--ib-bg) !important;
  background-image: none !important;
  align-self: stretch !important;
  min-height: 0;
}

body[data-ui="v120"] .reports-column,
body[data-ui="v120"][data-theme="dark"] .reports-column {
  border: none !important;
  border-right: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  border-top-left-radius: var(--ib-radius) !important;
  box-shadow: none !important;
  outline: none !important;
  background: var(--ib-detail-zone-bg, var(--ib-row-even, var(--ib-elevated))) !important;
  background-image: none !important;
  align-self: stretch !important;
  min-height: 0;
  overflow: hidden;
}

body[data-ui="v120"] .hosts-column {
  border-right: none !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  align-self: stretch !important;
}

body[data-ui="v120"] .reports-column {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

/* ── Detail panel (reports column) ── */
body[data-ui="v120"] .reports-column > .host-dashboard-chrome,
body[data-ui="v120"] .reports-column > .section-head,
body[data-ui="v120"] .reports-column > #hostDashboardPanels,
body[data-ui="v120"] .reports-column #hostDashboardPanels .view-tabs-shell,
body[data-ui="v120"] .reports-column .overview-layout,
body[data-ui="v120"] .reports-column .overview-sidebar,
body[data-ui="v120"] .reports-column .overview-content,
body[data-ui="v120"] .reports-column .overview-subsection,
body[data-ui="v120"] .reports-column .overview-scroll-panel,
body[data-ui="v120"] .reports-column #externalMonitorDetailView {
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .hosts-column-scroll {
  position: static;
  top: auto;
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  gap: 0 !important;
}

/* Beat redesign :has() max-height (10-card cap) — fill remaining viewport like the icon rail. */
body[data-ui="v120"] .hosts-column-scroll:has(.sidebar-panel--hosts:not(.hidden)),
body[data-ui="v120"] .hosts-column-scroll:has(.sidebar-panel--services:not(.hidden)) {
  max-height: none !important;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

body[data-ui="v120"] .sidebar-card-header {
  padding: 12px 16px 8px;
  border-bottom: none;
  background: var(--ib-bg);
}

body[data-ui="v120"] .ib-hosts-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: stretch;
  gap: 12px;
  padding: 12px 20px 10px;
  border-bottom: none;
  background: var(--ib-bg);
}

body[data-ui="v120"] .ib-hosts-page-head-chart {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body[data-ui="v120"] .ib-hosts-page-head-chart--reports,
body[data-ui="v120"] .ib-hosts-page-head-chart--inventory {
  flex: 1 1 0;
  max-width: none;
}

body[data-ui="v120"] .ib-hosts-page-head-chart-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

body[data-ui="v120"] .ib-hosts-page-head-chart-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--ib-muted);
  letter-spacing: 0.01em;
}

body[data-ui="v120"] .ib-hosts-page-head-chart-hint {
  font-size: 12px;
  line-height: 1.2;
}

body[data-ui="v120"] .ib-hosts-inventory-chart {
  width: 100%;
  height: 120px;
  min-height: 120px;
  flex-shrink: 0;
}

body[data-ui="v120"] .ib-hosts-inventory-chart .sparkline {
  display: block;
  width: 100%;
  height: 120px;
}

body[data-ui="v120"] .ib-hosts-inventory-chart .chart-axis-label,
body[data-ui="v120"] .ib-hosts-inventory-chart .chart-axis-label-x {
  fill: var(--ib-muted);
  font-size: 10px;
  font-weight: 500;
}

body[data-ui="v120"] .ib-hosts-inventory-chart .chart-grid-line,
body[data-ui="v120"] .ib-hosts-inventory-chart .chart-axis-line,
body[data-ui="v120"] .ib-hosts-inventory-chart .chart-axis-tick {
  stroke: var(--ib-line);
}

body[data-ui="v120"] .ib-hosts-inventory-chart .chart-bar-label {
  fill: var(--ib-text);
  font-size: 10px;
  font-weight: 600;
}

body[data-ui="v120"] .ib-hosts-page-head-chart--inventory .ib-hosts-inventory-chart .chart-bar-label {
  font-size: 10px;
  font-weight: 600;
}

body[data-ui="v120"] .ib-hosts-page-head-chart--inventory .ib-hosts-inventory-chart .chart-axis-label,
body[data-ui="v120"] .ib-hosts-page-head-chart--inventory .ib-hosts-inventory-chart .chart-axis-label-x {
  font-size: 10px;
  font-weight: 500;
}

body[data-ui="v120"] .ib-hosts-inventory-chart .chart-axis-label-x--hour {
  font-size: 9px;
}

body[data-ui="v120"] .ib-hosts-inventory-chart.ib-reports-hourly-chart .chart-axis-label {
  fill: var(--ib-muted);
  font-size: 10px;
  font-weight: 500;
}

body[data-ui="v120"] .ib-hosts-inventory-chart.ib-reports-hourly-chart .chart-bar-label {
  fill: var(--ib-text);
  font-size: 10px;
  font-weight: 600;
}

body[data-ui="v120"] .ib-hosts-inventory-chart.ib-reports-hourly-chart .chart-axis-label-x--hour {
  fill: var(--ib-muted);
  font-size: 9px;
  font-weight: 500;
}

body[data-ui="v120"] .ib-hosts-inventory-chart.ib-reports-hourly-chart .chart-axis-tick {
  stroke-width: 0.75;
}

body[data-ui="v120"] .ib-hosts-inventory-chart.ib-reports-hourly-chart .chart-trend-line {
  stroke-width: 1;
}

body[data-ui="v120"] .ib-hosts-inventory-chart .chart-bar {
  opacity: 0.92;
}

body[data-ui="v120"] .ib-hosts-inventory-chart .chart-trend-line {
  stroke-width: 2;
  stroke-dasharray: 5 4;
  opacity: 0.88;
  pointer-events: none;
}

body[data-ui="v120"][data-theme="dark"] .ib-hosts-inventory-chart .chart-trend-line {
  opacity: 0.95;
}

body[data-ui="v120"] .ib-page-title {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ib-text);
  line-height: 1.2;
}

body[data-ui="v120"] .ib-page-subtitle {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--ib-muted);
}

body[data-ui="v120"] .ib-hosts-toolbar {
  padding: 10px 16px;
  border-bottom: none;
  background: var(--ib-bg);
}

body[data-ui="v120"] .ib-hosts-toolbar .host-filters,
body[data-ui="v120"] .ib-hosts-toolbar .host-filters-inline,
body[data-ui="v120"] .ib-services-toolbar .host-filters,
body[data-ui="v120"] .ib-services-toolbar .host-filters-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

body[data-ui="v120"] .ib-hosts-toolbar .host-search-box {
  flex: 1 1 160px;
  min-width: 140px;
  max-width: 260px;
}

body[data-ui="v120"] .ib-hosts-toolbar .search-input {
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: none;
  box-sizing: border-box;
  height: 34px;
  padding: 0 12px;
  border-radius: var(--ib-radius);
  border: none;
  background: var(--ib-elevated);
  color: var(--ib-text);
}

body[data-ui="v120"] .ib-hosts-toolbar .host-filter-control,
body[data-ui="v120"] .ib-services-toolbar .host-filter-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-width: max-content;
  margin: 0;
}

body[data-ui="v120"] .ib-hosts-toolbar .host-filter-control > span:first-child,
body[data-ui="v120"] .ib-services-toolbar .host-filter-control > span:first-child {
  flex: 0 0 auto;
  white-space: nowrap;
  color: var(--ib-muted);
  font-size: 12px;
  font-weight: 600;
}

body[data-ui="v120"] .ib-hosts-toolbar .host-filter-control select,
body[data-ui="v120"] .ib-services-toolbar .host-filter-control select {
  height: 34px;
  border-radius: var(--ib-radius);
  border: none;
  background: var(--ib-elevated);
  color: var(--ib-text);
}

body[data-ui="v120"] .sidebar-card-header--toggle {
  display: flex;
  align-items: center;
  padding: 12px 16px 8px !important;
}

body[data-ui="v120"] .sidebar-card-header--toggle .sidebar-mode-toggle {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  display: flex;
  align-items: stretch;
  gap: 4px;
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

body[data-ui="v120"] .sidebar-mode-btn {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--ib-muted);
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--ib-radius) !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .sidebar-mode-tab-shell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
}

body[data-ui="v120"] .sidebar-mode-btn-text {
  flex: 1 1 auto;
  min-width: 0;
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
}

body[data-ui="v120"] .sidebar-mode-btn-actions {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  margin: 0;
}

body[data-ui="v120"] .sidebar-mode-btn-actions.hidden {
  display: none !important;
}

body[data-ui="v120"] .sidebar-mode-action-btn {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 0;
  border-radius: 6px !important;
  border: 1px solid var(--ib-line) !important;
  background: var(--ib-surface) !important;
  box-shadow: none !important;
  color: var(--ib-text) !important;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}

body[data-ui="v120"] .sidebar-mode-action-btn:hover {
  background: var(--ib-row-hover) !important;
}

body[data-ui="v120"] .sidebar-mode-btn.active {
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  border: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"][data-theme="dark"] .sidebar-card-header--toggle .sidebar-mode-toggle {
  padding: 3px;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-radius);
  background: var(--ib-control-track);
  gap: 2px;
}

body[data-ui="v120"][data-theme="dark"] .sidebar-mode-btn {
  color: var(--ib-muted) !important;
  background: transparent !important;
}

body[data-ui="v120"][data-theme="dark"] .sidebar-mode-btn.active {
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"][data-theme="dark"] .sidebar-mode-btn:not(.active):hover {
  background: color-mix(in srgb, var(--ib-elevated) 42%, transparent) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"][data-theme="dark"] .sidebar-mode-action-btn {
  background: var(--ib-elevated) !important;
  border-color: var(--ib-line) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .sidebar-panel--hosts,
body[data-ui="v120"] .sidebar-panel--services {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

body[data-ui="v120"] .sidebar-panel--hosts .ib-hosts-page-head,
body[data-ui="v120"] .sidebar-panel--hosts .ib-hosts-toolbar,
body[data-ui="v120"] .sidebar-panel--hosts #hostToolsHeader,
body[data-ui="v120"] .sidebar-card-header {
  flex: 0 0 auto;
}

body[data-ui="v120"] .sidebar-panel--hosts .host-list-shell,
body[data-ui="v120"] .sidebar-panel--services .service-monitor-list-shell {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  height: auto;
  overflow: auto;
  padding: 0 !important;
  padding-bottom: 8px !important;
  scrollbar-gutter: stable;
}

/* ── Host table ── */
body[data-ui="v120"] .host-list-shell.ib-host-table {
  display: grid;
  grid-template-columns: var(--ib-host-table-cols);
  column-gap: 8px;
  align-content: start;
  align-items: start;
  min-height: 0;
  padding: 0 22px 0 16px !important;
  scrollbar-gutter: stable;
}

body[data-ui="v120"] .ib-host-table .host-list {
  display: contents;
}

body[data-ui="v120"] .ib-host-table .host-list > .host-group {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  gap: 0;
  row-gap: 3px;
}

body[data-ui="v120"] .ib-host-table .host-group > #hiddenHostsBody {
  display: contents;
}

body[data-ui="v120"] .ib-host-table .host-group > .muted {
  grid-column: 1 / -1;
}

body[data-ui="v120"] .ib-host-table .host-group-title-row {
  grid-column: 1 / -1;
  padding: 6px 0;
  background: var(--ib-chrome);
}

body[data-ui="v120"] .ib-host-table .ib-host-table-head {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  align-items: center;
  padding: 6px 0;
  border-bottom: none;
  background: var(--ib-bg);
  position: sticky;
  top: 0;
  z-index: 2;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ib-muted);
  width: 100%;
  box-sizing: border-box;
}

body[data-ui="v120"] .ib-host-table .ib-host-table-head > span:first-child {
  visibility: visible;
  justify-self: start;
  text-align: left;
  font-variant-numeric: tabular-nums;
  padding-left: 2px;
}

body[data-ui="v120"] .ib-host-table .ib-host-table-head > span:nth-child(4) {
  visibility: hidden;
}

body[data-ui="v120"] .ib-host-table .ib-host-table-head > span:nth-child(2),
body[data-ui="v120"] .ib-host-table .ib-host-table-head > span:nth-child(3) {
  justify-self: start;
  text-align: left;
}

body[data-ui="v120"] .ib-host-table .ib-host-table-head > span:nth-child(5) {
  justify-self: center;
  text-align: center;
  white-space: nowrap;
}

body[data-ui="v120"] .ib-host-table .ib-host-table-head > span:nth-child(6) {
  justify-self: end;
  text-align: right;
}

body[data-ui="v120"] .ib-host-table .ib-host-table-head > span:nth-child(7) {
  justify-self: center;
  text-align: center;
  white-space: nowrap;
}

body[data-ui="v120"] .ib-host-table .ib-host-table-head > span:nth-child(8) {
  justify-self: end;
  text-align: right;
  white-space: nowrap;
  padding-right: 6px;
}

body[data-ui="v120"] .ib-host-table .host-list article.host-item {
  position: relative;
  display: grid !important;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  grid-template-rows: auto;
  row-gap: 0;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 3px 0 !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  min-height: 0 !important;
  max-height: none;
  gap: 0 !important;
  flex-direction: unset !important;
  overflow: visible;
  cursor: pointer;
  transition: background 120ms ease;
}

body[data-ui="v120"] .host-list .host-group article.host-item:nth-of-type(odd) {
  background: var(--ib-host-row-odd, var(--ib-row-odd)) !important;
  background-image: none !important;
}

body[data-ui="v120"] .host-list .host-group article.host-item:nth-of-type(even) {
  background: var(--ib-host-row-even, var(--ib-row-even)) !important;
  background-image: none !important;
}

body[data-ui="v120"] .host-list article.host-item.host-item--env-prod {
  background-image: none !important;
}

body[data-ui="v120"] .host-list article.host-item:hover {
  background: var(--ib-row-hover) !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-ui="v120"] .host-list article.host-item.selected,
body[data-ui="v120"] .hosts-column .host-item.selected:not(.service-monitor-card) {
  background: var(--ib-row-selected-bg) !important;
  box-shadow: inset 0 0 0 1px var(--ib-row-selected-border) !important;
  border: none !important;
  border-color: transparent !important;
}

body[data-ui="v120"] .host-list article.host-item.selected:hover,
body[data-ui="v120"] .hosts-column .host-item.selected:not(.service-monitor-card):hover {
  background: var(--ib-row-selected-bg-hover) !important;
  box-shadow: inset 0 0 0 1px var(--ib-row-selected-border) !important;
}

body[data-ui="v120"] .host-version-side-bar,
body[data-ui="v120"] .host-customer-bg-watermark {
  display: none !important;
}

body[data-ui="v120"] .host-list article.host-item:not(.selected) .host-muted-section {
  display: none !important;
}

body[data-ui="v120"] .host-list article.host-item:has(.host-linked-monitors) {
  grid-template-rows: auto auto;
}

body[data-ui="v120"] .host-list article.host-item:has(.host-linked-monitors):has(.host-muted-section:not(.hidden)) {
  grid-template-rows: auto auto auto;
}

body[data-ui="v120"] .host-list article.host-item .host-linked-monitors {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 2px;
}

/* Host card services: green online, red offline (light + dark) */
body[data-ui="v120"] .host-linked-monitor-group {
  border: 1px solid var(--ib-line);
  border-radius: 6px;
  background: var(--ib-elevated);
  overflow: hidden;
}

body[data-ui="v120"] .host-linked-monitor-group--up {
  border-color: #86efac;
  background: #f0fdf4;
}

body[data-ui="v120"] .host-linked-monitor-group--down {
  border-color: #fca5a5;
  background: #fef2f2;
}

body[data-ui="v120"] .host-linked-monitor-group--degraded {
  border-color: #fdba74;
  background: #fff7ed;
}

body[data-ui="v120"] .host-linked-monitor-group--unknown {
  border-color: var(--ib-line);
  background: var(--ib-elevated);
}

body[data-ui="v120"] .host-linked-monitor-group-dot {
  background: #94a3b8;
}

body[data-ui="v120"] .host-linked-monitor-group--up .host-linked-monitor-group-dot {
  background: #22c55e;
}

body[data-ui="v120"] .host-linked-monitor-group--down .host-linked-monitor-group-dot {
  background: #ef4444;
}

body[data-ui="v120"] .host-linked-monitor-group--degraded .host-linked-monitor-group-dot {
  background: #f97316;
}

body[data-ui="v120"] .host-linked-monitor-item {
  border: 1px solid var(--ib-line) !important;
  border-left-width: 3px !important;
  border-radius: 4px !important;
  background: var(--ib-bg) !important;
  color: var(--ib-text) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 2px 6px 2px 8px !important;
}

body[data-ui="v120"] .host-linked-monitor-item:hover {
  background: var(--ib-row-hover) !important;
}

body[data-ui="v120"] .host-linked-monitor-item--up {
  border-left-color: #22c55e !important;
  background: #f0fdf4 !important;
}

body[data-ui="v120"] .host-linked-monitor-item--down {
  border-left-color: #ef4444 !important;
  background: #fef2f2 !important;
}

body[data-ui="v120"] .host-linked-monitor-item--degraded {
  border-left-color: #f97316 !important;
  background: #fff7ed !important;
}

body[data-ui="v120"] .host-linked-monitor-item--unknown {
  border-left-color: #94a3b8 !important;
  background: var(--ib-elevated) !important;
}

body[data-ui="v120"][data-theme="dark"] .host-linked-monitor-group--up {
  border-color: #166534;
  background: #14532d;
}

body[data-ui="v120"][data-theme="dark"] .host-linked-monitor-group--down {
  border-color: #991b1b;
  background: #7f1d1d;
}

body[data-ui="v120"][data-theme="dark"] .host-linked-monitor-group--degraded {
  border-color: #9a3412;
  background: #7c2d12;
}

body[data-ui="v120"][data-theme="dark"] .host-linked-monitor-item--up {
  border-left-color: #22c55e !important;
  background: #14532d !important;
  color: #ecfdf5 !important;
}

body[data-ui="v120"][data-theme="dark"] .host-linked-monitor-item--down {
  border-left-color: #ef4444 !important;
  background: #7f1d1d !important;
  color: #fee2e2 !important;
}

body[data-ui="v120"][data-theme="dark"] .host-linked-monitor-item--degraded {
  border-left-color: #f97316 !important;
  background: #7c2d12 !important;
  color: #ffedd5 !important;
}

body[data-ui="v120"][data-theme="dark"] .host-linked-monitor-item--unknown {
  border-left-color: #64748b !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .host-list article.host-item .host-muted-section {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 2px;
}

body[data-ui="v120"] .host-list article.host-item:has(.host-linked-monitors) .host-muted-section {
  grid-row: 3;
}

body[data-ui="v120"] .host-list article.host-item > .host-customer-bg-watermark {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

body[data-ui="v120"] .host-card-main {
  display: contents;
  position: relative;
  z-index: 1;
}

/* Name column: customer (+ tags) | display name + hostname — single row stacks */
body[data-ui="v120"] .host-customer-title-line {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: stretch;
  min-width: 0;
  padding-right: 0 !important;
  line-height: 1.1;
}

body[data-ui="v120"] .host-customer-title-line--empty .host-customer-line {
  visibility: hidden;
}

body[data-ui="v120"] .host-list article.host-item .host-customer-line,
body[data-ui="v120"] .ib-host-table .host-list article.host-item .host-customer-line {
  display: block;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: var(--ib-text) !important;
  line-height: 1.1 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
  letter-spacing: 0 !important;
}

body[data-ui="v120"] .host-customer-project-line {
  display: block;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--ib-muted) !important;
  line-height: 1.1 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-variant-numeric: tabular-nums;
}

body[data-ui="v120"] .host-designation-row {
  display: contents;
}

body[data-ui="v120"] .host-name-primary-row {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  align-self: center;
  justify-self: stretch;
  min-width: 0;
  line-height: 1.1;
}

body[data-ui="v120"] .host-list article.host-item .host-detail-line,
body[data-ui="v120"] .ib-host-table .host-list article.host-item .host-detail-line {
  display: block;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--ib-text) !important;
  line-height: 1.1 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

body[data-ui="v120"] .host-name-secondary {
  display: block;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--ib-muted) !important;
  line-height: 1.1 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

body[data-ui="v120"] .host-row-actions {
  grid-column: 4;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-self: center;
  min-width: 0;
  width: 24px;
  margin: 0;
}

body[data-ui="v120"] .host-row-actions--empty {
  visibility: hidden;
  pointer-events: none;
}

body[data-ui="v120"] .host-row-actions--os {
  visibility: visible;
  pointer-events: auto;
}

body[data-ui="v120"] .host-row-expand-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 4px !important;
  border: none !important;
  background: transparent !important;
  color: var(--ib-muted) !important;
  box-shadow: none !important;
  cursor: pointer;
  flex: 0 0 auto;
}

body[data-ui="v120"] .host-row-expand-btn:hover,
body[data-ui="v120"] .host-row-expand-btn:focus-visible {
  border: none !important;
  background: var(--ib-row-hover) !important;
  color: var(--ib-text) !important;
  outline: none;
}

body[data-ui="v120"] button.host-license-info-badge.host-row-expand-btn,
body[data-ui="v120"] button.host-row-expand-btn {
  background: transparent !important;
  border: none !important;
  color: var(--ib-muted) !important;
  min-height: 20px !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-row-expand-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 12px;
  height: 12px;
}

body[data-ui="v120"] .host-row-expand-icon i {
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  font-style: normal;
}

body[data-ui="v120"] .host-item-status-cell {
  grid-column: 1;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  justify-self: start;
  align-self: center;
  margin-left: 2px;
  min-width: 0;
}

body[data-ui="v120"] .host-item-row-index {
  flex: 0 0 auto;
  min-width: 1.6em;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: var(--ib-muted);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

body[data-ui="v120"] .host-item-status-cell .host-status-pulse {
  flex: 0 0 auto;
}

body[data-ui="v120"] .ib-host-table .host-tech-row--host,
body[data-ui="v120"] #globalView .ib-global-host-table .host-tech-row--host {
  display: none !important;
}

body[data-ui="v120"] .ib-host-table .host-tech-row--host .host-status-pulse,
body[data-ui="v120"] #globalView .ib-global-host-table .host-tech-row--host .host-status-pulse {
  display: none;
}

body[data-ui="v120"] .host-license-info-badge.host-row-expand-btn .host-row-expand-icon {
  color: var(--ib-muted);
}

body[data-ui="v120"] .host-license-info-badge.host-row-expand-btn:hover .host-row-expand-icon,
body[data-ui="v120"] .host-license-info-badge.host-row-expand-btn:focus-visible .host-row-expand-icon {
  color: var(--ib-text);
}

body[data-ui="v120"] .host-license-dot {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: #8b7ec8 !important;
  box-shadow: none !important;
  cursor: pointer;
  flex-shrink: 0;
}

body[data-ui="v120"] .host-license-dot:hover,
body[data-ui="v120"] .host-license-dot:focus-visible {
  background: #a78bfa !important;
  outline: none;
}

body[data-ui="v120"][data-theme="light"] .host-license-dot {
  background: #6b7ec4 !important;
}

body[data-ui="v120"][data-theme="light"] .host-license-dot:hover,
body[data-ui="v120"][data-theme="light"] .host-license-dot:focus-visible {
  background: #5b85c4 !important;
}

body[data-ui="v120"] .ib-host-table .host-tech-row--host .host-meta-v,
body[data-ui="v120"] #globalView .ib-global-host-table .host-tech-row--host .host-meta-v {
  display: none !important;
}

body[data-ui="v120"] .host-tech-line {
  display: contents;
}

body[data-ui="v120"] .host-tech-row--country {
  grid-column: 5;
  grid-row: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  align-self: center;
  justify-self: start;
  min-width: 0;
}

body[data-ui="v120"] .host-tech-row--country-empty {
  visibility: hidden;
  pointer-events: none;
}

body[data-ui="v120"] .host-card-country-flag {
  width: 18px;
  height: 13px;
  object-fit: cover;
  border-radius: 2px;
  border: 1px solid rgba(15, 23, 42, 0.22);
  display: block;
}

body[data-ui="v120"][data-theme="dark"] .host-card-country-flag {
  border-color: rgba(255, 255, 255, 0.18);
}

body[data-ui="v120"] .host-tech-row--ip {
  grid-column: 6;
  grid-row: 1;
  display: flex;
  align-items: center;
  align-self: center;
  justify-self: end;
  min-width: 0;
}

body[data-ui="v120"] .host-tech-row--ip .host-meta-v {
  width: 100%;
  text-align: right;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--ib-text) !important;
  line-height: 1.1 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--ui-font-family);
  font-variant-numeric: tabular-nums;
}

body[data-ui="v120"] .host-detail-clock {
  grid-column: 8;
  grid-row: 1;
  display: block !important;
  align-self: center;
  justify-self: end;
  text-align: right;
  font-size: 11px !important;
  color: var(--ib-muted) !important;
  white-space: nowrap;
  line-height: 1.1 !important;
  font-variant-numeric: tabular-nums;
  padding-right: 6px;
}

body[data-ui="v120"] .host-card-corner-badges {
  position: static !important;
  top: auto !important;
  right: auto !important;
  grid-column: 7;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-self: center;
  gap: 4px;
}

body[data-ui="v120"] .host-card-os-badge {
  width: 24px !important;
  height: 24px !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
}

body[data-ui="v120"][data-theme="light"] .host-card-os-badge {
  background: transparent !important;
  border: none !important;
}

body[data-ui="v120"] .host-card-os-badge img {
  width: 14px !important;
  height: 14px !important;
}

body[data-ui="v120"] .host-card-country-code {
  display: none;
}

body[data-ui="v120"] .host-status-pulse {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  flex-shrink: 0;
}

body[data-ui="v120"] .host-group-hidden {
  border-top: none;
}

body[data-ui="v120"] .host-group-title-row {
  padding: 6px 12px;
  background: var(--ib-chrome);
}

/* ── Detail panel (reports column) ── */
body[data-ui="v120"] .host-dashboard-chrome {
  --host-dashboard-logo-col-width: 220px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--host-dashboard-logo-col-width) max-content;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 0;
  align-items: center;
  flex: 0 0 auto;
  padding: 0 16px;
  border-bottom: 1px solid var(--ib-line);
  background: var(--ib-bg);
}

body[data-ui="v120"] .host-dashboard-chrome .report-chrome-bar {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  padding: 12px 0 8px;
  border-bottom: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-dashboard-chrome .report-chrome-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

body[data-ui="v120"] .host-dashboard-chrome .report-chrome-customer,
body[data-ui="v120"] .host-dashboard-chrome .report-chrome-host {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body[data-ui="v120"] .host-dashboard-chrome-logo-reserve {
  grid-column: 2;
  grid-row: 1;
  width: var(--host-dashboard-logo-col-width);
  min-width: var(--host-dashboard-logo-col-width);
  max-width: var(--host-dashboard-logo-col-width);
  height: 1px;
  pointer-events: none;
}

body[data-ui="v120"] .host-dashboard-chrome-meta-reserve {
  grid-column: 3;
  grid-row: 1;
  width: 0;
  min-width: 0;
  height: 1px;
  pointer-events: none;
}

body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--host-dashboard-logo-col-width) max-content;
  column-gap: 12px;
  align-items: center;
  min-height: 52px;
  padding: 0 0 8px;
  border-bottom: none;
  background: transparent;
}

body[data-ui="v120"] .host-dashboard-chrome .report-chrome-env {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0;
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] .report-chrome-env.env-prod {
  color: var(--ib-success) !important;
  background: transparent !important;
  border: none !important;
}

body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar .view-tabs-shell {
  grid-column: 1;
  flex: 0 0 auto;
  padding: 0 !important;
  margin: 0;
  border-bottom: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar .view-tabs {
  gap: 6px !important;
  min-height: 0 !important;
}

body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar .report-chrome-logo-wrap {
  grid-column: 2;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--host-dashboard-logo-col-width);
  min-width: var(--host-dashboard-logo-col-width);
  max-width: var(--host-dashboard-logo-col-width);
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  margin: 0;
  padding: 2px 8px;
  box-sizing: border-box;
  overflow: hidden;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar .report-chrome-logo-wrap.hidden,
body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar .report-chrome-logo-wrap[aria-hidden="true"] {
  display: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"][data-theme="dark"] .host-dashboard-chrome .host-dashboard-nav-bar .report-chrome-logo-wrap {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar .report-chrome-logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar .report-chrome-nav-meta {
  grid-column: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
  margin-left: 0;
  min-width: 0;
}

body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar .report-chrome-date {
  margin-left: 0;
  white-space: nowrap;
}

body[data-ui="v120"] .host-dashboard-chrome .host-dashboard-nav-bar .report-chrome-actions {
  flex: 0 0 auto;
}

body[data-ui="v120"] .reports-column .view-tabs-shell {
  box-shadow: none !important;
}

body[data-ui="v120"] .report-chrome-logo-wrap {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .reports-column .view-tabs-shell,
body[data-ui="v120"] .view-tabs-shell {
  padding: 0 16px;
  border-bottom: 1px solid var(--ib-line);
  background: transparent;
}

body[data-ui="v120"] .view-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
}

body[data-ui="v120"] .tab-button.ib-nav-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

body[data-ui="v120"] .tab-button {
  min-height: 34px;
  box-sizing: border-box;
  padding: 6px 12px !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-pill-bg) !important;
  color: var(--ib-muted) !important;
  font-weight: 500;
  box-shadow: none !important;
}

body[data-ui="v120"] .tab-button:hover:not(.active) {
  background: var(--ib-pill-bg-hover) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .tab-button.active {
  color: var(--ib-text) !important;
  border-bottom: none !important;
  background: var(--ib-pill-bg-active) !important;
  font-weight: 600;
}

/* Host dashboard: Übersicht / Einzelmeldungen — same pills as sidebar nav below */
body[data-ui="v120"] #hostDashboardNavBar .view-tabs {
  gap: 6px !important;
  min-height: 0 !important;
}

body[data-ui="v120"] #hostDashboardNavBar .view-tabs .tab-button,
body[data-ui="v120"] .reports-column #hostDashboardNavBar .view-tabs .tab-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  box-sizing: border-box !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-pill-bg) !important;
  color: var(--ib-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #hostDashboardNavBar .view-tabs .tab-button:hover:not(.active),
body[data-ui="v120"] .reports-column #hostDashboardNavBar .view-tabs .tab-button:hover:not(.active) {
  background: var(--ib-pill-bg-hover) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #hostDashboardNavBar .view-tabs .tab-button.active,
body[data-ui="v120"] .reports-column #hostDashboardNavBar .view-tabs .tab-button.active {
  background: var(--ib-pill-bg-active) !important;
  color: var(--ib-text) !important;
  border: none !important;
  border-bottom: none !important;
  font-weight: 600 !important;
}

body[data-ui="v120"][data-theme="dark"] #hostDashboardNavBar .view-tabs .tab-button:not(.active),
body[data-ui="v120"][data-theme="dark"] .reports-column #hostDashboardNavBar .view-tabs .tab-button:not(.active) {
  background: var(--ib-pill-bg) !important;
  color: var(--ib-muted) !important;
}

body[data-ui="v120"][data-theme="dark"] #hostDashboardNavBar .view-tabs .tab-button.active,
body[data-ui="v120"][data-theme="dark"] .reports-column #hostDashboardNavBar .view-tabs .tab-button.active {
  background: var(--ib-pill-bg-active) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #hostDashboardNavBar .view-tabs .tab-button .ib-nav-icon-svg,
body[data-ui="v120"] .reports-column #hostDashboardNavBar .view-tabs .tab-button .ib-nav-icon-svg {
  color: currentColor !important;
}

body[data-ui="v120"] .reports-column .overview-sidebar,
body[data-ui="v120"] .overview-sidebar,
body[data-ui="v120"] #overviewView .overview-sidebar,
body[data-ui="v120"] #reportsView .overview-sidebar {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 8px 16px;
  gap: 6px;
  border: none !important;
  border-bottom: 1px solid var(--ib-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .overview-sidebar--reports-only {
  row-gap: 10px !important;
}

body[data-ui="v120"] .overview-sidebar--reports-only .report-jump-row--inline {
  flex: 1 0 100%;
  width: 100%;
  max-width: 100%;
  margin-left: 0 !important;
  margin-top: 2px;
  padding-top: 8px;
  justify-content: flex-end;
  align-items: center;
  border: none !important;
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .overview-sidebar-item.ib-nav-item,
body[data-ui="v120"] #overviewView .overview-sidebar-item.ib-nav-item,
body[data-ui="v120"] #reportsView .overview-sidebar-item.ib-nav-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body[data-ui="v120"] .ib-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: inherit;
}

body[data-ui="v120"] .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-ui="v120"] .ib-section-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body[data-ui="v120"] h4.ib-nav-item,
body[data-ui="v120"] h4[data-nav-icon] {
  display: flex;
  align-items: center;
  gap: 8px;
}

body[data-ui="v120"] .analysis-header h4,
body[data-ui="v120"] .alerts-panel-header h4,
body[data-ui="v120"] .detail-card > h4,
body[data-ui="v120"] .metric-card > h4 {
  display: flex;
  align-items: center;
  gap: 8px;
}

body[data-ui="v120"] .overview-sidebar-item,
body[data-ui="v120"] #overviewView .overview-sidebar-item,
body[data-ui="v120"] #reportsView .overview-sidebar-item {
  width: auto;
  min-height: 34px;
  box-sizing: border-box;
  padding: 6px 12px !important;
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-pill-bg) !important;
  color: var(--ib-muted) !important;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none !important;
}

body[data-ui="v120"][data-theme="light"] .overview-sidebar-item:not(.active),
body[data-ui="v120"][data-theme="light"] #overviewView .overview-sidebar-item:not(.active),
body[data-ui="v120"][data-theme="light"] #reportsView .overview-sidebar-item:not(.active) {
  color: #374151 !important;
}

body[data-ui="v120"] .overview-sidebar-item:hover,
body[data-ui="v120"] #overviewView .overview-sidebar-item:hover,
body[data-ui="v120"] #reportsView .overview-sidebar-item:hover {
  background: var(--ib-pill-bg-hover) !important;
  border: none !important;
  color: var(--ib-text);
}

body[data-ui="v120"] .overview-sidebar-item.active,
body[data-ui="v120"] #overviewView .overview-sidebar-item.active,
body[data-ui="v120"] #reportsView .overview-sidebar-item.active {
  background: var(--ib-pill-bg-active) !important;
  border: none !important;
  color: var(--ib-text) !important;
  font-weight: 600;
  box-shadow: none !important;
}

body[data-ui="v120"][data-theme="dark"] .overview-sidebar-item:not(.active),
body[data-ui="v120"][data-theme="dark"] #overviewView .overview-sidebar-item:not(.active),
body[data-ui="v120"][data-theme="dark"] #reportsView .overview-sidebar-item:not(.active) {
  background: var(--ib-pill-bg) !important;
  color: var(--ib-muted) !important;
}

body[data-ui="v120"][data-theme="dark"] .overview-sidebar-item.active,
body[data-ui="v120"][data-theme="dark"] #overviewView .overview-sidebar-item.active,
body[data-ui="v120"][data-theme="dark"] #reportsView .overview-sidebar-item.active {
  background: var(--ib-pill-bg-active) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .overview-sidebar .osi-icon,
body[data-ui="v120"] #overviewView .overview-sidebar .osi-icon,
body[data-ui="v120"] #reportsView .overview-sidebar .osi-icon {
  display: none;
}

body[data-ui="v120"] .overview-sidebar-divider {
  display: none;
}

body[data-ui="v120"] .overview-sidebar-range {
  margin-left: auto;
  border: none;
  background: transparent;
}

body[data-ui="v120"] .overview-sidebar-range select {
  border: 1px solid var(--ib-line) !important;
  border-radius: 6px !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .metric-card,
body[data-ui="v120"] .overview-content .detail-card,
body[data-ui="v120"] .overview-content .alerts-panel,
body[data-ui="v120"] .overview-content .analysis-panel,
body[data-ui="v120"] .meta-groups .meta-group {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .reports-column #overviewView .overview-content,
body[data-ui="v120"] .reports-column #reportsView .overview-content,
body[data-ui="v120"] .reports-column .overview-content {
  background: transparent !important;
}

/* ── Global view + settings ── */
body[data-ui="v120"] #globalView.settings-view {
  padding: 0 20px 24px;
  background: var(--ib-bg);
}

body[data-ui="v120"] #globalView .settings-page-header {
  border-bottom: none;
  padding-bottom: 12px;
}

body[data-ui="v120"] .subview-tabs-shell {
  border-bottom: none;
  background: transparent;
}

body[data-ui="v120"] .subview-tabs .tab-button,
body[data-ui="v120"] .reports-column .subview-tabs .tab-button {
  border: none !important;
  border-bottom: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-pill-bg) !important;
  box-shadow: none !important;
  color: var(--ib-muted) !important;
  font-weight: 500;
}

body[data-ui="v120"] .subview-tabs .tab-button:hover,
body[data-ui="v120"] .subview-tabs .tab-button.admin-only-tab:hover {
  background: var(--ib-pill-bg-hover) !important;
  border-bottom: none !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .subview-tabs .tab-button.active,
body[data-ui="v120"] .subview-tabs .tab-button.admin-only-tab.active {
  background: var(--ib-pill-bg-active) !important;
  border-bottom: none !important;
  color: var(--ib-text) !important;
  font-weight: 600;
}

/* ── Netbird flat: kill legacy card chrome everywhere ── */
body[data-ui="v120"] .host-list article.host-item,
body[data-ui="v120"] .hosts-column .host-item:not(.service-monitor-card),
body[data-ui="v120"] .report-card .detail-card,
body[data-ui="v120"] .report-card .detail-card-collapsible,
body[data-ui="v120"] .external-monitor-detail-view,
body[data-ui="v120"] .external-monitor-panel,
body[data-ui="v120"] .external-monitor-metric,
body[data-ui="v120"] .external-monitor-history-chart-stat,
body[data-ui="v120"] .alarm-settings-card,
body[data-ui="v120"] .settings-logic-help-card,
body[data-ui="v120"] .settings-subsection,
body[data-ui="v120"] .global-alerts-panel,
body[data-ui="v120"] .system-overview-customer-block,
body[data-ui="v120"] .ct-host-card,
body[data-ui="v120"] .ih-host-card,
body[data-ui="v120"] .backup-host-card,
body[data-ui="v120"] .host-config-change-group,
body[data-ui="v120"] .so-card,
body[data-ui="v120"] .overview-host-metrics .metric-card {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .analysis-header,
body[data-ui="v120"] .alerts-panel-header,
body[data-ui="v120"] .settings-subsection-head,
body[data-ui="v120"] .host-config-change-summary,
body[data-ui="v120"] .host-config-change-date-summary,
body[data-ui="v120"] .report-card .report-header,
body[data-ui="v120"] .report-section-head,
body[data-ui="v120"] .external-monitor-detail-header {
  border: none !important;
  border-bottom: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .overview-layout {
  gap: 0;
}

body[data-ui="v120"] .reports-column .overview-content,
body[data-ui="v120"] .reports-column .overview-subsection,
body[data-ui="v120"] .reports-column .overview-scroll-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .ib-host-table-head {
  border-bottom: none;
  background: var(--ib-bg);
}

body[data-ui="v120"] .host-list article.host-item,
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card {
  border-bottom: none !important;
}

body[data-ui="v120"] .host-list article.host-item:hover,
body[data-ui="v120"] .hosts-column .host-item:not(.service-monitor-card):hover {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card:hover {
  box-shadow: none !important;
}

body[data-ui="v120"] .detail-card-collapsible {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

body[data-ui="v120"] .detail-card-collapsible > summary {
  border: none !important;
  background: transparent !important;
  list-style: none;
}

body[data-ui="v120"] .log-viewer {
  border: 1px solid var(--ib-line) !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-elevated) !important;
  box-shadow: none !important;
}

/* ── Responsive ── */
body[data-ui="v120"] .service-monitor-list {
  gap: 0 !important;
  display: flex !important;
  flex-direction: column;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card {
  display: grid !important;
  grid-template-columns: 22px minmax(100px, 1.35fr) minmax(72px, 1fr) 64px 48px 52px;
  grid-template-rows: auto;
  column-gap: 10px;
  row-gap: 0;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 8px 12px !important;
  min-height: 0 !important;
  gap: 0 !important;
  flex-direction: unset !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: none !important;
  background-image: none !important;
  opacity: 1 !important;
  cursor: pointer;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card:nth-child(odd) {
  background: var(--ib-host-row-odd, var(--ib-row-odd)) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card:nth-child(even) {
  background: var(--ib-host-row-even, var(--ib-row-even)) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--up:not(.selected) {
  box-shadow: inset 3px 0 0 var(--ib-success) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--down:not(.selected) {
  box-shadow: inset 3px 0 0 var(--ib-danger) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--warn:not(.selected) {
  box-shadow: inset 3px 0 0 var(--ib-warning) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--unknown:not(.selected) {
  box-shadow: inset 3px 0 0 var(--ib-muted) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--up:not(.selected),
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--down:not(.selected),
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--warn:not(.selected),
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--unknown:not(.selected) {
  border: none !important;
  border-bottom: none !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card:hover {
  background: var(--ib-row-hover) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--up:not(.selected):hover {
  box-shadow: inset 3px 0 0 var(--ib-success) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--down:not(.selected):hover {
  box-shadow: inset 3px 0 0 var(--ib-danger) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--warn:not(.selected):hover {
  box-shadow: inset 3px 0 0 var(--ib-warning) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--unknown:not(.selected):hover {
  box-shadow: inset 3px 0 0 var(--ib-muted) !important;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card.selected,
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card.selected.service-monitor-card--up,
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card.selected.service-monitor-card--down,
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card.selected.service-monitor-card--warn,
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card.selected.service-monitor-card--unknown,
body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card.selected {
  background: var(--ib-row-selected-bg) !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: inset 0 0 0 1px var(--ib-row-selected-border) !important;
}

body[data-ui="v120"] .service-monitor-card .host-card-main {
  display: contents;
}

body[data-ui="v120"] .service-monitor-card .host-tech-row--host {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
}

body[data-ui="v120"] .service-monitor-card .host-tech-row--host .host-meta-v {
  display: none !important;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-title-col {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  align-self: center;
  min-width: 0;
}

body[data-ui="v120"] .service-monitor-card .host-detail-line {
  display: block;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--ib-text) !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-type-label {
  display: block;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--ib-muted) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-def-col {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  align-items: center;
  align-self: center;
  min-width: 0;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-pill--definition {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--ib-muted) !important;
  border: 1px solid var(--ib-line-strong) !important;
  border-radius: 999px !important;
  background: var(--ib-elevated) !important;
  padding: 2px 8px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-ui="v120"] .service-monitor-card .host-tech-row--ip {
  grid-column: 4;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: center;
  min-width: 0;
}

body[data-ui="v120"] .service-monitor-card .host-tech-row--ip .host-meta-v {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ib-text) !important;
  font-family: var(--ui-font-family);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body[data-ui="v120"] .service-monitor-card .host-detail-clock {
  grid-column: 5;
  grid-row: 1;
  display: block;
  align-self: center;
  justify-self: end;
  text-align: right;
  font-size: 12px !important;
  color: var(--ib-muted) !important;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-source-pill {
  grid-column: 6;
  grid-row: 1;
  align-self: center;
  justify-self: end;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-pill {
  min-height: 20px;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  border: 1px solid var(--ib-line-strong) !important;
  background: var(--ib-elevated) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-pill--intern {
  color: var(--ib-success) !important;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-pill--extern {
  color: var(--ib-accent-fg) !important;
  font-weight: var(--ib-accent-weight, 600) !important;
}

body[data-ui="v120"] .service-monitor-head-row .service-monitor-pill,
body[data-ui="v120"] .external-monitor-detail-view .service-monitor-pill,
body[data-ui="v120"] .external-monitor-detail-header .service-monitor-pill {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 20px;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  border: 1px solid var(--ib-line-strong) !important;
  background: var(--ib-elevated) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-ui="v120"] .service-monitor-head-row .service-monitor-pill--definition,
body[data-ui="v120"] .external-monitor-detail-view .service-monitor-pill--definition {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] .service-monitor-head-row .service-monitor-pill--intern,
body[data-ui="v120"] .external-monitor-detail-view .service-monitor-pill--intern {
  color: var(--ib-success) !important;
}

body[data-ui="v120"] .service-monitor-head-row .service-monitor-pill--extern,
body[data-ui="v120"] .external-monitor-detail-view .service-monitor-pill--extern {
  color: var(--ib-accent-fg) !important;
  font-weight: var(--ib-accent-weight, 600) !important;
}

body[data-ui="v120"][data-theme="dark"] .service-monitor-pill,
body[data-ui="v120"][data-theme="dark"] .service-monitor-head-row .service-monitor-pill--definition,
body[data-ui="v120"][data-theme="dark"] .external-monitor-detail-view .service-monitor-pill--definition {
  background: var(--ib-elevated) !important;
  border-color: var(--ib-line-strong) !important;
  color: var(--ib-muted) !important;
}

body[data-ui="v120"][data-theme="dark"] .service-monitor-pill--intern,
body[data-ui="v120"][data-theme="dark"] .service-monitor-head-row .service-monitor-pill--intern,
body[data-ui="v120"][data-theme="dark"] .external-monitor-detail-view .service-monitor-pill--intern {
  color: var(--ib-success) !important;
}

body[data-ui="v120"][data-theme="dark"] .service-monitor-pill--extern,
body[data-ui="v120"][data-theme="dark"] .service-monitor-head-row .service-monitor-pill--extern,
body[data-ui="v120"][data-theme="dark"] .external-monitor-detail-view .service-monitor-pill--extern {
  color: var(--ib-accent-fg) !important;
}

body[data-ui="v120"] .external-monitor-detail-header .service-monitor-type-label {
  color: var(--ib-muted) !important;
}

/* v1.20.39–40: system overview addon lists readable in dark mode */
body[data-ui="v120"] #globalView .so-addon-details {
  border: 1px solid var(--ib-line) !important;
  border-radius: 6px !important;
  background: var(--ib-elevated) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #globalView .so-addon-details > summary {
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #globalView .so-addon-col + .so-addon-col {
  border-top-color: var(--ib-line) !important;
}

body[data-ui="v120"] #globalView .so-addon-col h6 {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] #globalView .so-addon-list li,
body[data-ui="v120"] #globalView .so-addon-name {
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #globalView .so-addon-version {
  color: var(--ib-muted) !important;
  font-family: var(--ui-font-family);
  font-variant-numeric: tabular-nums;
}

body[data-ui="v120"] #globalView .so-addon-more summary {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] .sidebar-panel--services .service-monitor-list-shell {
  max-height: none !important;
}

body[data-ui="v120"] .hosts-column-scroll:has(.sidebar-panel--services:not(.hidden)) {
  max-height: none !important;
}

body[data-ui="v120"] .service-monitor-toolbar {
  display: block;
  padding: 10px 16px !important;
  border-bottom: none;
}

body[data-ui="v120"] .ib-services-toolbar .host-filter-control select,
body[data-ui="v120"] .ib-services-toolbar .service-monitor-filter-select {
  min-width: 132px;
}

/* Legacy service-card chrome off (light + dark) */
body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card,
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card {
  display: grid !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: none !important;
  background-image: none !important;
}

body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card--up:not(.selected),
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--up:not(.selected),
body[data-ui="v120"][data-theme="dark"] .hosts-column .service-monitor-list article.host-item.service-monitor-card--up:not(.selected),
body[data-ui="v120"][data-theme="dark"] .service-monitor-list article.host-item.service-monitor-card--up:not(.selected) {
  border: none !important;
  border-bottom: none !important;
  box-shadow: inset 3px 0 0 var(--ib-success) !important;
}

body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card--down:not(.selected),
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--down:not(.selected),
body[data-ui="v120"][data-theme="dark"] .hosts-column .service-monitor-list article.host-item.service-monitor-card--down:not(.selected),
body[data-ui="v120"][data-theme="dark"] .service-monitor-list article.host-item.service-monitor-card--down:not(.selected) {
  border: none !important;
  border-bottom: none !important;
  box-shadow: inset 3px 0 0 var(--ib-danger) !important;
}

body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card--warn:not(.selected),
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--warn:not(.selected),
body[data-ui="v120"][data-theme="dark"] .hosts-column .service-monitor-list article.host-item.service-monitor-card--warn:not(.selected),
body[data-ui="v120"][data-theme="dark"] .service-monitor-list article.host-item.service-monitor-card--warn:not(.selected) {
  border: none !important;
  border-bottom: none !important;
  box-shadow: inset 3px 0 0 var(--ib-warning) !important;
}

body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card--unknown:not(.selected),
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card--unknown:not(.selected),
body[data-ui="v120"][data-theme="dark"] .hosts-column .service-monitor-list article.host-item.service-monitor-card--unknown:not(.selected),
body[data-ui="v120"][data-theme="dark"] .service-monitor-list article.host-item.service-monitor-card--unknown:not(.selected) {
  border: none !important;
  border-bottom: none !important;
  box-shadow: inset 3px 0 0 var(--ib-muted) !important;
}

body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card.selected,
body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card.selected,
body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card.selected.service-monitor-card--up,
body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card.selected.service-monitor-card--down,
body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card.selected.service-monitor-card--warn,
body[data-ui="v120"] .hosts-column .service-monitor-list article.host-item.service-monitor-card.selected.service-monitor-card--unknown,
body[data-ui="v120"][data-theme="dark"] .hosts-column .service-monitor-list article.host-item.service-monitor-card.selected,
body[data-ui="v120"][data-theme="dark"] .service-monitor-list article.host-item.service-monitor-card.selected {
  background: var(--ib-row-selected-bg) !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: inset 0 0 0 1px var(--ib-row-selected-border) !important;
}

/* ── Login ── */
body[data-ui="v120"] .login-overlay {
  background: rgba(8, 10, 12, 0.82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body[data-ui="v120"] .login-shell {
  width: min(400px, 100%);
}

body[data-ui="v120"] .login-logo-floating {
  border: none !important;
  border-radius: 16px;
  background: var(--ib-elevated) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .login-logo-floating::before {
  display: none !important;
}

body[data-ui="v120"] .login-card {
  border: none !important;
  border-radius: var(--ib-radius);
  padding: 52px 20px 16px;
  background: var(--ib-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
  gap: 10px;
}

body[data-ui="v120"] .login-product-title {
  color: var(--ib-text);
  font-size: 21px;
  font-weight: 700;
}

body[data-ui="v120"] .login-release-versions {
  color: var(--ib-muted);
  font-size: 12px;
  font-weight: 600;
}

body[data-ui="v120"] .login-card label {
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ib-muted);
}

body[data-ui="v120"] .login-card input {
  border: none !important;
  border-radius: var(--ib-radius) !important;
  padding: 10px 12px;
  font-size: 15px;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .login-card input:focus-visible {
  outline: 2px solid var(--ib-accent-border);
  outline-offset: 1px;
}

body[data-ui="v120"] .login-card #loginSubmitButton,
body[data-ui="v120"] .login-card #loginMfaSubmitButton {
  width: 100%;
  min-height: 36px;
  margin-top: 4px;
}

body[data-ui="v120"] .login-card #loginMfaBackButton {
  width: 100%;
  margin-top: 6px;
}

body[data-ui="v120"] .login-card #loginStatus {
  color: var(--ib-muted);
  text-align: center;
}

body[data-ui="v120"] .login-ang-logo img {
  opacity: 0.7;
}

/* ── Netbird-style controls (buttons, pills, chips) ── */
body[data-ui="v120"] .btn-secondary,
body[data-ui="v120"] .btn-secondary--compact,
body[data-ui="v120"] .view-back-chip {
  min-height: 32px;
  padding: 0 12px;
  border-radius: var(--ib-radius) !important;
  border: none !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  background-image: none !important;
  font-size: 13px;
  font-weight: 500;
}

body[data-ui="v120"] .btn-secondary:hover,
body[data-ui="v120"] .view-back-chip:hover {
  background: var(--ib-row-hover) !important;
  border: none !important;
  transform: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] button:not(.btn-secondary):not(.btn-icon):not(.tab-button):not(.sidebar-mode-btn):not(.ib-icon-rail-btn):not(.ib-mono-icon-btn):not(.header-collapsible-toggle):not(.host-group-toggle):not(.host-item):not(.host-unmute-action):not(.host-linked-monitor-item):not(.service-monitor-linked-host):not(.external-monitor-linked-host-link):not(.host-row-expand-btn):not(.host-license-info-badge):not(.host-license-dot):not(.btn-emoji-pill):not(.host-mini-action):not(.overview-sidebar-item):not(.brand-logout-btn):not(.theme-toggle):not(.service-mobile-history-bar):not(.chip):not(.mobile-mode-btn):not(.header-stat-chip):not(.kpi-tap):not(.icon-btn):not(.sidebar-mode-action-btn):not(.user-mgmt-icon-btn) {
  min-height: 32px;
  padding: 0 14px;
  border-radius: 6px !important;
  border: 1px solid var(--ib-accent-border) !important;
  background: var(--ib-accent) !important;
  color: var(--ib-accent-text) !important;
  font-size: 13px;
  font-weight: 600;
  box-shadow: none !important;
}

/* Header + report chrome: icon-only actions (pill style like overview sidebar) */
body[data-ui="v120"] .header-toolbar .btn-emoji-pill,
body[data-ui="v120"] .panel-header .panel-actions .header-toolbar .btn-emoji-pill,
body[data-ui="v120"] #refreshButton,
body[data-ui="v120"] .report-chrome-actions .btn-icon,
body[data-ui="v120"] .report-chrome-actions .host-mini-action,
body[data-ui="v120"] .selected-host-controls .host-mini-action {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0 !important;
  border-radius: var(--ib-radius) !important;
  border: none !important;
  background: var(--ib-pill-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-muted) !important;
  font-size: 17px;
  line-height: 1;
}

body[data-ui="v120"][data-theme="light"] .header-toolbar .btn-emoji-pill,
body[data-ui="v120"][data-theme="light"] .panel-header .panel-actions .header-toolbar .btn-emoji-pill {
  color: #374151 !important;
}

body[data-ui="v120"] .header-toolbar .btn-emoji-pill:hover,
body[data-ui="v120"] .panel-header .panel-actions .header-toolbar .btn-emoji-pill:hover,
body[data-ui="v120"][data-theme="dark"] .header-toolbar .btn-emoji-pill:hover:not(:disabled),
body[data-ui="v120"][data-theme="dark"] .panel-header .panel-actions .header-toolbar .btn-emoji-pill:hover:not(:disabled),
body[data-ui="v120"] #refreshButton:hover,
body[data-ui="v120"] .report-chrome-actions .btn-icon:hover,
body[data-ui="v120"] .report-chrome-actions .host-mini-action:hover,
body[data-ui="v120"] .selected-host-controls .host-mini-action:hover {
  border: none !important;
  background: var(--ib-pill-bg-hover) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .host-mini-action.favorite.active,
body[data-ui="v120"] .selected-host-controls .host-mini-action.favorite.active {
  color: var(--ib-accent-fg) !important;
  background: transparent !important;
}

body[data-ui="v120"] .auto-refresh-interval-select {
  height: 32px;
  min-height: 32px;
  padding: 0 8px !important;
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: transparent !important;
  color: var(--ib-muted) !important;
  font-size: 13px !important;
  font-weight: 500;
  cursor: pointer;
  box-shadow: none !important;
}

body[data-ui="v120"] .auto-refresh-interval-select:hover,
body[data-ui="v120"] .auto-refresh-interval-select:focus-visible {
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  outline: none;
}

body[data-ui="v120"] .panel-header .panel-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  grid-template-columns: none !important;
}

body[data-ui="v120"] .panel-header .panel-actions .header-kpi-strip,
body[data-ui="v120"] .panel-header .header-kpi-strip {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  grid-auto-flow: unset !important;
  grid-auto-columns: unset !important;
  grid-template-columns: none !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: none !important;
  min-width: max-content !important;
  min-height: 30px;
  box-sizing: border-box;
  padding: 3px 12px !important;
  margin: 0 !important;
  border: none !important;
  border-right: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-elevated) !important;
  box-shadow: none !important;
  white-space: nowrap;
}

body[data-ui="v120"] .panel-header .header-kpi-group:last-child {
  border-right: none !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group-title {
  flex: 0 0 auto;
  width: auto;
  text-align: left;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--ib-muted);
}

body[data-ui="v120"] .panel-header .header-kpi-group-cells {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group-cells > .header-stat-chip:not(.header-stat-chip-license) {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  white-space: nowrap;
}

body[data-ui="v120"] .panel-header .header-kpi-group-cells > .header-stat-chip:not(.header-stat-chip-license):hover {
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .panel-header .header-stat-chip {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-height: auto !important;
  padding: 0 !important;
}

body[data-ui="v120"] .panel-header .header-chip-label {
  color: var(--ib-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body[data-ui="v120"] .panel-header .header-chip-count {
  color: var(--ib-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group--alerts .header-stat-chip--alarm-active,
body[data-ui="v120"] .panel-header .header-kpi-group--alerts .header-stat-chip-alert.header-stat-chip--alarm-active,
body[data-ui="v120"] .panel-header .header-kpi-group--alerts .header-stat-chip-critical.header-stat-chip--alarm-active {
  background: transparent !important;
  border: none !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group--alerts .header-stat-chip-alert.header-stat-chip--alarm-active .header-chip-count {
  color: var(--ib-warning) !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group--alerts .header-stat-chip-critical.header-stat-chip--alarm-active .header-chip-count {
  color: var(--ib-danger) !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group--hosts .header-stat-chip-active-hosts,
body[data-ui="v120"] .panel-header .header-kpi-group--hosts .header-stat-chip-inactive,
body[data-ui="v120"] .panel-header .header-kpi-group--hosts .header-stat-chip-active-hosts:hover,
body[data-ui="v120"] .panel-header .header-kpi-group--hosts .header-stat-chip-inactive:hover {
  background: transparent !important;
  border: none !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group--hosts .header-stat-chip-active-hosts .header-chip-label,
body[data-ui="v120"] .panel-header .header-kpi-group--hosts .header-stat-chip-active-hosts .header-chip-count {
  color: var(--ib-success) !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group--hosts .header-stat-chip-inactive .header-chip-label,
body[data-ui="v120"] .panel-header .header-kpi-group--hosts .header-stat-chip-inactive .header-chip-count {
  color: var(--ib-danger) !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group--services .header-stat-chip-services-ok,
body[data-ui="v120"] .panel-header .header-kpi-group--services .header-stat-chip-services-down,
body[data-ui="v120"] .panel-header .header-kpi-group--services .header-stat-chip-services-ok:hover,
body[data-ui="v120"] .panel-header .header-kpi-group--services .header-stat-chip-services-down:hover {
  background: transparent !important;
  border: none !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group--services .header-stat-chip-services-ok .header-chip-label,
body[data-ui="v120"] .panel-header .header-kpi-group--services .header-stat-chip-services-ok .header-chip-count {
  color: var(--ib-success) !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group--services .header-stat-chip-services-down .header-chip-label,
body[data-ui="v120"] .panel-header .header-kpi-group--services .header-stat-chip-services-down .header-chip-count {
  color: var(--ib-danger) !important;
}

body[data-ui="v120"] .brand-user-badge {
  border-radius: 0 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  background: transparent !important;
}

/* ── Netbird-style meta badges (KPI chips, host tags, license pill) ── */
body[data-ui="v120"] .overview-sap-chips,
body[data-ui="v120"] .report-sap-kpi-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
}

body[data-ui="v120"] :is(
  .ib-meta-badge,
  .overview-sap-chip,
  .host-value-chip,
  .selected-host-meta-chip,
  .report-sap-kpi-card,
  .header-stat-chip-license,
  .delivery-chip,
  .trend-alert-badge
) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  border: 1px solid var(--ib-line) !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: none !important;
  background-image: none !important;
  transform: none !important;
}

body[data-ui="v120"] .ib-meta-badge__label {
  font-size: 12px;
  font-weight: 500;
  color: var(--ib-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body[data-ui="v120"] .ib-meta-badge__value {
  font-size: 13px;
  font-weight: 500;
  color: var(--ib-text);
  font-family: var(--ui-font-family);
  font-variant-numeric: tabular-nums;
}

body[data-ui="v120"] .overview-sap-chip .ib-meta-badge__label,
body[data-ui="v120"] .overview-sap-chip .ib-meta-badge__value,
body[data-ui="v120"] .overview-sap-chip > span {
  display: inline;
  margin-top: 0;
}

body[data-ui="v120"] .ib-meta-badge--live .ib-meta-badge__value {
  color: var(--ib-success);
}

body[data-ui="v120"] .report-sap-kpi-card h4,
body[data-ui="v120"] .report-sap-kpi-card p {
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

body[data-ui="v120"] .report-sap-kpi-card--sap-release,
body[data-ui="v120"] .report-sap-kpi-card--patch,
body[data-ui="v120"] .report-sap-kpi-card--build,
body[data-ui="v120"][data-theme="dark"] .report-sap-kpi-card,
body[data-ui="v120"][data-theme="dark"] .report-sap-kpi-card--sap-release,
body[data-ui="v120"][data-theme="dark"] .report-sap-kpi-card--patch,
body[data-ui="v120"][data-theme="dark"] .report-sap-kpi-card--build {
  border-color: var(--ib-line) !important;
  background: var(--ib-elevated) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-value-chip--env-prod .ib-meta-badge__value,
body[data-ui="v120"] .selected-host-meta-chip--env-prod {
  color: var(--ib-success) !important;
}

body[data-ui="v120"][data-theme="dark"] .host-value-chip--env-test,
body[data-ui="v120"][data-theme="dark"] .selected-host-meta-chip--env-test {
  color: var(--ib-accent-fg) !important;
  font-weight: var(--ib-accent-weight, 700) !important;
}

body[data-ui="v120"] .selected-host-meta-chip--os-logo {
  padding: 2px 8px !important;
}

body[data-ui="v120"] .selected-host-meta-chip--os-logo img {
  width: 14px;
  height: 14px;
  display: block;
}

body[data-ui="v120"] .ib-hosts-toolbar .search-input,
body[data-ui="v120"] .ib-hosts-toolbar .host-filter-control select,
body[data-ui="v120"] .ib-hosts-toolbar .host-tag-filter-trigger,
body[data-ui="v120"] .ib-services-toolbar .host-filter-control select,
body[data-ui="v120"] .service-monitor-filter-select {
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px !important;
  border: 1px solid var(--ib-line-strong) !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .theme-toggle-track {
  width: 38px;
  height: 22px;
  border-radius: 999px !important;
}

body[data-ui="v120"] .theme-toggle-thumb {
  width: 16px;
  height: 16px;
  border-radius: 999px !important;
}

/* ── Overview + Einzelmeldungen: flat zebra tables ── */
body[data-ui="v120"] .overview-content .alerts-panel,
body[data-ui="v120"] .overview-content .analysis-panel,
body[data-ui="v120"] .overview-content .detail-card,
body[data-ui="v120"] .report-card .detail-card,
body[data-ui="v120"] .report-card .detail-card-collapsible {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

body[data-ui="v120"] .reports-column .table-wrap,
body[data-ui="v120"] .overview-content .table-wrap,
body[data-ui="v120"] #overviewConfigChangelogSection .table-wrap,
body[data-ui="v120"] #overviewDatabaseChangelogSection .table-wrap {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow-x: auto;
}

body[data-ui="v120"] .reports-column table,
body[data-ui="v120"] .overview-content table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: transparent;
}

body[data-ui="v120"] .reports-column table thead th,
body[data-ui="v120"] .overview-content table thead th {
  padding: 6px 10px !important;
  border: none !important;
  border-bottom: none !important;
  background: var(--ib-chrome) !important;
  background-image: none !important;
  color: var(--ib-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: none !important;
}

body[data-ui="v120"] .reports-column table tbody td,
body[data-ui="v120"] .overview-content table tbody td {
  padding: 6px 10px !important;
  border: none !important;
  border-bottom: none !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--ib-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  vertical-align: top;
}

body[data-ui="v120"] .reports-column table tbody tr:nth-child(odd) td,
body[data-ui="v120"] .overview-content table tbody tr:nth-child(odd) td {
  background: var(--ib-row-odd) !important;
}

body[data-ui="v120"] .reports-column table tbody tr:nth-child(even) td,
body[data-ui="v120"] .overview-content table tbody tr:nth-child(even) td {
  background: var(--ib-row-even) !important;
}

body[data-ui="v120"] .reports-column table tbody tr:hover td,
body[data-ui="v120"] .overview-content table tbody tr:hover td {
  background: var(--ib-row-hover) !important;
}

body[data-ui="v120"] .report-list {
  gap: 0 !important;
  margin-top: 0 !important;
}

body[data-ui="v120"] .report-list .report-card {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

body[data-ui="v120"] .report-card .report-header,
body[data-ui="v120"] .report-section-head {
  padding: 8px 0 !important;
  border-bottom: none;
  margin-bottom: 0 !important;
}

body[data-ui="v120"] .detail-card-collapsible > summary,
body[data-ui="v120"] .detail-card h4,
body[data-ui="v120"] .analysis-header h4,
body[data-ui="v120"] .alerts-panel h4 {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ib-text) !important;
}

/* ── Responsive ── */
@media (max-width: 1100px) {
  body[data-ui="v120"] #appPanel > .layout {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 42vh) minmax(0, 1fr);
  }

  body[data-ui="v120"] .hosts-column {
    border-right: none !important;
    border-bottom: none !important;
  }
}

@media (max-width: 760px) {
  body[data-ui="v120"] .ib-app-shell {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }

  body[data-ui="v120"] .ib-icon-rail {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    height: auto;
    flex-direction: row;
    justify-content: space-around;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
    border-right: none;
    border-top: none;
  }

  body[data-ui="v120"] .ib-main {
    padding-bottom: 64px;
  }

  body[data-ui="v120"] .host-list-shell.ib-host-table {
    display: block;
    padding: 0 14px !important;
    scrollbar-gutter: auto;
  }

  body[data-ui="v120"] .ib-host-table .host-list {
    display: flex;
    flex-direction: column;
  }

  body[data-ui="v120"] .ib-host-table .host-list > .host-group {
    display: flex;
    flex-direction: column;
    grid-column: auto;
    grid-template-columns: none;
  }

  body[data-ui="v120"] .ib-host-table .ib-host-table-head {
    display: none;
  }

  body[data-ui="v120"] .ib-host-table .host-list article.host-item {
    grid-column: auto;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
  }

  body[data-ui="v120"] .host-item-status-cell {
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    grid-column: auto;
    grid-row: auto;
  }

  body[data-ui="v120"] .host-designation-row {
    grid-column: 1;
    grid-row: 1;
  }

  body[data-ui="v120"] .host-tech-row--country {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: center;
  }

  body[data-ui="v120"] .host-tech-row--ip {
    grid-column: 1;
    grid-row: 2;
  }

  body[data-ui="v120"] .host-detail-clock {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  body[data-ui="v120"] .host-card-corner-badges {
    grid-column: 1;
    grid-row: 3;
  }

  body[data-ui="v120"] .host-tech-row--host {
    grid-column: 2;
    grid-row: 3;
  }

  body[data-ui="v120"] .host-row-actions {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
  }
}

/* ── Flat chrome: no card frames or divider lines ── */
body[data-ui="v120"] #appPanel,
body[data-ui="v120"] #appPanel > .layout,
body[data-ui="v120"] .hosts-column-scroll,
body[data-ui="v120"] .host-list-shell,
body[data-ui="v120"] .sidebar-panel,
body[data-ui="v120"] .reports-column .report-card,
body[data-ui="v120"] .reports-column .report-list,
body[data-ui="v120"] .overview-layout,
body[data-ui="v120"] .overview-scroll-panel {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}

body[data-ui="v120"] .hosts-column .host-item:not(.service-monitor-card),
body[data-ui="v120"][data-theme="dark"] .hosts-column .host-item:not(.service-monitor-card),
body[data-ui="v120"] .dashboard-redesign .hosts-column .host-item {
  border: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

body[data-ui="v120"] .report-card .detail-card,
body[data-ui="v120"] .report-card .detail-card-collapsible,
body[data-ui="v120"] .report-section,
body[data-ui="v120"] .meta-group,
body[data-ui="v120"] .fs-table-wrap,
body[data-ui="v120"] .alerts-table-wrap,
body[data-ui="v120"] .settings-card,
body[data-ui="v120"] .settings-section {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body[data-ui="v120"] .host-card-os-badge {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ── v1.20.15: global flat — kill all legacy card frames / divider lines ── */
body[data-ui="v120"] .panel,
body[data-ui="v120"] #appPanel,
body[data-ui="v120"] .header-collapsible,
body[data-ui="v120"] .header-collapsible-body,
body[data-ui="v120"] .sidebar-tools,
body[data-ui="v120"] .hosts-column-scroll,
body[data-ui="v120"] .metric-row,
body[data-ui="v120"] .meta-group-item,
body[data-ui="v120"] .meta-groups .meta-group,
body[data-ui="v120"] .overview-metrics-grid .metric-card,
body[data-ui="v120"] .overview-resource-bars .metric-card,
body[data-ui="v120"] .overview-sap-chip,
body[data-ui="v120"] .host-group-title-row,
body[data-ui="v120"] .report-jump-bounds-hint,
body[data-ui="v120"] #reportJumpBounds.report-jump-bounds-hint,
body[data-ui="v120"] .external-monitor-metric,
body[data-ui="v120"] .external-monitor-panel,
body[data-ui="v120"] .global-admin-nav-shell,
body[data-ui="v120"] .settings-page,
body[data-ui="v120"] .login-card,
body[data-ui="v120"] .brand-profile-card,
body[data-ui="v120"] .detail-card-collapsible > summary,
body[data-ui="v120"] .report-card .report-header,
body[data-ui="v120"] .report-section-head,
body[data-ui="v120"] .host-muted-section,
body[data-ui="v120"] .host-linked-monitors {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}

body[data-ui="v120"] .host-list article.host-item,
body[data-ui="v120"] .hosts-column .host-item:not(.service-monitor-card),
body[data-ui="v120"] .meta-groups .meta-group,
body[data-ui="v120"] .metric-card,
body[data-ui="v120"] .overview-content .detail-card,
body[data-ui="v120"] .report-card .detail-card,
body[data-ui="v120"] .report-card .detail-card-collapsible,
body[data-ui="v120"] .overview-content .alerts-panel,
body[data-ui="v120"] .overview-content .analysis-panel {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .host-list article.host-item:hover,
body[data-ui="v120"] .hosts-column .host-item:not(.service-monitor-card):hover {
  border: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-list article.host-item.selected,
body[data-ui="v120"] .hosts-column .host-item.selected:not(.service-monitor-card) {
  background: var(--ib-row-selected-bg) !important;
  box-shadow: inset 0 0 0 1px var(--ib-row-selected-border) !important;
}

body[data-ui="v120"] .panel-header .header-kpi-group-cells > .header-stat-chip,
body[data-ui="v120"][data-theme="dark"] .panel-header .header-kpi-group-cells > .header-stat-chip:not(.header-stat-chip-license),
body[data-ui="v120"] .panel-header .header-stat-chip,
body[data-ui="v120"] .panel-header .header-kpi-strip > .header-stat-chip:not(.header-stat-chip-license) {
  border: none !important;
  border-left: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

/* KPI groups keep elevated pill containers (search-input style) */
body[data-ui="v120"] .panel-header .header-kpi-group,
body[data-ui="v120"][data-theme="dark"] .panel-header .header-kpi-group,
body[data-ui="v120"][data-theme="light"] .panel-header .header-kpi-group {
  background: var(--ib-elevated) !important;
  background-image: none !important;
  border: none !important;
  border-radius: var(--ib-radius) !important;
  box-shadow: none !important;
  padding: 3px 12px !important;
  min-height: 30px !important;
}

body[data-ui="v120"] .header-collapsible-toggle {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .header-collapsible-toggle:hover {
  border: none !important;
  background: var(--ib-row-hover) !important;
  background-image: none !important;
}

body[data-ui="v120"] .meta-group-title {
  border-bottom: none !important;
}

body[data-ui="v120"] .log-viewer {
  border: none !important;
  border-radius: 0 !important;
  background: var(--ib-elevated) !important;
  box-shadow: none !important;
}

/* ── v1.20.17: remaining legacy blue/grey frame lines ── */
body[data-ui="v120"] .sidebar-mode-toggle,
body[data-ui="v120"] .sidebar-card-header,
body[data-ui="v120"] .ib-hosts-page-head,
body[data-ui="v120"] .ib-hosts-toolbar,
body[data-ui="v120"] .report-chrome-bar,
body[data-ui="v120"] .report-chrome-logo-wrap,
body[data-ui="v120"] .report-chrome-env,
body[data-ui="v120"] .view-tabs-shell,
body[data-ui="v120"] .subview-tabs-shell,
body[data-ui="v120"] .overview-sidebar,
body[data-ui="v120"] .overview-sidebar-item,
body[data-ui="v120"] .external-monitor-detail-view,
body[data-ui="v120"] .service-monitor-toolbar,
body[data-ui="v120"] .hosts-column,
body[data-ui="v120"] .reports-column,
body[data-ui="v120"] #layout.layout {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}

/* ── v1.20.20: Login light + Admin/Settings flat polish ── */
body[data-ui="v120"][data-theme="light"] .login-overlay {
  background: rgba(248, 250, 252, 0.9);
}

body[data-ui="v120"] #settingsView.settings-view {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  background: var(--ib-bg);
}

body[data-ui="v120"] #settingsView .settings-page {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  padding: 0 24px 24px;
}

body[data-ui="v120"] #settingsView .settings-page-header {
  border-bottom: none;
  padding: 14px 0 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "title actions"
    "subtitle actions";
  column-gap: 16px;
  row-gap: 2px;
  align-items: center;
}

body[data-ui="v120"] #settingsView .settings-page-header h3 {
  grid-area: title;
  margin: 0;
}

body[data-ui="v120"] #settingsView .settings-page-header > .count {
  grid-area: subtitle;
  margin: 0;
}

body[data-ui="v120"] #settingsView .settings-page-header > div {
  grid-area: actions;
}

body[data-ui="v120"] #settingsView .settings-page-header,
body[data-ui="v120"] #settingsView .subview-tabs-shell,
body[data-ui="v120"] #settingsView .settings-tab-panels {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

body[data-ui="v120"] #settingsView .subview-tabs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body[data-ui="v120"] #settingsView .subview-tabs .tab-button {
  flex: 1 1 0;
  min-width: 120px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

body[data-ui="v120"] #settingsView .subview-tabs .tab-button .ib-nav-icon-svg,
body[data-ui="v120"] #settingsView .settings-page-header h3 .ib-nav-icon-svg,
body[data-ui="v120"] #settingsView .settings-subsection-head h5 .ib-nav-icon-svg,
body[data-ui="v120"] #settingsView .ib-global-back-btn .ib-nav-icon-svg,
body[data-ui="v120"] #settingsView .alarm-settings-actions .ib-nav-item .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
}

body[data-ui="v120"] #settingsView .settings-page-header h3 {
  display: flex;
  align-items: center;
  gap: 8px;
}

body[data-ui="v120"] #settingsView .settings-subsection-head h5 {
  display: flex;
  align-items: center;
  gap: 8px;
}

body[data-ui="v120"] #settingsView .ib-global-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 12px !important;
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-pill-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-muted) !important;
  font-size: 16px;
  font-weight: 600;
}

body[data-ui="v120"] #settingsView .ib-global-back-btn:hover {
  background: var(--ib-pill-bg-hover) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #settingsView .alarm-settings-actions .ib-nav-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

body[data-ui="v120"] #settingsView .settings-tab-panels {
  display: grid;
  gap: 16px;
  min-width: 0;
}

body[data-ui="v120"] #settingsView .settings-tab-panels--split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-ui="v120"] #settingsView .settings-tab-panels--grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}

body[data-ui="v120"] #settingsView .settings-tab-panels .settings-subsection {
  margin-top: 0;
  padding: 16px;
  border-top: none !important;
  border-radius: var(--ib-radius);
  background: var(--ib-elevated);
  min-width: 0;
}

body[data-ui="v120"] #settingsView .settings-subsection-head {
  display: block;
  padding: 0 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--ib-line);
}

body[data-ui="v120"] #settingsView .settings-subsection-head .count {
  margin: 4px 0 0;
  color: var(--ib-muted);
}

body[data-ui="v120"] #settingsView .alarm-settings-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px 16px;
  margin-top: 0;
}

body[data-ui="v120"] #settingsView #userSettingsPasswordPanel .alarm-settings-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-ui="v120"] #settingsView .alarm-settings-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 12px;
}

body[data-ui="v120"] #settingsView .host-interests-list {
  margin-top: 12px;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-radius);
  background: var(--ib-elevated) !important;
  max-height: 420px;
  overflow: auto;
  padding: 8px;
}

body[data-ui="v120"] #settingsView .host-interest-country-hint,
body[data-ui="v120"] #settingsView .host-interest-country-summary {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] #settingsView button.host-interest-country-chip,
body[data-ui="v120"] #globalView button.host-interest-country-chip {
  background: var(--ib-pill-bg) !important;
  border: 1px solid var(--ib-line) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #settingsView button.host-interest-country-chip:hover,
body[data-ui="v120"] #globalView button.host-interest-country-chip:hover {
  background: var(--ib-pill-bg-hover) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #settingsView button.host-interest-country-chip.is-active,
body[data-ui="v120"] #globalView button.host-interest-country-chip.is-active {
  background: var(--ib-accent-soft) !important;
  border-color: var(--ib-accent-border) !important;
  color: var(--ib-accent-fg) !important;
  font-weight: var(--ib-accent-weight, 600) !important;
}

body[data-ui="v120"] #settingsView .host-interest-country-group,
body[data-ui="v120"] #globalView .host-interest-country-group {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-radius);
  background: var(--ib-elevated);
  overflow: hidden;
}

body[data-ui="v120"] #settingsView .host-interest-country-group + .host-interest-country-group,
body[data-ui="v120"] #globalView .host-interest-country-group + .host-interest-country-group {
  margin-top: 8px;
}

body[data-ui="v120"] #settingsView .host-interest-country-group > summary,
body[data-ui="v120"] #globalView .host-interest-country-group > summary {
  padding: 10px 12px;
  background: var(--ib-pill-bg);
  color: var(--ib-text);
}

body[data-ui="v120"] #settingsView .host-interest-country-group > summary:hover,
body[data-ui="v120"] #globalView .host-interest-country-group > summary:hover {
  background: var(--ib-pill-bg-hover);
}

body[data-ui="v120"] #settingsView .host-interest-country-no-flag,
body[data-ui="v120"] #globalView .host-interest-country-no-flag {
  color: var(--ib-muted);
}

body[data-ui="v120"] #settingsView .host-interest-item,
body[data-ui="v120"] #globalView .host-interest-item {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-radius);
  background: var(--ib-surface) !important;
}

body[data-ui="v120"] #settingsView .host-interest-item + .host-interest-item,
body[data-ui="v120"] #globalView .host-interest-item + .host-interest-item {
  margin-top: 8px;
}

body[data-ui="v120"] #settingsView .host-interest-item:hover,
body[data-ui="v120"] #globalView .host-interest-item:hover {
  background: var(--ib-pill-bg-hover) !important;
}

body[data-ui="v120"] #settingsView .host-interest-item.is-active {
  border-color: var(--ib-accent-border);
  background: color-mix(in srgb, var(--ib-accent) 8%, var(--ib-surface)) !important;
}

body[data-ui="v120"] #settingsView .host-interest-customer {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: var(--ib-muted) !important;
  font-size: 12px;
  font-weight: 600;
}

body[data-ui="v120"] #settingsView .host-interest-name {
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #settingsView .host-interest-hostname {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] #settingsView .host-interest-source-pill {
  background: var(--ib-pill-bg);
  color: var(--ib-muted);
}

body[data-ui="v120"] #settingsView .host-interest-source-pill.country {
  background: var(--ib-accent-soft);
  color: var(--ib-accent-fg);
}

body[data-ui="v120"] #settingsView .host-interest-source-pill.manual {
  background: color-mix(in srgb, var(--ib-success) 14%, var(--ib-elevated));
  color: var(--ib-success);
}

body[data-ui="v120"] #settingsView .host-interest-source-pill.excluded {
  background: color-mix(in srgb, var(--ib-danger) 14%, var(--ib-elevated));
  color: var(--ib-danger);
}

body[data-ui="v120"] #settingsView .host-interests-loaded-for {
  color: var(--ib-muted);
}

body[data-ui="v120"] #globalView .admin-user-focus-country-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 8px 0 10px;
}

body[data-ui="v120"] #globalView .admin-user-focus-list {
  display: grid;
  gap: 10px;
}

body[data-ui="v120"] #globalView .admin-user-focus-host-row.has-change {
  border-color: var(--ib-accent-border) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #globalView .admin-alert-sub-controls label {
  color: var(--ib-muted) !important;
  font-size: 13px;
  font-weight: 600;
}

body[data-ui="v120"] #globalView .admin-alert-sub-controls input[type="text"],
body[data-ui="v120"] #globalView .admin-alert-sub-controls select {
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  padding: 9px 10px;
  min-height: 36px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: var(--ui-font-family);
}

body[data-ui="v120"] #globalView .admin-alert-sub-controls input:focus-visible,
body[data-ui="v120"] #globalView .admin-alert-sub-controls select:focus-visible {
  outline: 1px solid var(--ib-line-strong) !important;
  outline-offset: 1px;
}

body[data-ui="v120"] #globalView .admin-sub-user-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--ib-line) !important;
  background: var(--ib-pill-bg) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  font-family: var(--ui-font-family);
  font-size: 13px;
  font-weight: 600;
}

body[data-ui="v120"] #globalView .admin-sub-user-chip:has(.admin-sub-cb:checked) {
  background: var(--ib-accent-soft) !important;
  border-color: var(--ib-accent-border) !important;
  color: var(--ib-accent-fg) !important;
  font-weight: var(--ib-accent-weight, 600) !important;
}

body[data-ui="v120"] #globalView .admin-sub-user-chip.is-disabled {
  opacity: 0.55;
}

body[data-ui="v120"] #globalView .admin-sub-user-chip.has-change {
  box-shadow: inset 0 0 0 1px var(--ib-accent-border) !important;
}

body[data-ui="v120"] #globalView .admin-sub-cb {
  accent-color: var(--ib-accent);
}

body[data-ui="v120"] #globalView .admin-sub-user-name,
body[data-ui="v120"] #globalView .host-interest-meta {
  color: inherit !important;
  font-weight: 600;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-status-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 0;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-status-table th {
  padding: 6px 10px !important;
  border: none !important;
  background: var(--ib-chrome) !important;
  color: var(--ib-muted) !important;
  font-family: var(--ui-font-family) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-status-table td {
  padding: 8px 10px !important;
  border: none !important;
  background: transparent !important;
  color: var(--ib-text) !important;
  font-family: var(--ui-font-family) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  vertical-align: middle;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-status-table tbody tr:nth-child(odd) td {
  background: var(--ib-row-odd) !important;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-status-table tbody tr:nth-child(even) td {
  background: var(--ib-row-even) !important;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-status-table tbody tr:hover td {
  background: var(--ib-row-hover) !important;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-mono {
  font-family: var(--ui-font-family) !important;
  font-size: 13px;
  line-height: 1.35;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-status-badge {
  min-height: 24px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid color-mix(in srgb, var(--ib-success) 30%, var(--ib-line)) !important;
  background: color-mix(in srgb, var(--ib-success) 12%, var(--ib-elevated)) !important;
  color: var(--ib-success) !important;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-status-badge.pending {
  border-color: var(--ib-line) !important;
  background: var(--ib-pill-bg) !important;
  color: var(--ib-muted) !important;
}

body[data-ui="v120"][data-theme="dark"] #agentSourceStatusView .agent-source-status-badge.pending {
  border-color: var(--ib-accent-border) !important;
  background: var(--ib-accent-soft) !important;
  color: var(--ib-accent-fg) !important;
  font-weight: var(--ib-accent-weight, 700) !important;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-cell-ok,
body[data-ui="v120"] #agentSourceStatusView .agent-source-cell-bad {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--ib-radius);
  padding: 6px 8px;
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-cell-ok {
  color: var(--ib-success) !important;
  background: color-mix(in srgb, var(--ib-success) 10%, var(--ib-elevated)) !important;
  border: 1px solid color-mix(in srgb, var(--ib-success) 22%, var(--ib-line)) !important;
}

body[data-ui="v120"] #agentSourceStatusView .agent-source-cell-bad {
  color: var(--ib-danger) !important;
  background: color-mix(in srgb, var(--ib-danger) 10%, var(--ib-elevated)) !important;
  border: 1px solid color-mix(in srgb, var(--ib-danger) 22%, var(--ib-line)) !important;
}

@media (max-width: 1100px) {
  body[data-ui="v120"] #settingsView #userSettingsPasswordPanel .alarm-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body[data-ui="v120"] #settingsView .settings-tab-panels--split {
    grid-template-columns: 1fr;
  }

  body[data-ui="v120"] #settingsView #userSettingsPasswordPanel .alarm-settings-grid {
    grid-template-columns: 1fr;
  }
}

body[data-ui="v120"] #globalView .global-admin-nav-shell {
  padding: 8px;
  border-radius: var(--ib-radius);
  background: var(--ib-elevated) !important;
  border: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #globalView .global-admin-nav-shell.global-admin-nav-shell-active {
  box-shadow: none !important;
  border: none !important;
}

body[data-ui="v120"] #globalView .global-admin-nav-head h4 {
  color: var(--ib-text) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-ui="v120"] #globalView .global-admin-nav-head p {
  color: var(--ib-muted) !important;
  font-size: 12px;
}

body[data-ui="v120"] #globalView .global-admin-nav-divider {
  background: var(--ib-line) !important;
  height: 1px;
  margin: 4px 0;
}

body[data-ui="v120"] #globalView .global-admin-nav-buttons {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
}

body[data-ui="v120"] #globalView .global-admin-nav-buttons .tab-button {
  width: 100%;
  justify-content: flex-start;
  min-height: 32px;
  padding: 0 10px;
  gap: 8px;
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-muted) !important;
  font-size: 13px;
  font-weight: 500;
}

body[data-ui="v120"] #globalView .global-admin-nav-buttons .tab-button:hover:not(.active) {
  background: var(--ib-row-hover) !important;
  color: var(--ib-text) !important;
  border: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #globalView .global-admin-nav-buttons .tab-button.active {
  background: var(--ib-pill-bg-active) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  border: none !important;
  font-weight: 600;
}

body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode {
  display: grid;
  grid-template-columns: 196px minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  column-gap: 12px;
  align-items: stretch;
  min-height: 0;
  overflow: hidden;
}

body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .ib-global-chrome-head,
body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .ib-global-tabs-shell {
  grid-column: 1 / -1;
}

body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .global-admin-nav-shell {
  grid-column: 1;
  grid-row: 3;
  margin-left: 20px;
  margin-right: 0;
  position: sticky;
  top: 8px;
  align-self: start;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .ib-global-panels {
  grid-column: 2;
  grid-row: 3;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .ib-global-tabpanel:not(.hidden) {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .ib-global-detail-col--full {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body[data-ui="v120"] #globalView .subview-tabs-shell.admin-tabs-muted {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 0;
  padding: 4px 20px 8px;
  opacity: 1;
}

body[data-ui="v120"] #globalView .subview-tabs-shell.admin-tabs-muted .subview-tabs {
  opacity: 0.72;
}

body[data-ui="v120"] #globalView .admin-settings-split-shell {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 0 12px !important;
  margin-bottom: 8px;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #globalView .admin-settings-split-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ib-line);
}

body[data-ui="v120"] #globalView .admin-settings-split-head h5 {
  margin: 0;
  color: var(--ib-text) !important;
  font-size: 14px;
  font-weight: 700;
}

body[data-ui="v120"] #globalView .admin-settings-split-head p {
  margin: 0;
  color: var(--ib-muted) !important;
  font-size: 12px;
}

body[data-ui="v120"] #globalView .admin-settings-nav-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0;
  border: none;
  background: transparent;
}

body[data-ui="v120"] #globalView .admin-settings-nav-buttons .admin-settings-nav-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-pill-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-muted) !important;
  font-size: 13px;
  font-weight: 600;
  min-height: 32px;
  box-sizing: border-box;
  padding: 6px 12px !important;
}

body[data-ui="v120"] #globalView .admin-settings-nav-buttons .admin-settings-nav-button .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
}

body[data-ui="v120"] #globalView .admin-settings-nav-buttons .admin-settings-nav-button:hover:not(.active) {
  background: var(--ib-pill-bg-hover) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #globalView .admin-settings-nav-buttons .admin-settings-nav-button.active {
  background: var(--ib-pill-bg-active) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  border: none !important;
  font-weight: 600;
}

body[data-ui="v120"] #globalView .admin-user-management-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

body[data-ui="v120"] #globalView .admin-user-management-stack .settings-subsection {
  padding-top: 0;
}

body[data-ui="v120"] #globalView .admin-user-management-stack .settings-subsection + .settings-subsection {
  padding-top: 12px;
  border-top: 1px solid var(--ib-line) !important;
}

body[data-ui="v120"] #globalView .admin-mail-templates-layout {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}

body[data-ui="v120"] #globalView .admin-mail-templates-list-items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body[data-ui="v120"] #globalView .admin-mail-template-list-button {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--ib-line);
  background: var(--ib-surface);
  color: var(--ib-text);
  cursor: pointer;
}

body[data-ui="v120"] #globalView .admin-mail-template-list-button.active {
  background: var(--ib-pill-bg-active);
  border-color: transparent;
  font-weight: 600;
}

body[data-ui="v120"] #globalView .admin-mail-template-list-button small {
  display: block;
  margin-top: 4px;
  color: var(--ib-muted);
  font-weight: 400;
}

body[data-ui="v120"] #globalView .admin-mail-templates-form {
  display: grid;
  gap: 12px;
}

body[data-ui="v120"] #globalView .admin-mail-templates-form label {
  display: grid;
  gap: 6px;
  font-size: 14px;
  color: var(--ib-muted);
}

body[data-ui="v120"] #globalView .admin-mail-templates-form input[type="text"],
body[data-ui="v120"] #globalView .admin-mail-templates-form textarea,
body[data-ui="v120"] #globalView .admin-mail-templates-field-grid input[type="text"] {
  width: 100%;
  min-width: 0;
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  padding: 8px 10px;
  font-size: 14px;
  font-family: var(--ui-font-family);
}

body[data-ui="v120"] #globalView .admin-mail-templates-form input[type="text"]:focus-visible,
body[data-ui="v120"] #globalView .admin-mail-templates-form textarea:focus-visible,
body[data-ui="v120"] #globalView .admin-mail-templates-field-grid input[type="text"]:focus-visible {
  outline: 2px solid var(--ib-accent-border);
  outline-offset: 1px;
}

body[data-ui="v120"] #globalView .admin-mail-templates-field-grid label {
  font-size: 13px;
  color: var(--ib-muted);
  font-family: var(--ui-font-family);
}

body[data-ui="v120"] #globalView .admin-mail-template-placeholder-chip {
  font-family: var(--ui-font-family);
  font-size: 12px;
}

body[data-ui="v120"] #globalView .admin-mail-templates-label-fields,
body[data-ui="v120"] #globalView .admin-mail-templates-color-fields {
  display: grid;
  gap: 10px;
}

body[data-ui="v120"] #globalView .admin-mail-templates-field-group {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--ib-line);
  border-radius: 12px;
  background: var(--ib-surface);
}

body[data-ui="v120"] #globalView .admin-mail-templates-field-group h6 {
  margin: 0;
  font-size: 14px;
}

body[data-ui="v120"] #globalView .admin-mail-templates-field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

body[data-ui="v120"] #globalView .admin-mail-templates-placeholders {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 4px;
}

body[data-ui="v120"] #globalView .admin-mail-template-placeholder-chip {
  border: 1px solid var(--ib-line);
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 13px;
  background: var(--ib-surface);
  cursor: pointer;
}

body[data-ui="v120"] #globalView .admin-mail-templates-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body[data-ui="v120"] #globalView .admin-mail-templates-preview-wrap {
  margin-top: 16px;
  display: grid;
  gap: 8px;
  min-height: 0;
}

body[data-ui="v120"] #globalView .admin-mail-templates-preview-wrap h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--ib-text);
}

body[data-ui="v120"] #globalView .admin-mail-templates-preview-frame {
  width: 100%;
  min-height: clamp(520px, 62vh, 920px);
  height: clamp(520px, 62vh, 920px);
  border: 1px solid var(--ib-line);
  border-radius: 12px;
  background: #fff;
}

@media (max-width: 960px) {
  body[data-ui="v120"] #globalView .admin-mail-templates-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

body[data-ui="v120"] #globalView .global-admin-nav-buttons .tab-button::before {
  content: none !important;
  display: none !important;
}

body[data-ui="v120"] #globalView .global-admin-nav-buttons .tab-button .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
  opacity: 0.85;
}

@media (max-width: 960px) {
  body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode {
    grid-template-columns: minmax(0, 1fr);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
  }

  body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .global-admin-nav-shell,
  body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .ib-global-panels {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .global-admin-nav-shell {
    position: static;
    max-height: none;
    overflow: visible;
  }

  body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .ib-global-panels {
    overflow: visible;
    min-height: auto;
  }

  body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .ib-global-tabpanel:not(.hidden),
  body[data-ui="v120"] #globalView .ib-global-page.admin-workspace-mode .ib-global-detail-col--full {
    overflow: visible;
    min-height: auto;
  }

  body[data-ui="v120"] #globalView .global-admin-nav-buttons {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
}

body[data-ui="v120"] #globalView .settings-page-header h3,
body[data-ui="v120"] #settingsView .settings-page-header h3 {
  color: var(--ib-text) !important;
  font-size: 17px;
  font-weight: 700;
}

body[data-ui="v120"] .settings-subsection {
  padding: 12px 0;
  border-top: none !important;
}

body[data-ui="v120"] .settings-subsection h5 {
  color: var(--ib-text) !important;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 8px;
}

body[data-ui="v120"] .settings-subsection-head {
  padding: 8px 0;
  margin-bottom: 8px;
}

body[data-ui="v120"] .alarm-settings-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .alarm-settings-grid label,
body[data-ui="v120"] .alarm-settings-group .settings-label {
  color: var(--ib-muted) !important;
  font-size: 13px;
  font-weight: 600;
}

body[data-ui="v120"] .alarm-settings-grid input[type="number"],
body[data-ui="v120"] .alarm-settings-grid input[type="text"],
body[data-ui="v120"] .alarm-settings-grid input[type="email"],
body[data-ui="v120"] .alarm-settings-grid input[type="password"],
body[data-ui="v120"] .alarm-settings-grid input[type="url"],
body[data-ui="v120"] .alarm-settings-grid input[readonly],
body[data-ui="v120"] .alarm-settings-grid input[type="time"],
body[data-ui="v120"] .alarm-settings-grid select,
body[data-ui="v120"] .alarm-settings-group .settings-input,
body[data-ui="v120"] #globalView .settings-subsection input[type="text"],
body[data-ui="v120"] #globalView .settings-subsection input[type="email"],
body[data-ui="v120"] #globalView .settings-subsection input[type="password"],
body[data-ui="v120"] #globalView .settings-subsection input[type="number"],
body[data-ui="v120"] #globalView .settings-subsection input[type="url"],
body[data-ui="v120"] #globalView .settings-subsection input[type="time"],
body[data-ui="v120"] #globalView .settings-subsection select,
body[data-ui="v120"] #globalView select,
body[data-ui="v120"] #settingsView select,
body[data-ui="v120"] #globalView textarea,
body[data-ui="v120"] #settingsView textarea {
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  padding: 9px 10px;
  min-height: 36px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: var(--ui-font-family);
}

body[data-ui="v120"] .alarm-settings-grid input:focus-visible,
body[data-ui="v120"] .alarm-settings-grid select:focus-visible,
body[data-ui="v120"] .alarm-settings-group .settings-input:focus-visible,
body[data-ui="v120"] #globalView .settings-subsection input:focus-visible,
body[data-ui="v120"] #globalView .settings-subsection select:focus-visible,
body[data-ui="v120"] #globalView textarea:focus-visible,
body[data-ui="v120"] #settingsView textarea:focus-visible {
  outline: 1px solid var(--ib-line-strong) !important;
  outline-offset: 1px;
}

body[data-ui="v120"] .alarm-settings-grid .checkbox-line {
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .oauth-public-base-url-field,
body[data-ui="v120"] .oauth-redirect-uri-field {
  grid-column: 1 / -1;
}

body[data-ui="v120"] .oauth-redirect-uri-field input[readonly] {
  font-family: var(--ui-font-family);
  font-size: 14px;
  color: var(--ib-text);
  cursor: text;
  user-select: all;
}

body[data-ui="v120"] .alarm-settings-actions {
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

body[data-ui="v120"] #globalView #globalAdminOpsSection .admin-ops-nav-buttons {
  gap: 4px;
  padding: 0;
  border: none;
  background: transparent;
}

body[data-ui="v120"] #globalView #globalAdminOpsSection .admin-ops-nav-button {
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-pill-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-muted) !important;
  font-size: 13px;
  font-weight: 600;
  min-height: 34px;
  box-sizing: border-box;
  padding: 6px 12px !important;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

body[data-ui="v120"] #globalView #globalAdminOpsSection .admin-ops-nav-button .ib-nav-icon-svg,
body[data-ui="v120"] #globalView #globalAdminOpsSection .btn-secondary.ib-nav-item .ib-nav-icon-svg,
body[data-ui="v120"] #globalView #globalAdminOpsSection .global-update-chip.ib-nav-item .ib-nav-icon-svg,
body[data-ui="v120"] #globalView #globalAdminOpsSection .btn-secondary-compact.ib-nav-item .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
}

body[data-ui="v120"] #globalView #globalAdminOpsSection .btn-secondary.ib-nav-item,
body[data-ui="v120"] #globalView #globalAdminOpsSection .global-update-chip.ib-nav-item,
body[data-ui="v120"] #globalView #globalAdminOpsSection .btn-secondary-compact.ib-nav-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

body[data-ui="v120"] #globalView #globalAdminOpsSection .global-update-chip.ib-nav-item .ib-nav-icon-svg {
  stroke: currentColor;
}

body[data-ui="v120"] #globalView #globalAdminOpsSection .btn-secondary-compact.ib-mono-icon-btn .ib-nav-label.hidden {
  display: none;
}

body[data-ui="v120"] #globalView #globalAdminOpsSection .btn-secondary-compact.ib-mono-icon-btn {
  min-width: 34px;
  justify-content: center;
  padding: 6px 10px !important;
}

body[data-ui="v120"] #globalView .db-maintenance-actions .btn-secondary.ib-nav-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

body[data-ui="v120"] #globalView .db-maintenance-actions .btn-secondary.ib-nav-item .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
}

body[data-ui="v120"] #globalView .global-admin-ops-actions .btn-secondary.ib-nav-item,
body[data-ui="v120"] #globalView .global-admin-ops-actions .global-update-chip.ib-nav-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

body[data-ui="v120"] #globalView .global-admin-ops-actions .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
}

body[data-ui="v120"] #globalView #globalAdminOpsSection .admin-ops-nav-button:hover:not(.active) {
  background: var(--ib-pill-bg-hover) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #globalView #globalAdminOpsSection .admin-ops-nav-button.active {
  background: var(--ib-pill-bg-active) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  border: none !important;
  font-weight: 600;
}

body[data-ui="v120"] #globalAdminSettingsContainer .admin-ops-card,
body[data-ui="v120"] #globalView .admin-ops-card,
body[data-ui="v120"] #globalView .db-maintenance-panel,
body[data-ui="v120"] .global-alerts-panel {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  padding: 12px 0 !important;
}

body[data-ui="v120"] #globalView .user-management-table-wrap,
body[data-ui="v120"] #settingsView .user-management-table-wrap,
body[data-ui="v120"] #globalView .table-wrap,
body[data-ui="v120"] #settingsView .table-wrap {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow-x: auto;
}

body[data-ui="v120"] #globalView .user-management-table,
body[data-ui="v120"] #settingsView .user-management-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: transparent;
}

body[data-ui="v120"] #globalView .user-management-table th,
body[data-ui="v120"] #settingsView .user-management-table th {
  padding: 6px 10px !important;
  border: none !important;
  background: var(--ib-chrome) !important;
  background-image: none !important;
  color: var(--ib-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: none !important;
}

body[data-ui="v120"] #globalView .user-management-table td,
body[data-ui="v120"] #settingsView .user-management-table td {
  padding: 6px 10px !important;
  border: none !important;
  background: transparent !important;
  color: var(--ib-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  vertical-align: top;
}

body[data-ui="v120"] #globalView .user-management-table tbody tr:nth-child(odd) td,
body[data-ui="v120"] #settingsView .user-management-table tbody tr:nth-child(odd) td {
  background: var(--ib-row-odd) !important;
}

body[data-ui="v120"] #globalView .user-management-table tbody tr:nth-child(even) td,
body[data-ui="v120"] #settingsView .user-management-table tbody tr:nth-child(even) td {
  background: var(--ib-row-even) !important;
}

body[data-ui="v120"] #globalView .user-management-table tbody tr:hover td,
body[data-ui="v120"] #settingsView .user-management-table tbody tr:hover td {
  background: var(--ib-row-hover) !important;
}

body[data-ui="v120"] #globalView .user-mgmt-icon-btn,
body[data-ui="v120"] #settingsView .user-mgmt-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0 !important;
  border: 1px solid var(--ib-line) !important;
  border-radius: var(--ib-radius) !important;
  background: transparent !important;
  color: var(--ib-muted) !important;
  box-shadow: none !important;
  cursor: pointer;
}

body[data-ui="v120"] #globalView .user-mgmt-icon-btn:hover,
body[data-ui="v120"] #settingsView .user-mgmt-icon-btn:hover {
  background: var(--ib-pill-bg-hover) !important;
  border-color: var(--ib-line-strong) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #globalView .user-mgmt-icon-btn--danger:hover,
body[data-ui="v120"] #settingsView .user-mgmt-icon-btn--danger:hover {
  color: #f87171 !important;
  border-color: rgba(248, 113, 113, 0.55) !important;
  background: rgba(127, 29, 29, 0.22) !important;
}

body[data-ui="v120"] #globalView .user-mgmt-icon-svg,
body[data-ui="v120"] #settingsView .user-mgmt-icon-svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-ui="v120"] #globalView .user-management-actions,
body[data-ui="v120"] #settingsView .user-management-actions {
  gap: 5px;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: transparent;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table th {
  padding: 6px 10px !important;
  border: none !important;
  background: var(--ib-chrome) !important;
  color: var(--ib-muted) !important;
  font-family: var(--ui-font-family) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: none !important;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table td {
  padding: 6px 10px !important;
  border: none !important;
  background: transparent !important;
  color: var(--ib-text) !important;
  font-family: var(--ui-font-family) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  vertical-align: middle;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table tbody tr:nth-child(odd) td {
  background: var(--ib-row-odd) !important;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table tbody tr:nth-child(even) td {
  background: var(--ib-row-even) !important;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table tbody tr:hover td {
  background: var(--ib-row-hover) !important;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table .vmap-input {
  width: 100%;
  min-width: 0;
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
  min-height: 34px;
  box-sizing: border-box;
  font-family: var(--ui-font-family) !important;
  font-size: 14px !important;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table .vmap-input[data-field="build"] {
  max-width: 110px;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table .vmap-input[data-field="feature_pack"] {
  max-width: 130px;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table .vmap-input[data-field="patch_level"] {
  max-width: 100px;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table .vmap-input[data-field="release_date"] {
  max-width: 100px;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table .vmap-input[data-field="match_text"] {
  max-width: 220px;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table .vmap-input[data-field="display_name"] {
  max-width: 280px;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table .vmap-input:focus-visible {
  outline: 1px solid var(--ib-line-strong) !important;
  outline-offset: 1px;
}

body[data-ui="v120"] #globalAdminSettingsContainer .sap-vmap-table .checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ib-text) !important;
  font-size: 14px;
  font-weight: 500;
}

body[data-ui="v120"] #globalAdminSettingsContainer .vmap-del-btn,
body[data-ui="v120"] #globalAdminSettingsContainer .license-map-del-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  padding: 4px 8px !important;
  border: 1px solid var(--ib-line) !important;
  border-radius: var(--ib-radius) !important;
  background: transparent !important;
  color: var(--ib-muted) !important;
  box-shadow: none !important;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
}

body[data-ui="v120"] #globalAdminSettingsContainer .vmap-del-btn:hover,
body[data-ui="v120"] #globalAdminSettingsContainer .license-map-del-btn:hover {
  background: var(--ib-pill-bg-hover) !important;
  border-color: var(--ib-line-strong) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] #globalAdminSettingsContainer .settings-subsection-head .count {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] #filesystemBlacklistAdminSection .fs-bl-table-wrap {
  margin-bottom: 8px;
  max-height: 300px;
  overflow-y: auto;
}

body[data-ui="v120"] #filesystemBlacklistAdminSection .fs-bl-pattern {
  font-family: var(--ui-font-family);
  font-size: 13px;
  word-break: break-all;
}

body[data-ui="v120"] #filesystemBlacklistAdminSection .fs-bl-actions {
  width: 52px;
  text-align: right;
  white-space: nowrap;
}

body[data-ui="v120"] #filesystemBlacklistAdminSection .fs-bl-syntax-hint {
  margin: 0 0 10px;
}

body[data-ui="v120"] #filesystemBlacklistAdminSection .fs-bl-syntax-hint code {
  font-family: var(--ui-font-family);
  font-size: 12px;
}

body[data-ui="v120"] #filesystemBlacklistAdminSection .fs-bl-add-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

body[data-ui="v120"] #filesystemBlacklistAdminSection .fs-bl-add-row .settings-label {
  margin: 0;
}

body[data-ui="v120"] #filesystemBlacklistAdminSection .fs-bl-new-pattern {
  width: min(240px, 100%);
}

body[data-ui="v120"] #filesystemBlacklistAdminSection .fs-bl-new-description {
  width: min(240px, 100%);
}

/* Admin tables: pills and secondary text must stay readable (td sets color !important) */
body[data-ui="v120"] #globalView .user-management-table tbody tr td,
body[data-ui="v120"] #settingsView .user-management-table tbody tr td {
  border-bottom: 1px solid var(--ib-line) !important;
}

body[data-ui="v120"] #globalView .user-management-table td .muted,
body[data-ui="v120"] #globalView .user-management-table td .muted.compact,
body[data-ui="v120"] #settingsView .user-management-table td .muted,
body[data-ui="v120"] #settingsView .user-management-table td .muted.compact,
body[data-ui="v120"] #globalView .admin-user-management-stack .settings-subsection-head .count,
body[data-ui="v120"] #globalView .admin-user-management-stack .settings-subsection-head .count.compact {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] #globalView .user-flag-pill,
body[data-ui="v120"] #globalView .oauth-state-pill,
body[data-ui="v120"] #settingsView .user-flag-pill,
body[data-ui="v120"] #settingsView .oauth-state-pill {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-ui="v120"] #globalView .user-flag-pill.on,
body[data-ui="v120"] #settingsView .user-flag-pill.on {
  background: rgba(34, 197, 94, 0.22) !important;
  color: #bbf7d0 !important;
}

body[data-ui="v120"][data-theme="light"] #globalView .user-flag-pill.on,
body[data-ui="v120"][data-theme="light"] #settingsView .user-flag-pill.on {
  background: #dcfce7 !important;
  color: #166534 !important;
}

body[data-ui="v120"] #globalView .user-flag-pill.off,
body[data-ui="v120"] #settingsView .user-flag-pill.off {
  background: var(--ib-pill-bg) !important;
  color: var(--ib-text) !important;
  box-shadow: inset 0 0 0 1px var(--ib-line-strong);
}

body[data-ui="v120"] #globalView .oauth-state-pill.connected,
body[data-ui="v120"] #settingsView .oauth-state-pill.connected {
  background: rgba(96, 165, 250, 0.2) !important;
  color: #bfdbfe !important;
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.35);
}

body[data-ui="v120"][data-theme="light"] #globalView .oauth-state-pill.connected,
body[data-ui="v120"][data-theme="light"] #settingsView .oauth-state-pill.connected {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  box-shadow: none;
}

body[data-ui="v120"] #globalView .oauth-state-pill.disconnected,
body[data-ui="v120"] #settingsView .oauth-state-pill.disconnected {
  background: var(--ib-pill-bg) !important;
  color: var(--ib-muted) !important;
  box-shadow: inset 0 0 0 1px var(--ib-line-strong);
}

body[data-ui="v120"][data-theme="dark"] #globalView .global-admin-nav-head p.count.compact {
  color: #cbd5e1 !important;
}

body[data-ui="v120"][data-theme="dark"] #globalView .global-admin-nav-buttons .tab-button:not(.active) {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #e5e7eb !important;
  opacity: 0.82;
}

body[data-ui="v120"][data-theme="dark"] #globalView .global-admin-nav-buttons .tab-button:not(.active):hover {
  opacity: 1;
  background: var(--ib-row-hover) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .admin-login-audit-details {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .admin-login-audit-details > summary {
  color: var(--ib-text);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

body[data-ui="v120"] .alarm-settings-card-title {
  color: var(--ib-text);
  font-size: 13px;
  font-weight: 700;
}

body[data-ui="v120"] .settings-logic-help-card {
  padding: 10px 12px;
  background: var(--ib-elevated) !important;
  border-radius: var(--ib-radius);
}

/* ── v1.20.21: brand header flat (override legacy blue frame + orange logout) ── */
body[data-ui="v120"] .brand-account-shell,
body[data-ui="v120"][data-theme="dark"] .brand-account-shell,
body[data-ui="v120"][data-theme="light"] .brand-account-shell {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .brand-logout-btn,
body[data-ui="v120"][data-theme="light"] .brand-logout-btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-left: 1px solid var(--ib-line) !important;
  color: #b45309 !important;
  box-shadow: none !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-logout-btn {
  border-left-color: var(--ib-line-strong) !important;
  color: #f0a6a0 !important;
}

body[data-ui="v120"] .brand-logout-btn:hover,
body[data-ui="v120"][data-theme="light"] .brand-logout-btn:hover {
  background: transparent !important;
  color: #92400e !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-logout-btn:hover {
  background: transparent !important;
  color: #fecaca !important;
}

body[data-ui="v120"] .brand-user-badge,
body[data-ui="v120"][data-theme="dark"] .brand-user-badge,
body[data-ui="v120"][data-theme="light"] .brand-user-badge {
  background: transparent !important;
  background-image: none !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
  border: none !important;
}

body[data-ui="v120"][data-theme="dark"] .brand-profile-label {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] .theme-toggle[aria-pressed="true"] .theme-toggle-track,
body[data-ui="v120"][data-theme="dark"] .theme-toggle[aria-pressed="true"] .theme-toggle-track {
  background: color-mix(in srgb, var(--ib-accent) 35%, var(--ib-elevated)) !important;
}

body[data-ui="v120"] .live-report-feed-toggle[aria-pressed="true"] .theme-toggle-track,
body[data-ui="v120"][data-theme="dark"] .live-report-feed-toggle[aria-pressed="true"] .theme-toggle-track {
  background: color-mix(in srgb, var(--ib-accent) 35%, var(--ib-elevated)) !important;
}

/* ── Langzeit + Filesysteme: flat charts (no card chrome) ── */
body[data-ui="v120"] #overviewFilesystemSection,
body[data-ui="v120"] #overviewLangzeitSection,
body[data-ui="v120"][data-theme="dark"] #overviewFilesystemSection,
body[data-ui="v120"][data-theme="dark"] #overviewLangzeitSection {
  border: none !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  background: var(--ib-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #overviewFilesystemSection .fs-focus-header,
body[data-ui="v120"][data-theme="dark"] #overviewFilesystemSection .fs-focus-header {
  margin: 0 !important;
  padding: 8px 0 !important;
  border: none !important;
  border-bottom: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #overviewFilesystemSection #filesystemCharts,
body[data-ui="v120"] #overviewLangzeitSection #resourceCharts,
body[data-ui="v120"] .reports-column #overviewFilesystemSection #filesystemCharts,
body[data-ui="v120"] .reports-column #overviewLangzeitSection #resourceCharts {
  padding: 0 !important;
  margin: 0 0 12px !important;
}

body[data-ui="v120"] .filesystem-charts,
body[data-ui="v120"] .resource-charts,
body[data-ui="v120"] .mini-chart-grid,
body[data-ui="v120"] .resource-chart-layout {
  gap: 12px !important;
  margin: 0 !important;
}

body[data-ui="v120"] .mini-chart-card,
body[data-ui="v120"] .fs-chart-card,
body[data-ui="v120"][data-theme="dark"] .mini-chart-card,
body[data-ui="v120"][data-theme="dark"] .fs-chart-card,
body[data-ui="v120"] .reports-column #overviewFilesystemSection .fs-chart-card,
body[data-ui="v120"][data-theme="dark"] .reports-column #overviewFilesystemSection .fs-chart-card {
  border: 1px solid var(--ib-line) !important;
  border-radius: 8px !important;
  background: var(--ib-elevated) !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  transform: none !important;
  transition: background 120ms ease, border-color 120ms ease;
}

body[data-ui="v120"] .mini-chart-card:hover,
body[data-ui="v120"] .fs-chart-card:hover,
body[data-ui="v120"][data-theme="dark"] .mini-chart-card:hover,
body[data-ui="v120"][data-theme="dark"] .fs-chart-card:hover {
  border-color: var(--ib-line) !important;
  background: var(--ib-row-hover) !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-ui="v120"] .mini-chart-card header strong,
body[data-ui="v120"] .fs-chart-card header strong,
body[data-ui="v120"] .reports-column #overviewFilesystemSection .fs-chart-card header strong,
body[data-ui="v120"][data-theme="dark"] .reports-column #overviewFilesystemSection .fs-chart-card header strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .mini-chart-card header span,
body[data-ui="v120"] .fs-chart-card header span,
body[data-ui="v120"] .fs-chart-card footer span,
body[data-ui="v120"] .mini-chart-card footer span,
body[data-ui="v120"] .reports-column #overviewFilesystemSection .fs-chart-card header span,
body[data-ui="v120"] .reports-column #overviewFilesystemSection .fs-chart-card footer span {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] .mini-chart-main-value,
body[data-ui="v120"][data-theme="dark"] .mini-chart-main-value {
  margin: 4px 0 2px !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  color: var(--ib-text) !important;
  text-shadow: none !important;
}

body[data-ui="v120"] .sparkline,
body[data-ui="v120"][data-theme="dark"] .sparkline {
  margin: 6px 0 4px !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .sparkline polyline {
  filter: none !important;
}

body[data-ui="v120"][data-theme="dark"] .trend-alert-card-warn,
body[data-ui="v120"][data-theme="dark"] .trend-warning-block {
  box-shadow: inset 3px 0 0 var(--ib-accent) !important;
  background: color-mix(in srgb, var(--ib-accent) 10%, var(--ib-elevated)) !important;
}

body[data-ui="v120"] .trend-alert-card-warn,
body[data-ui="v120"] .trend-alert-card-crit {
  border: 1px solid var(--ib-line) !important;
  box-shadow: inset 3px 0 0 #f59e0b !important;
  background: color-mix(in srgb, #f59e0b 8%, var(--ib-elevated)) !important;
}

body[data-ui="v120"] .trend-alert-card-crit {
  box-shadow: inset 3px 0 0 #ef4444 !important;
  background: color-mix(in srgb, #ef4444 8%, var(--ib-elevated)) !important;
}

body[data-ui="v120"] .trend-warning-block,
body[data-ui="v120"][data-theme="dark"] .trend-warning-block {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--ib-line) !important;
  box-shadow: inset 3px 0 0 #f59e0b !important;
  background: color-mix(in srgb, #f59e0b 8%, transparent) !important;
  margin: 0 0 8px !important;
  padding: 8px 0 8px 10px !important;
}

body[data-ui="v120"] #overviewFilesystemSection .detail-card,
body[data-ui="v120"] #overviewFilesystemSection .large-files-panel,
body[data-ui="v120"][data-theme="dark"] #overviewFilesystemSection .detail-card {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body[data-ui="v120"] .mountpoint-table-header,
body[data-ui="v120"] .large-files-panel .mountpoint-table-header {
  padding: 8px 0 !important;
  border: none !important;
  background: transparent !important;
}

body[data-ui="v120"] .large-files-fs,
body[data-ui="v120"][data-theme="dark"] .large-files-fs {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--ib-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .large-files-fs > summary {
  padding: 8px 0 !important;
  background: transparent !important;
}

body[data-ui="v120"] .large-files-fs > summary:hover {
  background: var(--ib-row-hover) !important;
}

/* ── SAP Lizenzinfos dialog ── */
body[data-ui="v120"] .host-license-hover-popup {
  border: 1px solid var(--ib-line) !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-surface) !important;
  background-image: none !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38) !important;
  padding: 14px 16px !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .host-license-hover-head strong {
  color: var(--ib-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body[data-ui="v120"] .host-license-hover-head > span,
body[data-ui="v120"] .host-license-hover-head .host-license-hover-host-id {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] .host-license-hover-item span,
body[data-ui="v120"] .host-license-hover-type-name-label,
body[data-ui="v120"] .host-license-hover-type-count-label,
body[data-ui="v120"] .host-license-hover-filemeta {
  color: var(--ib-muted) !important;
}

body[data-ui="v120"] .host-license-hover-item strong,
body[data-ui="v120"] .host-license-hover-filemeta strong,
body[data-ui="v120"] .host-license-hover-type-name,
body[data-ui="v120"] .host-license-hover-type-count {
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .host-license-hover-types {
  border-top: 1px solid var(--ib-line) !important;
  background: transparent !important;
}

body[data-ui="v120"] .host-license-hover-types .host-license-hover-type-row:nth-of-type(odd),
body[data-ui="v120"] .host-license-hover-types .host-license-hover-type-row:nth-of-type(even) {
  background: transparent !important;
}

body[data-ui="v120"] .host-license-hover-types .host-license-hover-type-row:nth-of-type(odd) {
  background: var(--ib-row-odd) !important;
}

body[data-ui="v120"] .host-license-copy-btn {
  color: var(--ib-muted) !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-license-copy-btn:hover {
  color: var(--ib-text) !important;
  background: var(--ib-row-hover) !important;
  border-color: transparent !important;
}

body[data-ui="v120"] .host-license-copy-btn--copied {
  color: var(--ib-success) !important;
}

body[data-ui="v120"] .host-license-copy-btn--error {
  color: var(--ib-danger) !important;
}

/* v1.20.34: two-level nav chrome (re-applied after global border flatten) */
body[data-ui="v120"] .reports-column .view-tabs-shell,
body[data-ui="v120"] .view-tabs-shell {
  border-bottom: 1px solid var(--ib-line) !important;
  background: transparent !important;
}

body[data-ui="v120"] .reports-column .overview-sidebar,
body[data-ui="v120"] .overview-sidebar,
body[data-ui="v120"] #overviewView .overview-sidebar,
body[data-ui="v120"] #reportsView .overview-sidebar {
  border-bottom: 1px solid var(--ib-line) !important;
  background: transparent !important;
}

/* v1.20.36: inactive hosts — flat rows, readable badges, mono icons */
body[data-ui="v120"] #globalView .inactive-hosts-toolbar {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 0 10px !important;
  margin-bottom: 8px !important;
}

body[data-ui="v120"] #globalView .inactive-hosts-list {
  gap: 0 !important;
}

body[data-ui="v120"] #globalView .ih-host-card {
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--ib-line) !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 12px 0 !important;
  cursor: default;
}

body[data-ui="v120"] #globalView .ih-host-card:hover {
  background: var(--ib-row-hover) !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-ui="v120"] #globalView .ih-host-card:last-child {
  border-bottom: none !important;
}

body[data-ui="v120"] .ih-host-icons {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body[data-ui="v120"] .ih-host-icon-mono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--ib-muted);
}

body[data-ui="v120"] .ih-host-icon-mono--inactive {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background: var(--ib-elevated);
  color: var(--ib-muted);
}

body[data-ui="v120"] .ih-host-icon-mono--os {
  width: 18px;
  height: 18px;
  color: var(--ib-text);
  opacity: 0.72;
}

body[data-ui="v120"] .ih-host-icon-mono--inactive .ib-nav-icon-svg {
  width: 16px;
  height: 16px;
}

body[data-ui="v120"] .ih-host-icon-mono--os .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
}

body[data-ui="v120"] .ih-host-country-mono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 20px;
  padding: 0 4px;
  border-radius: 4px;
  background: var(--ib-elevated);
  color: var(--ib-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  font-family: var(--ui-font-family);
}

body[data-ui="v120"] .ih-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ib-success) 14%, var(--ib-elevated));
  color: var(--ib-success);
}

body[data-ui="v120"] .ih-empty-icon .ib-nav-icon-svg {
  width: 20px;
  height: 20px;
  stroke-width: 2.25;
}

body[data-ui="v120"] .ih-hours-badge,
body[data-ui="v120"] .ih-alerts-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  border: 1px solid var(--ib-line) !important;
  background: var(--ib-elevated) !important;
  color: var(--ib-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2;
}

body[data-ui="v120"][data-theme="dark"] .ih-hours-badge:not(.critical) {
  border-color: var(--ib-accent-border) !important;
  background: var(--ib-accent-soft) !important;
  color: var(--ib-accent-fg) !important;
  font-weight: var(--ib-accent-weight, 700) !important;
}

body[data-ui="v120"] .ih-hours-badge:not(.critical) {
  border-color: color-mix(in srgb, #d97706 40%, var(--ib-line)) !important;
  background: color-mix(in srgb, #d97706 12%, var(--ib-elevated)) !important;
  color: #b45309 !important;
}

body[data-ui="v120"] .ih-hours-badge.critical {
  border-color: color-mix(in srgb, var(--ib-danger) 45%, var(--ib-line)) !important;
  background: color-mix(in srgb, var(--ib-danger) 14%, var(--ib-elevated)) !important;
  color: var(--ib-danger) !important;
}

body[data-ui="v120"] .ih-alerts-badge {
  border-color: color-mix(in srgb, var(--ib-danger) 45%, var(--ib-line)) !important;
  background: color-mix(in srgb, var(--ib-danger) 14%, var(--ib-elevated)) !important;
  color: var(--ib-danger) !important;
}

/* ── v1.20.42: Global views fullscreen master-detail ── */
body[data-ui="v120"] #globalView.ib-global-shell {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: var(--ib-bg) !important;
}

body[data-ui="v120"] #globalView .ib-global-page {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

body[data-ui="v120"] #globalView .ib-global-chrome-head {
  padding: 14px 20px 0;
  border: none !important;
  background: var(--ib-bg);
}

body[data-ui="v120"] #globalView .ib-global-chrome-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

body[data-ui="v120"] #globalView .ib-global-chrome-titles {
  flex: 1;
  min-width: 0;
}

body[data-ui="v120"] #globalView .ib-global-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 12px !important;
  border: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-pill-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ib-muted) !important;
  font-size: 16px;
  font-weight: 600;
}

body[data-ui="v120"] #globalView .ib-global-back-btn .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
}

body[data-ui="v120"][data-theme="light"] #globalView .ib-global-back-btn {
  color: #374151 !important;
}

body[data-ui="v120"] #globalView .ib-global-back-btn:hover {
  background: var(--ib-pill-bg-hover) !important;
  border: none !important;
  color: var(--ib-text) !important;
  transform: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 20px 12px;
}

body[data-ui="v120"][data-theme="dark"] #globalView .ib-global-tabs-shell {
  --ib-global-tab-bg: var(--ib-pill-bg);
  --ib-global-tab-bg-hover: var(--ib-pill-bg-active);
  --ib-global-tab-text: #e8eaed;
}

body[data-ui="v120"][data-theme="light"] #globalView .ib-global-tabs-shell {
  --ib-global-tab-bg: var(--ib-pill-bg);
  --ib-global-tab-bg-hover: var(--ib-pill-bg-active);
  --ib-global-tab-text: var(--ib-text);
  --ib-global-tab-border: var(--ib-line);
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .subview-tabs {
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: auto;
  min-width: 0;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid transparent !important;
  border-bottom: none !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-global-tab-bg, var(--ib-elevated)) !important;
  color: var(--ib-global-tab-text, var(--ib-text)) !important;
  font-size: 13px;
  font-weight: 500;
  box-shadow: none !important;
  white-space: nowrap;
}

body[data-ui="v120"][data-theme="light"] #globalView .ib-global-tabs-shell .tab-button {
  border-color: var(--ib-global-tab-border, var(--ib-line)) !important;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button:hover:not(.active) {
  background: var(--ib-global-tab-bg-hover, var(--ib-row-hover)) !important;
  color: var(--ib-global-tab-text, var(--ib-text)) !important;
  border: 1px solid transparent !important;
  border-bottom: none !important;
}

body[data-ui="v120"][data-theme="light"] #globalView .ib-global-tabs-shell .tab-button:hover:not(.active) {
  border-color: var(--ib-line-strong) !important;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.active {
  background: var(--ib-global-tab-bg-hover, var(--ib-row-hover)) !important;
  color: var(--ib-global-tab-text, var(--ib-text)) !important;
  font-weight: 600;
  border: 1px solid transparent !important;
  border-bottom: none !important;
}

body[data-ui="v120"][data-theme="light"] #globalView .ib-global-tabs-shell .tab-button.active {
  border-color: var(--ib-line-strong) !important;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.alert-active:not(.active) {
  color: #dc2626 !important;
  background: var(--ib-global-tab-bg, var(--ib-elevated)) !important;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.alert-active.active {
  color: #dc2626 !important;
  background: var(--ib-global-tab-bg-hover, var(--ib-row-hover)) !important;
}

body[data-ui="v120"][data-theme="dark"] #globalView .ib-global-tabs-shell .tab-button.alert-active:not(.active),
body[data-ui="v120"][data-theme="dark"] #globalView .ib-global-tabs-shell .tab-button.alert-active.active {
  color: #f87171 !important;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.tab-has-crit:not(.active),
body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.tab-has-warn:not(.active) {
  background: var(--ib-global-tab-bg, var(--ib-elevated)) !important;
  border: 1px solid transparent !important;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.tab-has-crit:not(.active) {
  color: #dc2626 !important;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.tab-has-warn:not(.active) {
  color: #d97706 !important;
}

body[data-ui="v120"][data-theme="dark"] #globalView .ib-global-tabs-shell .tab-button.tab-has-crit:not(.active) {
  color: #f87171 !important;
}

body[data-ui="v120"][data-theme="dark"] #globalView .ib-global-tabs-shell .tab-button.tab-has-warn:not(.active) {
  color: var(--ib-accent-fg) !important;
  font-weight: var(--ib-accent-weight, 700) !important;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.tab-has-crit::after,
body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.tab-has-warn::after {
  top: -4px;
  right: -4px;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button .ib-nav-icon-svg {
  width: 14px;
  height: 14px;
  opacity: 0.85;
}

body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.active .ib-nav-icon-svg,
body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button:hover .ib-nav-icon-svg {
  opacity: 1;
}

body[data-ui="v120"] #globalView .ib-global-panels {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

body[data-ui="v120"] #globalView .ib-global-tabpanel {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

body[data-ui="v120"] #globalView .ib-global-tabpanel.hidden {
  display: none !important;
}

body[data-ui="v120"] #globalAlertsView .ib-global-alerts-flat {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

body[data-ui="v120"] #globalAlertsView .ib-global-alerts-summary-head {
  padding: 8px 16px 10px;
  border-bottom: 1px solid var(--ib-line);
}

body[data-ui="v120"] #globalAlertsView .ib-global-alerts-summary-head .count {
  margin: 0;
}

body[data-ui="v120"] #globalAlertsPanelBody,
body[data-ui="v120"] #globalHeadsUpBaselineBody.ib-global-alerts-table-scroll--nested {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 0 16px 12px;
}

body[data-ui="v120"] #globalAlertsView .ib-global-alerts-footer {
  padding: 8px 16px 12px;
  border-top: 1px solid var(--ib-line);
}

body[data-ui="v120"] #globalAlertsView .ib-global-alerts-baseline {
  border-top: 1px solid var(--ib-line);
  padding: 0 0 8px;
  flex: 0 0 auto;
  max-height: 38vh;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

body[data-ui="v120"] #globalAlertsView .ib-global-alerts-baseline.hidden {
  display: none !important;
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alerts-table,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alerts-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  min-width: 1120px;
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alerts-table caption,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alerts-table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alerts-table thead th,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alerts-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--ib-bg);
  border-bottom: 1px solid var(--ib-line);
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--ib-muted);
  text-align: left;
  white-space: nowrap;
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alerts-table td,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alerts-table td {
  padding: 10px;
  border-bottom: 1px solid var(--ib-line);
  vertical-align: top;
  font-size: 13px;
  line-height: 1.35;
}

body[data-ui="v120"] #globalAlertsPanelBody tr.global-alert-row,
body[data-ui="v120"] #globalHeadsUpBaselineDetail tr.global-alert-row {
  cursor: pointer;
}

body[data-ui="v120"] #globalAlertsPanelBody tr.global-alert-row:hover,
body[data-ui="v120"] #globalHeadsUpBaselineDetail tr.global-alert-row:hover {
  background: color-mix(in srgb, var(--ib-line) 28%, transparent);
}

body[data-ui="v120"] #globalAlertsPanelBody tr.global-alert-row.expanded,
body[data-ui="v120"] #globalHeadsUpBaselineDetail tr.global-alert-row.expanded {
  background: color-mix(in srgb, var(--ib-accent, #2563eb) 8%, transparent);
}

body[data-ui="v120"] #globalAlertsPanelBody tr.global-alert-expand-row.hidden,
body[data-ui="v120"] #globalHeadsUpBaselineDetail tr.global-alert-expand-row.hidden {
  display: none;
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alert-expand-cell,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alert-expand-cell {
  padding: 8px 12px 14px;
  background: color-mix(in srgb, var(--ib-line) 18%, transparent);
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alert-expand-col,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alert-expand-col {
  width: 28px;
  min-width: 28px;
  padding-left: 8px;
  padding-right: 4px;
  color: var(--ib-muted);
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alert-expand-icon,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alert-expand-icon {
  display: inline-block;
  width: 14px;
  text-align: center;
  font-size: 12px;
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alert-mountpoint-cell,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alert-mountpoint-cell {
  max-width: 280px;
  word-break: break-word;
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alert-country-cell,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alert-country-cell {
  width: 52px;
  white-space: nowrap;
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alert-row-meta,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alert-row-meta {
  margin-top: 4px;
  color: var(--ib-muted);
}

body[data-ui="v120"] #globalAlertsPanelBody .global-alerts-table th:last-child,
body[data-ui="v120"] #globalAlertsPanelBody .global-alerts-table td:last-child,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alerts-table th:last-child,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .global-alerts-table td:last-child {
  min-width: 340px;
  width: 340px;
  max-width: 340px;
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
}

body[data-ui="v120"] #globalAlertsPanelBody .alert-action-buttons,
body[data-ui="v120"] #globalHeadsUpBaselineDetail .alert-action-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}

body[data-ui="v120"] #globalView .ib-global-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  flex: 1;
  min-height: 0;
  overflow: hidden;
  gap: 0;
}

body[data-ui="v120"] #globalView .ib-global-list-col,
body[data-ui="v120"] #globalView .ib-global-detail-col {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border: none !important;
  box-shadow: none !important;
  background: var(--ib-bg) !important;
}

body[data-ui="v120"] #globalView .ib-global-list-col {
  border-right: 1px solid var(--ib-line) !important;
}

body[data-ui="v120"] #globalView .ib-global-toolbar {
  padding: 10px 16px;
  gap: 8px;
  flex-wrap: wrap;
  border: none !important;
  border-bottom: 1px solid var(--ib-line) !important;
  background: var(--ib-bg) !important;
}

body[data-ui="v120"] #globalView .ib-global-list-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 0 14px 12px 10px;
  scrollbar-gutter: stable;
}

body[data-ui="v120"] #globalView .ib-global-list-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border-top: 1px solid var(--ib-line);
}

body[data-ui="v120"] #globalView .ib-global-detail-head {
  padding: 14px 20px 10px;
  border: none !important;
  border-bottom: 1px solid var(--ib-line) !important;
  background: var(--ib-bg);
}

body[data-ui="v120"] #globalView .ib-global-detail-title {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ib-text);
}

body[data-ui="v120"] #globalView .ib-global-detail-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 12px 24px 20px 20px;
  scrollbar-gutter: stable;
}

body[data-ui="v120"] #globalView .ib-global-detail-placeholder {
  margin: 0;
}

body[data-ui="v120"] #globalView .ib-global-host-table {
  display: grid;
  grid-template-columns: var(--ib-host-table-cols);
  column-gap: 8px;
  row-gap: 3px;
  align-content: start;
  align-items: start;
  width: 100%;
  min-height: 0;
  padding: 0 16px 12px 12px;
  box-sizing: border-box;
}

body[data-ui="v120"] #globalView .ib-global-host-table .host-list {
  display: contents;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  align-items: center;
  padding: 6px 0;
  border-bottom: none;
  background: var(--ib-bg);
  position: sticky;
  top: 0;
  z-index: 2;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ib-muted);
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head > span:first-child,
body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head > span:nth-child(4),
body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head > span:nth-child(7) {
  visibility: hidden;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head > span:nth-child(2),
body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head > span:nth-child(3),
body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head > span:nth-child(6) {
  justify-self: start;
  text-align: left;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head > span:nth-child(5) {
  justify-self: center;
  text-align: center;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head > span:nth-child(8) {
  justify-self: end;
  text-align: right;
  padding-right: 6px;
}

body[data-ui="v120"] #globalView .ib-global-host-table article.host-item.ib-global-host-item {
  position: relative;
  display: grid !important;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  grid-template-rows: auto;
  row-gap: 0;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 3px 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  min-height: 0 !important;
  gap: 0 !important;
  flex-direction: unset !important;
  overflow: visible;
  cursor: pointer;
  transition: background 120ms ease;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item:nth-of-type(odd) {
  background: var(--ib-row-odd) !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item:nth-of-type(even) {
  background: var(--ib-row-even) !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item:hover {
  background: var(--ib-row-hover) !important;
  transform: none !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item.selected {
  background: var(--ib-row-selected-bg) !important;
  box-shadow: inset 0 0 0 1px var(--ib-row-selected-border) !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item .host-card-main {
  display: contents;
}

body[data-ui="v120"] #globalView .ib-global-host-info {
  grid-column: 8;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  padding-right: 6px;
}

body[data-ui="v120"] #globalView .ib-global-host-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
}

body[data-ui="v120"] #globalView .ib-global-host-badges .badge,
body[data-ui="v120"] #globalView .ib-global-host-badges .ih-hours-badge,
body[data-ui="v120"] #globalView .ib-global-host-badges .ih-alerts-badge,
body[data-ui="v120"] #globalView .ib-global-host-badges .backup-host-tag.ib-global-type-tag {
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

body[data-ui="v120"] #globalView .ib-global-host-badges .backup-host-tag.ib-global-type-tag {
  font-size: 10px;
  padding: 1px 5px;
  align-self: center;
}

body[data-ui="v120"] #globalView .ib-global-host-trailing {
  font-size: 12px;
  color: var(--ib-muted);
  white-space: nowrap;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item .host-card-corner-badges {
  gap: 4px;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item .host-card-corner-badges .backup-host-tag {
  font-size: 10px;
  line-height: 1.2;
  padding: 1px 4px;
}

body[data-ui="v120"] #globalView .ib-global-detail-item {
  padding: 12px 0;
  border: none !important;
  border-bottom: 1px solid var(--ib-line) !important;
}

body[data-ui="v120"] #globalView .ib-global-detail-item:last-child {
  border-bottom: none !important;
}

body[data-ui="v120"] #globalView .ib-global-detail-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}

body[data-ui="v120"] #globalView .ib-global-metric {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body[data-ui="v120"] #globalView .ib-global-metric-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--ib-muted);
}

body[data-ui="v120"] #globalView .ib-global-metric-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--ib-text);
}

body[data-ui="v120"] #globalView .ib-global-detail-baseline {
  border-top: 1px solid var(--ib-line);
  padding: 0 20px 12px;
}

body[data-ui="v120"] #globalView .ib-global-detail-col--full {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 0 20px 20px;
}

body[data-ui="v120"] #globalView .ib-global-tabpanel--detail-only {
  padding: 0;
}

body[data-ui="v120"] #globalView .ib-global-metrics-fieldset {
  border: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body[data-ui="v120"] #globalView .ib-global-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 0 4px;
}

body[data-ui="v120"] #globalView .ib-global-detail-section {
  margin-top: 12px;
}

body[data-ui="v120"] #globalView.inactive-hosts-focused .ib-global-tabs-shell,
body[data-ui="v120"] #globalView.inactive-hosts-focused .ib-global-chrome-desc {
  display: none;
}

@media (max-width: 960px) {
  body[data-ui="v120"] #globalView .ib-global-split {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 38vh) minmax(0, 1fr);
  }

  body[data-ui="v120"] #globalView .ib-global-list-col {
    border-right: none !important;
    border-bottom: 1px solid var(--ib-line) !important;
  }
}

/* ── v1.20.45: viewport-locked shell + independent column scrolling ── */
html:has(body[data-ui="v120"]) {
  height: 100%;
}

body[data-ui="v120"] {
  height: 100%;
  overflow: hidden;
}

body[data-ui="v120"] .brand-header {
  flex: 0 0 auto;
}

body[data-ui="v120"] #appPanel.panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--ib-bg) !important;
}

body[data-ui="v120"] #appPanel > .panel-header {
  flex: 0 0 auto;
}

body[data-ui="v120"] #appPanel > #layout,
body[data-ui="v120"] #appPanel > #globalView,
body[data-ui="v120"] #appPanel > #settingsView {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

body[data-ui="v120"] .hosts-column-scroll {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  height: 100%;
}

body[data-ui="v120"] .hosts-column-scroll:has(.sidebar-panel--hosts:not(.hidden)),
body[data-ui="v120"] .hosts-column-scroll:has(.sidebar-panel--services:not(.hidden)) {
  max-height: none !important;
}

body[data-ui="v120"] .sidebar-panel--hosts .host-list-shell,
body[data-ui="v120"] .sidebar-panel--services .service-monitor-list-shell {
  padding-right: 12px !important;
  scrollbar-gutter: stable;
  max-height: none !important;
  flex: 1 1 auto;
  min-height: 0;
}

body[data-ui="v120"] .reports-column > .host-dashboard-chrome,
body[data-ui="v120"] .reports-column > .section-head {
  flex: 0 0 auto;
}

body[data-ui="v120"] .reports-column > #hostDashboardPanels,
body[data-ui="v120"] .reports-column > #externalMonitorDetailView:not(.hidden) {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

body[data-ui="v120"] #hostDashboardPanels {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

body[data-ui="v120"] #hostDashboardNavBar > .view-tabs-shell {
  flex: 0 0 auto;
}

body[data-ui="v120"] #overviewView,
body[data-ui="v120"] #reportsView {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

body[data-ui="v120"] #overviewView .overview-layout,
body[data-ui="v120"] #reportsView .overview-layout {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  align-items: stretch;
}

body[data-ui="v120"] .overview-sidebar {
  flex: 0 0 auto;
  align-self: stretch;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  padding-right: 4px;
}

body[data-ui="v120"] #overviewView .overview-content,
body[data-ui="v120"] #reportsView .overview-content {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  padding-right: 12px;
  padding-bottom: 16px;
}

body[data-ui="v120"] .overview-scroll-panel {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

body[data-ui="v120"] #externalMonitorDetailView {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  padding: 0 16px 20px;
}

body[data-ui="v120"] #globalView .ib-global-detail-col--full {
  scrollbar-gutter: stable;
  padding: 0 24px 20px;
}

body[data-ui="v120"] #globalView .ib-global-host-table {
  padding: 0 8px 12px 4px;
}

/* ── v1.20.46: global detail charts + inline license panel ── */
body[data-ui="v120"] .ib-global-detail-chart {
  width: 100%;
  margin: 12px 0 10px;
  padding: 12px 14px;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-radius);
  background: var(--ib-surface);
  box-sizing: border-box;
}

body[data-ui="v120"] .ib-global-detail-chart--empty {
  padding: 14px 16px;
}

body[data-ui="v120"] .ib-global-detail-chart-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
}

body[data-ui="v120"] .ib-global-detail-chart-head strong {
  font-size: 14px;
  font-weight: 700;
  color: var(--ib-text);
}

body[data-ui="v120"] .ib-global-detail-chart-head .muted {
  font-size: 12px;
}

body[data-ui="v120"] .ib-global-detail-chart-trend {
  margin-left: auto;
  font-size: 12px;
  font-weight: 600;
}

body[data-ui="v120"] .ib-global-detail-chart-body {
  width: 100%;
  overflow: hidden;
}

body[data-ui="v120"] .ib-global-detail-chart-body .sparkline {
  display: block;
  width: 100%;
  height: auto;
}

body[data-ui="v120"] .ib-global-detail-chart-slot {
  width: 100%;
  margin: 12px 0 10px;
  min-height: 48px;
}

body[data-ui="v120"] .ib-global-detail-item .alert-action-buttons {
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid var(--ib-line);
}

body[data-ui="v120"] .ib-global-detail-chart--online.ib-global-online-history-chart {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-radius);
  background: var(--ib-surface);
}

/* Online history bars (inactive hosts) */
body[data-ui="v120"] .ib-global-online-history-chart {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body[data-ui="v120"] .ib-global-online-history-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
}

body[data-ui="v120"] .ib-global-online-history-stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body[data-ui="v120"] .ib-global-online-history-stat .label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ib-muted);
}

body[data-ui="v120"] .ib-global-online-history-stat .value {
  font-size: 17px;
  font-weight: 700;
  color: var(--ib-text);
}

body[data-ui="v120"] .ib-global-online-history-timeline {
  width: 100%;
  padding: 4px 0;
}

body[data-ui="v120"] .ib-global-online-history-row {
  display: grid;
  grid-template-columns: repeat(var(--point-count), minmax(3px, 1fr));
  gap: 2px;
  width: 100%;
  min-height: 44px;
  align-items: end;
}

body[data-ui="v120"] .ib-global-online-history-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  min-width: 0;
  gap: 4px;
}

body[data-ui="v120"] .ib-global-online-history-cell {
  height: 44px;
  min-width: 0;
  border-radius: 2px 2px 0 0;
}

body[data-ui="v120"] .ib-global-online-history-tick {
  display: block;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--ib-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  transform-origin: center top;
}

body[data-ui="v120"] .ib-global-online-history-tick--blank {
  visibility: hidden;
}

body[data-ui="v120"] .ib-global-online-history-chart--medium .ib-global-online-history-tick {
  font-size: 9px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  height: 2.6em;
  text-align: left;
}

body[data-ui="v120"] .ib-global-online-history-chart--dense .ib-global-online-history-tick {
  font-size: 8px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  height: 2.8em;
  text-align: left;
}

body[data-ui="v120"] .ib-global-online-history-cell--up {
  background: var(--ib-success);
}

body[data-ui="v120"] .ib-global-online-history-cell--down {
  background: var(--ib-danger);
}

body[data-ui="v120"] .ib-global-online-history-cell--unknown {
  background: color-mix(in srgb, var(--ib-muted) 55%, transparent);
  border: 1px dashed color-mix(in srgb, var(--ib-muted) 70%, transparent);
}

body[data-ui="v120"] .ih-hours-badge--active {
  background: color-mix(in srgb, var(--ib-success) 18%, transparent);
  color: var(--ib-success);
}

body[data-ui="v120"] .notification-delivery-log {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 6px;
}

body[data-ui="v120"] .notification-delivery-log__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 220px;
  overflow: auto;
}

body[data-ui="v120"] .notification-delivery-log__row {
  border: 1px solid color-mix(in srgb, var(--ib-border) 80%, transparent);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--ib-surface);
}

body[data-ui="v120"] .notification-delivery-log__row.notification-delivery-log__ok {
  border-left: 3px solid var(--ib-success);
}

body[data-ui="v120"] .notification-delivery-log__row.notification-delivery-log__err {
  border-left: 3px solid var(--ib-danger);
}

body[data-ui="v120"] .notification-delivery-log__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  font-size: 12px;
  color: var(--ib-muted);
}

body[data-ui="v120"] .notification-delivery-log__detail {
  margin-top: 4px;
  font-size: 13px;
  color: var(--ib-text);
  word-break: break-word;
}

body[data-ui="v120"] .ib-global-online-history-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 12px;
  font-size: 12px;
  color: var(--ib-muted);
}

body[data-ui="v120"] .ib-global-online-history-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  color: var(--ib-muted);
}

body[data-ui="v120"] .ib-global-online-history-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 4px;
  vertical-align: middle;
}

/* Critical trends: chart first, metrics below */
body[data-ui="v120"] #globalView .ib-global-trend-detail {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body[data-ui="v120"] #globalView .ib-global-detail-metrics--chart-footer {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--ib-line);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-ui="v120"] #globalView .ib-global-trend-detail .ct-critical-eta {
  margin-top: 8px;
  font-size: 12px;
  color: var(--ib-muted);
}

body[data-ui="v120"] .host-license-detail-panel {
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-radius);
  background: var(--ib-surface);
}

body[data-ui="v120"] .host-license-detail-panel .host-license-hover-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

body[data-ui="v120"] .host-license-detail-panel .host-license-hover-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
}

@media (max-width: 760px) {
  body[data-ui="v120"] .host-license-detail-panel .host-license-hover-grid {
    grid-template-columns: 1fr;
  }
}

/* ── Collapsible list rows: flat zebra, no legacy gradients ── */
body[data-ui="v120"] .sap-b1-card,
body[data-ui="v120"] .sap-b1-combined-card,
body[data-ui="v120"] .sap-hana-databases-card,
body[data-ui="v120"] .sap-hana-databases-discovery,
body[data-ui="v120"] .sap-hana-databases-scroll > .sap-b1-raw-details,
body[data-ui="v120"] .sap-b1-scroll-region > .sap-b1-raw-details,
body[data-ui="v120"] .detail-cards > .detail-card-collapsible,
body[data-ui="v120"] .ang-logs-grid > .detail-card-collapsible,
body[data-ui="v120"] .cron-details,
body[data-ui="v120"] .meta-groups .meta-group {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .sap-b1-combined-card .sap-b1-sub-details,
body[data-ui="v120"] .sap-b1-combined-card .sap-b1-raw-details .sap-b1-raw-details,
body[data-ui="v120"] .sap-hana-databases-scroll .sap-b1-sub-details,
body[data-ui="v120"] .sap-hana-databases-scroll .sap-b1-raw-details .sap-b1-raw-details {
  background: transparent !important;
  background-image: none !important;
}

body[data-ui="v120"] .sap-hana-databases-scroll > .sap-b1-raw-details:nth-child(odd),
body[data-ui="v120"] .sap-b1-scroll-region > .sap-b1-raw-details:nth-child(odd),
body[data-ui="v120"] .detail-cards > .detail-card-collapsible:nth-child(odd),
body[data-ui="v120"] .ang-logs-grid > .detail-card-collapsible:nth-child(odd),
body[data-ui="v120"] .meta-groups .meta-group:nth-child(odd) {
  background: var(--ib-row-odd) !important;
  background-image: none !important;
}

body[data-ui="v120"] .sap-hana-databases-scroll > .sap-b1-raw-details:nth-child(even),
body[data-ui="v120"] .sap-b1-scroll-region > .sap-b1-raw-details:nth-child(even),
body[data-ui="v120"] .detail-cards > .detail-card-collapsible:nth-child(even),
body[data-ui="v120"] .ang-logs-grid > .detail-card-collapsible:nth-child(even),
body[data-ui="v120"] .meta-groups .meta-group:nth-child(even) {
  background: var(--ib-row-even) !important;
  background-image: none !important;
}

body[data-ui="v120"] .sap-hana-databases-scroll > .sap-b1-raw-details > .sap-b1-raw-summary,
body[data-ui="v120"] .sap-hana-databases-discovery > summary,
body[data-ui="v120"] .sap-b1-scroll-region > .sap-b1-raw-details > .sap-b1-raw-summary,
body[data-ui="v120"] .detail-cards > .detail-card-collapsible > summary,
body[data-ui="v120"] .ang-logs-grid > .detail-card-collapsible > summary,
body[data-ui="v120"] .cron-details > summary {
  background: transparent !important;
  background-image: none !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .sap-hana-databases-scroll > .sap-b1-raw-details:hover,
body[data-ui="v120"] .sap-b1-scroll-region > .sap-b1-raw-details:hover,
body[data-ui="v120"] .detail-cards > .detail-card-collapsible:hover,
body[data-ui="v120"] .ang-logs-grid > .detail-card-collapsible:hover,
body[data-ui="v120"] .meta-groups .meta-group:hover {
  background: var(--ib-row-hover) !important;
  background-image: none !important;
}

body[data-ui="v120"] .detail-card-collapsible[open] > summary,
body[data-ui="v120"] .sap-b1-raw-details[open] > .sap-b1-raw-summary,
body[data-ui="v120"] .sap-hana-databases-discovery[open] > summary {
  border-bottom: none !important;
}

body[data-ui="v120"] .sap-b1-combined-card .sap-b1-raw-details .sap-b1-raw-output,
body[data-ui="v120"] .sap-b1-combined-card .sap-b1-raw-details > .terminal-viewer-section,
body[data-ui="v120"] .cron-details .cron-content {
  border-top: none !important;
  background: transparent !important;
  background-image: none !important;
}

/* ── Nav panel bounce on menu switch ── */
@keyframes ib-panel-bounce-in {
  0% {
    opacity: 0.9;
    transform: translateY(3px) scale(0.996);
  }
  55% {
    opacity: 1;
    transform: translateY(-1px) scale(1.003);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

body[data-ui="v120"] .overview-content.ib-panel-bounce-in,
body[data-ui="v120"] .overview-subsection.ib-panel-bounce-in,
body[data-ui="v120"] .view-section.ib-panel-bounce-in,
body[data-ui="v120"] .settings-page.ib-panel-bounce-in,
body[data-ui="v120"] .ib-global-tabpanel.ib-panel-bounce-in {
  animation: ib-panel-bounce-in 0.22s cubic-bezier(0.34, 1.12, 0.48, 1) both;
  transform-origin: top center;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  body[data-ui="v120"] .ib-panel-bounce-in {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* Dark accent typography: logout-red text on surfaces, white on fills */
body[data-ui="v120"][data-theme="dark"] :is(
  .service-monitor-pill--extern,
  .service-monitor-head-row .service-monitor-pill--extern,
  .external-monitor-detail-view .service-monitor-pill--extern,
  .host-interest-country-chip.is-active,
  .admin-sub-user-chip:has(.admin-sub-cb:checked),
  .admin-sub-row-bulk,
  .changelog-rebuild-warning
) {
  font-weight: var(--ib-accent-weight, 700) !important;
}

body[data-ui="v120"][data-theme="dark"] .admin-sub-row-bulk,
body[data-ui="v120"][data-theme="dark"] .changelog-rebuild-warning {
  color: var(--ib-accent-fg) !important;
}

body[data-ui="v120"][data-theme="dark"] #globalAdminSettingsContainer .settings-subsection-head h5,
body[data-ui="v120"][data-theme="dark"] #globalView .settings-subsection-head h5 {
  font-weight: 700;
}

/* Host edit modal + host card tags (flat v120) */
body[data-ui="v120"] .host-meta-modal-backdrop {
  background: rgba(8, 12, 20, 0.55) !important;
  backdrop-filter: none !important;
}

body[data-ui="v120"] .host-meta-modal-inner {
  width: min(760px, 100%) !important;
  background: var(--ib-bg) !important;
  border: 1px solid var(--ib-line) !important;
  border-radius: var(--ib-radius) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-meta-modal .chart-drill-header {
  background: var(--ib-chrome) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--ib-line) !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
}

body[data-ui="v120"] .host-meta-modal .chart-drill-title {
  color: var(--ib-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body[data-ui="v120"] .host-meta-modal-body {
  padding: 14px 16px 16px !important;
  gap: 14px !important;
}

body[data-ui="v120"] .host-meta-modal-grid label,
body[data-ui="v120"] .host-meta-new-customer label,
body[data-ui="v120"] .host-meta-tags-label,
body[data-ui="v120"] .host-meta-customer-provider h4 {
  color: var(--ib-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body[data-ui="v120"] .host-meta-modal-grid input,
body[data-ui="v120"] .host-meta-modal-grid select,
body[data-ui="v120"] .host-meta-new-customer input,
body[data-ui="v120"] .host-meta-tag-label-input,
body[data-ui="v120"] .host-meta-tag-add-row input,
body[data-ui="v120"] .host-meta-customer-provider input {
  background: var(--ib-elevated) !important;
  border: 1px solid var(--ib-line) !important;
  border-radius: var(--ib-radius) !important;
  box-shadow: none !important;
  color: var(--ib-text) !important;
  min-height: 34px;
}

body[data-ui="v120"] .host-meta-new-customer,
body[data-ui="v120"] .host-meta-customer-provider {
  border: 1px solid var(--ib-line) !important;
  border-radius: var(--ib-radius) !important;
  background: var(--ib-elevated) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-meta-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 4px;
}

body[data-ui="v120"] .host-meta-modal-actions .btn-primary {
  background: var(--ib-accent) !important;
  border: 1px solid var(--ib-accent-border) !important;
  color: var(--ib-accent-text) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-meta-modal-actions .btn-secondary {
  background: transparent !important;
  border: 1px solid var(--ib-line) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-meta-tags {
  display: grid;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-radius);
  background: var(--ib-elevated);
}

body[data-ui="v120"] .host-meta-tag-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 10px;
}

body[data-ui="v120"] .host-meta-tag-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 0;
}

body[data-ui="v120"] .host-meta-tag-label-input {
  min-height: 28px !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
}

body[data-ui="v120"] .host-meta-tag-check {
  display: flex;
  align-items: center;
  margin: 0;
}

body[data-ui="v120"] .host-meta-tag-add-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

body[data-ui="v120"] .host-list article.host-item .host-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin: 0;
  padding: 0;
  min-width: 0;
}

body[data-ui="v120"] .host-tag-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 0 5px;
  border-radius: 3px;
  border: 1px solid #e05555;
  background: rgba(192, 64, 64, 0.28);
  color: #ffffff;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-ui="v120"][data-theme="light"] .host-tag-chip {
  border-color: #c53030;
  background: rgba(197, 48, 48, 0.22);
  color: #ffffff;
}

body[data-ui="v120"] .host-tag-chip--env {
  flex: 0 0 auto;
  padding: 0 5px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.25;
  border-color: #5b9fd4;
  background: rgba(70, 130, 200, 0.28);
  color: #ffffff;
}

body[data-ui="v120"][data-theme="light"] .host-tag-chip--env {
  border-color: #4d76b3;
  background: rgba(91, 133, 196, 0.24);
  color: #ffffff;
}

body[data-ui="v120"] .host-tag-filter-wrap {
  position: relative;
  z-index: 20;
}

body[data-ui="v120"] .host-tag-filter-details {
  position: relative;
  display: inline-block;
}

body[data-ui="v120"] .host-tag-filter-details > summary {
  list-style: none;
}

body[data-ui="v120"] .host-tag-filter-details > summary::-webkit-details-marker {
  display: none;
}

body[data-ui="v120"] .host-tag-filter-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 96px;
  max-width: 180px;
  padding-right: 28px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  position: relative;
}

body[data-ui="v120"] .host-tag-filter-trigger::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 12px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--ib-muted);
  pointer-events: none;
}

body[data-ui="v120"] .host-tag-filter-trigger:focus-visible {
  outline: 2px solid var(--ib-line-strong);
  outline-offset: 1px;
}

body[data-ui="v120"] .host-tag-filter-details:not([open]) .host-tag-filter-panel {
  display: none;
}

body[data-ui="v120"] .host-tag-filter-panel {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  min-width: 220px;
  max-width: min(320px, calc(100vw - 24px));
  max-height: min(320px, calc(100vh - 120px));
  overflow: hidden;
  padding: 0;
  border-radius: var(--ib-radius);
  border: 1px solid var(--ib-line);
  background: var(--ib-bg);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
}

body[data-ui="v120"] .host-tag-filter-options {
  overflow: auto;
  padding: 6px;
  max-height: min(240px, calc(100vh - 180px));
}

body[data-ui="v120"] .host-tag-filter-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  border-radius: calc(var(--ib-radius) - 2px);
  color: var(--ib-text);
  font-size: 13px;
  line-height: 1.3;
  cursor: pointer;
}

body[data-ui="v120"] .host-tag-filter-option:hover {
  background: var(--ib-elevated);
}

body[data-ui="v120"] .host-tag-filter-option input {
  flex: 0 0 auto;
  margin: 0;
}

body[data-ui="v120"] .host-tag-filter-option span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-ui="v120"] .host-tag-filter-empty {
  margin: 4px 8px;
  font-size: 13px;
}

body[data-ui="v120"] .host-tag-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px;
  border-top: 1px solid var(--ib-line);
  background: var(--ib-bg);
}

body[data-ui="v120"] .host-tag-filter-actions .btn-primary,
body[data-ui="v120"] .host-tag-filter-actions .btn-secondary {
  min-height: 30px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
}

body[data-ui="v120"] .host-tag-filter-actions .btn-primary {
  background: var(--ib-elevated) !important;
  border: 1px solid var(--ib-line-strong) !important;
  color: var(--ib-text) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .host-tag-filter-actions .btn-secondary {
  background: transparent !important;
  border: 1px solid var(--ib-line) !important;
  color: var(--ib-muted) !important;
  box-shadow: none !important;
}

/* v1.21.37: enforce Google Sans across the desktop UI */
body[data-ui="v120"],
body[data-ui="v120"] * {
  font-family: var(--ui-font-family) !important;
}

/* v1.21.40: maximum font weight on all buttons app-wide */
body[data-ui="v120"] button,
body[data-ui="v120"] .btn-secondary,
body[data-ui="v120"] .btn-secondary-compact,
body[data-ui="v120"] .btn-secondary--compact,
body[data-ui="v120"] .btn-secondary-pill-compact,
body[data-ui="v120"] input[type="submit"],
body[data-ui="v120"] input[type="button"],
body[data-ui="v120"] select.btn-secondary-compact {
  font-weight: var(--ib-menu-btn-weight, 700) !important;
}

body[data-ui="v120"] button .ib-nav-label,
body[data-ui="v120"] button .sidebar-mode-btn-text,
body[data-ui="v120"] .tab-button *,
body[data-ui="v120"] .overview-sidebar-item *,
body[data-ui="v120"] .host-interest-country-chip * {
  font-weight: inherit !important;
}

/* === inlined from infoboard-ux.css so production does not depend on a new route === */

/* UX pass 2026-08 — tokens, nav, cards, pills, dock. Loaded last. */

html {
  font-size: 112.5%;
}

body[data-ui="v120"] {
  --ib-radius: 0.75rem;
  --ib-rail-width: 4.75rem;
  --ib-accent: #c43c3c;
  --ib-accent-hover: #b33232;
  --ib-accent-soft: rgba(196, 60, 60, 0.12);
  --ib-accent-border: rgba(196, 60, 60, 0.32);
  --ib-accent-text: #ffffff;
  --ib-accent-fg: #c43c3c;
  --btn-height: 22px;
  --chip-height: 18px;
  font-size: 0.875rem;
  font-weight: 500;
}

body[data-ui="v120"][data-theme="dark"] {
  --ib-bg: #2d3238;
  --ib-chrome: #2d3238;
  --ib-surface: #333840;
  --ib-elevated: #3a4048;
  --ib-accent: #dc5050;
  --ib-accent-hover: #e86666;
  --ib-accent-soft: rgba(240, 166, 160, 0.14);
  --ib-accent-border: rgba(240, 166, 160, 0.36);
  --ib-accent-fg: #f0a6a0;
  --ib-accent-fg-strong: #fecaca;
}

body[data-ui="v120"][data-theme="light"] {
  --ib-accent: #c43c3c;
  --ib-accent-hover: #b33232;
  --ib-accent-soft: rgba(196, 60, 60, 0.1);
  --ib-accent-border: rgba(196, 60, 60, 0.28);
  --ib-accent-fg: #b33232;
  --ib-surface: #ffffff;
  --ib-elevated: #f3f4f6;
}

body[data-ui="v120"] *:focus {
  outline: none;
}

body[data-ui="v120"] *:focus-visible {
  outline: 0.125rem solid var(--ib-accent) !important;
  outline-offset: 0.125rem !important;
}

/* ── Rail: 44px targets + labels ── */
body[data-ui="v120"] .ib-icon-rail {
  gap: 0.35rem;
  padding: 0.75rem 0.35rem;
}

body[data-ui="v120"] .ib-icon-rail-btn {
  width: 4rem;
  min-width: 2.75rem;
  height: auto;
  min-height: 2.75rem;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.35rem 0.2rem;
  border-radius: 0.75rem;
}

body[data-ui="v120"] .ib-rail-label {
  display: block;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0.01em;
}

body[data-ui="v120"] .ib-rail-legacy {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

body[data-ui="v120"] .ib-rail-more {
  position: relative;
}

body[data-ui="v120"] .ib-rail-more-menu {
  position: absolute;
  left: calc(100% + 0.4rem);
  bottom: 0;
  min-width: 12rem;
  padding: 0.35rem;
  background: var(--ib-elevated);
  border: 1px solid var(--ib-line);
  border-radius: 0.75rem;
  z-index: 80;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

body[data-ui="v120"] .ib-rail-more-menu.hidden {
  display: none;
}

body[data-ui="v120"] .ib-rail-more-menu button {
  min-height: 2.75rem;
  padding: 0.4rem 0.7rem;
  border: none;
  border-radius: 0.55rem;
  background: transparent;
  color: var(--ib-text);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

body[data-ui="v120"] .ib-rail-more-menu button:hover {
  background: var(--ib-rail-active);
}

/* ── Header: less chrome ── */
body[data-ui="v120"] .brand-header .subtitle-meta,
body[data-ui="v120"] .brand-partner-logo,
body[data-ui="v120"] .header-toolbar #openUserSettingsButton,
body[data-ui="v120"] .header-toolbar #globalViewButton,
body[data-ui="v120"] .header-toolbar #openAlarmSettingsButton {
  display: none !important;
}

body[data-ui="v120"] .brand-header h1 {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-ui="v120"] .header-stat-chip[title*="anzeigen"],
body[data-ui="v120"] .header-stat-chip[title*="Alerts"] {
  cursor: pointer;
}

body[data-ui="v120"] .header-stat-chip[title*="anzeigen"]:hover,
body[data-ui="v120"] .header-stat-chip[title*="Alerts"]:hover {
  box-shadow: inset 0 0 0 1px var(--ib-accent-border);
}

/* ── Sidebar: hide emoji Hosts/Services toggle ── */
body[data-ui="v120"] .sidebar-mode-toggle {
  display: none !important;
}

body[data-ui="v120"] .ib-sidebar-mode-title {
  margin: 0;
  padding: 0.65rem 1rem 0.35rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ib-muted);
}

body[data-ui="v120"] .ib-hosts-charts-fold {
  margin: 0 0.85rem 0.5rem;
  border: 1px solid var(--ib-line);
  border-radius: 0.75rem;
  background: var(--ib-elevated);
}

body[data-ui="v120"] .ib-hosts-charts-fold > summary {
  list-style: none;
  cursor: pointer;
  padding: 0.55rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 650;
  color: var(--ib-muted);
}

body[data-ui="v120"] .ib-hosts-charts-fold > summary::-webkit-details-marker {
  display: none;
}

body[data-ui="v120"] .ib-hosts-toolbar .host-filters-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.55rem;
  align-items: end;
}

/* Host cards: keep card chrome, restore full-width column layout */
body[data-ui="v120"] .host-list-shell.ib-host-table:not(.ib-global-host-table) {
  display: flex !important;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0 0.75rem 1rem !important;
}

body[data-ui="v120"] .ib-host-table:not(.ib-global-host-table) .ib-host-table-head {
  display: grid !important;
  grid-template-columns: var(--ib-host-table-cols);
  column-gap: 8px;
  width: 100%;
  padding: 0.2rem 0.7rem;
}

body[data-ui="v120"] .ib-host-table:not(.ib-global-host-table) .host-list,
body[data-ui="v120"] .ib-host-table:not(.ib-global-host-table) .host-list > .host-group,
body[data-ui="v120"] .ib-host-table:not(.ib-global-host-table) .host-group > #hiddenHostsBody {
  display: flex !important;
  flex-direction: column;
  gap: 0.4rem;
  width: 100%;
}

body[data-ui="v120"] .ib-host-table:not(.ib-global-host-table) .host-list article.host-item:not(.service-monitor-card) {
  display: grid !important;
  grid-template-columns: var(--ib-host-table-cols);
  column-gap: 8px;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0.5rem 0.7rem !important;
  border-radius: 1rem !important;
  border: 1px solid var(--ib-line) !important;
  background: var(--ib-elevated) !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

/* Global Hauptansicht: original compact table rows, not sidebar card chrome */
body[data-ui="v120"] #globalView .host-list-shell.ib-host-table.ib-global-host-table {
  display: grid !important;
  grid-template-columns: var(--ib-host-table-cols);
  column-gap: 8px;
  row-gap: 3px;
  align-content: start;
  align-items: start;
  width: 100%;
  max-width: none;
  padding: 0 16px 12px 12px !important;
  box-sizing: border-box;
}

body[data-ui="v120"] #globalView .ib-global-host-table .host-list {
  display: contents !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-host-table-head {
  display: grid !important;
  grid-column: 1 / -1;
  grid-template-columns: subgrid !important;
  column-gap: inherit;
  width: 100%;
  padding: 6px 0;
  border: none !important;
  border-radius: 0 !important;
  background: var(--ib-bg) !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table article.host-item.ib-global-host-item {
  display: grid !important;
  grid-column: 1 / -1;
  grid-template-columns: subgrid !important;
  grid-template-rows: auto !important;
  column-gap: inherit;
  row-gap: 0 !important;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 3px 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background-image: none !important;
  min-height: 0 !important;
  flex-direction: unset !important;
  overflow: visible;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item .host-card-main {
  display: contents !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item:nth-of-type(odd) {
  background: var(--ib-row-odd) !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item:nth-of-type(even) {
  background: var(--ib-row-even) !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item:hover,
body[data-ui="v120"] #globalView .host-list article.host-item.ib-global-host-item:hover {
  background: var(--ib-row-hover) !important;
  transform: none !important;
  box-shadow: none !important;
}

body[data-ui="v120"] #globalView .ib-global-host-table .ib-global-host-item.selected,
body[data-ui="v120"] #globalView .host-list article.host-item.ib-global-host-item.selected {
  background: var(--ib-row-selected-bg) !important;
  box-shadow: inset 0 0 0 1px var(--ib-row-selected-border) !important;
  border: none !important;
}

body[data-ui="v120"] .service-monitor-list-shell,
body[data-ui="v120"] .service-monitor-list {
  width: 100%;
  max-width: none;
}

body[data-ui="v120"] .service-monitor-list {
  display: flex !important;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0 0.75rem 1rem;
}

body[data-ui="v120"] .service-monitor-list article.host-item.service-monitor-card {
  display: grid !important;
  grid-template-columns: 22px minmax(140px, 1.6fr) minmax(120px, 1.2fr) minmax(72px, 0.7fr) 56px 68px !important;
  grid-template-rows: auto !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  align-items: center;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  margin: 0;
  padding: 0.5rem 0.7rem !important;
  border-radius: 1rem !important;
  border: 1px solid var(--ib-line) !important;
  background: var(--ib-elevated) !important;
  min-height: 0 !important;
  flex-direction: unset !important;
  flex-wrap: nowrap !important;
  justify-items: stretch;
  grid-auto-flow: column;
  text-align: left !important;
}

body[data-ui="v120"] .service-monitor-card .host-card-main,
body[data-ui="v120"] .service-monitor-list .service-monitor-card .host-card-main {
  display: contents !important;
}

body[data-ui="v120"] .service-monitor-card .host-tech-row--host {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-title-col {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start !important;
  min-width: 0;
  text-align: left !important;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-def-col {
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center;
  min-width: 0;
}

body[data-ui="v120"] .service-monitor-card .host-tech-row--ip {
  grid-column: 4 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

body[data-ui="v120"] .service-monitor-card .host-detail-clock {
  grid-column: 5 !important;
  grid-row: 1 !important;
  justify-self: end;
  text-align: right;
}

body[data-ui="v120"] .service-monitor-card .service-monitor-source-pill {
  grid-column: 6 !important;
  grid-row: 1 !important;
  justify-self: end;
}

body[data-ui="v120"] .host-list .host-group article.host-item:nth-of-type(odd),
body[data-ui="v120"] .host-list .host-group article.host-item:nth-of-type(even) {
  background: var(--ib-elevated) !important;
}

body[data-ui="v120"] .host-list article.host-item:hover,
body[data-ui="v120"] .service-monitor-card:hover {
  background: var(--ib-row-hover) !important;
}

body[data-ui="v120"] .host-list article.host-item.selected,
body[data-ui="v120"] .hosts-column .host-item.selected:not(.service-monitor-card),
body[data-ui="v120"] .service-monitor-card.selected {
  background: var(--ib-elevated) !important;
  box-shadow: inset 0 0 0 2px var(--ib-accent) !important;
  border-color: transparent !important;
}

body[data-ui="v120"] .host-card-main,
body[data-ui="v120"] .host-designation-row,
body[data-ui="v120"] .host-tech-line {
  display: contents !important;
}

body[data-ui="v120"] .host-list article.host-item .host-linked-monitors,
body[data-ui="v120"] .host-list article.host-item .host-muted-section {
  grid-column: 1 / -1;
}

body[data-ui="v120"] .ib-host-empty-hint {
  margin: 0.85rem 1rem;
  font-size: 0.875rem;
  color: var(--ib-muted);
  line-height: 1.35;
}

#reportChromeTitle:not(:has(.report-chrome-placeholder)) ~ .ib-host-empty-hint {
  display: none;
}

/* Compact nav pills — same size everywhere (overview, reports, global, settings) */
body[data-ui="v120"] .view-tabs,
body[data-ui="v120"] .subview-tabs,
body[data-ui="v120"] .global-admin-nav-buttons,
body[data-ui="v120"] .overview-sidebar,
body[data-ui="v120"] #overviewView .overview-sidebar,
body[data-ui="v120"] #reportsView .overview-sidebar,
body[data-ui="v120"] .reports-column .overview-sidebar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: center;
  gap: 6px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
}

body[data-ui="v120"] .view-tabs-shell,
body[data-ui="v120"] .subview-tabs-shell,
body[data-ui="v120"] .reports-column .view-tabs-shell {
  border-bottom: none !important;
  padding: 0.25rem 0.75rem;
}

body[data-ui="v120"] .tab-button,
body[data-ui="v120"] .view-tabs .tab-button,
body[data-ui="v120"] .subview-tabs .tab-button,
body[data-ui="v120"] .global-admin-nav-buttons .tab-button,
body[data-ui="v120"] .reports-column .view-tabs .tab-button,
body[data-ui="v120"] #hostDashboardNavBar .view-tabs .tab-button,
body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button,
body[data-ui="v120"] #settingsView .subview-tabs .tab-button,
body[data-ui="v120"] .overview-sidebar-item,
body[data-ui="v120"] #overviewView .overview-sidebar-item,
body[data-ui="v120"] #reportsView .overview-sidebar-item,
body[data-ui="v120"] .reports-column .overview-sidebar-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: var(--ib-radius, 8px) !important;
  background: var(--ib-pill-bg) !important;
  color: var(--ib-muted) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .tab-button.active,
body[data-ui="v120"] .view-tabs .tab-button.active,
body[data-ui="v120"] .subview-tabs .tab-button.active,
body[data-ui="v120"] .global-admin-nav-buttons .tab-button.active,
body[data-ui="v120"] .reports-column .view-tabs .tab-button.active,
body[data-ui="v120"] #hostDashboardNavBar .view-tabs .tab-button.active,
body[data-ui="v120"] #globalView .ib-global-tabs-shell .tab-button.active,
body[data-ui="v120"] #settingsView .subview-tabs .tab-button.active,
body[data-ui="v120"] .overview-sidebar-item.active,
body[data-ui="v120"] #overviewView .overview-sidebar-item.active,
body[data-ui="v120"] #reportsView .overview-sidebar-item.active,
body[data-ui="v120"] .reports-column .overview-sidebar-item.active {
  background: var(--ib-pill-bg-active) !important;
  color: var(--ib-text) !important;
  font-weight: 600 !important;
}

body[data-ui="v120"] #globalAlertsTabButton,
body[data-ui="v120"] #globalAdminSettingsTabButton {
  display: none !important;
}

body[data-ui="v120"] .global-admin-nav-head {
  display: none;
}

/* Global Alerts: show the full table in one page scroll, not a 3-row inner pane */
body[data-ui="v120"] #globalAlertsView.ib-global-tabpanel {
  overflow: auto;
}

body[data-ui="v120"] #globalAlertsView .ib-global-alerts-flat {
  flex: 0 0 auto;
  min-height: min-content;
  overflow: visible;
}

body[data-ui="v120"] #globalAlertsPanelBody,
body[data-ui="v120"] #globalHeadsUpBaselineBody.ib-global-alerts-table-scroll--nested {
  flex: 0 0 auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: visible;
}

body[data-ui="v120"] #globalAlertsView .ib-global-alerts-baseline {
  max-height: none;
}

/* ── Login ── */
body[data-ui="v120"] .login-product-title {
  font-size: 1.25rem;
}

body[data-ui="v120"] .login-card label {
  font-size: 0.8125rem;
}

body[data-ui="v120"] .login-card input {
  min-height: 2.75rem;
  font-size: 1rem;
}

body[data-ui="v120"] #loginSubmitButton,
body[data-ui="v120"] #loginMfaSubmitButton {
  min-height: 2.75rem;
}

body[data-ui="v120"] #loginStatus[role="alert"] {
  min-height: 1.25rem;
}

body[data-ui="v120"] .login-ang-logo {
  opacity: 0.85;
}

/* ── Tablet/phone desktop shell → floating dock ── */
@media (max-width: 760px) {
  body[data-ui="v120"] .ib-app-shell {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }

  body[data-ui="v120"] .ib-icon-rail {
    position: fixed;
    left: max(0.75rem, env(safe-area-inset-left));
    right: max(0.75rem, env(safe-area-inset-right));
    bottom: max(0.75rem, env(safe-area-inset-bottom));
    top: auto;
    height: auto;
    flex-direction: row;
    justify-content: space-around;
    padding: 0.35rem;
    border-radius: 1rem;
    background: var(--ib-elevated);
    border: 1px solid var(--ib-line);
    z-index: 60;
  }

  body[data-ui="v120"] .ib-icon-rail-btn {
    width: auto;
    flex: 1 1 0;
    min-height: 2.75rem;
  }

  body[data-ui="v120"] .ib-icon-rail-btn--active {
    background: var(--ib-rail-active);
    box-shadow: none;
  }

  body[data-ui="v120"] .ib-icon-rail-spacer {
    display: none;
  }

  body[data-ui="v120"] .ib-rail-more-menu {
    left: auto;
    right: 0;
    bottom: calc(100% + 0.4rem);
  }

  body[data-ui="v120"] .ib-main {
    padding-bottom: 5.5rem;
  }
}

/* ── Mobile PWA dock ── */
body[data-ui="v120"] .mobile-icon-actions #liveReportFeedToggleButton,
body[data-ui="v120"] .mobile-icon-actions #pushToggleButton {
  display: none !important;
}

body[data-ui="v120"] .mobile-bottom-nav {
  position: fixed !important;
  left: max(0.75rem, env(safe-area-inset-left)) !important;
  right: max(0.75rem, env(safe-area-inset-right)) !important;
  bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
  width: auto !important;
  height: auto !important;
  padding: 0.35rem !important;
  border: 1px solid var(--ib-line) !important;
  border-top: 1px solid var(--ib-line) !important;
  border-radius: 1rem !important;
  background: var(--ib-elevated, var(--panel)) !important;
  box-shadow: none !important;
}

body[data-ui="v120"] .mobile-nav-btn {
  min-height: 2.75rem;
  font-size: 0.625rem !important;
  border-radius: 0.75rem;
}

body[data-ui="v120"] .mobile-nav-btn.active {
  background: var(--ib-rail-active, var(--ib-elevated)) !important;
  color: var(--ib-text) !important;
}

body[data-ui="v120"] .mobile-shell {
  padding-bottom: 5.5rem;
  max-width: none;
}