/* AmbonManise v36 — Relationship editing, cross-family links, graph usability */
.family-v36 .fam313-canvas,.family-v36 .fam313-world,.family-v36 .fam31-node,
.family-v35 .fam313-canvas,.family-v35 .fam313-world,.family-v35 .fam31-node{
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
}
.family-v35 .fam313-canvas{touch-action:none;cursor:grab}
.family-v35 .fam313-canvas.dragging{cursor:grabbing}
.fam36-fullscreen-layout{display:none}
.family-v35:fullscreen .fam36-fullscreen-layout,.family-v34 [data-family-graph]:fullscreen .fam36-fullscreen-layout{
  display:flex;position:fixed;left:24px;top:22px;z-index:2147483647;background:rgba(255,255,255,.96);border:1px solid #d7e5e9;border-radius:16px;padding:6px;gap:5px;box-shadow:0 15px 45px rgba(0,0,0,.16);backdrop-filter:blur(12px)
}
.fam36-fullscreen-layout button{border:0;background:transparent;padding:10px 13px;border-radius:11px;font:800 12px/1 Manrope,sans-serif;color:#355762;cursor:pointer}
.fam36-fullscreen-layout button:hover{background:#eef6f7}.fam36-fullscreen-layout button.active{background:#0b3b4f;color:#fff}
.family-v35:fullscreen .fam313-zoom-float,.family-v34 [data-family-graph]:fullscreen .fam313-zoom-float{top:22px!important}

.fam36-rel-page,.fam36-cross-page{max-width:1280px;margin:auto}.fam36-rel-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.fam36-rel-head h2{font:800 clamp(28px,4vw,46px)/1.05 Manrope,sans-serif;margin:5px 0 8px;color:#143c4b}.fam36-rel-head p{max-width:760px;color:#647d87;margin:0;line-height:1.7}.fam36-rel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fam36-rel-card{padding:20px}.fam36-rel-card-title{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #e6eef0;padding-bottom:14px;margin-bottom:12px}.fam36-rel-card-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#edf6f6;color:#0b6570;font-size:18px}.fam36-rel-card-title h3{margin:0;color:#173e4d}.fam36-rel-card-title p{margin:3px 0 0;color:#738992;font-size:13px}.fam36-rel-list{display:grid;gap:8px}.fam36-rel-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border-radius:14px;background:#f6f9fa}.fam36-rel-row img,.fam36-rel-row .avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#1f6f64,#e2622f);color:#fff;font-weight:900}.fam36-rel-row b{display:block;font-size:13px}.fam36-rel-row small{color:#80939b;font-size:11px}.fam36-icon-btn{border:0;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}.fam36-icon-btn.danger{background:#fff0ee;color:#c44533}.fam36-muted{color:#8699a0;font-size:13px}.fam36-rel-tools,.fam36-cross-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.fam36-rel-tools>.fam31-card,.fam36-cross-grid>.fam31-card{padding:22px}.fam36-form{display:grid;gap:13px;margin-top:15px}.fam36-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#345762}.fam36-form select,.fam36-form input,.fam36-form textarea{width:100%;border:1px solid #d6e3e7;background:#fff;border-radius:13px;padding:12px 13px;font:600 13px/1.4 Manrope,sans-serif;outline:none}.fam36-form select:focus,.fam36-form input:focus,.fam36-form textarea:focus{border-color:#32a3a6;box-shadow:0 0 0 3px rgba(31,111,100,.1)}.fam36-move-parent{background:linear-gradient(145deg,#fff,#fff8ef)}.fam36-steps{display:grid;gap:12px;margin-top:18px}.fam36-steps>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px}.fam36-steps b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0b3b4f;color:#fff}.fam36-steps span{color:#58727d}.fam36-request-list{padding:22px;margin-top:18px}.fam36-request-list article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #e7eef0}.fam36-request-list article:first-of-type{border-top:0}.fam36-request-list small{display:block;color:#7b9098;margin-top:4px}.fam36-request-list p{margin:6px 0 0;color:#536f7a}.fam36-status{font-size:11px;font-weight:900;padding:7px 10px;border-radius:999px;background:#eef3f5}.fam36-status.approved{background:#e1f5e9;color:#247344}.fam36-status.pending{background:#fff5d9;color:#976b00}.fam36-status.rejected{background:#ffe8e4;color:#a73d2f}.fam36-person-actions{display:flex;gap:8px;align-items:center}.fam36-person-actions a{font-size:11px;font-weight:800;text-decoration:none;color:#176d76;background:#edf7f7;padding:6px 8px;border-radius:8px}

/* Graph readability. Increase spacing and keep connectors visible. */
.family-v35[data-layout="network"] .fam35-network{width:194px;min-height:128px}
.family-v35 .fam313-edge{stroke-width:2.25px!important;opacity:.82}
.family-v35 .fam313-edge.spouse{stroke-width:3.25px!important;opacity:.95}
.family-v35 .fam313-edge.pending{opacity:.7}
.family-v35 .fam31-node{z-index:2}.family-v35 .fam313-world svg{z-index:1!important;overflow:visible}

@media(max-width:900px){.fam36-rel-grid,.fam36-rel-tools,.fam36-cross-grid{grid-template-columns:1fr}.fam36-rel-head{align-items:flex-start;flex-direction:column}.fam36-fullscreen-layout{left:12px!important;top:12px!important}.family-v35:fullscreen .fam313-zoom-float,.family-v34 [data-family-graph]:fullscreen .fam313-zoom-float{right:12px!important;top:64px!important}.fam36-request-list article{align-items:flex-start;flex-direction:column}}
.cms36-rel-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.cms36-rel-tools>.card{padding:20px}.cms36-rel-tools h3{margin:0 0 8px}.cms36-rel-tools p{color:#72858e}.cms36-form{display:grid;gap:12px;margin-top:14px}.cms36-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#3d5a65}.cms36-form select{width:100%;border:1px solid #dbe5e8;border-radius:12px;padding:11px 12px;background:#fff;font:600 13px Manrope,sans-serif}@media(max-width:900px){.cms36-rel-tools{grid-template-columns:1fr}}
.fam36-family-code{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;margin-bottom:18px}.fam36-family-code h3{margin:2px 0 5px}.fam36-family-code p{margin:0;color:#6c828b}.fam36-family-code form{display:flex;gap:8px;align-items:center}.fam36-family-code input{min-width:260px;border:1px solid #d8e4e7;border-radius:12px;padding:11px 12px}.fam36-code-ok{font-size:12px;font-weight:800;color:#237b5f;background:#e8f7ef;padding:7px 10px;border-radius:999px}@media(max-width:760px){.fam36-family-code{align-items:flex-start;flex-direction:column}.fam36-family-code form{width:100%}.fam36-family-code input{min-width:0;flex:1}}
.fam36-family-code-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e8eff1}.fam36-family-code-inline>span{font-size:11px;font-weight:900;color:#6f858e;text-transform:uppercase}.fam36-family-code-inline code{background:#edf5f6;color:#244f5e;padding:7px 10px;border-radius:9px;font-size:11px}.fam36-family-code-inline button{border:0;background:#0b3b4f;color:#fff;border-radius:9px;padding:7px 10px;font-weight:800;cursor:pointer}
.fam36-quick-add{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;margin:18px 0}.fam36-quick-add h3{margin:2px 0 0}@media(max-width:720px){.fam36-quick-add{align-items:flex-start;flex-direction:column}}
