/* Portail commun : barre du haut, page de choix des modules */
:root{--sidebar:#1b2a33;--accent:#1d5f8a;--accent-bg:#e5f0f7}
body.portail{background:var(--page)}
.btn.primary:hover{background:#174d70}
.logo{background:var(--accent-bg);color:var(--sidebar)}

.p-barre{background:var(--sidebar);color:#cfdde4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;flex-wrap:wrap}
.p-marque{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.p-marque b{display:block;font-size:15px;line-height:1.2}
.p-marque small{font-size:11px;color:#93adb9}
.p-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13.5px}
.p-nav a{color:#cfdde4;text-decoration:none}
.p-nav a:hover{color:#fff;text-decoration:underline}
.p-main{max-width:960px;margin:0 auto;padding:28px 20px 60px}
.p-titre{margin-bottom:20px}
.p-titre h1{font-size:22px;font-weight:600}
body.portail .login{margin-top:4vh}

.p-modules{display:grid;gap:14px}
.p-module{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;
  color:inherit;text-decoration:none;transition:.12s}
.p-module:hover{border-color:#b7c9d3;box-shadow:0 4px 18px rgba(27,42,51,.08)}
.p-module .logo{width:48px;height:48px;border-radius:12px;font-size:18px}
.p-module-texte{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.p-module-texte b{font-size:16px}
.p-module-texte small{color:var(--muted);font-size:13px}
.p-profil{font-size:12.5px;color:var(--accent);font-weight:600}
.p-taches{font-size:12.5px;font-weight:600;color:var(--warn);background:var(--warn-bg);border-radius:20px;padding:2px 10px;align-self:flex-start;margin-top:2px}
.p-taches.rien{color:var(--ok);background:var(--ok-bg)}
.p-module.admin{border-style:dashed}

@media(max-width:700px){
  .p-barre{padding:10px 14px}
  .p-nav{gap:10px;font-size:12.5px}
  .p-main{padding:18px 14px 50px}
}