/* ============================================================
   ORBE AI V2 · Lot C : le chat v1 rhabillé. Retour Marine 10/09
   (14h42) : Orbe AI passe sur le MÊME CSS que la rubrique Moi,
   la nuit est abandonnée ici. Palette commune : poudre #D8DADC,
   encre #191135, prune #052B61, cartes lilas #C7CCD2, filets
   rgba(25,17,53,.16). CSS pur : zéro logique touchée.
   ============================================================ */
#panneau:has(.oai-fil) { background: #D8DADC !important; color: #191135; }
#panneau .oai-fil { gap: 12px; }
#panneau .oai-bulle {
  border-radius: 22px !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
  padding: 14px 16px !important;
  max-width: 88% !important;
  width: fit-content;
}
#panneau .oai-bulle.oai-orbe {
  background: #C7CCD2 !important;
  box-shadow: none !important;
  color: #191135 !important;
}
#panneau .oai-bulle.oai-moi {
  background: #052B61 !important;
  box-shadow: none !important;
  color: #D8DADC !important;
}
#panneau .oai-saisie {
  border-radius: 22px !important;
  background: none !important;
  box-shadow: inset 0 0 0 1.5px rgba(25, 17, 53, 0.25) !important;
  border: 0 !important;
}
#panneau .oai-saisie textarea,
#panneau .oai-saisie input {
  font-size: 17px !important;
  color: #191135 !important;
  background: none !important;
}
#panneau .oai-saisie ::placeholder { color: rgba(25, 17, 53, 0.55) !important; }
#panneau .oai-envoyer {
  width: 48px !important;
  height: 48px !important; /* un ROND, plus l'ovale 48x54 (Marine 10/09) */
  border-radius: 999px !important;
  background: #052B61 !important;
  color: #D8DADC !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  border: 0 !important;
}
#panneau .oai-niveau {
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1.5px rgba(25, 17, 53, 0.3) !important;
  background: none !important;
  color: #191135 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: 0 !important;
}
#panneau .oai-garder { color: #052B61 !important; }
#panneau .oai-tete { color: #191135; }
#panneau .oai-x {
  border: 1px solid rgba(25, 17, 53, 0.35) !important;
  color: #191135 !important;
}
#panneau.nuit .panneau-retour { color: rgba(25, 17, 53, 0.6); }
#oai-compteur { color: #052B61 !important; }

/* ============================================================
   LES FEUILLES ORBE AI (lot C 03-08) : la même famille poudre.
   ============================================================ */
/* 03 · Tes conversations (le panneau .nuit v1 : les deux poses de
   la classe nuit sont des surfaces Orbe AI, toutes en poudre) */
#panneau.nuit { background: #D8DADC !important; color: #191135; }
#panneau.nuit h3 {
  font-family: 'Bricolage Grotesque', system-ui;
  font-weight: 800;
  font-size: 34px;
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: #052B61;
}
#panneau.nuit .transit {
  border-radius: 22px !important;
  background: #C7CCD2 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #191135 !important;
  padding: 16px !important;
}
#panneau.nuit .transit .t-nom { font-size: 17px; font-weight: 600; color: #191135; }
#panneau.nuit .transit .t-tag { color: #052B61; box-shadow: inset 0 0 0 1px rgba(5, 43, 97, 0.45); border: 0; }
#panneau.nuit .transit .t-texte { color: rgba(25, 17, 53, 0.72); }
#panneau.nuit .transit .t-garder { color: #052B61; }
#panneau.nuit .btn {
  border-radius: 999px !important;
  background: #052B61 !important;
  color: #D8DADC !important;
  border: 0 !important;
  min-height: 48px;
  font-weight: 600;
}
#panneau.nuit .btn.creux {
  background: none !important;
  color: #191135 !important;
  box-shadow: inset 0 0 0 1.5px rgba(25, 17, 53, 0.35) !important;
}
#panneau.nuit .note { color: rgba(25, 17, 53, 0.6); }

/* 04-05 · les feuilles niveau et narration (posées sur le chat) */
#oai-feuille-niveau .oai-feuille,
#oai-feuille-oeuvre .oai-feuille {
  background: #D8DADC !important;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: inset 0 0 0 1.5px rgba(25, 17, 53, 0.16) !important;
  color: #191135 !important;
}
#oai-feuille-niveau .oai-feuille-choix .nom { color: #191135; font-size: 17px; font-weight: 600; }
#oai-feuille-niveau .oai-feuille-choix .nom.on { color: #052B61; }
#oai-feuille-niveau .oai-feuille-choix .desc { color: rgba(25, 17, 53, 0.65); }
/* !important obligatoire : la règle v1 « #panneau.nuit .oai-onglets button »
   (fond #111) est plus spécifique et peignait les chips en noir sur la
   feuille claire (retour Marine 12/09) */
