body { background: #F5F7FA; font-family: Arial, sans-serif; }
.bg-navy { background: #1A237E !important; }
.text-navy { color: #1A237E !important; }
.btn-navy { background:#1A237E; color:#fff; border:none; }
.btn-navy:hover { background:#283593; color:#fff; }
.btn-navy:disabled { background:#607D8B; color:#fff; }
.btn-teal { background:#00695C; color:#fff; border:none; }
.btn-teal:hover { background:#00796B; color:#fff; }
.btn-teal:disabled { background:#90A4AE; color:#fff; }
.card { border: 1px solid #CFD8DC; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.card-header.bg-navy { font-size: 13px; padding: 8px 14px; }
.log-box {
  background: #1E1E2E; color: #CDD6F4;
  min-height: 140px; max-height: 220px;
  overflow-y: auto; border-radius: 0 0 6px 6px;
}
.log-box .log-ok   { color: #A6E3A1; }
.log-box .log-err  { color: #F38BA8; }
.log-box .log-warn { color: #FAB387; }
.log-box .log-info { color: #89B4FA; }
.log-box .log-dim  { color: #6C7086; }
.queue-item {
  display:flex; align-items:center; justify-content:space-between;
  padding: 5px 10px; background:#EEF2FF;
  border-radius:4px; margin-bottom:4px; font-size:13px;
}
.queue-item:nth-child(odd) { background:#F8F9FA; }
.badge-new  { background:#2E7D32; }
.badge-move { background:#00695C; }
.badge-mix  { background:#E65100; }
#branch-table td, #branch-table th { font-size:12px; padding:4px 8px; }
.serial-input {
  font-family: monospace; font-size:12px;
  background:#FFF9C4; border:1px solid #ddd;
  padding:2px 6px; border-radius:3px; width:130px;
}