/* Routines (section sombre) et épingles (tableau de bord clair) des pages capacités, et bloc BI de l'accueil.
   Routine = tâche automatisée (Nom, Quand, Comment, Dernier passage) ; épingle = indicateur BI du tableau de bord. */

/* ---------- Carte de routine, reprise de l'écran « Mes routines » ---------- */
.page-shop-alt .routine-item{
  position:relative;
  padding:20px 20px 16px;
  border:1px solid rgba(9,61,53,.12);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  color:var(--shop-ink-2);
}
.page-shop-alt .routine-item__name{
  margin:0;
  font-size:.95rem;
  font-weight:600;
  line-height:1.3;
}
.page-shop-alt .routine-item__when{
  margin:4px 0 0;
  color:var(--shop-ink-2);
  font-size:.8rem;
  line-height:1.4;
}
.page-shop-alt .routine-item .intelligence-card__table{ margin-top:14px; }
.page-shop-alt .routine-item__last{
  margin:14px 0 0;
  padding-top:12px;
  border-top:1px solid var(--line);
  color:var(--shop-muted);
  font-size:.72rem;
  line-height:1.45;
}
.page-shop-alt .routine-item__last b{ color:var(--shop-ink-2); font-weight:600; }
.page-shop-alt .routine-item__actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}
.page-shop-alt .routine-item__actions span{
  padding:5px 11px;
  border:1px solid rgba(9,61,53,.16);
  border-radius:8px;
  color:var(--shop-ink-2);
  font-size:.7rem;
  font-weight:500;
}

/* Consigne complète, sur plusieurs lignes si besoin */
.page-shop-alt .intelligence .intelligence-item .module-prompts span{
  height:auto;
  min-height:44px;
  padding-block:10px;
  overflow:visible;
  white-space:normal;
  text-overflow:clip;
}

/* Exemple à compléter */
.page-shop-alt .intelligence-item--todo .module-prompts span{
  border-style:dashed !important;
  color:rgba(255,255,255,.55) !important;
}
.page-shop-alt .routine-item--todo{
  border:1px dashed rgba(255,255,255,.35);
  background:transparent;
  box-shadow:none;
  color:rgba(255,255,255,.55);
}
.page-shop-alt .routine-item--todo .routine-item__name,
.page-shop-alt .routine-item--todo .routine-item__when{ color:inherit; }
.page-shop-alt .routine-item--todo i{
  display:block;
  height:8px;
  margin-top:12px;
  border-radius:4px;
  background:rgba(255,255,255,.12);
}
.page-shop-alt .routine-item--todo i + i{ width:60%; }

/* ---------- Épingles : tableau de bord clair ---------- */
.page-shop-alt .pins-section{ background:#fff; }
.page-shop-alt .pins-board{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 18px 50px rgba(21,33,27,.08);
}
.page-shop-alt .pins-board__head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;
  border-bottom:1px solid var(--line);
  color:var(--shop-ink-2);
  font-size:.86rem;
}
.page-shop-alt .pins-board__head b{ font-weight:600; }
.page-shop-alt .pins-board__head img{ border-radius:6px; }
.page-shop-alt .pins-board__dots{ display:flex; gap:5px; margin-right:6px; }
.page-shop-alt .pins-board__dots i{ width:9px; height:9px; border-radius:50%; background:#e3e6e1; }
.page-shop-alt .pins-board__bar,
.page-shop-alt .pins-board__grid{ margin-inline:clamp(14px,2vw,24px); }
.page-shop-alt .pins-board__bar{ margin-top:16px; }
.page-shop-alt .pins-board__bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:16px;
}
.page-shop-alt .pins-board__count{ color:var(--shop-muted); font-size:.84rem; }
.page-shop-alt .pins-board__filters{ display:flex; flex-wrap:wrap; gap:8px; }
.page-shop-alt .pins-board__filters span{
  padding:6px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--shop-ink-2);
  font-size:.76rem;
  font-weight:500;
}
.page-shop-alt .pins-board__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:start;
}
.page-shop-alt .pins-board .intelligence-card{
  border:1px solid var(--line);
  border-top:3px solid var(--ad-lime);
  border-radius:14px;
  box-shadow:none;
}
.page-shop-alt .pins-board__add{
  display:table;
  margin:18px auto 22px;
  padding:6px 14px;
  border:1px dashed rgba(9,61,53,.25);
  border-radius:8px;
  color:var(--shop-muted);
  font-size:.76rem;
  font-weight:500;
}
@media (max-width:900px){
  .page-shop-alt .pins-board__grid{ grid-template-columns:1fr; }
}

/* ---------- Accueil : bloc tableau de bord BI ---------- */
.page-home-alt .bi-section .section-head{ margin-inline:auto; text-align:center; }
.page-home-alt .bi-visual{
  margin:0;
  overflow:hidden;
  border-radius:24px;
}
.page-home-alt .bi-visual img{
  display:block;
  width:100%;
  height:auto;
}