/* Presentatiepagina — bovenop dashboard.css */

body { background: #0A0C0F; }

.bbl-presentatie { max-width: 1100px; margin: 40px auto; padding: 0 20px; }

.bbl-tabs { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }
.bbl-tab {
	background: #12161B; color: #8A94A0; border: 1px solid #23282F;
	padding: 8px 16px; border-radius: 6px; font-size: 13px; cursor: pointer;
	font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}
.bbl-tab.active { color: #E9EDF1; border-color: #E0A030; }
.bbl-tab:hover { color: #E9EDF1; }

.bbl-dash-type {
	font-family: monospace; font-size: 11px; color: #8A94A0; letter-spacing: 0.04em;
	text-transform: uppercase; border: 1px solid #23282F; padding: 4px 10px;
	border-radius: 3px; margin-left: 12px;
}

.bbl-caption { font-size: 12px; color: #8A94A0; margin: -6px 0 18px; max-width: 640px; line-height: 1.5; }

.bbl-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 8px; }
.bbl-table th {
	text-align: left; font-family: monospace; font-size: 10px; text-transform: uppercase;
	letter-spacing: 0.06em; color: #8A94A0; font-weight: 500; padding-bottom: 8px; border-bottom: 1px solid #23282F;
}
.bbl-table td { padding: 10px 8px 10px 0; border-bottom: 1px solid #23282F; color: #E9EDF1; }
.bbl-mono { font-family: monospace; color: #8A94A0; }

.bbl-pill-ernst { font-family: monospace; font-size: 10px; padding: 3px 8px; border-radius: 3px; text-transform: uppercase; }
.bbl-pill-ernst.hoog { background: rgba(224,160,48,.15); color: #E0A030; border: 1px solid rgba(224,160,48,.4); }
.bbl-pill-ernst.midden { background: rgba(110,143,224,.15); color: #6E8FE0; border: 1px solid rgba(110,143,224,.4); }

.bbl-status-ok { color: #4FB8A8; font-weight: 500; }
.bbl-status-nok { color: #D9564A; font-weight: 500; }

.bbl-empty { color: #8A94A0; font-size: 13px; }