/* Omkeerbaar organogramvoorstel. Alleen de schermweergave; print/export blijven ongewijzigd. */
@media screen {
  .schoolteam-proposal-switch {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #f4f8f6;
  }

  .schoolteam-proposal-switch button {
    min-height: 34px;
    padding: 6px 11px;
    border: 0;
    border-radius: 9px;
    color: var(--muted);
    background: transparent;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
  }

  .schoolteam-proposal-switch button[aria-pressed="true"] {
    color: #fff;
    background: var(--accent-dark);
    box-shadow: 0 2px 7px rgba(0, 92, 84, .18);
  }

  body.bob-organogram-proposal .schoolteam-zone {
    border: 1px solid #cfe0dc;
    border-radius: 16px;
    background: #fff;
    overflow: visible;
  }
  body.bob-organogram-proposal .schoolteam-zone-header {
    background: #e8f5f2;
    border-bottom: 1px solid #d4e6e1;
    border-radius: 16px 16px 0 0;
  }
  body.bob-organogram-proposal .schoolteam-class-group {
    padding: 14px;
    border: 1px solid #d7e7e3;
    border-radius: 12px;
    background: #f7fbfa;
  }
  body.bob-organogram-proposal .schoolteam-class-group h4 {
    color: #54706c;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  body.bob-organogram-proposal .schoolteam-person {
    border-radius: 8px;
    background: #f6f8f8;
  }
  body.bob-organogram-proposal .schoolteam-class-list {
    align-items: stretch;
  }

  body.bob-organogram-proposal .schoolteam-class-block[data-class-id],
  body.bob-organogram-proposal .schoolteam-zone-lager .schoolteam-class-block[data-class-id] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-flow: row;
    align-content: start;
    align-items: start;
    gap: 9px;
    min-width: 0;
    min-height: 100%;
  }

  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] > .schoolteam-class-edit-tools,
  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] > .schoolteam-mini-title,
  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] > .schoolteam-editable-title,
  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] > .schoolteam-class-members,
  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] > .schoolteam-add-inline,
  body.bob-organogram-proposal .schoolteam-zone-lager .schoolteam-class-block[data-class-id] > .schoolteam-class-edit-tools,
  body.bob-organogram-proposal .schoolteam-zone-lager .schoolteam-class-block[data-class-id] > .schoolteam-mini-title,
  body.bob-organogram-proposal .schoolteam-zone-lager .schoolteam-class-block[data-class-id] > .schoolteam-editable-title,
  body.bob-organogram-proposal .schoolteam-zone-lager .schoolteam-class-block[data-class-id] > .schoolteam-class-members,
  body.bob-organogram-proposal .schoolteam-zone-lager .schoolteam-class-block[data-class-id] > .schoolteam-add-inline {
    grid-column: 1;
    grid-row: auto;
    min-width: 0;
  }

  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] > .schoolteam-mini-title,
  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] > .schoolteam-editable-title {
    box-sizing: border-box;
    width: calc(100% + 18px);
    margin: -9px -9px 0;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid #d8e6e1;
    border-radius: 9px 9px 0 0;
    background: #eef8f5;
    text-align: left;
  }

  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] > .schoolteam-editable-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
  }

  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] > .schoolteam-editable-title > .schoolteam-mini-title {
    width: 100%;
    min-width: 0;
    margin: 0;
    text-align: left;
  }

  body.bob-organogram-proposal .schoolteam-class-block[data-class-id] .schoolteam-class-members {
    display: grid;
    gap: 7px;
    width: 100%;
  }

  body.bob-organogram-proposal .schoolteam-class-symbol {
    display: none;
  }

  @media (max-width: 760px) {
    .schoolteam-proposal-switch {
      width: 100%;
    }

    .schoolteam-proposal-switch button {
      flex: 1;
    }

    .schoolteam-proposal-preview-grid { grid-template-columns: minmax(0, 1fr); }

  }
}

@media print {
  .schoolteam-proposal-switch {
    display: none !important;
  }

  .schoolteam-proposal-preview { display: none !important; }
}

