/* ===== SQUAREIT CUSTOM THEME ===== */
/* deploy trigger */
:root {
  --sq-primary: #2d8a8a;
  --sq-primary-dark: #1f5f63;
  --sq-text: #1e3c3c;
  --sq-border: #cfe3e3;
  --sq-sidebar-bg: rgba(230, 240, 239, 0.82);
}

/* ===== BACKGROUND ===== */
body {
  background-image: url('/branding/assets/back ground.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* ===== TRANSPARENCE DES CONTENEURS PRINCIPAUX ===== */
#root,
#root > div,
main,
div[data-testid="chat-layout"],
div[class~="bg-presentation"],
div[class~="from-presentation"] {
  background-color: transparent !important;
  background-image: none !important;
}

/* ===== SIDEBAR NAVIGATION (icônes gauche) ===== */
nav[aria-label="Chat navigation"] {
  background: var(--sq-sidebar-bg) !important;
  backdrop-filter: blur(6px) !important;
}

/* ===== PANNEAU CONTROL (Create Agent etc) ===== */
aside[aria-label="Control Panel"] {
  background: var(--sq-sidebar-bg) !important;
  backdrop-filter: blur(6px) !important;
}

aside[aria-label="Control Panel"] nav {
  padding: 0 14px !important;
}

/* ===== FORMULAIRE AGENT ===== */
form[aria-label="Agent configuration form"] {
  padding: 0 14px !important;
}

/* ===== ZONE DE CHAT ===== */
div[data-testid="messages-view"] {
  background: transparent !important;
}

/* ===== BARRE DE SAISIE ===== */
div[data-testid="chat-input-container"],
form:has(textarea[placeholder*="Message"]) > div {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px var(--sq-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  max-width: 850px !important;
  margin: 0 auto !important;
}

/* ===== BOUTON PRINCIPAL ===== */
button[data-testid="send-button"],
button[aria-label*="Send"],
button[aria-label*="Envoyer"] {
  background: var(--sq-primary) !important;
  color: white !important;
  border-radius: 12px !important;
}

/* ===== LOGO LANDING ===== */
#sq-logo {
  width: 100px !important;
  display: block !important;
  margin: 0 auto 20px auto !important;
}

/* ===== PAGE LOGIN ===== */
body.sq-login main {
  background: transparent !important;
}

/* ===== CACHER ÉLÉMENTS INDÉSIRABLES ===== */

/* Bouton thème nuit */
button[aria-label="Toggle color scheme"] {
  display: none !important;
}

/* Footer LibreChat */
a[href*="librechat.ai"] {
  display: none !important;
}

a[href*="librechat.ai"] ~ * {
  display: none !important;
}

/* Icône modèle sur landing */
.flex.h-full.transform-gpu .relative.size-10 {
  display: none !important;
}

/* Transition fluide du logo */
#sq-logo {
  transition: opacity 0.4s ease, transform 0.4s ease !important;
  opacity: 1 !important;
}

#sq-logo.sq-fade-out {
  opacity: 0 !important;
  transform: translateY(-10px) !important;
}