:root{--blue:#095a86;--cyan:#009fbd;--gold:#f4b526;--ink:#303737;--line:#d6d9d8;--green:#b9e6b5;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e3a31c;outline-offset:3px}a{color:var(--blue)}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.icon-button{position:relative;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--cyan);display:inline-grid;place-items:center;font-size:32px}.app-header{position:sticky;top:0;z-index:10;background:#fff;padding:calc(env(safe-area-inset-top) + 12px) 12px 12px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:94px}.app-header>.icon-button{justify-self:start}.club-brand{display:flex;flex-direction:column;align-items:center;max-width:190px;text-align:center}.club-brand img{width:132px;max-height:45px}.club-brand span{font-size:13px;color:#183e6b;line-height:1.3;margin-top:2px}.header-actions{display:flex;justify-content:flex-end}.header-actions .icon-button{min-width:40px}.demo-strip{background:#f6f7f6;color:#647069;text-align:center;font-size:10px;padding:5px;letter-spacing:.03em}#canvas{max-width:760px;margin:auto;padding:14px 16px calc(98px + env(safe-area-inset-bottom));min-height:70vh}h1{font-size:25px;color:var(--blue);margin:10px 0 22px}h2{font-size:21px;color:var(--blue);margin:0 0 12px}p{line-height:1.5}.next-activity{width:100%;border:0;border-bottom:1px solid #a2caa0;border-radius:13px;background:var(--green);padding:11px 13px 18px;text-align:left;color:var(--ink);margin-bottom:18px}.next-activity .kind{display:block;font-size:13px;margin-bottom:8px}.activity-main{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center}.date-tile{text-align:center;color:var(--cyan);font-weight:750;font-size:27px;line-height:1.05}.date-tile small{display:block;font-size:23px}.activity-main strong{color:var(--blue);font-size:19px;line-height:1.22;display:block}.activity-main time{display:block;font-size:15px;margin-top:5px}.news-card{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #c9cecc}.news-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:0 0 12px;color:#525b58}.news-meta time{white-space:nowrap}.news-open{border:0;background:none;padding:0;text-align:left;width:100%;color:inherit;display:grid;grid-template-columns:108px 1fr;gap:12px}.news-open img{width:108px;height:94px;object-fit:cover;border-radius:10px}.news-open strong{display:block;font-size:20px;color:var(--blue);line-height:1.17}.news-open p{font-size:15px;line-height:1.32;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bottom-nav{position:fixed;z-index:15;bottom:0;width:100%;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #c5ccca;padding:0 0 env(safe-area-inset-bottom)}.bottom-nav a{min-height:73px;text-decoration:none;color:#258ba0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:650;border-right:1px solid var(--line)}.bottom-nav a:last-child{border-right:0}.bottom-nav a[aria-current=page]{color:var(--cyan);background:#f0fafb;box-shadow:inset 0 3px var(--cyan)}.bottom-nav svg{width:25px;height:25px}.empty{border:1px dashed #d3dcda;border-radius:12px;padding:24px 18px;background:#fafcfb}.empty p{margin:6px 0;color:#63716a;font-size:14px}.row-link{display:block;width:100%;padding:18px 12px;text-align:left;background:white;border:0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--blue);font-size:17px}.profile-card{padding:25px;background:#f3f8f7;border:1px solid #dee7e4;border-radius:16px}.avatar{height:64px;width:64px;border-radius:50%;background:#d5eef1;color:var(--blue);display:grid;place-items:center;margin-bottom:18px;font-size:23px;font-weight:bold}.profile-card dt{color:#6a7971;font-size:13px;margin-top:17px}.profile-card dd{margin:4px 0;overflow-wrap:anywhere}.member-card{background:linear-gradient(135deg,#0a527d,#17458f);color:#fff;border-radius:17px;padding:25px;box-shadow:0 8px 28px #153b6a20}.member-card img{width:130px;background:white;border-radius:6px;padding:7px}.member-card h2{color:white;margin-top:25px}.member-card small{color:#c7e8ec}.search-form{display:flex;gap:8px;margin:0 0 24px}.search-form input{min-width:0;flex:1}.primary{background:#075f89;color:white;border:0;border-radius:8px;padding:13px 18px;font-weight:600;min-height:46px}.secondary{border:1px solid #d0d9d6;background:#fff;color:var(--blue);border-radius:8px;padding:12px 16px;min-height:44px}.auth-view{max-width:420px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 45px) 26px 30px}.auth-logo{width:166px;margin-bottom:30px}.auth-view h1{font-size:28px;margin-bottom:12px}.auth-view p{font-size:15px}.demo-label{color:#6f776e;background:#f4f5f1;border-radius:6px;padding:8px 12px;font-size:12px!important}.auth-view form{display:grid;gap:10px;margin-top:23px}.auth-view label{font-size:14px;font-weight:600;margin-top:8px}input{border:1px solid #b5c4c1;border-radius:8px;padding:13px;font-size:16px;width:100%;min-height:48px}.auth-view .primary{margin-top:10px}.error{color:#ad3030}.secret{display:block;word-break:break-all;background:#f1f6f5;padding:15px;font-family:monospace;font-size:17px;letter-spacing:1px;border-radius:8px}.otp{font-size:26px;letter-spacing:.35em;text-align:center}dialog{width:min(440px,calc(100% - 26px));max-height:85dvh;border:0;border-radius:18px;padding:20px;color:var(--ink);box-shadow:0 20px 100px #14352c30}dialog::backdrop{background:#0c23396b}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.dialog-head h2{margin:0}.filter-option{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:17px}.filter-option input{width:23px;height:23px;min-height:0;accent-color:var(--cyan)}.filter-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:10px}#filter-dot{position:absolute;right:4px;top:4px;width:8px;height:8px;background:var(--gold);border-radius:50%}.toast{position:fixed;bottom:calc(85px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:90%;padding:12px 18px;border-radius:10px;background:#174b60;color:white;z-index:30;font-size:14px}.birthday{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.detail-body{white-space:pre-line}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:700px){.app-header{padding-left:max(20px,calc((100% - 760px)/2));padding-right:max(20px,calc((100% - 760px)/2))}.bottom-nav{padding-left:max(0px,calc((100% - 760px)/2));padding-right:max(0px,calc((100% - 760px)/2))}.news-open{grid-template-columns:135px 1fr}.news-open img{width:135px;height:110px}.news-open p{font-size:17px}}@media(max-width:350px){.club-brand img{width:110px}.club-brand{max-width:140px}.news-open{grid-template-columns:88px 1fr}.news-open img{width:88px;height:88px}.bottom-nav a{font-size:10px}.activity-main{grid-template-columns:60px 1fr}}

.context-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.website-content{padding:16px;background:#fff;border-radius:12px;overflow-wrap:anywhere}.website-content img{max-width:100%;height:auto}.website-content table{display:block;overflow:auto}.website-content a{color:#005da8;text-decoration:underline}.website-content a.website-link{display:inline-block;margin:5px}.administration-link{display:block;text-align:center;margin-bottom:16px}.auth-view a.primary{display:block;text-align:center;text-decoration:none}.website-content h1{font-size:1.5rem}

/* NRP: tweede ingang onder de bestaande ledenadministratie. */
.nrp-link::after{content:"NRP";display:inline-block;margin-left:10px;padding:2px 6px;border-radius:4px;background:#e7f1f8;color:#075b88;font-size:11px;font-weight:600;}