/* Démo « scope » : MVP en 6 semaines, périmètre arbitré pour tenir la date (landing mvp) */
.lp-scope{position:relative;z-index:1;font-family:Inter,system-ui,sans-serif;color:#20201f;transition:opacity .4s ease}
.lp-scope.is-fading{opacity:0}
.lp-scope *,.lp-scope *::before,.lp-scope *::after{box-sizing:border-box}
.lp-scope-app{background:#fff;border:1px solid #e4def2;border-radius:18px;box-shadow:0 30px 70px -20px rgba(42,20,110,.28),0 10px 24px -12px rgba(42,20,110,.18);overflow:hidden;min-width:0}
.lp-scope svg{display:block}

/* Barre de fenêtre */
.lp-scope-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #f0edf6;background:#fcfbfe;min-width:0}
.lp-scope-dots{display:flex;gap:6px;flex:none}.lp-scope-dots i{width:9px;height:9px;border-radius:50%;background:#e5e1ec}
.lp-scope-logo{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#f4206e,#6024f5);color:#fff;font:700 11.5px/1 'Inter Tight',Inter,sans-serif}
.lp-scope-name{flex:1;min-width:0;font-size:12px;color:#62616b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-name b{font:600 12.5px/1.3 'Inter Tight',Inter,sans-serif;color:#20201f}
.lp-scope-badge{flex:none;padding:3px 9px;border-radius:999px;background:#fdeaf1;color:#c0134f;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}

/* CTO impliqué + objectif S6 */
.lp-scope-cto{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:8px 10px;border-radius:12px;background:linear-gradient(90deg,#f4efff,#fbf9ff);border:1px solid #e6dcfd;min-width:0}
.lp-scope-avatar{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover;background:#e9e3f7;border:2px solid #fff;box-shadow:0 0 0 1px #d9ccff;display:grid;place-items:center;font-size:11px;font-weight:700;color:#4b16d0}
.lp-scope-cto-t{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.3}
.lp-scope-cto-t b{font:600 12.5px/1.3 'Inter Tight',Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-cto-t>span{font-size:10.5px;color:#62616b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-cto-role{font:500 11px/1.3 Inter,sans-serif;color:#62616b}
.lp-scope-cto-short{display:none}
.lp-scope-target{flex:none;display:grid}
.lp-scope-target>span{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;transition:opacity .35s ease}
.lp-scope-target-plan{background:#fff;border:1px solid #ddd2fb;color:#4b16d0;opacity:0}
.lp-scope-target-live{background:#e8f7ee;color:#15803d}
.lp-scope-target-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.lp-scope.is-planning .lp-scope-target-plan{opacity:1}
.lp-scope.is-planning .lp-scope-target-live{opacity:0}

/* Libellés */
.lp-scope-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;font-weight:600;line-height:1.35;color:#62616b;white-space:nowrap;min-width:0}
.lp-scope-label>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.lp-scope-count{flex:none;font-weight:500}
.lp-scope-count b{color:#4b16d0;font-weight:700;font-variant-numeric:tabular-nums}

/* Fonctionnalité à arbitrer + charge / capacité */
.lp-scope-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,176px);gap:10px;padding:10px 16px 0}
.lp-scope-queue,.lp-scope-cap{min-width:0;border:1px solid #ebe7f2;border-radius:12px;padding:9px 11px 10px}
.lp-scope-queue{display:flex;flex-direction:column;background:#f8f7fb}
.lp-scope-slot{flex:1;display:grid;min-height:46px}
.lp-scope-current,.lp-scope-done{grid-area:1/1;display:flex;align-items:center;gap:10px;min-width:0;border-radius:10px;transition:opacity .3s ease,transform .3s ease}
.lp-scope-current{justify-content:space-between;padding:8px 11px;background:#fff;border:1.5px dashed #c9bcef;opacity:0}
.lp-scope-current-name{min-width:0;font-size:12.5px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-current-w{flex:none;padding:2px 8px;border-radius:999px;background:#efe9ff;color:#4b16d0;font-size:10.5px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.lp-scope-done{padding:4px 2px}
.lp-scope-done-ico{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8f7ee;color:#16a34a}
.lp-scope-done-ico svg{width:15px;height:15px}
.lp-scope-done-txt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.lp-scope-done-txt b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-done-txt span{font-size:11px;color:#62616b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope.is-sorting .lp-scope-done{opacity:0}
.lp-scope.is-sorting .lp-scope-current.is-on{opacity:1}
.lp-scope-current.is-leaving{opacity:0!important;transform:translateY(8px)}

.lp-scope-cap{display:flex;flex-direction:column}
.lp-scope-cap-v{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.lp-scope-cap-v b{font:700 21px/1.1 'Inter Tight',Inter,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#c0134f;transition:color .3s ease}
.lp-scope-cap.is-ok .lp-scope-cap-v b{color:#20201f}
.lp-scope-cap-v span{font-size:11.5px;font-weight:600;color:#62616b}
.lp-scope-gauge{position:relative;height:7px;margin-top:7px;border-radius:99px;background:#efecf5}
.lp-scope-gauge i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#f4206e,#ff5c93);transition:width .5s cubic-bezier(.4,0,.2,1),background .3s ease}
.lp-scope-cap.is-ok .lp-scope-gauge i{background:linear-gradient(90deg,#16a34a,#22c55e)}
.lp-scope-gauge em{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:2px;background:#20201f;opacity:.45}
.lp-scope-cap-st{display:grid;margin-top:6px}
.lp-scope-cap-st>span{grid-area:1/1;display:inline-flex;align-items:center;gap:4px;min-width:0;font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}
.lp-scope-cap-over{color:#c0134f;opacity:0}
.lp-scope-cap-over b{font-variant-numeric:tabular-nums}
.lp-scope-cap-ok{color:#16a34a}
.lp-scope-cap-ok svg{flex:none;width:12px;height:12px}
.lp-scope-cap:not(.is-ok) .lp-scope-cap-over{opacity:1}
.lp-scope-cap:not(.is-ok) .lp-scope-cap-ok{opacity:0}

/* Les trois zones */
.lp-scope-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 16px 0}
.lp-scope-zone{min-width:0;border:1px solid #ebe7f2;border-radius:12px;padding:8px;background:#fff}
.lp-scope-zone.is-mvp{background:#faf8ff;border-color:#ddd2fb}
.lp-scope-zone-head{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;column-gap:6px;row-gap:1px;margin-bottom:7px;min-width:0}
.lp-scope-zone-dot{width:8px;height:8px;border-radius:50%;background:#6024f5}
.is-test .lp-scope-zone-dot{background:#f4206e}
.is-later .lp-scope-zone-dot{background:#b9b3c6}
.lp-scope-zone-t{min-width:0;font-size:11.5px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-zone-hint{grid-column:2/4;min-width:0;font-size:10.5px;line-height:1.3;color:#8a8496;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-zone-n{min-width:20px;padding:1px 6px;border-radius:999px;background:#f1eef6;text-align:center;font-size:10.5px;font-weight:700;line-height:1.4;color:#62616b;font-variant-numeric:tabular-nums}
.is-mvp .lp-scope-zone-n{background:#6024f5;color:#fff}
.lp-scope-zone ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.lp-scope-card{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;min-height:40px;padding:5px 8px;border-radius:9px;background:#fff;border:1px solid #ebe7f2;box-shadow:0 2px 6px -4px rgba(42,20,110,.25)}
.is-mvp .lp-scope-card{border-color:#d9ccff;border-left:3px solid #6024f5;padding-left:7px}
.is-test .lp-scope-card{border-left:3px solid #f4206e;padding-left:7px}
.is-later .lp-scope-card{background:#fbfafc}
.lp-scope-card-name{font-size:11.5px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.is-later .lp-scope-card-name{color:#62616b}
.lp-scope-card-w{font-size:10.5px;line-height:1.3;color:#8a8496;white-space:nowrap;font-variant-numeric:tabular-nums}
.is-mvp .lp-scope-card-w{color:#4b16d0;font-weight:600}
.is-test .lp-scope-card-w,.is-later .lp-scope-card-w{text-decoration:line-through;text-decoration-color:#c3bdd0}
.lp-scope-card.is-off{visibility:hidden;opacity:0}
.lp-scope-card.is-landed{animation:lpScopeLand .7s ease}
@keyframes lpScopeLand{0%{box-shadow:0 0 0 3px rgba(96,36,245,.28)}100%{box-shadow:0 2px 6px -4px rgba(42,20,110,.25)}}

/* Calendrier S1 → S6 */
.lp-scope-weeks{list-style:none;margin:0;padding:10px 16px 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.lp-scope-weeks li{position:relative;display:flex;flex-direction:column;min-width:0;padding:6px 7px 7px;border-radius:10px;border:1px solid #ebe7f2;background:#fff;line-height:1.25;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.lp-scope-week-id{display:flex;align-items:center;gap:4px;min-height:16px;font-size:10.5px;font-weight:700;color:#a9a3b5;font-variant-numeric:tabular-nums;transition:color .3s ease}
.lp-scope-mini{width:16px;height:16px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #c9bcef;background:#e9e3f7;font-size:7px;display:grid;place-items:center}
.lp-scope-weeks b{margin-top:2px;font-size:11px;font-weight:600;color:#9a95a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}
.lp-scope-week-d{font-size:10px;color:#a9a3b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-week-ico{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#6024f5;color:#fff;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .3s ease}
.lp-scope-week-ico svg{width:9px;height:9px}
.lp-scope-weeks li.is-now{border-color:#b9a4fb;background:#f6f2ff;box-shadow:0 0 0 3px rgba(96,36,245,.1)}
.lp-scope-weeks li.is-now .lp-scope-week-id,.lp-scope-weeks li.is-done .lp-scope-week-id{color:#6024f5}
.lp-scope-weeks li.is-now b,.lp-scope-weeks li.is-done b{color:#20201f}
.lp-scope-weeks li.is-now .lp-scope-week-d,.lp-scope-weeks li.is-done .lp-scope-week-d{color:#62616b}
.lp-scope-weeks li.is-done{background:#faf8ff;border-color:#ddd2fb}
.lp-scope-weeks li.is-done .lp-scope-week-ico{opacity:1;transform:none}
.lp-scope-weeks li.is-live.is-done{background:#e8f7ee;border-color:#bfe6cc}
.lp-scope-weeks li.is-live.is-done .lp-scope-week-id,.lp-scope-weeks li.is-live.is-done b{color:#15803d}
.lp-scope-weeks li.is-live .lp-scope-week-ico{background:#16a34a}

/* Premiers retours */
.lp-scope-fb{margin:10px 16px 16px;padding:10px 12px;border-radius:12px;background:#f8f7fb;border:1px solid #ebe7f2}
.lp-scope-fb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;min-width:0}
.lp-scope-fb-title{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:12px;font-weight:700;white-space:nowrap}
.lp-scope-fb-title i{flex:none;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.lp-scope-fb-period{min-width:0;font-size:10.5px;color:#8a8496;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.lp-scope-metric{position:relative;display:flex;flex-direction:column;min-width:0;padding:8px 9px;border-radius:10px;background:#fff;border:1px solid #ece8f3}
.lp-scope-metric-l{font-size:10.5px;font-weight:600;color:#62616b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-scope-metric b{margin-top:2px;font:700 18px/1.15 'Inter Tight',Inter,sans-serif;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.lp-scope-metric-d{margin-top:2px;font-size:10px;line-height:1.3;color:#8a8496}
.lp-scope-metric b,.lp-scope-metric-d{transition:opacity .35s ease}
.lp-scope-skel{position:absolute;left:9px;right:9px;top:27px;display:grid;gap:6px;opacity:0;transition:opacity .3s ease}
.lp-scope-skel i{height:9px;border-radius:5px;background:#efecf5}
.lp-scope-skel i+i{width:70%;height:7px}
.lp-scope-metric:not(.is-on) b,.lp-scope-metric:not(.is-on) .lp-scope-metric-d{opacity:0}
.lp-scope-metric:not(.is-on) .lp-scope-skel{opacity:1}
.lp-scope-source{margin-top:7px;font-size:10px;color:#8a8496;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Mobile : nom et rôle court du CTO seulement */
@media (max-width:520px){
  .lp-scope-cto-role,.lp-scope-cto-task{display:none}
  .lp-scope-cto-t>.lp-scope-cto-short{display:block}
}
/* Mobile : zones empilées, cartes sur deux colonnes, calendrier sur 3 colonnes */
@media (max-width:520px){
  .lp-scope-bar{padding:9px 12px}
  .lp-scope-dots,.lp-scope-name>span{display:none}
  .lp-scope-cto{margin:10px 12px 0;gap:8px;padding:7px 8px}
  .lp-scope-avatar{width:30px;height:30px}
  .lp-scope-target>span{padding:3px 8px;font-size:10.5px}
  .lp-scope-top{grid-template-columns:minmax(0,1fr) minmax(0,132px);gap:8px;padding:9px 12px 0}
  .lp-scope-queue,.lp-scope-cap{padding:8px 9px 9px}
  .lp-scope-label{flex-direction:column;gap:0;white-space:normal}
  .lp-scope-current{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:6px 9px}
  .lp-scope-current-name{font-size:12px;max-width:100%}
  .lp-scope-done-txt span,.lp-scope-cap-st>span{white-space:normal}
  .lp-scope-cap-v b{font-size:19px}
  .lp-scope-zones{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 12px 0}
  .lp-scope-zone{padding:7px}
  .lp-scope-zone-head{grid-template-columns:8px auto minmax(0,1fr) auto;margin-bottom:6px}
  .lp-scope-zone-hint{grid-column:3;grid-row:1}
  .lp-scope-zone-n{grid-column:4;grid-row:1}
  .lp-scope-zone ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-scope-card{min-height:36px;padding:5px 7px}
  .lp-scope-card-name{font-size:11px}
  .lp-scope-weeks{grid-template-columns:repeat(3,minmax(0,1fr));padding:9px 12px 0}
  .lp-scope-fb{margin:9px 12px 12px;padding:9px}
  .lp-scope-fb-head{flex-direction:column;align-items:flex-start;gap:2px}
  .lp-scope-metrics{gap:5px}
  .lp-scope-metric{padding:7px}
  .lp-scope-metric-l{white-space:normal;line-height:1.25}
  .lp-scope-metric b{font-size:16px}
  .lp-scope-metric-d{font-size:9.5px}
  .lp-scope-skel{top:auto;bottom:12px}
  .lp-scope-source{white-space:normal}
}
@media (prefers-reduced-motion:reduce){.lp-scope *{animation:none!important;transition:none!important}}