/* /Components/AgentPicker.razor.rz.scp.css */
.agent-picker[b-m2buq38z20] {
  position: relative;
  min-width: 0;
  width: 100%;
  z-index: 3;
}
.agent-picker.is-open[b-m2buq38z20] { z-index: 30; }
.agent-backdrop[b-m2buq38z20] {
  position: fixed;
  inset: 0;
  z-index: 40;
  background: transparent;
}
.agent-combobox[b-m2buq38z20] {
  position: relative;
  z-index: 42;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-height: var(--control-h);
  padding: 0.2rem 0.4rem 0.2rem 0.4rem;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: text;
}
.agent-picker.is-open .agent-combobox[b-m2buq38z20],
.agent-combobox:focus-within[b-m2buq38z20] {
  border-color: var(--primary);
  box-shadow: 0 0 0 1px var(--primary);
}
.agent-values[b-m2buq38z20] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  flex: 1 1 auto;
  min-width: 0;
}
.agent-search[b-m2buq38z20] {
  flex: 1 1 5.5rem;
  min-width: 5.5rem;
  width: 0;
  min-height: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0 0.15rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
}
.agent-search:focus[b-m2buq38z20],
.agent-search:focus-visible[b-m2buq38z20] {
  outline: none;
  box-shadow: none;
}
.clear-agents[b-m2buq38z20],
.picker-caret[b-m2buq38z20] {
  flex: none;
  width: 1.35rem;
  height: 1.35rem;
  min-width: 1.35rem;
  min-height: 1.35rem;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--muted);
}
.clear-agents[b-m2buq38z20] {
  font: inherit;
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
}
.clear-agents:hover[b-m2buq38z20] {
  color: var(--text);
  background: color-mix(in srgb, var(--text) 8%, transparent);
}
.picker-caret[b-m2buq38z20] {
  pointer-events: none;
  background-color: var(--muted);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / 0.85rem no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / 0.85rem no-repeat;
}
.agent-picker.is-open .picker-caret[b-m2buq38z20] {
  transform: rotate(180deg);
}
.chip[b-m2buq38z20] {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  max-width: 100%;
  min-height: 1.4rem;
  padding: 0 0.1rem 0 0.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 14%, var(--surface-2));
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--line));
  color: var(--text);
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1;
}
.chip-label[b-m2buq38z20] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 9.5rem;
}
.chip-remove[b-m2buq38z20] {
  font: inherit;
  font-size: 0.95rem;
  line-height: 1;
  color: var(--muted);
  background: none;
  border: 0;
  min-height: 0;
  min-width: 1.05rem;
  padding: 0;
  cursor: pointer;
  border-radius: 999px;
}
.chip-remove:hover[b-m2buq38z20] {
  color: var(--text);
  background: color-mix(in srgb, var(--text) 10%, transparent);
}
.agent-menu[b-m2buq38z20] {
  position: absolute;
  top: calc(100% + 0.3rem);
  left: 0;
  right: 0;
  z-index: 41;
  max-height: min(16rem, calc(100vh - 8rem));
  overflow: auto;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--shadow);
  padding: 0.28rem;
}
.agent-option[b-m2buq38z20] {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.4rem 0.5rem;
  border-radius: 8px;
  cursor: pointer;
}
.agent-option:hover[b-m2buq38z20],
.agent-option[aria-selected="true"][b-m2buq38z20] {
  background: var(--surface-2);
}
.agent-option input[type="checkbox"][b-m2buq38z20] {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  align-self: flex-start;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  margin: 0.18rem 0 0;
  padding: 0;
  border: 1.5px solid var(--line);
  border-radius: 4px;
  background-color: var(--surface);
  background-image: none;
  box-shadow: none;
}
.agent-option input[type="checkbox"]:checked[b-m2buq38z20] {
  border-color: var(--primary);
  background-color: var(--primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3.5 8.5 6.5 11.5 12.5 4.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.72rem;
}
.option-body[b-m2buq38z20] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  gap: 0.06rem;
}
.option-name[b-m2buq38z20] {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.option-id[b-m2buq38z20] {
  font-size: 0.68rem;
  color: var(--muted);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-status[b-m2buq38z20] {
  padding: 0.6rem 0.55rem;
  font-size: 0.74rem;
  color: var(--muted);
}
/* /Components/AppHeader.razor.rz.scp.css */
.site-header[b-m6ek54hl0z] {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
  overflow: visible;
}
.site-header-inner[b-m6ek54hl0z] {
  width: 100%;
  margin: 0;
  min-height: 4.25rem;
  padding: 0.7rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
}
.brand[b-m6ek54hl0z] { min-width: 0; }
.brand-title[b-m6ek54hl0z] {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.brand-subtitle[b-m6ek54hl0z] {
  margin: 0.18rem 0 0;
  font-size: 0.78rem;
  font-weight: 400;
  color: var(--muted);
  line-height: 1.3;
}
.header-toolbar[b-m6ek54hl0z] {
  display: flex;
  align-items: center;
  gap: 0.65rem 0.85rem;
  flex: none;
  flex-wrap: wrap;
  justify-content: flex-end;
  overflow: visible;
}
.header-toolbar[b-m6ek54hl0z]  .page-meta {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding-left: 0.85rem;
  border-left: 1px solid var(--line);
  font-size: 0.78rem;
  line-height: 1;
}
.header-toolbar[b-m6ek54hl0z]  .live {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 650;
  color: var(--muted);
  white-space: nowrap;
}
.header-toolbar[b-m6ek54hl0z]  .live i {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--muted);
}
.header-toolbar[b-m6ek54hl0z]  .live.on { color: var(--good); }
.header-toolbar[b-m6ek54hl0z]  .live.on i {
  background: var(--good);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--good) 55%, transparent);
  animation: live-pulse-b-m6ek54hl0z 1.8s ease-out infinite;
}
.header-toolbar[b-m6ek54hl0z]  .live.off { color: var(--critical); }
.header-toolbar[b-m6ek54hl0z]  .live.off i { background: var(--critical); }
.header-toolbar[b-m6ek54hl0z]  .updated {
  color: var(--muted);
  white-space: nowrap;
}
.header-toolbar[b-m6ek54hl0z]  .icon-btn {
  width: var(--control-h);
  height: var(--control-h);
  min-height: var(--control-h);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}
