/* ============================================================
   Blok "Opisanie" v zadanii BP - setka "metka | znachenie v ramke".
   Komponent: bizproc.workflow.info, shablon slider.
   Razmetku stroit script.js.

   Skript ne zadaet nachertanie teksta: zhirnyy, kursiv i prochee
   ostayutsya za avtorom opisaniya (BBCode). Zdes tolko setka i ramki.
   ============================================================ */

.bp-workflow-info__desc-inner {
	word-break: normal;
	overflow-wrap: anywhere;
}

/* Podlozhka posvetlee, chtoby belye ramki chitalis */
.bp-workflow-info__desc {
	background: var(--ui-color-base-02);
}

.bp-workflow-info__desc-inner .bp-desc-grid {
	display: grid;
	grid-template-columns: fit-content(230px) minmax(0, 1fr);
	column-gap: 14px;
	row-gap: 8px;
	align-items: start;
}

/* Tsvet i nachertanie ne zadayutsya nigde: vse tri yacheyki nasleduyut
   ot .bp-workflow-info__desc-inner, chtoby vid opredelyal tolko BBCode. */
.bp-workflow-info__desc-inner .bp-desc-k {
	line-height: 1.35;
	padding-top: 6px;
}

/* Znachenie v ramke - vyglyadit kak pole tolko dlya chteniya */
.bp-workflow-info__desc-inner .bp-desc-v {
	line-height: 1.35;
	white-space: pre-wrap;
	background: #fff;
	border: 1px solid var(--ui-color-base-20);
	border-radius: 4px;
	padding: 5px 9px;
	min-height: 18px;
}

/* Stroka bez znacheniya - vo vsyu shirinu, bez ramki */
.bp-workflow-info__desc-inner .bp-desc-full {
	grid-column: 1 / -1;
	line-height: 1.35;
	margin-top: 6px;
}

.bp-workflow-info__desc-inner .bp-desc-grid > .bp-desc-full:first-child {
	margin-top: 0;
}

/* Pustaya stroka v ishodnom tekste - vozdukh mezhdu blokami */
.bp-workflow-info__desc-inner .bp-desc-gap {
	grid-column: 1 / -1;
	height: 4px;
}

.bp-workflow-info__desc-inner .bp-desc-grid > .bp-desc-gap:last-child {
	display: none;
}