/* historico.css — KPIs + filtros + tabela */
.hist-kpis { padding: 16px 20px 12px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.hist-filters { padding: 4px 20px 14px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; border-bottom: .5px solid var(--az-border-tertiary); }
.hist-filters .right { margin-left: auto; display: flex; gap: 6px; }

.hist-grid { --cols: 88px 1.4fr 1.4fr 70px 60px 110px 110px 24px; }
.thead, .trow { min-width: 860px; }   /* mantém colunas horizontais mesmo em largura reduzida */
.thead { padding: 10px 20px 6px; font-size: 11px; color: var(--az-text-secondary);
  display: grid; grid-template-columns: var(--cols); gap: 12px; text-transform: uppercase; letter-spacing: .3px; }
.thead .sortable { cursor: pointer; user-select: none; display: inline-flex; align-items: center; gap: 3px; }
.thead .sortable:hover { color: var(--az-text-primary); }
.rows { padding: 0 20px; }
.trow { display: grid; grid-template-columns: var(--cols); gap: 12px; align-items: center;
  padding: 11px 0; font-size: 13px; border-bottom: .5px solid var(--az-border-tertiary); cursor: pointer; border-radius: 6px; }
.trow:hover { background: var(--az-primary-50); }
.trow .sub { font-size: 11px; color: var(--az-text-secondary); }
.trow .noagent { color: var(--az-text-tertiary); font-style: italic; }
.trow .r { text-align: right; }
.trow .c { text-align: center; }
.tfoot { margin-top: auto; padding: 12px 20px; border-top: .5px solid var(--az-border-tertiary);
  display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: var(--az-text-secondary); }
.tfoot .pager { display: flex; align-items: center; gap: 8px; }
.tfoot .pager button { background: none; border: 0; color: var(--az-primary); cursor: pointer; font-size: 13px; padding: 2px 6px; }
.tfoot .pager button[disabled] { color: var(--az-text-tertiary); cursor: default; }

.skel-row { display: grid; grid-template-columns: var(--cols); gap: 12px; padding: 12px 0; }
.skel-row .skel { height: 14px; }