/* verify_v2.css — ОТМЕТКИ-1 (27.09.2026).
   Единый стиль отметки (верификации) Персоны и Коллектива: значок рядом
   с именем/названием, раздел «Отметки» в админском виде и форма заявки.

   Токены дизайна: акцент #00aeef, светло-голубой #d0f2ff, тёмно-серый #555555,
   подсказки #8a949c.

   Про значок (владелец 27.09.2026: «надо значок повнушительнее, более
   статусный. Чтоб гордость вызывал и зависть у других»):
   значок — маленькая НАГРАДА, а не служебная отметка:
     • объём   — вертикальный градиент (светлый верх → плотный низ) в SVG;
     • обводка — тонкая светлая линия по краю кружка (stroke #eaf8ff);
     • блик    — полупрозрачный овал сверху;
     • свечение — мягкое, здесь в CSS (двойная тень: голубое свечение + тень
                  для объёма), чтобы знак читался и на белом, и на тёмном;
     • галочка — белая, внутри.
   С цветными рамками типов (задача TYPE-FRAMES) не спорит: акцентный цвет тот
   же, что у кнопок сайта, и стоит знак у ИМЕНИ, а не на аватарке.
   Крика нет: свечение мягкое, размер умеренный, в тесных карточках знак мельче.

   Про посадку: значок — inline-block фиксированного размера, не сжимается
   (flex:0 0 auto), вписан по базовой линии и переносится вместе с именем —
   вёрстку карточек не разъезжает и имя на мобильном не перекрывает. */

/* ------------------------------------------------------------ значок ------ */

.cb-vf-badge {
	display: inline-flex;              /* ОТМЕТКИ-ВИД-2: центрируем сам SVG внутри значка */
	align-items: center;
	justify-content: center;
	vertical-align: middle;            /* было -0.14em: теперь середина строки, как у сердечка */
	margin-left: calc(0.3em + 8px);    /* было 0.3em: +8 px = 2 мм при 96 dpi (просьба владельца) */
	color: #00aeef;
	line-height: 0;
	flex: 0 0 auto;
	white-space: nowrap;
	/* «статусность»: мягкое голубое свечение + чуть тени для объёма */
	filter: drop-shadow(0 0 2px rgba(0, 174, 239, 0.55))
	        drop-shadow(0 1px 1px rgba(0, 40, 60, 0.28));
}
.cb-vf-badge svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: currentColor;
}
/* Значок-градиент рисуется один раз на страницу; сам тег не занимает места */
.cb-vf-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

/* В тесной карточке (списки, поиск, избранное, приоритеты) знак мельче — чтобы
   имя не переносилось из-за одного значка и ничего не перекрывалось. */
.cb-vf-badge-sm svg,
.table-places-item-name .cb-vf-badge svg,
.cb-srch-item-title .cb-vf-badge svg,
.cb-collective-name .cb-vf-badge svg,
.cb-prior-name .cb-vf-badge svg { width: 13px; height: 13px; }
.cb-vf-badge-lg svg { width: 19px; height: 19px; }

/* На тёмной обложке (админский вид страницы Лица) свечение делаем заметнее:
   тёмный фон его подхватывает, и знак не теряется */
.cb-cover .cb-vf-badge,
.cb-cover-info .cb-vf-badge,
.cb-cover-name .cb-vf-badge {
	filter: drop-shadow(0 0 3px rgba(120, 220, 255, 0.85))
	        drop-shadow(0 1px 1px rgba(0, 20, 40, 0.5));
}

