/* Monitor Visual (UI5B.8B.1). Tom escuro do code-panel; sem histórico/gráficos. */
#tabpanel-code { display: flex; flex-direction: column; flex: 1; min-height: 0; }
#tabpanel-code[hidden] { display: none; }
.code-tabs { display: flex; gap: 8px; padding: 10px 14px 0; }
.code-tabs [role="tab"] {
  flex: 1; min-height: 36px; padding: 6px 10px; font-size: 13px; font-weight: 700;
  color: #a7bfdf; background: transparent; border: 1px solid transparent;
  border-bottom: none; border-radius: 9px 9px 0 0; cursor: pointer;
}
.code-tabs [role="tab"][aria-selected="true"] { color: #e5edff; background: #1d2e49; border-color: #31435e; }
.code-tabs [role="tab"]:focus-visible { outline: 2px solid #b7a0ff; outline-offset: 1px; }
.monitor-view { flex: 1; min-height: 0; overflow: auto; padding: 12px 14px 18px; border-top: 1px solid #293b56; }
.monitor-status { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #a7bfdf; margin: 0 0 10px; }
.monitor-count { margin-left: auto; color: #b4cdf5; border: 1px solid #435674; border-radius: 7px; padding: 3px 7px; font-size: 11px; }
.monitor-actions { display: flex; gap: 8px; margin: 0 0 12px; }
.monitor-actions button {
  min-height: 36px; padding: 6px 12px; font-size: 12px; font-weight: 700;
  color: #dceaff; background: #243a58; border: 1px solid #496080; border-radius: 9px; cursor: pointer;
}
.monitor-actions button:hover:not(:disabled) { background: #304c71; }
.monitor-actions button:disabled { opacity: .45; cursor: default; }
.monitor-banner {
  margin: 0 0 12px; padding: 9px 12px; font-size: 12px; color: #ffe1a8;
  background: #3a2c12; border: 1px solid #8a6a2a; border-radius: 9px;
}
.monitor-cards { display: flex; flex-direction: column; gap: 10px; margin: 0 0 14px; }
.monitor-empty { margin: 0 0 14px; font-size: 13px; color: #a7bfdf; }
.monitor-card {
  background: #1d2e49; border: 1px solid #31435e; border-radius: var(--dm-radius-md);
  padding: 10px 12px;
}
.monitor-card[data-fresh="live"] { border-color: #4d9a83; }
.monitor-card[data-fresh="off"] { opacity: .75; }
.monitor-card-name { margin: 0; font-size: 13px; color: #e5edff; overflow-wrap: anywhere; }
.monitor-card-type {
  display: inline-block; margin-top: 4px; font-size: 10px; color: #b4cdf5;
  border: 1px solid #435674; border-radius: 7px; padding: 2px 6px;
}
.monitor-card-value {
  margin: 8px 0 0; font: 20px Consolas, "Courier New", monospace; color: #b9dcff;
  overflow-wrap: anywhere;
}
.monitor-card[data-fresh="live"] .monitor-card-value { color: #a5f3cf; }
.monitor-pick-title { margin: 4px 0 8px; font-size: 12px; font-weight: 700; color: #d5e3fc; }
.monitor-list { display: flex; flex-direction: column; gap: 6px; margin: 0 0 8px; }
.monitor-pick {
  display: flex; align-items: center; gap: 8px; font-size: 13px; color: #d5e3fc;
  background: #1a2a44; border: 1px solid #30415d; border-radius: 9px; padding: 8px 10px; cursor: pointer;
}
.monitor-pick input { width: 18px; height: 18px; accent-color: #20b486; }
.monitor-pick-name { overflow-wrap: anywhere; }
.monitor-pick-type { margin-left: auto; font-size: 10px; color: #a7bfdf; }
.monitor-limit { margin: 0; font-size: 12px; color: #ffe1a8; }