:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme:dark;
  --bg:#050d19;--bg2:#081421;--card:#0b1d31;--card2:#0d263f;--text:#f7fbff;--muted:#a8bfd3;
  --accent:#42d7ff;--accent-soft:rgba(66,215,255,.12);--border:#1e4f70;--shadow:0 26px 80px rgba(0,0,0,.34);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#eef7fb;--bg2:#f7fbfd;--card:#ffffff;--card2:#edf7fb;--text:#11283b;--muted:#547087;
  --accent:#12bce9;--accent-soft:rgba(18,188,233,.10);--border:#b8dce9;--shadow:0 24px 70px rgba(31,79,104,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);color:var(--text)}
body.motion-reduced *,body.motion-reduced *::before,body.motion-reduced *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
button,textarea,input,select{font:inherit}
a{color:inherit}
.binary-particles{position:fixed;inset:0;z-index:-1;pointer-events:none}

.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}
.site-header-inner{width:min(1240px,calc(100% - 32px));min-height:88px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
.brand-mark,.footer-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:900}
.brand-copy{display:grid;gap:2px;min-width:0}.brand-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy small{color:var(--muted)}
.public-nav{justify-self:end;display:flex;align-items:center;gap:28px}.public-nav a{text-decoration:none;font-weight:700;color:var(--muted)}.public-nav a:hover,.public-nav a.active{color:var(--text)}
.header-actions{display:flex;gap:10px;align-items:center;grid-column:3}.icon-switch,.menu-toggle{width:50px;height:38px;padding:0;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);background:var(--accent-soft);color:var(--accent)}
.menu-toggle{display:none;font-size:1.2rem}

.shell{min-height:calc(100vh - 88px);display:grid;place-items:center;padding:44px 24px}
.chat-card{width:min(980px,100%);height:min(760px,calc(100vh - 180px));display:grid;grid-template-rows:auto 1fr auto auto;background:color-mix(in srgb,var(--card) 96%,transparent);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:width .25s ease,height .25s ease,border-radius .25s ease}
.chat-header{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}
.chat-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
h1{margin:.15rem 0;font-size:clamp(1.6rem,4vw,2.4rem)}.eyebrow{margin:0;color:var(--accent);font-size:.74rem;font-weight:900;letter-spacing:.16em}.disclosure{margin:.35rem 0 0;color:var(--muted)}
.messages{overflow:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.message{max-width:82%;padding:13px 15px;border:1px solid var(--border);border-radius:16px;background:var(--card2);line-height:1.58}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:color-mix(in srgb,var(--accent) 16%,var(--card2))}.message.system{align-self:center;color:var(--muted);font-size:.9rem;background:transparent}
.composer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 24px;border-top:1px solid var(--border)}textarea,input,select{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--bg2);color:var(--text)}textarea{resize:none;min-height:54px;max-height:160px}
button{border:0;border-radius:12px;padding:0 20px;background:var(--accent);color:#04202a;font-weight:900;cursor:pointer}.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.compact{padding:9px 12px}
.chat-footer{padding:0 24px 18px;display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.chat-footer .link-button{color:var(--accent);background:none;padding:0;border:0;font-weight:700;text-decoration:underline}
.chat-expanded .shell{padding:18px}.chat-expanded .chat-card{width:min(1380px,calc(100vw - 36px));height:calc(100vh - 124px)}
.chat-focus .site-header,.chat-focus .site-footer{display:none}.chat-focus .shell{min-height:100vh;padding:0}.chat-focus .chat-card{width:100vw;height:100vh;border-radius:0;border:0}

.page-shell{width:min(1180px,calc(100% - 32px));margin:44px auto;min-height:calc(100vh - 280px)}.content-card{background:color-mix(in srgb,var(--card) 95%,transparent);border:1px solid var(--border);border-radius:22px;padding:clamp(22px,4vw,42px);box-shadow:var(--shadow)}.content-card h2{margin-top:1.8rem}.content-card p,.content-card li{line-height:1.7;color:var(--muted)}.status-card{padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:14px;background:var(--accent-soft);color:var(--text)!important;font-weight:700}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.capability-grid article{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--card2)}.capability-grid h2{margin:0 0 .6rem;color:var(--text);font-size:1.05rem}

.site-footer{width:min(1240px,calc(100% - 32px));margin:24px auto 0;padding:28px 0 34px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;border-top:1px solid var(--border);color:var(--muted)}.site-footer-brand{display:flex;align-items:center;gap:12px}.footer-mark{width:38px;height:38px}.site-footer nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.site-footer a,.footer-link-button{color:var(--muted);text-decoration:underline;background:none;border:0;padding:0;font:inherit}.site-footer-credit{text-align:right}.site-footer-credit p{margin:.2rem 0}

.privacy-panel[hidden],.share-panel[hidden]{display:none}.privacy-panel,.share-panel{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:20px;background:rgba(2,7,14,.76);backdrop-filter:blur(12px);opacity:0;transition:opacity .18s ease}.privacy-panel.open,.share-panel.open{opacity:1}.privacy-panel-card,.share-panel-card{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 32px 100px rgba(0,0,0,.5)}
.privacy-choice{display:grid;gap:10px;margin:18px 0}.privacy-choice label{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--card2);cursor:pointer}.privacy-choice label:has(input:checked){border-color:var(--accent)}.privacy-choice span{display:grid;gap:4px}.privacy-choice small,.privacy-note{color:var(--muted);line-height:1.55}.privacy-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.share-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.share-panel-head h2{margin:.2rem 0}.share-url-box{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg2);margin:18px 0}.share-url-box span{display:grid;gap:4px;min-width:0}.share-url-box strong{overflow-wrap:anywhere}.share-url-box small{color:var(--accent);font-weight:800}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.share-grid button{display:grid;text-align:left;gap:3px;padding:14px 16px;background:var(--card2);color:var(--text);border:1px solid var(--border)}.share-grid button:hover{border-color:var(--accent)}.share-grid small{color:var(--muted)}

