/* @qodalis/angular-cli — all-in-one stylesheet
 *
 * Add to angular.json styles array:
 *   "styles": ["node_modules/@qodalis/angular-cli/src/assets/styles.css"]
 */

@import '@xterm/xterm/css/xterm.css';
@import '@qodalis/cli/assets/cli-panel.css';

/* ─── xterm overrides — scoped to CLI containers ─────────── */

.terminal-wrapper .xterm .xterm-viewport,
.cli-panel-wrapper .xterm .xterm-viewport {
  overscroll-behavior: contain;
}

.terminal-wrapper .xterm .xterm-viewport::-webkit-scrollbar,
.cli-panel-wrapper .xterm .xterm-viewport::-webkit-scrollbar {
  width: 8px;
}

.terminal-wrapper .xterm .xterm-viewport::-webkit-scrollbar-thumb,
.cli-panel-wrapper .xterm .xterm-viewport::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 4px;
}

.terminal-wrapper .xterm .xterm-viewport::-webkit-scrollbar-thumb:hover,
.cli-panel-wrapper .xterm .xterm-viewport::-webkit-scrollbar-thumb:hover {
  background: #666;
}