/* SMD BKK Job Tracker — Layout */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}
  .stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 8px;text-align:center; transition: 0.3s;}
  .stat .num{font-size:22px;font-weight:600;font-family:'IBM Plex Mono',monospace}
  .stat .label{font-size:9px;color:var(--muted);margin-top:2px;line-height:1.3}
  .stat-delay { border-color: var(--red) !important; animation: pulse-red 2s infinite; background: rgba(224, 85, 85, 0.05); }

  .filter-bar{display:flex;gap:7px;margin-bottom:10px;flex-wrap:wrap}
  .filter-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:5px 13px;font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}
  .filter-btn.active,.filter-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
  .toolbar{display:flex;gap:8px;margin-bottom:14px}
  .search-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 12px;font-size:13px;outline:none;font-family:inherit}
  .search-input:focus{border-color:var(--accent)}
  .btn-export{border:1px solid var(--teal);color:var(--teal);background:transparent;padding:6px 12px;border-radius:8px;font-size:11px;cursor:pointer;font-family:inherit;white-space:nowrap}
  .btn-export:hover{background:var(--teal);color:#0d0f14}