:root{
  font-family:var(--maestra-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
  font-size:var(--maestra-font-size-base,16px);
  color-scheme:dark;
  --bg:var(--maestra-color-background,#050d19);--bg2:var(--maestra-color-background-alt,#081421);
  --card:var(--maestra-color-surface,#0b1d31);--card2:var(--maestra-color-surface-alt,#0d263f);
  --text:var(--maestra-color-text,#f7fbff);--muted:var(--maestra-color-text-muted,#a8bfd3);
  --accent:var(--maestra-color-primary,#42d7ff);--accent-soft:var(--maestra-hover-bg,rgba(66,215,255,.12));
  --border:var(--maestra-color-border,#1e4f70);--shadow:var(--maestra-shadow-md,0 26px 80px rgba(0,0,0,.34));
}
html[data-theme="light"]{
  color-scheme:light;
}
*{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);line-height:var(--maestra-line-height,1.58)}
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:var(--maestra-header-bg,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:var(--maestra-card-bg,color-mix(in srgb,var(--card) 96%,transparent));border:1px solid var(--border);border-radius:var(--maestra-radius-lg,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:var(--maestra-spacing-lg,24px);display:flex;flex-direction:column;gap:12px}.message{max-width:82%;padding:13px 15px;border:1px solid var(--border);border-radius:var(--maestra-radius-md,16px);background:var(--maestra-bubble-agent-bg,var(--card2));line-height:var(--maestra-line-height,1.58)}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:var(--maestra-bubble-user-bg,color-mix(in srgb,var(--accent) 16%,var(--card2)))}.message.system{align-self:center;color:var(--muted);font-size:var(--maestra-font-size-sm,.9rem);background:transparent}
.composer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 24px;border-top:1px solid var(--border);background:var(--maestra-composer-bg,transparent)}textarea,input,select{border:1px solid var(--maestra-input-border,var(--border));border-radius:var(--maestra-radius-sm,12px);padding:14px;background:var(--maestra-input-bg,var(--bg2));color:var(--maestra-input-text,var(--text))}textarea{resize:none;min-height:54px;max-height:160px}
button{border:0;border-radius:var(--maestra-radius-sm,12px);padding:0 20px;background:var(--maestra-button-bg,var(--accent));color:var(--maestra-button-text,#04202a);font-weight:var(--maestra-font-weight-strong,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;box-shadow:var(--maestra-focus-ring,0 0 0 3px rgba(66,215,255,.38))}::selection{background:var(--maestra-selection-bg,var(--accent));color:var(--maestra-selection-text,#04202a)}*{scrollbar-color:var(--maestra-scrollbar-thumb,var(--border)) var(--maestra-scrollbar-track,var(--bg2))}

@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}
body.ui-classic:not(.classic-presence-breathing) .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.theme-page-fixed{
  height:100dvh;
  overflow:hidden;
}
body.theme-hide-header .site-header,
body.theme-hide-footer .site-footer{
  display:none!important;
}
body.ui-classic.theme-page-fixed .shell{
  position:relative;
  height:100dvh;
  padding:0;
  display:grid;
  place-items:center;
}
body.ui-classic.theme-page-fixed .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.theme-page-fixed .chat-toolbar{
  flex:0 0 auto;
  padding-top:10px;
  background:var(--bg2);
}
body.ui-classic.theme-page-fixed .messages{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:18px 0 24px;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.ui-classic.theme-page-fixed .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.theme-page-fixed .composer{
  position:relative;
  bottom:auto;
  flex:0 0 auto;
  margin:0 0 10px;
}
body.ui-classic.theme-hide-footer .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}
}

/* V1.15.2 — liens sûrs rendus cliquables dans les réponses */
.message.agent p a.maestra-inline-link{color:var(--accent);font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.message.agent p a.maestra-inline-link:hover,.message.agent p a.maestra-inline-link:focus-visible{text-decoration-thickness:2px}

/* V1.15.5 — réponses enrichies du Conversation Builder */
.message .message-rich-content{display:grid;gap:.48em;line-height:1.58;overflow-wrap:anywhere}
.message .message-rich-content p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.message .message-rich-content .maestra-rich-list{margin:.05em 0;padding-left:1.45rem;display:grid;gap:.22em}
.message .message-rich-content strong{font-weight:850}.message .message-rich-content em{font-style:italic}
.message .message-rich-content a.maestra-inline-link,.message .message-rich-content a.maestra-media-link{color:var(--accent);font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.message .message-rich-content a:hover,.message .message-rich-content a:focus-visible{text-decoration-thickness:2px}
.message .maestra-rich-media{display:grid;gap:8px;margin:.2em 0;padding:9px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--card2) 88%,transparent)}
.message .maestra-rich-media img,.message .maestra-rich-media video{display:block;max-width:100%;max-height:420px;border-radius:9px}.message .maestra-rich-media audio{width:100%}.message .maestra-rich-media small{color:var(--muted)}.message .maestra-rich-media-invalid{color:var(--muted);font-size:.88rem}

/* V1.15.7 — rendu public des réponses Studio */
.studio-public-response{display:grid;gap:10px;width:100%}.studio-public-response h2,.studio-public-response h3,.studio-public-response h4{margin:0;line-height:1.25}.studio-public-paragraph{display:grid;gap:7px}.studio-public-paragraph p{margin:0}.studio-public-list{margin:0;padding-left:1.35rem;display:grid;gap:5px}.studio-public-frame{display:grid;gap:7px;padding:12px 13px;border:1px solid rgba(110,160,200,.22);border-left-width:3px;border-radius:12px;background:rgba(255,255,255,.03)}.studio-public-frame-title{font-size:.96rem}.studio-tone-default{border-color:rgba(110,160,200,.22);background:rgba(255,255,255,.03)}.studio-tone-info,.studio-tone-classic{border-color:rgba(71,170,230,.38);background:rgba(71,170,230,.075)}.studio-tone-warning{border-color:rgba(231,180,91,.48);background:rgba(231,180,91,.09)}.studio-tone-danger{border-color:rgba(225,82,82,.46);background:rgba(225,82,82,.075)}.studio-tone-success{border-color:rgba(52,190,125,.44);background:rgba(52,190,125,.075)}.studio-tone-quote{border-color:rgba(104,145,210,.40);background:rgba(104,145,210,.065)}.studio-tone-quote .studio-public-frame-title{font-style:italic}.studio-tone-tip{border-color:rgba(45,190,185,.42);background:rgba(45,190,185,.07)}.studio-tone-important{border-color:rgba(154,105,225,.42);background:rgba(154,105,225,.07)}.studio-public-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-public-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid rgba(71,215,255,.36);border-radius:10px;background:rgba(71,215,255,.09);color:inherit;text-decoration:none;font-weight:800}.studio-public-button:hover{background:rgba(71,215,255,.15)}.studio-public-media{display:grid;gap:7px;padding:9px;border:1px solid rgba(110,160,200,.18);border-radius:11px;background:rgba(255,255,255,.025)}.studio-public-media img,.studio-public-media video{max-width:100%;max-height:380px;border-radius:9px}.studio-public-media audio{width:100%}.studio-public-divider{width:100%;border:0;border-top:1px solid rgba(110,160,200,.22);margin:4px 0}.studio-response-reveal .studio-public-response{animation:studioResponseIn .22s ease both}@keyframes studioResponseIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* 1.15.10 — widgets de modules publics */
.module-widget-stack{display:grid;gap:12px;margin-top:12px}.module-widget-host{min-width:0}.module-widget-unavailable{margin:0;padding:10px 12px;border:1px dashed rgba(130,170,195,.45);border-radius:12px;opacity:.8}

/* V1.15.11 — médias pilotables, YouTube et documents */
.studio-public-media,.studio-public-youtube,.studio-public-document{box-sizing:border-box;max-width:100%}
.studio-public-media img,.studio-public-media video{display:block;width:100%;height:auto;object-fit:contain;margin-inline:auto}
.studio-public-media audio{display:block;width:100%}
.studio-public-youtube{display:grid;gap:8px;padding:9px;border:1px solid rgba(110,160,200,.18);border-radius:11px;background:rgba(255,255,255,.025)}
.studio-youtube-ratio{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#000}
.studio-youtube-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.studio-public-document{display:grid;gap:9px;padding:10px;border:1px solid rgba(110,160,200,.18);border-radius:12px;background:rgba(255,255,255,.025)}
.studio-public-document-title{font-size:.96rem}.studio-public-document-frame{display:block;width:100%;border:1px solid rgba(110,160,200,.22);border-radius:9px;background:#fff}
.studio-public-document-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(110,160,200,.17);border-radius:9px;background:rgba(255,255,255,.025)}
.studio-public-document-icon{display:inline-grid;place-items:center;min-width:48px;height:34px;padding:0 8px;border-radius:7px;background:rgba(71,215,255,.09);border:1px solid rgba(71,215,255,.24);font-size:.72rem;font-weight:900}
.studio-public-document-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-public-document-link{color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:.86rem}.studio-public-invalid{color:var(--muted);font-size:.9rem}
@media(max-width:640px){.studio-public-media,.studio-public-youtube,.studio-public-document{width:100%!important}.studio-public-document-frame{height:420px!important}}

/* V1.15.12 — médias équilibrés et centrés par défaut */
.studio-public-response>.studio-public-media,.studio-public-response>.studio-public-youtube,.studio-public-response>.studio-public-document{justify-self:center}
.studio-public-media img,.studio-public-media video{margin-inline:auto}
.studio-public-media-image img{cursor:zoom-in}
@media(min-width:761px){.studio-public-media-image{max-width:min(100%,560px)}.studio-public-media-video{max-width:min(100%,620px)}.studio-public-youtube{max-width:min(100%,680px)}}
/* Contrat Module V2 — composants publics déclaratifs héritant exclusivement du Theme Contract. */
.maestra-module-component{margin:var(--maestra-spacing-sm,8px) var(--maestra-spacing-lg,24px);padding:var(--maestra-spacing-md,16px);border:1px solid var(--maestra-color-border,var(--border));border-radius:var(--maestra-radius-md,16px);background:var(--maestra-card-bg,var(--card));color:var(--maestra-color-text,var(--text));box-shadow:var(--maestra-shadow-md,var(--shadow))}
.maestra-module-component strong{color:var(--maestra-module-component-accent,var(--maestra-color-primary,var(--accent)))}.maestra-module-component p{margin:.45rem 0 0;color:var(--maestra-color-text-muted,var(--muted))}
@media(max-width:650px){.maestra-module-component{margin:8px 16px;padding:12px}}

/* ===== P1 / CHECKPOINT B — PROPRIÉTÉ LAYOUT / BEHAVIOR =====
   Règles canoniques chargées après les styles historiques : la géométrie et
   les états fonctionnels dépendent uniquement du contrat Layout. */
body.chat-page[data-layout-page-fixed="true"]{height:100dvh;overflow:hidden}
body.chat-page[data-layout-overflow="document"]{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}
body[data-layout-header-visible="false"] .site-header,
body[data-layout-footer-visible="false"] .site-footer{display:none!important}
body.chat-page[data-layout-profile="conversation-first"] .shell{
  position:relative;width:100%;max-width:none;height:100dvh;min-height:100dvh;
  padding:0;display:grid;place-items:center;overflow:hidden
}
body.chat-page[data-layout-profile="conversation-first"] .chat-card{
  width:min(var(--layout-reading-width,860px),calc(100vw - 120px));max-width:none;
  height:100dvh;min-height:0;margin:0 auto;display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden
}
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar{
  flex:0 0 auto;min-height:58px;padding:10px 14px 10px 18px
}
body.chat-page[data-layout-profile="conversation-first"] .messages{
  min-height:0;max-height:100%;padding:18px 0 24px;gap:26px;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable
}
body.chat-page[data-layout-profile="conversation-first"] .message{max-width:100%;width:auto}
body.chat-page[data-layout-profile="conversation-first"] .message.user{align-self:flex-end;max-width:min(78%,680px)}
body.chat-page[data-layout-profile="conversation-first"] .composer{
  position:relative;bottom:auto;z-index:12;width:100%;
  margin:0 0 max(10px,env(safe-area-inset-bottom));padding:10px 10px 10px 14px;
  grid-template-columns:1fr auto
}
body.chat-page[data-layout-profile="conversation-first"] .classic-fixed-transparency{
  display:block;flex:0 0 auto;padding:6px 10px 2px;text-align:center
}
body.chat-page[data-layout-profile="conversation-first"] .signature-history-note{display:none}
body.chat-page[data-layout-profile="conversation-first"] .premium-menu-toggle{
  position:fixed;top:16px;z-index:2147483000
}
body.chat-page[data-layout-profile="conversation-first"].chat-expanded .chat-card{
  width:min(1100px,calc(100vw - 40px));height:100dvh;min-height:0
}
body.chat-page[data-layout-profile="conversation-first"].chat-focus .chat-card,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .chat-card{
  width:100vw;height:100dvh;min-height:0
}
body.chat-page[data-layout-profile="conversation-first"].chat-focus .messages,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .messages,
body.chat-page[data-layout-profile="conversation-first"].chat-focus .composer,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .composer,
body.chat-page[data-layout-profile="conversation-first"].chat-focus .chat-toolbar,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .chat-toolbar{
  width:min(var(--layout-reading-width,860px),calc(100% - 32px));margin-inline:auto
}
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)}
body[data-panel-side="right"] .premium-menu-toggle{right:18px;left:auto}
body[data-panel-side="left"] .premium-menu-toggle{left:18px;right:auto}
body.chat-page[data-layout-profile="conversation-first"] .conversation-markers{
  position:fixed;top:12%;bottom:12%;width:28px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:4px
}
body[data-panel-side="right"] .conversation-markers{left:22px;right:auto}
body[data-panel-side="left"] .conversation-markers{right:22px;left:auto}
body[data-chat-font-color="anthracite"] .messages{color:#252b31}
body[data-chat-font-color="ivory"] .messages{color:#f4efe6}
body[data-chat-font-color="navy"] .messages{color:#18324a}
body[data-chat-font-color="soft-gray"] .messages{color:#66717b}
body[data-chat-font-color="auto"] .messages{color:var(--text)}
html[data-theme="dark"] body[data-chat-font-color="anthracite"] .messages{color:#d8dee5}
html[data-theme="light"] body[data-chat-font-color="ivory"] .messages{color:#33404a}
@media(max-width:760px){
  body.chat-page[data-layout-profile="conversation-first"] .chat-card{width:calc(100vw - 28px)}
  body.chat-page[data-layout-profile="conversation-first"] .messages{padding:16px 2px 110px}
  body.chat-page[data-layout-profile="conversation-first"] .message.user{max-width:88%}
  body.chat-page[data-layout-profile="conversation-first"] .conversation-markers{display:none}
  body.chat-page[data-layout-profile="conversation-first"] .premium-menu-toggle{top:10px}
  body[data-panel-side="right"] .premium-menu-toggle{right:10px}
  body[data-panel-side="left"] .premium-menu-toggle{left:10px}
}

/* ==========================================================================\n   CANDIDATE REPAIR 1 — PUBLIC STABILISATION\n   Maestra 1.15.19 — 23/08/2026\n   Périmètre : rendu public + géométrie des modes d'affichage.\n   Aucun changement de runtime, conversation, sécurité, administration ou hash.\n   Cette couche est volontairement append-only et réversible.\n   ========================================================================== */

/* --- Socle visuel public : Clean Premium, aligné sur le portfolio --- */
body.chat-page[data-layout-profile="conversation-first"]{
  background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);
}
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell{
  background:transparent;
}
body.chat-page[data-layout-profile="conversation-first"] .chat-card{
  width:min(var(--layout-reading-width,860px),calc(100vw - 120px));
  max-width:none;
  height:100dvh;
  min-height:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

/* Barre conversationnelle : sobre, lisible et cohérente avec l'accent du thème. */
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar{
  min-height:58px;
  padding:10px 6px 10px 10px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--border) 66%,transparent);
  background:color-mix(in srgb,var(--bg2) 94%,transparent);
  backdrop-filter:blur(12px);
}
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar-brand strong{
  color:var(--text);
  font-weight:var(--maestra-font-weight-strong,800);
}
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar-subtitle{
  color:var(--muted);
}
body.chat-page[data-layout-profile="conversation-first"] .mode-button,
body.chat-page[data-layout-profile="conversation-first"] .chat-new-button{
  border:1px solid transparent;
  background:transparent;
  color:var(--muted);
  box-shadow:none;
}
body.chat-page[data-layout-profile="conversation-first"] .mode-button:hover,
body.chat-page[data-layout-profile="conversation-first"] .chat-new-button:hover{
  border-color:color-mix(in srgb,var(--accent) 20%,var(--border));
  background:var(--accent-soft);
  color:var(--accent);
}
body.chat-page[data-layout-profile="conversation-first"] .mode-button[aria-pressed="true"]{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--border));
  background:var(--accent-soft);
  color:var(--accent);
}

/* Conversation : l'agent reste léger, l'utilisateur est identifié par l'accent. */
body.chat-page[data-layout-profile="conversation-first"] .messages{
  padding:24px 2px 28px;
  gap:24px;
}
body.chat-page[data-layout-profile="conversation-first"] .message{
  color:inherit;
  line-height:1.68;
}
body.chat-page[data-layout-profile="conversation-first"] .message.agent{
  align-self:stretch;
  max-width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.chat-page[data-layout-profile="conversation-first"] .message.user{
  align-self:flex-end;
  max-width:min(78%,680px);
  padding:12px 16px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));
  border-radius:18px;
  background:var(--maestra-bubble-user-bg,var(--accent-soft));
  box-shadow:none;
}
body.chat-page[data-layout-profile="conversation-first"] .message.system{
  color:var(--muted);
}

/* Compositeur : surface blanche/sombre propre, accent principal sur l'envoi. */
body.chat-page[data-layout-profile="conversation-first"] .classic-fixed-transparency{
  padding:6px 10px 3px;
  color:var(--muted);
  background:transparent;
}
body.chat-page[data-layout-profile="conversation-first"] .composer{
  position:relative!important;
  bottom:auto!important;
  width:100%!important;
  min-height:68px;
  margin:0 0 max(12px,env(safe-area-inset-bottom))!important;
  padding:10px 10px 10px 16px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center;
  border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));
  border-radius:24px;
  background:var(--maestra-composer-bg,var(--card));
  box-shadow:0 10px 30px color-mix(in srgb,var(--text) 8%,transparent);
  backdrop-filter:blur(12px);
}
body.chat-page[data-layout-profile="conversation-first"] .composer::before{
  animation:none!important;
  opacity:0!important;
}
body.chat-page[data-layout-profile="conversation-first"] .composer textarea{
  width:100%;
  min-width:0;
  min-height:46px;
  max-height:120px;
  margin:0;
  padding:12px 8px;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  box-shadow:none;
}
body.chat-page[data-layout-profile="conversation-first"] .composer textarea::placeholder{
  color:color-mix(in srgb,var(--muted) 82%,transparent);
}
body.chat-page[data-layout-profile="conversation-first"] .composer button[type="submit"]{
  position:relative;
  display:grid!important;
  place-items:center;
  width:46px;
  min-width:46px;
  height:46px;
  min-height:46px;
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--accent);
  color:transparent;
  box-shadow:none;
  overflow:hidden;
}
body.chat-page[data-layout-profile="conversation-first"] .composer button[type="submit"]::before{
  content:"↑";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:var(--maestra-button-text,#fff);
  font-size:1.08rem;
  font-weight:900;
  line-height:1;
}
body.chat-page[data-layout-profile="conversation-first"] .composer button[type="submit"]:hover{
  filter:brightness(.96);
  transform:translateY(-1px);
}

/* Hamburger / panneau : même famille visuelle que le portfolio. */
body.chat-page[data-layout-profile="conversation-first"] .premium-menu-toggle{
  width:44px;
  height:44px;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));
  border-radius:12px;
  background:var(--card);
  color:var(--accent);
  box-shadow:0 8px 24px color-mix(in srgb,var(--text) 7%,transparent);
}
body.chat-page[data-layout-profile="conversation-first"] .side-panel{
  width:min(390px,94vw);
  background:var(--maestra-panel-bg,var(--card));
  border-color:color-mix(in srgb,var(--accent) 16%,var(--border));
  box-shadow:24px 0 60px rgba(10,18,35,.16);
  backdrop-filter:none;
}
body.chat-page[data-layout-profile="conversation-first"][data-panel-side="right"] .side-panel{
  box-shadow:-24px 0 60px rgba(10,18,35,.16);
}
body.chat-page[data-layout-profile="conversation-first"] .side-panel-backdrop{
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(2px);
}
body.chat-page[data-layout-profile="conversation-first"] .engine-status-card{
  border-color:color-mix(in srgb,var(--accent) 16%,var(--border));
  background:color-mix(in srgb,var(--card) 96%,var(--accent-soft));
}
body.chat-page[data-layout-profile="conversation-first"] .panel-segmented{
  border-color:color-mix(in srgb,var(--accent) 18%,var(--border));
  background:color-mix(in srgb,var(--bg2) 84%,var(--card));
}
body.chat-page[data-layout-profile="conversation-first"] .panel-segmented button[aria-pressed="true"]{
  background:var(--card);
  color:var(--accent);
  box-shadow:0 4px 14px color-mix(in srgb,var(--text) 7%,transparent);
}
body.chat-page[data-layout-profile="conversation-first"] .side-panel-nav a.active,
body.chat-page[data-layout-profile="conversation-first"] .side-panel-nav a[aria-current="page"]{
  background:var(--accent-soft);
  color:var(--text);
  box-shadow:inset 3px 0 0 var(--accent);
}

