/* Eén ingang, met een duidelijke scheiding tussen schoolbeheer en eigen instellingen. */
.nl-settings-context{color:#536b7d;font:600 14px/1.5 system-ui;margin:8px 0}
.nl-settings-nav{display:flex;flex-wrap:wrap;gap:6px;padding:8px;margin:14px 0 26px;background:#164b68;border-radius:12px;font:600 15px/1.5 system-ui}
.nl-settings-nav a,#nl-settings .nl-settings-nav a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:0;border-radius:7px;color:#fff;text-decoration:none;background:transparent}
.nl-settings-nav a:hover,#nl-settings .nl-settings-nav a:hover{background:#ffffff20}
.nl-settings-nav a[aria-current=page],#nl-settings .nl-settings-nav a[aria-current=page]{background:#fff;color:#164b68}
.nl-settings-nav a:focus-visible{outline:3px solid #efb647;outline-offset:2px}
#nl-settings [data-settings-panel][hidden]{display:none!important}
#nl-settings input[readonly]{background:#edf3f6;color:#536b7d}
#nl-settings .nl-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px}
#nl-settings .nl-account-grid input{max-width:none;box-sizing:border-box}
#nl-settings .nl-account-grid>div{min-width:0}
#nl-settings .nl-settings-description{max-width:720px}
#nl-settings .nl-settings-heading{margin:0 0 10px;font-size:26px}
@media(max-width:600px){.nl-settings-nav a,#nl-settings .nl-settings-nav a{flex:1 1 calc(50% - 12px);padding:10px 8px;font-size:14px;box-sizing:border-box}.nl-settings-nav{margin-bottom:20px}#nl-settings .nl-account-grid{grid-template-columns:minmax(0,1fr)}}
/* Hoofdnavigatie en instellingen delen één blauwe balk. */
.nl-settings-nav{display:block}.nl-global-nav,.nl-settings-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nl-global-nav{width:100%}.nl-global-nav .nl-nav-brand{font-size:17px;font-weight:800}.nl-nav-identity{margin-left:auto;padding:8px 10px;color:#e6f2f5;overflow-wrap:anywhere;font-size:14px;min-width:0}.nl-nav-identity small{font-size:inherit}.nl-settings-tabs{border-top:1px solid #ffffff40;margin-top:7px;padding-top:7px}.nl-settings-nav button[data-nl-logout],#nl-settings .nl-settings-nav button[data-nl-logout]{background:transparent;color:#fff;border:1px solid #ffffff55;min-height:44px;border-radius:7px;padding:9px 14px;font:inherit;cursor:pointer}.nl-settings-nav button[data-nl-logout]:hover{background:#ffffff20}.nl-settings-nav .nl9-admin-tabs{margin:8px 0 0;padding-top:8px;border-top:1px solid #ffffff40}.nl-settings-nav .nl9-admin-tabs button{background:transparent;color:#fff;border:1px solid #ffffff55;font-size:14px}.nl-settings-nav .nl9-admin-tabs button[aria-pressed=true]{background:#fff;color:#164b68}
header.nl-unified-header{background:transparent;border:0;display:block;padding:14px 20px 0;max-width:1160px;margin:auto}header.nl-unified-header .nl-settings-nav{margin:0}#nl-settings .nl-settings-context{margin-top:18px}
@media(max-width:600px){.nl-global-nav>a,#nl-settings .nl-global-nav>a{flex:1 1 auto;font-size:14px;padding:8px}.nl-global-nav .nl-nav-identity{order:4;width:100%;margin:0;font-size:12px;padding:4px 8px}.nl-global-nav>button{margin-left:auto}.nl-settings-tabs>a,#nl-settings .nl-settings-tabs>a{flex:1 1 40%}header.nl-unified-header{padding:8px 10px 0}.nl-settings-nav .nl9-admin-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.nl-settings-nav .nl9-admin-tabs button{padding:8px;font-size:13px}}

.nl-settings-nav .nl-nav-identity small,#nl-settings .nl-settings-nav .nl-nav-identity small{color:#e6f2f5}

.nl-settings-local{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 24px;padding:5px;background:#e8eff3;border-radius:10px}.nl-settings-local a{flex:1;text-align:center;padding:12px 16px;color:#164b68;text-decoration:none;border-radius:7px;font-weight:650}.nl-settings-local a[aria-current=page]{background:#164b68;color:white}#nl-settings form{max-width:680px}#nl-settings input,#nl-settings select,#nl-settings textarea{box-sizing:border-box;max-width:100%}#nl-settings .nl-settings-row{display:flex;gap:10px;flex-wrap:wrap}#nl-settings section h2{margin-top:0}.nl-settings-local a:focus-visible{outline:3px solid #d69b19;outline-offset:2px}

/* Navigation: destinations first, account and logout together on the second row. */
.nl-global-nav .nl-nav-identity{order:1;flex:1 1 calc(100% - 130px);margin-left:0;padding:6px 12px}.nl-global-nav>button[data-nl-logout]{order:2;margin-left:auto}
@media(max-width:600px){.nl-global-nav>a,#nl-settings .nl-global-nav>a{flex:1 1 calc(50% - 6px);box-sizing:border-box;min-height:44px;padding:8px 6px}.nl-global-nav .nl-nav-identity{order:1;width:auto;flex:1 1 calc(100% - 110px);padding:4px 8px}.nl-settings-local a{font-size:14px;padding:10px 6px;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}}

/* Vast herkenbaar beginpunt in alle account- en groepsschermen. */
.nl-settings-nav a.nl-home-link,#nl-settings .nl-settings-nav a.nl-home-link{background:#fff;color:#123f5c;border:1px solid #b9d8e4;gap:10px;padding:9px 16px;box-shadow:0 2px 5px #062d4430;flex-shrink:0;justify-content:flex-start}
.nl-settings-nav a.nl-home-link:hover,#nl-settings .nl-settings-nav a.nl-home-link:hover{background:#edf8fb;border-color:#77bec8}
.nl-home-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.nl-home-link span{line-height:1.2;font-weight:750}.nl-home-link small{display:block;font-size:12px;font-weight:500;margin-top:3px;color:#436579}
@media(max-width:600px){.nl-settings-nav a.nl-home-link,#nl-settings .nl-settings-nav a.nl-home-link{min-height:52px;padding:9px 14px}}

.nl-settings-nav a.nl-home-link,#nl-settings .nl-settings-nav a.nl-home-link{background:transparent;color:#fff;border:0;box-shadow:none;padding:10px 18px;min-height:46px;font-size:19px;font-weight:750;align-self:stretch;justify-content:center}.nl-settings-nav a.nl-home-link:hover,#nl-settings .nl-settings-nav a.nl-home-link:hover{background:#ffffff20;border:0}

/* Compact identity stays together with sign-out, below destinations only on small screens. */
.nl-global-nav .nl-nav-identity{order:0;flex:0 1 auto;margin-left:auto;font-size:12px;padding:4px 8px;line-height:1.4}
.nl-global-nav>button[data-nl-logout]{order:0;margin-left:0;font-size:13px}
.nl-settings-nav a.nl-home-link,#nl-settings .nl-settings-nav a.nl-home-link{display:inline-flex;align-items:center;gap:8px;font-size:18px;padding:10px 12px;align-self:auto}
@media(max-width:700px){.nl-global-nav .nl-nav-identity{order:1;flex:1 1 calc(100% - 110px);margin-left:0}.nl-global-nav>button[data-nl-logout]{order:2}.nl-settings-local{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nl-settings-local a{min-width:0;overflow-wrap:anywhere}}

.nl-global-nav>.nl-account-actions{display:flex;align-items:center;gap:8px;margin-left:auto;max-width:100%;justify-content:flex-end}.nl-global-nav .nl-account-actions .nl-nav-identity{order:0;flex:0 1 auto;margin:0;text-align:right;font-size:12px}.nl-account-actions button[data-nl-logout]{flex-shrink:0;font-size:13px!important}
@media(max-width:700px){.nl-global-nav>.nl-account-actions{flex:1 1 100%;margin-left:0}.nl-global-nav .nl-account-actions .nl-nav-identity{width:auto;flex:0 1 auto}}

/* One global bar on groups, management and personal settings. */
header.nl-unified-header{box-sizing:border-box;max-width:1160px;margin:0 auto;padding:14px 20px 0;background:transparent;border:0}
body #nl-settings{box-sizing:border-box;max-width:1160px;margin:0 auto;padding:14px 20px 100px;font:16px/1.55 system-ui;color:#18354d}
.nl-settings-nav,#nl-settings .nl-settings-nav{box-sizing:border-box;display:block;width:100%;margin:0 0 26px;padding:8px;border:0;border-radius:12px;background:#284b63;font:600 15px/1.5 system-ui;color:#fff}
header.nl-unified-header .nl-settings-nav{margin:0}
.nl-global-nav,#nl-settings .nl-global-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%}
.nl-global-nav>a,#nl-settings .nl-global-nav>a{box-sizing:border-box;flex:0 0 auto;min-height:46px;padding:10px 18px;font:600 15px/1.5 system-ui;border:0;color:#fff;background:transparent;text-decoration:none;border-radius:7px}
.nl-settings-nav a[aria-current=page],#nl-settings .nl-settings-nav a[aria-current=page]{background:#ffffff15;color:#fff;box-shadow:inset 0 -2px #8ad8d4}
.nl-global-nav a.nl-home-link,#nl-settings .nl-global-nav a.nl-home-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;font-size:18px;font-weight:750;border:0;background:transparent;box-shadow:none}
.nl-global-nav .nl-account-actions,#nl-settings .nl-global-nav .nl-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;max-width:100%}
.nl-global-nav .nl-account-actions .nl-nav-identity,#nl-settings .nl-global-nav .nl-account-actions .nl-nav-identity{flex:0 1 auto;width:auto;margin:0;padding:4px 8px;text-align:right;color:#e6f2f5;font:600 12px/1.4 system-ui}
.nl-account-actions button[data-nl-logout],#nl-settings .nl-account-actions button[data-nl-logout]{box-sizing:border-box;flex-shrink:0;min-height:44px;margin:0;padding:9px 14px;border:1px solid #ffffff55;border-radius:7px;background:transparent;color:#fff;font:600 13px/1.5 system-ui}
#nl-settings .nl-settings-local,.nl9-admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:5px;background:#e8eff3;border:0;border-radius:10px;font:600 15px/1.5 system-ui}
#nl-settings .nl-settings-local a,.nl9-admin-tabs button{box-sizing:border-box;min-height:44px;padding:10px 14px;border:0;border-radius:7px;background:transparent;color:#284b63;font:600 15px/1.5 system-ui;text-align:center}
#nl-settings .nl-settings-local a[aria-current=page],.nl9-admin-tabs button[aria-pressed=true]{background:#284b63;color:#fff;box-shadow:none}
@media(max-width:700px){header.nl-unified-header{padding:8px 10px 0}body #nl-settings{padding:8px 10px 80px}.nl-global-nav>a,#nl-settings .nl-global-nav>a{flex:1 1 calc(50% - 6px);min-width:0;padding:8px 6px;font-size:14px}.nl-global-nav .nl-account-actions,#nl-settings .nl-global-nav .nl-account-actions{flex:1 1 100%;margin-left:0}.nl9-admin-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nl9-admin-tabs button{font-size:14px;padding:10px 6px}#nl-settings .nl-settings-local{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#nl-settings .nl-settings-local a{font-size:14px;padding:10px 6px;min-width:0}}
html:has(body.nl-settings),html:has(header.nl-unified-header){scrollbar-gutter:stable}

.nl-nav-identity [data-nl-role-switch]{font:inherit;font-size:.9em;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:.3rem .15rem;cursor:pointer}.nl-nav-identity [data-nl-role-switch]:focus-visible{outline:3px solid #e3aa35;outline-offset:3px}