console-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #0f1117;
  color: #c8cbde;
  font-size: 0.82rem;
  font-family: ui-monospace, "Cascadia Code", "Fira Mono", monospace;
}

conp-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  background: #13151f;
  border-bottom: 1px solid #2a2d3a;
  flex-shrink: 0;
}

conp-title {
  flex: 1;
  font-size: 0.78rem;
  color: #7b7f96;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.conp-clear {
  padding: 2px 8px;
  background: transparent;
  border: 1px solid #2a2d3a;
  border-radius: 3px;
  color: #7b7f96;
  cursor: pointer;
  font-size: 0.75rem;
  font-family: inherit;
}

.conp-clear:hover { color: #c8cbde; background: #1a1d27; border-color: #444; }

conp-list {
  display: block;
  flex: 1;
  overflow-y: auto;
  padding: 4px 0;
}

conp-entry {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 2px 10px;
  line-height: 1.6;
}

conp-entry:hover { background: #13151f; }

conp-time {
  flex-shrink: 0;
  color: #555;
  font-size: 0.75rem;
  user-select: none;
}

conp-text {
  flex: 1;
  word-break: break-word;
  white-space: pre-wrap;
}

.conp-entry-error  conp-text { color: #e07070; }
.conp-entry-hint   conp-text { color: #7b7f96; }
.conp-entry-info   conp-text { color: #c8cbde; }