/* AncestroWeb — Styles d’origine, cascade conservée. */

/* Fenêtre modale courte, visible sans faire défiler la fiche. */
#pcmAttenteGraphiques:not(.hidden) {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(18, 39, 31, 0.48);
}
#pcmAttenteGraphiques .pcm-attente-dialogue {
    width: min(340px, 100%);
    padding: 22px;
    background: #fff;
    border: 1px solid #cddbd2;
    border-radius: 13px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
    text-align: center;
}
#pcmAttenteGraphiques h3 { margin: 0 0 12px; }
#pcmAttenteGraphiques p { margin: 0 0 18px; }


#pcmGraphSettings:not(.hidden){position:fixed;inset:0;background:#16241dcc;z-index:10001;display:flex;align-items:center;justify-content:center;padding:18px}
.pcm-graph-settings-dialog{background:#fafaf7;border-radius:17px;width:min(600px,100%);max-height:85vh;display:flex;flex-direction:column;padding:20px;box-shadow:0 20px 60px #0004}
.pcm-graph-settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pcm-graph-settings-head h3{margin:0;color:#22543d}
.pcm-graph-settings-list{overflow-y:auto;min-height:0;margin-top:16px}
.pcm-graph-settings-list label,.pcm-graph-settings-extra label{display:block;padding:5px 0}
.pcm-graph-settings-extra{padding-top:12px}
#pcmGraphModal:not(.hidden){position:fixed;inset:0;background:#16241dcc;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px}
.pcm-graph-dialog{background:#fafaf7;border-radius:17px;width:min(1250px,100%);max-height:94vh;display:flex;flex-direction:column;padding:20px;box-shadow:0 20px 60px #0004}
.pcm-graph-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pcm-graph-head h3{margin:0;color:#22543d}
.pcm-graph-body{overflow:auto;min-height:160px;padding:22px 10px;text-align:center}
.pcm-graph-node{display:inline-flex;flex-direction:column;align-items:center;vertical-align:top;min-width:185px}
.pcm-graph-card{background:white;border:1px solid #ddd;border-right:8px solid #ba776b;border-radius:15px;box-shadow:0 6px 20px #0002;padding:13px;width:195px;min-height:100px;text-align:left;cursor:pointer;color:#513b34;font:inherit;transition:transform .15s}
.pcm-graph-card:hover,.pcm-graph-card:focus{transform:translateY(-3px);outline:2px solid #287252}
.pcm-graph-card img{width:68px;height:78px;object-fit:cover;border-radius:10px;display:block;margin-bottom:9px}
.pcm-graph-card strong{display:block;overflow-wrap:anywhere}.pcm-graph-card small{overflow-wrap:anywhere;word-break:break-word}.pcm-graph-card small{display:block;margin-top:7px;line-height:1.35;color:#725d57}
.pcm-graph-children{display:flex;gap:20px;justify-content:center;align-items:flex-start;width:max-content;margin-top:20px;padding-top:20px;border-top:2px solid #b4b4b4;position:relative}
.pcm-graph-node:has(>.pcm-graph-children)>.pcm-graph-card:after{content:"";display:block;position:absolute}
.pcm-graph-children>.pcm-graph-node{position:relative}.pcm-graph-children>.pcm-graph-node:before{content:"";position:absolute;top:-20px;height:20px;border-left:2px solid #b4b4b4}
.pcm-graph-ancestors{margin-top:0;margin-bottom:20px;padding-top:0;padding-bottom:20px;border-top:0;border-bottom:2px solid #b4b4b4}
.pcm-graph-unions{display:flex;gap:20px;align-items:flex-start}.pcm-graph-union{display:flex;flex-direction:column;align-items:center}.pcm-graph-couple{display:flex;gap:20px;align-items:flex-start}
.pcm-graph-empty{color:#666;font-size:13px;margin-top:10px}
@media(max-width:700px){.pcm-graph-dialog{padding:10px}.pcm-graph-card{width:155px}.pcm-graph-node{min-width:155px}.pcm-graph-children{gap:10px}}