/* vehicle-table.css — เฉพาะหน้า Vehicle Table: ค้นหา ตัวกรอง การ์ดรายการ */

.search { display: flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 0 12px; margin-bottom: 8px; color: var(--muted); }
.search input { border: 0; background: transparent; min-height: 44px; padding: 0; }
.search input:focus { outline: none; }
.search:focus-within { outline: 2px solid var(--primary); }

.filters { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 8px; }
.filters select { font-size: 13px; padding: 0 8px; min-height: 38px; }

.tc { display: flex; flex-direction: column; gap: 2px; width: 100%; text-align: left; font: inherit; color: inherit; background: var(--card); border: 0; border-radius: 12px; padding: 10px 12px; margin-bottom: 8px; cursor: pointer; }
.tc:hover { background: var(--soft); }
.tc-top { display: flex; justify-content: space-between; align-items: center; font-size: 15px; }
.tc-mid { font-size: 14px; overflow-wrap: anywhere; }
.tc-bot { display: block; }