/* Assistente de IA — camada visual JayS IA ("Enterprise Trust") sobre a base Maia.
   A cor principal (--t) e a da barra lateral (--t-dark) são as da empresa, definidas no JayS IA Console. */
h1, h2, h3, .login-card h2, .crumb, .top-crumb b, .title-wrap .title { font-family: var(--titulo); letter-spacing: -.01em; }
.btn { border-radius: var(--raio); }
.btn, .btn.accent { color: var(--t-on, #fff); }
.btn.ghost { color: var(--grafite); }
.btn.danger { color: var(--erro); }
.btn.accent { background: var(--t, #1F5FD6); }
.btn.accent:hover { background: var(--vivo-escuro); }
a { color: color-mix(in srgb, var(--t, #1F5FD6) 85%, #000); }
.badge { border-radius: 4px; }

/* barra lateral na cor escura da empresa (como nas telas de referência JayS IA) */
.sidebar { background: var(--t-dark, #0F1B2D); color: var(--t-on-dark, #F6F8FB); }
.sidebar .brand, .t-brand { display: flex; align-items: center; gap: 12px; }
.t-mark { width: 34px; height: 34px; flex: none; display: inline-grid; place-items: center; border-radius: 6px;
  background: var(--t, #1F5FD6); color: var(--t-on, #fff); font: 600 18px/1 var(--titulo); }
.t-name { font: 600 18px/1.2 var(--titulo); color: inherit; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar .new-chat { background: var(--t, #1F5FD6); color: var(--t-on, #fff); }
.sidebar .new-chat:hover { background: var(--vivo-escuro); }

/* tela de login */
.login-hero { background: var(--t, #0C2A52); color: var(--t-on, #fff); padding: 56px 64px; justify-content: space-between; }
.login-hero h1 { font-family: var(--titulo); font-weight: 600; max-width: 16ch; color: inherit; }
.login-hero .t-brand .t-mark { background: var(--t-on, #fff); color: var(--t, #0C2A52); }
.login-hero .t-name { font-size: 22px; }
.t-points { list-style: none; padding: 0; margin: 26px 0 0; }
.t-points li { display: flex; align-items: center; gap: 12px; margin: 10px 0; font-size: 17px; opacity: .92; }
.t-points li::before { content: ""; width: 9px; height: 9px; background: currentColor; flex: none; }
.login-hero .foot { opacity: .75; }
.login-panel { background: var(--off); position: relative; }
.login-card .field input { background: #fff; }
.t-seal { position: absolute; right: 32px; bottom: 26px; height: 22px; opacity: .9; }

/* rodapé do chat com o selo "Tecnologia JayS IA" */
.seal-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 2px 0;
  font-size: 12px; color: var(--muted); max-width: 860px; margin: 0 auto; }
.seal-foot img { height: 18px; flex: none; }
@media (max-width: 760px) { .seal-foot span { display: none; } .seal-foot { justify-content: flex-end; } .t-seal { position: static; margin-top: 30px; } }