/* --- Modes d'affichage : états visuellement distincts et réversibles --- */
/* Normal : largeur de lecture contractuelle. */
body.chat-page[data-layout-profile="conversation-first"]:not(.chat-expanded):not(.chat-focus) .chat-card{
  width:min(var(--layout-reading-width,860px),calc(100vw - 120px));
}

/* Agrandir : vraie extension du canevas, sans toucher au runtime JS. */
body.chat-page[data-layout-profile="conversation-first"].chat-expanded .chat-card{
  width:min(1380px,calc(100vw - 48px));
  height:100dvh;
  min-height:0;
}
body.chat-page[data-layout-profile="conversation-first"].chat-expanded .messages,
body.chat-page[data-layout-profile="conversation-first"].chat-expanded .composer,
body.chat-page[data-layout-profile="conversation-first"].chat-expanded .chat-toolbar,
body.chat-page[data-layout-profile="conversation-first"].chat-expanded .classic-fixed-transparency{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto;
}

/* Concentration : viewport complet, largeur de lecture confortable centrée. */
body.chat-page[data-layout-profile="conversation-first"].chat-focus .chat-card{
  width:100vw;
  height:100dvh;
  min-height:0;
  background:var(--bg2);
}
body.chat-page[data-layout-profile="conversation-first"].chat-focus .messages,
body.chat-page[data-layout-profile="conversation-first"].chat-focus .composer,
body.chat-page[data-layout-profile="conversation-first"].chat-focus .chat-toolbar,
body.chat-page[data-layout-profile="conversation-first"].chat-focus .classic-fixed-transparency{
  width:min(980px,calc(100% - 40px));
  margin-inline:auto;
}

