/* bloco b3 · documentos, laboratório, estudo clínico, evidências (prefixo b3-) */
.b3-mono { font-family: var(--font-mono); font-size: 12.5px; color: var(--ink-muted); white-space: nowrap; }
.b3-ok, .b3-no, .b3-trava { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; margin-left: 6px; white-space: nowrap; }
.b3-ok { color: var(--mint-ink); } .b3-no { color: var(--orange-ink); }
.b3-trava { margin-left: 0; color: var(--orange-ink); white-space: normal; line-height: 1.35; }
.k-t td.num .b3-ok, .k-t td.num .b3-no { display: flex; justify-content: flex-end; margin: 2px 0 0; }

/* regra do documento */
.b3-regra { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; background: var(--surface-sunken); }
.b3-regra b { display: block; font-weight: 500; margin-bottom: 2px; }
.b3-regra span { color: var(--ink-muted); font-size: 13.5px; line-height: 1.45; }
.b3-regra--trava { background: #fde8de; color: #a83a0b; } .b3-regra--trava span { color: #8a3a16; }
.b3-regra--avisa { background: var(--orange-tint); color: var(--orange-ink); }

/* caixa de seleção com texto */
.b3-check { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--line-strong); cursor: pointer; background: var(--surface-raised); }
.b3-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--purple); flex: none; }
.b3-check b { display: block; font-weight: 500; font-size: 14px; }
.b3-check small { display: block; color: var(--ink-muted); font-size: 12.5px; margin-top: 2px; }

/* dossiê em árvore */
.k-t tr.is-grp td { background: var(--surface-sunken); }
.k-t tr.is-grp td:first-child { box-shadow: inset 3px 0 0 var(--purple); }
.b3-ctd-m b { display: block; font-weight: 600; }
.b3-ctd-m small { color: var(--ink-muted); font-size: 12.5px; }
.b3-ctd-s { padding-left: 22px; position: relative; font-size: 14px; }
.b3-ctd-s::before { content: ""; position: absolute; left: 6px; top: -4px; width: 10px; height: 14px; border-left: 1.5px solid var(--line-strong); border-bottom: 1.5px solid var(--line-strong); border-bottom-left-radius: 4px; }

/* formulários em duas colunas */
.b3-f2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
@media (max-width: 900px) { .b3-f2 { grid-template-columns: 1fr; } }

/* qualificação IQ/OQ/PQ */
.b3-iqoq { display: inline-flex; align-items: center; gap: 4px; }
.b3-iqoq i { width: 18px; height: 8px; border-radius: 4px; background: var(--surface-strong); }
.b3-iqoq i.on { background: var(--purple); } .b3-iqoq i.ok { background: var(--mint-strong); }
.b3-iqoq span { font-size: 12.5px; color: var(--ink-muted); margin-left: 6px; font-variant-numeric: tabular-nums; }

/* imagens das úlceras */
.b3-thumbs { display: flex; gap: 10px; flex-wrap: wrap; }
.b3-thumb { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 78px; }
.b3-thumb svg { width: 72px; height: 72px; display: block; }
.b3-thumb small { font-size: 11.5px; color: var(--ink-muted); }
.b3-thumb b { font-size: 12.5px; font-weight: 500; font-variant-numeric: tabular-nums; }
.b3-imgrow { display: grid; grid-template-columns: 170px 1fr auto; gap: 16px; align-items: center; padding: 14px; border-radius: 16px; background: var(--surface-sunken); }
.b3-imgrow__h { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.b3-imgrow__h small { color: var(--ink-muted); font-size: 12.5px; }
@media (max-width: 1100px) { .b3-imgrow { grid-template-columns: 1fr; } }

/* modelo de Markov */
.b3-markov { width: 100%; height: auto; display: block; margin-bottom: 14px; }
.b3-markov text { font-size: 13px; fill: var(--ink); font-family: var(--font-sans); }

/* busca e biblioteca */
.b3-busca { padding: 20px; }
.b3-busca__box { display: flex; align-items: center; gap: 12px; height: 60px; padding: 0 8px 0 18px; border-radius: 18px; background: var(--surface-raised); box-shadow: inset 0 0 0 1.5px var(--line-strong); color: var(--ink-muted); }
.b3-busca__box:focus-within { box-shadow: inset 0 0 0 2px var(--purple); }
.b3-busca__box input { flex: 1; min-width: 0; border: 0; outline: none; background: none; font: inherit; font-size: 17px; color: var(--ink); height: 100%; }
.b3-res { align-items: flex-start; }
.b3-res .k-row__m { flex: 1; min-width: 0; }
.b3-res > .k-btn { flex: none; white-space: nowrap; }
.b3-res__t { display: block; font-size: 13px; color: var(--ink); margin-top: 4px; line-height: 1.45; }
.b3-res > .bs-tag, .b3-res > .k-sla, .b3-res > .k-btn { margin-top: 4px; }
.b3-perg .b3-busca__box { height: 54px; }
.b3-resp { margin-top: 16px; padding: 16px; border-radius: 16px; background: var(--purple-tint); }
.b3-resp__t { display: flex; align-items: center; gap: 8px; color: var(--purple); margin-bottom: 6px; }
.b3-resp__t b { font-weight: 500; color: var(--ink); }
.b3-resp p { margin: 0; font-size: 14.5px; line-height: 1.55; }
.b3-resp__f { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.b3-cit { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--surface-raised); font-size: 12px; color: var(--ink-muted); }
[id^="kt-doc-"] .k-pes b, [id^="kt-lab-"] .k-pes b, [id^="kt-est-"] .k-pes b, [id^="kt-ev-"] .k-pes b { white-space: normal; max-width: 170px; line-height: 1.25; }