.tag-test-panel {
  margin-bottom: 18px;
  background: linear-gradient(110deg, #ffffff 0%, #f7faff 100%);
}
.tag-test-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}
.tag-test-panel .tag-test-controls {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
}
.tag-test-actions .button {
  flex: 0 0 120px;
  width: 120px;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid transparent;
  font-weight: 700;
  color: #ffffff;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.12);
}
.tag-test-actions .button:active { transform: scale(0.97); }
.tag-test-actions .button:disabled { cursor: wait; filter: saturate(0.3); opacity: 0.7; }
.tag-test-actions .test-red { background: #d93543; border-color: #bd1f2d; }
.tag-test-actions .test-green { background: #16885b; border-color: #0d6c46; }
.tag-test-actions .test-blue { background: #2675db; border-color: #155ab4; }
.tag-test-actions .test-beep { background: #f5be42; border-color: #d79d20; color: #3b2d0a; }
.tag-test-actions .test-red-beep { background: #a92237; border-color: #841629; }
.test-caption { margin: 14px 0 0; color: #65728a; font-size: 12px; line-height: 1.55; }
@media (max-width: 720px) {
  .tag-test-actions { gap: 12px; }
}