/* Plein écran natif : même logique que Concentration, sous la racine app-shell. */
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen{
  background:var(--bg2);
}
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .chat-card{
  width:100vw;
  height:100dvh;
  min-height:0;
  background:var(--bg2);
}
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .messages,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .composer,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .chat-toolbar,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .classic-fixed-transparency{
  width:min(980px,calc(100% - 40px));
  margin-inline:auto;
}

/* Responsive : aucune largeur forcée hors viewport et compositeur toujours visible. */
@media(max-width:760px){
  body.chat-page[data-layout-profile="conversation-first"] .chat-card,
  body.chat-page[data-layout-profile="conversation-first"].chat-expanded .chat-card,
  body.chat-page[data-layout-profile="conversation-first"].chat-focus .chat-card,
  body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .chat-card{
    width:100vw;
  }
  body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar{
    padding-inline:54px 8px;
  }
  body.chat-page[data-layout-profile="conversation-first"] .messages{
    padding:16px 16px 22px;
  }
  body.chat-page[data-layout-profile="conversation-first"] .message.user{
    max-width:88%;
  }
  body.chat-page[data-layout-profile="conversation-first"] .composer,
  body.chat-page[data-layout-profile="conversation-first"].chat-expanded .composer,
  body.chat-page[data-layout-profile="conversation-first"].chat-focus .composer,
  body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .composer{
    width:calc(100% - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-bottom:max(8px,env(safe-area-inset-bottom))!important;
    border-radius:20px;
  }
  body.chat-page[data-layout-profile="conversation-first"].chat-expanded .messages,
  body.chat-page[data-layout-profile="conversation-first"].chat-expanded .chat-toolbar,
  body.chat-page[data-layout-profile="conversation-first"].chat-expanded .classic-fixed-transparency,
  body.chat-page[data-layout-profile="conversation-first"].chat-focus .messages,
  body.chat-page[data-layout-profile="conversation-first"].chat-focus .chat-toolbar,
  body.chat-page[data-layout-profile="conversation-first"].chat-focus .classic-fixed-transparency,
  body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .messages,
  body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .chat-toolbar,
  body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .classic-fixed-transparency{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  body.chat-page[data-layout-profile="conversation-first"] .composer button[type="submit"]:hover{
    transform:none;
  }
}

/* ==========================================================================\n   CANDIDATE REPAIR 2 — CONTROL PLANE FOREGROUND\n   Maestra 1.15.19 — 23/08/2026\n   Périmètre : barre de commandes publique uniquement.\n   Objectif : la toolbar reste toujours visuellement au-dessus de la conversation.\n   Aucun changement JavaScript, runtime, conversation, sécurité, administration ou hash.\n   ========================================================================== */

/* La barre de commandes est la couche maîtresse du chat public. */
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar{
  position:relative!important;
  z-index:200!important;
  isolation:isolate;
  grid-row:1;
  width:100%;
  overflow:visible;
  background:var(--bg2)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--text) 5%,transparent);
}

