.dtmf-list { margin: 0; padding: 0; }
.dtmf-item { border-bottom: 1px solid #eee; padding: 12px 0; }
.dtmf-title { margin: 0 0 6px; font-size: 18px; }
.dtmf-meta { font-size: 14px; color: #444; }
.dtmf-filter { display: flex; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.dtmf-filter .dtmf-field { display:flex; flex-direction:column; }
.dtmf-actions { display:flex; align-items:flex-end; gap:8px; }
.dtmf-pagination { margin-top:12px; text-align:center; }
.dtmf-pagination ul { list-style:none; padding:0; margin:0; display:inline-block; }
.dtmf-pagination li { display:inline-block; margin:0 4px; }
dtmf-filter.dtmf-inline {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.dtmf-filter.dtmf-inline input,
.dtmf-filter.dtmf-inline select {
    padding: 5px;
}