@media screen {
 body.bob-organogram-proposal .schoolteam-view {font-family:inherit;line-height:1.5;}
 body.bob-organogram-proposal .schoolteam-zone {padding:18px;margin-bottom:18px;box-shadow:none;}
 body.bob-organogram-proposal .schoolteam-zone-header {padding:12px 16px;margin-bottom:16px;}
 body.bob-organogram-proposal .schoolteam-zone-header h3 {font-size:18px;font-weight:700;line-height:1.35;}
 body.bob-organogram-proposal :is(.schoolteam-policy-group-card,.schoolteam-advisory-card,.schoolteam-workgroup-card,.schoolteam-contact-card,.schoolteam-subblock) {padding:14px;border:1px solid #d7e7e3;border-radius:12px;background:#fff;box-shadow:none;gap:10px;}
 body.bob-organogram-proposal :is(.schoolteam-mini-title,.schoolteam-static-title) {font-size:14px;font-weight:700;line-height:1.4;}
 body.bob-organogram-proposal .schoolteam-person {padding:10px;font-size:13px;line-height:1.45;box-shadow:none;}
 body.bob-organogram-proposal .schoolteam-person strong {font-size:14px;font-weight:600;}
 body.bob-organogram-proposal .schoolteam-person span {font-size:12px;line-height:1.5;}
 body.bob-organogram-proposal :is(.schoolteam-class-list,.schoolteam-member-list,.schoolteam-workgroups,.schoolteam-contact-grid) {gap:12px;}
 body.bob-organogram-proposal .schoolteam-template-row.dragging {outline:2px dashed #00877a;background:#e8f5f2;opacity:.65;}
 body.bob-organogram-proposal .bob-drop-before {border-top:5px solid #00877a!important;}
 body.bob-organogram-proposal .bob-drop-after {border-bottom:5px solid #00877a!important;}
 .bob-organogram-drop-hint {position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100000;padding:12px 18px;border-radius:12px;background:#064e46;color:white;pointer-events:none;max-width:80vw;font:600 14px/1.5 sans-serif;box-shadow:0 4px 20px #0003;}
}
@media print {.bob-organogram-drop-hint {display:none!important;}}

@media screen {
 body.bob-organogram-proposal .schoolteam-zone-lager .schoolteam-specialist-block,
 body.bob-organogram-proposal .schoolteam-specialist-block {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
 body.bob-organogram-proposal .schoolteam-specialist-block > .schoolteam-mini-title,
 body.bob-organogram-proposal .schoolteam-specialist-block > .schoolteam-editable-title,
 body.bob-organogram-proposal .schoolteam-specialist-block > .schoolteam-class-members {grid-column:1;grid-row:auto;}
 body.bob-organogram-proposal .schoolteam-specialist-block > .schoolteam-mini-title,
 body.bob-organogram-proposal .schoolteam-specialist-block > .schoolteam-editable-title {display:block;width:100%;padding-bottom:8px;border-bottom:1px solid #d4e6e1;}
}

/* Equal title space, compact lists: also applies to custom workgroup categories. */
@media screen {
 body.bob-organogram-proposal .schoolteam-workgroups {align-items:stretch;}
 body.bob-organogram-proposal .schoolteam-workgroup-card {
   display:flex;
   flex-direction:column;
   justify-content:flex-start;
   align-items:stretch;
   gap:12px;
 }
 body.bob-organogram-proposal .schoolteam-workgroup-card > :first-child {
   box-sizing:border-box;
   display:flex;
   align-items:flex-start;
   justify-content:flex-start;
   min-height:4.2em;
   margin:0;
   line-height:1.4;
 }
 body.bob-organogram-proposal .schoolteam-workgroup-card > .schoolteam-chip-grid {
   display:flex;
   flex-direction:column;
   align-items:stretch;
   justify-content:flex-start;
   align-content:flex-start;
   flex:0 0 auto;
   gap:8px;
 }
 body.bob-organogram-proposal .schoolteam-workgroup-card .schoolteam-chip {
   flex:0 0 auto;
   margin:0;
 }
}