/* Le contenu conversationnel reste strictement sous le plan de commandes. */
body.chat-page[data-layout-profile="conversation-first"] .messages{
  position:relative;
  z-index:1;
  grid-row:2;
}
body.chat-page[data-layout-profile="conversation-first"] .classic-fixed-transparency{
  position:relative;
  z-index:2;
  grid-row:3;
}
body.chat-page[data-layout-profile="conversation-first"] .composer{
  position:relative!important;
  z-index:20!important;
  grid-row:4;
}

/* Les actions et l'identité de la toolbar ne peuvent jamais passer sous un média/message. */
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar-brand,
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar-actions,
body.chat-page[data-layout-profile="conversation-first"] .mode-button,
body.chat-page[data-layout-profile="conversation-first"] .chat-new-button{
  position:relative;
  z-index:2;
}

/* Même règle dans les trois états de layout et en plein écran natif. */
body.chat-page[data-layout-profile="conversation-first"].chat-expanded .chat-toolbar,
body.chat-page[data-layout-profile="conversation-first"].chat-focus .chat-toolbar,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .chat-toolbar{
  position:relative!important;
  top:auto!important;
  z-index:200!important;
  background:var(--bg2)!important;
}

/* Petit garde-fou : aucun contenu riche ne crée un plan supérieur à la toolbar. */
body.chat-page[data-layout-profile="conversation-first"] .message,
body.chat-page[data-layout-profile="conversation-first"] .studio-public-response,
body.chat-page[data-layout-profile="conversation-first"] .studio-public-media,
body.chat-page[data-layout-profile="conversation-first"] .studio-public-youtube,
body.chat-page[data-layout-profile="conversation-first"] .studio-public-document{
  position:relative;
  z-index:auto;
}

/* ==========================================================================
   CANDIDATE REPAIR 3 — SHOWCASE BAR RESTORED TO TOP
   Maestra 1.15.19 — 23/08/2026
   Périmètre : ordre visuel du bandeau public + toolbar uniquement.
   Objectif : remettre « Maestra 1.15.19 / Découvrir cette version / Évolutions »
   au-dessus de la barre de commandes, sans toucher au runtime.
   ========================================================================== */

/* Le bandeau de version redevient le premier niveau du chat public. */
body.chat-page[data-layout-profile="conversation-first"] .public-showcase-bar{
  position:relative;
  z-index:220;
  grid-row:1;
  width:100%;
  background:var(--bg2);
  border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent);
}

/* La barre de commandes reste maîtresse, juste sous le bandeau de version. */
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar{
  grid-row:2!important;
  z-index:200!important;
}

/* La conversation commence après les deux barres supérieures. */
body.chat-page[data-layout-profile="conversation-first"] .messages{
  grid-row:3!important;
}

/* On libère les lignes suivantes pour respecter l'ordre DOM réel
   (transparence, éventuels composants module, compositeur). */
body.chat-page[data-layout-profile="conversation-first"] .classic-fixed-transparency,
body.chat-page[data-layout-profile="conversation-first"] .composer{
  grid-row:auto!important;
}

/* Trois premières lignes canoniques ; le reste est auto-géré pour rester
   compatible avec les composants publics de modules éventuels. */
body.chat-page[data-layout-profile="conversation-first"] .chat-card{
  grid-template-rows:auto auto minmax(0,1fr);
  grid-auto-rows:auto;
}

/* Même ordre dans Agrandir, Concentration et Plein écran. */
body.chat-page[data-layout-profile="conversation-first"].chat-expanded .public-showcase-bar,
body.chat-page[data-layout-profile="conversation-first"].chat-focus .public-showcase-bar,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .public-showcase-bar{
  position:relative;
  top:auto;
  z-index:220;
  background:var(--bg2);
}


/* ==========================================================================
   CANDIDATE REPAIR 4 — COLLAPSIBLE PUBLIC TOP BARS
   Maestra 1.15.19 — 23/08/2026
   Périmètre : deux barres publiques supérieures + commande de repli uniquement.
   Objectif : gagner de la hauteur sans toucher au moteur conversationnel,
   aux modes d'affichage, à la sécurité, à l'administration ni aux hashes.
   ========================================================================== */

/* Le bouton de repli est une commande publique indépendante des runtimes chat/layout. */
body.chat-page[data-layout-profile="conversation-first"] .chat-card{
  position:relative;
}

body.chat-page[data-layout-profile="conversation-first"] .public-bars-toggle{
  position:absolute;
  inset-block-start:7px;
  inset-inline-end:8px;
  z-index:260;
  display:inline-grid;
  place-items:center;
  width:28px;
  min-width:28px;
  height:28px;
  min-height:28px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));
  border-radius:999px;
  background:color-mix(in srgb,var(--bg2) 96%,transparent);
  color:var(--muted);
  box-shadow:none;
  cursor:pointer;
  font:inherit;
  line-height:1;
}

body.chat-page[data-layout-profile="conversation-first"] .public-bars-toggle:hover,
body.chat-page[data-layout-profile="conversation-first"] .public-bars-toggle:focus-visible{
  color:var(--text);
  border-color:color-mix(in srgb,var(--accent) 58%,var(--border));
  background:color-mix(in srgb,var(--accent) 9%,var(--bg2));
}

body.chat-page[data-layout-profile="conversation-first"] .public-bars-toggle:focus-visible{
  outline:2px solid color-mix(in srgb,var(--accent) 62%,transparent);
  outline-offset:2px;
}

body.chat-page[data-layout-profile="conversation-first"] .public-bars-toggle span{
  display:block;
  transform:translateY(-1px);
  font-size:1rem;
  font-weight:900;
  pointer-events:none;
}

/* État replié : les deux barres disparaissent réellement du layout. */
body.chat-page[data-layout-profile="conversation-first"] .chat-card.public-bars-collapsed .public-showcase-bar,
body.chat-page[data-layout-profile="conversation-first"] .chat-card.public-bars-collapsed .chat-toolbar{
  display:none!important;
}

/* Les deux premières lignes de grille deviennent nulles ; la conversation récupère l'espace. */
body.chat-page[data-layout-profile="conversation-first"] .chat-card.public-bars-collapsed{
  grid-template-rows:0 0 minmax(0,1fr);
}

/* Une réserve minimale empêche seulement la petite flèche de recouvrir le premier contenu. */
body.chat-page[data-layout-profile="conversation-first"] .chat-card.public-bars-collapsed .messages{
  padding-top:max(28px,env(safe-area-inset-top));
}