.header-toolbar[b-m6ek54hl0z]  .icon-btn:hover:not(:disabled) {
  color: var(--text);
  background: var(--surface-2);
}
.header-toolbar[b-m6ek54hl0z]  .icon-btn:disabled { opacity: 0.55; cursor: not-allowed; }
@keyframes live-pulse-b-m6ek54hl0z {
  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--good) 45%, transparent); }
  70% { box-shadow: 0 0 0 6px transparent; }
  100% { box-shadow: 0 0 0 0 transparent; }
}
@media (max-width: 900px) {
  .site-header-inner[b-m6ek54hl0z] { align-items: flex-start; flex-wrap: wrap; }
  .header-toolbar[b-m6ek54hl0z] { width: 100%; justify-content: flex-start; }
  .header-toolbar[b-m6ek54hl0z]  .page-meta { padding-left: 0; border-left: 0; }
  .brand-subtitle[b-m6ek54hl0z] { display: none; }
}
@media (max-width: 560px) {
  .site-header-inner[b-m6ek54hl0z] { padding: 0.6rem 0.85rem; }
  .brand-title[b-m6ek54hl0z] { font-size: 1rem; }
}
/* /Components/CallDetailsModal.razor.rz.scp.css */
.overlay[b-2pe7tnbsc7] {
  position: fixed;
  inset: 0;
  background: var(--overlay);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  z-index: 30;
  outline: none;
}
.modal[b-2pe7tnbsc7] {
  background: var(--surface);
  color: var(--text);
  width: min(1180px, 100%);
  max-height: min(90vh, 960px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.modal header p.muted[b-2pe7tnbsc7],
.modal-body[b-2pe7tnbsc7]  .alert { margin-bottom: 0; }
.details-header[b-2pe7tnbsc7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.15rem 0.9rem;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-2) 55%, var(--surface));
}
.details-title-row[b-2pe7tnbsc7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
}
.details-title-group[b-2pe7tnbsc7] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem 0.85rem;
  min-width: 0;
}
.details-header h2[b-2pe7tnbsc7] {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.quality-pill[b-2pe7tnbsc7]  .badge {
  font-size: 0.78rem;
  font-weight: 750;
  padding: 0.28rem 0.7rem;
}
.close-btn[b-2pe7tnbsc7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  margin-left: auto;
  padding: 0;
  color: var(--muted);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
}
.close-btn:hover[b-2pe7tnbsc7],
.close-btn:focus-visible[b-2pe7tnbsc7] {
  color: var(--text);
  background: var(--surface-2);
  border-color: color-mix(in srgb, var(--text) 22%, var(--line));
}
.close-btn:focus-visible[b-2pe7tnbsc7] {
  outline: 2px solid var(--primary);
  outline-offset: 1px;
}
.details-ids[b-2pe7tnbsc7] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem 1rem;
  margin: 0;
}
.details-ids > div[b-2pe7tnbsc7] {
  min-width: 0;
}
.details-ids dt[b-2pe7tnbsc7] {
  margin: 0 0 0.18rem;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.details-ids dd[b-2pe7tnbsc7] {
  margin: 0;
  font-size: 0.8rem;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.details-ids[b-2pe7tnbsc7]  .id-cell,
.details-ids[b-2pe7tnbsc7]  .id-cell.is-full {
  max-width: 100%;
  align-items: flex-start;
}
.details-ids[b-2pe7tnbsc7]  .id-text {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-all;
  font-size: 0.75rem;
  color: var(--text);
}
.unavailable[b-2pe7tnbsc7] { color: var(--muted); font-weight: 500; }
.modal-body[b-2pe7tnbsc7] { padding: 0.4rem 1.1rem 1.2rem; overflow: auto; }
.modal-body section[b-2pe7tnbsc7] { padding: 0.85rem 0; border-top: 1px solid var(--line); }
.modal-body section:first-child[b-2pe7tnbsc7] { border-top: 0; }
.modal-body h3[b-2pe7tnbsc7] { font-size: 0.92rem; margin: 0 0 0.45rem; }
.modal-body .muted[b-2pe7tnbsc7] {
  margin: 0 0 0.7rem;
  font-size: 0.78rem;
  color: var(--muted);
}
.overview-panel[b-2pe7tnbsc7] {
  padding: 0.85rem 0.9rem 0.9rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface-2);
}
.overview-grid[b-2pe7tnbsc7] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.85rem 1.1rem;
  align-items: start;
}
.overview-grid > div span[b-2pe7tnbsc7],
.overview-diagnosis > span[b-2pe7tnbsc7] {
  display: block;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.22rem;
}
.overview-grid > div > div[b-2pe7tnbsc7],
.overview-diagnosis > div[b-2pe7tnbsc7] {
  font-size: 0.86rem;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.35;
  min-height: 1.2rem;
}
.overview-diagnosis[b-2pe7tnbsc7] {
  margin-top: 0.85rem;
  padding: 0.7rem 0.8rem;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--surface);
}
.overview-diagnosis > div[b-2pe7tnbsc7] { line-height: 1.45; font-weight: 500; }
.tz-caption[b-2pe7tnbsc7] {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--muted);
}
.quality-warning[b-2pe7tnbsc7] { margin-top: 0.7rem; }
.trends-fold[b-2pe7tnbsc7] { margin-top: 0.85rem; }
.trends-toggle[b-2pe7tnbsc7] {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  min-height: 2.85rem;
  padding: 0.65rem 0.85rem;
  font: inherit;
  text-align: left;
  color: var(--text);
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 10px;
  cursor: pointer;
}
.trends-toggle:hover[b-2pe7tnbsc7],
.trends-toggle:focus-visible[b-2pe7tnbsc7] {
  border-color: color-mix(in srgb, var(--primary) 38%, var(--line));
  background: color-mix(in srgb, var(--primary) 8%, var(--surface-2));
}
.trends-toggle:focus-visible[b-2pe7tnbsc7] {
  outline: 2px solid var(--primary);
  outline-offset: 1px;
}
.trends-icon[b-2pe7tnbsc7] {
  display: grid;
  place-items: center;
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
  color: var(--primary);
  background: color-mix(in srgb, var(--primary) 16%, var(--surface));
  border-radius: 7px;
}
.trends-icon svg[b-2pe7tnbsc7] { display: block; }
.trends-copy[b-2pe7tnbsc7] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2rem 0.65rem;
  min-width: 0;
  flex: 1;
}
.trends-copy strong[b-2pe7tnbsc7] {
  font-size: 0.86rem;
  font-weight: 700;
}
.trends-copy > span[b-2pe7tnbsc7] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--muted);
}
.trends-chevron[b-2pe7tnbsc7] {
  display: inline-flex;
  flex: none;
  color: var(--muted);
  transition: transform 0.16s ease;
}
.trends-fold.is-open .trends-toggle[b-2pe7tnbsc7] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
}
.trends-fold.is-open .trends-chevron[b-2pe7tnbsc7] { transform: rotate(180deg); }
.net-grid[b-2pe7tnbsc7] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.6rem;
}
.net-card[b-2pe7tnbsc7] {
  min-width: 0;
  padding: 0.6rem 0.7rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface-2);
}
.net-label[b-2pe7tnbsc7] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 0.4rem;
}
.net-label > span[b-2pe7tnbsc7] {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.net-pair[b-2pe7tnbsc7] {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
}
.net-stat[b-2pe7tnbsc7] {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}
.net-stat small[b-2pe7tnbsc7] {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 650;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.detail-grid[b-2pe7tnbsc7] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.5rem;
}
.timeline-charts[b-2pe7tnbsc7] {
  display: grid;
  gap: 0.85rem;
  margin-top: 0;
  padding: 0.2rem 0.85rem 0.9rem;
  border: 1px solid var(--line);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background: var(--surface);
}
.timeline-charts[b-2pe7tnbsc7]  .chart-card {
  min-height: 0;
  height: auto;
  padding: 0.7rem 0.75rem 0.55rem;
  box-shadow: none;
}
.timeline-charts[b-2pe7tnbsc7]  .chart-head { min-height: 0; }
.timeline-charts[b-2pe7tnbsc7]  h2 { font-size: 0.88rem; }
.timeline-charts[b-2pe7tnbsc7]  .legend { font-size: 0.72rem; }
.timeline-charts[b-2pe7tnbsc7]  .chart-head strong { font-size: 0.88rem; }
.timeline-charts[b-2pe7tnbsc7]  .axis-label { font-size: 10px; }
.timeline-charts[b-2pe7tnbsc7]  .chart-svg,
.timeline-charts[b-2pe7tnbsc7]  .chart-skel,
.timeline-charts[b-2pe7tnbsc7]  .chart-card > .empty,
.timeline-charts[b-2pe7tnbsc7]  .chart-card > .chart-svg,
.timeline-charts[b-2pe7tnbsc7]  .chart-card > .chart-skel {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 640 / 248;
}
@supports (height: 1cqi) {
  .timeline-charts[b-2pe7tnbsc7]  .chart-card > .chart-svg,
  .timeline-charts[b-2pe7tnbsc7]  .chart-card > .chart-skel,
  .timeline-charts[b-2pe7tnbsc7]  .chart-card > .empty {
    height: auto;
    min-height: 0;
    aspect-ratio: 640 / 248;
  }
}
.telemetry-scroll[b-2pe7tnbsc7] { overflow: auto; max-height: 26rem; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.telemetry-scroll table[b-2pe7tnbsc7] { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; }
.telemetry-scroll th[b-2pe7tnbsc7], .telemetry-scroll td[b-2pe7tnbsc7] {
  padding: 0.45rem 0.55rem;
  border-bottom: 1px solid var(--line);
  text-align: left;
  font-size: 0.75rem;
  white-space: nowrap;
  vertical-align: middle;
}
.telemetry-scroll thead th[b-2pe7tnbsc7] {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--surface-2);
  color: var(--muted);
  font-weight: 650;
  box-shadow: 0 1px 0 var(--line);
}
.th-wrap[b-2pe7tnbsc7] {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.15rem;
  white-space: nowrap;
  width: max-content;
}
.th-wrap.numeric[b-2pe7tnbsc7] { width: max-content; margin-left: auto; }
.th-wrap[b-2pe7tnbsc7]  .chart-info {
  display: inline-flex;
  flex: none;
}
td.numeric[b-2pe7tnbsc7]  .health-val { width: 100%; justify-content: flex-end; }
.sort-btn[b-2pe7tnbsc7],
.sort-btn.numeric[b-2pe7tnbsc7] {
  width: auto;
  flex: none;
  justify-content: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
  white-space: nowrap;
}
.sort-btn:hover[b-2pe7tnbsc7] { color: var(--text); }
.sort-btn span[b-2pe7tnbsc7] { font-size: 0.68rem; opacity: 0.7; }
.nowrap[b-2pe7tnbsc7] { white-space: nowrap; }
.bitrate[b-2pe7tnbsc7] { font-variant-numeric: tabular-nums; }
.issue[b-2pe7tnbsc7] { max-width: 16rem; white-space: normal; }
.issue[b-2pe7tnbsc7]  .text {
  max-width: 14rem;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.expand-col[b-2pe7tnbsc7] { width: 1.6rem; padding-left: 0.4rem; padding-right: 0.2rem; }
.expand-btn[b-2pe7tnbsc7] {
  width: 1.35rem;
  height: 1.35rem;
  min-height: 1.35rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: 0.85rem;
  line-height: 1;
}
.expand-btn:hover[b-2pe7tnbsc7], .expand-btn:focus-visible[b-2pe7tnbsc7] { color: var(--primary); }
.is-expanded[b-2pe7tnbsc7] { background: color-mix(in srgb, var(--info-bg) 55%, var(--surface)); }
.row-Poor[b-2pe7tnbsc7] { box-shadow: inset 3px 0 0 var(--poor); }
.row-Critical[b-2pe7tnbsc7] { box-shadow: inset 3px 0 0 var(--critical); }
.tech-row td[b-2pe7tnbsc7] {
  white-space: normal;
  background: var(--surface-2);
  padding: 0.75rem 0.9rem 0.9rem;
  height: auto;
}
.tech-details[b-2pe7tnbsc7] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.85rem 1.1rem;
}
.tech-details section[b-2pe7tnbsc7] { padding: 0; border: 0; }
.tech-details h4[b-2pe7tnbsc7] {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--muted);
}
.tech-details dl[b-2pe7tnbsc7] {
  margin: 0;
  display: grid;
  gap: 0.28rem;
}
.tech-details dl > div[b-2pe7tnbsc7] {
  display: grid;
  grid-template-columns: minmax(7rem, 40%) 1fr;
  gap: 0.4rem;
  align-items: start;
}
.tech-details dt[b-2pe7tnbsc7] {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 650;
}
.tech-details dd[b-2pe7tnbsc7] {
  margin: 0;
  font-size: 0.75rem;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.modal-body[b-2pe7tnbsc7]  .alert { margin-bottom: 0; }
@media (max-width: 800px) {
  .overlay[b-2pe7tnbsc7] { padding: 0.5rem; align-items: stretch; }
  .modal[b-2pe7tnbsc7] { width: 100%; max-height: 100%; border-radius: 10px; }
  .details-ids[b-2pe7tnbsc7] { grid-template-columns: 1fr 1fr; }
  .overview-grid[b-2pe7tnbsc7] { grid-template-columns: 1fr 1fr; }
  .net-grid[b-2pe7tnbsc7] { grid-template-columns: 1fr 1fr; }
  .detail-grid[b-2pe7tnbsc7] { grid-template-columns: 1fr 1fr; }
  .tech-details dl > div[b-2pe7tnbsc7] { grid-template-columns: 1fr; gap: 0.1rem; }
}
@media (max-width: 560px) {
  .details-ids[b-2pe7tnbsc7],
  .overview-grid[b-2pe7tnbsc7],
  .net-grid[b-2pe7tnbsc7],
  .detail-grid[b-2pe7tnbsc7] { grid-template-columns: 1fr; }
}
/* /Components/CallsTable.razor.rz.scp.css */
.table-card[b-vgwnkg16yd] { padding: 0.7rem 0.75rem 0.5rem; }
.table-foot[b-vgwnkg16yd] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  flex-wrap: wrap;
  padding: 0.7rem 0.15rem 0.25rem;
}
.table-foot > .link-btn[b-vgwnkg16yd] {
  flex: none;
  white-space: nowrap;
}
.table-head[b-vgwnkg16yd] { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-end; margin-bottom: 0.5rem; }
.page-size[b-vgwnkg16yd] { font-size: 0.72rem; color: var(--muted); font-weight: 650; display: flex; flex-direction: column; gap: 0.25rem; }
.table-scroll[b-vgwnkg16yd] { overflow: auto; max-height: 28rem; }
.table-actions[b-vgwnkg16yd] { display: flex; align-items: flex-end; gap: 0.65rem; flex: none; }
.network[b-vgwnkg16yd] { color: var(--muted); font-size: 0.78rem; white-space: nowrap; }
.table-skel[b-vgwnkg16yd] { min-height: 3.5rem; margin: 0.5rem; }
[b-vgwnkg16yd] table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; }
[b-vgwnkg16yd] th,
[b-vgwnkg16yd] td {
  padding: 0.38rem 0.42rem;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
[b-vgwnkg16yd] thead th {
  position: sticky;
  top: 0;
  z-index: 4;
  background: var(--surface);
  font-size: 0.68rem;
  color: var(--muted);
  font-weight: 650;
  box-shadow: 0 1px 0 var(--line);
}
[b-vgwnkg16yd] td { font-size: 0.76rem; }
[b-vgwnkg16yd] .th-wrap {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.12rem;
  white-space: nowrap;
  width: max-content;
  flex: none;
}
[b-vgwnkg16yd] .th-wrap.numeric {
  width: max-content;
  margin-left: auto;
}
[b-vgwnkg16yd] .th-wrap .chart-info {
  display: inline-flex;
  flex: none;
}
[b-vgwnkg16yd] .diagnosis { color: var(--text); }
[b-vgwnkg16yd] td.numeric .health-val { width: 100%; justify-content: flex-end; }
[b-vgwnkg16yd] .sort-btn {
  font: inherit;
  color: inherit;
  font-weight: 650;
  background: none;
  border: 0;
  padding: 0;
  min-height: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
  width: max-content;
  flex: none;
  white-space: nowrap;
}
[b-vgwnkg16yd] .sort-btn.numeric {
  width: max-content;
  justify-content: flex-end;
}
[b-vgwnkg16yd] .sort-btn:hover { color: var(--text); }
[b-vgwnkg16yd] .sort-btn span { font-size: 0.64rem; opacity: 0.7; }
[b-vgwnkg16yd] .mono { font-family: ui-monospace, Consolas, "Courier New", monospace; font-size: 0.72rem; white-space: nowrap; }
[b-vgwnkg16yd] .mono .link-btn { font: inherit; }
[b-vgwnkg16yd] td.id-col {
  white-space: nowrap;
}
[b-vgwnkg16yd] td.id-col .id-text {
  font-size: 0.72rem;
}
[b-vgwnkg16yd] td.agent-cell {
  max-width: 14rem;
  white-space: nowrap;
}
[b-vgwnkg16yd] .agent-name {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 13.5rem;
}
[b-vgwnkg16yd] .issue { max-width: 18rem; }
[b-vgwnkg16yd] .row-Poor { box-shadow: inset 3px 0 0 var(--poor); }
[b-vgwnkg16yd] .row-Critical { box-shadow: inset 3px 0 0 var(--critical); }
@media (max-width: 800px) {
  .table-head[b-vgwnkg16yd] { flex-direction: column; align-items: stretch; }
  .table-actions[b-vgwnkg16yd] { justify-content: space-between; }
  .table-foot[b-vgwnkg16yd] { align-items: stretch; }
  .pager[b-vgwnkg16yd] { margin-left: 0; width: 100%; justify-content: space-between; }
}
/* /Components/ChartInfo.razor.rz.scp.css */
.chart-info[b-cc33iy79q7] {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: none;
  line-height: 0;
  vertical-align: middle;
}
.chart-info.is-open[b-cc33iy79q7] { z-index: 20; }
.info-btn[b-cc33iy79q7] {
  width: 1.125rem;
  height: 1.125rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--muted) 32%, var(--line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--muted) 12%, var(--surface));
  color: var(--muted);
  font: 600 0.68rem/1 Inter, system-ui, sans-serif;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.info-btn:hover[b-cc33iy79q7],
