.bands-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (width<=768px){.bands-grid{grid-template-columns:1fr;gap:1.5rem}}.band-card{text-align:center;cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-base), transform var(--transition-base), filter .3s var(--ease-3);color:inherit;flex-direction:column;align-items:center;padding:2rem;text-decoration:none;display:flex}.band-card:hover:not(:where(:disabled,.disabled)){filter:brightness(1.02)}.band-card:active:not(:where(:disabled,.disabled)){transform:translateY(-4px)}.band-card-logo{border:4px solid var(--bg-warm);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.band-card-content{width:100%}.band-card-name{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 .75rem}.band-card-slogan{font-size:var(--font-size-md);color:var(--text-secondary);opacity:.85;margin:0 0 .5rem;font-style:italic}.band-card-style{font-size:var(--font-size-sm);color:#fff;background:var(--primary);font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);text-transform:capitalize;margin:0 0 1rem;padding:.375rem .875rem;display:inline-block}.band-card-info{justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.band-card-members{font-size:var(--font-size-sm);color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.band-card-members i{color:var(--primary);font-size:var(--font-size-md)}.band-card-badge{border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;display:inline-flex}.band-card-badge.badge-complete{background:var(--bg-success-light);color:var(--color-success)}.band-card-badge.badge-published{background:var(--color-success);color:#fff}.band-card-badge i{font-size:var(--font-size-md)}.band-card-archived{opacity:.7}.band-card-archived:after{content:"Archivé";background:var(--text-secondary);color:#fff;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;padding:.25rem .75rem;position:absolute;top:1rem;right:1rem}.band-card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.band-card-body{flex:1}.band-card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.band-info{flex:1;min-width:0}.band-meta{gap:var(--spacing-md);margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.band-meta-item{align-items:center;gap:var(--spacing-xs);display:inline-flex}.band-meta-item i{color:var(--primary-light);font-size:var(--font-size-sm)}.band-actions,.band-card-actions{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (width<=768px){.band-card{padding:1.5rem}.band-card-header{text-align:center;flex-direction:column}.band-card-actions,.band-actions{justify-content:center}.band-card-logo{margin-bottom:1rem}.band-card-name{font-size:var(--font-size-xl)}.band-card-slogan{font-size:var(--font-size-sm)}}