.history-filter-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:.75rem; margin:-1rem 0 1.25rem; padding:1rem; border:1px solid #e2e8f0; border-radius:14px; background:#f8fafc; }
.history-filter-toolbar label { display:flex; flex-direction:column; gap:.3rem; color:#475569; font-size:.8rem; font-weight:700; }
.history-filter-toolbar input { min-height:42px; padding:.65rem .75rem; border:1px solid #cbd5e1; border-radius:9px; background:#fff; color:#0f172a; }
.history-filter-search { flex:1 1 280px; position:relative; }
.history-filter-search i { position:absolute; left:.8rem; bottom:.85rem; color:#64748b; }
.history-filter-search input { width:100%; padding-left:2.3rem; }
.history-filter-toolbar button { min-height:42px; }
.history-filter-status { flex:1 1 100%; color:#64748b; font-size:.85rem; min-height:1.2em; }
.dark-mode .history-filter-toolbar { background:#172033; border-color:#334155; }
.dark-mode .history-filter-toolbar label,.dark-mode .history-filter-status { color:#cbd5e1; }
.dark-mode .history-filter-toolbar input { background:#1e293b; color:#e2e8f0; border-color:#475569; }
@media(max-width:640px) { .history-filter-toolbar { align-items:stretch; } .history-filter-toolbar label:not(.history-filter-search) { flex:1 1 calc(50% - .4rem); } .history-filter-toolbar button { width:100%; } }