/* Barre latérale « Outils IA / Coachs » (1.3.0) : chargée après chat.css et integration.css, qui ne changent pas. */
.sidebar-head{padding:20px 18px 10px}
.coach-scroll{padding:0 10px 14px}

/* En tête du tiroir mobile : un titre et la fermeture (pas de recherche). */
.drawer-head{display:none}

/* Discussion libre et images épinglées, au-dessus des onglets. */
.pinned{display:grid;grid-template-columns:1fr;gap:6px}
.free-chat{display:flex;align-items:center;gap:11px;min-width:0;padding:7px 10px;border:1px solid var(--side-line);border-radius:12px;background:var(--search-bg);text-align:left;transition:background .15s,border-color .15s}
.free-chat:hover{background:var(--side-hover)}
.free-chat.active{background:var(--side-active);border-color:var(--side-active-border)}
.free-chat .tool-tile,.free-chat .avatar{width:36px;height:36px}
.free-chat .tool-tile{border-radius:10px}.free-chat .tool-tile svg{width:20px;height:20px}
.free-chat-label,.item-label{display:flex;flex-direction:column;gap:2px;min-width:0}
.free-chat-label strong,.item-label strong{font-size:14.5px;line-height:1.3;font-weight:590;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.free-chat-label small,.item-label small{font-size:12px;line-height:1.35;color:var(--side-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.free-chat-label strong{font-size:13.5px}.free-chat-label small{font-size:11.5px}

/* Onglets Outils IA / Coachs (même gabarit que les anciens filtres). */
.tabs{margin-top:12px}
.tabs button{font-size:13px;font-weight:550;min-height:36px;gap:7px}
.tabs button[aria-selected=true]{background:var(--filter-active);color:var(--filter-ink);box-shadow:0 1px 4px #24133e12}
.tabs svg{width:16px;height:16px}

.list-heading{margin:16px 10px 8px;font-size:10.5px;letter-spacing:1.1px;text-transform:uppercase}
#tool-panel .list-heading:first-child,#coach-panel .list-heading:first-child{margin-top:10px}
.coach-list{gap:2px}
.tool-row{min-height:56px}
.tool-row .coach-pick{min-height:54px;padding:7px 8px;gap:12px}
.coach-row:not(.tool-row) .coach-pick{padding-right:10px}

/* Tuiles des outils : picto blanc sur la couleur de l'outil. */
.tool-tile{--tile:#141414;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;background:var(--tile);color:#fff;box-shadow:inset 0 0 0 1px #0000000d}
.tool-tile svg{width:22px;height:22px;stroke-width:1.8}

/* Lien vers la page de tous les outils, en bas de l'onglet Outils. */
.all-tools{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:10px 8px;border:1px dashed #c9ccd4;border-radius:12px;color:var(--side-ink);transition:background .15s,border-color .15s}
.all-tools:hover{background:var(--side-hover);border-color:#b4b8c2}
.all-tools-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:var(--search-bg);box-shadow:0 0 0 1px var(--side-line);flex-shrink:0}
.all-tools-icon svg{width:20px;height:20px}
.all-tools>svg{width:16px;height:16px;margin-left:auto;color:var(--side-muted)}

/* Aide et conseils : dernière ligne de l'onglet Outils. */
.help-row{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0 2px;padding:7px 8px;border:1px solid transparent;border-radius:12px;text-align:left;color:var(--side-ink);transition:background .15s}
.help-row:hover{background:var(--side-hover)}
.help-row.active{background:var(--side-active);border-color:var(--side-active-border)}

/* Pied : retour au site et mentions légales. */
.sidebar-foot{padding:12px 18px max(14px,env(safe-area-inset-bottom))}
.sidebar-foot .sidebar-meta{margin-top:0}

/* En-tête : tuile de l'outil à la place de la photo. */
.header-tile{width:48px;height:48px;border-radius:13px}
.header-tile svg{width:26px;height:26px}
.app[data-selected-kind=tool] .presence-dot{right:-3px;bottom:-3px}

/* Transition : même écran qu'avant, avec la tuile pour un outil. */
.transition-tile{width:96px;height:96px;border-radius:26px}
.transition-tile svg{width:46px;height:46px;stroke-width:1.6}
.portrait-ring:has(.transition-tile:not([hidden])){border-radius:32px}

/* Bande défilante sous l'en-tête : mobile seulement. */
.tool-strip{display:none}
@media(max-width:700px){
 .header-tile{width:42px;height:42px;border-radius:12px}
 .header-tile svg{width:23px;height:23px}
 .tool-strip{display:flex;gap:6px;flex:0 0 auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:8px 10px;border-bottom:1px solid var(--line);background:#fff;scroll-padding:10px}
 .tool-strip::-webkit-scrollbar{display:none}
 .keyboard-open .tool-strip{display:none}
 .strip-chip{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;height:36px;padding:0 12px 0 5px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #e1e3e8;font-size:13px;font-weight:550;color:#28252d;white-space:nowrap}
 .strip-chip .tool-tile{width:26px;height:26px;border-radius:8px}
 .strip-chip .tool-tile svg{width:16px;height:16px;stroke-width:1.9}
 .strip-avatar{width:26px;height:26px}
 .strip-chip.active{background:#141414;color:#fff;box-shadow:none}
 .strip-more{padding-left:11px;color:#4a63e7;box-shadow:inset 0 0 0 1px #c9d0f7}
 .strip-more svg{width:16px;height:16px}
 .app[data-selected-kind=tool] .header-title p{display:none}
 /* L'ombre du tiroir fermé débordait en dégradé gris sur la gauche du chat. */
 .sidebar{box-shadow:none}.drawer-open .sidebar{box-shadow:12px 0 40px #1c14291a}
 .sidebar-head{padding:12px 14px 10px}
 .drawer-head{display:flex;align-items:center;justify-content:space-between;margin:0 -4px 10px 2px}
 .drawer-head strong{font-size:15px;font-weight:600;letter-spacing:-.2px}
 .drawer-head .icon-button{width:40px;height:40px}
 .sidebar-foot{padding:10px 14px max(12px,env(safe-area-inset-bottom))}
}

/* Barre latérale sombre. */
body[data-variant=contraste] .all-tools{border-color:#4a4850}
body[data-variant=contraste] .tool-tile{box-shadow:inset 0 0 0 1px #ffffff14}