html { font-size: 15px; position: relative; min-height: 100%; }
.metric-card .value { font-size: 1.6rem; font-weight: 600; }
.metric-card .label { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: var(--bs-secondary-color); }
.chart-box { position: relative; height: 240px; }
.table td, .table th { vertical-align: middle; }
.credential { font-family: var(--bs-font-monospace); word-break: break-all; user-select: all; }
.missing { color: var(--bs-secondary-color); font-style: italic; }
.sql-text { font-family: var(--bs-font-monospace); font-size: .8rem; white-space: pre-wrap; word-break: break-word; max-height: 20rem; overflow: auto; background: var(--bs-tertiary-bg); padding: .4rem .5rem; border-radius: .25rem; }
.sql-preview { font-family: var(--bs-font-monospace); font-size: .75rem; color: var(--bs-secondary-color); }