/* Portail interne KORENN (14/10/2026) : charte de Suivi EXE (violet #221536,
   doré #CBA972), dont il reprend les modules. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#5B4780;--dark:#221536;--light-blue:#F0EAF6;
  --green-bg:#C6EFCE;--green-tx:#276221;--yellow-bg:#FFEB9C;--yellow-tx:#7D4F00;--red-bg:#FFC7CE;--red-tx:#9C0006;
  --gray:#EDEDED;--border:#DCD7E3;
  --font:'Segoe UI',Calibri,sans-serif;
  --tete:52px;
}
html,body{height:100%}
body{font-family:var(--font);font-size:13px;background:#F4F2F7;color:#241A33;overflow:hidden;height:100dvh}

#po-tete{height:var(--tete);background:var(--dark);color:#fff;display:flex;align-items:center;gap:14px;padding:0 18px}
.po-marque{font-weight:800;letter-spacing:.6px;font-size:15px}
.po-marque small{font-weight:400;color:#CBA972;margin-left:6px;letter-spacing:0;font-size:12.5px}
#po-module-barre{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:12px}
#po-etat{opacity:.8}
#po-etat.err{color:#FFB3B3;opacity:1;font-weight:700}
#po-qui{font-weight:600}
#po-essai{background:#CBA972;color:#221536;border-radius:10px;padding:2px 9px;font-weight:700;font-size:11px}

#po-accueil{max-width:980px;margin:0 auto;padding:34px 20px;height:calc(100dvh - var(--tete));overflow:auto}
#po-accueil h1{color:var(--dark);font-size:24px;margin-bottom:6px}
.po-sous{color:#6E6284;font-size:13.5px;max-width:640px;margin-bottom:22px;line-height:1.5}
#po-tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.po-tuile{text-align:left;background:#fff;border:1px solid #E6E1EC;border-radius:12px;padding:18px;cursor:pointer;font-family:var(--font);
  display:flex;flex-direction:column;gap:4px;color:#241A33;transition:.15s;border-top:4px solid #CBA972}
.po-tuile:hover{border-color:#B9A6D6;box-shadow:0 4px 16px rgba(34,21,54,.10);transform:translateY(-1px)}
.po-tuile .ic{font-size:26px}
.po-tuile b{font-size:16px;color:var(--dark)}
.po-tuile small{color:#9A8FB0;font-size:11px;text-transform:uppercase;letter-spacing:.4px}
.po-tuile p{font-size:12.5px;color:#4B3A68;line-height:1.5;margin-top:4px}
.po-tuile em{font-style:normal;font-size:11.5px;color:#1E7A3E;font-weight:600;margin-top:6px}
.po-tuile.bientot{cursor:default;opacity:.6;border-top-color:#D5CDE0}
.po-tuile.bientot:hover{transform:none;box-shadow:none;border-color:#E6E1EC}
.po-tuile.bientot em{color:#9A8FB0}
.po-msg{grid-column:1/-1;background:#fff;border:1px solid #E6E1EC;border-radius:10px;padding:20px;font-size:13.5px;line-height:1.6;color:#33284A}
.po-msg p+p{margin-top:8px}
.po-msg input{border:1px solid var(--border);border-radius:6px;padding:7px 10px;font:13px var(--font);margin-top:6px}
.po-bouton{border:none;background:var(--dark);color:#fff;border-radius:7px;padding:9px 16px;font:700 13px var(--font);cursor:pointer;margin-top:10px}
.po-bouton:hover{background:#3A2A57}

#po-module{height:calc(100dvh - var(--tete));display:flex;flex-direction:column}
#po-module[hidden]{display:none}
#po-module-tete{display:flex;align-items:center;gap:12px;padding:7px 14px;background:#FBF8EE;border-bottom:1px solid #EADFC0;flex-shrink:0;flex-wrap:wrap}
#po-module-retour{border:1px solid #D5CDE0;background:#fff;border-radius:6px;padding:4px 10px;font:600 12px var(--font);cursor:pointer;color:var(--dark)}
#po-titre-module{color:var(--dark);font-size:13.5px}
.po-legende{font-size:11.5px;color:#7A6E90;display:flex;align-items:center;gap:5px}
.po-legende i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-left:6px}
.lg-ajout{background:#DDF3E3;border:1px solid #2FA45C}
.lg-modif{background:#FFEBC7;border:1px solid #E89A1F}
#po-props{margin-left:auto;border:1px solid #E89A1F;background:#fff;color:#8A5300;border-radius:14px;padding:4px 12px;font:700 12px var(--font);cursor:pointer}
#po-props b{background:#E89A1F;color:#fff;border-radius:9px;padding:0 6px;margin-left:4px}
#po-props.vide{border-color:#D5CDE0;color:#9A8FB0}
#po-props.vide b{background:#D5CDE0}
#app-vigilances{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}

/* ── Suivi des modifications : ce qu'Alexia a changé, en couleur ── */
.pt-ajout{background:#E9F7EE !important;box-shadow:inset 4px 0 0 #2FA45C !important}
.pt-modif{background:#FFF4E0 !important;box-shadow:inset 4px 0 0 #E89A1F !important}
tr.pt-ajout td{background:#E9F7EE !important}
tr.pt-modif td{background:#FFF4E0 !important}
tr.pt-ajout td:first-child{box-shadow:inset 4px 0 0 #2FA45C}
tr.pt-modif td:first-child{box-shadow:inset 4px 0 0 #E89A1F}
.vg-et.pt-ajout,.vg-et.pt-modif{color:#221536 !important;border-radius:8px}

/* Ce qui reste réservé à Adrien dans les modules de Suivi EXE. */
#vg-portail,                              /* le réglage du portail lui-même */
button[data-act="diffuser"],              /* diffuser un compte rendu */
#vgp-depot,#vgp-indice,#vgp-depot-z,      /* déposer la notice */
#vgp-tplsave,                             /* changer le template commun des catégories */
.vg-libre .col-tpl,.vg-libre .vg-tpl,       /* verser une ligne dans le template commun */
.vg-rowtools button[data-act="lien"]      /* diffuser vers un autre onglet */
{display:none !important}

/* Tiroir des propositions */
#po-tiroir{position:fixed;top:var(--tete);right:0;bottom:0;width:min(420px,100%);background:#fff;box-shadow:-6px 0 24px rgba(34,21,54,.18);
  transform:translateX(105%);transition:transform .2s;z-index:110;display:flex;flex-direction:column}
#po-tiroir.ouvert{transform:none}
.po-t-h{padding:12px 14px;border-bottom:1px solid #EEEAF3;font-weight:700;color:var(--dark);display:flex;align-items:center;gap:8px}
.po-t-h span{font-weight:400;font-size:11.5px;color:#7A6E90}
.po-t-h button{margin-left:auto;border:none;background:none;font-size:14px;cursor:pointer;color:#7A6E90}
.po-t-c{overflow:auto;padding:10px 12px;flex:1}
.po-vide{color:#9AA9B6;font-size:12.5px;line-height:1.5}
.po-op{border:1px solid #E6E1EC;border-left:4px solid #999;border-radius:6px;padding:7px 9px;margin-bottom:7px;font-size:12px;position:relative}
.po-op.ajout{border-left-color:#2FA45C;background:#F1FAF3}
.po-op.suppr{border-left-color:#C00000;background:#FFF3F3}
.po-op.modif{border-left-color:#E89A1F;background:#FFF8EC}
.po-op-t b{display:block;color:var(--dark)}
.po-op-t span{font-size:11px;color:#7A6E90}
.po-op-d{margin-top:3px;color:#33284A}
.po-op.suppr .po-op-d{text-decoration:line-through;color:#8A2A2A}
.po-op-c{font-size:11.5px;color:#4B3A68;margin-top:2px}
.po-op-c s{color:#A33}
.po-op-c ins{color:#1E7A3E;text-decoration:none;font-weight:600}
.po-op button{position:absolute;top:6px;right:6px;border:1px solid #D5CDE0;background:#fff;border-radius:5px;padding:2px 8px;font:600 11px var(--font);cursor:pointer;color:#7A6E90}
.po-op button:hover{color:#C00000;border-color:#C00000}

/* Petits éléments de Suivi EXE dont les modules ont besoin */
#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--dark);color:#fff;padding:9px 18px;border-radius:8px;
  font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:200;max-width:90vw}
#toast.show{opacity:1;transform:translateX(-50%)}
.modal-overlay{position:fixed;inset:0;background:rgba(31,78,121,.35);display:none;align-items:center;justify-content:center;z-index:100;padding:16px}
.modal-box{background:#fff;border-radius:10px;max-width:520px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.modal-head{padding:12px 16px;font-weight:700;color:var(--dark);border-bottom:1px solid #EEEAF3;display:flex;align-items:center}
.modal-close{margin-left:auto;border:none;background:none;cursor:pointer;font-size:14px}
.modal-body{padding:12px 16px;overflow:auto}
.modal-foot{padding:10px 16px;border-top:1px solid #EEEAF3;display:flex;gap:8px;justify-content:flex-end}
.prio-p{cursor:pointer}

@media (max-width:700px){
  #po-tete{padding:0 10px}
  #po-qui,#po-etat{display:none}
  .po-legende{display:none}
}