#research-view { padding-top:0; }
.research-search-row { --research-control-size:40px; display:flex; gap:var(--space-3); align-items:center; }
.research-search-form { display:flex; flex:1; min-width:0; }
.research-search-field { display:flex; align-items:center; gap:var(--space-3); flex:1; min-width:0; height:var(--research-control-size); border:1px solid var(--line); border-radius:var(--pill); padding:0 var(--space-4); background:#fff; }
.research-search-field .ui-icon { flex-shrink:0; }
.research-search-field:focus-within { border-color:var(--accent); outline:2px solid var(--accent-soft); outline-offset:2px; }
#research-search { width:100%; min-width:0; height:100%; padding:0; border:0; outline:none; background:transparent; color:var(--ink); font-size:14px; }
.research-advanced > summary { position:relative; display:flex; align-items:center; justify-content:center; width:var(--research-control-size); height:var(--research-control-size); }
#research-filter-count:empty { display:none; }
#research-filter-count:not(:empty) { position:absolute; top:-5px; right:-5px; min-width:16px; height:16px; padding:0 4px; border-radius:var(--pill); background:var(--accent); color:#fff; font-size:10px; font-weight:650; line-height:16px; }
.research-advanced-body { left:auto; right:0; top:calc(100% + var(--space-3)); width:min(820px,calc(100vw - 56px)); max-height:calc(100dvh - 180px); overflow-y:auto; padding:var(--space-5); }
.research-field-builder { display:grid; grid-template-columns:160px 120px minmax(0,1fr) auto; gap:var(--space-3); align-items:end; padding-bottom:var(--space-5); margin-bottom:var(--space-5); border-bottom:1px solid var(--line); }
.research-advanced label { display:block; color:var(--muted); font-size:12px; }
.research-advanced select, .research-advanced input:not([type=checkbox]) { width:100%; min-width:0; min-height:40px; margin-top:var(--space-1); border:1px solid var(--line); border-radius:var(--radius-sm); padding:var(--space-2); background:#fff; color:var(--ink); font-size:13px; }
.research-advanced .chip { min-height:40px; background:#fff; }
.research-filter-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:var(--space-6); }
.research-date-range { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--space-2); margin-bottom:var(--space-3); }
#research-universities .option { display:flex; align-items:flex-start; gap:var(--space-2); min-height:32px; color:var(--ink); }
#research-universities input { flex-shrink:0; margin-top:3px; }
.research-view-label { margin-top:var(--space-3); }
.research-toolbar { margin-top:var(--space-2); height:48px; }
.research-toolbar .topic-wrap { order:0; }
.research-advanced .mode-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-1); }
.research-reset { flex-shrink:0; border:0; background:transparent; color:var(--accent); min-height:40px; padding:var(--space-2); font-size:13px; cursor:pointer; }
.research-active-filters { display:flex; flex-wrap:wrap; gap:var(--space-2); margin:var(--space-2) 0; }
.research-active-filters.hidden { display:none; }
.research-active-filters .chip { max-width:100%; white-space:normal; height:auto; min-height:32px; text-align:left; gap:var(--space-1); }
#research-status { display:block; margin:var(--space-3) 0; }
#research-status[data-error=true] { color:var(--amber); }
#research[aria-busy=true] { opacity:.65; }
#research-view button:focus-visible, #research-view summary:focus-visible, .research-advanced input:focus-visible, .research-advanced select:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media (max-width:820px) { .research-field-builder { grid-template-columns:1fr 1fr; } .research-filter-grid { grid-template-columns:1fr; gap:var(--space-5); } .research-field-builder > label:nth-child(3) { grid-column:1/-1; } .research-field-builder > button { grid-column:1/-1; justify-self:start; } .research-advanced-body { padding:var(--space-4); } .research-advanced select, .research-advanced input:not([type=checkbox]), .research-advanced .chip { min-height:44px; } }
@media (max-width:430px) { .research-advanced-body { width:calc(100vw - 28px); max-height:calc(100dvh - 200px); } }
