/* =====================================================
   RDV Parent — CSS FINAL NETTOYÉ ET COMMENTÉ
   -----------------------------------------------------
   Objectif :
   - garder le rendu final souhaité
   - supprimer les contradictions internes
   - regrouper les règles par zone
   - commenter clairement chaque partie
===================================================== */


/* =====================================================
   VARIABLES GLOBALES
   -----------------------------------------------------
   Ces variables centralisent les couleurs, espacements
   et dimensions principales du module.
===================================================== */
:root{
  --rdv-blue: #0F2954;
  --rdv-accent: #2c7be5;
  --rdv-gap: 12px;
  --rdv-line: 2px;
  --rdv-form-width: 560px;
}


/* =====================================================
   RESET / BASE GLOBALE
   -----------------------------------------------------
   - bloque le débordement horizontal
   - uniformise le box-model
   - fixe le conteneur principal
===================================================== */
html,
body{
  overflow-x: hidden !important;
}

.rdv-parent-wrap,
.rdv-parent-wrap *{
  box-sizing: border-box;
}

.rdv-parent-wrap{
  width: 100% !important;
  max-width: 1800px !important;      /* largeur finale souhaitée */
  margin: 24px auto !important;
  margin-top: 10px !important;       /* version finale retenue */
  padding: 0 12px !important;
  color: #111;
  font-family: inherit;
}

.rdv-parent-wrap *{
  max-width: 100%;
}

.rdv-parent-wrap label,
.rdv-parent-wrap strong,
.rdv-parent-wrap b{
  text-decoration: none !important;
}


/* =====================================================
   TABS / ONGLETS EN HAUT
   -----------------------------------------------------
   - structure des onglets
   - centrage final
   - remontée visuelle
   - espace avec le contenu
===================================================== */
.rdv-parent-wrap .rdv-tabs{
  display: block !important;
  width: 100% !important;
  margin-top: -20px !important; /* remonte visuellement les onglets */
}

.rdv-parent-wrap .rdv-tabs-nav{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; /* état final retenu */
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 10px !important;
  margin: 0 !important;
  margin-top: -8px !important;        /* léger ajustement vers le haut */
  margin-bottom: 42px !important;     /* espace sous les onglets */
}

.rdv-parent-wrap .rdv-tab-btn{
  flex: 0 1 auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;

  /* état final demandé : onglet inactif sans fond */
  background: transparent !important;
  color: var(--rdv-blue) !important;
  border: 1px solid var(--rdv-blue) !important;
}

.rdv-parent-wrap .rdv-tab-btn:hover{
  background: var(--rdv-blue) !important;
  color: #fff !important;
}

.rdv-parent-wrap .rdv-tab-btn.is-active{
  background: var(--rdv-blue) !important;
  color: #fff !important;
  border: 1px solid var(--rdv-blue) !important;
}

.rdv-parent-wrap .rdv-tab-btn.is-active::before{
  display: none !important;
}

.rdv-parent-wrap .rdv-tabs-content{
  min-width: 0 !important;
  width: 100% !important;
  border-left: 0 !important;
  padding-left: 0 !important;
  padding-top: 25px !important; /* espace réel sous les onglets */
  margin-top: 0 !important;
}

.rdv-parent-wrap .rdv-tab-panel{
  display: none;
  width: 100%;
  min-width: 0;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.rdv-parent-wrap .rdv-tab-panel.is-active{
  display: block;
}

.rdv-parent-wrap .rdv-tab-panel h1,
.rdv-parent-wrap .rdv-tab-panel h2,
.rdv-parent-wrap .rdv-tab-panel h3{
  margin-top: 0 !important;
}


/* =====================================================
   FORMULAIRE PRINCIPAL
   -----------------------------------------------------
   - structure verticale
   - largeur cohérente des blocs de formulaire
===================================================== */
.rdv-parent-wrap form.rdv-parent-form{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--rdv-gap);
}

.rdv-parent-wrap .rdv-mobile-field,
.rdv-parent-wrap .rdv-parent-meta,
.rdv-parent-wrap .rdv-slots-title,
.rdv-parent-wrap .rdv-surplace,
.rdv-parent-wrap .rdv-hint,
.rdv-parent-wrap .rdv-admin-slots,
.rdv-parent-wrap .rdv-slots-wrap,
.rdv-parent-wrap .rdv-btn,
.rdv-parent-wrap button[type="submit"]{
  width: min(var(--rdv-form-width), 100%) !important;
  max-width: 100% !important;
}

.rdv-parent-wrap label.rdv-slot.rdv-field{
  display: block;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}


