/* Envie en Vue — Alpha 21
   Stabilisation ciblée des compteurs, filtres, Grand Chelem et Suivi. */

/* Accueil : l’action prioritaire reste strictement personnelle. */
.home-partner-pending-note{
  display:flex;align-items:center;gap:9px;margin:12px 0 0;padding:10px 12px;
  border:1px solid var(--eiv-border);border-radius:13px;background:var(--eiv-lilac-pale);
  color:var(--eiv-text-secondary);font-size:12px
}
.home-partner-pending-note .visual-avatar{flex:0 0 auto;width:28px;height:28px}
.home-partner-pending-note strong{color:var(--eiv-plum)}
.home-space-metric__copy em span{display:block;margin-top:3px;color:var(--eiv-text-secondary);font-size:10px;font-style:normal;font-weight:800}

/* Boîte à idées : rendre les filtres réellement accessibles. */
.library-filter-panel{display:block!important;margin-top:10px}
.library-filter-toggle{width:100%;justify-content:center;border-style:dashed;background:var(--eiv-lilac-pale)}
.library-filter-panel.is-open .library-filter-toggle{border-style:solid;background:#fff}
.library-results-heading>div{display:grid;gap:2px}
.library-results-heading small{color:var(--eiv-text-secondary);font-size:11px;font-weight:800}
.idea-card__compact-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.idea-card__compact-media--illustration{background:var(--eiv-cream)}
.idea-card__compact-media--illustration img{object-fit:contain;padding:8px}
.idea-card__compact-media--secret{background:var(--eiv-lilac-pale);color:var(--eiv-raspberry)}
.idea-card__compact-media--secret svg{width:42px;height:42px}

/* Que fait-on ? : résumé des critères plus explicite. */
.what-engine{min-height:0;align-self:start}
.what-criteria-summary{align-items:center}
.what-criteria-summary>strong{margin-right:2px;color:var(--eiv-turquoise-deep);font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.what-criteria-summary--empty{display:flex;align-items:center;gap:8px}
.what-criteria-summary--empty span{padding:0;background:transparent;color:var(--eiv-text-secondary);font-weight:700}

/* Grand Chelem : progression, outils et pile ou face. */
.what-duel-head>div{flex:1}
.what-duel-head .what-criteria-summary{margin-top:10px}
.what-duel-side-label{display:inline-flex;margin-bottom:8px;padding:5px 8px;border-radius:99px;background:var(--eiv-lilac-pale);color:var(--eiv-plum);font-size:10px;font-weight:900}
.what-duel-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:14px;border:1px solid var(--eiv-border);border-radius:16px;background:#fff}
.what-duel-tools .button{display:inline-flex;align-items:center;gap:7px}
.what-coin-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.what-coin-backdrop{position:absolute;inset:0;border:0;background:rgba(64,58,92,.48)}
.what-coin-dialog{position:relative;z-index:1;width:min(520px,100%);padding:24px;border:1px solid var(--eiv-border);border-radius:24px;background:#fff;text-align:center;box-shadow:0 24px 60px rgba(64,58,92,.22)}
.what-coin-dialog__close{position:absolute;top:12px;right:12px}
.what-coin-mapping{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.what-coin-mapping span{display:grid;gap:3px;padding:11px;border:1px solid var(--eiv-border);border-radius:13px;background:var(--eiv-lilac-pale);font-size:12px}
.what-coin-mapping b{color:var(--eiv-raspberry);font-size:13px}
.what-coin-stage{position:relative;display:grid;place-items:center;min-height:212px;margin:10px 0 2px;perspective:1400px}
.what-coin-shadow{position:absolute;bottom:18px;left:50%;width:126px;height:30px;border-radius:50%;background:rgba(64,58,92,.16);filter:blur(7px);transform:translateX(-50%);transition:transform .45s ease,opacity .45s ease}
.what-coin{position:relative;width:156px;height:156px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.what-coin::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#efcf83;transform:translateZ(-1px);box-shadow:0 18px 30px rgba(64,58,92,.16)}
.what-coin-face{position:absolute;inset:0;display:block;border-radius:50%;overflow:hidden;backface-visibility:hidden;box-shadow:0 16px 34px rgba(64,58,92,.18)}
.what-coin-face::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 8px rgba(194,142,47,.72),inset 0 0 0 16px rgba(255,240,196,.55),inset 0 10px 18px rgba(255,255,255,.35)}
.what-coin-face img{display:block;width:100%;height:100%;object-fit:cover}
.what-coin-face--tails{transform:rotateY(180deg)}
.what-coin.is-heads{transform:rotateY(0deg) rotateX(0deg)}
.what-coin.is-tails{transform:rotateY(180deg) rotateX(0deg)}
.what-coin-stage.is-flipping{animation:eiv-coin-launch 1.25s cubic-bezier(.22,.7,.24,1) both}
.what-coin-stage.is-flipping .what-coin-shadow{animation:eiv-coin-shadow 1.25s ease-in-out both}
.what-coin.is-flipping{animation:eiv-coin-spin 1.25s cubic-bezier(.18,.66,.24,1) both}
.what-coin-result{display:block;margin:4px 0 14px;color:var(--eiv-plum);font-size:17px}
.what-coin-actions{display:flex;justify-content:center;gap:9px}
@keyframes eiv-coin-launch{0%{transform:translateY(0)}18%{transform:translateY(-18px)}52%{transform:translateY(-114px)}74%{transform:translateY(-46px)}100%{transform:translateY(0)}}
@keyframes eiv-coin-shadow{0%,100%{opacity:.22;transform:translateX(-50%) scale(1)}50%{opacity:.08;transform:translateX(-50%) scale(.62)}}
@keyframes eiv-coin-spin{0%{transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg)}100%{transform:rotateY(2160deg) rotateX(2880deg) rotateZ(22deg)}}

/* Suivi : filtres de recherche et libellés sans ambiguïté. */
.tracking-toolbar-v2{display:grid;gap:10px}
.tracking-toolbar-v2__main{display:grid;grid-template-columns:minmax(260px,1fr) 250px auto;gap:10px}
.tracking-toolbar-v2__main>label{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--eiv-border);border-radius:12px;background:#fff}
.tracking-toolbar-v2__main input,.tracking-toolbar-v2__main select,.tracking-filter-panel-v2 select{width:100%;min-height:42px;border:1px solid var(--eiv-border);border-radius:11px;background:#fff;color:var(--eiv-plum);font:inherit}
.tracking-toolbar-v2__main>label input{border:0}
.tracking-toolbar-v2__main>select{padding:0 10px}
.tracking-filter-toggle-v2{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.tracking-filter-toggle-v2 b{display:grid;min-width:21px;height:21px;place-items:center;border-radius:99px;background:var(--eiv-raspberry);color:#fff;font-size:11px}
.tracking-filter-panel-v2{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;gap:10px;align-items:end;padding:13px;border:1px solid var(--eiv-border);border-radius:15px;background:var(--eiv-lilac-pale)}
.tracking-filter-panel-v2 label{display:grid;gap:5px;color:var(--eiv-turquoise-deep);font-size:11px;font-weight:900}
.tracking-filter-panel-v2 select{padding:0 10px}

/* Cadrage homogène des cartes de contenu. */
.terrain-card>img,.terrain-new-card>img,.tracking-card-v2__visual>img,.tracking-now-card-v2__image>img{object-fit:cover;object-position:center}

@media(max-width:980px){
  .tracking-toolbar-v2__main{grid-template-columns:1fr 220px}
  .tracking-filter-toggle-v2{grid-column:1/-1;justify-content:center}
  .tracking-filter-panel-v2{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .library-filter-toggle{justify-content:flex-start}
  .what-duel-tools,.what-coin-actions{display:grid;grid-template-columns:1fr}
  .what-duel-tools .button,.what-coin-actions .button{width:100%}
  .what-coin-mapping{grid-template-columns:1fr}
  .what-coin{width:136px;height:136px}
  .what-coin-stage{min-height:196px}
  .tracking-toolbar-v2__main,.tracking-filter-panel-v2{grid-template-columns:1fr}
  .tracking-filter-toggle-v2{grid-column:auto;width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .what-coin-stage.is-flipping,.what-coin-stage.is-flipping .what-coin-shadow,.what-coin.is-flipping{animation:none}
  .what-coin-stage{min-height:auto}
}