/* Ajustes da ACS Platform sobre o Tabler (static/vendor/tabler). */
:root {
  --tblr-primary: #0b6e4f;
  --tblr-primary-rgb: 11, 110, 79;
  --tblr-primary-darken: #095c42;
}
.brand-link { display: inline-flex; align-items: center; gap: 0.5rem; color: inherit; text-decoration: none; font-weight: 600; }
.brand-link:hover { text-decoration: none; }
.brand-icon { display: inline-flex; color: var(--tblr-primary); }
.brand-icon .icon { width: 1.6rem; height: 1.6rem; }
.brand-lg { font-size: 1.4rem; }
.brand-lg .icon { width: 2.2rem; height: 2.2rem; }
.search-form { display: flex; gap: 0.5rem; }
.search-form .input-icon { min-width: 16rem; }
.qr { display: flex; justify-content: center; margin: 0.75rem 0; }
.qr svg { width: 13rem; height: 13rem; }
.otp-input { font-size: 1.4rem; letter-spacing: 0.4rem; }
.temp-password code { font-size: 1.6rem; letter-spacing: 0.15rem; padding: 0.5rem 1rem; }
.dropdown-item .icon { margin-right: 0.4rem; }
@media (max-width: 575.98px) {
  .search-form { width: 100%; }
  .search-form .input-icon { min-width: 0; flex: 1; }
}
/* Seletor de colunas (sem JavaScript: <details>) */
.column-picker { position: relative; }
.column-picker > summary { list-style: none; cursor: pointer; }
.column-picker > summary::-webkit-details-marker { display: none; }
.column-picker-menu { position: absolute; right: 0; top: calc(100% + 0.4rem); z-index: 20; min-width: 14rem; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.12); }
.card-link:hover { border-color: var(--tblr-primary); }
/* Barra de progresso nativa (CSP sem style inline: <progress> no lugar de width:%) */
.bulk-progress { width: 100%; height: 0.5rem; appearance: none; border: 0; border-radius: 1rem; background: var(--tblr-border-color); overflow: hidden; }
.bulk-progress::-webkit-progress-bar { background: var(--tblr-border-color); border-radius: 1rem; }
.bulk-progress::-webkit-progress-value { background: var(--tblr-primary); border-radius: 1rem; }
.bulk-progress::-moz-progress-bar { background: var(--tblr-primary); border-radius: 1rem; }
.bulk-progress.bulk-progress-lg { height: 0.9rem; }
/* Menu em uma linha só onde cabe */
@media (min-width: 1400px) {
  .navbar .nav-link-title { white-space: nowrap; }
}
/* Gráficos de telemetria (SVG do servidor; um indicador por gráfico) */
.tchart-wrap { position: relative; }
.tchart { width: 100%; height: auto; display: block; overflow: visible; }
.tchart-grid { stroke: var(--tblr-border-color); stroke-width: 1; }
.tchart-axis { fill: var(--tblr-secondary); font-size: 11px; }
.tchart-line { fill: none; stroke: var(--tblr-primary); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.tchart-area { fill: var(--tblr-primary); fill-opacity: 0.1; stroke: none; }
.tchart-end, .tchart-dot { fill: var(--tblr-primary); stroke: var(--tblr-bg-surface); stroke-width: 2; }
.tchart-cross { stroke: var(--tblr-secondary); stroke-width: 1; }
.tchart-hit { fill: transparent; cursor: crosshair; }
.tchart-tip { position: absolute; top: -0.25rem; transform: translateY(-100%); pointer-events: none; z-index: 5;
  background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-radius: 4px;
  padding: 0.2rem 0.5rem; font-size: 0.8rem; box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.08); white-space: nowrap; }
.tchart-tip strong { margin-right: 0.4rem; }
.tchart-table { max-height: 14rem; overflow-y: auto; }
/* O SVG encolhe junto com a tela: em celular, fonte maior (unidades do viewBox) */
@media (max-width: 575.98px) {
  .tchart-axis { font-size: 19px; }
}