/* =====================================================
   TITRES / LABELS DU FORMULAIRE
   -----------------------------------------------------
   - texte aligné à gauche
   - fond bleu uniquement sur les vrais titres de section
   - aucun fond sur les labels internes ni sur les dates de créneaux
===================================================== */
.rdv-parent-wrap .rdv-slot-text{
  display: block;
  margin: 0 0 8px;
  font-weight: 800;
  line-height: 1.2;
  text-align: left !important;
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
}

.rdv-parent-wrap .rdv-mobile-field{
  text-align: left !important;
}

.rdv-parent-wrap .rdv-mobile-field .rdv-slot-text{
  display: inline-block !important;
  width: auto !important;
  max-width: max-content !important;
  white-space: nowrap !important;
  text-align: left !important;
  background: var(--rdv-blue) !important;
  color: #fff !important;
  font-weight: 900 !important;
  padding: 4px 8px !important;
  border-radius: 0 !important;
}

/* titre de bloc seulement */
.rdv-parent-wrap .rdv-slots-title{
  display: inline-block !important;
  width: auto !important;
  max-width: max-content !important;
  white-space: nowrap !important;
  margin: 18px 0 12px;
  text-transform: uppercase;
  letter-spacing: .4px;
  background: var(--rdv-blue) !important;
  color: #fff !important;
  font-weight: 900 !important;
  padding: 4px 8px !important;
  border-radius: 0 !important;
}

/* conteneurs alignés à gauche */
.rdv-parent-wrap .rdv-mobile-field,
.rdv-parent-wrap .rdv-parent-meta,
.rdv-parent-wrap .rdv-slots-wrap,
.rdv-parent-wrap .rdv-admin-slots{
  text-align: left !important;
}

.rdv-parent-wrap .rdv-req{
  color: #d93025;
  font-size: 12px;
  font-weight: 900;
  position: relative;
  top: -2px;
  margin-left: 2px;
}

/* =====================================================
   CHAMPS DE SAISIE
   -----------------------------------------------------
   - style minimal avec ligne basse
   - tailles adaptées selon les champs
===================================================== */
.rdv-parent-wrap input[type="text"],
.rdv-parent-wrap select{
  display: block;
  width: 25ch;
  max-width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0 2px;
  margin: 0;
  font-size: 16px;
  color: #111;
  background: transparent !important;
  border: none !important;
  border-bottom: var(--rdv-line) solid #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.rdv-parent-wrap input[type="text"]:focus,
.rdv-parent-wrap select:focus{
  border-bottom-width: 3px !important;
}

.rdv-parent-wrap select{
  padding-right: 28px;
  background-image:
    linear-gradient(45deg, transparent 50%, #000 50%),
    linear-gradient(135deg, #000 50%, transparent 50%);
  background-position:
    calc(100% - 14px) 55%,
    calc(100% - 8px) 55%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.rdv-parent-wrap #rdv-parent-name,
.rdv-parent-wrap #rdv-school{
  width: 35ch;
}

.rdv-parent-wrap #rdv-legal-role{
  width: 18ch;
}

.rdv-parent-wrap #rdv-class-level{
  width: 10ch;
}


/* =====================================================
   CHAMP MOBILE
   -----------------------------------------------------
   - préfixe +216
   - champ mobile compact
===================================================== */
.rdv-parent-wrap .rdv-mobile-row{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 25ch;
  max-width: 100%;
}

.rdv-parent-wrap .rdv-prefix{
  flex: 0 0 auto;
  height: 42px;
  line-height: 42px;
  font-weight: 700;
}

.rdv-parent-wrap #rdv-mobile8{
  flex: 0 0 12ch;
  width: 12ch;
  max-width: 12ch;
  padding-left: 0 !important;
  letter-spacing: 1px;
}


/* =====================================================
   CHAMP MOYENNE
   -----------------------------------------------------
   - bloc aligné à gauche
   - petits champs numériques
===================================================== */
.rdv-parent-wrap .rdv-moyenne-wrap{
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
  gap: 6px;
}

.rdv-parent-wrap .rdv-moyenne-wrap input{
  width: 2.8ch !important;
  margin-left: 0 !important;
  text-align: center;
  letter-spacing: 1px;
}

.rdv-parent-wrap .rdv-moyenne-comma{
  font-weight: 900;
  line-height: 42px;
}


/* =====================================================
   CASES / OPTIONS
===================================================== */
.rdv-parent-wrap .rdv-surplace{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 14px;
}

.rdv-parent-wrap .rdv-surplace input{
  width: 16px;
  height: 16px;
}


