/* Een brede profielbalk met daaronder twee gelijkwaardige aanwezigheidskaarten. */
.den-wrap .den-profile-summary{grid-template-columns:minmax(0,1fr);margin-bottom:14px}
.den-wrap .den-profile-summary .den-stat{min-height:118px}
.den-wrap .den-profile-summary .den-member-identity-text{display:flex;flex-direction:column;gap:3px}
.den-wrap .den-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.den-wrap .den-dashboard-summary.den-dashboard-crew{grid-template-columns:minmax(0,1fr)}
.den-wrap .den-portal{display:none;margin:18px 0 5px}
.den-wrap.den-ui-enhanced .den-portal{display:block}
.den-wrap .den-portal-heading{margin:0 0 16px}
.den-wrap .den-portal-heading .den-eyebrow{margin-bottom:5px}
.den-wrap .den-portal-heading h3{font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.04em;margin:0 0 3px}
.den-wrap .den-portal-heading p{font-size:13px;color:var(--den-text);margin:0}
.den-wrap .den-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.den-wrap .den-portal-tile{appearance:none;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;min-height:157px;width:100%;padding:18px 16px 17px;border:1px solid #e6dfea;border-radius:17px;background:#fff;color:var(--den-ink);text-align:left;font:inherit;cursor:pointer;box-shadow:0 8px 26px rgba(38,21,47,.045);transition:border-color .18s,box-shadow .18s,transform .18s}
.den-wrap .den-portal-tile:hover{border-color:#b784d5;box-shadow:0 12px 30px rgba(66,27,89,.11);transform:translateY(-2px)}
.den-wrap a.den-portal-tile{text-decoration:none}
.den-wrap .den-portal-tile:focus-visible{outline:3px solid #a35cce;outline-offset:4px}
.den-wrap .den-portal-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#f2e7f9;color:#813bac;margin-bottom:16px}
.den-wrap .den-portal-icon svg{width:25px;height:25px}
.den-wrap .den-portal-title{font-size:16px;font-weight:800;line-height:1.17;letter-spacing:-.03em;overflow-wrap:break-word}
.den-wrap .den-portal-desc{font-size:11px;line-height:1.38;color:#716879;margin-top:5px}
.den-wrap .den-portal-unread{position:absolute;right:12px;top:12px;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:99px;background:#c62f52;color:#fff;font-size:12px;font-weight:900;box-shadow:0 0 0 3px #fff}

/* De native dialog houdt focus en Escape-toets binnen de geopende taak. */
.den-wrap .den-modal{position:fixed!important;inset:0!important;margin:auto!important;box-sizing:border-box;border:1px solid #e3dbe7;border-radius:21px;padding:0;width:min(800px,calc(100vw - 36px));max-width:800px;max-height:min(90dvh,900px);margin:auto;background:#fff;color:var(--den-ink);font-family:inherit;box-shadow:0 30px 100px rgba(14,10,22,.3);overflow:hidden}
.den-wrap .den-modal:not([open]){display:none}
.den-wrap .den-modal::backdrop{background:rgba(16,11,24,.67);backdrop-filter:blur(3px)}
.den-wrap .den-modal-shell{display:flex;flex-direction:column;max-height:min(90dvh,900px);min-height:0}
.den-wrap .den-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex:none;padding:25px 29px 19px;border-bottom:1px solid #eee9f1;background:linear-gradient(120deg,#fff,#fbf8fd)}
.den-wrap .den-modal-heading{min-width:0}
.den-wrap .den-modal-heading .den-eyebrow{font-size:10px;margin-bottom:4px;color:#8950aa}
.den-wrap .den-modal-heading h2{font-size:clamp(24px,3vw,31px);margin:0;letter-spacing:-.045em}
.den-wrap .den-modal-heading p{font-size:13px;color:#6e6576;margin:6px 0 0}
.den-wrap .den-modal-close{appearance:none;flex:none;display:grid;place-items:center;width:41px;height:41px;margin:1px 0 0;border:1px solid #ded4e5;border-radius:11px;background:#fff;color:#30253c;cursor:pointer}
.den-wrap .den-modal-close:hover{background:#f3e8f9;border-color:#d0afe2}
.den-wrap .den-modal-close svg{width:19px;height:19px}
.den-wrap .den-modal-close:focus-visible,.den-wrap .den-modal-tab:focus-visible{outline:3px solid #a35cce;outline-offset:3px}
.den-wrap .den-modal-tabs{display:flex;align-items:center;gap:8px;padding:13px 29px 0;background:#fff;flex:none}
.den-wrap .den-modal-tab{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border:1px solid transparent;border-bottom:3px solid transparent;border-radius:9px 9px 0 0;background:transparent;color:#6f6477;font:inherit;font-size:13px;font-weight:750;cursor:pointer;white-space:normal;text-align:center}
.den-wrap .den-modal-tab[aria-selected="true"]{color:#703296;background:#f7f0fb;border-bottom-color:#934ac2}
.den-wrap .den-modal-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 29px 30px;scrollbar-gutter:stable}
.den-wrap .den-modal-section[hidden]{display:none!important}
.den-wrap .den-modal-section.den-card{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;padding:0;min-width:0}
.den-wrap .den-modal-section>.den-card-heading{display:flex;margin:0 0 22px;gap:0}
.den-wrap .den-modal-section>.den-card-heading .den-step{display:none}
.den-wrap .den-modal-section>.den-card-heading h3{font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.025em}
.den-wrap .den-modal-section>.den-card-heading p{font-size:12px;line-height:1.45}
.den-wrap .den-modal .den-entry-list{max-height:none;overflow:visible}
.den-wrap .den-modal .den-bottom-row{margin:25px 0 0;padding-top:18px;border-top:1px solid var(--den-outline)}
.den-wrap .den-modal .den-logout-form{padding-top:18px;border-top:1px solid var(--den-outline)}
.den-wrap .den-modal .den-logout-form .den-button{justify-content:center;width:100%}
.den-wrap .den-modal .den-alert{margin:0 0 18px}
.den-wrap .den-file-list{display:grid;gap:6px}
.den-wrap .den-board-tile{background:#fdfafe;border-color:#dec8e9}
.den-wrap .den-board-form{display:grid;gap:13px;margin:20px 0 25px}
.den-wrap .den-board-form label{display:grid;gap:6px;font-size:13px;font-weight:750}
.den-wrap .den-board-form input,.den-wrap .den-board-form select,.den-wrap .den-board-form textarea{width:100%;max-width:100%;padding:12px;border:1px solid #d9d0de;border-radius:9px;background:#fff;color:#22182a;font:inherit;font-weight:400}
.den-wrap .den-board-member-field[hidden]{display:none!important}
.den-wrap .den-board-notice{padding:13px 15px;border:1px solid #b9d7ca;border-radius:10px;background:#edf8f2;color:#175a3e}
.den-wrap .den-board-notice-error{border-color:#e6afb8;background:#fff1f3;color:#903747}
.den-wrap .den-board-list-title{margin:30px 0 14px;font-size:18px}
.den-wrap .den-board-documents{display:grid;gap:9px}
.den-wrap .den-board-document{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:13px;border:1px solid #e8dfed;border-radius:10px}
.den-wrap .den-board-document>div{min-width:0;overflow-wrap:anywhere}
.den-wrap .den-board-document strong{display:block;font-size:14px}
.den-wrap .den-board-document small{display:block;margin-top:4px;color:#756b7d;font-size:11px}
.den-wrap .den-board-document form{flex:none;margin:0}
.den-wrap .den-board-document .den-button{min-height:36px;padding:8px 11px;font-size:12px}
.den-wrap .den-board-document[hidden]{display:none!important}
.den-wrap .den-board-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.den-wrap .den-board-actions form{margin:0}
/* Het actieve dialog-element staat in de browser-toplaag. Thema-resets
   (o.a. margin:0 / top:0) mogen het niet linksboven vastzetten. */
.den-wrap .den-board-preview-modal{position:fixed!important;inset:0!important;margin:auto!important;box-sizing:border-box;width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #e3d7e8;border-radius:15px;background:#fff;color:#262030;box-shadow:0 18px 65px #0005;overflow:hidden}
.den-wrap .den-board-preview-modal:not([open]){display:none}
.den-wrap .den-board-preview-modal[open]{display:flex;flex-direction:column}
.den-wrap .den-board-preview-modal::backdrop{background:#120e1bcc}
.den-wrap .den-board-preview-head,.den-wrap .den-board-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px}
.den-wrap .den-board-preview-head{border-bottom:1px solid #eee6f1}
.den-wrap .den-board-preview-footer{border-top:1px solid #eee6f1;flex-wrap:wrap}
.den-wrap .den-board-preview-close{cursor:pointer}
.den-wrap .den-board-preview-head .den-board-preview-close{border:0;background:transparent;font-size:30px;line-height:1;color:#51415b}
.den-wrap .den-board-preview-body{flex:1 1 auto;min-height:0;padding:12px 18px;max-height:65dvh;overflow:auto;overscroll-behavior:contain}
@media(max-width:600px){.den-wrap .den-board-preview-modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.den-wrap .den-board-preview-head,.den-wrap .den-board-preview-footer{padding:12px}.den-wrap .den-board-preview-body{padding:10px;max-height:70dvh}.den-wrap .den-board-preview-body iframe{height:60dvh}}
.den-wrap .den-board-preview-body iframe{display:block;width:100%;height:min(64vh,770px);border:0;background:#faf9fc}
.den-wrap .den-board-document .den-button-danger{background:#fff0f2;border:1px solid #e6b8c0;color:#9b233b}
.den-wrap .den-board-filter-label{display:grid;gap:7px;font-size:13px;font-weight:750;margin:16px 0 6px}
.den-wrap .den-board-filter{width:100%;padding:12px;border:1px solid #d9d0de;border-radius:9px;background:#fff;color:#22182a;font:inherit}
.den-wrap .den-board-filter-count{font-size:12px;color:#756b7d;margin:5px 0 14px}
.den-wrap.den-board-page{max-width:none;margin:0 auto;border:0;border-radius:0;box-shadow:none;overflow:visible}
.den-wrap .den-board-back{margin:0 0 18px;font-size:13px;font-weight:750}
.den-wrap .den-board-back a{color:#743a98;text-decoration:none}
.den-wrap .den-board-header{padding:24px 0 25px}
.den-wrap .den-board-header h1{font-size:clamp(30px,4vw,45px);letter-spacing:-.05em;line-height:1.1;margin:7px 0 9px}
.den-wrap .den-board-header p{color:#665c6d;margin:0;font-size:15px}
.den-wrap .den-board-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:850;color:#8848a7}
.den-wrap .den-board-page-nav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}
.den-wrap .den-board-page-nav a{display:inline-flex;align-items:center;padding:11px 15px;border:1px solid #e2d7e8;border-radius:11px;background:#fff;color:#45334f;text-decoration:none;font-size:13px;font-weight:750}
.den-wrap .den-board-page-nav a:hover{border-color:#af74cf;background:#f7f0fa}
.den-wrap .den-board-main-card{padding:clamp(18px,3vw,36px)}
.den-wrap .den-board-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px}
.den-wrap .den-board-invite-panel{margin-bottom:22px}
.den-wrap .den-board-invite-panel .den-board-form{max-width:760px;margin:18px 0 0}
.den-wrap .den-board-invite-panel .den-button{justify-self:start}
.den-wrap .den-board-upload-panel,.den-wrap .den-board-files-panel{min-width:0;padding:clamp(20px,3vw,32px)}
.den-wrap .den-board-upload-panel h2{font-size:21px;margin:0 0 13px}
.den-wrap .den-board-files-panel .den-board-list-title{margin:0 0 15px}
.den-wrap .den-board-upload-panel .den-board-form{margin:19px 0 0}
.den-wrap .den-board-page-nav{margin-bottom:22px}
@media(max-width:850px){.den-wrap .den-board-workspace{grid-template-columns:1fr}}
.den-wrap .den-board-page-nav a:focus-visible,.den-wrap .den-board-back a:focus-visible{outline:3px solid #b784d5;outline-offset:3px}
body.den-board-screen .elementor-location-single.elementor-2440 > section.elementor-element-2842c69{display:none!important}
.den-wrap .den-audio-item{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:48px;padding:11px 14px;border:1px solid #eee8f1;border-radius:9px;background:#fff;color:var(--den-ink);text-align:left;font:inherit;font-size:14px;font-weight:650;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s}
.den-wrap .den-audio-item:hover{background:#f8f1fb;border-color:#d9bce9}
.den-wrap .den-audio-item:focus-visible{outline:3px solid #a35cce;outline-offset:2px}
.den-wrap .den-audio-name{min-width:0;overflow-wrap:anywhere}
.den-wrap .den-audio-item svg{flex:none;color:#9c60bd}
.den-wrap .den-audio-dialog{position:fixed!important;inset:0!important;margin:auto!important;box-sizing:border-box;border:1px solid #e4dce9;border-radius:18px;padding:0;width:min(450px,calc(100vw - 32px));max-width:450px;max-height:calc(100dvh - 40px);margin:auto;background:#fff;color:var(--den-ink);box-shadow:0 25px 85px rgba(12,8,20,.35)}
.den-wrap .den-audio-dialog:not([open]){display:none}
.den-wrap .den-audio-dialog::backdrop{background:rgba(12,8,20,.72)}
.den-wrap .den-audio-player-shell{padding:27px 25px 22px}
.den-wrap .den-audio-player-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.den-wrap .den-audio-player-head h2{font-size:clamp(21px,4vw,26px);letter-spacing:-.035em;line-height:1.23;margin:5px 0 0}
.den-wrap .den-audio-close{appearance:none;display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #e3dce8;border-radius:10px;background:#fff;color:#30253c;cursor:pointer}
.den-wrap .den-audio-close:hover{background:#f4eafa}
.den-wrap .den-audio-close svg{width:18px;height:18px}
.den-wrap .den-audio-close:focus-visible{outline:3px solid #a35cce;outline-offset:2px}
.den-wrap .den-audio-dialog audio{display:block;width:100%;max-height:54px}
.den-wrap .den-audio-player-shell>p{font-size:12px;color:#7c7283;margin:14px 0 0;text-align:center}
.den-wrap .den-file-item{padding:18px;border:1px solid #e6dfea;border-radius:13px;background:#fcfafc}
.den-wrap .den-file-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.den-wrap .den-file-row>div{min-width:0}
.den-wrap .den-file-item h4{margin:6px 0;font-size:16px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.den-wrap .den-file-item p{margin:4px 0 8px;color:#635970;font-size:13px}
.den-wrap .den-file-item small{color:#807588;font-size:12px}
.den-wrap .den-file-type,.den-wrap .den-file-audience{display:inline-block;padding:3px 7px;margin-right:3px;border-radius:5px;background:#efe3f6;color:#753995;font-size:10px;font-weight:800;letter-spacing:.02em}
.den-wrap .den-file-audience{background:#f2f0f5;color:#655b6f}
.den-wrap .den-file-download{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 14px;border-radius:9px;background:#211729;color:#fff;text-decoration:none;font-size:12px;font-weight:800}
.den-wrap .den-file-download:hover,.den-wrap .den-file-download:focus-visible{background:#753995;color:#fff}
.den-wrap .den-file-item audio{display:block;width:100%;margin-top:16px;max-height:48px}
body.den-modal-is-open{overflow:hidden}

@media(max-width:950px){.den-wrap .den-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .den-wrap .den-dashboard-summary{grid-template-columns:1fr}
  .den-wrap .den-portal{margin-top:15px}
  .den-wrap .den-portal-grid{gap:11px}
  .den-wrap .den-portal-tile{padding:14px 13px;min-height:149px;border-radius:14px}
  .den-wrap .den-portal-icon{width:41px;height:41px;border-radius:12px;margin-bottom:15px}
  .den-wrap .den-portal-icon svg{width:23px;height:23px}
  .den-wrap .den-portal-title{font-size:15px}
  .den-wrap .den-portal-desc{font-size:11px}
  .den-wrap .den-modal{inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  .den-wrap .den-modal-shell{height:100dvh;max-height:100dvh}
  .den-wrap .den-modal-header{padding:19px 18px 16px;gap:12px}
  .den-wrap .den-modal-heading h2{font-size:25px}
  .den-wrap .den-modal-heading p{font-size:12px}
  .den-wrap .den-modal-close{height:40px;width:40px}
  .den-wrap .den-modal-tabs{padding:11px 18px 0;gap:3px}
  .den-wrap .den-modal-tab{flex:1;min-width:0;padding:11px 7px;font-size:12px}
  .den-wrap .den-modal-scroll{padding:20px 18px 35px;scrollbar-gutter:auto}
  .den-wrap .den-modal .den-birthday-months{grid-template-columns:1fr}
  .den-wrap .den-modal .den-contact-row{grid-template-columns:1fr}
  .den-wrap .den-file-row{align-items:flex-start;flex-direction:column}
  .den-wrap .den-file-download{width:100%}
  .den-wrap .den-audio-item{min-height:46px;font-size:13px;padding:10px 12px}
  .den-wrap .den-audio-player-shell{padding:21px 18px 18px}
}
@media(prefers-reduced-motion:reduce){.den-wrap .den-portal-tile{transition:none}}