/* ============================================
   HOME VIEW
   ============================================ */

.home-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px var(--gap) 8px;
  border-bottom: 1px solid var(--c-border);
}

.home-header__logo {
  height: 50px;
  object-fit: contain;
  filter: drop-shadow(0 0 8px rgba(0, 255, 65, 0.1));
}

.home-header__title {
  font-size: 11px;
  letter-spacing: 3px;
  color: var(--c-text-dim);
  text-transform: uppercase;
}

@media (max-width: 480px) {
  .home-header__title {
    display: none;
  }
}

/* Import button */
.btn-import {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  background: transparent;
  border: 1px solid var(--c-accent);
  color: var(--c-accent);
  border-radius: var(--radius);
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.btn-import:hover {
  background: var(--c-accent);
  color: #000;
}
.btn-import__icon {
  font-size: 14px;
}

/* Stats bar */
.stats-bar {
  display: flex;
  gap: var(--gap);
  padding: var(--gap);
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.stats-bar::-webkit-scrollbar {
  display: none;
}

.stat-chip {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius2);
  padding: 10px 18px;
  gap: 2px;
}
.stat-chip__value {
  font-size: 18px;
  color: var(--c-accent);
  font-weight: bold;
}
.stat-chip__label {
  font-size: 10px;
  color: var(--c-text-dim);
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Download queue */
.download-queue {
  margin: 0 var(--gap);
  border: 1px solid var(--c-border);
  border-radius: var(--radius2);
  overflow: hidden;
}
.download-item {
  display: flex;
  align-items: center;
  gap: var(--gap);
  padding: 10px var(--gap);
  border-bottom: 1px solid var(--c-border);
  font-size: 12px;
}
.download-item:last-child {
  border-bottom: none;
}
.download-item__icon {
  color: var(--c-accent);
  font-size: 10px;
}
.download-item__name {
  flex: 1;
  color: var(--c-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.download-item__status {
  color: var(--c-text-dim);
  font-size: 10px;
  letter-spacing: 1px;
}
.download-item__progress {
  width: 60px;
  height: 2px;
  background: var(--c-border);
  border-radius: 1px;
}
.download-item__progress-fill {
  height: 100%;
  background: var(--c-accent);
  border-radius: 1px;
  transition: width 0.3s;
}

/* Terminal log */
.terminal-log {
  margin: 0 var(--gap);
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius2);
  padding: var(--gap);
  font-size: 11px;
  color: var(--c-text-dim);
  max-height: 80px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.log-line {
  display: flex;
  gap: 6px;
}
.log-line--ok .log-prefix {
  color: var(--c-accent);
}
.log-line--err .log-prefix {
  color: var(--c-danger);
}
.log-line--info .log-prefix {
  color: #4fc3f7;
}
.log-line--warn .log-prefix {
  color: #ffcc00;
}