/* Só o componente aprimorado: tabelas editoriais comuns mantêm styles.css. */
.answer-filter-section { margin: 38px 0 43px; overflow-anchor: none; }
.answer-table-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-bottom: 25px; }
.answer-table-filters label { display: block; color: #555f69; font-size: .78rem; font-weight: 650; margin-bottom: 7px; }
.answer-table-filters select,
.answer-table-filters .location-combobox-input {
  width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid #dce0e4;
  border-radius: 6px; background: white; padding: 13px 34px 13px 38px;
  color: #252b30; font: inherit; font-size: .95rem; line-height: 1.5;
}
.answer-table-filters .location-combobox::before {
  content: ''; position: absolute; pointer-events: none; z-index: 1;
  width: 16px; height: 16px; left: 14px; top: 50%; transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='6.5' cy='6.5' r='4.75' fill='none' stroke='%237d8790' stroke-width='1.5'/%3E%3Cpath d='m10 10 4 4' stroke='%237d8790' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.answer-table-filters .location-combobox::after {
  content: ''; position: absolute; pointer-events: none;
  right: 16px; top: calc(50% - 5px); width: 7px; height: 7px;
  border-right: 1.5px solid #555f69; border-bottom: 1.5px solid #555f69; transform: rotate(45deg);
}
.answer-table-filters .location-combobox-listbox {
  border: 1px solid #dce0e4; border-radius: 0 0 6px 6px; background: white;
  color: #252b30; font-size: .9rem; box-shadow: 0 5px 14px #252b3014;
}
.answer-table-filters .location-combobox-option:hover,
.answer-table-filters .location-combobox-option[aria-selected="true"] { background: #f1f3f5; }
.answer-table-viewport { overflow: hidden; }
.answer-table-scroll { overflow-x: auto; width: 100%; scrollbar-color: #a6adb4 #f4f5f6; scrollbar-width: thin; }
.answer-table-scroll:focus-visible { outline: 2px solid #075fcb; outline-offset: -2px; }
.answer-copy table.answer-filter-table {
  display: table; width: 100%; min-width: calc(var(--answer-table-columns, 7) * 120px); margin: 0; border-collapse: collapse;
  table-layout: fixed; font-size: .91rem; line-height: 1.58;
}
.answer-copy .answer-filter-table thead {
  position: static; display: table-header-group; width: auto; height: auto;
  overflow: visible; clip-path: none; white-space: normal; background: #f7f8fa;
}
.answer-copy .answer-filter-table tbody { display: table-row-group; width: auto; }
.answer-copy .answer-filter-table tr { display: table-row; width: auto; padding: 0; }
.answer-copy .answer-filter-table th,
.answer-copy .answer-filter-table td {
  display: table-cell; width: auto; padding: 17px 12px; text-align: left; vertical-align: top;
  white-space: nowrap;
}
.answer-copy .answer-filter-table thead th { padding: 14px 12px; color: #555f69; font-size: .72rem; font-weight: 750; letter-spacing: .03em; white-space: normal; }
.answer-copy .answer-filter-table tbody tr { border-top: 0; border-bottom: 1px solid #e7e9eb; }
/* Regras display explícitas não podem sobrepor o atributo hidden do filtro. */
.answer-copy .answer-filter-table [hidden] { display: none; }
.answer-copy .answer-filter-table .answer-table-empty td { white-space: normal; }
.answer-table-scroll::-webkit-scrollbar { height: 7px; }
.answer-table-scroll::-webkit-scrollbar-track { background: #f4f5f6; }
.answer-table-scroll::-webkit-scrollbar-thumb { background: #a6adb4; border-radius: 5px; }
@media (max-width: 700px) {
  .answer-filter-section { margin: 31px 0 35px; }
  .answer-table-filters { gap: 12px; }
  .answer-table-filters .location-combobox-input { padding: 12px 28px 12px 32px; font-size: .9rem; }
  .answer-table-filters .location-combobox::before { left: 10px; }
  .answer-table-filters .location-combobox::after { right: 12px; }
}

/* Cabeçalho real acompanhado no scroll: o conteúdo da tabela não é duplicado. */
.answer-copy .answer-table-navigable thead { position: relative; z-index: 2; background: #f7f8fa; }
.answer-table-navigation {
  position: absolute; height: 44px; z-index: 3; pointer-events: none;
}
.answer-table-navigation[hidden] { display: none; }
.answer-table-arrow {
  position: absolute; top: 0; width: 52px; height: 44px; display: grid; place-items: center;
  border: 0; border-radius: 0; margin: 0; padding: 0; background: transparent;
  box-shadow: none; color: var(--ink, #17191b); cursor: pointer; pointer-events: auto;
}
.answer-table-arrow[data-direction="prev"] { left: 0; }
.answer-table-arrow[data-direction="next"] { right: 0; }
.answer-table-arrow[hidden] { display: none; }
.answer-table-arrow svg { display: block; width: 24px; height: 24px; filter: drop-shadow(0 2px 4px #fff); }
.answer-table-arrow:focus-visible { outline: 3px solid var(--blue); outline-offset: -4px; }

