/* Variante courte de l'accueil (27/10), inspirée de soffi.ai : outils gardés, rôles, sécurité en deux colonnes. */
.p-manager .v2-outils { padding: calc(var(--espace-section) * .55) 0 calc(var(--espace-section) * .35); text-align: center; }
.p-manager .v2-outils-tete { font-family: var(--mono); font-size: 12px; letter-spacing: var(--track-data); text-transform: uppercase; color: var(--text-weak); }
.p-manager .v2-logos { list-style: none; margin: 18px auto 0; padding: 0; display: grid; grid-template-columns: repeat(7, 1fr); max-width: 860px; border: 1px solid var(--stroke-weak); border-radius: 14px; overflow: hidden; }
.p-manager .v2-logos li { padding: 18px 8px; font-family: var(--display); font-weight: 700; font-size: 16px; color: var(--encre); background: rgba(249, 242, 237, .03); }
.p-manager .v2-logos li + li { border-left: 1px solid var(--stroke-weak); }
.p-manager .v2-outils-texte { max-width: 640px; margin: 18px auto 0; color: var(--text-weak); font-size: 16px; line-height: 1.5; }
.p-manager .v2-roles { padding-top: calc(var(--espace-section) * .45); text-align: center; }
.p-manager .v2-roles .section-tete { margin: 0 auto; }
.p-manager .v2-cartes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: var(--width-large); margin: calc(var(--espace-grille) * 2) auto 0; text-align: left; }
.p-manager .v2-carte { position: relative; padding: 28px 24px 26px; border-radius: 20px; background: #191716; border: 1px solid rgba(255, 255, 255, .07); }
.p-manager .v2-carte h3 { font-family: var(--display); font-size: 22px; color: #F2ECE5; margin: 10px 0 8px; }
.p-manager .v2-carte p { color: rgba(242, 236, 229, .72); font-size: 15px; line-height: 1.5; }
.p-manager .v2-cur { display: inline-flex; align-items: flex-start; gap: 2px; }
.p-manager .v2-cur svg { width: 16px; height: 16px; fill: var(--c); stroke: #fff; stroke-width: 1.3; }
.p-manager .v2-cur b { margin-top: 12px; padding: 2px 8px; border-radius: 4px 9px 9px 9px; background: var(--c); color: #fff; font-size: 12px; font-weight: 600; }
.p-manager .pr-av { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.p-manager .pr-av > div { display: grid; justify-items: center; gap: 8px; padding: 12px; border: 1px solid var(--ui-filet); border-radius: 12px; background: #fff; }
.p-manager .pr-av small { font-family: var(--mono); font-size: 10.5px; letter-spacing: var(--track-data); text-transform: uppercase; color: var(--ui-faible); }
.p-manager .pr-av span { font-size: 13px; font-weight: 600; padding: 7px 16px; }
.p-manager .b-av { border-radius: 8px; border: 1px solid #d4d4d8; color: #3f3f46; }
.p-manager .b-ap { border-radius: 99px; background: #4f46e5; color: #fff; }
.p-manager .v2-deux { display: grid; grid-template-columns: 1fr 1fr; max-width: 960px; margin: calc(var(--espace-grille) * 1.5) auto 0; border: 1px solid var(--filet); border-radius: 18px; background: var(--paper); overflow: hidden; text-align: left; }
.p-manager .v2-deux > div { padding: 28px 30px; }
.p-manager .v2-deux > div + div { border-left: 1px solid var(--filet); }
.p-manager .v2-deux h3 { font-family: var(--display); font-size: 21px; color: var(--encre-clair); margin-bottom: 10px; }
.p-manager .v2-deux dl { margin: 0; }
.p-manager .v2-deux dt { display: inline-block; margin-top: 16px; padding: 1px 7px; border-radius: 4px; background: #F2F1EC; font-family: var(--mono); font-size: 12px; color: var(--text-weak-clair); }
.p-manager .v2-deux dd { margin: 6px 0 0; padding-bottom: 14px; border-bottom: 1px solid var(--filet); color: var(--encre-clair); font-size: 15.5px; line-height: 1.45; }
.p-manager .v2-deux dd:last-child { border-bottom: 0; padding-bottom: 0; }
.p-manager .v2-secu .section-tete { margin: 0 auto; text-align: center; }
@media (max-width: 860px) { .p-manager .v2-logos { grid-template-columns: repeat(4, 1fr); } .p-manager .v2-logos li:nth-child(5) { border-left: 0; } .p-manager .v2-logos li:nth-child(n+5) { border-top: 1px solid var(--stroke-weak); } .p-manager .v2-cartes, .p-manager .v2-deux { grid-template-columns: 1fr; } .p-manager .v2-deux > div + div { border-left: 0; border-top: 1px solid var(--filet); } }

/* 27/10 (2) : outils discrets dans la rangée Design system ; rangée « équipes produit » image + texte ; Axolo Dev sur la sécurité */
.p-manager .v2-outils-mini { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--stroke-weak); }
.p-manager .v2-outils-mini span { font-family: var(--mono); font-size: 11px; letter-spacing: var(--track-data); text-transform: uppercase; color: var(--text-weak); }
.p-manager .v2-outils-mini ul { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.p-manager .v2-outils-mini li { font-family: var(--display); font-weight: 700; font-size: 14px; color: rgba(249, 242, 237, .78); }
.p-manager .v2-outils-mini small { display: block; margin-top: 8px; font-size: 13.5px; color: var(--text-weak); }
.p-manager .v2-roles-liste { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 12px; }
.p-manager .v2-roles-liste li { color: var(--text-weak); font-size: 16.5px; line-height: 1.45; padding-left: 14px; border-left: 2px solid var(--stroke-weak); }
.p-manager .v2-roles-liste b { color: var(--encre); font-weight: 650; }
.p-manager .v2-mini { position: relative; }
.p-manager .v2-ecrans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 22px 18px 30px; background-image: radial-gradient(rgba(59, 41, 34, .12) 1px, transparent 1.2px); background-size: 16px 16px; }
.p-manager .v2-ecran { aspect-ratio: 9 / 15; border-radius: 12px; background: #fff; border: 1px solid var(--ui-filet); padding: 12px 10px; display: flex; flex-direction: column; gap: 7px; box-shadow: 0 6px 16px -8px rgba(59, 41, 34, .25); }
.p-manager .v2-ecran i { display: block; height: 7px; border-radius: 4px; background: #ECE8E1; }
.p-manager .v2-ecran .l1 { width: 70%; height: 10px; background: #D9D3CB; } .p-manager .v2-ecran .l2 { width: 90%; } .p-manager .v2-ecran .l3 { height: 34px; border-radius: 8px; }
.p-manager .v2-ecran.sel { outline: 2px solid #ff5ea8; outline-offset: 3px; }
.p-manager .v2-btn { margin-top: auto; text-align: center; font-size: 10.5px; font-weight: 600; padding: 6px 4px; border-radius: 99px; background: #171717; color: #fff; }
.p-manager .v2-btn.ghost { background: #fff; color: #171717; border: 1px solid #d4d4d8; }
.p-manager .v2-roles-visuel .v2-cur { position: absolute; display: inline-flex; align-items: flex-start; }
.p-manager .v2-roles-visuel .v2-cur svg { width: 16px; height: 16px; fill: var(--c); stroke: #fff; stroke-width: 1.3; }
.p-manager .v2-roles-visuel .v2-cur b { margin: 12px 0 0 -2px; padding: 2px 8px; border-radius: 4px 9px 9px 9px; background: var(--c); color: #fff; font-size: 11px; font-weight: 600; white-space: nowrap; }
.p-manager .v2-cur.c1 { left: 52%; top: 26%; } .p-manager .v2-cur.c2 { left: 6%; top: 52%; } .p-manager .v2-cur.c3 { left: 70%; top: 66%; }
.p-manager .v2-secu .v2-dev { --taille: 92px; display: block; margin: 0 auto 10px; }
.p-manager .v2-roles-visuel { padding: 7%; }
.p-manager .v2-mini { width: 100%; }
.p-manager .v2-ecrans { padding: 20px 18px 24px; }
.p-manager .pr-av { width: 74%; }