/* Só dos formulários de cadastro simples: selos do card do topo e textos de apoio da lateral. */
.cad-detalhe{ display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1rem; margin: .9rem 0 0; font-size: .9rem; color: var(--oe-grafite); }
.cad-detalhe[hidden]{ display: none; }
.cad-selo{ display: inline-block; padding: .12rem .55rem; border-radius: 999px; font-size: .6875rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cad-selo[hidden]{ display: none; }
.cad-selo--ok{ color: var(--oe-ok); background: color-mix(in srgb, var(--oe-ok) 12%, transparent); }
.cad-selo--off{ color: var(--oe-pend); background: color-mix(in srgb, var(--oe-pend) 10%, transparent); }
.oe .oe-input.cad-maiusculo{ text-transform: uppercase; }
.cad-nota{ margin: 0; font-size: .9rem; line-height: 1.5; color: var(--oe-grafite); }
.cad-nota + .oe-link-detalhe{ margin-top: .75rem; }

.mt-media{ display: flex; align-items: baseline; gap: .5rem; min-height: 2.875rem; margin: 0; padding: .6rem .85rem; border-radius: 10px; background: var(--oe-suave); }
.mt-media strong{ font-family: 'Literata', Georgia, serif; font-size: 1.35rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.mt-media span{ font-size: .85rem; color: var(--oe-grafite); }
.mt-status{ display: flex; align-items: center; gap: .4rem; margin: .45rem 0 0; font-size: .8125rem; font-weight: 600; line-height: 1.4; color: var(--oe-grafite); }
.mt-status--erro{ color: var(--oe-pend); }

.mt-indice-grupo{ order: 55; font-size: .6875rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--oe-grafite); margin: .85rem 0 .2rem; list-style: none; }
.mt-vinculo-form{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; margin-bottom: 1.25rem; }
.mt-vinculo-form .oe-campo{ flex: 1 1 14rem; }
.mt-tabela{ width: 100%; border-collapse: collapse; font-size: .9rem; }
.mt-tabela th{ font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--oe-grafite); padding: .55rem .6rem; border-bottom: 1px solid var(--oe-linha); text-align: left; white-space: nowrap; }
.mt-tabela td{ padding: .65rem .6rem; border-bottom: 1px solid var(--oe-linha); vertical-align: middle; }
.mt-tabela tr:last-child td{ border-bottom: 0; }
.mt-tabela .mt-acoes{ text-align: right; width: 1%; white-space: nowrap; }
.mt-remover{ display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; border: 0; background: transparent; border-radius: 9px; color: var(--oe-pend); cursor: pointer; transition: background-color .15s; }
.mt-remover:hover{ background: color-mix(in srgb, var(--oe-pend) 10%, transparent); color: var(--oe-pend); }
.mt-vazio{ padding: 1.25rem; text-align: center; color: var(--oe-grafite); background: var(--oe-suave); border-radius: 10px; font-size: .9rem; }
.mt-nota{ display: inline-grid; place-items: center; min-width: 2rem; height: 2rem; padding: 0 .4rem; border-radius: 8px; font-weight: 700; font-variant-numeric: tabular-nums; background: color-mix(in srgb, var(--oe-acao) 10%, transparent); color: var(--oe-acao); }
.oe-botao--contorno{ background: transparent; color: var(--oe-acao); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--oe-acao) 45%, transparent); }
.oe-botao--contorno:hover{ color: var(--oe-acao); background: color-mix(in srgb, var(--oe-acao) 7%, transparent); }