/*
 * Additions to the Redaktion styles of busol-redaktion for the Businessapp24 and
 * COMMITLY Sync areas (includes/class-redaktion.php): request summary table, status
 * steps in the side column, disabled switch and the image upload slots.
 * Uses the Redaktion variables (--line, --muted, --ink, --brand-50 ...).
 * Enqueued via the action busol_redaktion_assets.
 */
.br-summary table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.97rem;
}
.br-summary th {
	width: 34%;
	color: var(--muted) !important;
	font-weight: 600 !important;
	padding: 9px 12px 9px 0 !important;
	border-bottom: 1px solid var(--line);
}
.br-summary td {
	padding: 9px 0 !important;
	border-bottom: 1px solid var(--line);
	color: var(--ink);
}
.br-side .br-steps {
	grid-template-columns: 1fr;
	margin-top: 12px;
}
.br-side .br-steps label {
	padding: 10px 14px;
}
.br-switch[disabled] {
	opacity: 0.45;
	cursor: not-allowed;
}

/* Industries: image upload slots (tile 16:9, solution page 21:9) */
.ba24-imgs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 12px;
}
.ba24-imgslot {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
	padding: 12px;
	border: 1px dashed var(--line-strong);
	border-radius: 12px;
	background: var(--surface-2, var(--bg));
}
.ba24-imgslot__prev {
	display: grid;
	place-items: center;
	width: 150px;
	border-radius: 9px;
	overflow: hidden;
	background: var(--brand-50);
	color: var(--brand-300, #8fbdf3);
}
.ba24-imgslot__prev img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.ba24-imgslot__prev .ico {
	width: 28px;
	height: 28px;
	opacity: 0.7;
}
.ba24-imgslot__info {
	display: grid;
	gap: 6px;
	min-width: 0;
}
.ba24-imgslot__info small {
	color: var(--muted);
	font-size: 0.82rem;
	line-height: 1.4;
}
.ba24-imgslot__info input[type="file"] {
	font: inherit;
	font-size: 0.88rem;
	max-width: 100%;
}
.ba24-imgslot__msg:empty {
	display: none;
}
.ba24-imgslot__msg.is-ok {
	color: var(--ok, #1f9d55) !important;
	font-weight: 600;
}
.ba24-imgslot__msg.is-warn {
	color: #b7791f !important;
	font-weight: 600;
}
.ba24-imgslot__msg.is-err {
	color: #c0392b !important;
	font-weight: 600;
}
@media (max-width: 560px) {
	.ba24-imgslot {
		grid-template-columns: 1fr;
	}
	.ba24-imgslot__prev {
		width: 100%;
	}
}