/* Même comportement en Agrandir, Concentration et Plein écran. */
body.chat-page[data-layout-profile="conversation-first"].chat-expanded .public-bars-toggle,
body.chat-page[data-layout-profile="conversation-first"].chat-focus .public-bars-toggle,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .public-bars-toggle{
  position:absolute;
  inset-block-start:7px;
  inset-inline-end:8px;
  z-index:260;
}

@media(max-width:760px){
  body.chat-page[data-layout-profile="conversation-first"] .public-bars-toggle{
    width:26px;
    min-width:26px;
    height:26px;
    min-height:26px;
    inset-block-start:8px;
    inset-inline-end:6px;
  }
  body.chat-page[data-layout-profile="conversation-first"] .chat-card.public-bars-collapsed .messages{
    padding-top:max(26px,env(safe-area-inset-top));
  }
}

/* ==========================================================================
   CANDIDATE REPAIR 5 — COMPOSER STAYS AT BOTTOM WHEN TOP BARS ARE COLLAPSED
   Maestra 1.15.19 — 23/08/2026
   Périmètre : état visuel public-bars-collapsed uniquement.
   Objectif : conserver le compositeur en bas du viewport quand les deux barres
   supérieures sont repliées, sans toucher au JavaScript ni au moteur chat.
   ========================================================================== */

/*
 * V04 utilisait display:none sur les deux barres. En CSS Grid, elles cessaient
 * alors d'occuper les lignes 1 et 2 ; les éléments auto-placés suivants
 * pouvaient remonter avant la conversation, notamment le compositeur.
 *
 * V05 garde les deux éléments dans la grille mais réduit leurs lignes à 0 px.
 * La structure DOM reste donc ordonnée : barres -> messages -> transparence ->
 * éventuels modules -> compositeur. Le compositeur reste ainsi en bas.
 */
