/* Extraits de l'interface PR106 : cadre, navigation, conversation et statistiques.
   Les scénarios restent locaux ; ni iframe, ni code du dashboard, ni SDK ajouté. */
.frame.frame--scene .dash {
  --d-bg:#141311; --d-panel:#201e1b; --d-ink:#f3f0ea; --d-muted:#b6b0a4; --d-faint:#b6b0a4;
  --d-hover:#39342c; --d-line:#39352e; --d-line-strong:#5d5648;
  --d-accent:#ded7c9; --d-accent-soft:#ece6d9; --d-sidebar:#171613;
  padding:12px; background:var(--d-bg); border:1px solid #39352e; border-radius:22px;
  box-shadow:0 18px 50px -28px #29272340; font-family:'Hanken Grotesk',sans-serif;
}
.frame.frame--scene .dash .d-sidebar { display:flex; flex-direction:column; min-width:0; background:#171613; border-radius:15px; overflow:hidden; }
.frame.frame--scene .dash .d-top { gap:7px; padding:22px 12px 24px; background:transparent; color:#f8f4eb; border:0; }
.frame.frame--scene .dash .d-top b { font:600 20px/1 var(--gab); letter-spacing:-.5px; }
.frame.frame--scene .dash .d-mark,.frame.frame--scene .dash .d-mark svg { width:21px; height:21px; }
.frame.frame--scene .dash .d-nav { flex:1; display:flex; flex-direction:column; gap:6px; margin:0; padding:0 8px; background:transparent; border:0; overflow:visible; mask-image:none; -webkit-mask-image:none; }
.frame.frame--scene .dash .d-nav [data-go] { display:flex; align-items:center; gap:8px; min-height:38px; margin:0; padding:9px 9px; color:#d2c8b8; border-radius:8px; font:500 12px/1.3 'Hanken Grotesk',sans-serif; white-space:normal; }
.frame.frame--scene .dash .d-nav [data-go] > svg { width:16px; height:16px; flex:none; }
.frame.frame--scene .dash .d-nav .pm-nav-label { margin:0; padding:0; border:0; background:transparent; font:inherit; color:inherit; white-space:inherit; }
.frame.frame--scene .dash .d-nav [data-go].is-on { color:#28251f; background:#ece6d9; font-weight:600; }
.frame.frame--scene .dash .d-nav [data-go="cles"] { margin-top:24px; }
.frame.frame--scene .dash .d-nav [data-go].is-clic { color:#201e1b; background:#fb4d17; box-shadow:0 0 0 3px #fb4d1733; }
.pm-workspace { display:flex; align-items:center; gap:8px; margin:20px 10px 12px; padding-top:12px; border-top:1px solid #ffffff22; color:#d2c8b8; font-size:10px; }
.pm-avatar { display:grid; place-items:center; flex:none; width:24px; height:26px; border-radius:7px; background:#39342c; color:#f8f4eb; font-weight:600; }
.frame.frame--scene .dash .d-scroll { padding:10px 4px 4px; gap:16px; }
.frame.frame--scene .dash .d-ecran { gap:16px; }
.frame.frame--scene .dash .d-head { position:relative; gap:9px; padding:4px 76px 6px 0; min-height:78px; align-content:start; }
.frame.frame--scene .dash .d-head > .d-t { font:500 30px/1.1 var(--gab); letter-spacing:-.8px; }
.frame.frame--scene .dash .d-head > .d-s { font:400 12px/1.5 'Hanken Grotesk',sans-serif; letter-spacing:0; color:#b6b0a4; }
.pm-title { display:inline-block; position:relative; }
.pm-title::after { content:""; position:absolute; left:0; right:0; bottom:-6px; height:7px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 14' preserveAspectRatio='none'%3E%3Cpath d='M2.3 9.95C7.04 9.4 19.02 7.02 29.06 6.82S50.93 9.03 62.53 8.73S92.7 5.69 98.64 5.01M.83 9.29C6.11 8.89 21.41 5.03 31.6 4.61S49.93 6.76 61.95 6.76S93.48 6.34 99.26 5.98' fill='none' stroke='%23fb4d17' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat; }
.pm-pet { position:absolute; right:10px; bottom:-13px; width:66px; height:73px; color:#f3f0ea; overflow:visible; }
.pm-pet-dream { color:#aaa395; }

.pm-conversation { position:relative; z-index:1; overflow:hidden; border:1px solid #39352e; border-radius:16px; background:#201e1b; box-shadow:0 2px 4px #29272306; }
.pm-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 14px; border-bottom:1px solid #39352e; background:#201e1b; color:#f3f0ea; font:500 11px/1.4 'Hanken Grotesk',sans-serif; }
.pm-model { display:flex; align-items:center; gap:6px; padding:4px 8px; color:#141311; background:#f3f0ea; border-radius:6px; font-size:10px; }
.pm-model svg { width:13px; height:13px; }
.frame.frame--scene .dash .d-chat { gap:14px; padding:18px 16px 10px; background:transparent; border:0; border-radius:0; }
.frame.frame--scene .dash .d-bub { max-width:90%; padding:11px 13px; background:#141311; border-radius:13px 13px 4px 13px; color:#f3f0ea; font-size:13px; line-height:1.5; font-weight:400; }
.frame.frame--scene .dash .d-toolrow { padding:0 2px; min-height:22px; border:0; font:400 11px/1.4 'Hanken Grotesk',sans-serif; color:#b6b0a4; }
.frame.frame--scene .dash .d-toolrow i { width:5px; height:5px; }
.frame.frame--scene .dash .d-a { margin:0; padding:13px 14px; border:1px solid color-mix(in srgb,#fb4d17 18%,#201e1b); border-radius:13px 13px 13px 4px; background:#3b231a; color:#f3f0ea; font:400 13px/1.6 'Hanken Grotesk',sans-serif; }
.frame.frame--scene .dash .d-ask { padding:13px; background:#201e1b; border:1px solid #39352e; border-radius:12px; gap:11px; }
.frame.frame--scene .dash .d-askq { font-size:12px; line-height:1.5; }
.frame.frame--scene .dash .d-askc { font-size:10px; line-height:1.4; align-items:flex-start; }
.frame.frame--scene .dash .d-box { margin-top:1px; }
.frame.frame--scene .dash .d-oui,.frame.frame--scene .dash .d-send { background:#f3f0ea; }
.frame.frame--scene .dash .d-composer { gap:8px; padding:8px; margin:4px 12px 12px; background:#141311; border:1px solid #5d5648; border-radius:13px; font-size:12px; }
.frame.frame--scene .dash .d-composer > span:first-child { padding:9px 10px; min-width:0; background:#201e1b; border:1px solid #39352e; border-radius:7px; }
.frame.frame--scene .dash .d-send { flex:none; border-radius:7px; }
.frame.frame--scene .dash .d-pubrow svg path[fill="#F2EDE3"] { fill:#f3f0ea; }
.frame.frame--scene .dash .pm-analytics-heading { min-height:78px; padding-right:0; }
.frame.frame--scene .dash .d-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.frame.frame--scene .dash .d-kpi { min-height:110px; padding:13px 12px; border-radius:13px; box-shadow:0 2px 3px #29272308; gap:8px; align-content:start; }
.frame.frame--scene .dash .d-kpi:nth-child(n+4) { display:none; }
.frame.frame--scene .dash .d-kpi:first-child { --d-muted:#b6b0a4; --d-faint:#aaa395; --d-ok:#78c496; background:#2b2822; color:#f3f0ea; border-color:#f3f0ea; }
.frame.frame--scene .dash .d-kpi b { font:500 29px/1 var(--gab); letter-spacing:-.8px; white-space:nowrap; }
.frame.frame--scene .dash .d-kpi .d-lab { font-size:10px; min-height:26px; line-height:1.3; }
.frame.frame--scene .dash .d-kpi i { font-size:10px; }
.frame.frame--scene .dash .d-kpi i .d-faint { display:none; }
.frame.frame--scene .dash [data-ecran="analytics"] > section:nth-of-type(n+2) { display:none; }
.frame.frame--scene .dash .d-panel { border-radius:14px; padding:16px; box-shadow:0 2px 3px #29272308; }
.frame.frame--scene .dash .d-h { padding-bottom:12px; margin-bottom:16px; border-bottom:1px solid #39352e; }
.frame.frame--scene .dash .d-h .d-t { font:500 17px/1.2 var(--gab); }
.frame.frame--scene .dash .d-s { font-family:'Hanken Grotesk',sans-serif; font-size:11px; }
.frame.frame--scene .dash .d-bars { height:180px; gap:4px; border-bottom:1px solid #39352e; background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#39352e 44px,#39352e 45px); }
.frame.frame--scene .dash .d-bars span { background:#ded7c9; border-radius:3px 3px 0 0; opacity:1; }
.frame.frame--scene .dash .d-state.is-on { color:#78c496; background:#1c3224; }
.frame.frame--scene .dash .d-seg b,.frame.frame--scene .dash .d-btn { background:#f3f0ea; color:#201e1b; }

/* Les scénarios sont montrés dans le vrai cadre de conversation, sans reproduire tout le menu. */
.frame.frame--scene .bxd-app--plugmate { position:relative; padding:20px; border:1px solid #39352e; background:#141311; color:#b6b0a4; border-radius:22px; }
.frame.frame--scene .bxd-app--plugmate .bxd-bar { position:relative; height:74px; padding:0 0 22px; border:0; color:#f3f0ea; font:500 29px/1.1 var(--gab); align-items:flex-start; background:transparent; }
.frame.frame--scene .bxd-app--plugmate .pm-pet { bottom:-10px; }
.frame.frame--scene .bxd-app--plugmate .pm-toolbar { position:relative; z-index:1; border:1px solid #39352e; border-radius:14px 14px 0 0; }
.frame.frame--scene .bxd-app--plugmate .bxd-stage { display:grid; height:auto; min-height:310px; padding:16px; border:1px solid #39352e; border-top:0; background:#201e1b; border-radius:0 0 14px 14px; }
.frame.frame--scene .bxd-app--plugmate .dm-scene { position:relative; inset:auto; grid-area:1 / 1; gap:12px; }
.frame.frame--scene .bxd-app--plugmate .dm-me { color:#f3f0ea; background:#141311; font-weight:400; font-size:13px; line-height:1.5; border-radius:13px 13px 4px 13px; }
.frame.frame--scene .bxd-app--plugmate :is(.dm-post,.dm-coms li,.dm-auto,.dm-semaine li,.dm-top,.dm-idees li) { background:#26231f; border-color:#39352e; }
.frame.frame--scene .bxd-app--plugmate :is(.dm-fin,.dm-post li b,.dm-coms .c,.dm-auto-h,.dm-auto p,.dm-semaine b,.dm-top b,.dm-idees li) { color:#f3f0ea; }
.frame.frame--scene .bxd-app--plugmate .dm-fin { padding:11px 12px; background:#39342c; border-radius:12px 12px 12px 4px; font-size:13px; line-height:1.5; }
.frame.frame--scene .bxd-app--plugmate :is(.dm-tool,.dm-auto p span,.dm-grille li > span:last-child) { color:#b6b0a4; font-size:10px; }
.frame.frame--scene .bxd-app--plugmate :is(.dm-tool .ok,.dm-post li span,.dm-coms .r,.dm-semaine span,.dm-top span) { color:#78c496; }
.frame.frame--scene .bxd-app--plugmate .dm-spin { border-color:#5d5648; border-top-color:#ded7c9; }
.frame.frame--scene .bxd-app--plugmate .bxd-tabs { gap:7px; padding-top:12px; border:0; background:transparent; }
.frame.frame--scene .bxd-app--plugmate .bxd-tabs button { padding:10px 4px; border:1px solid #39352e; border-radius:8px; color:#b6b0a4; background:#201e1b; font-size:12px; }
.frame.frame--scene .bxd-app--plugmate .bxd-tabs button[aria-selected="true"] { color:#141311; background:#f3f0ea; border-color:#f3f0ea; }
@container (min-width:900px) {
  .frame.frame--scene .b4 .dash { display:grid; grid-template-columns:150px minmax(0,1fr); grid-template-rows:minmax(0,1fr); gap:18px; }
  .frame.frame--scene .b4 .d-sidebar { grid-column:1; grid-row:1; }
  .frame.frame--scene .b4 .d-scroll { grid-column:2; grid-row:1; padding:10px 4px 4px 0; }
  .frame.frame--scene .b4 .d-nav { border:0; padding:0 8px; }
}
@container (min-width:1200px) {
  .frame.frame--scene .b4 { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(32px,4cqw,64px); }
  .frame.frame--scene .b4.is-miroir { grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr); }
}
@container (max-width:1199px) and (min-width:900px) {
  .frame.frame--scene .b4 .dash { grid-template-columns:48px minmax(0,1fr); gap:12px; padding:10px; }
  .frame.frame--scene .dash .d-top { justify-content:center; padding:18px 0; }
  .frame.frame--scene .dash .d-top b,.frame.frame--scene .dash .d-nav .pm-nav-label,.frame.frame--scene .dash .pm-workspace { display:none; }
  .frame.frame--scene .dash .d-nav { padding:0 5px; }
  .frame.frame--scene .dash .d-nav [data-go] { justify-content:center; padding:9px; }
}
@container (max-width:899px) {
  .frame.frame--scene .dash { padding:12px; }
  .frame.frame--scene .dash .d-sidebar { background:transparent; border-radius:0; }
  .frame.frame--scene .dash .d-top { padding:4px 0 18px; color:#f3f0ea; }
  .frame.frame--scene .dash .d-top b { font-size:18px; }
  .frame.frame--scene .dash .d-nav { display:grid; grid-template-columns:1fr 1fr 1fr; gap:3px; padding:4px; background:#201e1b; border:1px solid #39352e; border-radius:11px; }
  .frame.frame--scene .dash .d-nav [data-go] { margin:0; padding:8px 4px; justify-content:center; gap:5px; min-height:35px; font-size:10px; color:#b6b0a4; }
  .frame.frame--scene .dash .d-nav [data-go].is-on { color:#201e1b; background:#f3f0ea; }
  .frame.frame--scene .dash .d-nav [data-go] svg { width:13px; height:13px; }
  .frame.frame--scene .dash .pm-workspace { display:none; }
  .frame.frame--scene .dash .d-scroll { padding:20px 0 0; }
  .frame.frame--scene .dash .d-head > .d-t { font-size:28px; }
  .frame.frame--scene .dash .d-chat { padding:14px 12px 10px; }
  .frame.frame--scene .dash .d-kpis { gap:7px; }
  .frame.frame--scene .dash .d-kpi { padding:11px 9px; }
  .frame.frame--scene .dash .d-kpi b { font-size:26px; }
  .frame.frame--scene .bxd-app--plugmate { padding:16px; }
}
/* Le compagnon dépasse du panneau, comme dans le chat, sans exposer son pied. */
.frame.frame--scene .dash .pm-heading .pm-pet { bottom:-31px; }
/* Les trois scènes partagent la hauteur de la plus grande : pas de texte coupé selon la langue. */
.frame.frame--scene .bxd-app--plugmate .dm-coms li { flex-wrap:wrap; gap:4px 8px; }
.frame.frame--scene .bxd-app--plugmate .dm-coms .c { white-space:normal; }

/* Mode sombre PR106, partagé par les deux démonstrations. */
.frame.frame--scene :is(.dash,.bxd-app--plugmate) { --pm-bg:#141311; --pm-panel:#201e1b; --pm-line:#39352e; --pm-ink:#f3f0ea; --pm-muted:#b6b0a4; color-scheme:dark; }
.frame.frame--scene .dash { --d-ok:#78c496; }
.frame.frame--scene .dash .d-sidebar { border:1px solid #39352e; }
.frame.frame--scene .dash .d-nav [data-go="cles"] { margin-top:14px; }
.frame.frame--scene .dash .d-nav [data-go].is-clic { color:#fff; background:#fb4d17; }
.frame.frame--scene .dash :is(.d-oui,.d-send) { color:#141311; }
.frame.frame--scene .dash .d-kpi:first-child { background:#2b2822; border-color:#4b453b; }
.frame.frame--scene .dash .d-bars { background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#39352e 44px,#39352e 45px); }
.frame.frame--scene .dash .d-nav .pm-nav-group { color:#aaa395; font:400 9px/1.3 'Hanken Grotesk',sans-serif; padding:12px 9px 3px; }
.pm-preview-note { padding:18px 14px 0; font:400 9px/1.5 'Hanken Grotesk',sans-serif; color:#aaa395; }
.pm-kicker { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:10px; }
.pm-kicker .bx-kicker { margin:0; }
.pm-new { display:inline-block; border:1.5px solid #fb4d17; border-radius:3px; padding:3px 6px 2px; color:#d53b0c; font:700 10px/1 var(--mono); letter-spacing:.09em; transform:rotate(-7deg); }
.frame:is([data-profil="ia"],[data-profil="dev"]) .pm-kicker .pm-new { display:none; }
.pm-pet { padding:0; border:0; border-radius:14px; background:none; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.pm-pet > svg { display:block; width:100%; height:100%; overflow:visible; }
.pm-pet:focus-visible { outline:2px dashed #fb4d17; outline-offset:4px; }
.pm-pet .pet-eyes { transform-box:fill-box; transform-origin:center; }
.pm-pet .pet-robot { transform-origin:24px 34px; }
.pm-pet .pet-sleep-signs { color:#aaa395; }
.pm-pet .pet-surprise { transform-origin:24px 4px; color:#fb4d17; }
.pm-pet .pet-work { fill:#fb4d17; }
.pm-pet .pet-hand-right { transform-origin:39px 34px; }
.pm-pet[data-state="working"] { cursor:progress; }
.pm-pet:not([data-state="sleeping"]) :is(.pet-sleep-signs,.pet-closed),
.pm-pet[data-state="sleeping"] .pet-eyes,
.pm-pet:not([data-state="working"]) .pet-work,
.pm-pet:not([data-startled="true"]) .pet-surprise { display:none; }
.pm-pet.is-hinted::after { content:""; position:absolute; right:-4px; top:26px; width:24px; height:29px; background:url('/pixel-hand.svg') center/contain no-repeat; pointer-events:none; }
.frame.frame--scene .dash .d-nav [data-go]:hover { background:#39342c; color:#f3f0ea; }
.frame.frame--scene .dash .d-nav [data-go]:focus-visible { outline:2px dashed #fb4d17; outline-offset:2px; }
.frame.frame--scene .dash .d-nav [data-go].is-clic { background:#fb4d17; }
.frame.frame--scene .dash .pm-page-heading { min-height:76px; padding-right:0; }
.pm-page { color:var(--pm-ink); font:400 12px/1.5 'Hanken Grotesk',sans-serif; }
.pm-page h3 { margin:0; font:500 17px/1.3 var(--gab); letter-spacing:-.25px; }
.pm-page button { font:inherit; cursor:pointer; }
.pm-page button:focus-visible,.pm-page summary:focus-visible { outline:2px dashed #fb4d17; outline-offset:3px; }
.pm-page small { display:block; font-size:10px; line-height:1.5; color:var(--pm-muted); }
.pm-page button:hover { filter:brightness(1.18); }
.pm-link { display:inline-flex; align-items:center; gap:8px; padding:0; border:0; color:var(--pm-muted); background:none; text-align:left; }
.pm-card { padding:16px; border:1px solid var(--pm-line); border-radius:15px; background:var(--pm-panel); }
.pm-home-top { display:grid; grid-template-columns:1.2fr 1fr; gap:12px; }
.pm-home-assistant { position:relative; overflow:hidden; padding:18px; border:1px solid var(--pm-line); border-radius:16px; background:#2a2722; }
.pm-home-assistant::before { content:""; position:absolute; right:-40px; top:25px; width:145px; height:145px; border:12px double #b6b0a420; border-radius:50%; pointer-events:none; }
.pm-home-brand { display:flex; align-items:center; gap:6px; font-weight:600; }
.pm-home-brand svg { width:16px; height:16px; }
.pm-home-assistant h3 { position:relative; margin:16px 0; font-size:22px; }
.pm-prompt { position:relative; display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; padding:11px; border:0; border-radius:9px; background:#ece6d9; color:#28251f; text-align:left; }
.pm-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.pm-chips .pm-link { padding:5px 7px; border:1px solid #5d5648; border-radius:5px; font-size:9px; }
.pm-upcoming { display:flex; gap:10px; align-items:center; margin:20px 0; }
.pm-upcoming b { display:block; font-size:11px; line-height:1.4; }
.pm-date { flex:none; display:grid; place-items:center; width:39px; padding:5px; background:#39342c; border-radius:8px; font:500 23px/1 var(--gab); }
.pm-date small { font-size:8px; margin-top:5px; }
.pm-section-head { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.pm-mini-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.pm-mini-kpis > div { padding:13px; border:1px solid var(--pm-line); border-radius:12px; background:var(--pm-panel); }
.pm-mini-kpis > div:first-child { background:#2b2822; }
.pm-mini-kpis span { color:var(--pm-muted); font-size:10px; }
.pm-mini-kpis b { display:block; font:500 28px/1.2 var(--gab); margin:8px 0; }
.pm-mini-kpis small { color:#78c496; font-size:9px; }
.pm-activity { display:flex; align-items:center; gap:12px; padding-top:16px; }
.pm-check { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; color:#78c496; background:#1c3224; }
.pm-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.pm-filters button { padding:12px; border:1px solid var(--pm-line); border-radius:12px; background:var(--pm-panel); color:var(--pm-muted); text-align:left; font-size:10px; }
.pm-filters button[aria-pressed="true"] { background:#302c25; border-color:#706756; color:var(--pm-ink); }
.pm-filters b { display:block; margin-top:10px; font:500 25px/1 var(--gab); color:var(--pm-ink); }
.pm-posts { display:grid; gap:10px; }
.pm-post { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--pm-line); border-radius:13px; background:var(--pm-panel); }
.pm-post[hidden] { display:none; }
.pm-post > div { flex:1; min-width:0; }
.pm-post b { font-size:12px; font-weight:500; }
.pm-post-art { display:grid; place-items:center; flex:none; width:45px; height:50px; border:1px solid var(--pm-line); border-radius:9px; background:#2e2a25; color:#aaa395; }
.pm-post-art svg { width:20px; height:20px; }
.pm-status { display:inline-block; flex:none; padding:4px 7px; border-radius:20px; color:#ded7c9; background:#39342c; font-size:9px; }
.pm-status--ok { background:#1c3224; color:#78c496; }
.pm-inbox { display:grid; grid-template-columns:38% minmax(0,1fr); min-height:340px; border:1px solid var(--pm-line); border-radius:15px; overflow:hidden; background:var(--pm-panel); }
.pm-threads { padding:10px; border-right:1px solid var(--pm-line); background:var(--pm-bg); }
.pm-threads button { display:flex; align-items:center; gap:9px; width:100%; padding:12px 9px; margin-bottom:8px; border:1px solid transparent; border-radius:10px; background:none; color:var(--pm-ink); text-align:left; }
.pm-threads button[aria-pressed="true"] { background:var(--pm-panel); border-color:var(--pm-line); }
.pm-threads b { font-size:11px; }
.pm-threads small { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:3px; font-size:9px; }
.pm-threads i { flex:none; width:5px; height:5px; border-radius:50%; background:#fb4d17; }
.pm-thread-view > [data-thread-panel]:not([hidden]) { display:flex; flex-direction:column; min-height:340px; height:100%; }
.pm-thread-head { padding:14px; border-bottom:1px solid var(--pm-line); }
.pm-messages { flex:1; padding:14px; }
.pm-messages p { padding:12px; margin:0 0 12px; border-radius:12px 12px 12px 3px; background:#39342c; font-size:12px; }
.pm-messages .pm-message-answer { background:#141311; border:1px solid var(--pm-line); border-radius:12px 12px 3px 12px; }
.pm-reply { display:flex; flex-direction:column; gap:10px; margin:0 12px 12px; padding:12px; border:1px solid #5d5648; border-radius:10px; background:var(--pm-bg); color:var(--pm-muted); text-align:left; font-size:11px!important; }
.pm-reply > span { align-self:flex-end; padding:5px 9px; border-radius:5px; background:#ece6d9; color:#28251f; }
.pm-reply-status { padding:0 14px 12px; }
.pm-automation { padding:20px; }
.pm-automation > .pm-status { margin-top:8px; }
.pm-toggle { flex:none; width:36px; height:21px; padding:3px; border:0; border-radius:15px; background:#706756; }
.pm-toggle span { display:block; width:15px; height:15px; border-radius:50%; background:#f3f0ea; transition:transform .2s; }
.pm-toggle[aria-checked="true"] { background:#267042; }
.pm-toggle[aria-checked="true"] span { transform:translateX(15px); }
.pm-flow-step { display:flex; align-items:center; gap:12px; padding:18px; margin-top:20px; border:1px solid var(--pm-line); border-radius:12px; background:var(--pm-bg); }
.pm-flow-step > span { font:500 20px var(--gab); color:#aaa395; }
.pm-flow-step b { display:block; font-weight:500; }
.pm-flow-arrow { display:block; margin:12px 0 -8px 28px; color:#aaa395; }
.pm-accounts { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pm-accounts summary { display:flex; flex-wrap:wrap; align-items:center; gap:10px; cursor:pointer; list-style:none; }
.pm-accounts summary::-webkit-details-marker { display:none; }
.pm-accounts summary .pm-status { margin-left:auto; }
.pm-platform { display:grid; place-items:center; width:30px; height:30px; background:#39342c; border-radius:8px; }
.pm-platform svg { width:17px; height:17px; }
.pm-permissions { padding-top:14px; margin-top:14px; border-top:1px solid var(--pm-line); color:var(--pm-muted); font-size:11px; }
.pm-permissions p { margin:8px 0 0; }
@container (min-width:900px) {
 .pm-kicker { justify-content:flex-start; }
 .frame.frame--scene .dash .d-scroll { height:var(--d-haut,600px); min-height:620px; }
}
@container (min-width:900px) and (max-width:1199px) {
 .frame.frame--scene .dash .pm-nav-group,.frame.frame--scene .dash .pm-preview-note { display:none; }
 .pm-home-top { grid-template-columns:1fr; }
 .pm-accounts { grid-template-columns:1fr; }
}
@container (max-width:899px) {
 .frame.frame--scene .dash .d-sidebar { border:0; }
 .frame.frame--scene .dash .d-nav { grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; background:#171613; }
 .frame.frame--scene .dash .d-nav [data-go] { flex-direction:column; gap:5px; padding:9px 2px; font-size:9px; text-align:center; min-height:49px; }
 .frame.frame--scene .dash .d-nav [data-go="cles"] { margin:0; }
 .frame.frame--scene .dash .d-nav [data-go].is-on { color:#28251f; background:#ece6d9; }
 .frame.frame--scene .dash .pm-nav-group { display:none; }
 .frame.frame--scene .dash .pm-preview-note { padding:10px 0 0; font-size:9px; }
 .pm-home-top { grid-template-columns:1fr; }
 .pm-home-top > .pm-card { padding:14px; }
 .pm-upcoming { margin:12px 0; }
 .pm-accounts { grid-template-columns:1fr; }
 .pm-filters { gap:5px; }
 .pm-filters button { padding:9px 5px; font-size:9px; }
 .pm-post { flex-wrap:wrap; padding:12px; gap:9px; }
 .pm-post-art { width:34px; height:40px; }
 .pm-post > .pm-status { margin-left:43px; }
 .pm-inbox { grid-template-columns:1fr; }
 .pm-threads { display:grid; grid-template-columns:1fr 1fr; gap:7px; border-right:0; border-bottom:1px solid var(--pm-line); }
 .pm-threads button { padding:7px; margin:0; gap:6px; }
 .pm-threads small { display:none; }
 .pm-thread-view > [data-thread-panel]:not([hidden]) { min-height:290px; }
 .pm-mini-kpis > div { padding:11px 8px; }
 .pm-mini-kpis b { font-size:25px; }
}

/* Animations du compagnon reprises de PR106. */
@media (prefers-reduced-motion:no-preference) {
  .pet-robot { animation: pet-breathe 4s ease-in-out infinite; }
  .pet-eyes { animation: pet-blink 6s infinite; }
  .pm-pet[data-state="awake"] .pet-hand-right { animation: pet-wave .4s ease-in-out 4; }
  .pm-pet[data-state="sleeping"] .pet-robot { animation: pet-sleep 4s ease-in-out infinite; }
  .pet-sleep-signs > path { animation: pet-dream 3s ease-in-out infinite; }
  .pet-sleep-signs > path:nth-child(2) { animation-delay: -.6s; }
  .pet-sleep-signs > path:nth-child(3) { animation-delay: -1.2s; }
  .pet-surprise { animation: pet-surprise .65s ease-out both; }
  .pm-pet[data-startled="true"] .pet-robot { animation: pet-startle .65s ease-out both; }
  .pm-pet[data-state="working"] .pet-robot { animation: pet-work .8s ease-in-out infinite; }
  .pm-pet[data-state="working"] .pet-hand { animation: pet-tap .35s ease-in-out infinite alternate; }
  .pm-pet[data-state="working"] .pet-hand-right { animation-delay: .175s; }
  .pet-work > circle { animation: pet-dot .9s ease-in-out infinite; }
  .pet-work > circle:nth-child(2) { animation-delay: .15s; }
  .pet-work > circle:nth-child(3) { animation-delay: .3s; }
}
@keyframes pet-breathe { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes pet-blink { 0%,42%,46%,100% { transform: scaleY(1); } 44% { transform: scaleY(.08); } }
@keyframes pet-wave { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px) rotate(12deg); } }
@keyframes pet-sleep { 0%,100% { transform: rotate(-4deg) translateY(1px); } 50% { transform: rotate(-2deg) translateY(2px); } }
@keyframes pet-dream { 0%,100% { opacity: .35; transform: translate(0,1px); } 50% { opacity: 1; transform: translate(1px,-2px); } }
@keyframes pet-surprise { 0% { opacity: 0; transform: scale(.5); } 22% { opacity: 1; transform: scale(1.15); } 65% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: translateY(-2px); } }
@keyframes pet-startle { 0%,100% { transform: translateY(0); } 25% { transform: translateY(-3px) rotate(3deg); } 50% { transform: translateY(0) rotate(-2deg); } }
@keyframes pet-work { 0%,100% { transform: rotate(-1deg); } 50% { transform: translateY(-1px) rotate(1deg); } }
@keyframes pet-tap { from { transform: translateY(0); } to { transform: translateY(-2px); } }
@keyframes pet-dot { 0%,100% { opacity: .3; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-1px); } }
@media (prefers-reduced-motion:no-preference) { .pm-pet.is-hinted::after { animation:pm-invite 1.7s ease-in-out both; } }
@keyframes pm-invite { 0%,100% { opacity:0;transform:translateY(10px); } 25%,75% { opacity:1;transform:translateY(0); } 45% { opacity:1;transform:scale(.85); } }
/* Les animations décoratives sont suspendues hors de l'écran. */
.pm-pet:not(.is-visible) :is(.pet-robot,.pet-eyes,.pet-hand,.pet-surprise,.pet-work > circle,.pet-sleep-signs > path) { animation-play-state:paused; }
.pm-page [hidden] { display:none!important; }
@container (min-width:900px) { .frame.frame--scene .bxd > .pm-kicker { grid-row:2; } }

.frame.frame--scene .dash .d-nav [data-go].is-on:hover { color:#28251f; background:#ece6d9; }
.frame.frame--scene .pm-kicker .bx-kicker { margin:0; }
.pm-accounts summary::after { content:"⌄"; color:var(--pm-muted); }
.pm-accounts details[open] summary::after { content:"⌃"; }
/* Le guide montre les vrais contrôles ; il n'appuie jamais à la place du visiteur. */
.frame.frame--scene .dash .pm-action-hint { background:#fb4d17!important; color:#fff!important; outline:1.5px dashed #fb4d17!important; outline-offset:4px; box-shadow:0 0 0 5px #fb4d1725; transition:background .15s,color .15s; }
.frame.frame--scene .dash .d-askc.pm-action-hint { border-radius:4px; }