/*
  Тема: "серверная консоль" — для аудитории (админы майнкрафт-серверов,
  привыкшие к логам/консоли), не generic SaaS-карточки и не буквальный
  майнкрафтовский зелёный/пиксельный клише.

  Палитра:
  --bg          #12140F   тёмный, с мшистым подтоном (не чистый чёрный)
  --surface     #1B1E16   карточки/строки результатов
  --border      #2A2E22   разделители
  --text        #E8E6DC   тёплый оффвайт (пергамент), не чистый белый
  --text-muted  #8B9080
  --accent-ok   #C99A3E   янтарь/руда — официальные источники
  --accent-mid  #7C9A5B   мшистый зелёный — GitHub/community
  --accent-warn #B5573D   терракота — веб, непроверенное
*/

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  margin: 0;
  padding: 0;
  background: #12140F;
  color: #E8E6DC;
  font-family: 'Inter', sans-serif;
  min-height: 100vh;
}

.console {
  max-width: 640px;
  margin: 0 auto;
  padding: 16px 16px 40px;
}

.console__topline {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #2A2E22;
}

.console__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7C9A5B;
  box-shadow: 0 0 6px rgba(124, 154, 91, 0.6);
  flex-shrink: 0;
}

.console__title {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  font-weight: 500;
  color: #8B9080;
  letter-spacing: 0.02em;
}

.console__count {
  margin-left: auto;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  color: #8B9080;
}

.prompt {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #1B1E16;
  border: 1px solid #2A2E22;
  border-radius: 6px;
  padding: 13px 14px;
}

.prompt:focus-within {
  border-color: #7C9A5B;
}

.prompt__marker {
  font-family: 'JetBrains Mono', monospace;
  color: #C99A3E;
  font-size: 15px;
  flex-shrink: 0;
}

.prompt__input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  color: #E8E6DC;
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  min-width: 0;
}

.prompt__input::placeholder {
  color: #565C4C;
}

.prompt__cursor {
  color: #C99A3E;
  font-family: 'JetBrains Mono', monospace;
  animation: blink 1s step-end infinite;
  flex-shrink: 0;
}

.prompt__input:focus ~ .prompt__cursor,
.prompt__input:not(:placeholder-shown) ~ .prompt__cursor {
  display: none;
}

@keyframes blink {
  50% { opacity: 0; }
}

.status-line {
  margin-top: 16px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: #8B9080;
}

.results {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.result {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #1B1E16;
  border-left: 3px solid #7C9A5B;
  border-radius: 4px;
  padding: 12px 14px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.result:active {
  background: #23271C;
}

.result--official { border-left-color: #C99A3E; }
.result--community { border-left-color: #7C9A5B; }
.result--web { border-left-color: #B5573D; }

.result__body {
  flex: 1;
  min-width: 0;
}

.result__name {
  font-size: 14.5px;
  font-weight: 500;
  color: #E8E6DC;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.result__source {
  margin-top: 2px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: #8B9080;
  letter-spacing: 0.02em;
}

.result__arrow {
  color: #565C4C;
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  flex-shrink: 0;
}

.empty-state {
  margin-top: 40px;
  text-align: center;
}

.empty-state__line {
  color: #8B9080;
  font-size: 14px;
  margin: 0;
}

.empty-state__hint {
  margin: 8px 0 0;
  font-size: 13px;
  color: #565C4C;
}

.empty-state__example {
  font-family: 'JetBrains Mono', monospace;
  color: #7C9A5B;
}