body.chat-page[data-layout-profile="conversation-first"] .chat-card.public-bars-collapsed .public-showcase-bar,
body.chat-page[data-layout-profile="conversation-first"] .chat-card.public-bars-collapsed .chat-toolbar{
  display:flex!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  min-height:0!important;
  max-height:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* Les deux lignes supérieures restent occupées mais valent 0 px.
   La zone messages conserve toute la hauteur disponible et les éléments
   suivants restent naturellement sous elle. */
body.chat-page[data-layout-profile="conversation-first"] .chat-card.public-bars-collapsed{
  grid-template-rows:0 0 minmax(0,1fr) auto auto!important;
  grid-auto-rows:auto;
}

/* Le compositeur reste explicitement dans le flux après la conversation.
   Aucun positionnement fixed/sticky ajouté : on conserve le contrat V1.14. */
body.chat-page[data-layout-profile="conversation-first"] .chat-card.public-bars-collapsed .composer{
  position:relative!important;
  inset:auto!important;
  align-self:end;
}

/* ==========================================================================
   CANDIDATE REPAIR 6 — DESIGN PUBLIC / FONDATIONS VISUELLES
   Maestra 1.15.19 — 23/08/2026
   Périmètre : design public uniquement.
   Référence : langage visuel Clean Premium du portfolio CK.
   IMPORTANT : aucune géométrie fonctionnelle V01–V05 n'est modifiée ici.
   ========================================================================== */

/* Palette publique maîtrisée. Le mode visiteur Light/Dark reste propriétaire
   de l'apparence : V06 ne change pas la préférence, seulement son rendu. */
body.chat-page[data-layout-profile="conversation-first"]{
  --maestra-public-violet:#6547e8;
  --maestra-public-violet-strong:#5838dc;
  --maestra-public-violet-soft:#eeeaff;
  --maestra-public-navy:#121827;
  --maestra-public-line:#e5e7ef;
}

html[data-theme="light"] body.chat-page[data-layout-profile="conversation-first"],
html:not([data-theme]) body.chat-page[data-layout-profile="conversation-first"]{
  --bg:#f7f8fc;
  --bg2:#ffffff;
  --card:#ffffff;
  --card2:#f6f4ff;
  --text:#121827;
  --muted:#667085;
  --accent:var(--maestra-public-violet);
  --accent-soft:var(--maestra-public-violet-soft);
  --border:var(--maestra-public-line);
  --shadow:0 18px 48px rgba(17,24,39,.08);
  --maestra-button-text:#ffffff;
  color-scheme:light;
}

html[data-theme="dark"] body.chat-page[data-layout-profile="conversation-first"]{
  --bg:#080e18;
  --bg2:#0b1422;
  --card:#101a2a;
  --card2:#162238;
  --text:#f5f7fb;
  --muted:#a7b2c4;
  --accent:#927cff;
  --accent-soft:rgba(146,124,255,.13);
  --border:#28374d;
  --shadow:0 18px 48px rgba(0,0,0,.22);
  --maestra-button-text:#ffffff;
  color-scheme:dark;
}

/* Fond : calme, sans effet décoratif parasite. */
body.chat-page[data-layout-profile="conversation-first"]{
  background:var(--bg)!important;
  color:var(--text);
}
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell,
body.chat-page[data-layout-profile="conversation-first"] .shell,
body.chat-page[data-layout-profile="conversation-first"] .chat-card{
  background:transparent;
}
body.chat-page[data-layout-profile="conversation-first"] .binary-particles{
  opacity:.035!important;
}

/* Bandeau version : discret, propre, directement rattaché à la toolbar. */
body.chat-page[data-layout-profile="conversation-first"] .public-showcase-bar{
  background:var(--bg2)!important;
  border-bottom:1px solid var(--border)!important;
  color:var(--muted);
  box-shadow:none!important;
}
body.chat-page[data-layout-profile="conversation-first"] .public-showcase-bar button{
  color:var(--muted);
  font-weight:750;
  letter-spacing:.005em;
}
body.chat-page[data-layout-profile="conversation-first"] .public-showcase-bar button:hover,
body.chat-page[data-layout-profile="conversation-first"] .public-showcase-bar button:focus-visible{
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important;
  background:var(--accent-soft)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .public-showcase-discover{
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 36%,var(--border))!important;
  background:color-mix(in srgb,var(--accent-soft) 78%,var(--bg2))!important;
}

/* Toolbar : même langage que le header du portfolio — nette, blanche en Light,
   sans cyan ni transparence excessive. */
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar{
  background:var(--bg2)!important;
  border-bottom:1px solid var(--border)!important;
  box-shadow:none!important;
  color:var(--text);
}
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar-brand strong{
  color:var(--text)!important;
  font-weight:800;
}
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar-subtitle{
  color:var(--muted)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .chat-toolbar-dot{
  background:#39c89a!important;
  box-shadow:none!important;
}
body.chat-page[data-layout-profile="conversation-first"] .mode-button,
body.chat-page[data-layout-profile="conversation-first"] .chat-new-button{
  color:var(--muted)!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.chat-page[data-layout-profile="conversation-first"] .mode-button:hover,
body.chat-page[data-layout-profile="conversation-first"] .chat-new-button:hover,
body.chat-page[data-layout-profile="conversation-first"] .mode-button[aria-pressed="true"]{
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 22%,var(--border))!important;
  background:var(--accent-soft)!important;
}

/* Conversation : agent éditorial, utilisateur clairement identifié mais léger. */
body.chat-page[data-layout-profile="conversation-first"] .messages{
  color:var(--text);
  scrollbar-color:color-mix(in srgb,var(--accent) 24%,var(--border)) transparent;
}
body.chat-page[data-layout-profile="conversation-first"] .message.agent{
  color:var(--text);
}
body.chat-page[data-layout-profile="conversation-first"] .message.user{
  color:var(--text);
  background:color-mix(in srgb,var(--accent) 9%,var(--bg2))!important;
  border-color:color-mix(in srgb,var(--accent) 22%,var(--border))!important;
}
body.chat-page[data-layout-profile="conversation-first"] .message.system{
  color:var(--muted)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .message-actions{
  color:var(--muted);
}
body.chat-page[data-layout-profile="conversation-first"] .message-actions button,
body.chat-page[data-layout-profile="conversation-first"] .message-actions a{
  color:var(--muted)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .message-actions button:hover,
body.chat-page[data-layout-profile="conversation-first"] .message-actions a:hover{
  color:var(--accent)!important;
}

/* Médias et ressources : cartes blanches en Light, surfaces profondes en Dark,
   mêmes rayons et même finesse de bordure que le portfolio. */
body.chat-page[data-layout-profile="conversation-first"] .studio-public-media,
body.chat-page[data-layout-profile="conversation-first"] .studio-public-youtube,
body.chat-page[data-layout-profile="conversation-first"] .studio-public-document,
body.chat-page[data-layout-profile="conversation-first"] .maestra-module-component{
  border-color:var(--border)!important;
  background:var(--bg2)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body.chat-page[data-layout-profile="conversation-first"] .studio-public-document-card,
body.chat-page[data-layout-profile="conversation-first"] .public-changelog-entry,
body.chat-page[data-layout-profile="conversation-first"] .public-capability-grid span{
  border-color:var(--border)!important;
  background:color-mix(in srgb,var(--accent) 4%,var(--bg2))!important;
}
body.chat-page[data-layout-profile="conversation-first"] .studio-public-document-icon{
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important;
  background:var(--accent-soft)!important;
}

/* Compositeur : point focal fonctionnel, proche des champs du portfolio. */
body.chat-page[data-layout-profile="conversation-first"] .composer{
  background:var(--bg2)!important;
  border-color:color-mix(in srgb,var(--accent) 26%,var(--border))!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--text) 7%,transparent)!important;
}
html[data-theme="light"] body.chat-page[data-layout-profile="conversation-first"] .composer{
  box-shadow:0 10px 28px rgba(54,47,103,.08)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .composer textarea{
  color:var(--text)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .composer textarea::placeholder{
  color:color-mix(in srgb,var(--muted) 78%,transparent)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .composer button[type="submit"]{
  background:var(--accent)!important;
  box-shadow:none!important;
}
body.chat-page[data-layout-profile="conversation-first"] .composer button[type="submit"]:hover{
  background:color-mix(in srgb,var(--accent) 92%,#000)!important;
  filter:none!important;
}
body.chat-page[data-layout-profile="conversation-first"] .classic-fixed-transparency{
  color:var(--muted)!important;
  background:transparent!important;
}

/* Commandes flottantes : même traitement que les petits contrôles du portfolio. */
body.chat-page[data-layout-profile="conversation-first"] .premium-menu-toggle,
body.chat-page[data-layout-profile="conversation-first"] .public-bars-toggle{
  background:var(--bg2)!important;
  border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important;
  color:var(--accent)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--text) 7%,transparent)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .premium-menu-toggle:hover,
body.chat-page[data-layout-profile="conversation-first"] .public-bars-toggle:hover{
  background:var(--accent-soft)!important;
  border-color:color-mix(in srgb,var(--accent) 48%,var(--border))!important;
}

/* Panneau latéral : surface de travail claire, active state violet, pas d'effet gadget. */
body.chat-page[data-layout-profile="conversation-first"] .side-panel{
  background:var(--bg2)!important;
  color:var(--text);
  border-color:var(--border)!important;
  box-shadow:24px 0 52px rgba(17,24,39,.13)!important;
}
body.chat-page[data-layout-profile="conversation-first"][data-panel-side="right"] .side-panel{
  box-shadow:-24px 0 52px rgba(17,24,39,.13)!important;
}
html[data-theme="dark"] body.chat-page[data-layout-profile="conversation-first"] .side-panel,
html[data-theme="dark"] body.chat-page[data-layout-profile="conversation-first"][data-panel-side="right"] .side-panel{
  box-shadow:0 0 52px rgba(0,0,0,.28)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .panel-agent-mark{
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 38%,var(--border))!important;
  background:var(--accent-soft)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .engine-status-card,
body.chat-page[data-layout-profile="conversation-first"] .panel-segmented{
  background:color-mix(in srgb,var(--accent) 4%,var(--bg2))!important;
  border-color:var(--border)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .panel-segmented button[aria-pressed="true"]{
  color:var(--accent)!important;
  background:var(--bg2)!important;
  box-shadow:0 4px 14px color-mix(in srgb,var(--text) 7%,transparent)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .side-panel-nav a.active,
body.chat-page[data-layout-profile="conversation-first"] .side-panel-nav a[aria-current="page"]{
  color:var(--text)!important;
  background:var(--accent-soft)!important;
  box-shadow:inset 3px 0 0 var(--accent)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .side-panel-nav a:hover,
body.chat-page[data-layout-profile="conversation-first"] .panel-section button:hover,
body.chat-page[data-layout-profile="conversation-first"] .panel-action-link:hover{
  background:color-mix(in srgb,var(--accent) 7%,var(--bg2))!important;
}
body.chat-page[data-layout-profile="conversation-first"] .side-panel-backdrop{
  background:rgba(17,24,39,.42)!important;
  backdrop-filter:blur(2px)!important;
}

/* Repères : violet discret, sans prendre visuellement le dessus sur le contenu. */
body.chat-page[data-layout-profile="conversation-first"] .conversation-marker{
  background:color-mix(in srgb,var(--muted) 34%,transparent)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .conversation-marker:hover,
body.chat-page[data-layout-profile="conversation-first"] .conversation-marker.active{
  background:var(--accent)!important;
}

/* Dialogues Showcase : cohérence minimale avec la nouvelle fondation publique. */
body.chat-page[data-layout-profile="conversation-first"] .public-release-dialog{
  background:var(--bg2)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
  box-shadow:0 24px 72px rgba(17,24,39,.18)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .public-release-dialog-head{
  background:var(--bg2)!important;
  border-color:var(--border)!important;
}
body.chat-page[data-layout-profile="conversation-first"] .public-release-close{
  color:var(--text)!important;
  border-color:var(--border)!important;
  background:transparent!important;
}

/* Focus clavier : visible mais cohérent avec l'identité violette. */
body.chat-page[data-layout-profile="conversation-first"] :focus-visible{
  outline-color:color-mix(in srgb,var(--accent) 72%,transparent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)!important;
}

/* ==========================================================================
   PUBLIC REPAIR V10 — CHAT SURFACE + BACKGROUND BREATHING
   Maestra 1.15.19 — 23/08/2026
   Périmètre : design public uniquement.
   Objectif :
   - détacher visuellement la zone de conversation de l'arrière-plan ;
   - ajouter une respiration très légère du background ;
   - conserver toutes les fonctions V05 à V09 intactes.
   Aucun JavaScript, PHP, runtime, conversation, sécurité, administration ou hash.
   ========================================================================== */

/* Fond vivant mais très discret : deux halos violets diffus et lents.
   Le contenu reste prioritaire ; aucune particule ni effet décoratif agressif. */
body.chat-page[data-layout-profile="conversation-first"]{
  background:
    radial-gradient(
      circle at 18% 18%,
      color-mix(in srgb,var(--accent) 7%,transparent) 0%,
      transparent 38%
    ),
    radial-gradient(
      circle at 82% 76%,
      color-mix(in srgb,var(--accent) 5%,transparent) 0%,
      transparent 42%
    ),
    linear-gradient(
      180deg,
      var(--bg) 0%,
      color-mix(in srgb,var(--bg) 93%,var(--bg2)) 100%
    )!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
  background-size:112% 112%,118% 118%,100% 100%!important;
  animation:maestraPublicBackdropBreathingV10 18s ease-in-out infinite alternate;
}

/* En mode sombre, la respiration reste présente mais encore plus retenue. */
html[data-theme="dark"] body.chat-page[data-layout-profile="conversation-first"]{
  background:
    radial-gradient(
      circle at 18% 18%,
      color-mix(in srgb,var(--accent) 8%,transparent) 0%,
      transparent 40%
    ),
    radial-gradient(
      circle at 82% 76%,
      color-mix(in srgb,var(--accent) 6%,transparent) 0%,
      transparent 44%
    ),
    linear-gradient(
      180deg,
      var(--bg) 0%,
      color-mix(in srgb,var(--bg) 90%,var(--bg2)) 100%
    )!important;
}

/* La conversation devient une vraie surface centrale, sans effet "carte lourde". */
body.chat-page[data-layout-profile="conversation-first"] .chat-card{
  background:color-mix(in srgb,var(--bg2) 96%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border))!important;
  border-radius:24px!important;
  box-shadow:
    0 20px 58px color-mix(in srgb,var(--text) 8%,transparent),
    0 1px 0 color-mix(in srgb,#fff 62%,transparent) inset!important;
  isolation:isolate;
}

/* La zone de messages garde un fond très légèrement distinct de la page,
   mais reste plus neutre que les cartes et médias. */
body.chat-page[data-layout-profile="conversation-first"] .messages{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--bg2) 72%,transparent) 0%,
      color-mix(in srgb,var(--bg) 34%,transparent) 100%
    )!important;
}

/* Light : séparation premium très légère, proche du portfolio. */
html[data-theme="light"] body.chat-page[data-layout-profile="conversation-first"] .chat-card{
  box-shadow:
    0 20px 58px rgba(49,43,91,.09),
    0 1px 0 rgba(255,255,255,.92) inset!important;
}

/* Dark : profondeur plus nette sans halo lumineux. */
html[data-theme="dark"] body.chat-page[data-layout-profile="conversation-first"] .chat-card{
  border-color:color-mix(in srgb,var(--accent) 16%,var(--border))!important;
  box-shadow:
    0 22px 64px rgba(0,0,0,.30),
    0 1px 0 rgba(255,255,255,.025) inset!important;
}

/* Concentration et plein écran restent des modes de travail bord à bord :
   pas de carte flottante ni d'ombre dans ces états. */
body.chat-page[data-layout-profile="conversation-first"].chat-focus .chat-card,
body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .chat-card{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:var(--bg2)!important;
}

/* Sur mobile, la séparation reste visible sans réduire l'espace utile. */
@media(max-width:760px){
  body.chat-page[data-layout-profile="conversation-first"] .chat-card{
    border-left:0!important;
    border-right:0!important;
    border-radius:18px 18px 0 0!important;
    box-shadow:0 12px 34px color-mix(in srgb,var(--text) 7%,transparent)!important;
  }
  body.chat-page[data-layout-profile="conversation-first"].chat-focus .chat-card,
  body.chat-page[data-layout-profile="conversation-first"] .maestra-app-shell:fullscreen .chat-card{
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* Respiration quasi imperceptible : quelques pourcents de déplacement seulement. */
@keyframes maestraPublicBackdropBreathingV10{
  0%{
    background-position:0% 0%,100% 100%,0% 0%;
    background-size:112% 112%,118% 118%,100% 100%;
  }
  100%{
    background-position:3% 2%,97% 98%,0% 0%;
    background-size:118% 118%,124% 124%,100% 100%;
  }
}

/* Respect explicite du confort utilisateur et des préférences d'animation. */
body.chat-page[data-layout-profile="conversation-first"].motion-reduced{
  animation:none!important;
}
@media(prefers-reduced-motion:reduce){
  body.chat-page[data-layout-profile="conversation-first"]{
    animation:none!important;
    background-position:0% 0%,100% 100%,0% 0%!important;
    background-size:115% 115%,121% 121%,100% 100%!important;
  }
}

/* ==========================================================================
   PUBLIC REPAIR V11 — OUTER GUTTERS + INNER BREATHING SPACE
   Maestra 1.15.19 — 23/08/2026
   Périmètre : design public uniquement.
   Objectif :
   - éviter l'effet "collé aux bords" ;
   - ajouter un peu d'air latéral au chat, à la toolbar et au compositeur ;
   - conserver V10 et tout le fonctionnel intact.
   ========================================================================== */

/* La scène principale garde davantage de marge par rapport au viewport. */
body.chat-page .chat-card,
.maestra-app-shell:fullscreen .chat-card{
  width:min(var(--classic-reading-width,860px),calc(100vw - 156px))!important;
}

/* Gouttières internes plus nettes pour la lecture. */
body.chat-page .messages{
  padding-left:clamp(18px,2.2vw,30px)!important;
  padding-right:clamp(18px,2.2vw,30px)!important;
  padding-top:clamp(18px,2vw,28px)!important;
  padding-bottom:clamp(18px,2vw,28px)!important;
}

/* La barre haute et le compositeur respirent aussi un peu mieux. */
body.chat-page .chat-toolbar,
body.chat-page .composer,
body.chat-page .classic-fixed-transparency{
  padding-left:clamp(18px,2.2vw,30px)!important;
  padding-right:clamp(18px,2.2vw,30px)!important;
}

/* Les cartes de message et modules évitent de s'étaler trop aux extrémités. */
body.chat-page .message{
  max-width:min(82%,720px)!important;
}
body.chat-page .message.user{
  margin-left:auto;
}
body.chat-page .module-host,
body.chat-page .module-card,
body.chat-page .showcase-card,
body.chat-page .share-card,
body.chat-page .capability-card{
  max-width:100%;
}

/* En mode normal, on laisse aussi un peu plus d'air sous la toolbar. */
body.chat-page .chat-toolbar{
  padding-top:12px!important;
  padding-bottom:12px!important;
}

/* Agrandir conserve l'espace de respiration au lieu de coller aux bords. */
body.chat-page.chat-expanded .chat-card{
  width:min(1320px,calc(100vw - 80px))!important;
}

/* Concentration et plein écran : on garde l'expérience bord à bord,
   mais avec de légères gouttières internes pour ne pas casser le design. */
body.chat-page.chat-focus .messages,
body.chat-page .chat-card:fullscreen .messages{
  padding-left:clamp(14px,2vw,24px)!important;
  padding-right:clamp(14px,2vw,24px)!important;
}
body.chat-page.chat-focus .chat-toolbar,
body.chat-page.chat-focus .composer,
body.chat-page.chat-focus .classic-fixed-transparency,
body.chat-page .chat-card:fullscreen .chat-toolbar,
body.chat-page .chat-card:fullscreen .composer,
body.chat-page .chat-card:fullscreen .classic-fixed-transparency{
  padding-left:clamp(14px,2vw,24px)!important;
  padding-right:clamp(14px,2vw,24px)!important;
}

/* Mobile : on réduit un peu seulement, sans revenir à un effet collé. */
@media(max-width:760px){
  body.chat-page .chat-card,
  .maestra-app-shell:fullscreen .chat-card{
    width:calc(100vw - 20px)!important;
  }
  body.chat-page .messages{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.chat-page .chat-toolbar,
  body.chat-page .composer,
  body.chat-page .classic-fixed-transparency{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* ==========================================================================
   PUBLIC PAGES V12 — HEADER + FOOTER + PRIVACY PILOT
   Maestra 1.15.19 — standard visuel aligné sur Portfolio / Chat V11
   ========================================================================== */

body.content-page.public-premium-page{
  min-height:100vh!important;
  overflow-x:hidden!important;
  color:var(--text);
  background:
    radial-gradient(circle at 16% 15%,color-mix(in srgb,var(--accent) 7%,transparent) 0%,transparent 34%),
    radial-gradient(circle at 84% 78%,color-mix(in srgb,var(--accent) 5%,transparent) 0%,transparent 38%),
    linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 94%,var(--bg2)) 100%)!important;
  background-attachment:fixed!important;
  animation:maestraPublicBackdropBreathingV10 18s ease-in-out infinite alternate;
}

.public-page-header{
  position:sticky;
  top:0;
  z-index:80;
  border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  background:color-mix(in srgb,var(--bg2) 92%,transparent);
  backdrop-filter:blur(18px);
}
.public-page-header-inner{
  width:min(1320px,calc(100% - 48px));
  min-height:82px;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
}
.public-page-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  text-decoration:none;
}
.public-page-brand-mark,
.public-page-footer-mark{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  font-weight:900;
  letter-spacing:-.03em;
}
.public-page-brand-copy{
  display:grid;
  gap:1px;
}
.public-page-brand-copy strong{font-size:1rem;color:var(--text)}
.public-page-brand-copy small{font-size:.78rem;color:var(--muted)}

.public-page-nav{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:24px;
}
.public-page-nav a,
.public-page-header-links a{
  color:var(--muted);
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
}
.public-page-nav a:hover,
.public-page-nav a.active,
.public-page-nav a[aria-current="page"],
.public-page-header-links a:hover{
  color:var(--accent);
}
.public-page-nav a.active,
.public-page-nav a[aria-current="page"]{
  position:relative;
}
.public-page-nav a.active::after,
.public-page-nav a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:-12px;
  height:2px;
  border-radius:999px;
  background:var(--accent);
}
.public-page-header-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
}
.public-page-chat-cta{
  padding:10px 15px!important;
  border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));
  border-radius:999px;
  background:var(--accent-soft);
  color:var(--accent)!important;
}

.public-page-main{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  padding:clamp(48px,7vw,92px) 0 clamp(56px,8vw,100px);
}
.public-page-hero{
  max-width:820px;
  margin-bottom:clamp(30px,5vw,52px);
}
.public-page-hero h1{
  margin:.3rem 0 1rem;
  font-size:clamp(2.2rem,5vw,4.2rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.public-page-lead{
  margin:0;
  max-width:760px;
  color:var(--muted);
  font-size:clamp(1rem,1.5vw,1.12rem);
  line-height:1.75;
}
.public-page-responsible{
  margin:18px 0 0;
  color:var(--muted);
  font-size:.92rem;
}

.public-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.public-info-card{
  position:relative;
  min-height:210px;
  padding:clamp(22px,3vw,30px);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));
  border-radius:22px;
  background:color-mix(in srgb,var(--bg2) 96%,transparent);
  box-shadow:0 18px 48px color-mix(in srgb,var(--text) 6%,transparent);
}
.public-info-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--accent),transparent 78%);
  opacity:.65;
}
.public-info-index{
  display:block;
  margin-bottom:30px;
  color:var(--accent);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
}
.public-info-card h2{
  margin:0 0 12px;
  font-size:1.18rem;
}
.public-info-card p{
  margin:.55rem 0 0;
  color:var(--muted);
  line-height:1.72;
}
.public-info-card-wide{grid-column:1/-1;min-height:170px}
.public-page-action{
  display:inline-flex;
  margin-top:8px;
  color:var(--accent);
  font-weight:850;
  text-decoration:none;
}
.public-page-action:hover{text-decoration:underline}

.public-page-footer{
  border-top:1px solid color-mix(in srgb,var(--border) 84%,transparent);
  background:color-mix(in srgb,var(--bg2) 90%,transparent);
}
.public-page-footer-inner{
  position:relative;
  width:min(1320px,calc(100% - 48px));
  min-height:150px;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:30px;
}
.public-page-footer-brand{
  display:flex;
  align-items:center;
  gap:11px;
}
.public-page-footer-mark{
  width:38px;
  height:38px;
}
.public-page-footer-brand span:last-child{
  display:grid;
}
.public-page-footer-brand strong{color:var(--text)}
.public-page-footer-brand small{color:var(--muted);font-size:.76rem}
.public-page-footer-nav{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}
.public-page-footer-nav a{
  color:var(--muted);
  font-size:.82rem;
  text-decoration:underline;
  text-underline-offset:3px;
}
.public-page-footer-nav a:hover{color:var(--accent)}
.public-page-footer-credit{
  text-align:right;
  color:var(--muted);
  font-size:.78rem;
}
.public-page-footer-credit p{margin:.2rem 0}
.public-page-back-top{
  position:absolute;
  right:0;
  bottom:26px;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  text-decoration:none;
  box-shadow:0 14px 36px color-mix(in srgb,var(--accent) 28%,transparent);
}

html[data-theme="dark"] .public-info-card{
  box-shadow:0 20px 54px rgba(0,0,0,.22);
}

@media(max-width:1080px){
  .public-page-header-inner{
    grid-template-columns:auto 1fr;
  }
  .public-page-nav{display:none}
  .public-page-header-links{
    justify-self:end;
  }
  .public-page-header-links a:not(.public-page-chat-cta){display:none}
}

@media(max-width:760px){
  .public-page-header-inner,
  .public-page-main,
  .public-page-footer-inner{
    width:calc(100% - 24px);
  }
  .public-page-header-inner{min-height:72px;gap:14px}
  .public-page-brand-copy small{display:none}
  .public-page-main{padding-top:38px}
  .public-page-hero h1{font-size:clamp(2rem,10vw,3rem)}
  .public-info-grid{grid-template-columns:1fr}
  .public-info-card-wide{grid-column:auto}
  .public-page-footer-inner{
    grid-template-columns:1fr;
    min-height:0;
    padding:34px 0 84px;
    align-items:start;
  }
  .public-page-footer-nav{justify-content:flex-start}
  .public-page-footer-credit{text-align:left}
  .public-page-back-top{right:0;bottom:22px}
}

@media(prefers-reduced-motion:reduce){
  body.content-page.public-premium-page{animation:none!important}
}
body.content-page.public-premium-page.motion-reduced{animation:none!important}

/* ==========================================================================
   PUBLIC PAGES V13 — LIGHT / DARK ALIGNMENT
   Maestra 1.15.19 — 23/08/2026
   Périmètre : pages publiques uniquement.
   Cause prouvée :
   - shell.js change bien html[data-theme] sans restriction chat-page ;
   - side-panel.js relaie bien "Jour / nuit" vers #themeToggle ;
   - la palette Clean Premium V06 était scoppée à body.chat-page seulement.
   Correction :
   - étendre la même palette Light/Dark aux pages public-premium-page.
   ========================================================================== */

body.content-page.public-premium-page{
  --maestra-public-violet:#6547e8;
  --maestra-public-violet-strong:#5838dc;
  --maestra-public-violet-soft:#eeeaff;
  --maestra-public-navy:#121827;
  --maestra-public-line:#e5e7ef;
}

html[data-theme="light"] body.content-page.public-premium-page,
html:not([data-theme]) body.content-page.public-premium-page{
  --bg:#f7f8fc;
  --bg2:#ffffff;
  --card:#ffffff;
  --card2:#f6f4ff;
  --text:#121827;
  --muted:#667085;
  --accent:var(--maestra-public-violet);
  --accent-soft:var(--maestra-public-violet-soft);
  --border:var(--maestra-public-line);
  --shadow:0 18px 48px rgba(17,24,39,.08);
  --maestra-button-text:#ffffff;
  color-scheme:light;
}

html[data-theme="dark"] body.content-page.public-premium-page{
  --bg:#080e18;
  --bg2:#0b1422;
  --card:#101a2a;
  --card2:#162238;
  --text:#f5f7fb;
  --muted:#a7b2c4;
  --accent:#927cff;
  --accent-soft:rgba(146,124,255,.13);
  --border:#28374d;
  --shadow:0 18px 48px rgba(0,0,0,.22);
  --maestra-button-text:#ffffff;
  color-scheme:dark;
}

/* Garantit que les surfaces V12 suivent bien la palette active. */
body.content-page.public-premium-page .public-page-header,
body.content-page.public-premium-page .public-page-footer{
  color:var(--text);
}
body.content-page.public-premium-page .public-page-header{
  background:color-mix(in srgb,var(--bg2) 92%,transparent);
}
body.content-page.public-premium-page .public-page-footer{
  background:color-mix(in srgb,var(--bg2) 90%,transparent);
}
body.content-page.public-premium-page .public-info-card{
  background:color-mix(in srgb,var(--bg2) 96%,transparent);
  border-color:color-mix(in srgb,var(--accent) 12%,var(--border));
}

/* ==========================================================================
   PUBLIC PAGES V13.1 — FOOTER BACK-TO-TOP SPACING
   Micro-correctif visuel uniquement.
   ========================================================================== */

@media(min-width:1180px){
  .public-page-back-top{
    right:-58px!important;
  }
}

@media(max-width:1179px){
  .public-page-back-top{
    right:0!important;
  }
}

/* ==========================================================================
   PUBLIC PAGES V18.2 — FLOATING BACK-TO-TOP BUTTON
   Micro-correctif visuel : la flèche reste accessible pendant le défilement.
   ========================================================================== */

.public-page-back-top{
  position:fixed!important;
  right:28px!important;
  bottom:28px!important;
  z-index:120;
}

@media(max-width:760px){
  .public-page-back-top{
    right:18px!important;
    bottom:18px!important;
  }
}

/* ==========================================================================
   PUBLIC PAGES V18.3 — HEADER TYPOGRAPHY HARMONIZATION
   Alignement visuel avec la sobriété du header du portfolio kvachet.be.
   ========================================================================== */

.public-page-brand-copy strong{
  font-weight:700!important;
}

.public-page-nav a,
.public-page-header-links a{
  font-size:.875rem;
  font-weight:600!important;
  letter-spacing:0;
}

.public-page-nav a.active,
.public-page-nav a[aria-current="page"]{
  font-weight:600!important;
}

.public-page-chat-cta{
  font-weight:650!important;
}