.legal{line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

@media(max-width:900px){
  .site-header-inner{grid-template-columns:1fr auto;min-height:76px}.brand-copy small{display:none}.header-actions{grid-column:2}.menu-toggle{display:grid}.public-nav{position:absolute;left:16px;right:16px;top:68px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.public-nav.open{display:flex}.public-nav a{padding:12px 14px;border-radius:10px}.public-nav a:hover,.public-nav a.active{background:var(--accent-soft)}
  .chat-card{height:min(760px,calc(100vh - 150px))}.chat-header{align-items:flex-start}.chat-header-actions{max-width:260px}
  .site-footer{grid-template-columns:1fr;text-align:left}.site-footer nav{justify-content:flex-start}.site-footer-credit{text-align:left}
}
@media(max-width:650px){
  .site-header-inner{width:calc(100% - 20px)}.brand-mark{width:42px;height:42px}.icon-switch{width:42px}.shell{padding:12px}.chat-card{height:calc(100dvh - 102px);border-radius:18px}.chat-header{padding:16px;display:grid}.chat-header-actions{max-width:none;justify-content:flex-start}.composer{grid-template-columns:1fr;padding:12px 16px}.composer button{min-height:48px}.messages{padding:16px}.message{max-width:94%}.chat-footer{padding:0 16px 12px}.capability-grid,.share-grid{grid-template-columns:1fr}.page-shell{width:calc(100% - 20px);margin:20px auto}.content-card{padding:20px}.share-url-box{align-items:stretch;flex-direction:column}.share-url-box button{min-height:44px}.site-footer{width:calc(100% - 20px)}
  .privacy-panel,.share-panel{padding:8px}.privacy-panel-card,.share-panel-card{padding:18px;max-height:calc(100dvh - 16px)}
}


/* ===== V1.9 — Conversation First ===== */
.compact-header .site-header-inner{grid-template-columns:1fr auto;min-height:72px}
.compact-header-actions{display:flex;align-items:center}
.hidden-shell-control{display:none!important}
.premium-menu-toggle{
  display:flex!important;width:48px;height:48px;padding:0;border-radius:14px;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
  border:1px solid var(--border);background:var(--accent-soft);color:var(--accent)
}
.premium-menu-toggle span{display:block;width:19px;height:2px;border-radius:999px;background:currentColor;transition:.22s ease}
.panel-open .premium-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.panel-open .premium-menu-toggle span:nth-child(2){opacity:0}
.panel-open .premium-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.side-panel{
  position:fixed;z-index:1200;top:0;right:0;width:min(390px,92vw);height:100dvh;
  transform:translateX(104%);transition:transform .28s cubic-bezier(.22,.8,.22,1);
  background:color-mix(in srgb,var(--card) 97%,transparent);border-left:1px solid var(--border);
  box-shadow:-28px 0 80px rgba(0,0,0,.32);backdrop-filter:blur(20px)
}
.side-panel.open{transform:translateX(0)}
.side-panel-inner{height:100%;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:18px}
.side-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.panel-agent{display:flex;align-items:center;gap:12px}
.panel-agent>span:last-child{display:grid;gap:2px}.panel-agent small{color:var(--muted)}
.panel-agent-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:900}
.icon-button{display:grid;place-items:center;min-width:42px;height:42px;padding:0;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text);font-size:1.3rem}
.side-panel-backdrop{position:fixed;z-index:1190;inset:0;border:0;border-radius:0;background:rgba(1,6,12,.56);backdrop-filter:blur(4px);opacity:0;transition:opacity .22s ease}
.side-panel-backdrop.open{opacity:1}