/* =====================================================
   ÉTATS DÉSACTIVÉS
===================================================== */
.rdv-parent-wrap .rdv-parent-meta.is-disabled,
.rdv-parent-wrap .rdv-admin-slots.is-disabled{
  opacity: .55 !important;
  filter: grayscale(1) !important;
  pointer-events: none !important;
}


/* =====================================================
   MESSAGES D’AIDE / INFO SMS
===================================================== */
.rdv-parent-wrap .rdv-hint{
  margin-top: 6px;
  font-size: 14px;
  color: #666;
}

.rdv-parent-wrap .rdv-hint.rdv-sms-info,
.rdv-parent-wrap .rdv-sms-info{
  margin: 10px 0 14px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: var(--rdv-accent) !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow: visible !important;
}

.rdv-parent-wrap .rdv-sms-info a{
  color: #fff !important;
  text-decoration: underline !important;
}


/* =====================================================
   BOUTONS PRINCIPAUX DU FORMULAIRE
===================================================== */
.rdv-parent-wrap .rdv-btn,
.rdv-parent-wrap button[type="submit"]{
  display: block !important;
  margin: 10px 0 0 0 !important;
  padding: 12px 16px !important;
  font-weight: 800 !important;
  background: var(--rdv-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
}

.rdv-parent-wrap .rdv-btn:disabled,
.rdv-parent-wrap button[type="submit"]:disabled{
  opacity: .55;
  cursor: not-allowed;
}


/* =====================================================
   LISTE DES CRÉNEAUX / SLOTS
===================================================== */
.rdv-slots-warning{
  margin: 10px 0 12px;
  padding: 10px 12px;
  border-left: 4px solid #d10000;
  background: #fff5f5;
  color: #b00000;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
  animation: rdvBlink 1.6s ease-in-out infinite;
}

@keyframes rdvBlink{
  0%{ opacity: 1; }
  50%{ opacity: .45; }
  100%{ opacity: 1; }
}

.rdv-admin-slots .rdv-slot,
.rdv-slots-wrap .rdv-slot{
  display: flex !important;
  width: 100% !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  margin: 6px 0 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

.rdv-admin-slots .rdv-slot input[type="radio"],
.rdv-slots-wrap .rdv-slot input[type="radio"]{
  flex: 0 0 auto !important;
  margin-top: 3px !important;
}

.rdv-admin-slots .rdv-slot-text,
.rdv-slots-wrap .rdv-slot-text{
  flex: 1 1 auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.3 !important;
}

.rdv-admin-slots .rdv-slot-text b,
.rdv-slots-wrap .rdv-slot-text b{
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* =====================================================
   MESSAGES DE RETOUR
   -----------------------------------------------------
   Ex. succès / erreur
===================================================== */
.rdv-parent-wrap .rdv-msg{
  margin: 14px 0 0;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: transparent;
  line-height: 1.45;
}

.rdv-parent-wrap .rdv-msg-ok{
  border-color: #9ad5a3;
}

.rdv-parent-wrap .rdv-msg-error{
  border-color: #f1a3a3;
}


/* =====================================================
   HISTORIQUE / TABLEAU
   -----------------------------------------------------
   - tableau large
   - scroll horizontal si nécessaire
   - colonnes équilibrées
===================================================== */
.rdv-parent-wrap .rdv-tab-panel[data-panel="history"] h1,
.rdv-parent-wrap .rdv-tab-panel[data-panel="history"] h2,
.rdv-parent-wrap .rdv-tab-panel[data-panel="history"] h3{
  margin: 0 0 14px !important;
  text-align: center !important;
  width: 100% !important;
}

.rdv-parent-wrap .rdv-parent-history{
  width: 100% !important;
  max-width: 1600px !important;
  min-width: 0;
  margin: auto !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border-top: 0 !important;
}

.rdv-parent-wrap .rdv-table{
  width: 100% !important;
  min-width: 1400px !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  margin: 0 !important;
  border: 1px solid rgba(0,0,0,.12) !important;
}

.rdv-parent-wrap .rdv-table th,
.rdv-parent-wrap .rdv-table td{
  padding: 8px 6px !important;
  vertical-align: top !important;
  white-space: normal !important;
  border-right: 1px solid rgba(0,0,0,.12) !important;
  border-bottom: 1px solid rgba(0,0,0,.12) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.rdv-parent-wrap .rdv-table th{
  font-weight: 900 !important;
  font-size: 11px !important;
  background: rgba(0,0,0,.03) !important;
}

.rdv-parent-wrap .rdv-table th:last-child,
.rdv-parent-wrap .rdv-table td:last-child{
  border-right: none !important;
  text-align: left !important;
}

.rdv-parent-wrap .rdv-table tbody tr:last-child td{
  border-bottom: none !important;
}

.rdv-parent-wrap .rdv-table tbody tr:hover,
.rdv-parent-wrap .rdv-table tbody tr:hover td{
  background: rgba(44,123,229,.10) !important;
}

.rdv-parent-wrap .rdv-table tbody tr.rdv-hrow{
  cursor: pointer !important;
}


/* =====================================================
   LARGEUR DES COLONNES DU TABLEAU
   -----------------------------------------------------
   Répartition finale conservée depuis ton code.
===================================================== */
.rdv-parent-wrap .rdv-table th:nth-child(1),
.rdv-parent-wrap .rdv-table td:nth-child(1){ width: 8% !important; }  /* date */

.rdv-parent-wrap .rdv-table th:nth-child(2),
.rdv-parent-wrap .rdv-table td:nth-child(2){ width: 12% !important; } /* parent */

.rdv-parent-wrap .rdv-table th:nth-child(3),
.rdv-parent-wrap .rdv-table td:nth-child(3){ width: 8% !important; } /* rôle */

.rdv-parent-wrap .rdv-table th:nth-child(4),
.rdv-parent-wrap .rdv-table td:nth-child(4){ width: 6% !important; }  /* classe */

.rdv-parent-wrap .rdv-table th:nth-child(5),
.rdv-parent-wrap .rdv-table td:nth-child(5){ width: 9% !important; }  /* établissement */

.rdv-parent-wrap .rdv-table th:nth-child(6),
.rdv-parent-wrap .rdv-table td:nth-child(6){ width: 9% !important; }  /* mobile */

.rdv-parent-wrap .rdv-table th:nth-child(7),
.rdv-parent-wrap .rdv-table td:nth-child(7){ width: 6% !important; }  /* moyenne */

.rdv-parent-wrap .rdv-table th:nth-child(8),
.rdv-parent-wrap .rdv-table td:nth-child(8){ width: 8% !important; }  /* statut */

.rdv-parent-wrap .rdv-table th:nth-child(9),
.rdv-parent-wrap .rdv-table td:nth-child(9){ width: 18% !important; } /* actions */


/* =====================================================
   COLONNE ACTIONS DANS LE TABLEAU
   -----------------------------------------------------
   - boutons sur une seule ligne
   - sans fond
   - largeur ajustée au contenu
===================================================== */
.rdv-parent-wrap .rdv-table td:last-child{
  overflow: visible !important;
}

.rdv-parent-wrap .rdv-table td:last-child > div{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
 justify-content: flex-start !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}

.rdv-parent-wrap .rdv-table td:last-child .button,
.rdv-parent-wrap .rdv-table td:last-child a.button{
  width: auto !important;
  min-width: unset !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 2px 4px !important;
  line-height: 1.15 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--rdv-blue) !important;
  font-weight: 600 !important;
}

.rdv-parent-wrap .rdv-table td:last-child .button:hover,
.rdv-parent-wrap .rdv-table td:last-child a.button:hover{
  text-decoration: underline !important;
  background: transparent !important;
}

.rdv-edit-msg{
  font-size: 12px;
  line-height: 1.35;
  white-space: normal;
}


/* =====================================================
   ACTIONS PERSONNALISÉES
   -----------------------------------------------------
   Utiles si tu utilises un wrapper .rdv-actions
   et un tiret .rdv-no-action
===================================================== */
.rdv-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.rdv-actions .rdv-edit-slot{
  min-width:70px;   /* largeur fixe pour "Modifier" */
}

.rdv-actions .button:not(.rdv-edit-slot),
.rdv-no-action{
  width:160px;      /* largeur fixe pour bouton formulaire */
  text-align:center;
}
.rdv-actions .rdv-edit-slot{
  width: auto;
}

.rdv-actions .button:not(.rdv-edit-slot),
.rdv-no-action{
  min-width: 120px;
  text-align: center;
}

.rdv-no-action{
  color: #999;
  font-weight: 600;
  display: inline-block;
}


/* =====================================================
   MODAL DÉTAILS PARENT
===================================================== */
#rdv-parent-card{
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(0,0,0,.45) !important;
}

#rdv-parent-card.is-open{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box;
}

#rdv-parent-card .rdv-modal-backdrop{
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
}