.info-btn.open[b-cc33iy79q7],
.info-btn:focus-visible[b-cc33iy79q7] {
  background: color-mix(in srgb, var(--muted) 20%, var(--surface));
  border-color: color-mix(in srgb, var(--muted) 48%, var(--line));
  color: var(--text);
}
.chart-info.compact .info-btn[b-cc33iy79q7] {
  width: 0.85rem;
  height: 0.85rem;
  min-width: 0.85rem;
  min-height: 0.85rem;
  font-size: 0.55rem;
}
.info-pop[b-cc33iy79q7] {
  position: fixed;
  inset: unset;
  margin: 0;
  z-index: 80;
  width: min(17.5rem, calc(100vw - 1.5rem));
  padding: 0.7rem 0.8rem;
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}
.info-pop strong[b-cc33iy79q7] { display: block; font-size: 0.78rem; margin-bottom: 0.3rem; }
.info-pop p[b-cc33iy79q7] { margin: 0; font-size: 0.75rem; line-height: 1.45; color: var(--muted); white-space: pre-wrap; }
/* /Components/CopyrightFooter.razor.rz.scp.css */
.site-footer[b-10tdmitcu6] {
  margin-top: auto;
  background: transparent;
  border-top: 0;
}
.site-footer-inner[b-10tdmitcu6] {
  width: 100%;
  margin: 0;
  padding: 0.65rem 1.25rem 0.85rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 560px) {
  .site-footer-inner[b-10tdmitcu6] { padding: 0.55rem 0.75rem 0.75rem; }
}
/* /Components/DashboardFilters.razor.rz.scp.css */
.filters-dock[b-xsknevbthq] {
  position: relative;
  z-index: 12;
}
.filters-dock.pinned[b-xsknevbthq] {
  position: sticky;
  top: var(--header-h, 5rem);
  z-index: 19;
  background: var(--bg);
  padding: 0.35rem 0 0.5rem;
  margin: -0.35rem 0 0;
}
.filter-bar[b-xsknevbthq], .filter-more[b-xsknevbthq] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0.65rem 0.75rem;
  box-shadow: var(--shadow);
  overflow: visible;
}
.seg[b-xsknevbthq] {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0.15rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface-2);
}
.seg-btn[b-xsknevbthq] {
  font: inherit;
  font-size: 0.75rem;
  font-weight: 650;
  color: var(--muted);
  background: transparent;
  border: 0;
  border-radius: 8px;
  min-height: 2rem;
  padding: 0 0.7rem;
  cursor: pointer;
  white-space: nowrap;
}
.seg-btn.active[b-xsknevbthq] {
  background: var(--primary);
  color: var(--primary-text);
  box-shadow: none;
}
.seg-btn:disabled[b-xsknevbthq] { opacity: 0.55; cursor: not-allowed; }
.filter-more[b-xsknevbthq] { margin-top: 0.5rem; align-items: end; overflow: visible; }
.filter-more label[b-xsknevbthq] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.72rem;
  font-weight: 650;
  color: var(--muted);
  min-width: 8.5rem;
}
.filter-bar label[b-xsknevbthq] { min-width: 0; }
.filter-bar .grow[b-xsknevbthq] { flex: 1 1 12rem; min-width: 10rem; }
.filter-bar .search-filter[b-xsknevbthq] {
  flex: 1.4 1 18rem;
  min-width: 16rem;
}
.filter-bar .agent-filter[b-xsknevbthq] {
  flex: 1 1 18rem;
  min-width: 16rem;
  align-self: center;
}
.filter-actions[b-xsknevbthq] { display: flex; gap: 0.4rem; margin-left: auto; align-items: center; flex: none; }
.filter-bar[b-xsknevbthq]  select { min-width: 8.25rem; }
.filter-bar[b-xsknevbthq]  input:not([type="checkbox"]):not(.agent-search) { min-width: 10rem; }
.pin-btn[b-xsknevbthq] { width: 2.25rem; min-width: 2.25rem; padding: 0; }
.pin-btn.active[b-xsknevbthq] { color: var(--primary); border-color: var(--primary); }
.filter-bar[b-xsknevbthq]  select, .filter-more[b-xsknevbthq]  select, .filter-more[b-xsknevbthq]  input { min-width: 8.5rem; }
.dt-group[b-xsknevbthq] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.72rem;
  font-weight: 650;
  color: var(--muted);
}
.dt-pair[b-xsknevbthq] {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}
.dt-pair[b-xsknevbthq]  .date-picker { width: 10.25rem; min-width: 10.25rem; }
.dt-pair[b-xsknevbthq]  .time-picker { width: 8.85rem; min-width: 8.85rem; }
@media (max-width: 800px) {
  .filter-actions[b-xsknevbthq] { margin-left: 0; width: 100%; }
  .filter-actions[b-xsknevbthq]  .btn { flex: 1; }
  .filter-bar .search-filter[b-xsknevbthq],
  .filter-bar .agent-filter[b-xsknevbthq] {
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
  }
  .filter-bar[b-xsknevbthq]  input:not([type="checkbox"]):not(.agent-search) {
    min-width: 0;
    width: 100%;
  }
}
@media (max-width: 560px) {
  .filter-bar[b-xsknevbthq], .filter-more[b-xsknevbthq] { padding: 0.55rem; }
  .seg[b-xsknevbthq] { width: 100%; }
  .seg-btn[b-xsknevbthq] { flex: 1 1 auto; }
  .dt-pair[b-xsknevbthq] { flex-wrap: wrap; }
  .dt-pair[b-xsknevbthq]  .date-picker,
  .dt-pair[b-xsknevbthq]  .time-picker {
    width: min(12rem, 100%);
    min-width: 8.25rem;
  }
}
/* /Components/DatePicker.razor.rz.scp.css */
.date-picker[b-gutdqmxxo4] {
  position: relative;
  width: 10.25rem;
  min-width: 10.25rem;
  z-index: 4;
}
.date-picker.is-open[b-gutdqmxxo4] { z-index: 30; }
.date-field[b-gutdqmxxo4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  width: 100%;
  min-height: var(--control-h);
  padding: 0 0.55rem 0 0.7rem;
  font: inherit;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
}
.date-picker.is-open .date-field[b-gutdqmxxo4],
.date-field:hover:not(:disabled)[b-gutdqmxxo4],
.date-field:focus-visible[b-gutdqmxxo4] {
  border-color: color-mix(in srgb, var(--primary) 45%, var(--line));
}
.date-field:focus-visible[b-gutdqmxxo4] {
  outline: 2px solid var(--primary);
  outline-offset: 1px;
}
.date-field:disabled[b-gutdqmxxo4] {
  opacity: 0.55;
  cursor: not-allowed;
}
.date-value[b-gutdqmxxo4] { min-width: 0; white-space: nowrap; }
.date-icon[b-gutdqmxxo4] {
  flex: none;
  color: var(--muted);
}
.date-picker.is-open .date-icon[b-gutdqmxxo4],
.date-field:hover:not(:disabled) .date-icon[b-gutdqmxxo4] {
  color: var(--primary);
}
.date-picker button[b-gutdqmxxo4] {
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
}
.date-nav[b-gutdqmxxo4],
.date-day[b-gutdqmxxo4],
.date-footer button[b-gutdqmxxo4] {
  min-height: 0;
}
.date-backdrop[b-gutdqmxxo4] {
  position: fixed;
  inset: 0;
  z-index: 40;
  background: transparent;
}
.date-pop[b-gutdqmxxo4] {
  position: absolute;
  top: calc(100% + 0.55rem);
  left: 50%;
  z-index: 41;
  width: 17.75rem;
  max-width: calc(100vw - 1.5rem);
  padding: 0.55rem 0.6rem 0.65rem;
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow);
  transform: translateX(-50%);
  outline: none;
}
.date-pop.align-end[b-gutdqmxxo4] {
  left: auto;
  right: 0;
  transform: none;
}
.date-pop.align-end[b-gutdqmxxo4]::before {
  left: auto;
  right: 5.125rem;
  transform: translateX(50%) rotate(45deg);
}
.date-pop[b-gutdqmxxo4]::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 12px;
  height: 12px;
  background: var(--surface);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  transform: translateX(-50%) rotate(45deg);
}
.date-head[b-gutdqmxxo4] {
  display: grid;
  grid-template-columns: 1.85rem 1fr 1.85rem;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.35rem;
}
.date-month[b-gutdqmxxo4] {
  font-size: 0.82rem;
  font-weight: 750;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--text);
}
.date-nav[b-gutdqmxxo4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: color-mix(in srgb, var(--muted) 72%, var(--line));
  cursor: pointer;
}
.date-nav:hover[b-gutdqmxxo4] {
  color: var(--text);
  background: color-mix(in srgb, var(--primary) 10%, var(--surface));
}
.date-week[b-gutdqmxxo4],
.date-grid[b-gutdqmxxo4] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.12rem;
}
.date-week[b-gutdqmxxo4] {
  margin-bottom: 0.2rem;
}
.date-week span[b-gutdqmxxo4] {
  display: grid;
  place-items: center;
  min-height: 1.35rem;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  color: var(--muted);
}
.date-day[b-gutdqmxxo4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1.85rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-variant-numeric: tabular-nums;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
.date-day:hover[b-gutdqmxxo4] {
  background: color-mix(in srgb, var(--primary) 10%, var(--surface));
  color: var(--text);
}
.date-day.is-outside[b-gutdqmxxo4] {
  color: var(--muted);
  font-weight: 550;
}
.date-day.is-today:not(.is-selected)[b-gutdqmxxo4] {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 45%, var(--line));
  color: var(--primary);
  font-weight: 700;
}
.date-day.is-selected[b-gutdqmxxo4] {
  background: color-mix(in srgb, var(--primary) 14%, var(--surface));
  color: var(--primary);
  font-weight: 750;
  box-shadow: none;
}
:root[data-theme="dark"] .date-day.is-selected[b-gutdqmxxo4] {
  background: color-mix(in srgb, var(--primary) 22%, var(--surface-2));
}
:root[data-theme="dark"] .date-day:hover[b-gutdqmxxo4] {
  background: color-mix(in srgb, var(--primary) 16%, var(--surface-2));
}
.date-day.is-selected:hover[b-gutdqmxxo4] {
  background: color-mix(in srgb, var(--primary) 18%, var(--surface));
  color: var(--primary);
}
:root[data-theme="dark"] .date-day.is-selected:hover[b-gutdqmxxo4] {
  background: color-mix(in srgb, var(--primary) 26%, var(--surface-2));
}
.date-footer[b-gutdqmxxo4] {
  margin: 0.45rem 0.05rem 0;
  padding: 0.18rem;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface-2);
}
:root[data-theme="dark"] .date-footer[b-gutdqmxxo4] {
  background: color-mix(in srgb, #000 28%, var(--surface-2));
}
.date-footer button[b-gutdqmxxo4] {
  width: 100%;
  min-height: 1.85rem;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  cursor: pointer;
}
.date-footer button.is-active[b-gutdqmxxo4],
.date-footer button:hover[b-gutdqmxxo4] {
  background: color-mix(in srgb, var(--primary) 14%, var(--surface));
  color: var(--primary);
}
:root[data-theme="dark"] .date-footer button.is-active[b-gutdqmxxo4],
:root[data-theme="dark"] .date-footer button:hover[b-gutdqmxxo4] {
  background: color-mix(in srgb, var(--primary) 22%, var(--surface));
}
@media (max-width: 560px) {
  .date-picker[b-gutdqmxxo4] {
    width: min(12rem, 100%);
    min-width: 8.25rem;
  }
  .date-pop[b-gutdqmxxo4],
  .date-pop.align-end[b-gutdqmxxo4] {
    left: 50%;
    right: auto;
    width: min(18.5rem, calc(100vw - 1.75rem));
    transform: translateX(-50%);
  }
  .date-pop.align-end[b-gutdqmxxo4]::before {
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(45deg);
  }
}
/* /Components/EventTimeline.razor.rz.scp.css */
.etl[b-pj5s2ajclc] { padding: 0.15rem 0 0.2rem; }
.etl-head[b-pj5s2ajclc] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  margin-bottom: 1.05rem;
}
.etl-head h3[b-pj5s2ajclc] { margin: 0; }
.etl-scroll[b-pj5s2ajclc] {
  overflow-x: auto;
  padding: 0.15rem 0 0.55rem;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}
