.t10-cabeca h1 { font-size: var(--app-t-titulo); font-weight: var(--titulo-peso); letter-spacing: var(--titulo-espaco); }
.t10-secao { display: grid; gap: var(--s-24); margin-top: var(--s-24); }
.t10-card { padding: 0; overflow: hidden; }
.t10-card > .card-titulo { padding: var(--s-16) var(--s-16) 0; }
.t10-rolagem { overflow-x: auto; }
.t10-tabela { width: 100%; min-width: 760px; border-collapse: collapse; font-size: var(--app-t-texto); }
.t10-tabela th { padding: var(--s-12) var(--s-16); background: var(--sup-2); border-bottom: 1px solid var(--linha); text-align: left; font-size: var(--t-12); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fraco); }
.t10-tabela td { padding: var(--s-12) var(--s-16); border-bottom: 1px solid var(--linha); vertical-align: middle; }
.t10-tabela tbody tr:last-child td { border-bottom: 0; }
.t10-tabela tbody tr:hover { background: var(--realce); }
.t10-centro { text-align: center !important; }
.t10-dir { text-align: right !important; }
.t10-ord { display: inline-flex; align-items: center; gap: var(--s-4); padding: 0; border: 0; background: none; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; border-radius: 6px; }
.t10-ord .ico { width: 14px; height: 14px; opacity: 0.6; }
th[aria-sort="ascending"] .t10-ord, th[aria-sort="descending"] .t10-ord { color: var(--acento-texto); }
th[aria-sort="ascending"] .t10-ord .ico, th[aria-sort="descending"] .t10-ord .ico { opacity: 1; }
.t10-ord:focus-visible { outline: 1px solid var(--acento-texto); outline-offset: 3px; }
.t10-cli { display: inline-flex; align-items: center; gap: var(--s-12); }
.t10-cli .lnk-texto { font-weight: 600; }
.t10-origem { width: 20px; height: 20px; vertical-align: middle; }
.t10-contrato { display: grid; gap: var(--s-4); min-width: 160px; max-width: 240px; margin-inline: auto; }
.t10-barra { height: 8px; border-radius: 999px; background: var(--sup-2); box-shadow: inset 0 0 0 1px var(--linha); overflow: hidden; }
.t10-barra i { display: block; height: 100%; border-radius: inherit; background: var(--acento); }
.t10-acoes { display: inline-flex; gap: var(--s-8); }
.t10-nota { padding: var(--s-12) var(--s-16); border-top: 1px solid var(--linha); }
.t10-vazio { display: grid; justify-items: center; gap: var(--s-8); padding: var(--s-48) var(--s-16); text-align: center; }
.t10-vazio > .ico { width: 40px; height: 40px; padding: 10px; box-sizing: content-box; border-radius: 50%; background: var(--sup-2); color: var(--fraco); }
.t10-vazio .btn { margin-top: var(--s-8); }
.t10-esq { display: grid; gap: 0; padding: var(--s-8) var(--s-16) var(--s-16); }
.t10-esq-linha { display: flex; align-items: center; gap: var(--s-16); padding: var(--s-12) 0; border-bottom: 1px solid var(--linha); }
.t10-esq-linha:last-child { border-bottom: 0; }
.t10-circ, .t10-fio { display: block; background: linear-gradient(90deg, var(--sup-2) 25%, var(--realce) 50%, var(--sup-2) 75%); background-size: 200% 100%; animation: t10-brilho 1.4s linear infinite; }
.t10-circ { width: var(--avatar-m); height: var(--avatar-m); border-radius: 50%; flex: none; }
.t10-fio { height: 12px; border-radius: 6px; }
@keyframes t10-brilho { to { background-position: -200% 0; } }