:root{--sdl-gray:#e6e6e6}
.offsync-toolbar{display:flex;justify-content:flex-end;margin:6px 0 14px 0}
.offsync-filter-group{display:flex;gap:10px;flex-wrap:wrap}
/* Base inactif : contour bleu, fond bleu très clair, texte bleu */
.offsync-chip{
  --chip-blue: #3B82F6;           /* bleu principal */
  --chip-blue-weak: #EAF2FF;      /* fond inactif */
  appearance:none;
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 18px;
  border-radius:4px;
  border:1.5px solid var(--chip-blue);
  background:var(--chip-blue-weak);
  color:var(--chip-blue);
  font-weight:800;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
}

/* Hover inactif */
.offsync-chip:not(.is-active):hover{
  background:#DCE9FF;             /* un peu plus soutenu au survol */
}

/* Actif : plein bleu, texte blanc */
.offsync-chip.is-active{
  background:var(--chip-blue);
  color:#fff;
  border-color:var(--chip-blue);
  box-shadow:0 2px 0 rgba(59,130,246,.15);
}

/* Focus clavier visible */
.offsync-chip:focus-visible{
  outline:3px solid rgba(59,130,246,.35);
  outline-offset:2px;
}

/* Optionnel : réduire la taille sur écrans étroits */
@media (max-width:480px){
  .offsync-chip{ padding:8px 14px; border-radius:2px; }
}
.offsync-modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.offsync-card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column}
.offsync-card__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-weight:700}
.offsync-card__title{font-size:18px;line-height:1.25}
.offsync-card__pill{font-size:12px;background:#ffd8ec;color:#333;padding:6px 10px;border-radius:999px;margin-left:8px}
.offsync-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 16px}
.offsync-badge--price{background:#dff7e6;border-radius:6px;padding:6px 8px;font-weight:700}
.offsync-meta__row{width:100%;font-size:14px;color:#111}
.offsync-meta__label{color:#4b6;opacity:.9;margin-right:4px}
.offsync-sep{height:1px;background:var(--sdl-gray);margin:6px 16px}
.offsync-card__content{padding:8px 24px 0 24px}
.offsync-card__content ul{list-style:none;margin:0;padding:0}
.offsync-card__content li{display:flex;align-items:flex-start;gap:8px;margin:10px 0}
.offsync-card__content li::before{content:'✓';font-weight:700;margin-top:0.1em}
.offsync-card__footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 16px;border-top:1px solid #eee;background:#f9fafb}
.offsync-btn{border:1px solid #cdd7ff;background:#e8edff;padding:10px 14px;border-radius:8px;text-decoration:none}