.etl-scroll[b-pj5s2ajclc]::-webkit-scrollbar { height: 8px; }
.etl-scroll[b-pj5s2ajclc]::-webkit-scrollbar-track {
  background: var(--scroll-track);
  border-radius: 999px;
  margin-inline: 1.4rem;
}
.etl-scroll[b-pj5s2ajclc]::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--primary) 72%, #1e3a5f);
  border-radius: 999px;
  border: 2px solid var(--scroll-track);
}
.etl-scroll[b-pj5s2ajclc]::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-thumb-hover);
}
.etl-scroll[b-pj5s2ajclc]::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
.etl-track[b-pj5s2ajclc] { min-width: max(100%, calc((var(--count, 4) - 1) * 9.6rem + 6rem)); }
.etl-plot[b-pj5s2ajclc] { padding: 0 1.7rem 0 4rem; }
.etl-rail[b-pj5s2ajclc] { position: relative; min-height: 8.4rem; }
.etl-line[b-pj5s2ajclc] {
  position: absolute;
  top: 0.86rem;
  left: 0;
  right: -1.2rem;
  height: 1px;
  background: var(--line);
}
.etl-line[b-pj5s2ajclc]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border: 1.5px solid var(--muted);
  border-radius: 50%;
  background: var(--surface);
  transform: translate(50%, -50%);
}
.etl-event[b-pj5s2ajclc] {
  position: absolute;
  top: 0;
  width: 8.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
  pointer-events: none;
}
.etl-icon[b-pj5s2ajclc] {
  width: 1.72rem;
  height: 1.72rem;
  flex: none;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 1;
}
.etl-icon svg[b-pj5s2ajclc] { width: 0.86rem; height: 0.86rem; fill: currentColor; }
.etl-icon svg[fill="none"][b-pj5s2ajclc] { fill: none; }
.tone-info .etl-icon[b-pj5s2ajclc] { background: #3b82f6; }
.tone-good .etl-icon[b-pj5s2ajclc] { background: var(--good); }
.tone-warning .etl-icon[b-pj5s2ajclc] { background: var(--warning); }
.tone-critical .etl-icon[b-pj5s2ajclc] { background: var(--critical); }
.etl-card[b-pj5s2ajclc] {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 0.08rem;
  margin-top: 0.55rem;
  max-width: 8.6rem;
}
.etl-card time[b-pj5s2ajclc] {
  font-size: 0.68rem;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.etl-card strong[b-pj5s2ajclc] {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.etl-detail[b-pj5s2ajclc] {
  font-size: 0.68rem;
  color: var(--muted);
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.etl-duration[b-pj5s2ajclc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin: 1.05rem 0 0.15rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text);
}
.etl-duration[b-pj5s2ajclc]::before,
.etl-duration[b-pj5s2ajclc]::after {
  content: "";
  width: 4.25rem;
  height: 1px;
  background: var(--line);
}
.etl .empty[b-pj5s2ajclc] { padding: 1.2rem 0; text-align: center; }
@media (max-width: 800px) {
  .etl-plot[b-pj5s2ajclc] { padding-left: 3.4rem; }
  .etl-rail[b-pj5s2ajclc] { min-height: 8.8rem; }
  .etl-duration[b-pj5s2ajclc]::before,
  .etl-duration[b-pj5s2ajclc]::after { width: 2.4rem; }
}
/* /Components/GoToTop.razor.rz.scp.css */
.goto-top[b-18jyvy5y2a] {
  position: relative;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  min-height: 2.25rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  border: 0;
  border-radius: 8px;
  background: var(--primary);
  color: var(--primary-text);
  box-shadow: none;
  font: inherit;
  cursor: pointer;
}
.goto-top:hover[b-18jyvy5y2a] {
  background: color-mix(in srgb, var(--primary) 86%, var(--text));
}
.goto-top:focus-visible[b-18jyvy5y2a] {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.goto-top .label[b-18jyvy5y2a] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* /Components/HealthValue.razor.rz.scp.css */
.health-val[b-jwlcar742p] {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  cursor: help;
}
.mark[b-jwlcar742p] { font-size: 0.78rem; line-height: 1; }
.text[b-jwlcar742p] { font-weight: 650; }
.tone-good[b-jwlcar742p] { color: var(--good); }
.tone-warning[b-jwlcar742p] { color: var(--warning); }
.tone-critical[b-jwlcar742p] { color: var(--critical); }
.tone-neutral[b-jwlcar742p] { color: var(--muted); }
.tone-neutral .text[b-jwlcar742p] { font-weight: 500; }
/* /Components/IssueAlert.razor.rz.scp.css */
.alert[b-gnv7aj9tlk] {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  padding: 0.55rem 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--surface-2);
}
.alert strong[b-gnv7aj9tlk] {
  display: block;
  font-size: 0.82rem;
  margin-bottom: 0;
}
.alert p[b-gnv7aj9tlk] {
  font-size: 0.78rem;
  color: var(--text);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin: 0.18rem 0 0;
}
.dot[b-gnv7aj9tlk] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-top: 0.28rem;
  flex: none;
  background: var(--muted);
}
.tone-good[b-gnv7aj9tlk] { background: var(--good-bg); border-color: color-mix(in srgb, var(--good) 35%, var(--line)); }
.tone-good .dot[b-gnv7aj9tlk] { background: var(--good); }
.tone-good strong[b-gnv7aj9tlk] { color: var(--good); }
.tone-warning[b-gnv7aj9tlk] { background: var(--warning-bg); border-color: color-mix(in srgb, var(--warning) 35%, var(--line)); }
.tone-warning .dot[b-gnv7aj9tlk] { background: var(--warning); }
.tone-warning strong[b-gnv7aj9tlk] { color: var(--warning); }
.tone-poor[b-gnv7aj9tlk], .tone-critical[b-gnv7aj9tlk] { background: var(--critical-bg); border-color: color-mix(in srgb, var(--critical) 35%, var(--line)); }
.tone-poor .dot[b-gnv7aj9tlk], .tone-critical .dot[b-gnv7aj9tlk] { background: var(--critical); }
.tone-poor strong[b-gnv7aj9tlk], .tone-critical strong[b-gnv7aj9tlk] { color: var(--critical); }
.tone-info[b-gnv7aj9tlk] { background: var(--info-bg); border-color: color-mix(in srgb, var(--info) 35%, var(--line)); }
.tone-info .dot[b-gnv7aj9tlk] { background: var(--info); }
.tone-info strong[b-gnv7aj9tlk] { color: var(--info); }
/* /Components/KpiCard.razor.rz.scp.css */
.kpi[b-1m4h5xd5sl] {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 0.85rem 1rem;
  min-height: 6rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}
.kpi-title[b-1m4h5xd5sl] { font-size: 0.75rem; font-weight: 600; color: var(--muted); }
.kpi-value[b-1m4h5xd5sl] { font-size: 1.55rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.kpi-hint[b-1m4h5xd5sl] { font-size: 0.72rem; color: var(--muted); }
.kpi-skel[b-1m4h5xd5sl] { height: 1.55rem; border-radius: 6px; background: var(--surface-2); }
.tone-good[b-1m4h5xd5sl] { border-top: 2px solid var(--chart-good); }
.tone-warning[b-1m4h5xd5sl] { border-top: 2px solid var(--chart-warning); }
.tone-poor[b-1m4h5xd5sl] { border-top: 2px solid var(--poor); }
.tone-critical[b-1m4h5xd5sl] { border-top: 2px solid var(--chart-critical); }
.tone-neutral[b-1m4h5xd5sl] { border-top: 2px solid var(--chart-rtt); }
.tone-good .kpi-value[b-1m4h5xd5sl] { color: var(--good); }
.tone-warning .kpi-value[b-1m4h5xd5sl] { color: var(--warning); }
.tone-critical .kpi-value[b-1m4h5xd5sl] { color: var(--critical); }
.tone-neutral .kpi-value[b-1m4h5xd5sl] { color: var(--text); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0o2brqxc2p] {
  min-height: 100vh;
}
.page-main[b-0o2brqxc2p] {
  margin-left: var(--nav-width);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#blazor-error-ui .dismiss[b-0o2brqxc2p] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/MetricCard.razor.rz.scp.css */
.metric[b-cxnwpt1ov9] {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0.8rem 0.95rem;
  min-height: 5.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.metric-title[b-cxnwpt1ov9] { font-size: 0.75rem; color: var(--muted); font-weight: 600; }
.metric-value[b-cxnwpt1ov9] { font-size: 1.2rem; font-weight: 650; letter-spacing: -0.02em; }
.metric-status[b-cxnwpt1ov9] { font-size: 0.75rem; font-weight: 650; }
.metric-skel[b-cxnwpt1ov9] { height: 1.3rem; border-radius: 6px; background: var(--surface-2); }
.tone-good .metric-status[b-cxnwpt1ov9] { color: var(--good); }
.tone-warning .metric-status[b-cxnwpt1ov9] { color: var(--warning); }
.tone-critical .metric-status[b-cxnwpt1ov9] { color: var(--critical); }
.tone-neutral .metric-status[b-cxnwpt1ov9] { color: var(--muted); }
/* /Components/MetricLabel.razor.rz.scp.css */
.metric-cell[b-rkus7znpds] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
  min-width: 0;
}
.metric-label[b-rkus7znpds] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  white-space: nowrap;
}
.metric-label > span[b-rkus7znpds] {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.01em;
}
.metric-value[b-rkus7znpds] {
  min-width: 0;
  max-width: 100%;
}
.metric-value[b-rkus7znpds]  .health-val {
  white-space: nowrap;
}
/* /Components/MetricLineChart.razor.rz.scp.css */
.chart-card .empty[b-xc55l9idg0] { display: flex; align-items: center; justify-content: center; color: var(--muted); }
.swatch.primary[b-xc55l9idg0] { background: var(--chart-rtt); }
.swatch.secondary[b-xc55l9idg0] { background: var(--chart-jitter); }
.axis[b-xc55l9idg0] { stroke: var(--chart-axis); stroke-width: 1.25; }
.grid[b-xc55l9idg0] { stroke: var(--chart-axis); stroke-width: 1; stroke-dasharray: 3 4; opacity: 0.45; }
.axis-label[b-xc55l9idg0] { fill: var(--chart-axis-label); font-size: 10px; }
.line[b-xc55l9idg0] { fill: none; stroke: var(--chart-rtt); stroke-width: 1.75; stroke-linejoin: round; stroke-linecap: round; }
.line.secondary[b-xc55l9idg0] { stroke: var(--chart-jitter); }
.area[b-xc55l9idg0] { stroke: none; }
.series-rtt .line[b-xc55l9idg0] { stroke: var(--chart-rtt); }
.series-loss .line[b-xc55l9idg0] { stroke: var(--chart-loss); }
.series-loss .swatch.primary[b-xc55l9idg0] { background: var(--chart-loss); }
.point[b-xc55l9idg0] { fill: var(--surface); stroke: var(--chart-rtt); stroke-width: 1.75; }
.series-loss .point[b-xc55l9idg0] { stroke: var(--chart-loss); }
.point.secondary[b-xc55l9idg0] { stroke: var(--chart-jitter); }
/* /Components/NetworkHealthPanel.razor.rz.scp.css */
.network-health[b-bik20zvyzl] { min-height: 18rem; }
.network-health .muted[b-bik20zvyzl] { font-size: 0.72rem; margin-top: 0.2rem; }
.gauges[b-bik20zvyzl] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem 0.5rem;
  flex: 1;
  align-content: center;
  padding-top: 0.15rem;
}
.gauge[b-bik20zvyzl] {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 0.08rem;
}
.semi[b-bik20zvyzl] { width: 4.6rem; height: 2.85rem; overflow: visible; }
.track[b-bik20zvyzl], .fill[b-bik20zvyzl] { fill: none; stroke-width: 6; stroke-linecap: round; }
.track[b-bik20zvyzl] { stroke: var(--line); }
.fill.tone-good[b-bik20zvyzl] { stroke: var(--chart-good); }
.fill.tone-warning[b-bik20zvyzl] { stroke: var(--chart-warning); }
.fill.tone-critical[b-bik20zvyzl] { stroke: var(--chart-critical); }
.fill.tone-neutral[b-bik20zvyzl] { stroke: var(--muted); }
.fill.tone-ice[b-bik20zvyzl] { stroke: var(--chart-ice); }
.gauge strong[b-bik20zvyzl] { font-size: 0.92rem; font-variant-numeric: tabular-nums; margin-top: -0.15rem; }
.g-label[b-bik20zvyzl] { font-size: 0.68rem; font-weight: 650; color: var(--muted); }
.g-status[b-bik20zvyzl] { font-size: 0.7rem; font-weight: 650; }
.g-thresh[b-bik20zvyzl] { font-size: 0.64rem; color: var(--muted); }
.tone-good .g-status[b-bik20zvyzl] { color: var(--good); }
.tone-warning .g-status[b-bik20zvyzl] { color: var(--warning); }
.tone-critical .g-status[b-bik20zvyzl] { color: var(--critical); }
.tone-ice .g-status[b-bik20zvyzl] { color: var(--chart-ice); }
.tone-neutral .g-status[b-bik20zvyzl] { color: var(--muted); }
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.live[b-kqw7txugzz] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 650;
  color: var(--muted);
}
.live i[b-kqw7txugzz] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--muted);
}
.live.on[b-kqw7txugzz] { color: var(--good); }
.live.on i[b-kqw7txugzz] {
  background: var(--good);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--good) 55%, transparent);
  animation: live-pulse-b-kqw7txugzz 1.8s ease-out infinite;
}
.live.off[b-kqw7txugzz] { color: var(--critical); }
.live.off i[b-kqw7txugzz] { background: var(--critical); }
@keyframes live-pulse-b-kqw7txugzz {
  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--good) 45%, transparent); }
  70% { box-shadow: 0 0 0 6px transparent; }
  100% { box-shadow: 0 0 0 0 transparent; }
}
/* /Components/Pagination.razor.rz.scp.css */
.pager[b-yzyd3khjw4] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex: none;
  margin-left: auto;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 0.82rem;
}
.pager span[b-yzyd3khjw4] { white-space: nowrap; }
.pager .btn[b-yzyd3khjw4] {
  min-height: 2.1rem;
  padding: 0 0.7rem;
}
/* /Components/ProblemBreakdown.razor.rz.scp.css */
.problem-breakdown .muted[b-9qa6sp0ogm] { font-size: 0.72rem; margin-top: 0.2rem; }
.problem-breakdown .empty[b-9qa6sp0ogm] { display: flex; align-items: center; justify-content: center; flex: 1; min-height: 12rem; color: var(--muted); }
.problem-breakdown ul[b-9qa6sp0ogm] { list-style: none; margin: 0.5rem 0 0; padding: 0; display: grid; gap: 0.7rem; flex: 1; align-content: center; }
.cause[b-9qa6sp0ogm] {
  width: 100%;
  display: grid;
  gap: 0.28rem;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  min-height: 0;
  padding: 0.15rem 0.2rem;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-align: left;
}
.cause:hover[b-9qa6sp0ogm], .cause.active[b-9qa6sp0ogm] { background: var(--surface-2); border-color: var(--line); }
.cause-meta[b-9qa6sp0ogm] { display: flex; justify-content: space-between; gap: 0.5rem; align-items: baseline; }
.cause-label[b-9qa6sp0ogm] { font-size: 0.78rem; font-weight: 650; }
.cause-count[b-9qa6sp0ogm] { font-size: 0.75rem; font-variant-numeric: tabular-nums; color: var(--muted); }
.cause-track[b-9qa6sp0ogm] { height: 0.5rem; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.cause-fill[b-9qa6sp0ogm] { display: block; height: 100%; border-radius: inherit; }
.cause-fill.tone-rtt[b-9qa6sp0ogm] { background: var(--chart-rtt); }
.cause-fill.tone-loss[b-9qa6sp0ogm] { background: var(--chart-loss); }
.cause-fill.tone-jitter[b-9qa6sp0ogm] { background: var(--chart-jitter); }
.cause-fill.tone-ice[b-9qa6sp0ogm] { background: var(--chart-ice); }
.cause-fill.tone-other[b-9qa6sp0ogm] { background: var(--chart-other); }
/* /Components/QualityBadge.razor.rz.scp.css */
.badge[b-88geqs8h7m] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  font-weight: 650;
  font-size: 0.72rem;
  letter-spacing: 0.01em;
  background: var(--surface-2);
  color: var(--muted);
}
.dot[b-88geqs8h7m] { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: currentColor; }
.tone-Good[b-88geqs8h7m] { background: var(--good-bg); color: var(--good); }
.tone-Warning[b-88geqs8h7m] { background: var(--warning-bg); color: var(--warning); }
.tone-Poor[b-88geqs8h7m] { background: var(--poor-bg); color: var(--poor); }
.tone-Critical[b-88geqs8h7m] { background: var(--critical-bg); color: var(--critical); }
/* /Components/QualityDistributionChart.razor.rz.scp.css */
.chart-card[b-12oza26nq8] { container-type: inline-size; }
.chart-card h2[b-12oza26nq8] { margin-bottom: 0.15rem; }
.chart-card > .muted[b-12oza26nq8] { margin-bottom: 0.55rem; font-size: 0.78rem; }
.dist[b-12oza26nq8] { display: grid; grid-template-columns: 1fr; gap: 0.45rem 0.75rem; }
.dist-row[b-12oza26nq8] { display: grid; grid-template-columns: 4.4rem minmax(0, 1fr) 1.6rem; gap: 0.4rem; align-items: center; }
.dist-label[b-12oza26nq8] { font-size: 0.8rem; font-weight: 650; }
.dist-track[b-12oza26nq8] { height: 8px; background: var(--surface-2); border-radius: 999px; overflow: hidden; }
.dist-fill[b-12oza26nq8] { height: 100%; border-radius: 999px; }
.dist-count[b-12oza26nq8] { text-align: right; font-variant-numeric: tabular-nums; font-size: 0.8rem; }
.tone-Good[b-12oza26nq8] { background: var(--good); }
.tone-Warning[b-12oza26nq8] { background: var(--warning); }
.tone-Poor[b-12oza26nq8] { background: var(--poor); }
.tone-Critical[b-12oza26nq8] { background: var(--critical); }
@container (min-width: 16rem) {
  .dist[b-12oza26nq8] { grid-template-columns: 1fr 1fr; }
}
/* /Components/QualityTrendChart.razor.rz.scp.css */
.quality-trend .empty[b-lx74vf7a7x] { display: flex; align-items: center; justify-content: center; color: var(--muted); }
.quality-trend .swatch[b-lx74vf7a7x] { height: 0.55rem; width: 0.55rem; border-radius: 2px; }
.quality-trend .swatch.good[b-lx74vf7a7x] { background: var(--chart-good); }
.quality-trend .swatch.warning[b-lx74vf7a7x] { background: var(--chart-warning); }
.quality-trend .swatch.critical[b-lx74vf7a7x] { background: var(--chart-critical); }
.range[b-lx74vf7a7x] { font-size: 0.72rem; }
.area[b-lx74vf7a7x] { stroke: none; }
.area.good[b-lx74vf7a7x] { fill: var(--chart-good); fill-opacity: 0.42; }
.area.warning[b-lx74vf7a7x] { fill: var(--chart-warning); fill-opacity: 0.48; }
.area.critical[b-lx74vf7a7x] { fill: var(--chart-critical); fill-opacity: 0.55; }
.line[b-lx74vf7a7x] { fill: none; stroke-width: 1.75; stroke-linejoin: round; }
.line.good[b-lx74vf7a7x] { stroke: var(--chart-good); }
.line.warning[b-lx74vf7a7x] { stroke: var(--chart-warning); }
.line.critical[b-lx74vf7a7x] { stroke: var(--chart-critical); }
.point[b-lx74vf7a7x] { fill: var(--surface); stroke: var(--chart-critical); stroke-width: 1.5; }
.quality-trend .axis[b-lx74vf7a7x] { stroke: var(--chart-axis); stroke-width: 1.25; }
.quality-trend .grid[b-lx74vf7a7x] { stroke: var(--chart-axis); stroke-width: 1; stroke-dasharray: 3 4; opacity: 0.45; }
.quality-trend .axis-label[b-lx74vf7a7x] {
  fill: var(--chart-axis-label);
  font-size: 10px;
  font-family: Inter, "Segoe UI", sans-serif;
}
/* /Components/SectionHeader.razor.rz.scp.css */
.section-head[b-h5x18idigv] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin: 0.15rem 0 0.15rem;
}
.section-head h2[b-h5x18idigv] { font-size: 0.92rem; }
.section-head p[b-h5x18idigv] { font-size: 0.78rem; margin-top: 0.15rem; }
/* /Components/SideNav.razor.rz.scp.css */
.side-nav[b-ywjv3wpfpi] {
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--nav-width);
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.5rem 0.95rem;
  background: var(--nav-bg);
  color: var(--nav-icon);
  border-right: 1px solid var(--nav-border);
}
.side-nav-brand[b-ywjv3wpfpi] {
  flex: none;
  width: calc(100% + 1rem);
  min-height: 4.25rem;
  margin: 0 -0.5rem 0.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--nav-border);
}
.side-nav-logo[b-ywjv3wpfpi] {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 10px;
  background: var(--primary);
  color: var(--primary-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.side-nav-items[b-ywjv3wpfpi] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  width: 100%;
}
.side-nav-btn[b-ywjv3wpfpi] {
  width: 2.55rem;
  height: 2.55rem;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--nav-icon);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  font: inherit;
}
.side-nav-btn:hover[b-ywjv3wpfpi] {
  background: color-mix(in srgb, var(--nav-icon-hover) 10%, transparent);
  color: var(--nav-icon-hover);
}
.side-nav-btn.is-active[b-ywjv3wpfpi] {
  background: var(--nav-active-bg);
  color: var(--nav-active-icon);
}
.side-nav-btn:focus-visible[b-ywjv3wpfpi] {
  outline: 2px solid var(--primary);
  outline-offset: 1px;
}
.side-nav-help[b-ywjv3wpfpi] {
  margin-top: auto;
}
.visually-hidden[b-ywjv3wpfpi] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* /Components/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-latai8kxa9] {
  width: 2.25rem;
  min-height: 2.25rem;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.theme-toggle:hover[b-latai8kxa9] { background: var(--surface-2); }
.theme-toggle svg[b-latai8kxa9] { display: block; }
/* /Components/TimePicker.razor.rz.scp.css */
.time-picker[b-7rjp3kvad5] {
  position: relative;
  width: 8.85rem;
  min-width: 8.85rem;
  z-index: 4;
}
.time-picker.is-open[b-7rjp3kvad5] { z-index: 30; }
.time-field[b-7rjp3kvad5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  width: 100%;
  min-height: var(--control-h);
  padding: 0 0.55rem 0 0.7rem;
  font: inherit;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
}
.time-picker.is-open .time-field[b-7rjp3kvad5],
.time-field:hover:not(:disabled)[b-7rjp3kvad5],
.time-field:focus-visible[b-7rjp3kvad5] {
  border-color: color-mix(in srgb, var(--primary) 45%, var(--line));
}
.time-field:focus-visible[b-7rjp3kvad5] {
  outline: 2px solid var(--primary);
  outline-offset: 1px;
}
.time-field:disabled[b-7rjp3kvad5] {
  opacity: 0.55;
  cursor: not-allowed;
}
.time-value[b-7rjp3kvad5] { min-width: 0; white-space: nowrap; }
.time-clock[b-7rjp3kvad5] {
  flex: none;
  color: var(--muted);
}
.time-picker.is-open .time-clock[b-7rjp3kvad5] { color: var(--primary); }
.time-picker button[b-7rjp3kvad5] {
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
}
.time-item[b-7rjp3kvad5],
.time-chevron[b-7rjp3kvad5] {
  min-height: 0;
}
.time-backdrop[b-7rjp3kvad5] {
  position: fixed;
  inset: 0;
  z-index: 40;
  background: transparent;
}
.time-pop[b-7rjp3kvad5] {
  position: absolute;
  top: calc(100% + 0.55rem);
  left: 50%;
  z-index: 41;
  width: 12.75rem;
  max-width: calc(100vw - 1.5rem);
  padding: 0.5rem 0.55rem 0.65rem;
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow);
  transform: translateX(-50%);
  outline: none;
}
.time-pop.align-end[b-7rjp3kvad5] {
  left: auto;
  right: 0;
  transform: none;
}
.time-pop.align-end[b-7rjp3kvad5]::before {
  left: auto;
  right: 4.425rem;
  transform: translateX(50%) rotate(45deg);
}
.time-pop[b-7rjp3kvad5]::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 12px;
  height: 12px;
  background: var(--surface);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  transform: translateX(-50%) rotate(45deg);
}
.time-wheels[b-7rjp3kvad5] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr 1fr;
  align-items: stretch;
  gap: 0.1rem;
  min-height: 8.1rem;
}
.time-band[b-7rjp3kvad5] {
  position: absolute;
  left: 0.15rem;
  right: 0.15rem;
  top: 50%;
  height: 1.85rem;
  border-radius: 8px;
  background: color-mix(in srgb, var(--primary) 12%, var(--surface));
  transform: translateY(-50%);
  pointer-events: none;
}
:root[data-theme="dark"] .time-band[b-7rjp3kvad5] {
  background: color-mix(in srgb, var(--primary) 22%, var(--surface-2));
}
.time-col[b-7rjp3kvad5] {
  display: grid;
  grid-template-rows: 1.35rem 1.7rem 1.85rem 1.7rem 1.35rem;
  justify-items: center;
  z-index: 1;
  overscroll-behavior: contain;
}
.time-colon[b-7rjp3kvad5] {
  display: grid;
  place-items: center;
  z-index: 1;
  padding-top: 0.05rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--primary);
  line-height: 1;
}
.time-item[b-7rjp3kvad5],
.time-chevron[b-7rjp3kvad5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-variant-numeric: tabular-nums;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
.time-item.is-selected[b-7rjp3kvad5] {
  color: var(--primary);
  font-size: 0.95rem;
  font-weight: 750;
  pointer-events: none;
}
.time-chevron[b-7rjp3kvad5] {
  color: color-mix(in srgb, var(--muted) 72%, var(--line));
}
.time-chevron:hover[b-7rjp3kvad5],
.time-item:hover:not(.is-selected)[b-7rjp3kvad5] {
  color: var(--text);
}
.time-period[b-7rjp3kvad5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.2rem;
  margin: 0.5rem 0.15rem 0;
  padding: 0.18rem;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface-2);
}
:root[data-theme="dark"] .time-period[b-7rjp3kvad5] {
  background: color-mix(in srgb, #000 28%, var(--surface-2));
}
.time-period button[b-7rjp3kvad5] {
  min-height: 1.85rem;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  cursor: pointer;
}
.time-period button.is-active[b-7rjp3kvad5] {
  background: color-mix(in srgb, var(--primary) 14%, var(--surface));
  color: var(--primary);
}
:root[data-theme="dark"] .time-period button.is-active[b-7rjp3kvad5] {
  background: color-mix(in srgb, var(--primary) 22%, var(--surface));
}
@media (max-width: 560px) {
  .time-picker[b-7rjp3kvad5] {
    width: min(10.5rem, 100%);
    min-width: 8.25rem;
  }
  .time-pop[b-7rjp3kvad5],
  .time-pop.align-end[b-7rjp3kvad5] {
    left: 50%;
    right: auto;
    width: min(13.5rem, calc(100vw - 1.75rem));
    transform: translateX(-50%);
  }
  .time-pop.align-end[b-7rjp3kvad5]::before {
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(45deg);
  }
}
/* /Components/TimeZoneSelect.razor.rz.scp.css */
.tz-select[b-yvgc4h0g1t] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}
.tz-globe[b-yvgc4h0g1t] {
  display: inline-flex;
  color: var(--muted);
  flex: none;
}
.tz-select select[b-yvgc4h0g1t] {
  min-height: var(--control-h);
  min-width: 16.5rem;
  max-width: 20rem;
  font-size: 0.8rem;
}
@media (max-width: 800px) {
  .tz-select[b-yvgc4h0g1t] { width: 100%; }
  .tz-select select[b-yvgc4h0g1t] { min-width: 0; max-width: none; flex: 1; }
}
/* /Components/TruncatedId.razor.rz.scp.css */
.id-cell[b-wtfgr6r0m9] {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}
.id-cell.is-truncated[b-wtfgr6r0m9] {
  max-width: 10.5rem;
}
.id-text[b-wtfgr6r0m9] {
  display: inline-block;
  font-family: ui-monospace, Consolas, "Courier New", monospace;
  font-size: 0.72rem;
  vertical-align: bottom;
}
.id-cell.is-truncated .id-text[b-wtfgr6r0m9] {
  max-width: 8.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.id-cell.is-full .id-text[b-wtfgr6r0m9] {
  max-width: none;
  white-space: nowrap;
}
button.id-text[b-wtfgr6r0m9] { font: inherit; font-family: inherit; font-size: inherit; }
.copy-id[b-wtfgr6r0m9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1.2rem;
  height: 1.2rem;
  min-width: 1.2rem;
  min-height: 1.2rem;
  padding: 0;
  color: var(--muted);
  background: none;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
.copy-id:hover[b-wtfgr6r0m9] {
  color: var(--text);
  background: color-mix(in srgb, var(--text) 8%, transparent);
}
.copy-id.is-copied[b-wtfgr6r0m9] { color: var(--good); }
.copy-id:disabled[b-wtfgr6r0m9] { opacity: 0.55; cursor: not-allowed; }
.copy-id svg[b-wtfgr6r0m9] { display: block; }