/* Tight hacker CLI style */
* {
  font-family: 'Courier New', 'Consolas', 'Monaco', monospace !important;
  letter-spacing: 0.5px !important;
}

body {
  background: #000000 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Reduce all spacing */
.grid {
  gap: 0.5rem !important;
}

.gap-2 {
  gap: 0.25rem !important;
}

.gap-4 {
  gap: 0.5rem !important;
}

.p-4 {
  padding: 0.5rem !important;
}

.p-6 {
  padding: 0.75rem !important;
}

.mb-4 {
  margin-bottom: 0.5rem !important;
}

/* Compact service cards */
.service-card {
  background: #0a0a0a !important;
  border: 1px solid #00ff00 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0.5rem !important;
  margin: 0.25rem !important;
}

.service-card:hover {
  background: #0f0f0f !important;
  border-color: #33ff33 !important;
  box-shadow: 0 0 5px rgba(0, 255, 0, 0.3) !important;
}

/* Service names - bright green */
.service-name,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #00ff00 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 3px rgba(0, 255, 0, 0.5) !important;
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Compact descriptions */
.service-description {
  color: #006600 !important;
  font-size: 0.75rem !important;
  line-height: 1.1 !important;
  margin-top: 0.1rem !important;
}

/* Service icons - green theme */
.service-icon,
.service-block img,
.service-block svg:not([role='status']) {
  filter: brightness(0) saturate(100%) invert(70%) sepia(100%) saturate(400%)
    hue-rotate(70deg) brightness(100%) contrast(110%) !important;
}

/* Resource widgets - super compact */
.information-widget-resource {
  background: #0a0a0a !important;
  border: 1px solid #00ff00 !important;
  border-radius: 0 !important;
  padding: 0.5rem !important;
  margin: 0.25rem !important;
  font-size: 0.85rem !important;
  line-height: 1.3 !important;
}

/* Progress bars - thin and green */
.resource-usage,
.progress-bar {
  height: 4px !important;
  background: #001100 !important;
  border-radius: 0 !important;
}

.resource-usage div,
.progress-bar div {
  background: #00ff00 !important;
  box-shadow: 0 0 3px rgba(0, 255, 0, 0.5) !important;
  height: 4px !important;
}

/* Compact text */
.text-theme-800,
.dark .text-theme-200 {
  color: #00ff00 !important;
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
}

.text-theme-500,
.dark .text-theme-300 {
  color: #006600 !important;
  font-size: 0.75rem !important;
}

/* Remove unnecessary padding/margins */
section {
  padding: 0.5rem !important;
}

/* Compact datetime widget */
.datetime-widget {
  background: #0a0a0a !important;
  border: 1px solid #00ff00 !important;
  border-radius: 0 !important;
  padding: 0.5rem !important;
  margin: 0.25rem !important;
}

/* Stats - super compact */
.stat-value {
  font-size: 0.9rem !important;
  color: #00ff00 !important;
  font-weight: 700 !important;
}

.stat-label {
  font-size: 0.7rem !important;
  color: #006600 !important;
  text-transform: uppercase !important;
}

/* Container stats */
.container-stats {
  font-size: 0.7rem !important;
  padding: 0.2rem !important;
}

/* Status text - CLI style */
.service-status,
.docker-status,
.service-status-text,
[role='status'],
div[class*='status'] {
  background: transparent !important;
  border: 1px solid #00ff00 !important;
  border-radius: 0 !important;
  color: #00ff00 !important;
  font-size: 0.65rem !important;
  padding: 0.1rem 0.4rem !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

/* Green for running/healthy */
div[class*='running'],
div[class*='healthy'],
div[class*='up'],
.status-running,
.status-healthy {
  color: #00ff00 !important;
  border-color: #00ff00 !important;
}

/* Red for stopped/error/down */
div[class*='stopped'],
div[class*='stopped'] *,
div[class*='exited'],
div[class*='exited'] *,
div[class*='error'],
div[class*='error'] *,
div[class*='down'],
div[class*='down'] *,
div[class*='unhealthy'],
div[class*='unhealthy'] *,
.status-stopped,
.status-stopped *,
.status-error,
.status-error * {
  color: #ff0000 !important;
  border-color: #ff0000 !important;
}

/* Yellow for starting/warning */
div[class*='starting'],
div[class*='starting'] *,
div[class*='warning'],
div[class*='warning'] *,
div[class*='pending'],
div[class*='pending'] *,
.status-starting,
.status-starting *,
.status-warning,
.status-warning * {
  color: #ffff00 !important;
  border-color: #ffff00 !important;
}

/* Scrollbar - green theme */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: #00ff00;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: #33ff33;
}