/* =====================================================================
   editable.css — contrôles d'édition en mode mairie (widgets editable.js)
   ===================================================================== */
.me-admin{ margin-top:14px; }
.me-btn{ display:inline-flex; align-items:center; gap:6px; background:#17130c; color:#fff; border:none; cursor:pointer;
  font:inherit; font-weight:700; padding:9px 15px; border-radius:9px; font-size:.9rem; }
.me-btn:hover{ background:#2a2316; }
.me-btn.me-ghost{ background:#fff; color:#17130c; border:1px solid #d9cfb6; }
.me-btn.me-ghost:hover{ background:#faf7ee; }
.me-btn.me-save{ background:#1f7a37; }
.me-btn.me-save:hover{ background:#19632d; }
.me-btn[disabled]{ opacity:.6; cursor:default; }

.me-form{ text-align:left; }
.me-lab{ display:block; font-size:.74rem; letter-spacing:.04em; text-transform:uppercase; color:#8A5E12;
  font-weight:700; margin:14px 0 6px; }
.me-hint{ text-transform:none; letter-spacing:0; color:#8a8372; font-weight:500; }
.me-inp{ width:100%; font:inherit; font-size:.95rem; padding:9px 11px; border:1px solid #d9cfb6; border-radius:8px;
  background:#fff; color:#17130c; box-sizing:border-box; }
.me-inp:focus{ outline:2px solid #E9DD00; outline-offset:-1px; }
.me-ta{ resize:vertical; line-height:1.5; }
.me-row{ display:flex; gap:7px; margin-bottom:7px; align-items:center; }
.me-row .me-lbl{ flex:0 0 38%; }
.me-row .me-hrs{ flex:1; }
.me-x{ flex:none; width:34px; height:34px; border:1px solid #e3a7a2; background:#fbe7e6; color:#b3261e;
  border-radius:8px; cursor:pointer; font-size:1rem; line-height:1; }
.me-x:hover{ background:#f6d6d3; }
.me-add{ margin-top:2px; background:none; border:1px dashed #cfc6ad; color:#6f6650; cursor:pointer;
  font:inherit; font-size:.88rem; padding:7px 12px; border-radius:8px; }
.me-add:hover{ border-color:#8A5E12; color:#17130c; }
.me-actions{ display:flex; gap:9px; margin-top:16px; }
.me-msg{ margin:10px 0 0; font-size:.88rem; min-height:1em; }
.me-msg.ko{ color:#b3261e; }

/* --- édition Démarches (rubriques) --- */
.me-cat{ border:1px solid #e4dcc8; border-radius:11px; padding:12px 13px; margin-bottom:12px; background:#fdfbf4; }
.me-cat-head{ display:flex; gap:8px; align-items:center; margin-bottom:9px; }
.me-cat-head .me-cat-title{ flex:1; font-weight:700; }
.me-x.me-delcat{ width:auto; padding:0 10px; white-space:nowrap; font-size:.82rem; font-weight:700; }
.me-links{ margin-bottom:7px; }
.me-links .me-row .me-lbl{ flex:0 0 46%; }
.me-links .me-row .me-url{ flex:1; }

/* --- intro télé-alerte (rendue par le widget) --- */
.ta-intro{ color:#6f6650; line-height:1.6; max-width:72ch; margin:0 0 4px; }

/* --- Bureau de poste : carte statut --- */
.poste-card{ display:flex; align-items:flex-start; gap:12px; max-width:560px; border-radius:12px; padding:14px 16px; margin-bottom:10px; border:1px solid; }
.poste-card.poste-open{ background:#e9f6ec; border-color:#bfe3c7; }
.poste-card.poste-closed{ background:#fbe9e7; border-color:#f0c2bb; }
.poste-dot{ width:12px; height:12px; border-radius:50%; flex:none; margin-top:5px; }
.poste-open .poste-dot{ background:#1f9d42; box-shadow:0 0 0 3px rgba(31,157,66,.18); }
.poste-closed .poste-dot{ background:#d23b2b; box-shadow:0 0 0 3px rgba(210,59,43,.18); }
.poste-txt{ display:flex; flex-direction:column; gap:1px; }
.poste-txt b{ color:#17130c; }
.poste-state{ font-weight:700; }
.poste-open .poste-state{ color:#1a7a35; }
.poste-closed .poste-state{ color:#b3261e; }
.poste-note{ color:#6f6650; font-size:.9rem; margin-top:2px; }
/* interrupteur Ouverte / Fermée */
.me-toggle{ display:inline-flex; border:1px solid #d9cfb6; border-radius:9px; overflow:hidden; }
.me-tg{ border:none; background:#fff; color:#6f6650; font:inherit; font-weight:700; padding:9px 18px; cursor:pointer; }
.me-tg+.me-tg{ border-left:1px solid #d9cfb6; }
.me-tg.on[data-v="open"]{ background:#1f7a37; color:#fff; }
.me-tg.on[data-v="closed"]{ background:#b3261e; color:#fff; }