.commands-layout {
  display: grid;
  grid-template-columns: minmax(250px, 0.46fr) minmax(440px, 0.9fr) minmax(280px, 0.56fr);
  gap: 14px;
}

.command-type-list {
  display: grid;
}

.command-type-item {
  border-top: 1px solid rgba(122, 159, 213, 0.17);
  background: rgba(9, 19, 34, 0.85);
  padding: 12px 13px;
}

.command-type-item:first-child {
  border-top: 0;
}

.command-type-item:hover {
  background: rgba(28, 48, 77, 0.72);
}

.command-type-item.active {
  background: rgba(55, 89, 145, 0.46);
  border-left: 3px solid rgba(99, 149, 255, 0.95);
  padding-left: 10px;
}

.command-type-item .title {
  font-weight: 700;
}

.command-type-item .desc {
  margin-top: 3px;
  color: var(--text-2);
  font-size: 12px;
}

.command-settings-panel {
  padding: 13px;
  display: grid;
  gap: 10px;
}

.command-settings-panel .dark-box {
  border: 1px solid rgba(105, 148, 218, 0.35);
  border-radius: 10px;
  background: rgba(9, 22, 42, 0.86);
  padding: 10px;
}

.command-run-row {
  padding: 0 13px 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#commandTargetSummary {
  padding: 0 13px 12px;
}

.command-history-list {
  padding: 10px;
  max-height: 78vh;
  overflow: auto;
  display: grid;
  gap: 8px;
}

.command-history-item {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(10, 20, 36, 0.82);
  padding: 9px 10px;
}

.command-history-item .title {
  font-weight: 700;
}

.command-history-item .meta {
  margin-top: 3px;
  color: var(--text-2);
  font-size: 12px;
}