/**
 * BSKES 注册表单校验提示
 *
 * 观感对齐 FluentForms：出错的字段描红边，正下方一行红字。
 * 只加边框颜色和一行文字，不改布局，所以不会把表单顶变形。
 */

.bskes-fg-msg {
	margin: 6px 0 0;
	color: #d63638;
	font-size: 0.86em;
	line-height: 1.5;
	/* 这些字段容器多数是两列网格，不占满整行的话提示会缩在右半边 */
	grid-column: 1 / -1;
	text-align: left;
}

.bskes-fg-error input[type="text"],
.bskes-fg-error input[type="tel"],
.bskes-fg-error input[type="email"],
.bskes-fg-error input[type="file"],
.bskes-fg-error select,
.bskes-fg-error textarea {
	border-color: #d63638 !important;
}

/* 多选下拉：原生勾选框被隐藏了，红框要描在 Choices 的外壳上 */
.bskes-fg-error .choices__inner {
	border-color: #d63638 !important;
}

/* 左侧一条红线示意是哪一组出的错。
   ⛔ 不能用 ::before 画：站点自定义 CSS 已经把这些容器的 ::before 拿去做分区标题了
   （绝对定位、width:100%、带下划线），两边一撞会糊成一个红色大块，把标题和标签全盖住
   —— 第一版就是这样，实测截图里「采购需求」整段被涂红。
   改用 box-shadow：不占布局、不碰伪元素。 */
.bskes-fg-error.b2bking_custom_registration_container {
	box-shadow: -10px 0 0 -8px #d63638;
}

.bskes-fg-uploaded {
	display: block;
	margin-top: 4px;
	font-size: 0.82em;
	color: var(--contrast-2, #575760);
}