/* Global resets and element defaults. Keep this file low-specificity and
   free of feature-level selectors except small form primitives. */

* {
  box-sizing: border-box;
}

html,
body,
#root {
  height: 100%;
  min-height: 100%;
}

body {
  margin: 0;
  overflow: hidden;
  background: var(--seg-bg);
  color: var(--seg-text-1);
  font-family: var(--font-sans);
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
  border: 0;
  outline: none;
  background: transparent;
  border-radius: var(--seg-radius-xs);
}

button {
  border: 0;
}

button:not(:disabled) {
  cursor: pointer;
}

select option,
select optgroup {
  background: var(--seg-dropdown-menu-surface);
  color: var(--seg-text-1);
}

::selection {
  background: var(--selection-background);
  color: var(--ui-text-1);
}

.search-field input {
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--ui-radius-xs);
  background: var(--color-surface-panel);
  color: var(--color-text-primary);
}

.search-field input::placeholder,
textarea::placeholder {
  color: var(--color-text-tertiary);
}

body.is-resizing-terminal-panel,
body.is-resizing-terminal-panel * {
  cursor: row-resize !important;
  user-select: none;
}

body.is-resizing-sidebar,
body.is-resizing-sidebar * {
  cursor: col-resize !important;
  user-select: none;
}

body.is-resizing-sidebar .preview-frame {
  pointer-events: none;
}