.engine-status-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:linear-gradient(145deg,var(--card2),color-mix(in srgb,var(--card2) 80%,transparent))}
.engine-status-line{display:flex;align-items:center;gap:10px}.engine-status-card p{margin:.55rem 0;color:var(--muted);line-height:1.5}.engine-status-card small{color:var(--muted)}
.engine-status-dot{width:11px;height:11px;border-radius:50%;background:#35d7a5;animation:statusBreathe 3.6s ease-in-out infinite}
.engine-status-card[data-engine-state="safe"] .engine-status-dot{background:#e7b45b;animation-name:statusBreatheSafe}
.engine-status-card[data-engine-state="stopped"] .engine-status-dot{background:#de6464;animation:none}
@keyframes statusBreathe{0%,100%{box-shadow:0 0 0 0 rgba(53,215,165,0)}50%{box-shadow:0 0 0 7px rgba(53,215,165,.11)}}
@keyframes statusBreatheSafe{0%,100%{box-shadow:0 0 0 0 rgba(231,180,91,0)}50%{box-shadow:0 0 0 7px rgba(231,180,91,.10)}}

.side-panel-nav{display:grid;gap:4px;padding:6px 0 12px;border-bottom:1px solid var(--border)}
.side-panel-nav a,.panel-section button,.panel-action-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 10px;border-radius:12px;text-decoration:none;color:var(--text);background:transparent;border:0;text-align:left}
.side-panel-nav a:hover,.panel-section button:hover,.panel-action-link:hover{background:var(--accent-soft)}
.panel-section{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.panel-section h2{margin:0 0 6px;padding:0;border:0;color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.panel-note{padding:4px 10px;color:var(--muted);line-height:1.45}
.side-panel-footer{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:.85rem}
.side-panel-footer a{color:var(--accent)}

.shell{min-height:auto;padding:34px 24px 14px}
.chat-card{height:min(680px,calc(100dvh - 180px));min-height:520px}
.chat-header{padding:18px 22px;align-items:center}
.chat-new-button{font-size:1.2rem}
.chat-footer{justify-content:center;padding:6px 20px 16px}
.chat-footer span{text-align:center}

.composer{
  position:relative;margin:0 18px 12px;padding:12px;
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));
  border-radius:18px;background:color-mix(in srgb,var(--card2) 88%,transparent);
  transition:border-color .35s ease,box-shadow .35s ease
}
.composer::before{
  content:"";position:absolute;inset:-1px;border-radius:18px;pointer-events:none;
  animation:composerBreathe 3.8s ease-in-out infinite
}
@keyframes composerBreathe{
  0%,100%{box-shadow:0 0 0 0 rgba(66,215,255,0),0 0 14px rgba(66,215,255,.02)}
  50%{box-shadow:0 0 0 2px rgba(66,215,255,.07),0 0 28px rgba(66,215,255,.10)}
}
body[data-maestra-presence="thinking"] .composer::before{animation-duration:1.7s}
body[data-maestra-presence="safe"] .composer{border-color:rgba(231,180,91,.38)}
body[data-maestra-presence="safe"] .composer::before{animation-name:composerBreatheSafe}
body[data-maestra-presence="stopped"] .composer{border-color:rgba(222,100,100,.5);opacity:.84}
body[data-maestra-presence="stopped"] .composer::before{animation:none}
@keyframes composerBreatheSafe{
  0%,100%{box-shadow:0 0 0 0 rgba(231,180,91,0)}
  50%{box-shadow:0 0 0 2px rgba(231,180,91,.06),0 0 24px rgba(231,180,91,.08)}
}

.chat-expanded .shell{padding:16px 24px}
.chat-expanded .chat-card{width:min(1380px,calc(100vw - 48px));height:calc(100dvh - 112px);min-height:0}
.chat-focus .site-header,.chat-focus .site-footer,.chat-focus .side-panel-backdrop{display:none}
.chat-focus .shell{min-height:100dvh;padding:0}
.chat-focus .chat-card{width:100vw;height:100dvh;min-height:0;border:0;border-radius:0}
.chat-focus .side-panel{display:block}

.spacious-footer{margin-top:48px;padding:38px 0 46px;grid-template-columns:minmax(200px,1fr) minmax(260px,1.2fr) minmax(260px,1.3fr);gap:42px}
.site-footer-brand>span:last-child{display:grid;gap:3px}.site-footer-brand small{color:var(--muted)}
.spacious-footer nav{justify-content:flex-start;align-content:start;gap:10px 18px}
.spacious-footer .site-footer-credit{line-height:1.55}

@media(max-width:900px){
  .compact-header .site-header-inner{grid-template-columns:1fr auto}
  .chat-card{height:min(720px,calc(100dvh - 150px));min-height:480px}
  .spacious-footer{grid-template-columns:1fr;gap:24px}
}
@media(max-width:650px){
  .compact-header .site-header-inner{min-height:64px;width:calc(100% - 20px)}
  .brand-copy small{display:none}
  .side-panel{width:min(360px,94vw)}
  .side-panel-inner{padding:16px}
  .shell{padding:10px}
  .chat-card{height:calc(100dvh - 84px);min-height:0;border-radius:18px}
  .composer{margin:0 10px 10px}
  .spacious-footer{margin-top:28px;padding-top:28px}
}
@media(prefers-reduced-motion:reduce){
  .engine-status-dot,.composer::before{animation:none!important}
}
.motion-reduced .engine-status-dot,.motion-reduced .composer::before{animation:none!important}


/* ===== V1.9.1 — Chat réversible et zone utile maximisée ===== */
.chat-toolbar{
  min-height:58px;
  padding:10px 14px 10px 18px;
  align-items:center;
  background:color-mix(in srgb,var(--card) 97%,transparent);
}
.chat-toolbar-brand{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.chat-toolbar-brand strong{
  font-size:.96rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.chat-toolbar-subtitle{
  color:var(--muted);
  font-size:.84rem;
}
.chat-toolbar-dot{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:#35d7a5;
  box-shadow:0 0 0 0 rgba(53,215,165,.20);
  animation:toolbarStatusBreathe 3.6s ease-in-out infinite;
}
@keyframes toolbarStatusBreathe{
  0%,100%{box-shadow:0 0 0 0 rgba(53,215,165,0)}
  50%{box-shadow:0 0 0 5px rgba(53,215,165,.09)}
}
.chat-toolbar-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:7px;
}
.mode-button{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:11px;
  white-space:nowrap;
}
.mode-button[aria-pressed="true"]{
  border-color:var(--accent);
  background:var(--accent-soft);
  color:var(--accent);
}
.mode-icon{
  min-width:1em;
  text-align:center;
}
.chat-new-button{
  min-width:38px;
  height:38px;
}

/* Plus de grand bandeau d'identité dans le chat :
   l'identité détaillée reste dans le panneau latéral et les mentions. */
.chat-card{
  grid-template-rows:auto 1fr auto auto;
}
.messages{
  padding-top:18px;
}

/* En mode agrandi, la barre reste visible pour revenir sans recharger. */
.chat-expanded .chat-toolbar{
  position:sticky;
  top:0;
  z-index:4;
}

/* En concentration, on garde UNIQUEMENT le chat et sa barre de retour. */
.chat-focus .chat-toolbar{
  position:sticky;
  top:0;
  z-index:5;
  border-bottom:1px solid var(--border);
}
.chat-focus .chat-toolbar-subtitle{
  display:none;
}
.chat-focus .chat-card{
  display:grid;
  grid-template-rows:auto 1fr auto auto;
}
.chat-focus .messages{
  min-height:0;
}

/* Le bouton actif devient explicitement le bouton de retour au chat normal. */
.chat-focus #modeExpandBtn{
  display:none;
}
.chat-expanded #modeFocusBtn{
  display:inline-flex;
}

/* Les mentions restent visibles en mode normal, sans prendre la zone de conversation. */
.chat-footer{
  min-height:34px;
  padding:4px 16px 10px;
  font-size:.78rem;
  opacity:.9;
}

@media(max-width:760px){
  .chat-toolbar{
    min-height:54px;
    padding:8px 10px 8px 13px;
  }
  .chat-toolbar-subtitle{
    display:none;
  }
  .mode-button{
    width:38px;
    min-width:38px;
    padding:0;
    justify-content:center;
  }
  .mode-button .mode-label{
    position:absolute;
    width:1px;height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
  }
  .chat-new-button{
    min-width:38px;
  }
}

/* Respect réduction de mouvement */
@media(prefers-reduced-motion:reduce){
  .chat-toolbar-dot{animation:none!important}
}
.motion-reduced .chat-toolbar-dot{animation:none!important}

.chat-toolbar-dot[data-engine-state="safe"]{background:#e7b45b}
.chat-toolbar-dot[data-engine-state="stopped"]{background:#de6464;animation:none;box-shadow:none}


/* ===== V1.10 — Plein écran natif réversible ===== */
.chat-card:fullscreen{
  width:100vw;
  height:100vh;
  max-width:none;
  min-height:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:var(--card);
  display:grid;
  grid-template-rows:auto 1fr auto auto;
}
.chat-card:fullscreen .chat-toolbar{
  position:sticky;
  top:0;
  z-index:10;
}
.chat-card:fullscreen .messages{
  min-height:0;
}
.chat-card:fullscreen .composer{
  margin-left:18px;
  margin-right:18px;
}
.chat-native-fullscreen #modeExpandBtn,
.chat-native-fullscreen #modeFocusBtn{
  display:none;
}
.chat-native-fullscreen #modeFullscreenBtn{
  display:inline-flex;
}
.chat-native-fullscreen .chat-toolbar-subtitle{
  display:none;
}

@media(max-width:760px){
  .chat-card:fullscreen .composer{
    margin-left:10px;
    margin-right:10px;
  }
}


/* ===== V1.11 — UI STYLE: CLASSIC ===== */
body.ui-classic{
  --classic-reading-width:860px;
  background:var(--bg2);
}
body.ui-classic .binary-particles{
  opacity:.10;
}
body.ui-classic .site-header{
  position:sticky;
  top:0;
  background:color-mix(in srgb,var(--bg2) 96%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent);
  box-shadow:none;
}
body.ui-classic .compact-header .site-header-inner{
  width:min(1180px,calc(100% - 28px));
  min-height:62px;
}
body.ui-classic .brand-mark{
  width:38px;height:38px;
  background:transparent;
  border-color:color-mix(in srgb,var(--border) 60%,transparent);
}
body.ui-classic .brand-copy strong{
  font-size:.95rem;
}
body.ui-classic .brand-copy small{
  font-size:.78rem;
}
body.ui-classic .premium-menu-toggle{
  width:42px;height:42px;
  background:transparent;
  border-color:color-mix(in srgb,var(--border) 60%,transparent);
  border-radius:12px;
}

body.ui-classic .shell{
  width:100%;
  max-width:none;
  padding:26px 24px 8px;
  display:block;
}
body.ui-classic .chat-card{
  width:min(var(--classic-reading-width),calc(100% - 8px));
  max-width:100%;
  height:min(760px,calc(100dvh - 118px));
  min-height:560px;
  margin:0 auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  overflow:visible;
}
body.ui-classic .chat-toolbar{
  min-height:48px;
  padding:6px 2px 10px;
  border:0;
  background:transparent;
}
body.ui-classic .chat-toolbar-brand{
  gap:8px;
}
body.ui-classic .chat-toolbar-brand strong{
  font-size:.9rem;
}
body.ui-classic .chat-toolbar-subtitle{
  color:var(--muted);
  font-size:.78rem;
}
body.ui-classic .chat-toolbar-dot{
  width:7px;height:7px;
}
body.ui-classic .chat-toolbar-actions{
  gap:4px;
}
body.ui-classic .mode-button,
body.ui-classic .chat-new-button{
  border-color:transparent;
  background:transparent;
  color:var(--muted);
}
body.ui-classic .mode-button:hover,
body.ui-classic .chat-new-button:hover,
body.ui-classic .mode-button[aria-pressed="true"]{
  background:color-mix(in srgb,var(--card2) 82%,transparent);
  color:var(--text);
}

body.ui-classic .messages{
  padding:20px 0 130px;
  gap:26px;
  overflow:auto;
}
body.ui-classic .message{
  max-width:100%;
  width:auto;
  border:0;
  border-radius:0;
  padding:0;
  background:transparent;
  color:var(--text);
  line-height:1.7;
  box-shadow:none;
}
body.ui-classic .message p{
  max-width:100%;
}
body.ui-classic .message.user{
  align-self:flex-end;
  max-width:min(78%,680px);
  padding:12px 16px;
  border-radius:20px;
  background:color-mix(in srgb,var(--card2) 88%,transparent);
}
body.ui-classic .message.agent{
  align-self:stretch;
}
body.ui-classic .message.system{
  align-self:center;
  color:var(--muted);
  font-size:.82rem;
}

body.ui-classic .composer{
  position:sticky;
  bottom:12px;
  z-index:12;
  width:100%;
  margin:0 auto 8px;
  padding:10px 10px 10px 14px;
  grid-template-columns:1fr auto;
  border:1px solid color-mix(in srgb,var(--border) 52%,transparent);
  border-radius:24px;
  background:color-mix(in srgb,var(--card) 96%,transparent);
  box-shadow:0 12px 34px rgba(0,0,0,.09);
  backdrop-filter:blur(14px);
}
html[data-theme="light"] body.ui-classic .composer{
  box-shadow:0 12px 34px rgba(31,79,104,.10);
}
body.ui-classic .composer textarea{
  min-height:46px;
  max-height:150px;
  border:0;
  background:transparent;
  padding:12px 8px;
  outline:none;
}
body.ui-classic .composer button[type="submit"]{
  width:44px;
  min-width:44px;
  height:44px;
  padding:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:transparent;
  position:relative;
  background:var(--text);
}
body.ui-classic .composer button[type="submit"]::before{
  content:"↑";
  position:absolute;
  color:var(--bg);
  font-size:1.1rem;
  font-weight:900;
}
body.ui-classic .composer::before{
  border-radius:24px;
  animation-duration:4.4s;
  opacity:.65;
}

body.ui-classic .chat-footer{
  padding:4px 10px 0;
  min-height:auto;
  justify-content:center;
}
body.ui-classic .signature-history-note{
  display:none;
}
body.ui-classic .classic-transparency-note{
  display:block;
  text-align:center;
  max-width:760px;
  color:var(--muted);
  font-size:.75rem;
  line-height:1.45;
}
body.ui-signature .classic-transparency-note{
  display:none;
}
body.ui-signature .signature-history-note{
  display:inline;
}

/* Classic side panel: calm, neutral, compact */
body.ui-classic .side-panel{
  background:color-mix(in srgb,var(--card) 99%,transparent);
  box-shadow:-20px 0 60px rgba(0,0,0,.18);
}
body.ui-classic .engine-status-card{
  background:transparent;
}
.panel-style-choice{
  display:grid;
  gap:8px;
  padding:8px 10px 10px;
}
.panel-style-label{
  color:var(--muted);
  font-size:.82rem;
}
.panel-segmented{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:4px;
  border:1px solid var(--border);
  border-radius:12px;
  background:color-mix(in srgb,var(--bg2) 72%,transparent);
}
.panel-segmented button{
  min-height:36px;
  padding:8px 10px;
  justify-content:center;
  border-radius:9px;
}
.panel-segmented button[aria-pressed="true"]{
  background:var(--card);
  box-shadow:0 4px 14px rgba(0,0,0,.12);
}
.panel-segmented button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

/* Classic footer: intentionally quiet */
body.ui-classic .spacious-footer{
  width:min(1000px,calc(100% - 32px));
  grid-template-columns:1fr;
  gap:12px;
  margin-top:30px;
  padding:26px 0 34px;
  text-align:center;
}
body.ui-classic .site-footer-brand{
  justify-content:center;
}
body.ui-classic .spacious-footer nav{
  justify-content:center;
}
body.ui-classic .spacious-footer .site-footer-credit{
  text-align:center;
  font-size:.78rem;
}
body.ui-classic .footer-mark{
  width:30px;height:30px;
}

/* Classic display modes remain reversible and distraction-free */
body.ui-classic.chat-expanded .chat-card{
  width:min(1100px,calc(100vw - 40px));
}
body.ui-classic.chat-focus .chat-card,
body.ui-classic .chat-card:fullscreen{
  background:var(--bg2);
}
body.ui-classic.chat-focus .messages,
body.ui-classic .chat-card:fullscreen .messages{
  width:min(var(--classic-reading-width),calc(100% - 32px));
  margin:0 auto;
}
body.ui-classic.chat-focus .composer,
body.ui-classic .chat-card:fullscreen .composer{
  width:min(var(--classic-reading-width),calc(100% - 32px));
}
body.ui-classic.chat-focus .chat-toolbar,
body.ui-classic .chat-card:fullscreen .chat-toolbar{
  width:min(var(--classic-reading-width),calc(100% - 32px));
  margin:0 auto;
}

/* Classic intentionally reduces decorative motion */
body.ui-classic .binary-particles{
  filter:blur(.1px);
}
body.ui-classic .engine-status-dot{
  animation-duration:4.8s;
}

@media(max-width:760px){
  body.ui-classic .shell{padding:12px 12px 4px}
  body.ui-classic .chat-card{
    width:100%;
    height:calc(100dvh - 80px);
    min-height:0;
  }
  body.ui-classic .messages{
    padding:16px 2px 110px;
  }
  body.ui-classic .message.user{
    max-width:88%;
  }
  body.ui-classic .composer{
    bottom:8px;
    border-radius:20px;
  }
  body.ui-classic .composer::before{
    border-radius:20px;
  }
  body.ui-classic .classic-transparency-note{
    padding:0 8px;
    font-size:.7rem;
  }
}


/* ===== V1.12 — Classic Conversation First ===== */

/* Classic : aucune structure page visible, uniquement le chat */
body.ui-classic{
  height:100dvh;
  overflow:hidden;
}
body.ui-classic .site-header,
body.ui-classic .site-footer{
  display:none!important;
}
body.ui-classic .shell{
  position:relative;
  height:100dvh;
  padding:0;
  display:grid;
  place-items:center;
}
body.ui-classic .chat-card{
  width:min(var(--classic-reading-width),calc(100vw - 120px));
  height:100dvh;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  margin:0 auto;
  overflow:hidden;
}
body.ui-classic .chat-toolbar{
  flex:0 0 auto;
  padding-top:10px;
  background:var(--bg2);
}
body.ui-classic .messages{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:18px 0 24px;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.ui-classic .classic-fixed-transparency{
  display:block;
  flex:0 0 auto;
  padding:6px 10px 2px;
  text-align:center;
  color:var(--muted);
  font-size:.72rem;
  line-height:1.4;
  background:var(--bg2);
}
body.ui-signature .classic-fixed-transparency{
  display:none;
}
body.ui-classic .composer{
  position:relative;
  bottom:auto;
  flex:0 0 auto;
  margin:0 0 10px;
}
body.ui-classic .chat-footer{
  display:none!important;
}

/* Bouton menu flottant en Classic */
body.ui-classic .premium-menu-toggle{
  position:fixed;
  top:16px;
  z-index:1180;
}
body.ui-classic[data-panel-side="right"] .premium-menu-toggle{right:18px}
body.ui-classic[data-panel-side="left"] .premium-menu-toggle{left:18px}

/* Panneau gauche / droite */
body[data-panel-side="right"] .side-panel{
  right:0;left:auto;
  transform:translateX(104%);
  border-left:1px solid var(--border);
  border-right:0;
  box-shadow:-28px 0 80px rgba(0,0,0,.32);
}
body[data-panel-side="right"] .side-panel.open{transform:translateX(0)}
body[data-panel-side="left"] .side-panel{
  left:0;right:auto;
  transform:translateX(-104%);
  border-right:1px solid var(--border);
  border-left:0;
  box-shadow:28px 0 80px rgba(0,0,0,.32);
}
body[data-panel-side="left"] .side-panel.open{transform:translateX(0)}

/* Classic panel utility styles */
.classic-only-control{display:none}
body.ui-classic .classic-only-control{display:grid}
.panel-preference-block{gap:8px;padding:8px 10px}
.panel-select{
  width:100%;
  min-height:40px;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid var(--border);
  background:var(--bg2);
  color:var(--text);
}
.panel-legal-info{margin-top:auto}
.panel-legal-credit{
  margin:4px 10px;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.45;
}

/* Repères de conversation */
.conversation-markers{
  display:none;
}
body.ui-classic .conversation-markers{
  position:fixed;
  top:12%;
  bottom:12%;
  width:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  z-index:20;
  pointer-events:none;
}
body.ui-classic[data-panel-side="right"] .conversation-markers{left:22px}
body.ui-classic[data-panel-side="left"] .conversation-markers{right:22px}
body.ui-classic .conversation-marker{
  pointer-events:auto;
  width:20px;
  height:3px;
  min-height:3px;
  padding:0;
  border:0;
  border-radius:999px;
  background:color-mix(in srgb,var(--muted) 42%,transparent);
  opacity:.68;
  transition:width .15s ease,background .15s ease,opacity .15s ease;
}
body.ui-classic .conversation-marker:hover{
  width:26px;
  opacity:1;
}
body.ui-classic .conversation-marker.active{
  width:26px;
  background:var(--text);
  opacity:1;
}
body.ui-classic.markers-hidden .conversation-markers{display:none}

/* Font colors — Classic */
body.ui-classic[data-chat-font-color="anthracite"] .messages{color:#252b31}
body.ui-classic[data-chat-font-color="ivory"] .messages{color:#f4efe6}
body.ui-classic[data-chat-font-color="navy"] .messages{color:#18324a}
body.ui-classic[data-chat-font-color="soft-gray"] .messages{color:#66717b}
body.ui-classic[data-chat-font-color="auto"] .messages{color:var(--text)}
body.ui-classic[data-chat-font-color] .message{color:inherit}
body.ui-classic[data-chat-font-color] .message.user{color:inherit}

/* Preserve usability in display modes */
body.ui-classic.chat-expanded .chat-card,
body.ui-classic.chat-focus .chat-card,
body.ui-classic .chat-card:fullscreen{
  height:100dvh;
  min-height:0;
}
body.ui-classic.chat-focus .shell{
  min-height:100dvh;
}
body.ui-classic.chat-focus .premium-menu-toggle{
  display:flex!important;
}

/* responsive */
@media(max-width:760px){
  body.ui-classic .chat-card{
    width:calc(100vw - 28px);
  }
  body.ui-classic .conversation-markers{
    display:none;
  }
  body.ui-classic .premium-menu-toggle{
    top:10px;
  }
  body.ui-classic[data-panel-side="right"] .premium-menu-toggle{right:10px}
  body.ui-classic[data-panel-side="left"] .premium-menu-toggle{left:10px}
}

/* contrast safeguards for text color choices on dark/light */
html[data-theme="dark"] body.ui-classic[data-chat-font-color="anthracite"] .messages{color:#d8dee5}
html[data-theme="light"] body.ui-classic[data-chat-font-color="ivory"] .messages{color:#33404a}


/* ===== V1.13 — SOCLE CONVERSATIONNEL UNIVERSEL =====
   Une architecture, plusieurs habillages. Les thèmes ne changent plus les fonctions. */
html, body.chat-page{height:100%;}
body.chat-page{
  height:100dvh;
  overflow:hidden;
}
body.chat-page .site-header,
body.chat-page .site-footer{display:none!important;}
.maestra-app-shell{
  position:relative;
  width:100vw;
  height:100dvh;
  overflow:hidden;
  background:var(--bg2);
}
.maestra-app-shell:fullscreen{
  width:100vw;
  height:100dvh;
  overflow:hidden;
  background:var(--bg2);
}
body.chat-page .shell,
.maestra-app-shell:fullscreen .shell{
  position:relative;
  width:100%;
  height:100dvh;
  min-height:0;
  padding:0;
  display:grid;
  place-items:center;
  overflow:hidden;
}
body.chat-page .chat-card,
.maestra-app-shell:fullscreen .chat-card{
  width:min(var(--classic-reading-width,860px),calc(100vw - 120px));
  max-width:none;
  height:100dvh;
  min-height:0;
  margin:0 auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  overflow:hidden;
  background:transparent;
}
body.chat-page .messages{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.chat-page .classic-fixed-transparency{
  display:block!important;
  flex:0 0 auto;
  padding:6px 10px 2px;
  text-align:center;
  color:var(--muted);
  font-size:.72rem;
  line-height:1.4;
  background:var(--bg2);
}
body.chat-page .composer{
  position:relative;
  bottom:auto;
  flex:0 0 auto;
  margin-bottom:max(10px,env(safe-area-inset-bottom));
}
/* Le bouton hamburger appartient au socle, jamais au thème. */
body.chat-page .premium-menu-toggle,
.maestra-app-shell:fullscreen .premium-menu-toggle{
  display:flex!important;
  position:fixed!important;
  top:max(12px,env(safe-area-inset-top));
  z-index:2147483000;
}
body.chat-page[data-panel-side="right"] .premium-menu-toggle{right:18px;left:auto;}
body.chat-page[data-panel-side="left"] .premium-menu-toggle{left:18px;right:auto;}
/* Le panneau appartient aussi à la racine plein écran. */
body.chat-page .side-panel{
  position:fixed;
  top:0;
  bottom:0;
  z-index:2147482990;
}
body.chat-page .side-panel-backdrop{z-index:2147482980;}
body[data-panel-side="right"] .side-panel{right:0;left:auto;transform:translateX(104%);}
body[data-panel-side="right"] .side-panel.open{transform:translateX(0);}
body[data-panel-side="left"] .side-panel{left:0;right:auto;transform:translateX(-104%);}
body[data-panel-side="left"] .side-panel.open{transform:translateX(0);}
/* Toutes les commandes conversationnelles sont disponibles dans tous les habillages. */
.universal-chat-control{display:grid;}
.classic-only-control{display:grid;}
/* Repères universels, opposés au panneau. */
body.chat-page .conversation-markers{
  position:fixed;
  top:12%;
  bottom:12%;
  width:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  z-index:30;
  pointer-events:none;
}
body.chat-page[data-panel-side="right"] .conversation-markers{left:22px;right:auto;}
body.chat-page[data-panel-side="left"] .conversation-markers{right:22px;left:auto;}
body.chat-page .conversation-marker{
  pointer-events:auto;
  width:20px;height:3px;min-height:3px;padding:0;border:0;border-radius:999px;
  background:color-mix(in srgb,var(--muted) 42%,transparent);opacity:.68;
}
body.chat-page .conversation-marker:hover,
body.chat-page .conversation-marker.active{width:26px;opacity:1;}
body.chat-page .conversation-marker.active{background:var(--text);}
body.chat-page.markers-hidden .conversation-markers{display:none!important;}
/* Couleur de police : fonction du chat, pas du thème. */
body.chat-page[data-chat-font-color="anthracite"] .messages{color:#252b31;}
body.chat-page[data-chat-font-color="ivory"] .messages{color:#f4efe6;}
body.chat-page[data-chat-font-color="navy"] .messages{color:#18324a;}
body.chat-page[data-chat-font-color="soft-gray"] .messages{color:#66717b;}
body.chat-page[data-chat-font-color="auto"] .messages{color:var(--text);}
body.chat-page[data-chat-font-color] .message{color:inherit;}
html[data-theme="dark"] body.chat-page[data-chat-font-color="anthracite"] .messages{color:#d8dee5;}
html[data-theme="light"] body.chat-page[data-chat-font-color="ivory"] .messages{color:#33404a;}
/* Les modes n'altèrent plus l'existence du menu/panneau. */
body.chat-page.chat-expanded .chat-card,
body.chat-page.chat-focus .chat-card,
.maestra-app-shell:fullscreen .chat-card{
  height:100dvh;
  min-height:0;
}
/* Habillage Classic : minimal. */
body.ui-classic .binary-particles{opacity:.10;}
/* Habillage Signature : même structure, identité visuelle plus présente. */
body.ui-signature .binary-particles{opacity:.34;}
body.ui-signature .chat-card{background:color-mix(in srgb,var(--card) 40%,transparent);}
body.ui-signature .chat-toolbar-dot{box-shadow:0 0 18px rgba(58,210,255,.30);}
@media(max-width:760px){
  body.chat-page .chat-card,.maestra-app-shell:fullscreen .chat-card{width:calc(100vw - 28px);}
  body.chat-page .conversation-markers{display:none;}
  body.chat-page[data-panel-side="right"] .premium-menu-toggle{right:10px;}
  body.chat-page[data-panel-side="left"] .premium-menu-toggle{left:10px;}
}

/* V1.13 — menu latéral global sur toutes les pages publiques */
.app-global-controls .premium-menu-toggle{
  display:flex!important;
  position:fixed!important;
  top:max(12px,env(safe-area-inset-top));
  z-index:2147483000;
}
body[data-panel-side="right"] .app-global-controls .premium-menu-toggle{right:18px;left:auto;}
body[data-panel-side="left"] .app-global-controls .premium-menu-toggle{left:18px;right:auto;}
@media(max-width:760px){
  body[data-panel-side="right"] .app-global-controls .premium-menu-toggle{right:10px;}
  body[data-panel-side="left"] .app-global-controls .premium-menu-toggle{left:10px;}
}

/* ===== V1.14 — stabilité du viewport conversationnel =====
   Le compositeur appartient toujours à la grille visible : aucun bouton d’envoi
   ne peut sortir sous le viewport, quel que soit le thème ou le mode. */
body.chat-page .maestra-app-shell,
body.chat-page .shell,
body.chat-page .chat-card{
  height:100%;
  max-height:100dvh;
}
body.chat-page .chat-card{
  grid-template-rows:auto minmax(0,1fr) auto auto;
}
body.chat-page .chat-toolbar{
  min-height:56px;
  max-height:72px;
  flex:0 0 auto;
}
body.chat-page .messages{
  min-height:0;
  max-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
}
body.chat-page .classic-fixed-transparency{
  min-height:0;
  flex:0 0 auto;
}
body.chat-page .composer{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center;
  width:100%!important;
  max-width:100%;
  min-height:68px;
  margin:0 0 max(10px,env(safe-area-inset-bottom))!important;
  padding:10px 10px 10px 14px!important;
  overflow:visible;
}
body.chat-page .composer textarea{
  display:block;
  width:100%;
  min-width:0;
  min-height:46px;
  max-height:120px;
  margin:0;
}
body.chat-page .composer button[type="submit"]{
  display:grid!important;
  place-items:center;
  flex:0 0 auto;
  align-self:center;
  visibility:visible!important;
  opacity:1!important;
  z-index:2;
}
body.ui-classic .composer button[type="submit"]{
  width:44px;
  min-width:44px;
  height:44px;
}
body.ui-signature .composer button[type="submit"]{
  min-width:92px;
  min-height:46px;
}
.maestra-app-shell:fullscreen .composer{
  margin-bottom:max(10px,env(safe-area-inset-bottom))!important;
}
@media(max-width:650px){
  body.chat-page .chat-toolbar{min-height:52px;max-height:68px}
  body.chat-page .composer{min-height:64px;margin-bottom:max(8px,env(safe-area-inset-bottom))!important}
  body.ui-signature .composer button[type="submit"]{min-width:48px;padding-inline:10px}
}

/* ===== V1.14 finition publique — ressources conversationnelles ===== */
.message.agent:has(.message-resources){max-width:min(88%,760px)}
.message-resources{display:grid;gap:10px;margin-top:12px}
.resource-card{
  width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:12px 14px;text-align:left;border:1px solid var(--border);border-radius:14px;
  background:color-mix(in srgb,var(--accent) 7%,var(--card));color:var(--text)
}
.resource-card:hover{border-color:var(--accent);background:var(--accent-soft)}
.resource-card-type{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--accent)}
.resource-card strong{font-size:.92rem}.resource-card small{color:var(--muted);white-space:nowrap}
.resource-panel[hidden]{display:none}
.resource-panel{
  position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:18px;
  background:rgba(2,7,14,.78);backdrop-filter:blur(12px);opacity:0;transition:opacity .18s ease
}
.resource-panel.open{opacity:1}
.resource-panel-card{
  width:min(1100px,100%);height:min(88dvh,920px);display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;
  background:var(--card);border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:0 32px 100px rgba(0,0,0,.55)
}
.resource-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.resource-panel-head h2{margin:.15rem 0 0}.resource-notice{margin:0;color:var(--muted);line-height:1.5}
.resource-viewer{min-height:0;display:grid;place-items:stretch;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--bg2)}
.resource-frame{width:100%;height:100%;min-height:420px;border:0;background:#fff}
.spotify-frame{min-height:352px;align-self:center}
.resource-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.resource-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:12px;background:var(--accent);color:#04202a;font-weight:900;text-decoration:none}
.resource-link.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}
.resource-link[hidden]{display:none}
@media(max-width:650px){
  .resource-panel{padding:0}.resource-panel-card{width:100%;height:100dvh;border-radius:0;border:0;padding:12px}
  .resource-frame{min-height:0}.resource-actions{justify-content:stretch}.resource-link{flex:1}
  .resource-card{grid-template-columns:1fr}.resource-card small{white-space:normal}
}

/* ===== V1.14.2 — respiration conversationnelle ===== */
.thinking-message{
  min-width:58px;
  width:max-content;
  padding:14px 16px;
}
.thinking-dots{display:inline-flex;align-items:center;gap:5px;height:12px}
.thinking-dots i{
  display:block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.34;
  animation:maestraThinkingDot 1.05s ease-in-out infinite;
}
.thinking-dots i:nth-child(2){animation-delay:.14s}
.thinking-dots i:nth-child(3){animation-delay:.28s}
@keyframes maestraThinkingDot{
  0%,60%,100%{transform:translateY(0);opacity:.28}
  30%{transform:translateY(-3px);opacity:.9}
}
.response-reveal .typing-text::after{
  content:"";display:inline-block;width:1px;height:1em;margin-left:2px;vertical-align:-.12em;
  background:currentColor;opacity:.55;animation:maestraTypingCaret .75s step-end infinite;
}
@keyframes maestraTypingCaret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){
  .thinking-dots i,.response-reveal .typing-text::after{animation:none!important}
}
.motion-reduced .thinking-dots i,.motion-reduced .response-reveal .typing-text::after{animation:none!important}

/* V1.14.3 — lecteur Spotify directement dans la conversation */
.spotify-inline{display:grid;gap:10px;padding:12px;border:1px solid var(--line,#c9dbe6);border-radius:16px;background:rgba(255,255,255,.45);overflow:hidden}
.spotify-inline-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.spotify-inline-heading a{font-size:.86rem;text-decoration:none;font-weight:700}
.spotify-inline-frame{width:100%;min-height:352px;border:0;border-radius:12px;background:transparent}
@media (max-width:640px){.spotify-inline-frame{min-height:352px}}


/* ===== V1.14.4 — finition navigation, historique et confidentialité ===== */
/* Le mode Classic ne doit bloquer le défilement que sur la page de chat. */
body.content-page.ui-classic{height:auto!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}
body.content-page .page-shell{padding-bottom:40px}

.side-panel-nav a.active,
.side-panel-nav a[aria-current="page"]{
  background:var(--accent-soft);
  color:var(--text);
  box-shadow:inset 3px 0 0 var(--accent);
}
.inline-action-link{color:var(--accent);font-weight:800;text-decoration:none}
.inline-action-link:hover,.inline-action-link:focus-visible{text-decoration:underline}

.danger-soft{border-color:color-mix(in srgb,#de6464 55%,var(--border))!important;color:color-mix(in srgb,#de6464 75%,var(--text))!important}

.maestra-toast{
  position:fixed;z-index:1700;left:50%;bottom:26px;transform:translate(-50%,18px);
  min-width:min(340px,calc(100vw - 32px));max-width:560px;padding:13px 16px;border-radius:14px;
  border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--card) 96%,transparent);
  color:var(--text);box-shadow:var(--shadow);text-align:center;font-weight:800;opacity:0;transition:opacity .18s ease,transform .18s ease
}
.maestra-toast.show{opacity:1;transform:translate(-50%,0)}

.consent-banner[hidden]{display:none}
.consent-banner{
  position:fixed;z-index:1400;left:0;right:0;bottom:0;padding:14px;
  opacity:0;transform:translateY(16px);transition:opacity .2s ease,transform .2s ease;pointer-events:none
}
.consent-banner.show{opacity:1;transform:translateY(0);pointer-events:auto}
.consent-banner-card{
  width:min(1180px,calc(100% - 12px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--card) 97%,transparent);
  box-shadow:0 18px 60px rgba(0,0,0,.30);backdrop-filter:blur(16px)
}
.consent-banner-copy{display:grid;gap:5px;min-width:0}.consent-banner-copy span{color:var(--muted);line-height:1.45;font-size:.9rem}
.consent-banner-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.consent-banner-actions button{min-height:40px;padding:9px 13px}
@media(max-width:820px){.consent-banner-card{display:grid}.consent-banner-actions{justify-content:flex-start}}
@media(max-width:560px){.consent-banner{padding:8px}.consent-banner-card{width:100%;padding:14px}.consent-banner-actions{display:grid;grid-template-columns:1fr}.consent-banner-actions button{width:100%}}


/* ===== V1.14.6 — actions de conversation ===== */
.message.agent{position:relative}
.message-actions{
  display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-top:9px;padding-top:7px;
  border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)
}
.message-action{
  min-width:30px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  padding:4px 7px;border:0;border-radius:9px;background:transparent;color:var(--muted);
  font:inherit;font-size:.76rem;line-height:1;box-shadow:none;cursor:pointer
}
.message-action:hover,.message-action:focus-visible{background:var(--accent-soft);color:var(--text);outline:none}
.message-action[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent)}
.message-action.future-action{opacity:.48;cursor:not-allowed}
.message-action.future-action:hover{background:transparent;color:var(--muted)}
.message-action small{font-size:.62rem;letter-spacing:.03em;text-transform:uppercase}
.copy-conversation-button{min-width:auto}
@media(max-width:760px){
  .message-actions{gap:2px}
  .message-action{padding:4px 6px}
  .message-action .action-label{display:none}
  .message-action.future-action small{display:none}
  .copy-conversation-button .mode-label{display:none}
  .copy-conversation-button{width:38px;padding-inline:8px}
}