.historique-wrapper{font-family:Arial,sans-serif;max-width:900px;margin:0 auto;padding:20px}
.hr-mt{margin-top:35px}

/* Filtres */
.filters{display:flex;justify-content:center;gap:10px;margin-bottom:30px}
.filters input,.filters select{padding:8px 12px;border-radius:8px;border:1px solid #ccc;font-size:1em;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.filters button{background:#10514B;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.filters button:hover{background:#0d3f38;transform:scale(1.05)}

/* Cards */
.cards-wrapper{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-top:25px;position:relative}
.section-title{position:absolute;top:-14px;left:20px;background:#333;color:#fff;font-size:1em;padding:5px 10px;border-radius:4px;font-family:'Yanone Kaffeesatz',sans-serif;letter-spacing:.5px}
.section-title.light{background:#eee;color:#10514B}

/* Placeholder */
.placeholder-card{text-align:center;background:#fff;border-radius:8px;padding:15px;box-shadow:0 1px 4px rgba(0,0,0,.1);display:inline-block;max-width:520px;margin:20px auto}

/* Image horloge dans les placeholders (petite et centrée) */
.placeholder-card img{
  max-width:120px;
  height:auto;
  display:block;
  margin:0 auto 8px;
}


/* Heures */
.bubbles-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}
.bubble-hour{background:linear-gradient(135deg,#10514B,#128C7E);color:#fff;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;font-size:1.3em;font-weight:700;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.bubble-hour:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}

/* Emissions */
.emission-bubbles{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:15px}
.emission-bubble-wrapper{position:relative;text-align:center;width:140px}
.emission-bubble{position:relative;width:110px;height:110px;border-radius:50%;overflow:hidden;border:3px solid #10514B;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:0 auto}
.emission-bubble img{width:100%;height:100%;object-fit:cover}
.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:rgba(16,81,75,.7);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.8}
.emission-name{margin-top:10px;font-size:1em;font-weight:700;color:#10514B;line-height:1.2em}
.emission-name a{color:#10514B;text-decoration:none}
.emission-hour{font-size:.9em;color:#333;font-weight:700}

/* Bouton 🎵 Titres */
.tracks-side-btn{position:absolute;right:-6px;top:86px;display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#fff;border:1px solid rgba(16,81,75,.3);color:#10514B;font-weight:700;font-size:.78em;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.14);z-index:10}
.tracks-side-ico{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(16,81,75,.08);font-size:13px}

/* Modale */
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;align-items:flex-start;z-index:9999;overflow:auto;padding-top:125px;padding-bottom:100px}
.modal-content{background:#fff;border-radius:12px;max-width:650px;width:95%;max-height:calc(100vh - 225px);overflow-y:auto;padding:15px 18px;position:relative}
.modal-title{margin:0 0 25px;color:#10514B;font-family:'Yanone Kaffeesatz',sans-serif;font-size:1.6em;text-align:center}
.modal-close{position:absolute;top:10px;right:15px;font-size:1.5em;cursor:pointer;background:none;border:none}

/* Tableau */
.table-modern{width:100%;border-collapse:collapse}
.table-modern thead{background:#e6e6e6}
.table-modern th{color:#333;text-align:center;padding:10px}
.table-modern td{text-align:center;padding:8px 4px;border-bottom:1px solid #eee}
.track-time{background:#10514B;color:#fff;padding:4px 6px;border-radius:6px;font-size:.85em;display:inline-block}
.track-artist{color:#003366;font-weight:700}