/* Estilos globais do Terminal Smart — incluir em todas as páginas web p/ consistência.
   Por ora: barras de rolagem com as cores da marca (transversal). */
:root { --ts-accent: #00d4ff; --ts-accent2: #a78bfa; }

/* Firefox */
* { scrollbar-width: thin; scrollbar-color: rgba(0,212,255,.45) rgba(255,255,255,.04); }

/* WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,.04); border-radius: 8px; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(0,212,255,.55), rgba(167,139,250,.55));
  border-radius: 8px; border: 2px solid transparent; background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(0,212,255,.85), rgba(167,139,250,.85));
  background-clip: padding-box;
}
::-webkit-scrollbar-corner { background: transparent; }

/* Responsividade de modais (nova conexão SSH e afins) em telas pequenas/notebook */
@media (max-width: 680px), (max-height: 740px) {
  .modal-content, .ssh-modal, .ts-card {
    width: 94vw !important; max-width: 460px !important;
    max-height: 90vh !important; overflow-y: auto !important;
  }
  .ssh-row { flex-direction: column !important; gap: 0 !important; }
  .ssh-row .form-group { width: 100% !important; flex: 1 1 auto !important; }
}