/* Base coerente com TOOLS */
html { scroll-behavior: smooth; }
:focus { outline: 2px solid #60A5FA; outline-offset: 2px; }
body { background-color: #0b0d12; }

/* Inputs, chips e bolhas com a mesma linguagem visual do TOOLS */
.input {
  background: rgba(38,38,38,0.7); /* ~neutral-800/70 */
  color: #fff; border: 1px solid #262b36; border-radius: 12px;
  padding: 10px 12px; width: 100%; outline: none;
}
.input:focus { border-color: #69A1FF; box-shadow: 0 0 0 3px rgba(105,161,255,.18); }

.chip {
  background: rgba(23,23,23,0.7); /* neutral-900/70 */
  border: 1px solid #2b3341; color: #eef2ff; border-radius: 9999px;
  padding: 6px 10px; cursor: pointer; font-size: 14px;
}
.chip:hover { border-color: #69A1FF; }

.bubble { background: rgba(17,17,17,0.7); border: 1px solid #262b36; border-radius: 14px; padding: 10px 12px; line-height: 1.5; }
.bubble.me { background: #17223a; border: 1px solid #2b3850; }

/* Scrollbar chat */
.scrollbar { scrollbar-width: thin; }
.scrollbar::-webkit-scrollbar { height: 10px; width: 10px; }
.scrollbar::-webkit-scrollbar-thumb { background: #262b36; border-radius: 10px; }
.scrollbar::-webkit-scrollbar-track { background: transparent; }

/* Toast minimal */
.toast { position: fixed; right: 16px; top: 72px; background: rgba(23,23,23,0.9); color: #fff; border: 1px solid #262b36; border-radius: 12px; padding: 10px 12px; z-index: 60; }