/* Retain the normal table layout, allowing horizontal scrolling on narrow screens. */
.tpmf-scroll { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; margin-bottom:1rem; }
.tpmf-scroll table { width:100%; min-width:560px; border-collapse:collapse; }
.tpmf-scroll th,.tpmf-scroll td { white-space:nowrap; overflow-wrap:normal; word-break:normal; vertical-align:top; }
.tpmf-controls { display:flex; flex-wrap:wrap; gap:.65rem; align-items:end; margin:0 0:1rem; }
.tpmf-control { display:flex; flex-direction:column; gap:.25rem; flex:1 1 160px; min-width:0; font-size:.9rem; }
.tpmf-control input,.tpmf-control select { box-sizing:border-box; width:100%; min-height:42px; max-width:100%; padding:.5rem; border:1px solid #aaa; border-radius:5px; background:#fff; color:#222; font:inherit; }
.tpmf-reset { min-height:42px; padding:.5rem .85rem; border:1px solid #777; border-radius:5px; cursor:pointer; }
.tpmf-empty { margin:.5rem 0 1rem; }
@media (max-width:600px) { .tpmf-controls { gap:.5rem; } .tpmf-control { flex:1 1 100%; } .tpmf-scroll th,.tpmf-scroll td { padding:.55rem .65rem; font-size:.9rem; } }