/**
 * Billån24 Vehicle Lookup — frontend.
 * Minimalistiske basisstiler. Tilpass til ditt design senere.
 */

.b24vl-form-wrap { max-width: 480px; margin: 1.5rem 0; }

.b24vl-error {
	background: #fdecea;
	border: 1px solid #f5c2c7;
	color: #842029;
	padding: 0.75rem 1rem;
	border-radius: 4px;
	margin-bottom: 1rem;
	font-size: 0.95rem;
}

.b24vl-form .b24vl-label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.4rem;
	font-size: 0.95rem;
}

.b24vl-input-row {
	display: flex;
	gap: 0.5rem;
}

.b24vl-input {
	flex: 1;
	padding: 0.6rem 0.8rem;
	font-size: 1rem;
	border: 1px solid #cbd2d9;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.b24vl-input:focus {
	outline: none;
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgba(59,130,246,0.2);
}

.b24vl-button {
	padding: 0.6rem 1.1rem;
	font-size: 1rem;
	background: #1f2937;
	color: #fff;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
}

.b24vl-button:hover { background: #111827; }

.b24vl-help {
	font-size: 0.85rem;
	color: #6b7280;
	margin-top: 0.5rem;
}

/* Single-side */

.b24vl-single { max-width: 800px; margin: 2rem auto; padding: 0 1rem; }

.b24vl-vehicle__header {
	border-bottom: 1px solid #e5e7eb;
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
}

.b24vl-vehicle__title { margin: 0 0 0.75rem 0; font-size: 1.6rem; }

.b24vl-meta {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.25rem 1rem;
	font-size: 0.9rem;
	color: #4b5563;
	margin: 0;
}

.b24vl-meta dt { font-weight: 600; }
.b24vl-meta dd { margin: 0; }

.b24vl-section {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	padding: 1.25rem 1.5rem;
	margin-bottom: 1.25rem;
}

.b24vl-section h2 { margin-top: 0; font-size: 1.2rem; }

.b24vl-fields {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.5rem 1.5rem;
	margin: 0;
}

.b24vl-fields dt { font-weight: 600; color: #374151; }
.b24vl-fields dd { margin: 0; }

.b24vl-rawdata { margin-top: 1.25rem; }
.b24vl-rawdata summary { cursor: pointer; color: #2563eb; font-size: 0.9rem; }

.b24vl-rawdata pre {
	background: #f3f4f6;
	padding: 1rem;
	border-radius: 4px;
	overflow: auto;
	font-size: 0.8rem;
	max-height: 400px;
}

.b24vl-encumbrance-status {
	font-weight: 600;
	padding: 0.75rem 1rem;
	border-radius: 4px;
}

.b24vl-encumbrance-status--found  { background: #fff7ed; color: #9a3412; border: 1px solid #fed7aa; }
.b24vl-encumbrance-status--clean  { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.b24vl-encumbrance-status--error  { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.b24vl-encumbrance-status--skipped{ background: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb; }

.b24vl-encumbrance-list {
	margin-top: 0.75rem;
	padding-left: 1.25rem;
}

.b24vl-source-note {
	font-size: 0.85rem;
	color: #6b7280;
	margin-top: 1rem;
	margin-bottom: 0;
}