.followup-filters { padding: 16px 18px 12px; border-bottom: 1px solid #e5ebf4; background: #fbfcff; }
.followup-filter-fields { display: grid; grid-template-columns: 1.65fr 1fr 1fr 1fr; gap: 12px; }
.followup-filter-fields label { display: flex; flex-direction: column; gap: 7px; min-width: 0; color: #62748f; font-size: 11px; font-weight: 600; }
.followup-filter-fields input,.followup-filter-fields select { width: 100%; min-width: 0; height: 37px; padding: 0 10px; border: 1px solid #dce4f0; border-radius: 7px; background: #fff; color: #263c5c; font: inherit; font-size: 12px; outline: none; color-scheme: light; }
.followup-filter-fields input:focus,.followup-filter-fields select:focus { border-color: #5280f6; box-shadow: 0 0 0 3px #346cf512; }
.followup-filter-fields input::placeholder { color: #94a1b6; font-weight: 400; }
.followup-filter-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; color: #7b8ca5; font-size: 11px; }
.followup-filter-footer b { color: #2d65ed; }
.followup-filter-footer small { margin-left: 14px; color: #8796aa; }
.followup-filter-footer button:disabled { opacity: .5; cursor: default; }
@media (min-width: 1450px) { .followup-filter-fields { grid-template-columns: 1.7fr 1fr 1fr 1fr 1.1fr 1.1fr; } }
@media (max-width: 750px) { .followup-filter-fields { grid-template-columns: repeat(2,minmax(0,1fr)); } .followup-filter-search { grid-column: 1 / -1; } .followup-filter-footer { flex-wrap: wrap; } }
@media (max-width: 440px) { .followup-filter-fields { grid-template-columns: minmax(0,1fr); } .followup-filter-footer small { display: block; margin: 4px 0 0; } }