/* Felrekryteringskalkylator. Använder allayrken-temats :root-variabler med
   fallback så verktyget ser rätt ut även om temat byts. */
.bh {
	background: var(--c-bg, #fff);
	border: 1px solid var(--c-line, #cbd5e0);
	border-radius: 12px;
	padding: 1.4rem;
	margin: 1.5rem 0;
	max-width: 760px;
}
.bh h3 { margin-top: 0; color: var(--c-navy, #1a365d); }
.bh-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem 1rem; }
.bh-grid label { display: block; font-size: .8rem; color: var(--c-ink-muted, #4a5568); margin-bottom: .25rem; }
.bh-grid input {
	width: 100%; box-sizing: border-box; padding: .55rem .6rem;
	background: var(--c-bg, #fff); color: var(--c-ink, #1a202c);
	border: 1px solid var(--c-line, #cbd5e0); border-radius: 8px;
	font-variant-numeric: tabular-nums; font-size: 1rem;
}
.bh-actions { margin-top: 1rem; display: flex; gap: .6rem; }
.bh button {
	padding: .65rem 1.4rem; border: none; cursor: pointer;
	background: var(--c-accent, #dd6b20); color: #fff;
	border-radius: 8px; font-weight: 700; font-size: 1rem;
}
.bh button.bh-ghost {
	background: transparent; color: var(--c-ink, #1a202c);
	border: 1px solid var(--c-line, #cbd5e0);
}
.bh-result {
	margin-top: 1.2rem; padding: 1rem 1.2rem; border-radius: 8px;
	background: var(--c-bg-soft, #f7fafc); border: 1px solid var(--c-line, #cbd5e0);
}
.bh-verdict { font-weight: 700; font-size: 1.3rem; color: var(--c-accent-700, #c05621); margin-bottom: .6rem; }
.bh-verdict.bh-neg { color: #c53030; }
.bh-row { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem 0; border-top: 1px solid var(--c-line, #cbd5e0); }
.bh-row-l { color: var(--c-ink-muted, #4a5568); }
.bh-row-v { font-variant-numeric: tabular-nums; font-weight: 600; }
.bh-row-sum { border-top: 2px solid var(--c-navy, #1a365d); margin-top: .2rem; }
.bh-row-sum .bh-row-l, .bh-row-sum .bh-row-v { font-weight: 700; color: var(--c-navy, #1a365d); }
.bh-note { color: var(--c-ink-muted, #4a5568); font-size: .85rem; margin-top: .8rem; }
.bh-fine { font-size: .8rem; color: var(--c-ink-muted, #4a5568); margin-bottom: 0; }
@media (max-width: 600px) { .bh-grid { grid-template-columns: 1fr; } }