#oai-feuille-oeuvre .oai-onglets button {
  border-radius: 999px !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1.5px rgba(25, 17, 53, 0.35) !important;
  color: #191135 !important;
  background: none !important;
  min-height: 40px;
}
#oai-feuille-oeuvre .oai-onglets button.on { background: #052B61 !important; color: #D8DADC !important; box-shadow: none !important; }

/* 06-07 · crédits épuisés et découverte (le signe ✧ les marque) +
   08 · Ton retour : la même poudre que le reste de la rubrique */
#panneau:has(.g-orbe):not(:has(.oai-fil)),
#panneau:has(#retour-texte) {
  background: #D8DADC !important;
  color: #191135 !important;
}
#panneau:has(.g-orbe):not(:has(.oai-fil)) h3,
#panneau:has(#retour-texte) h3 { color: #052B61 !important; }
#panneau:has(.g-orbe):not(:has(.oai-fil)) .texte,
#panneau:has(#retour-texte) .texte { color: #191135 !important; }
#panneau:has(.g-orbe):not(:has(.oai-fil)) .btn,
#panneau:has(#retour-texte) .btn {
  background: #052B61 !important;
  color: #D8DADC !important;
  border: 0 !important;
  border-radius: 999px !important;
}
#panneau:has(.g-orbe):not(:has(.oai-fil)) .btn.creux,
#panneau:has(#retour-texte) .btn.creux {
  background: none !important;
  color: #191135 !important;
  box-shadow: inset 0 0 0 1.5px rgba(25, 17, 53, 0.35) !important;
}
/* maquette 08 : Ton retour est une pleine page, pas une demi-feuille */
#panneau:has(#retour-texte) {
  height: 100dvh !important;
  max-height: none !important;
  border-radius: 0 !important;
}
#panneau:has(#retour-texte) #retour-texte {
  background: none !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1.5px rgba(25, 17, 53, 0.25) !important;
  border-radius: 14px !important;
  color: #191135 !important;
}
#panneau:has(#retour-texte) .note { color: rgba(25, 17, 53, 0.6) !important; }


/* ============================================================
   Retours Marine 10/09 : plus de ciel étoilé, la tête fondue
   dans le fond de la rubrique.
   ============================================================ */
#panneau .ciel-void { display: none !important; }
#panneau .oai-tete { background: transparent !important; }
#panneau.void { background: #D8DADC !important; }

/* Marine 10/09 : Orbe AI s'ouvre TOUJOURS en pleine page, jamais en
   demi-feuille (chat, historique, crédits, découverte) */
#panneau:has(.oai-fil),
#panneau.nuit,
#panneau:has(.g-orbe):not(:has(.oai-fil)) {
  height: 100dvh !important;
  max-height: none !important;
  border-radius: 0 !important;
}

/* ============================================================
   Marine 10/09 (après-midi) : la vue globale = la maquette 01,
   l'ancienne interface est RETIRÉE (rond, pilules dorées, tuiles),
   et le chat prend toute la largeur de l'écran.
   ============================================================ */
#panneau.plein { max-width: none !important; width: 100% !important; }
/* l'accueil devient la bulle d'Orbe de la maquette, posée au-dessus
   du champ ; le rond disparaît, la salutation tient sur sa ligne.
   flex:0 auto CONTRE le flex:1 de la v1 : c'était lui qui étirait
   la bulle sur tout l'écran (capture Marine 14h42). */
#panneau .oai-accueil {
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  width: fit-content;
  max-width: 88% !important;
  border-radius: 22px !important;
  background: #C7CCD2 !important;
  box-shadow: none !important;
  padding: 14px 16px !important;
  margin-top: auto !important;
  display: block !important;
  text-align: left !important;
}
#panneau .oai-accueil svg { display: none !important; }
#panneau .oai-accueil .oai-question {
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  color: #191135 !important;
}
#panneau .oai-accueil .oai-question br { display: none; }
/* les pilules de l'ancien accueil (sujets + tuile dorée) sont retirées */
#panneau .oai-onglets,
#panneau .oai-sugg,
#panneau #oai-tuile-mentor { display: none !important; }
/* la feuille du niveau garde SES onglets (posée par-dessus le chat) */
#oai-feuille-niveau .oai-onglets,
#oai-feuille-oeuvre .oai-onglets { display: flex !important; }