/* Hierarchical Global Research Context Topic filter.
   FEAT-000112: visual parity with existing DFH production components. */

.filter-anchor[data-filter="topic"] .filter-popover.wide{
  width:min(520px,calc(100vw - 32px));
}

.topic-hierarchy-list{
  max-height:430px;
  overflow:auto;
  border:1px solid var(--line,#d7d7d7);
  border-radius:6px;
  background:#fff;
}

.topic-parent-block+.topic-parent-block{
  border-top:1px solid var(--line,#e3e3e3);
}

.filter-anchor[data-filter="topic"] .topic-parent-row{
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px;
}

/* F112 R1 — exact Facts-row expander treatment. */
.filter-anchor[data-filter="topic"] .topic-expand-btn{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 26px;
  width:26px;
  min-width:26px;
  height:26px;
  min-height:26px;
  padding:0;
  border:1px solid #8c9aaa;
  background:#fff;
  border-radius:3px;
  color:#163a5a;
  font:bold 18px/1 Arial,sans-serif;
  display:inline-grid;
  place-items:center;
  text-align:center;
  cursor:pointer;
  box-shadow:none;
}
.filter-anchor[data-filter="topic"] .topic-expand-btn:hover,
.filter-anchor[data-filter="topic"] .topic-expand-btn:focus-visible{
  background:#edf4f8;
  outline:none;
}
.filter-anchor[data-filter="topic"] .topic-expand-btn:disabled{
  opacity:.55;
  cursor:default;
}

/* F112 R2 — exact Global Research Context filter-trigger typography.
   Geometry remains adapted to a full-width topic row. */
.filter-anchor[data-filter="topic"] .topic-parent-btn{
  appearance:none;
  -webkit-appearance:none;
  flex:1 1 auto;
  width:auto;
  min-width:0;
  min-height:34px;
  border:1px solid #aebbc6;
  background:#fff;
  border-radius:4px;
  padding:6px 10px;
  color:#24384c;
  font-family:Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:normal;
  letter-spacing:normal;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.filter-anchor[data-filter="topic"] .topic-parent-btn:hover,
.filter-anchor[data-filter="topic"] .topic-parent-btn:focus-visible{
  border-color:var(--navy-2);
  outline:none;
  background:#f7fafc;
}
.filter-anchor[data-filter="topic"] .topic-parent-btn.selected{
  background:#eef4f8;
  border-color:#7c96ad;
  color:#143a5c;
}

/* F112 R3 — Facts-table Topic chip treatment for expanded subtopics. */
.filter-anchor[data-filter="topic"] .topic-child-list{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:4px;
  margin-left:36px;
  padding:4px 4px 8px;
  border-top:0;
}

.filter-anchor[data-filter="topic"] .topic-child-btn{
  appearance:none;
  -webkit-appearance:none;
  flex:0 1 auto;
  width:auto;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  border:1px solid #c4ccd4;
  background:#f5f7f9;
  border-radius:12px;
  padding:2px 7px;
  margin:1px 0;
  color:#425467;
  font:11px/normal Arial,sans-serif;
  font-weight:400;
  letter-spacing:normal;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:pointer;
  box-shadow:none;
}
.filter-anchor[data-filter="topic"] .topic-child-btn:hover,
.filter-anchor[data-filter="topic"] .topic-child-btn:focus-visible{
  background:#edf4f8;
  border-color:#9eabb7;
  outline:none;
}
.filter-anchor[data-filter="topic"] .topic-child-btn.selected{
  background:#eef4f8;
  border-color:#7c96ad;
  color:#143a5c;
  font-weight:700;
}
.filter-anchor[data-filter="topic"] .topic-child-btn.included:not(.selected){
  background:#f5f7f9;
  border-color:#aebbc6;
  color:#425467;
}

.filter-anchor[data-filter="topic"] .topic-child-btn small{
  opacity:.68;
  font:9px/1 Arial,sans-serif;
  color:inherit;
}

.topic-help{
  margin-bottom:8px;
}

@media (max-width:900px){
  .filter-anchor[data-filter="topic"] .filter-popover.wide{
    width:min(520px,calc(100vw - 20px));
  }
  .filter-anchor[data-filter="topic"] .topic-parent-row{
    gap:5px;
    padding:4px 2px;
  }
  .filter-anchor[data-filter="topic"] .topic-child-list{
    margin-left:31px;
    padding-right:2px;
  }
}