/* 独立服务器监控：图表视口、入站/出站图例、空态与失败态。 */
/* 导入方：app/components/instance/DcimMonitor.vue。 */
.chart-viewport[data-v-eb47944f] {
  min-width: 0;
}
.chart-viewport[data-v-eb47944f],
.chart-viewport .empty[data-v-eb47944f],
.chart-viewport .monitor-error[data-v-eb47944f] {
  min-height: var(--chart-height);
}
.monitor[data-v-eb47944f] {
  min-width: 0;
}
.monitor[data-v-eb47944f]:not(.compact) {
  flex-direction: column;
  gap: 21px;
  display: flex;
}
.monitor-panel[data-v-eb47944f] {
  min-width: 0;
}
.monitor:not(.compact) .monitor-panel[data-v-eb47944f] {
  border: 1px solid var(--console-panel-border);
  background: var(--console-panel-bg);
  box-shadow: var(--console-panel-shadow);
  border-radius: var(--radius-md);
  padding: 14px;
}
.range[data-v-eb47944f] {
  flex-wrap: wrap;
  align-self: flex-start;
}
.monitor-head[data-v-eb47944f] {
  border-bottom: 1px solid var(--console-panel-border);
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 14px;
  display: flex;
}
.monitor-head h3[data-v-eb47944f] {
  margin: 0;
  font-size: 1.125rem;
}
.legend[data-v-eb47944f] {
  color: var(--p-text-muted-color);
  gap: 14px;
  margin-bottom: 7px;
  font-size: 0.875rem;
}
.legend[data-v-eb47944f],
.legend span[data-v-eb47944f] {
  align-items: center;
  display: flex;
}
.legend span[data-v-eb47944f] {
  gap: 5px;
}
.legend i[data-v-eb47944f] {
  border-radius: 2px;
  width: 8px;
  height: 8px;
}
.incoming[data-v-eb47944f] {
  background: #1687d9;
}
.outgoing[data-v-eb47944f] {
  background: #29b6d8;
}
.legend small[data-v-eb47944f] {
  margin-left: auto;
}
.empty[data-v-eb47944f] {
  min-height: 126px;
  color: var(--p-text-muted-color);
  place-items: center;
  margin: 0;
  display: grid;
}
.monitor-error[data-v-eb47944f] {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 126px;
  display: flex;
}