/* GuruBot chat page in the itguru.lk look (loaded after gurubot.css, only on chat.php via body.chat-page;
   the admin pages that share gurubot.css are unaffected). */
@font-face { font-family: 'Plex'; src: url('fonts/plex-sans-var.woff2') format('woff2'); font-weight: 400 700; font-display: swap; }
@font-face { font-family: 'Schibsted'; src: url('fonts/schibsted-var.woff2') format('woff2'); font-weight: 400 900; font-display: swap; }

body.chat-page {
  --gb-ink: #eef2f6;
  --gb-muted: #a9b2bf;
  --gb-line: rgba(255, 255, 255, 0.1);
  --gb-bg: #0a0d12;
  --gb-panel: #141922;
  --gb-panel-strong: #1a202b;
  --gb-field: #0e1218;
  --gb-mint: #3ebbfe;
  --gb-cyan: #8fd6ff;
  --gb-purple: #3ebbfe;
  --gb-aqua: #3ebbfe;
  --gb-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  font-family: 'Plex', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans Sinhala', 'Nirmala UI', sans-serif;
  background: radial-gradient(60rem 40rem at 85% -10%, rgba(62, 187, 254, 0.1), transparent 60%), #0a0d12;
  color: #eef2f6;
}
.chat-page .gb-shell::before { display: none; }

/* top bar, same as the registration page */
.chat-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; max-width: 920px; margin: 0 auto; padding: 12px 16px; }
.chat-brand { display: flex; align-items: center; gap: 8px; color: #eef2f6; text-decoration: none; font-family: 'Schibsted', sans-serif; font-weight: 800; font-size: 1.1rem; letter-spacing: -0.02em; }
.chat-brand b { color: #3ebbfe; }
.chat-register { display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px; border-radius: 12px; background: #3ebbfe; color: #03131d; font-weight: 700; text-decoration: none; font-size: 0.95rem; }
.chat-register:hover { background: #8fd6ff; }

.chat-page .gb-shell { flex: 1; width: 100%; max-width: 920px; margin: 0 auto; padding: 0 16px 16px; min-height: 0; }
.chat-page .gb-chat-panel { background: #141922; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 20px; box-shadow: var(--gb-shadow); backdrop-filter: none; }
.chat-page .gb-chat-header { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.chat-page .gb-chat-header h1 { font-family: 'Schibsted', sans-serif; font-weight: 800; letter-spacing: -0.02em; background: none; -webkit-text-fill-color: currentColor; color: #eef2f6; }
.chat-page .gb-kicker { color: #3ebbfe; letter-spacing: 0.02em; text-transform: none; font-weight: 600; }
.chat-page .gb-mark { background: #fff; box-shadow: none; }
.chat-page .gb-messages { background: transparent; }
.chat-page .gb-message-bot { background: #1a202b; border: 1px solid rgba(255, 255, 255, 0.08); }
.chat-page .gb-message-bot strong:first-child { color: #3ebbfe; }
.chat-page .gb-message-user { background: #3ebbfe; color: #03131d; border: 0; }
.chat-page .gb-message-user strong:first-child { color: rgba(3, 19, 29, 0.7); }
.chat-page .gb-message a { color: #8fd6ff; }
.chat-page .gb-message-user a { color: #03131d; }
.chat-page .gb-quick-questions button,
.chat-page .gb-choice-buttons button,
.chat-page .gb-action-button { background: #0e1218; border: 1.5px solid rgba(255, 255, 255, 0.18); color: #eef2f6; border-radius: 999px; min-height: 42px; }
.chat-page .gb-quick-questions button:hover,
.chat-page .gb-choice-buttons button:hover,
.chat-page .gb-action-button:hover { border-color: #3ebbfe; background: rgba(62, 187, 254, 0.12); }
.chat-page .gb-chat-form { background: #141922; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.chat-page .gb-chat-form input { background: #0e1218; border: 1.5px solid rgba(255, 255, 255, 0.18); color: #eef2f6; font-size: 1.05rem; }
.chat-page .gb-chat-form input:focus { border-color: #3ebbfe; box-shadow: 0 0 0 4px rgba(62, 187, 254, 0.12); }
.chat-page .gb-send-button { background: #3ebbfe; color: #03131d; box-shadow: none; }
.chat-page .gb-send-button:hover { background: #8fd6ff; }

@media (max-width: 560px) {
  .chat-top { padding: 10px 12px; }
  .chat-register { min-height: 40px; padding: 0 12px; font-size: 0.88rem; }
  .chat-page .gb-shell { padding: 0 0 0; }
  .chat-page .gb-chat-panel { border-radius: 16px 16px 0 0; }
}