/* Juridisch rapport — licht/formeel thema, los van het zwarte dashboard-thema */

.bbl-rap-toolbar {
	display: flex; justify-content: space-between; align-items: center;
	max-width: 760px; margin: 20px auto 0; padding: 0 20px;
}
.bbl-rap-toolbar select {
	background: #fff; color: #1A1D21; border: 1px solid #D8DCE1;
	padding: 6px 10px; border-radius: 4px; font-size: 13px;
}
.bbl-rap-print {
	background: #1A1D21; color: #fff; border: none; padding: 8px 16px;
	border-radius: 4px; font-size: 13px; cursor: pointer;
}
.bbl-rap-print:hover { background: #333; }

.bbl-rap-doc {
	max-width: 760px; margin: 20px auto 60px; padding: 48px 56px;
	background: #fff; color: #1A1D21; border: 1px solid #D8DCE1; border-radius: 4px;
	font-family: -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 14px; line-height: 1.6;
}

.bbl-rap-eyebrow { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #6B7280; font-weight: 600; }
.bbl-rap-title { font-size: 24px; font-weight: 700; margin: 4px 0 2px; }
.bbl-rap-sub { color: #6B7280; margin: 0 0 20px; font-size: 14px; }

.bbl-rap-meta { width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #F4F5F6; }
.bbl-rap-meta td { padding: 10px 14px; border-bottom: 1px solid #D8DCE1; font-size: 13px; width: 50%; }
.bbl-rap-label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: #6B7280; margin-bottom: 2px; }

.bbl-rap-samenvatting { display: flex; gap: 24px; margin: 20px 0 8px; flex-wrap: wrap; }
.bbl-rap-sum-item { font-size: 13px; color: #6B7280; }
.bbl-rap-sum-num { display: block; font-size: 22px; font-weight: 700; color: #1A1D21; }
.bbl-rap-ok .bbl-rap-sum-num { color: #2E8B7A; }
.bbl-rap-nok .bbl-rap-sum-num { color: #B03A2E; }
.bbl-rap-pending .bbl-rap-sum-num { color: #B4791F; }
.bbl-rap-note { font-size: 12px; color: #6B7280; margin: 0 0 24px; }

.bbl-rap-h2 { font-size: 17px; font-weight: 700; margin: 32px 0 12px; border-bottom: 1px solid #D8DCE1; padding-bottom: 6px; }
.bbl-rap-h3 { font-size: 14px; font-weight: 700; margin: 24px 0 8px; color: #333; }

.bbl-rap-artikel { border: 1px solid #D8DCE1; border-radius: 4px; margin-bottom: 12px; overflow: hidden; }
.bbl-rap-artikel-head {
	display: flex; justify-content: space-between; align-items: center;
	padding: 10px 14px; background: #F4F5F6; font-size: 13px; border-bottom: 1px solid #D8DCE1;
}
.bbl-rap-status { font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 3px; letter-spacing: 0.03em; white-space: nowrap; }
.bbl-rap-status-ok { background: #E1F5EE; color: #085041; }
.bbl-rap-status-nok { background: #FCEBEB; color: #791F1F; }
.bbl-rap-status-nvt { background: #F1EFE8; color: #444441; }
.bbl-rap-status-pending { background: #FAEEDA; color: #633806; }

.bbl-rap-fields { width: 100%; border-collapse: collapse; font-size: 13px; }
.bbl-rap-fields td { padding: 8px 14px; border-top: 1px solid #EDEEEF; vertical-align: top; }
.bbl-rap-flabel { width: 160px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: #6B7280; }

.bbl-rap-footnote { font-size: 11px; color: #6B7280; margin-top: 16px; }
.bbl-rap-empty { max-width: 760px; margin: 40px auto; padding: 0 20px; color: #6B7280; }

@media print {
	body * { visibility: hidden; }
	.bbl-rap-doc, .bbl-rap-doc * { visibility: visible; }
	.bbl-rap-toolbar { display: none; }
	.bbl-rap-doc { position: absolute; top: 0; left: 0; margin: 0; border: none; max-width: 100%; }
}