/* =====================================================================
   MODALES — habillage commun à toutes les pages (chargé par head.php)
   Mise en forme uniquement : aucun id, aucune classe fonctionnelle ni script modifié.
   Mêmes principes que la modale OT (#Madd, planning.css) et la duplication multiple (#Mdup) :
   carte arrondie et ombrée, en-tête clair à titre sombre, titres de section en bandeau bleu clair à liseré,
   champs arrondis à bordure douce avec halo bleu au focus, tableaux à en-tête discret, pied de fenêtre grisé.
   Les modales déjà habillées (#Madd, #Mdup, #Mprop, Documents en attente…) conservent leurs règles propres,
   plus spécifiques que celles-ci.
   ===================================================================== */
:root{--md-font:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--md-line:#dfe5ec;--md-line-strong:#cfd8e2;--md-text:#2c3e50;--md-title:#1f2d3d;--md-muted:#5b6b7c;--md-accent:#2db1ff;--md-accent-dark:#1f6fd6;--md-head:#eef5fc}

.modal{font-family:var(--md-font)}
.modal .modal-content{border:0;border-radius:12px;box-shadow:0 20px 60px rgba(31,45,61,.35);overflow:hidden;color:var(--md-text);background:#fff}
.modal .modal-header{background:linear-gradient(180deg,#fff,#f3f7fb);border-bottom:1px solid var(--md-line);padding:11px 22px;min-height:48px}
.modal .modal-header .modal-title,.modal .modal-header h4,.modal .modal-header h3{
	font-size:16px !important;font-weight:700 !important;letter-spacing:.3px;line-height:1.3;
	color:var(--md-title) !important;background:transparent !important;text-align:left !important;padding:0 !important;margin:0 !important;border:0 !important}
.modal .modal-header .modal-title img{vertical-align:-3px;margin-right:6px}
.modal .modal-header .close{font-size:28px;opacity:.5;margin-top:-4px;text-shadow:none}
.modal .modal-header .close:hover{opacity:.9}
.modal .modal-body{padding:14px 22px 18px;background:#fff;color:var(--md-text)}
.modal .modal-footer{background:#f9fafc;border-top:1px solid var(--md-line);padding:10px 22px}

/* titres de sections : bandeaux bleus/gris de l'ancien design → bandeau clair à liseré bleu, lettres capitales */
.modal .modal-body p.bg-primary,.modal .modal-body p[style*="border-radius"][style*="background-color"],
.modal .modal-body div.bg-primary,.modal .modal-body h5.bg-primary,
.modal .modal-body div[style*="background-color:#5A08AD"],.modal .modal-body div[style*="background-color: rgb(86,86,86)"],.modal .modal-body div[style*="background-color:rgb(86,86,86)"]{
	background:var(--md-head) !important;color:var(--md-accent-dark) !important;border-left:4px solid var(--md-accent);border-radius:6px !important;
	height:auto !important;padding:5px 12px !important;margin:12px 0 8px;text-align:left !important;font-size:12.5px;letter-spacing:.8px;text-transform:uppercase;font-weight:600}
.modal .modal-body p.bg-primary b,.modal .modal-body div.bg-primary b{font-weight:600}

/* champs */
.modal .modal-body .form-control{border-radius:6px;border:1px solid var(--md-line-strong);box-shadow:none;transition:border-color .12s,box-shadow .12s;height:32px;padding:4px 10px;font-size:13px}
.modal .modal-body textarea.form-control{height:auto}
.modal .modal-body select.form-control{padding:4px 8px}
.modal .modal-body .form-control:focus{border-color:var(--md-accent);box-shadow:0 0 0 3px rgba(45,177,255,.18)}
.modal .modal-body .form-control[disabled],.modal .modal-body .form-control[readonly]{background:#f3f6fa;color:#7b8a99}
.modal .modal-body .input-group-addon{background:#f3f6fa;border-color:var(--md-line-strong);color:var(--md-muted);border-radius:6px 0 0 6px}
.modal .modal-body input[type="text"]:not(.form-control),.modal .modal-body input[type="number"]:not(.form-control),.modal .modal-body input[type="email"]:not(.form-control),
.modal .modal-body textarea:not(.form-control),.modal .modal-body select:not(.form-control){border:1px solid var(--md-line-strong);border-radius:6px;padding:3px 6px;background:#fff}
.modal .modal-body input[type="text"]:not(.form-control):focus,.modal .modal-body textarea:not(.form-control):focus,.modal .modal-body select:not(.form-control):focus{outline:none;border-color:var(--md-accent);box-shadow:0 0 0 3px rgba(45,177,255,.18)}
.modal .modal-body ::placeholder{font-weight:normal;opacity:.55}
.modal .modal-body label{font-weight:600;color:var(--md-muted);font-size:12.5px}
.modal .modal-body .checkbox label,.modal .modal-body .radio label{font-weight:normal;color:var(--md-text);font-size:13px}

/* boutons */
.modal .btn{border-radius:6px;box-shadow:none;font-weight:600;letter-spacing:.2px}
.modal .btn:hover{filter:brightness(1.04)}
.modal .btn-success,.modal .btn-info,.modal .btn-primary,.modal .btn-danger,.modal .btn-warning{border:0}
.modal .btn-default{border:1px solid var(--md-line-strong);color:var(--md-text)}

/* tableaux de saisie et de listes (hors DataTables, qui gardent leur feuille) */
.modal .modal-body table:not(.dataTable) > thead > tr > th,.modal .modal-body table:not(.dataTable) > tbody > tr:first-child > th,.modal .modal-body table:not(.dataTable) > tr:first-child > th{
	background:var(--md-head);color:var(--md-accent-dark) !important;font-size:12px;font-weight:600;letter-spacing:.2px;padding:7px 8px;border-bottom:2px solid #c5dcf8 !important}
.modal .modal-body table.table:not(.dataTable){border:1px solid var(--md-line);border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:13px}
.modal .modal-body table.table:not(.dataTable) > tbody > tr > td{border-top:1px solid var(--md-line);padding:7px 8px;vertical-align:middle}
.modal .modal-body table.table-striped:not(.dataTable) > tbody > tr:nth-of-type(odd){background:#fafcfe}
.modal .modal-body table.table:not(.dataTable) > tbody > tr:hover > td{background:#f4f9fe}
.modal .modal-body td > b,.modal .modal-body td > strong{color:var(--md-title)}

/* messages et alertes */
.modal .modal-body .alert{border-radius:8px;padding:8px 12px;font-size:13px}
.modal .modal-body hr{border-top:1px solid var(--md-line);margin:12px 0}

/* fenêtres larges à fond grisé (anciens styles inline) : fond blanc uniforme */
.modal .modal-body div[style*="background-color:rgb(248,248,248)"],.modal .modal-body div[style*="background-color: rgb(248,248,248)"]{background:#fff !important}
.modal .modal-body select[multiple].form-control,.modal .modal-body select[size].form-control{height:auto}
/* bandeaux de section de l'ancien design (gris 200/180, bleu 95-121-161 arrondi, violet 5A08AD) → bandeau clair à liseré */
.modal .modal-body div[style*="background-color:rgb(200,200,200)"],.modal .modal-body div[style*="background-color: rgb(200,200,200)"],
.modal .modal-body div[style*="background-color:rgb(180,180,180)"],.modal .modal-body div[style*="background-color:rgb(95,121,161)"],.modal .modal-body div[style*="background-color: rgb(95,121,161)"]{
	background:var(--md-head) !important;color:var(--md-accent-dark) !important;border-left:4px solid var(--md-accent);border-radius:6px !important;
	height:auto !important;padding:5px 12px !important;margin:12px 0 10px !important;text-align:left !important;font-size:12.5px !important;letter-spacing:.8px;text-transform:uppercase;font-weight:600;box-shadow:none !important}
.modal .modal-body div[style*="background-color:rgb(95,121,161)"] b,.modal .modal-body div[style*="background-color:rgb(200,200,200)"] b{color:var(--md-accent-dark)}
.modal .modal-body th[style*="background-color:rgb(200,200,200)"],.modal .modal-body tr[style*="background-color:rgb(200,200,200)"] > th{background:var(--md-head) !important;color:var(--md-accent-dark) !important}