frontend/build/static/css/main.f37818ec.css.map

{"version":3,"file":"static/css/main.f37818ec.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAEY,CAHZ,QAMF,CAEA,KACE,uEAEF,CCXA,KAIE,wBAAyB,CAHzB,YAAa,CAEb,QAAS,CADT,gBAGF,CAGA,eAME,wBAAyB,CACzB,UAAc,CANd,YAAa,CACb,qBAAsB,CAEtB,eAAgB,CAIhB,eAAgB,CAChB,6BAA+B,CAN/B,UAOF,CAGG,mCACC,aACF,CAEF,yBACE,WAAY,CACZ,eACF,CAGA,cAEE,YAAa,CADb,QAAO,CAEP,qBAAsB,CACtB,+BAGF,CAGA,aACE,wBAAyB,CAIzB,+BAAgC,CAFhC,UAAc,CACd,gBAAiB,CAEjB,QAAS,CAJT,iBAKF,CAGA,gBAKE,wBAAyB,CACzB,mBAAoB,CAFpB,eAIF,CAGA,oCATE,YAAa,CADb,QAAO,CAEP,qBAeF,CAPA,oBAME,OAAQ,CAJR,eAAgB,CAChB,iBAIF,CAGA,SAKE,iCAAmC,CAFnC,iBAAkB,CAFlB,aAAc,CACd,iBAAkB,CAElB,qBAEF,CAEA,cACE,mBAAoB,CACpB,wBAAyB,CAEzB,8BAA+B,CAD/B,UAEF,CAEA,aACE,qBAAsB,CACtB,wBAAyB,CAEzB,6BAA8B,CAD9B,aAEF,CAGA,mBACE,GAAO,SAAU,CAAE,yBAA4B,CAC/C,GAAO,SAAU,CAAE,uBAA0B,CAC/C,CAGA,cAEE,gDAAiD,CADjD,oBAAqB,CAErB,gBAAiB,CACjB,gBACF,CAEA,wBACE,UAAgB,kBAAqB,CACrC,IAAM,kBAAqB,CAC7B,CAGA,iBAEE,WAAY,CAGZ,YAAa,CACb,sBAAuB,CAHvB,MAAO,CAFP,cAAe,CAGf,OAAQ,CAGR,WACF,CAEA,YAEE,kBAAmB,CACnB,wBAAyB,CACzB,wBAAyB,CACzB,kBAAmB,CAJnB,YAAa,CAOb,eAAgB,CAFhB,gBAAiB,CACjB,UAEF,CAEA,kBAOE,wBAAyB,CAJzB,wBAAyB,CACzB,kBAAmB,CAInB,UAAW,CAPX,QAAO,CAIP,cAAe,CACf,YAAa,CAJb,iBAOF,CACA,GACE,aAAc,CACd,iBACF,CAEA,wBACE,oBACF,CAEA,mBACE,wBAAyB,CACzB,WAAY,CACZ,kBAAmB,CACnB,UAAW,CACX,cAAe,CACf,cAAe,CAEf,eAAgB,CADhB,gBAAiB,CAEjB,+BACF,CAEA,yBACE,wBACF,CAEA,4BACE,qBAAsB,CACtB,kBACF,CAEA,sBAKE,eAAgB,CAChB,WAAY,CACZ,UAAW,CACX,cAAe,CACf,cAAe,CANf,SAAU,CAFV,iBAAkB,CAClB,QAAS,CAET,WAMF,CAGA,gBACE,qBACF,CAGA,oBACE,YAAa,CACb,qBACF,CAEA,mBAKE,kBAAmB,CAHnB,+BAAgC,CAChC,cAAe,CACf,YAAa,CAHb,WAKF,CAEA,yBACE,wBACF,CAEA,mBACE,gBACF,CAGA,gBAEE,4BAA6B,CAD7B,eAAgB,CAEhB,WACF,CAEA,WAEE,kBAAmB,CADnB,YAAa,CAEb,OACF,CAEA,aACE,cACF,CAEA,iBACE,eAAgB,CAChB,WAAY,CACZ,UAAW,CACX,cACF","sources":["index.css","App.css"],"sourcesContent":["body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n","/* ----- Disposition générale ----- */\n.App {\n  display: flex;               /* Panel à gauche, contenu à droite */\n  min-height: 100vh;           /* Hauteur totale de la fenêtre */\n  margin: 0;\n  background-color: #343541; \n}\n\n/* ----- Panel latéral (sidebar) ----- */\n.sidebar-panel {\n  display: flex;\n  flex-direction: column;\n  width: 100%;      \n  max-width: 250px;               /* Largeur ouverte */\n          \n  background-color: #202123;   /* Couleur sombre */\n  color: #ffffff;\n  overflow-y: auto;            /* Scroll indépendant si le contenu est long */\n  transition: max-width 0.3s ease;\n}\n/* Quand le panel est collapsed, on applique la classe .panel-collapsed \n   pour animer le décalage du contenu principal. */\n   .App.panel-collapsed .main-content {\n    margin-left: 0;         /* Revient à gauche */\n  }\n  \n.sidebar-panel.collapsed {\n  max-width: 0;  \n  overflow: hidden;\n}\n\n/* ----- Contenu principal (zone de chat + header) ----- */\n.main-content {\n  flex: 1;                     \n  display: flex;\n  flex-direction: column;\n  transition: margin-left 0.3s ease;\n\n  /* On fixe une hauteur si nécessaire ou on laisse flex: 1 pour occuper l'espace restant */\n}\n\n/* ----- Header du chat ----- */\n.chat-header {\n  background-color: #444654;\n  padding: 10px 15px;\n  color: #ffffff;\n  font-size: 1.3rem;\n  border-bottom: 1px solid #525467;\n  margin: 0;\n}\n\n/* ----- Conteneur du chat (zone de messages + input) ----- */\n.chat-container {\n  flex: 1;                     \n  display: flex;\n  flex-direction: column;\n  overflow: hidden;            /* On ne fait pas défiler tout le container */\n  background-color: #343541;\n  margin-bottom: 120px; \n\n}\n\n/* ----- Zone des messages scrollable ----- */\n.messages-container {\n  flex: 1;                     /* Occupe tout l'espace disponible */\n  overflow-y: auto;            /* Scroll interne uniquement sur les messages */\n  padding: 10px 15px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* ----- Style des messages ----- */\n.message {\n  max-width: 70%;\n  padding: 10px 12px;\n  border-radius: 8px;\n  word-break: break-word;\n  animation: fade-in 0.3s ease-in-out;\n}\n\n.message.user {\n  align-self: flex-end;\n  background-color: #0b93f6;\n  color: #fff;\n  border-bottom-right-radius: 4px;\n}\n\n.message.bot {\n  align-self: flex-start;\n  background-color: #444654;\n  color: #e1e1e1;\n  border-bottom-left-radius: 4px;\n}\n\n/* ----- Animation pour l'apparition ----- */\n@keyframes fade-in {\n  from { opacity: 0; transform: translateY(5px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n/* ----- Indicateur de chargement (3 points) ----- */\n.loading span {\n  display: inline-block;\n  animation: loading-dots 1.4s infinite ease-in-out;\n  font-size: 1.2rem;\n  margin-right: 2px;\n}\n\n@keyframes loading-dots {\n  0%, 80%, 100% { transform: scale(0); }\n  40% { transform: scale(1); }\n}\n\n/* ----- Zone d'entrée (input) FIXE dans le container de chat ----- */\n.input-container {\n  position: fixed;\n  bottom: 20px;      /* Laissez un petit espace en bas, style ChatGPT */\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: center; /* Centre horizontalement */\n  z-index: 999;\n}\n/* ----- Formulaire d'entrée ----- */\n.input-form {\n  display: flex;\n  align-items: center;\n  background-color: #40414f;\n  border: 1px solid #525467;\n  border-radius: 24px;\n  padding: 8px 12px;\n  width: 100%;\n  max-width: 600px; /* Largeur max centrée */\n}\n\n.input-form input {\n  flex: 1;\n  padding: 10px 12px;\n  border: 1px solid #525467;\n  border-radius: 16px;\n  font-size: 14px;\n  outline: none;\n  background-color: #343541;\n  color: #fff;\n}\nh2{\n  display: block;\n  text-align: center;\n}\n\n.input-form input:focus {\n  border-color: #0b93f6;\n}\n\n.input-form button {\n  background-color: #0b93f6; /* Couleur bleue ChatGPT-like */\n  border: none;\n  border-radius: 16px;       /* Forme arrondie */\n  color: #fff;               /* Couleur du texte */\n  cursor: pointer;\n  font-size: 14px;\n  padding: 6px 16px;         /* Espace intérieur horizontal/vertical */\n  margin-left: 8px;          /* Espace à gauche pour séparer de l’input */\n  transition: background-color 0.2s;\n}\n\n.input-form button:hover {\n  background-color: #0a83d0; /* Couleur plus sombre au survol */\n}\n\n.input-form button:disabled {\n  background-color: #666;\n  cursor: not-allowed;\n}\n/* ----- Bouton de collapse principal (optionnel) ----- */\n.collapse-button-main {\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  z-index: 999;       /* Pour qu'il reste au-dessus du contenu */\n  background: none;\n  border: none;\n  color: #fff;\n  cursor: pointer;\n  font-size: 24px;    /* Ajustez la taille de l'icône */\n}\n\n/* ----- Icônes ----- */\n.material-icons {\n  vertical-align: middle;\n}\n\n/* ----- Liste des conversations dans le panel ----- */\n.conversations-list {\n  display: flex;\n  flex-direction: column;\n}\n\n.conversation-item {\n  padding: 8px;\n  border-bottom: 1px solid #525467;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.conversation-item:hover {\n  background-color: #525467;\n}\n\n.conversation-icon {\n  margin-right: 6px;\n}\n\n/* ----- Footer du panel ----- */\n.sidebar-footer {\n  margin-top: auto;\n  border-top: 1px solid #525467;\n  padding: 8px;\n}\n\n.user-info {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.user-avatar {\n  font-size: 20px;\n}\n\n.collapse-button {\n  background: none;\n  border: none;\n  color: #fff;\n  cursor: pointer;\n}\n"],"names":[],"sourceRoot":""}