/* org.css — organogram/team pagina-specifieke styles */
.org-shell{border:1px solid var(--border);background:#fff;padding:1rem;position:relative}
.org-lines{position:absolute;inset:0;pointer-events:none;z-index:1}
.org-lines path{stroke:#c8c0b4;stroke-width:1.5;fill:none}
.relation-layer{position:absolute;inset:0;pointer-events:none;z-index:2}
.rel-btn{position:absolute;width:18px;height:18px;border-radius:50%;border:1px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);cursor:pointer;pointer-events:auto}
.org-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);padding:.4rem 0 .7rem;margin-bottom:.6rem;z-index:2}
.org-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;text-transform:uppercase;text-align:center;letter-spacing:.08em}
.layer{padding:.9rem 0 .7rem;position:relative}
.layer + .layer{border-top:1px solid var(--border)}
.layer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.layer-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.layer-add{opacity:0;transition:opacity .18s ease;display:none}
.layer:hover .layer-add{opacity:1}
.add-wrap{position:relative;display:inline-block}
.add-menu{display:none;position:absolute;right:0;top:105%;background:#fff;border:1px solid var(--border);padding:.35rem;min-width:160px;z-index:5}
.add-wrap:hover .add-menu{display:block}
.add-menu button{display:block;width:100%;text-align:left;border:none;background:#fff;padding:.38rem .45rem;font-size:.72rem;cursor:pointer}
.add-menu button:hover{background:#f6efe7}
.layer-add.disabled{opacity:.45 !important;cursor:not-allowed}
.cards{display:flex;gap:.7rem;flex-wrap:wrap;min-height:84px;padding:.2rem;border:1px dashed transparent;border-radius:8px;justify-content:center}
.cards-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,210px));justify-content:center;gap:.6rem;min-height:96px;width:100%}
.slot{border:1px dashed #d7d1c6;border-radius:10px;min-height:128px;width:210px;background:#faf7f2;display:flex;align-items:center;justify-content:center;color:#b3aa9b;font-size:.72rem;position:relative}
.slot .slot-plus{opacity:0;transition:opacity .15s ease;border:1px solid #d7d1c6;background:#fff;border-radius:999px;padding:.2rem .5rem;font-size:.68rem;cursor:pointer}
.slot:hover .slot-plus{opacity:1}
.slot-label{position:absolute;bottom:6px;font-size:.62rem;color:#b6ad9f}
.cards.drop-over{border-color:var(--accent);background:#fff8f2}
.empty-layer{border:1px dashed var(--border);padding:.8rem;border-radius:8px;background:#fffdf9;color:var(--muted);font-size:.8rem}
.cta-empty{border:1px dashed var(--accent);background:#fff6ef;color:#8a4a20;padding:1rem;border-radius:10px;text-align:center;font-size:.82rem}
.cta-empty .btn{margin-top:.55rem}
.person-card{width:210px;border:1px solid var(--border);background:#fffcf8;border-radius:10px;padding:.5rem;cursor:grab;position:relative;z-index:3}
.person-card.dragging{opacity:.5}
.person-card.owner{border-color:#cba17f;box-shadow:0 0 0 2px #f8ecdf inset}
.pc-name{font-weight:400;font-size:.9rem}
.pc-meta{font-size:.74rem;color:#6c665d;margin-top:.25rem;line-height:1.35}
.pc-actions{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.55rem;justify-content:flex-end}
.mini-btn{border:1px solid #d7c2a8;background:#efe7da;color:#2f2418;padding:.25rem .4rem;font-size:.62rem;cursor:pointer}
.mini-btn:hover{border-color:#c8ad8e;background:#f3ecdf}
.pc-sub{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.62rem;color:var(--muted)}
.pc-sub button{background:none;border:none;color:inherit;cursor:pointer;text-decoration:underline;font-size:.62rem}
.ins-row{display:flex;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.68rem}
.ins-link{cursor:pointer;text-decoration:underline;color:#4b4033}
.ins-dot,.ins-square{width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#fff}
.ins-square{border-radius:3px}
.ins-stop{display:inline-flex;gap:3px;align-items:center}
.ins-stop i{width:11px;height:11px;border-radius:50%;display:inline-block;background:#ddd;border:1px solid #ccc}
.person-card.superior-focus{outline:2px solid var(--accent);box-shadow:0 0 0 3px #f9e7da}

@media (max-width:900px){
  #page-team .org-shell{padding:.65rem}
  #page-team .org-lines, #page-team #relationLayer{display:none !important}
  #page-team .layer{padding:.35rem 0}
  #page-team .cards, #page-team .cards-grid{display:flex;flex-direction:column;gap:.4rem;min-height:0;width:100%}
  #page-team .person-card, #page-team .slot{width:100%;max-width:none}
  #page-team .slot{min-height:68px}
  #page-team .slot .slot-plus{opacity:1}
  #page-team .slot-label{font-size:.56rem;bottom:4px}
  #page-team .layer .slot{display:none}
  #page-team .layer .cards .slot:first-of-type,
  #page-team .layer .cards-grid .slot:first-of-type{display:flex}
  #page-team .layer-head{align-items:flex-start;gap:.3rem;flex-direction:column;display:none}
  #page-team .layer.layer-has-cards .layer-head{display:flex}
}