#rdv-parent-card .rdv-modal-card{
  position: relative !important;
  z-index: 1 !important;
  width: min(560px, calc(100% - 24px)) !important;
  max-height: calc(100vh - 40px) !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#rdv-parent-card .rdv-modal-head{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #eee !important;
  background: #fff !important;
  color: #111 !important;
}

#rdv-parent-card .rdv-modal-title{
  font-size: 15px !important;
  font-weight: 700 !important;
}

#rdv-parent-card .rdv-modal-body{
  flex: 1 1 auto !important;
  padding: 10px 14px !important;
  overflow: auto !important;
}

#rdv-parent-card .rdv-modal-foot{
  flex: 0 0 auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-top: 1px solid #eee !important;
  background: #fafafa !important;
}

#rdv-parent-card table.rdv-kv{
  width: 100% !important;
  border-collapse: collapse !important;
}

#rdv-parent-card table.rdv-kv td{
  padding: 6px 0 !important;
  vertical-align: top !important;
}

#rdv-parent-card table.rdv-kv td:first-child{
  width: 220px !important;
  padding-right: 28px !important;
  color: #333 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

#rdv-parent-card table.rdv-kv td:last-child{
  padding-left: 6px !important;
  font-weight: 700 !important;
  color: #111 !important;
}


/* =====================================================
   MODAL DE MODIFICATION DE CRÉNEAU
===================================================== */
#rdv-slot-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}

