/* xterm.js terminal container styling */

.terminal-container {
  width: 100%;
  min-height: 0;
  position: relative;
  overflow: hidden;
  background: var(--wraith-bg-primary);
}

.terminal-container .xterm {
  height: 100%;
}

.terminal-container .xterm-viewport {
  overflow-y: auto !important;
}

.terminal-container .xterm-screen {
  height: 100%;
}

/* WKWebView focus fix: xterm.js hides its helper textarea with opacity: 0,
   width/height: 0, left: -9999em. macOS WKWebView doesn't reliably focus
   elements with zero dimensions positioned off-screen. Override to keep it
   within the viewport with non-zero dimensions so focus events fire. */
.terminal-container .xterm .xterm-helper-textarea {
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0.01 !important;
}

/* Scrollbar inside terminal */
.terminal-container .xterm-viewport::-webkit-scrollbar {
  width: 8px;
}

.terminal-container .xterm-viewport::-webkit-scrollbar-track {
  background: var(--wraith-bg-primary);
}

.terminal-container .xterm-viewport::-webkit-scrollbar-thumb {
  background: var(--wraith-border);
  border-radius: 4px;
}

.terminal-container .xterm-viewport::-webkit-scrollbar-thumb:hover {
  background: var(--wraith-text-muted);
}