/* Главное поле заявки (у коллектива и заведения это ссылки) */
.cb-vf-label-main { color: #0079a8; }
.cb-vf-main-mark {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 8px;
	border-radius: 10px;
	background: #d0f2ff;
	color: #0079a8;
	font-size: 12px;
	line-height: 16px;
}
.cb-vf-textarea-main { border: 2px solid #00aeef !important; }

/* -------------------------------------------------- раздел «Отметки» ------ */

.cb-vf-section { margin-bottom: 8px; }

/* Строка «Верификация» + то, что по ней сейчас */
.cb-vf-line {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 10px 12px;
	background: #f6f9fb;
	border-radius: 8px;
	margin: 0 0 14px;
}
.cb-vf-line-label { font-family: 'Proxima Nova Bold'; color: #555555; }
.cb-vf-line-value { color: #555555; }
.cb-vf-badge-inline { color: #1f7a4c; }

.cb-vf-btn {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 6px;
	background: #00aeef;
	color: #ffffff !important;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
}
.cb-vf-btn:hover { background: #0093ca; }

/* Блоки администратора: ручная выдача и снятие отметки */
.cb-vf-panel {
	border: 1px solid #e2e9ee;
	border-radius: 8px;
	padding: 14px 16px;
	margin: 16px 0;
	background: #fbfcfd;
}
.cb-vf-panel-title { font-family: 'Proxima Nova Bold'; color: #555555; margin-bottom: 4px; }
.cb-vf-panel-subtitle { font-family: 'Proxima Nova Bold'; color: #555555; margin: 14px 0 4px; }
.cb-vf-grantform, .cb-vf-rejectform { margin: 8px 0 0; }
.cb-vf-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 8px 0;
}
.cb-vf-row label { color: #555555; font-size: 14px; }
.cb-vf-row input[type="text"] {
	min-width: 220px;
	max-width: 420px;
	padding: 7px 10px;
	border: 1px solid #cfd9e0;
	border-radius: 6px;
	font-size: 14px;
	color: #555555;
}
.cb-vf-crit {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 8px 0;
	color: #555555;
	font-size: 14px;
	line-height: 19px;
	cursor: pointer;
}
.cb-vf-crit input { margin-top: 3px; flex: 0 0 auto; }
.cb-vf-crit .cb-vf-hint { margin-top: 2px; }
.cb-vf-check {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 16px 0 0;
	color: #555555;
	font-size: 14px;
	line-height: 19px;
	cursor: pointer;
	max-width: 620px;
}
.cb-vf-check input { margin-top: 3px; flex: 0 0 auto; }

/* Карточка заявки в админке */
.cb-vf-card {
	border: 1px solid #e2e9ee;
	border-radius: 8px;
	padding: 12px 14px;
	margin: 0 0 14px;
	background: #ffffff;
}
.cb-vf-card-head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 8px;
}
.cb-vf-card-num { color: #8a949c; font-size: 13px; }
.cb-vf-card-page { font-family: 'Proxima Nova Bold'; color: #555555; }
.cb-vf-card-body {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-bottom: 8px;
}
.cb-vf-card-col { flex: 1 1 240px; min-width: 200px; color: #555555; font-size: 14px; line-height: 20px; }
.cb-vf-card-act { border-top: 1px solid #eef3f6; padding-top: 10px; }

.cb-vf-head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}
.cb-vf-head-name { font-family: 'Proxima Nova Bold'; color: #555555; }

.cb-vf-state {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 13px;
	line-height: 18px;
	background: #eef3f6;
	color: #555555;
}
.cb-vf-state-ok    { background: #e6f7ee; color: #1f7a4c; }
.cb-vf-state-wait  { background: #fff6e0; color: #8a6a12; }
.cb-vf-state-no    { background: #fdecec; color: #a52222; }

.cb-vf-intro {
	color: #555555;
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 14px;
}
.cb-vf-block {
	border: 1px solid #e2e9ee;
	border-left: 4px solid #00aeef;
	border-radius: 8px;
	padding: 14px 16px;
	margin: 0 0 14px;
	background: #fafdff;
}
.cb-vf-block-title {
	font-family: 'Proxima Nova Bold';
	color: #555555;
	margin-bottom: 6px;
}
.cb-vf-block-text {
	color: #555555;
	font-size: 15px;
	line-height: 22px;
}
.cb-vf-note {
	background: #d0f2ff;
	border-radius: 8px;
	padding: 12px 14px;
	color: #3f5a66;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 14px;
}
.cb-vf-actions { margin-top: 16px; }

/* Заявка уже подана / отметка получена */
.cb-vf-pending {
	background: #fff6e0;
	border-radius: 8px;
	padding: 12px 14px;
	color: #6d5410;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 14px;
}

/* Отказ: причина видна автору заявки */
.cb-vf-reject {
	background: #fdecec;
	border-radius: 8px;
	padding: 12px 14px;
	color: #7d2121;
	margin: 0 0 14px;
}
.cb-vf-reject-title { font-family: 'Proxima Nova Bold'; margin-bottom: 4px; }
.cb-vf-reject-reason { font-size: 14px; line-height: 20px; }
.cb-vf-reject-wait { font-size: 13px; line-height: 19px; margin-top: 6px; color: #8a4a4a; }

/* Итог заявки в списке заявок (админка) */
.cb-vf-links { font-size: 13px; line-height: 19px; word-break: break-all; }
.cb-vf-page-name { color: #555555; }

/* ------------------------------------------------------------- форма ------ */

.cb-vf-label {
	display: block;
	margin: 14px 0 5px;
	font-family: 'Proxima Nova Bold';
	color: #555555;
	font-size: 14px;
}
.cb-vf-req { color: #e2574c; font-family: 'Proxima Nova Bold'; }
.cb-vf-input,
.cb-vf-select {
	width: 100%;
	max-width: 620px;
	box-sizing: border-box;
	padding: 9px 12px;
	border: 1px solid #cfd9e0;
	border-radius: 6px;
	font-size: 15px;
	color: #555555;
	background: #ffffff;
}
.cb-vf-select { height: 40px; }
.cb-vf-input:focus,
.cb-vf-select:focus { border-color: #00aeef; outline: none; }
.cb-vf-hint {
	margin-top: 5px;
	color: #8a949c;
	font-size: 13px;
	line-height: 19px;
	max-width: 620px;
}
.cb-vf-req-hint { margin-top: 12px; }

/* Вводная строка на странице заявки (в page_own.css такого класса нет) */
.cb-own-intro {
	color: #555555;
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 14px;
}

/* ------------------------------------------------------------ мобильный --- */

@media (max-width: 640px) {
	/* на телефоне значок чуть мельче страничного, но заметный: имя не перекрывает —
	   он стоит в потоке текста за именем и при нехватке места переносится */
	.cb-vf-badge svg { width: 14px; height: 14px; }
	.table-places-item-name .cb-vf-badge svg,
	.cb-srch-item-title .cb-vf-badge svg,
	.cb-collective-name .cb-vf-badge svg { width: 12px; height: 12px; }
	.cb-vf-input, .cb-vf-select { max-width: 100%; font-size: 16px; }
	.cb-vf-block { padding: 12px; }
	.cb-vf-head { gap: 6px; }
	.cb-vf-line { gap: 6px; padding: 10px; }
	.cb-vf-card-body { flex-direction: column; gap: 8px; }
	.cb-vf-card-col { min-width: 0; flex: 1 1 auto; }
	.cb-vf-row { flex-direction: column; align-items: stretch; gap: 6px; }
	.cb-vf-row input[type="text"] { min-width: 0; max-width: 100%; width: 100%; font-size: 16px; }
	.cb-vf-panel { padding: 12px; }
	.cb-vf-btn { display: block; text-align: center; }
}