/* ics-fx-filter (agent filter): news listing (tin-tuc, template 1095), library (thu-vien) and their filter rows. One fluid shared box: filter row, card grid and library grid share the same edges. Gutter = clamp(24px, 6.25vw, 64px) (small screens inherit the same rule, no per-width lists); box = min(100% - 2 x gutter, 1312px), centred. No @media in this file. */
:root {
  --ics-box: min(87.5vw, 1440px);
  --ics-gutter: calc((100vw - var(--ics-box)) / 2);
}

/* Shared content box: the listing container (tin-tuc) and the library inner box. */
:root:root body #brxe-nwcol1#brxe-nwcol1#brxe-nwcol1 {
  box-sizing: border-box !important;
  width: var(--ics-box) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
:root:root body #lib-docs-inner#lib-docs-inner#lib-docs-inner {
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: var(--ics-box) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Card grids: fill the shared box exactly, no inner inset. */
:root:root body #brxe-nwgrid#brxe-nwgrid#brxe-nwgrid#brxe-nwgrid.brx-grid,
:root:root body #lib-grid#lib-grid#lib-grid#lib-grid.brx-grid {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Filter row: one row; search takes the rest, wraps to full width when the box is narrow. */
:root:root body #brxe-nwtool#brxe-nwtool#brxe-nwtool {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch;
  gap: 12px !important;
  row-gap: 12px !important;
  column-gap: 12px !important;
}
:root:root body #brxe-nwtool #brxe-nwfs01#brxe-nwfs01 {
  flex: 1 1 320px !important;
  width: auto !important;
  min-width: 0 !important;
}
:root:root body #brxe-nwtool #brxe-nwfs01 input#bricks-filter-search-nwfs01 {
  box-sizing: border-box;
  min-height: 44px !important;
  height: 44px;
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  color: #000;
  font-size: 16px;
}
:root:root body #brxe-nwtool select.ics-fsel#brxe-nzedpt#brxe-nzedpt {
  flex: 0 0 min(168px, calc(50% - 6px)) !important;
  width: min(168px, calc(50% - 6px)) !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 44px;
  min-height: 44px;
  padding: 8px 16px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  font-size: 16px;
  color: #000;
}
:root:root body #brxe-nwtool #brxe-nwrow1#brxe-nwrow1 {
  margin-left: auto;
}