/* KMG Club — Planning uniquement : composants partagés dans admin.css
   et my-account-club-modals.css. Aucun style de notification, de bouton
   générique ou d'en-tête n'est redéfini ici. */
.kmg-planning-page .kmg-planning-board {border:0;background:transparent;box-shadow:none;overflow:visible}
.kmg-planning-page .kmg-planning-board-head {border:0}
.kmg-planning-page .kmg-planning-heading {display:flex;align-items:center;flex-wrap:wrap;gap:0 18px;min-width:0}
.kmg-planning-page .kmg-planning-heading .kmg-club-title {margin:0!important}
.kmg-planning-page .kmg-planning-heading .kmg-club-subtitle {margin:0}
.kmg-planning-page .kmg-planning-board > .kmg-card-body {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0
}
.kmg-planning-page .kmg-planning-day {
  border:1px solid #dce2e9;border-radius:8px;background:#fff;padding:14px;min-width:0
}
.kmg-planning-page .kmg-planning-day h3 {
  font:700 16px/1.35 Arial,Helvetica,sans-serif!important;
  letter-spacing:normal!important;text-transform:none!important;margin:0 0 10px!important
}
.kmg-planning-page .kmg-planning-day > p {font-size:13px;margin:0}
.kmg-planning-page .kmg-planning-day .kmg-compact-item {
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0;padding:10px;
  background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px
}
.kmg-planning-page .kmg-planning-day .kmg-compact-summary {
  display:flex;flex:1;min-width:140px;flex-direction:column;gap:3px
}
.kmg-planning-page .kmg-planning-day .kmg-compact-summary strong {font-size:13px}
.kmg-planning-page .kmg-planning-stripe {width:4px;align-self:stretch;min-height:30px;border-radius:3px;flex:none}
.kmg-planning-page .kmg-planning-day .kmg-compact-detail {font-size:12px;color:#64748b}
.kmg-planning-page .kmg-planning-day form {margin:0}
.kmg-planning-page .kmg-planning-toolbar,.kmg-planning-page .kmg-planning-clubs {
  display:flex;flex-wrap:wrap;gap:10px;margin-top:18px
}
/* Les actions utilisent le même .kmg-club-btn que Mes Clubs, avec
   uniquement une réduction de taille pour les créneaux. */
.kmg-planning-page .kmg-planning-day .kmg-club-btn {font-size:13px!important;padding:6px 12px!important}
.kmg-planning-page .kmg-planning-delete {border-color:#dc2626!important;color:#b91c1c!important}
.kmg-planning-page .kmg-planning-delete:hover {background:#dc2626!important;color:#fff!important}
.kmg-planning-page .kmg-planning-board > .kmg-notice {
  margin:0 0 18px!important;padding:11px 15px!important
}
.kmg-planning-page .kmg-planning-board > .kmg-notice p {margin:0!important;color:inherit!important}
/* Modales : le conteneur, l'overlay et la typographie viennent de
   my-account-club-modals.css via les classes kmg-compact-*. */
.kmg-planning-modal[hidden] {display:none!important}
.kmg-planning-modal .kmg-planning-dialog {width:min(100%,560px);padding:0;overflow:auto}
.kmg-planning-modal .kmg-planning-dialog > .kmg-card {
  background:#fff;border:0;border-radius:14px;overflow:hidden;margin:0;box-shadow:none
}
.kmg-planning-modal .kmg-card-head {
  background:#fff;padding:20px 24px 10px;border:0
}
.kmg-planning-modal .kmg-card-title {
  font:700 20px/1.35 Arial,Helvetica,sans-serif!important;
  color:#1f2937!important;margin:0!important;letter-spacing:normal!important
}
.kmg-planning-modal .kmg-card-body {padding:12px 24px 24px}
.kmg-planning-modal .kmg-planning-close {
  position:absolute;z-index:3;top:13px;right:15px;
  border:0;background:transparent;color:#475569;font:26px/1 Arial,sans-serif;cursor:pointer
}
.kmg-planning-modal .kmg-planning-form {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px
}
.kmg-planning-modal .kmg-planning-form label,
.kmg-planning-modal .kmg-planning-quick-form label {
  display:grid;gap:6px;font-size:14px;font-weight:500;line-height:1.4
}
.kmg-planning-modal .kmg-planning-form input,
.kmg-planning-modal .kmg-planning-form select,
.kmg-planning-modal .kmg-planning-quick-form input {
  box-sizing:border-box;width:100%;min-height:40px;padding:8px;
  border:1px solid #cbd5e1;border-radius:7px;font-size:14px
}
.kmg-planning-modal .kmg-planning-quick-form {display:grid;gap:13px}
.kmg-planning-modal .kmg-planning-quick-form input[type=color] {width:90px;padding:3px}
.kmg-planning-modal .kmg-planning-actions {
  grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:5px
}
.kmg-planning-modal .kmg-planning-actions .kmg-club-btn,
.kmg-planning-modal .kmg-planning-quick-form .kmg-club-btn {
  background:#fff!important;border:2px solid #e18c08!important;
  color:#e18c08!important;border-radius:100px!important;padding:8px 16px!important;
  font-size:14px!important;cursor:pointer
}
.kmg-planning-modal .kmg-planning-actions .kmg-club-btn:hover,
.kmg-planning-modal .kmg-planning-quick-form .kmg-club-btn:hover {
  background:#e18c08!important;color:#fff!important
}
@media(max-width:750px) {
  .kmg-planning-page .kmg-planning-board > .kmg-card-body {grid-template-columns:1fr}
}
@media(max-width:520px) {
  .kmg-planning-modal .kmg-planning-form {grid-template-columns:1fr}
  .kmg-planning-page .kmg-planning-board-head {flex-direction:column;align-items:flex-start}
}