.station-panel {
  background: linear-gradient(180deg, #f2f5f8 0%, #e8edf2 100%);
  border: 1px solid #d0d8df;
  border-radius: 4px;
  padding: 14px;
}

/* ── 功能快捷按鈕列 ── */
.station-actions-secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.station-actions-secondary .btn {
  min-height: 40px;
  padding: 0 14px;
  font-size: 14px;
  flex: 0 0 auto;
}

/* ── 主操作大按鈕 ── */
.station-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.btn-control {
  flex: 1 1 150px;
  min-height: 100px;
  font-size: 26px;
  font-weight: 800;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 8px;
  transition: transform 0.12s, box-shadow 0.12s;
}

.btn-control:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

/* 開始生產 = 最大、最醒目 */
#btn-start.btn-control {
  flex-basis: 200px;
  font-size: 28px;
  background: linear-gradient(145deg, #1b8f5e 0%, #136842 100%);
  border-color: #0e4f30;
  box-shadow: 0 4px 12px rgba(14, 79, 48, 0.3);
}

#btn-pause.btn-control {
  background: linear-gradient(145deg, #e6820e 0%, #c06a0a 100%);
  border-color: #9a5507;
}

#btn-resume.btn-control {
  background: linear-gradient(145deg, #3f82ba 0%, #1a5276 100%);
  border-color: #1b4a6a;
}

#btn-check-out.btn-control,
#btn-save-remark.btn-control {
  background: linear-gradient(145deg, #5d6d7e 0%, #434c55 100%);
  border-color: #333c45;
}

/* ── Badge styles ── */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.badge-pass { background: #d4f4e2; color: #196f3d; }
.badge-fail { background: #fde8e6; color: #922b21; }
.badge-warn { background: #fef3cd; color: #9a6700; }
.badge-info { background: #d6eaf8; color: #1a5276; }

@media (max-width: 1280px) {
  .btn-control { min-height: 88px; font-size: 22px; flex-basis: 140px; }
  #btn-start.btn-control { font-size: 24px; }
}

@media (max-width: 980px) {
  .station-actions-secondary { gap: 6px; }
  .station-actions-secondary .btn { font-size: 13px; padding: 0 10px; }
  .btn-control { min-height: 76px; font-size: 19px; flex-basis: 130px; }
}