#rdv-slot-modal.is-open{
  display: block;
}

#rdv-slot-modal .rdv-modal-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
}

#rdv-slot-modal .rdv-modal-card{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(520px, calc(100% - 24px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 14px 40px rgba(0,0,0,.25);
}

#rdv-slot-modal .rdv-modal-head{
  background: var(--rdv-blue);
  color: #fff;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#rdv-slot-modal .rdv-modal-body{
  padding: 14px;
}

#rdv-slot-modal .rdv-modal-row{
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 10px;
  align-items: center;
}

#rdv-slot-modal .rdv-modal-label{
  font-weight: 900;
  color: #111;
}

#rdv-slot-modal .rdv-modal-foot{
  padding: 12px 14px;
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}


/* =====================================================
   RESPONSIVE TABLETTE
===================================================== */
@media (max-width: 980px){
  .rdv-parent-wrap .rdv-tabs-nav{
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .rdv-parent-wrap .rdv-tab-btn{
    white-space: normal !important;
  }

  .rdv-parent-wrap .rdv-tabs-content{
    margin-top: 8px !important;
  }
}


/* =====================================================
   RESPONSIVE MOBILE
===================================================== */
@media (max-width: 768px){
  .rdv-parent-wrap{
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 10px !important;
  }

  .rdv-parent-wrap .rdv-tabs-nav{
    flex-direction: column !important;
    gap: 8px !important;
  }

  .rdv-parent-wrap .rdv-tab-btn{
    width: 100% !important;
    font-size: 12px !important;
    padding: 8px 10px !important;
  }

  .rdv-parent-wrap .rdv-mobile-field,
  .rdv-parent-wrap .rdv-parent-meta,
  .rdv-parent-wrap .rdv-slots-title,
  .rdv-parent-wrap .rdv-surplace,
  .rdv-parent-wrap .rdv-hint,
  .rdv-parent-wrap .rdv-admin-slots,
  .rdv-parent-wrap .rdv-slots-wrap,
  .rdv-parent-wrap .rdv-btn,
  .rdv-parent-wrap button[type="submit"]{
    width: 100% !important;
    max-width: 100% !important;
  }

  .rdv-parent-wrap input[type="text"],
  .rdv-parent-wrap select{
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    height: 38px !important;
    line-height: 38px !important;
  }

  .rdv-parent-wrap .rdv-mobile-row{
    width: 100% !important;
    max-width: 100% !important;
  }

  .rdv-parent-wrap #rdv-mobile8{
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .rdv-parent-wrap .rdv-table{
    min-width: 760px !important;
  }

  #rdv-parent-card.is-open{
    padding: 14px !important;
  }

  #rdv-parent-card .rdv-modal-card{
    width: calc(100% - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  #rdv-parent-card .rdv-modal-head{
    padding: 8px 10px !important;
  }

  #rdv-parent-card .rdv-modal-body{
    padding: 8px 10px !important;
  }

  #rdv-parent-card table.rdv-kv td{
    padding: 5px 0 !important;
    font-size: 12px !important;
  }

  #rdv-parent-card table.rdv-kv td:first-child{
    width: 110px !important;
    font-size: 11px !important;
    white-space: normal !important;
    padding-right: 16px !important;
  }

  #rdv-slot-modal .rdv-modal-row{
    grid-template-columns: 1fr;
  }
}
.rdv-parent-meta{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.rdv-actions-col{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
  min-width:160px;
}

.rdv-action-line{
  min-height:32px;
  display:flex;
  align-items:center;
}

.rdv-action-placeholder{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  color:#999;
}