/* Monochrome (grayscale) overrides for terminal app */

body, .bg-gray-900, .terminal-window, .terminal-header, .terminal-content, .footer, .bg-gray-900\/95 {
  background: #181A1B !important;
  color: #E5E5E5 !important;
}

header, .footer, .terminal-header {
  background: #1C1E20 !important;
  border-color: #23272e !important;
}

.terminal-window {
  border: 1px solid #23272e !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.7);
}

.logo-accent, .terminal-user, .terminal-path, .uptime-green, .text-green-400, .text-cyan-400, .text-yellow-300, .text-purple-400, .text-blue-500, .text-red-400, .text-gray-400, .text-gray-300, .text-gray-700, .text-yellow-500, .text-xs, .text-sm, .text-white {
  color: #E5E5E5 !important;
}

.prompt-line span.terminal-command {
  color: #e5b567 !important;
}

.prompt-line span.terminal-user {
  color: #6c99bb !important;
}

.logo-bg {
  background: #23272e !important;
  border: 2px solid #444 !important;
}

.terminal-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.terminal-dot.bg-red-500,
.terminal-dot.bg-yellow-500,
.terminal-dot.bg-green-500 {
  background: #444 !important;
}

.prompt-line span,
.output-section,
.section-title,
.section-accent,
.command-desc {
  color: #E5E5E5 !important;
}

.command-name {
    color: #e5b567 !important;
}

.clickable-command {
  background: none !important;
  color: #E5E5E5 !important;
  border-radius: 3px;
  border-left: 2px solid transparent;
  transition: background 0.2s, border-color 0.2s;
}

/* Ensure command names in the legend are #E5E5E5, matching welcome text */
#commands-legend .clickable-command {
  color: #E5E5E5 !important;
}

#commands-legend .clickable-command .command-name {
  color: #E5E5E5 !important;
}
.clickable-command:hover, .clickable-command:focus {
  background: #23272e !important;
  color: #fff !important;
  border-left: 2px solid #888 !important;
}

input#terminal-input {
  color: #e5b567 !important;
  background: transparent !important;
  border: none !important;
}

.terminal-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #444 #181A1B;
}
.terminal-scrollbar::-webkit-scrollbar {
  width: 8px;
}
.terminal-scrollbar::-webkit-scrollbar-track {
  background: #181A1B;
}
.terminal-scrollbar::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 4px;
}
.terminal-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #666;
}

/* Remove all colored borders and backgrounds */
.border-l-4, .border-green-500, .border-blue-500, .border-yellow-500, .border-purple-500, .bg-purple-600, .bg-yellow-500, .bg-green-500, .bg-blue-500 {
  border-color: #23272e !important;
  background: none !important;
}

/* Remove any accent backgrounds */
.bg-purple-600, .bg-yellow-500, .bg-green-500, .bg-blue-500 {
  background: #23272e !important;
}

/* Section titles and accents */
.section-title, .section-accent {
  color: #b4d273 !important;
  font-weight: bold;
}

a, .project-link {
  color: #E5E5E5 !important;
  text-decoration: underline;
}
a:hover, .project-link:hover {
  color: #fff !important;
  text-decoration: underline;
}

/* Misc */
.uptime-since {
  color: #6c99bb !important;
}

/* Remove box-shadows and outlines for a flat look */
.shadow-sm, .focus\:outline-none, .outline-none {
  box-shadow: none !important;
  outline: none !important;
}

/* Footer */
footer {
  background: #1C1E20 !important;
  color: #888 !important;
  border-top: 1px solid #23272e !important;
}