/* Bbl Inspectie MVP — zelfde design-taal als de eerdere dashboard-mockups */

.bbl-dashboard-wrap {
	background: #0A0C0F;
	color: #E9EDF1;
	padding: 24px;
	border-radius: 8px;
	font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}

.bbl-app-bar { margin-bottom: 20px; }
.bbl-app-name { font-weight: 700; letter-spacing: 0.06em; font-size: 13px; }
.bbl-app-name em { color: #E0A030; font-style: normal; font-weight: 400; margin-left: 6px; }

.bbl-object-card {
	background: #12161B;
	border: 1px solid #23282F;
	border-radius: 8px;
	padding: 20px 22px;
	margin-bottom: 18px;
}
.bbl-object-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 14px; }
.bbl-eyebrow { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #8A94A0; margin-bottom: 4px; }
.bbl-object-head h2 { margin: 0; color: #E9EDF1; font-size: 19px; }
.bbl-sub-label { color: #8A94A0; font-weight: 400; font-size: 13px; margin-left: 8px; }

.bbl-go-badge { font-size: 11px; padding: 5px 10px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; }
.bbl-go-go { color: #4FB8A8; border: 1px solid rgba(79,184,168,.4); background: rgba(79,184,168,.1); }
.bbl-go-nogo { color: #D9564A; border: 1px solid rgba(217,86,74,.4); background: rgba(217,86,74,.1); }
.bbl-go-onderweg { color: #E0A030; border: 1px solid rgba(224,160,48,.4); background: rgba(224,160,48,.1); }

.bbl-stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 14px; }
.bbl-stat { background: #171C22; border: 1px solid #23282F; border-radius: 6px; padding: 12px 14px; }
.bbl-stat-label { font-size: 11px; color: #8A94A0; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; }
.bbl-stat-value { font-size: 22px; font-weight: 700; color: #E9EDF1; }
.bbl-stat-value.bbl-amber { color: #E0A030; }
.bbl-stat-value.bbl-red { color: #D9564A; }

.bbl-panel-title { font-size: 13px; font-weight: 600; margin: 10px 0 6px; color: #E9EDF1; }
.bbl-actie-row { display: flex; justify-content: space-between; font-size: 13px; padding: 6px 0; border-bottom: 1px solid #23282F; }
.bbl-deadline { color: #8A94A0; font-size: 12px; }

/* --- Beheerformulieren (Objecten / Inspecteren) --- */
.bbl-wrap .bbl-panel {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	padding: 16px 20px;
	margin: 16px 0;
}
.bbl-pill { display: inline-block; background: #f0f0f1; border-radius: 3px; padding: 2px 8px; margin: 2px 4px 2px 0; font-size: 12px; }
.bbl-inline-form { margin-top: 8px; display: flex; gap: 6px; }

.bbl-subonderdeel { border-top: 1px solid #e5e5e5; padding: 14px 0; }
.bbl-subonderdeel:first-of-type { border-top: none; }
.bbl-sub-head { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.bbl-artikel { font-family: monospace; font-size: 12px; color: #666; }
.bbl-badge { font-size: 10px; text-transform: uppercase; padding: 2px 6px; border-radius: 3px; }
.bbl-badge-blocker { background: #fbeaea; color: #b03a2e; border: 1px solid #f0c4c0; }
.bbl-eis { margin: 4px 0; color: #333; }
.bbl-uitzondering { margin: 4px 0; color: #8a6d3b; background: #fcf8e3; padding: 6px 10px; border-radius: 4px; font-size: 13px; }
.bbl-status-choices { display: flex; gap: 16px; margin: 8px 0; flex-wrap: wrap; }
.bbl-status-choices label { font-size: 13px; }