body { font-family: 'Pretendard', -apple-system, sans-serif; }

/* Tailwind @apply는 CDN에서 동작하지 않으므로 일반 CSS로 작성 */
.badge-running { background:#dcfce7; color:#15803d; font-size:.75rem; padding:.125rem .5rem; border-radius:9999px; font-weight:500; }
.badge-stopped { background:#f3f4f6; color:#4b5563; font-size:.75rem; padding:.125rem .5rem; border-radius:9999px; font-weight:500; }
.badge-creating { background:#fef9c3; color:#a16207; font-size:.75rem; padding:.125rem .5rem; border-radius:9999px; font-weight:500; }
.badge-error { background:#fee2e2; color:#b91c1c; font-size:.75rem; padding:.125rem .5rem; border-radius:9999px; font-weight:500; }

.log-viewer {
  background: #0f172a;
  color: #94a3b8;
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
  padding: 1rem;
  border-radius: 0.5rem;
  height: 320px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-all;
}

.log-viewer .log-line { display: block; line-height: 1.5; }

.card-hover { transition: box-shadow 0.15s, transform 0.15s; }
.card-hover:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.08); transform: translateY(-1px); }

#terminal-container { height: 400px; background: #1e1e1e; border-radius: 8px; overflow: hidden; padding: 4px; }