/* =========================================================
   CEN V141 — contenu public administrable + lisibilité +
   déconnexion vocale strictement synchronisée
   ========================================================= */

/* Lisibilité des zones claires publiques et administratives */
.public-content .card,
.public-content .page-heading,
.public-content .cen-login-card,
.public-content .activity-card,
.public-content .public-leader-card,
.public-content .cen-base-card,
.public-content .president-biography-content,
.public-content .cen-public-info a,
.workspace-content .card,
.workspace-content .panel-card {
  color:#17324d;
}
.public-content .card p,
.public-content .page-heading p,
.public-content .activity-card p,
.public-content .public-leader-card p,
.public-content .cen-base-card p,
.public-content .president-biography-content p,
.public-content .cen-public-info span,
.workspace-content .card p,
.workspace-content .panel-card p,
.workspace-content .muted {
  color:#44566a!important;
  opacity:1!important;
}
.public-content .card h1,
.public-content .card h2,
.public-content .card h3,
.public-content .page-heading h1,
.public-content .page-heading h2,
.public-content .activity-card h2,
.public-content .activity-card h3,
.public-content .public-leader-card h3,
.public-content .cen-base-card h3,
.workspace-content .card h1,
.workspace-content .card h2,
.workspace-content .card h3,
.workspace-content .panel-card h1,
.workspace-content .panel-card h2,
.workspace-content .panel-card h3 {
  color:#0b3156!important;
}
.public-content label,
.workspace-content label {
  color:#17324d!important;
  font-weight:750;
}
.public-content input::placeholder,
.public-content textarea::placeholder,
.workspace-content input::placeholder,
.workspace-content textarea::placeholder {
  color:#728298!important;
  opacity:1!important;
}

/* Paramètres : contenu public organisé et lisible */
.cen-public-content-settings{
  border:1px solid #c9d9ea;
  border-radius:18px;
  background:linear-gradient(180deg,#f7fbff,#fff);
  padding:0;
  overflow:hidden;
}
.cen-public-content-settings>summary{
  cursor:pointer;
  list-style:none;
  padding:16px 18px;
  font-weight:900;
  color:#0b4f86;
  background:#edf6ff;
  border-bottom:1px solid #dce9f6;
}
.cen-public-content-settings>summary::-webkit-details-marker{display:none}
.cen-public-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:18px;
}
.cen-public-settings-grid h3{
  grid-column:1/-1;
  margin:14px 0 0;
  padding:10px 12px;
  border-left:4px solid #0b66c3;
  background:#f2f7fc;
  border-radius:10px;
  color:#0b3156!important;
}
.cen-public-settings-grid label{display:grid;gap:7px}
.cen-public-settings-grid label.wide{grid-column:1/-1}
.cen-public-settings-grid input,
.cen-public-settings-grid textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #b9cde0;
  border-radius:11px;
  background:#fff;
  color:#17324d;
  padding:10px 12px;
}
.cen-public-settings-grid input:focus,
.cen-public-settings-grid textarea:focus{
  border-color:#0b66c3;
  box-shadow:0 0 0 3px rgba(11,102,195,.12);
  outline:0;
}

/* Déconnexion : interaction bloquée jusqu'à la fin réelle du message */
.cen-logout-sync{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(4,24,44,.64);
  backdrop-filter:blur(6px);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.cen-logout-sync.is-visible{opacity:1;visibility:visible}
.cen-logout-sync-card{
  width:min(420px,calc(100vw - 40px));
  background:#fff;
  border:1px solid #d7e4ef;
  border-radius:22px;
  padding:28px 24px;
  text-align:center;
  box-shadow:0 24px 70px rgba(4,24,44,.28);
}
.cen-logout-sync-card strong{
  display:block;
  margin:12px 0 8px;
  color:#0b3156;
  font-size:1.2rem;
}
.cen-logout-sync-card p{margin:0;color:#53677d!important}
.cen-logout-sync-spinner{
  display:inline-block;
  width:42px;
  height:42px;
  border-radius:50%;
  border:4px solid #d9e7f3;
  border-top-color:#0b66c3;
  animation:cen141spin .8s linear infinite;
}
@keyframes cen141spin{to{transform:rotate(360deg)}}
.logout-btn.is-logging-out{pointer-events:none!important;cursor:wait!important}

@media(max-width:760px){
  .cen-public-settings-grid{grid-template-columns:1fr;padding:14px}
  .cen-public-settings-grid label.wide,.cen-public-settings-grid h3{grid-column:1}
  .cen-public-content-settings>summary{padding:14px}
}