/* partner.css — de enige afwijkingen op de Universe Builder-huisstijl.
 *
 * styles.css is een letterlijke kopie uit Universe Builder en wordt hier NIET
 * bewerkt (zie `npm run sync:styles`). Alles wat dit portaal anders nodig heeft,
 * staat in dit bestand — zo blijft de kopie ververbaar zonder handwerk.
 *
 * Alle kleuren komen uit de theme-tokens van styles.css. Zet hier nooit een
 * hardcoded hex neer: dat is precies wat OCC Mode en Dark Mode uit elkaar laat
 * lopen.
 */

/* UB's `main` is een twee-koloms grid met een vast rechterpaneel, en `body`
   staat op overflow:hidden omdat het canvas zelf scrolt. Dit portaal is een
   gewone, scrollende pagina. */
body { overflow: auto; }

main {
  display: block;
  height: auto;
  min-height: calc(100vh - 44px);
  overflow: auto;
  padding: 24px;
  box-sizing: border-box;
}

/* Duwt alles ná deze span naar rechts in de topbar. */
header .spacer { flex: 1 1 auto; }

header #app-title {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 15px; margin: 0;
}
header #app-title .occ-mark { height: 20px; width: auto; }

.partner-panel {
  max-width: 760px;
  margin: 0 auto;
}
.partner-panel h2 { margin: 0 0 4px; font-size: 20px; }

.partner-card {
  margin-top: 20px;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 16px 18px;
  box-shadow: var(--shadow-card);
}
.partner-card h3 { margin: 0 0 12px; font-size: 14px; color: var(--text-dim); }

.partner-dl {
  display: grid;
  grid-template-columns: minmax(140px, max-content) 1fr;
  gap: 8px 16px;
  margin: 0;
}
.partner-dl dt { color: var(--text-dim); font-size: 12.5px; }
.partner-dl dd { margin: 0; font-size: 13px; }

/* Hier stond een aanvraagblok op het "geen toegang"-scherm: een keuzelijst met
 * partners plus een knop "Toegang aanvragen". Dat hoorde bij het ingetrokken
 * model met een eigen partner-administratie (v2026-09-07-E-ghm). Toegang wordt
 * nu afgeleid uit de contactpersoon, dus er valt niets aan te vragen. */