/* Classic Lab — Dynamic Master panel. */
.dm-panel {
  border: 1px solid rgba(110, 195, 255, 0.28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(20, 32, 52, 0.92), rgba(12, 20, 36, 0.92));
  padding: 14px 16px 16px;
  margin: 0 0 14px;
}
.dm-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.dm-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #eaf4ff;
}
.dm-bolt {
  color: #ffd25e;
}
.dm-badge {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid transparent;
}
.dm-badge-all {
  color: #052;
  background: #46e6a5;
  border-color: #2fcf90;
}
.dm-badge-partial {
  color: #3a2c00;
  background: #ffce5a;
  border-color: #e6b53f;
}
.dm-badge-off {
  color: #c7d6ec;
  background: rgba(120, 140, 170, 0.22);
  border-color: rgba(120, 140, 170, 0.4);
}
.dm-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.dm-btn {
  font: inherit;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.03em;
  padding: 8px 13px;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.08s ease, filter 0.12s ease;
}
.dm-btn:active {
  transform: translateY(1px);
}
.dm-go {
  color: #042;
  background: linear-gradient(180deg, #5cf0b0, #25c98a);
  border-color: #1fb87d;
}
.dm-go:hover {
  filter: brightness(1.06);
}
.dm-manual {
  color: #dbe6f5;
  background: rgba(40, 56, 82, 0.85);
  border-color: rgba(120, 150, 190, 0.4);
}
.dm-manual:hover {
  filter: brightness(1.1);
}
.dm-note {
  margin: 9px 0 11px;
  font-size: 11.5px;
  line-height: 1.5;
  color: #9db4d2;
}
.dm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 8px;
}
.dm-chip {
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  font: inherit;
  padding: 9px 11px;
  border-radius: 10px;
  border: 1px solid rgba(120, 150, 190, 0.28);
  background: rgba(18, 28, 46, 0.7);
  color: #d8e6f7;
  cursor: pointer;
  transition: border-color 0.12s ease, background-color 0.12s ease;
}
.dm-chip:hover {
  border-color: rgba(110, 195, 255, 0.6);
  background: rgba(24, 38, 60, 0.82);
}
.dm-toggle.on {
  border-color: rgba(70, 230, 165, 0.6);
  background: rgba(20, 52, 42, 0.6);
}
.dm-dot {
  font-size: 13px;
  line-height: 1;
  color: #6f8298;
  flex: 0 0 auto;
}
.dm-dot.live {
  color: #46e6a5;
}
.dm-run {
  font-size: 13px;
  line-height: 1;
  color: #6ec3ff;
  flex: 0 0 auto;
}
.dm-chip-txt {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.dm-chip-label {
  font-size: 12.5px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dm-chip-sub {
  font-size: 10.5px;
  color: #8298b6;
  letter-spacing: 0.02em;
}
.dm-fine {
  margin: 10px 0 0;
  font-size: 10.5px;
  color: #7d92b0;
}