.fx-feed-controls { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.fx-feed-controls > .input { flex:1; min-width:180px; }
.fx-feed-controls-right { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#fx-feed-period .ig-period-trigger { font-size:13px; min-height:36px; padding:8px 12px; }
.fx-feed-filter-count { display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 4px; border-radius:var(--r-pill); background:var(--surface-2); color:var(--text-2); font-size:11px; font-weight:600; line-height:1; }
.fx-feed-filter-count[hidden] { display:none; }
.fx-feed-header, .fx-feed-row { display:grid; grid-template-columns:minmax(230px,1fr) 108px 110px 84px 106px 98px; align-items:center; gap:12px; }
.fx-feed-header { padding:0 12px; margin:8px 0 0; border-bottom:1px solid var(--border); color:var(--text-2); font-size:12px; }
.fx-feed-sort-cell { text-align:right; }
.fx-feed-sort-cell:first-of-type { text-align:left; }
.fx-feed-sort-cell button { border:0; background:transparent; color:inherit; font:inherit; min-height:40px; cursor:pointer; white-space:nowrap; padding:0 4px; border-radius:var(--r-sm); }
.fx-feed-sort-cell[aria-sort]:not([aria-sort="none"]) { color:var(--text); }
.fx-feed-heading-work { text-align:right; }
#fx-feed-list.fx-feed-rows { display:flex; flex-direction:column; gap:0; align-items:stretch; }
.fx-feed-header .fx-feed-sort-cell:nth-child(2) { text-align:left; }
.fx-feed-row { padding:8px 12px; min-height:81px; border-bottom:1px solid var(--border); background:var(--surface); }
.fx-feed-row:hover { background:var(--canvas); }
.fx-feed-main { display:flex; align-items:center; gap:12px; min-width:0; }
.fx-feed-thumb { flex-shrink:0; width:36px; height:64px; padding:0; border:1px solid var(--border); border-radius:var(--r-sm); background:var(--canvas); overflow:hidden; cursor:pointer; position:relative; color:var(--text-3); }
.fx-feed-thumb img { width:100%; height:100%; object-fit:cover; }
.fx-feed-thumb .fx-frame-empty { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:16px; }
.fx-feed-thumb .fx-frame-empty[hidden], .fx-feed-thumb img[hidden] { display:none; }
.fx-feed-text { border:0; background:transparent; padding:4px 0; text-align:left; font:inherit; color:var(--text); min-width:0; flex:1; cursor:pointer; }
.fx-feed-meta, .fx-feed-caption { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.5; }
.fx-feed-meta { color:var(--text-2); font-size:12px; }
.fx-feed-caption { max-width:250px; font-size:14px; font-weight:500; margin-top:3px; }
.fx-feed-number { text-align:right; font-variant-numeric:tabular-nums; font-size:14px; }
.fx-feed-date { font-variant-numeric:tabular-nums; font-size:13px; color:var(--text-2); }
.fx-feed-row small { display:none; }
.fx-feed-row .fx-inwork { justify-content:flex-end; white-space:nowrap; font-size:13px; }
.fx-feed-header.is-tiles { display:flex; justify-content:flex-end; gap:20px; }
.fx-feed-header.is-tiles .fx-feed-heading-label { display:none; }
.fx-feed-filter-panel { width:430px; padding:16px; max-width:calc(100vw - 24px); max-height:min(calc(100dvh - 24px), var(--menu-available-height, 100dvh)); overflow:auto; }
.fx-feed-filter-panel[hidden] { display:none; }
.fx-feed-filter-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.fx-feed-range, .fx-feed-range-head { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr); gap:8px; align-items:center; margin-bottom:8px; font-size:13px; }
.fx-feed-range-head { color:var(--text-3); font-size:12px; }
.fx-feed-range .input { min-width:0; width:100%; padding:8px 10px; font-size:14px; }
.fx-feed-filter-actions { display:flex; justify-content:space-between; gap:12px; margin-top:16px; }
.fx-feed-filter-hint { margin-top:12px; }
@media(max-width:1150px) {
  .fx-feed-header, .fx-feed-row { grid-template-columns:minmax(190px,1fr) 92px 92px 68px 84px 90px; gap:8px; padding-left:8px; padding-right:8px; }
}
@media(max-width:800px) {
  .fx-feed-controls > .input { flex-basis:100%; }
  .fx-feed-controls-right { width:100%; justify-content:space-between; }
  #fx-feed-period { width:100%; }
  .fx-feed-header, .fx-feed-header.is-tiles { display:flex; gap:12px; overflow-x:auto; justify-content:flex-start; padding:0; }
  .fx-feed-heading-label { display:none; }
  .fx-feed-sort-cell { flex-shrink:0; }
  .fx-feed-row { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px 8px; padding:10px 0; }
  .fx-feed-main { grid-column:1/-1; }
  .fx-feed-caption { max-width:150px; }
  .fx-feed-row small { display:block; color:var(--text-3); font-size:10px; line-height:1.8; }
  .fx-feed-number, .fx-feed-date { text-align:left; font-size:12px; }
  .fx-feed-row .fx-inwork { grid-column:1/-1; justify-content:flex-start; min-height:32px; }
  .fx-feed-range, .fx-feed-range-head { grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1.1fr)); }
  .fx-feed-range .input { font-size:16px; padding:8px; }
}