/* VYBE Journal – document verification ([vj_verify]). Colours follow the theme's --vybe-* variables. */
.vj-verify { max-width: 44rem; margin: 0 auto; }
.vj-verify__form { display: grid; gap: 6px; margin: 0 0 1.5rem; }
.vj-verify__form label { font-weight: 600; }
.vj-verify__row { display: flex; gap: 8px; }
.vj-verify__row input { flex: 1; min-width: 0; min-height: 44px; padding: 8px 12px; border: 1px solid var(--vybe-line, #c3c4c7); border-radius: 8px; font-size: 1.05rem; letter-spacing: .08em; text-transform: uppercase; }
.vj-verify__row button { min-height: 44px; padding: 8px 20px; border: 0; border-radius: 8px; background: var(--vybe-accent, var(--vjek-accent, #1f4e79)); color: #fff; font-weight: 600; cursor: pointer; }
.vj-verify__form small { color: var(--vybe-muted, #646970); }
.vj-verify__result { padding: 18px 20px; border: 1px solid var(--vybe-line, #dcdcde); border-left-width: 5px; border-radius: 10px; background: var(--vybe-surface, #fff); }
.vj-verify__result.is-valid { border-left-color: #00a32a; }
.vj-verify__result.is-revoked { border-left-color: #d63638; }
.vj-verify__result.is-unknown { border-left-color: #dba617; }
.vj-verify__head { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 1.1rem; font-weight: 700; }
.vj-verify__icon { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; font-weight: 700; }
.is-valid .vj-verify__icon { background: #00a32a; }
.is-revoked .vj-verify__icon { background: #d63638; }
.is-unknown .vj-verify__icon { background: #dba617; }
.vj-verify__rows { margin: 0; }
.vj-verify__rows > div { display: grid; grid-template-columns: minmax(8rem, 32%) 1fr; gap: 12px; padding: 8px 0; border-top: 1px solid var(--vybe-line, #ececec); }
.vj-verify__rows dt { color: var(--vybe-muted, #646970); font-weight: 600; }
.vj-verify__rows dd { margin: 0; overflow-wrap: anywhere; }
.vj-verify__link { font-weight: 600; }
@media (max-width: 600px) {
	.vj-verify__rows > div { grid-template-columns: 1fr; gap: 2px; }
}