#tabeloo-gpt { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; }
.tgpt { background:#0b1020; color:#e8ecf1; border:1px solid rgba(255,255,255,0.08); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; height:100%; }
.tgpt .bar { display:flex; align-items:center; gap:8px; padding:10px 12px; background:#0f1420; border-bottom:1px solid rgba(255,255,255,0.08); }
.tgpt .bar .title { font-weight:700; }
.tgpt .bar input[type=file]{ display:none; }
.tgpt .bar .filebtn, .tgpt .bar .btn { background:#1f2937; border:1px solid rgba(255,255,255,0.12); padding:6px 10px; border-radius:10px; cursor:pointer; font-size:12px; }
.tgpt .main { display:flex; gap:12px; padding:12px; height: calc(100% - 46px); }
.tgpt .side { width:280px; border-right:1px solid rgba(255,255,255,0.08); padding-right:12px; overflow:auto; }
.tgpt .side h4 { margin:6px 0; font-size:13px; opacity:.9; }
.tgpt .side .status, .tgpt .side .results { font-size:12px; }
.tgpt .chat { flex:1; display:flex; flex-direction:column; }
.tgpt .messages { flex:1; overflow:auto; display:flex; flex-direction:column; gap:8px; }
.tgpt .msg { max-width:70ch; border:1px solid rgba(255,255,255,0.10); background:#141a24; padding:10px 12px; border-radius:12px; }
.tgpt .msg.user{ align-self:flex-end; background:#10214d; border-color:#2c3e92; }
.tgpt .composer{ display:flex; gap:8px; padding-top:8px; border-top:1px solid rgba(255,255,255,0.08); }
.tgpt .composer input{ flex:1; border:1px solid rgba(255,255,255,0.12); border-radius:10px; background:#0f1420; color:#e8ecf1; padding:10px; }
.tgpt .composer button{ background:#26a269; border:1px solid #2dba7b; padding:0 14px; border-radius:10px; color:#03130c; font-weight:700; }
.tgpt .badge{ display:inline-block; padding:2px 6px; border-radius:999px; font-size:10px; border:1px solid rgba(255,255,255,0.12); background:#0b1533; margin-left:6px; }


/* THEME ALIGN: neutralize blues to site-wide dark theme */
.tgpt { border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 12px; }
.tgpt .bar .filebtn, .tgpt .bar .btn { border: 1px solid rgba(255,255,255,0.10) !important; }
.tgpt .msg { background: #141a24 !important; border: 1px solid rgba(255,255,255,0.10) !important; color: #e8ecf1 !important; }
.tgpt .messages { scrollbar-color: rgba(255,255,255,0.25) transparent; }
.tgpt .side { border-right: 1px solid rgba(255,255,255,0.08) !important; }