/* === Notification / Tracker UI === */
.sidebar-title-spaced { margin-top: 22px; }

.vehicle-actions { margin-top: 8px; display: flex; gap: 6px; flex-wrap: wrap; }
.vehicle-actions .btn { font-size: 0.75rem; padding: 5px 10px; }

.btn-sm { font-size: 0.72rem; padding: 4px 9px; }
.num-input {
  width: 90px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text);
  padding: 6px 10px;
  font-size: 0.85rem;
  text-align: right;
}

.empty-row {
  font-size: 0.78rem;
  color: var(--text-dim);
  font-style: italic;
  padding: 8px 0;
}

/* Tracked jobs */
.tracked-jobs-list { display: flex; flex-direction: column; gap: 8px; }
.job-row {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 0.78rem;
}
.job-row-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 4px;
}
.job-time { color: var(--text); font-weight: 600; }
.job-row-body { color: var(--text-muted); }
.job-customer { color: var(--text); font-weight: 500; }
.job-tech { font-size: 0.72rem; color: var(--text-dim); margin-top: 2px; }

/* Customers */
.customer-list { display: flex; flex-direction: column; gap: 6px; }
.customer-row {
  display: flex; align-items: center; justify-content: space-between;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 10px;
  gap: 8px;
}
.customer-row-info { flex: 1; min-width: 0; }
.customer-name {
  font-size: 0.82rem; font-weight: 600; color: var(--text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.customer-meta { font-size: 0.7rem; color: var(--text-dim); margin-top: 2px; }
.muted-label { color: var(--orange); font-weight: 600; }

/* Notification log */
.notification-log {
  display: flex; flex-direction: column; gap: 4px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px;
  max-height: 240px;
  overflow-y: auto;
}
.log-line {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.7rem;
  color: var(--text-muted);
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  padding-bottom: 3px;
}
.log-line:last-child { border-bottom: none; }