/* Espace staff · Développement. D.A sobre de l'espace staff (staff-sobre.css) : surfaces #131318, filets blancs
   à 6 %, or #d3bb84 / #f0dca6, police Inter ; les boutons reprennent .bouton-principal et .bouton-texte. */
.dev{display:grid;gap:18px;font:14.5px/1.55 var(--s-police,'Inter',system-ui,sans-serif);color:var(--s-texte,#ececf1)}
.dev-entete{padding:20px 24px;border:1px solid var(--s-ligne,#ffffff0f);border-radius:var(--s-rayon,14px);background:var(--s-surface,#131318)}
.dev-entete h2{margin:0;color:var(--s-or-clair,#f0dca6);font:600 22px var(--s-police,'Inter',sans-serif);letter-spacing:.02em}
.dev-resume{margin:4px 0 14px;color:var(--s-doux,#a1a1ae);font-size:13.5px}
.dev-progression{height:5px;border-radius:3px;background:#ffffff12;overflow:hidden}
.dev-progression span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#b8975a,#e6cf97);transition:width .3s}

.dev-onglets{display:flex;flex-wrap:wrap;gap:8px}
.dev-onglet{display:inline-flex;align-items:baseline;gap:10px;min-height:38px;padding:8px 18px;border:1px solid var(--s-ligne-forte,#ffffff1c);border-radius:10px;background:none;color:var(--s-doux,#a1a1ae);font:500 14px var(--s-police,'Inter',sans-serif);cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.dev-onglet small{color:var(--s-pale,#6f6f7d);font-size:12px}
.dev-onglet:hover{color:var(--s-texte,#ececf1);background:#ffffff08}
.dev-onglet.actif{color:var(--s-or-clair,#f0dca6);background:#b89a631f;border-color:#b89a6366;box-shadow:inset 3px 0 0 var(--s-or,#d3bb84)}
.dev-onglet.actif small{color:var(--s-or,#d3bb84)}

.dev-outils{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.dev-recherche{flex:1 1 260px;max-width:420px;box-sizing:border-box;padding:9px 14px;border:1px solid var(--s-ligne-forte,#ffffff1c);border-radius:10px;background:#101014;color:var(--s-texte,#ececf1);font:inherit;color-scheme:dark}
.dev-recherche:focus{outline:none;border-color:var(--s-or,#d3bb84)}
.dev-vues{display:flex;flex-wrap:wrap;gap:4px}
.dev-vue{padding:6px 12px;border:0;border-radius:8px;background:none;color:var(--s-doux,#a1a1ae);font:inherit;font-size:13px;cursor:pointer}
.dev-vue:hover{background:#ffffff08;color:var(--s-texte,#ececf1)}
.dev-vue.actif{background:#ffffff12;color:var(--s-or-clair,#f0dca6)}

.dev-liste{display:grid;gap:12px}
.dev-groupe{border:1px solid var(--s-ligne,#ffffff0f);border-radius:var(--s-rayon,14px);background:var(--s-surface,#131318);overflow:hidden}
.dev-groupe>summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 20px;cursor:pointer;list-style:none;user-select:none}
.dev-groupe>summary::-webkit-details-marker{display:none}
.dev-groupe>summary:hover{background:#ffffff06}
.dev-groupe[open]>summary{border-bottom:1px solid var(--s-ligne,#ffffff0f)}
.dev-groupe-nom{color:var(--s-or-clair,#f0dca6);font-weight:600;font-size:14.5px;letter-spacing:.02em}
.dev-groupe-nom:before{content:'›';display:inline-block;width:16px;color:var(--s-or,#d3bb84);transition:transform .15s}
.dev-groupe[open] .dev-groupe-nom:before{transform:rotate(90deg)}
.dev-groupe-compte{color:var(--s-pale,#6f6f7d);font-size:12.5px;white-space:nowrap}

.dev-items{list-style:none;margin:0;padding:0}
.dev-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:14px 20px;border-top:1px solid var(--s-ligne,#ffffff0f)}
.dev-item:first-child{border-top:0}
.dev-item.dev-s-acorriger{background:linear-gradient(90deg,#e0a03a0f,transparent 60%);box-shadow:inset 3px 0 0 #e0a03a}
.dev-item.dev-s-encours{background:linear-gradient(90deg,#6f95e80f,transparent 60%);box-shadow:inset 3px 0 0 #6f95e8}
.dev-corps{min-width:0}
.dev-item-tete{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.dev-titre{font-weight:600;color:var(--s-texte,#ececf1);overflow-wrap:anywhere}
.dev-item.dev-s-validee .dev-titre{color:var(--s-doux,#a1a1ae)}
.dev-pastille{padding:1px 9px;border-radius:999px;background:#e0a03a22;color:#f0b955;font-size:11.5px;font-weight:600;letter-spacing:.03em}
.dev-meta{color:var(--s-pale,#6f6f7d);font-size:12px}
.dev-lignes{list-style:none;margin:5px 0 0;padding:0;display:grid;gap:1px}
.dev-lignes li{position:relative;padding-left:14px;color:var(--s-doux,#a1a1ae);font-size:13.5px;overflow-wrap:anywhere}
.dev-lignes li:before{content:'';position:absolute;left:2px;top:.72em;width:4px;height:4px;border-radius:50%;background:#b89a6380}
.dev-item.dev-s-validee .dev-lignes li{color:var(--s-pale,#6f6f7d)}

.dev-corrections{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.dev-correction{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:7px 12px;border-radius:8px;background:#ffffff08;font-size:13px}
.dev-statut{padding:0;border:0;background:none;color:#f0b955;font:600 12px var(--s-police,'Inter',sans-serif);cursor:pointer}
.dev-statut:hover{text-decoration:underline}
.dev-correction.attente .dev-statut{color:var(--s-doux,#a1a1ae)}
.dev-correction.encours .dev-statut{color:#7fa6ff}
.dev-correction-texte{flex:1 1 220px;color:var(--s-texte,#ececf1);white-space:pre-wrap;overflow-wrap:anywhere}
.dev-pastille.dev-s-encours{background:#6f95e826;color:#8fb0ff}
.dev-numero{margin-right:2px;color:var(--s-pale,#6f6f7d);font-size:13px;font-variant-numeric:tabular-nums}
.dev-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}
.dev-select-statut{padding:6px 10px;font-size:13px}
.dev-vue small{margin-left:4px;color:var(--s-pale,#6f6f7d)}.dev-vue.actif small{color:var(--s-or,#d3bb84)}
.dev-vide{padding:30px;text-align:center;color:var(--s-pale,#6f6f7d);font-style:italic}

/* Fenêtre « À corriger » */
.dev-dialog{width:min(520px,calc(100% - 32px));padding:26px;border:1px solid #ffffff1c;border-radius:14px;background:linear-gradient(160deg,#1c1c24,#131318);color:var(--s-texte,#ececf1);box-shadow:0 30px 80px #000c;font:15px var(--s-police,'Inter',sans-serif)}
.dev-dialog::backdrop{background:#000a}
.dev-dialog form{display:grid;gap:14px}
.dev-dialog h3{margin:0;color:var(--s-or-clair,#f0dca6);font:600 16px var(--s-police,'Inter',sans-serif)}
.dev-dialog-cible{margin:-6px 0 0;padding-bottom:12px;border-bottom:1px solid var(--s-ligne,#ffffff0f);color:var(--s-texte,#ececf1);font-weight:600}
.dev-dialog label{display:grid;gap:6px}
.dev-dialog label span{color:var(--s-doux,#a1a1ae);font-size:12.5px}
.dev-dialog textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ffffff1c;border-radius:10px;background:#101014;color:var(--s-texte,#ececf1);font:inherit;resize:vertical;min-height:120px;color-scheme:dark}
.dev-dialog textarea:focus{outline:none;border-color:var(--s-or,#d3bb84)}
.dev-aide{margin:0;color:var(--s-pale,#6f6f7d);font-size:12.5px}
.dev-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.dev-compteur{margin-right:auto;color:var(--s-pale,#6f6f7d);font-size:12px}

@media (max-width:720px){
 .dev-item{grid-template-columns:minmax(0,1fr);padding:14px}
 .dev-actions{justify-content:flex-start}
 .dev-groupe>summary{padding:12px 14px}
}

/* Vues de la page (To-do / Historique) */
.dev-vues-page{display:flex;flex-wrap:wrap;gap:8px}
.dev-vue-page{display:grid;gap:18px}.dev-vue-page[hidden]{display:none}
.dev-nouvelle{margin-left:auto}

.dev-numero{color:var(--s-pale,#6f6f7d);font-size:13px;font-variant-numeric:tabular-nums}
.dev-select{padding:9px 12px;border:1px solid var(--s-ligne-forte,#ffffff1c);border-radius:10px;background:#101014;color:var(--s-texte,#ececf1);font:inherit;color-scheme:dark}

/* Historique : lignes simples dans une carte du panel ; date à gauche, qui / quoi / détail à droite ; filet d'accent
   à gauche selon l'action (comme les entrées de la to-do), pas de pastilles. */
.dev .dev-histo{list-style:none;margin:0;padding:0;display:block;border:1px solid var(--s-ligne,#ffffff0f);border-radius:var(--s-rayon,14px);background:var(--s-surface,#131318);overflow:hidden}
.dev .dev-histo>li{margin:0;border-radius:0;background:none;text-transform:none;letter-spacing:normal}
.dev .dev-histo>li:before,.dev .dev-histo>li:after{content:none!important;display:none!important}
.dev .dev-histo>.dev-histo-ligne{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 24px;align-items:start;padding:14px 22px 14px 20px;border-top:1px solid var(--s-ligne,#ffffff0f);box-shadow:inset 3px 0 0 #ffffff14}
.dev .dev-histo>.dev-histo-ligne:first-child{border-top:0}
.dev .dev-histo>.dev-histo-ligne:hover{background:#ffffff05}
.dev .dev-histo>.dev-a-creation{box-shadow:inset 3px 0 0 #4aa974}
.dev .dev-histo>.dev-a-suppression{box-shadow:inset 3px 0 0 #c0453d}
.dev .dev-histo>.dev-a-correction{box-shadow:inset 3px 0 0 #e0a03a}
.dev .dev-histo>.dev-a-statut,.dev .dev-histo>.dev-a-validation,.dev .dev-histo>.dev-a-invalidation{box-shadow:inset 3px 0 0 #6f95e8}
.dev .dev-histo>.dev-a-modification{box-shadow:inset 3px 0 0 var(--s-or,#d3bb84)}
.dev-histo-date{color:var(--s-pale,#6f6f7d);font-size:13px;line-height:22px;font-variant-numeric:tabular-nums;white-space:nowrap;text-transform:none;letter-spacing:normal}
.dev-histo-corps{min-width:0;display:grid;gap:3px}
.dev-histo-texte,.dev-histo-detail{margin:0;text-transform:none;letter-spacing:normal;overflow-wrap:anywhere}
.dev-histo-texte{color:var(--s-doux,#a1a1ae);font-size:14.5px;line-height:22px}
.dev-histo-texte strong{color:var(--s-or-clair,#f0dca6);font-weight:600}
.dev-histo-texte em{color:var(--s-texte,#ececf1);font-style:normal;font-weight:500}
.dev-histo-detail{color:var(--s-pale,#8a8a99);font-size:13.5px;line-height:20px}
.dev-a-suppression .dev-histo-texte em{color:#f08a82}
.dev-a-correction .dev-histo-detail{color:#f0b955}
.dev-histo-suite{display:flex;justify-content:center;margin-top:12px}
.dev .dev-histo>.dev-vide{box-shadow:none}

/* Fenêtres : champs texte et listes */
.dev-dialog input,.dev-dialog select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ffffff1c;border-radius:10px;background:#101014;color:var(--s-texte,#ececf1);font:inherit;color-scheme:dark}
.dev-dialog input:focus,.dev-dialog select:focus{outline:none;border-color:var(--s-or,#d3bb84)}

@media (max-width:720px){
 .dev .dev-histo>.dev-histo-ligne{grid-template-columns:1fr;gap:2px;padding:12px 16px}
 .dev-nouvelle{margin-left:0}
}

/* Fenêtres : mêmes champs que le reste du panel (staff-sobre). Les règles globales de staff-menu-natif.css
   (coins carrés, fond bleu, filet doré, en !important) sont écrasées ici, les fenêtres étant ajoutées au <body>. */
body.staff-accueil .dev-dialog input:not([type=checkbox]):not([type=radio]),
body.staff-accueil .dev-dialog textarea,
body.staff-accueil .dev-dialog select{width:100%;box-sizing:border-box;min-height:44px;padding:10px 14px;border:1px solid var(--s-ligne-forte,#ffffff1c)!important;border-radius:10px!important;background-color:#101014!important;color:var(--s-texte,#ececf1);font:15px/1.5 var(--s-police,'Inter',system-ui,sans-serif);color-scheme:dark;box-shadow:none}
body.staff-accueil .dev-dialog textarea{min-height:130px;resize:vertical}
body.staff-accueil .dev-dialog input::placeholder,body.staff-accueil .dev-dialog textarea::placeholder{color:var(--s-pale,#6f6f7d);font-family:inherit}
body.staff-accueil .dev-dialog input:focus,body.staff-accueil .dev-dialog textarea:focus,body.staff-accueil .dev-dialog select:focus{outline:none;border-color:var(--s-or,#d3bb84)!important}
body.staff-accueil .dev-dialog input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
body.staff-accueil .dev-dialog select option{background:#131318;color:var(--s-texte,#ececf1)}

/* Boutons d'une entrée : Modifier en jaune (or du panel), Supprimer en rouge. Les règles globales des boutons du panel
   (staff-sobre.css, en !important) sont dépassées par la spécificité. */
body.staff-accueil .staff-main .dev-actions .dev-modifier{color:var(--s-or-clair,#f0dca6)!important;border-color:#d3bb8466!important;background:#d3bb8414!important}
body.staff-accueil .staff-main .dev-actions .dev-modifier:hover:not(:disabled){background:#d3bb8426!important;border-color:var(--s-or,#d3bb84)!important}
body.staff-accueil .staff-main .dev-actions .dev-supprimer,body.staff-accueil .dev-dialog .dev-danger{color:#f08a82!important;border-color:#c0453d80!important;background:#c0453d14!important}
body.staff-accueil .staff-main .dev-actions .dev-supprimer:hover:not(:disabled),body.staff-accueil .dev-dialog .dev-danger:hover:not(:disabled){background:#c0453d2e!important;border-color:#e5655c!important}

/* ---------------------------------------------------------------- Tableau de bord : cartes des serveurs (même fond et rayon que les cartes de performances) */
.dev-serveurs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.dev-serveur{display:grid;gap:16px;align-content:start;padding:18px 20px 20px;border:1px solid var(--s-ligne,#ffffff0f);border-top:2px solid var(--s-ligne-forte,#ffffff1c);border-radius:12px;background:linear-gradient(160deg,#1a1a21,#121216)}
.dev-serveur header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dev-serveur h3{margin:0;color:var(--s-texte,#ececf1);font:600 17px var(--s-police,'Inter',sans-serif)}
.dev-serveur-detail{margin:3px 0 0;color:var(--s-pale,#6f6f7d);font-size:12.5px}
.dev-serveur-etat{flex:none;display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border:1px solid var(--s-ligne-forte,#ffffff1c);border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;color:var(--s-doux,#a1a1ae)}
.dev-serveur-etat::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}
.dev-etat-actif{border-top-color:#8fd6a499}.dev-etat-actif .dev-serveur-etat{color:#8fd6a4;border-color:#8fd6a44d;background:#8fd6a412}
.dev-etat-arrete{border-top-color:#c0453d99}.dev-etat-arrete .dev-serveur-etat{color:#f08a82;border-color:#c0453d66;background:#c0453d12}
.dev-etat-arrete .dev-serveur-etat::before{border-radius:2px}
.dev-etat-demarrage,.dev-etat-arret{border-top-color:#d3bb8499}.dev-etat-demarrage .dev-serveur-etat,.dev-etat-arret .dev-serveur-etat{color:var(--s-or-clair,#f0dca6);border-color:#d3bb8466;background:#d3bb8414}
.dev-srv-stats{display:flex;gap:28px;padding:12px 0;border-top:1px solid var(--s-ligne,#ffffff0f);border-bottom:1px solid var(--s-ligne,#ffffff0f)}
.dev-srv-stat{display:grid;gap:3px}
.dev-srv-stat-libelle{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-pale,#6f6f7d)}
.dev-srv-stat-valeur{font:600 20px var(--s-police,'Inter',sans-serif);color:var(--s-texte,#ececf1)}
.dev-serveur-actions{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:8px}
.dev-serveur-note{margin:0;color:var(--s-pale,#6f6f7d);font-size:12.5px;line-height:1.5}
body.staff-accueil .staff-main .dev-serveur-actions button{min-height:40px;padding:8px 10px;border-radius:10px!important;border:1px solid var(--s-ligne-forte,#ffffff1c)!important;background:none!important;color:var(--s-doux,#a1a1ae)!important;font-weight:600}
body.staff-accueil .staff-main .dev-serveur-actions .dev-srv-demarrer{color:#8fd6a4!important;border-color:#8fd6a44d!important;background:#8fd6a412!important}
body.staff-accueil .staff-main .dev-serveur-actions .dev-srv-redemarrer{color:var(--s-or-clair,#f0dca6)!important;border-color:#d3bb8466!important;background:#d3bb8414!important}
body.staff-accueil .staff-main .dev-serveur-actions .dev-srv-arreter{color:#f08a82!important;border-color:#c0453d80!important;background:#c0453d14!important}
body.staff-accueil .staff-main .dev-serveur-actions button:hover:not(:disabled){filter:brightness(1.3)}
body.staff-accueil .staff-main .dev-serveur-actions button:disabled{opacity:.3;cursor:not-allowed;filter:none}

/* Tableau de bord : titres des blocs Serveurs et Performances */
.dev-bloc-titre{margin:6px 0 -4px;color:var(--s-or-clair,#f0dca6);font:600 15px var(--s-police,'Inter',sans-serif);letter-spacing:.04em;text-transform:uppercase}
.dev-bloc{display:grid}
.dev-dialog.dev-bot{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto}
.dev-bot-aide{color:var(--s-pale,#6f6f7d);font-size:12px;line-height:1.4}
.dev-bot-sous-titre{margin:6px 0 -6px;color:var(--s-or-clair,#f0dca6);font:600 13px var(--s-police,'Inter',sans-serif);letter-spacing:.04em;text-transform:uppercase}
.dev-bot-case{display:flex!important;align-items:center;gap:10px}.dev-bot-case input{width:auto!important}.dev-bot-case span{color:var(--s-texte,#ececf1)!important;font-size:14px!important}
.dev-bot-etats{display:grid;gap:8px}
.dev-bot-etat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px) auto;gap:8px;align-items:center}
.dev-bot-apercu{display:grid;gap:8px;padding:12px;border:1px solid var(--s-ligne,#ffffff0f);border-radius:12px;background:#0d0d11}
.dev-bot-carte{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#18181f}
.dev-bot-carte strong{display:block;color:var(--s-texte,#ececf1)}.dev-bot-carte div div{color:var(--s-doux,#a1a1ae);font-size:13px}
.dev-bot-pastille{flex:none;width:12px;height:12px;border-radius:50%}
.dev-bot-message{margin:0;min-height:1em;color:#e8a0a0;font-size:13px}
.dev-serveur-actions .dev-srv-personnaliser{grid-column:1/-1}
@media (max-width:520px){.dev-bot-etat{grid-template-columns:1fr 1fr}.dev-bot-etat button{grid-column:1/-1}}