.commandpanel-admin {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
}

.commandpanel-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;

  h2 {
    margin: 0;
    flex: 1;
  }
}

.commandpanel-layout {
  display: flex;
  gap: 16px;
}

.commandpanel-list-panel {
  flex: 1;
  min-width: 320px;
}

.commandpanel-detail-panel {
  flex: 1;
}

.commandpanel-list {
  width: 100%;
  border-collapse: collapse;

  th,
  td {
    padding: 6px 8px;
    text-align: left;
    border-bottom: 1px solid var(--border-default, #ddd);
  }

  tr.selected {
    background: var(--action-primary-subtle, #eef2ff);
  }

  tr td:nth-child(2),
  tr td:nth-child(3) {
    cursor: pointer;
  }
}