/* DOU: leitura de textos completos, sem alterar a densidade dos outros temas. */
.monitor-dou { min-width: 0; }
.monitor-dou-toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  padding: 16px;
  margin-bottom: 20px;
}
.monitor-dou-date { display: flex; flex-direction: column; gap: 8px; }
.monitor-dou-date label { font-size: 14px; font-weight: 600; color: var(--text); }
.monitor-dou-date .dash-input-container,
.monitor-dou-date .hourly-date-input {
  width: 190px !important;
  height: 42px !important;
  font-size: 16px !important;
  padding: 0 !important;
}
.monitor-dou-date input {
  font-size: 16px !important;
  padding: 0 10px !important;
  color-scheme: dark;
}
.monitor-dou-date .dash-input-container input { border: 0 !important; }
[data-bs-theme="light"] .monitor-dou-date input { color-scheme: light; }
.monitor-dou-date input:focus-visible { outline: 2px solid var(--accent) !important; outline-offset: 2px; }
.monitor-dou-toolbar .btn { min-height: 42px; font-size: 14px; }
.monitor-dou-selection { font-size: 14px; color: var(--text-dim); }
.monitor-dou-toolbar .monitor-dou-selection { align-self: center; margin-left: auto; }
.monitor-dou-table-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; }
.monitor-dou-table-heading h2 { font-size: 18px; font-weight: 650; margin: 0; }
.monitor-dou-table { min-width: 0; }
.monitor-dou-table .card-body { padding: 0; min-width: 0; }
.monitor-dou-table .dash-spreadsheet-inner td .dash-cell-value {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: inherit;
  line-height: inherit;
  white-space: pre-line !important;
  overflow-wrap: anywhere;
  overflow: visible !important;
  text-overflow: clip !important;
  max-height: none !important;
  user-select: text;
}
.monitor-dou-table .dash-spreadsheet-container th,
.monitor-dou-table .dash-spreadsheet-container .dash-header .column-header-name {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text-dim) !important;
}
.monitor-dou-table .dash-spreadsheet-container td { cursor: text; }
.monitor-dou-table .dash-spreadsheet-container td[data-dash-column="impacto"] {
  border-left: 3px solid currentColor !important;
}
.monitor-dou-table .dash-spreadsheet-container { scrollbar-width: auto; }
.monitor-dou-scroll-hint { display: none; }
@media (max-width: 1050px) {
  .monitor-dou-scroll-hint { display: block; margin: 0; font-size: 14px; color: var(--text-dim); }
}
@media (max-width: 600px) {
  .monitor-dou-toolbar { gap: 12px; }
  .monitor-dou-toolbar .monitor-dou-selection { flex-basis: 100%; margin-left: 0; }
  .monitor-dou-date { flex: 1; min-width: 150px; }
}