:root{--blue:#4678ae;--orange:#ef6400;--ink:#444;--muted:#888f95;--line:#e3e7eb;--pale:#f4f7fa}*{box-sizing:border-box}html{background:var(--pale)}body{margin:0;color:var(--ink);font-family:var(--font-varela),Arial,sans-serif}button,a,label{font:inherit}button{cursor:pointer}main{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:#fff;padding:30px 24px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:5}.brand{display:block;text-decoration:none;margin:0 7px 40px}.brand img{display:block;width:100%;height:auto}.brand>small{display:block;color:var(--orange);font-size:9px;letter-spacing:2.2px;text-align:right;margin:5px 4px 0}.sidebar nav{display:grid;gap:7px}.sidebar nav button{height:48px;border:0;border-left:3px solid transparent;border-radius:2px;background:transparent;color:#747d83;display:flex;align-items:center;gap:14px;padding:0 14px;text-align:left}.sidebar nav button.active{background:#eef3f8;border-left-color:var(--orange);color:var(--blue)}.nav-icon{font-size:19px;width:20px;text-align:center}.sidebar nav em{margin-left:auto;background:var(--orange);color:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:11px;font-style:normal}.support{margin-top:auto;background:#f3f6f9;border:1px solid #dbe4ed;padding:16px 13px;display:flex;align-items:center;gap:10px}.support>span{display:grid;place-items:center;width:31px;height:31px;background:var(--orange);color:#fff;border-radius:50%;font-weight:700}.support div{flex:1}.support b,.support small,.profile b,.profile small{display:block}.support b{font-size:12px;color:var(--blue)}.support small{font-size:9px;color:#777}.support button,.profile button{border:0;background:none}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:700;font-size:12px}.profile div:nth-child(2){flex:1}.profile b{font-size:11px}.profile small{font-size:9px;color:#89908c;margin-top:2px}.content{margin-left:268px;min-height:100vh;background:#f7f8fa;padding:0 54px 28px}.content header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end}.mobile-brand{display:none}.mobile-brand img{width:210px}.bell{border:0;background:transparent;font-size:21px;position:relative;color:var(--blue)}.bell i{position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%;right:4px;top:3px}.welcome{padding:38px 0 28px}.welcome>p,.continue-copy>small,.coach-card>small,.modal-box>small{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 8px}.welcome h1{font-size:34px;color:var(--blue);margin:0 0 6px;font-weight:400}.welcome>span{font-size:13px;color:var(--muted)}.continue-card{min-height:258px;background:var(--blue);color:#fff;border-radius:3px;overflow:hidden;display:grid;grid-template-columns:56% 44%;box-shadow:0 8px 26px #315c8920;border-bottom:5px solid var(--orange)}.continue-copy{padding:45px 42px}.continue-copy small{color:#ffd4b5}.continue-copy h2{font-size:28px;margin:8px 0;font-weight:400}.continue-copy p{font-size:12px;color:#e0e8f1}.progress,.mini-progress{background:#ffffff42;height:4px;overflow:hidden}.progress{width:75%;margin:22px 0}.progress i,.mini-progress i{height:100%;background:var(--orange);display:block}.continue-copy button,.coach-card button,.primary{border:0;border-radius:1px;background:var(--orange);color:#fff;padding:12px 18px;font-weight:400;font-size:12px}.continue-copy button span{margin-left:20px}.illustration{position:relative;background:#d7e3ee;overflow:hidden}.sun{position:absolute;right:64px;top:37px;width:57px;height:57px;background:var(--orange);border-radius:50%}.hill{position:absolute;border-radius:50%}.hill.h1{background:#a9c1db;width:300px;height:230px;bottom:-135px;left:-45px}.hill.h2{background:#7197bf;width:350px;height:250px;bottom:-155px;right:-90px}.path{position:absolute;width:64px;height:260px;background:#fff;left:47%;bottom:-140px;border-radius:50%;transform:rotate(14deg)}.plant{position:absolute;font-size:86px;left:30px;bottom:22px;color:#315f91;transform:rotate(-19deg)}.section-title{display:flex;justify-content:space-between;align-items:end;margin:40px 0 18px}.section-title h2{font-size:23px;color:var(--blue);font-weight:400;margin:0 0 4px}.section-title p{margin:0;color:var(--muted);font-size:12px}.section-title button{border:0;background:none;color:var(--orange);font-size:11px}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.module{background:#fff;overflow:hidden;box-shadow:0 4px 18px #2d527710;cursor:pointer;border:1px solid #e3e7eb;transition:.2s}.module:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:0 9px 25px #263f3420}.module-art{height:116px;position:relative;overflow:hidden;padding:20px}.module-art b{font-size:38px;color:#ffffffc7;font-weight:400}.module-art span{position:absolute;right:17px;top:16px;background:#fff;color:var(--blue);border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:12px}.module-art i{position:absolute;width:135px;height:135px;border:1px solid #ffffff8a;border-radius:50%;right:-35px;bottom:-80px;box-shadow:0 0 0 18px #ffffff15,0 0 0 38px #ffffff10}.module.sage .module-art{background:#6f97bf}.module.peach .module-art{background:#ed7b2a}.module.blue .module-art{background:#88a9ca}.module-body{padding:17px}.module-body>small{font-size:8px;letter-spacing:1.4px;color:var(--orange)}.module h3{font-size:17px;color:var(--blue);font-weight:400;margin:6px 0}.module p{font-size:10px;color:#818b86;line-height:1.5;min-height:30px;margin:0}.module-meta{display:flex;justify-content:space-between;margin:18px 0 8px;color:#78847e;font-size:8px}.mini-progress{height:3px;background:#e4e8ec}.bottom-grid{display:grid;grid-template-columns:1fr 285px;gap:26px;margin-top:6px}.section-title.compact{margin-top:32px}.task{height:70px;background:#fff;border:1px solid #e5e9ed;border-bottom:0;display:flex;align-items:center;padding:12px 15px;gap:13px;cursor:pointer;position:relative}.task:last-of-type{border-bottom:1px solid #e5e9ed}.task-icon{width:37px;height:37px;display:grid;place-items:center;color:#fff}.peach-bg{background:var(--orange)}.sage-bg{background:var(--blue)}.task div{flex:1}.task b,.task small{display:block}.task b{font-size:11px}.task small{font-size:9px;color:#89918d;margin-top:4px}.task input{position:absolute;inset:0;opacity:0;cursor:pointer}.tag{background:#fff0e5;color:var(--orange);font-size:8px;padding:5px 8px;border-radius:12px}.arrow{font-size:17px;color:var(--orange)}.coach-card{align-self:end;background:#eef3f8;border-top:4px solid var(--orange);padding:25px 24px;text-align:center}.coach-photo{width:66px;height:66px;border-radius:50%;margin:12px auto;border:3px solid #fff;overflow:hidden}.coach-photo img{width:100%;height:100%;object-fit:cover}.coach-card h3{font-size:18px;color:var(--blue);font-weight:400;margin:7px}.coach-card p{font-size:10px;line-height:1.5;color:#65707a}.coach-card button{background:transparent;color:var(--orange);padding:6px}footer{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;font-size:8px;color:#939b96}footer a{color:inherit}footer span{float:right}.toast{position:fixed;right:28px;bottom:28px;background:var(--blue);color:#fff;padding:15px 20px;border-left:5px solid var(--orange);box-shadow:0 12px 34px #0003;z-index:20;font-size:12px}.modal{position:fixed;inset:0;background:#27333eb0;backdrop-filter:blur(5px);display:grid;place-items:center;z-index:30;padding:20px}.modal-box{width:min(520px,100%);background:#fff;padding:40px;position:relative;border-top:5px solid var(--orange)}.close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:26px;color:#6e7c75}.modal-box h2{font-size:30px;color:var(--blue);font-weight:400;margin:8px 0}.modal-box p{color:#6f7d76;line-height:1.7;font-size:13px}.video{height:165px;background:#d7e3ee;margin:24px 0;display:grid;place-items:center;position:relative}.video>span{background:var(--orange);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff}.video small{position:absolute;bottom:10px;right:12px;background:#315c89d9;color:#fff;padding:4px 7px}.primary{background:var(--orange);color:#fff}
.brand{border:0;background:#fff;width:100%;cursor:pointer}.page-intro{padding-bottom:28px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);margin-top:20px}.stat-strip div{padding:17px 21px;border-right:1px solid var(--line)}.stat-strip div:last-child{border:0}.stat-strip b,.stat-strip span{display:block}.stat-strip b{color:var(--blue);font-size:18px;font-weight:400}.stat-strip span{font-size:9px;color:var(--muted);margin-top:3px}.footsteps{position:absolute;left:42px;bottom:32px;color:#315f91;font-size:21px;line-height:26px;transform:rotate(25deg);z-index:2}.feedback-tag{background:#e9f1f8;color:var(--blue);font-size:8px;padding:5px 8px;border-radius:12px}.coach-card>span{display:block;color:var(--muted);font-size:8px;margin-top:10px}.reflection{margin-top:38px;padding:30px 36px;background:#fff;border-left:5px solid var(--orange);box-shadow:0 4px 18px #2d527710;display:flex;align-items:center;gap:30px}.reflection>div{flex:1}.reflection small,.library-feature small{color:var(--orange);font-size:9px;letter-spacing:1.7px}.reflection h2{color:var(--blue);font-size:21px;font-weight:400;margin:8px 0}.reflection p{font-size:11px;color:var(--muted);margin:0}.reflection button,.library-feature button{border:0;background:var(--orange);color:#fff;padding:12px 17px;font-size:11px;white-space:nowrap}.journey-progress{background:#fff;border:1px solid var(--line);padding:22px 25px;display:grid;grid-template-columns:190px 1fr 50px;gap:24px;align-items:center;margin-bottom:20px}.journey-progress b,.journey-progress span{display:block}.journey-progress b{color:var(--blue);font-size:13px;font-weight:400}.journey-progress span{color:var(--muted);font-size:9px;margin-top:4px}.journey-progress strong{color:var(--orange);font-size:18px;font-weight:400}.wide-progress{height:6px;background:#e8ecf0}.wide-progress i{display:block;height:100%;background:var(--orange)}.journey-list{display:grid;gap:18px}.journey-module{display:grid;grid-template-columns:90px 1fr;background:#fff;border:1px solid var(--line)}.journey-number{display:grid;place-items:center;color:#fff;font-size:28px;background:#6f97bf}.journey-number.peach{background:#ed7b2a}.journey-number.blue{background:#88a9ca}.journey-number.navy{background:#315f91}.journey-number.gold{background:#d89250}.journey-main{padding:24px 26px}.journey-heading{display:flex;justify-content:space-between;gap:20px}.journey-heading small{color:var(--orange);font-size:8px;letter-spacing:1.3px}.journey-heading h2{color:var(--blue);font-size:20px;font-weight:400;margin:5px 0}.journey-heading p{font-size:10px;color:var(--muted);margin:0}.journey-heading>span{font-size:9px;color:var(--blue);background:#eef3f8;padding:6px 9px;height:fit-content}.lesson-list{display:grid;margin-top:19px;border-top:1px solid var(--line)}.lesson-list button{display:flex;align-items:center;text-align:left;gap:12px;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:12px 5px;color:var(--ink)}.lesson-list button:last-child{border-bottom:0}.lesson-list button:disabled{opacity:.48;cursor:not-allowed}.lesson-list button.current{background:#fff7f1;margin:0 -8px;padding-left:13px;border-left:3px solid var(--orange)}.lesson-list button>i{width:25px;height:25px;border:1px solid #cfd8df;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;color:var(--blue)}.lesson-list button>span{flex:1}.lesson-list b,.lesson-list small{display:block}.lesson-list b{font-size:10px;font-weight:400}.lesson-list small{font-size:8px;color:var(--muted);margin-top:3px}.lesson-list em{color:var(--orange);font-size:9px;font-style:normal}.journey-module.locked{background:#fafbfc}.filter-row{display:flex;gap:7px;margin-bottom:18px}.filter-row button{border:1px solid var(--line);background:#fff;padding:9px 13px;color:#6f7880;font-size:10px}.filter-row button.selected{background:var(--blue);color:#fff;border-color:var(--blue)}.filter-row span{opacity:.75;margin-left:5px}.assignment-list{display:grid;gap:12px}.assignment-list article{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:55px 1fr 165px;gap:18px;align-items:center;padding:22px}.large-task-icon{width:48px;height:48px;display:grid;place-items:center;color:#fff;font-size:19px}.blue-bg{background:#769cc3}.gray-bg{background:#aeb5ba}.assignment-list small{color:var(--orange);font-size:8px;letter-spacing:1px}.assignment-list h2{color:var(--blue);font-size:16px;font-weight:400;margin:4px 0}.assignment-list p{font-size:10px;line-height:1.5;color:#6d777d;margin:0}.assignment-meta{display:flex;gap:18px;margin-top:10px;font-size:8px;color:var(--muted)}.assignment-action{text-align:right}.assignment-action button,.assignment-action label{display:inline-block;border:0;background:var(--orange);color:#fff;padding:10px 12px;font-size:9px;cursor:pointer}.assignment-action label{position:relative}.assignment-action input{position:absolute;inset:0;opacity:0;cursor:pointer}.assignment-action>span{font-size:25px;color:#aab2b7}.disabled-card{opacity:.56}.library-feature{background:var(--blue);color:#fff;min-height:235px;display:grid;grid-template-columns:1fr 260px;align-items:center;padding:28px 55px;overflow:hidden}.library-feature h2{font-size:25px;font-weight:400;margin:7px 0}.library-feature p{font-size:11px;line-height:1.6;color:#e2ebf3;max-width:540px}.library-feature button{margin-top:12px}.book{justify-self:center;width:150px;height:190px;background:#fff;color:var(--blue);box-shadow:12px 12px 0 #2f5d8c;transform:rotate(3deg);padding:20px 15px;display:flex;flex-direction:column}.book>span{color:var(--orange);font-size:8px;letter-spacing:2px}.book b{font-size:15px;font-weight:400;margin:auto 0}.book small{color:#7d8790;font-size:7px;letter-spacing:0}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.file-card{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:17px;text-decoration:none;color:var(--ink);transition:.2s}.file-card:hover{border-color:var(--orange);transform:translateY(-2px)}.file-card>span,.upload-row>span{width:43px;height:43px;background:#eef3f8;color:var(--blue);display:grid;place-items:center;font-size:9px}.file-card h3{color:var(--blue);font-size:11px;font-weight:400;margin:0}.file-card p,.file-card small{font-size:8px;color:var(--muted);margin:4px 0 0}.file-card i{color:var(--orange);font-style:normal}.recent-upload{margin-top:10px}.upload-row{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-bottom:0}.upload-row:last-child{border-bottom:1px solid var(--line)}.upload-row div{flex:1}.upload-row b,.upload-row small{display:block}.upload-row b{font-size:10px;font-weight:400}.upload-row small{font-size:8px;color:var(--muted);margin-top:3px}.upload-row em{font-size:9px;color:var(--orange);font-style:normal}.message-box textarea{width:100%;min-height:150px;border:1px solid #d8dee3;padding:13px;resize:vertical;margin:10px 0 16px;font:inherit;font-size:11px}.message-box .primary:disabled{opacity:.45;cursor:not-allowed}.lesson-modal{align-items:start;overflow-y:auto;padding:35px 20px}.lesson-box{width:min(720px,100%)}.lesson-top{display:flex;justify-content:space-between}.lesson-top small,.lesson-top span{font-size:8px;color:var(--orange);letter-spacing:1px}.lesson-box>p{font-size:12px}.lesson-box .video{height:235px;background:linear-gradient(135deg,#315f91,#739ac2);color:#fff;grid-template-rows:1fr auto;padding:35px}.lesson-box .video>b{font-size:13px;font-weight:400;margin-top:-50px}.lesson-box blockquote{border-left:3px solid var(--orange);margin:24px 0;padding:12px 18px;background:#fff7f1;color:var(--blue);font-size:14px;line-height:1.5}.exercise{background:#eef3f8;padding:20px 24px;margin:22px 0}.exercise small{color:var(--orange);font-size:8px;letter-spacing:1px}.exercise h3{color:var(--blue);font-size:16px;font-weight:400;margin:5px 0}.exercise ol{padding-left:21px;margin-bottom:0}.exercise li{font-size:10px;line-height:1.5;margin:7px 0}.lesson-actions{display:flex;justify-content:space-between;gap:10px}.lesson-actions button{border:1px solid var(--blue);background:#fff;color:var(--blue);padding:11px 14px;font-size:9px}.lesson-actions .primary{background:var(--orange);border-color:var(--orange);color:#fff}
@media(max-width:1000px){.sidebar{width:225px}.content{margin-left:225px;padding:0 30px}.modules{grid-template-columns:1fr 1fr}.module:last-child{display:none}.bottom-grid{grid-template-columns:1fr}.coach-card{display:none}.journey-module{grid-template-columns:65px 1fr}.file-grid{grid-template-columns:1fr}.assignment-list article{grid-template-columns:50px 1fr}.assignment-action{grid-column:2;text-align:left}.stat-strip{grid-template-columns:1fr 1fr}.stat-strip div:nth-child(2){border-right:0}.stat-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:720px){.sidebar{display:none}.content{margin:0;padding:0 18px 24px}.content header{justify-content:space-between}.mobile-brand{display:block}.mobile-brand img{width:175px}.welcome{padding-top:28px}.welcome h1{font-size:29px}.continue-card{grid-template-columns:1fr;min-height:390px}.continue-copy{padding:32px 26px}.illustration{min-height:150px}.modules{grid-template-columns:1fr}.module:last-child{display:block}.bottom-grid{grid-template-columns:1fr}.section-title{align-items:start}.section-title button{margin-top:8px}.task{height:78px}.tag,.feedback-tag{display:none}footer span{display:none}.toast{left:18px;right:18px;bottom:18px}.modal-box{padding:32px 24px}.reflection{display:block;padding:24px}.reflection button{margin-top:17px}.journey-progress{grid-template-columns:1fr 40px;gap:12px}.journey-progress>div:first-child{grid-column:1/3}.journey-module{grid-template-columns:1fr}.journey-number{height:60px}.journey-heading{display:block}.journey-heading>span{display:inline-block;margin-top:10px}.library-feature{grid-template-columns:1fr;padding:30px 24px}.book{display:none}.file-grid{grid-template-columns:1fr}.filter-row{overflow-x:auto}.filter-row button{white-space:nowrap}.assignment-list article{grid-template-columns:45px 1fr;padding:17px 14px}.assignment-meta{display:block}.assignment-meta span{display:block;margin-top:5px}.lesson-actions{display:grid}.stat-strip{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr;background:#fff}.login-panel{padding:42px clamp(42px,7vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative}.login-logo{width:min(330px,90%);height:auto;margin-bottom:58px}.login-copy{max-width:470px}.login-copy>small{color:var(--orange);font-size:9px;letter-spacing:2px}.login-copy h1{color:var(--blue);font-size:34px;line-height:1.18;font-weight:400;margin:9px 0 12px}.login-copy p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 27px}.login-form{display:grid;gap:16px;max-width:470px}.login-form>label{font-size:10px;color:#626b71}.login-form>label input{display:block;width:100%;height:49px;margin-top:7px;border:1px solid #d5dde3;background:#fbfcfd;padding:0 14px;color:var(--ink);outline:none;font:inherit;font-size:12px}.login-form>label input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4678ae16;background:#fff}.login-options{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#747d83;margin-top:-4px}.login-options label{display:flex;align-items:center;gap:7px}.login-options input{accent-color:var(--orange)}.login-options button{border:0;background:none;color:var(--blue);font-size:9px}.login-error{font-size:9px!important;color:#b43b25!important;background:#fff0ed;border-left:3px solid #d9583e;padding:9px 11px;margin:0!important}.login-submit{height:50px;border:0;background:var(--orange);color:#fff;text-align:left;padding:0 18px;font-size:12px;box-shadow:0 8px 22px #ef64002e}.login-submit span{float:right}.login-footer{margin-top:38px!important;border:0!important;padding:0!important;font-size:8px!important}.login-footer span{float:none}.login-footer a{color:var(--blue)}.login-visual{position:relative;overflow:hidden;background:var(--blue);min-height:100vh}.login-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:48px 48px}.login-quote{position:absolute;z-index:4;left:10%;top:12%;color:#fff}.login-quote>span{font-size:68px;line-height:.7;color:#ffb47b}.login-quote p{font-size:26px;line-height:1.35;margin:5px 0}.visual-sun{position:absolute;width:90px;height:90px;border-radius:50%;background:var(--orange);right:13%;top:16%;box-shadow:0 0 0 14px #ffffff0f}.visual-hill{position:absolute;border-radius:50%;bottom:-20%}.hill-one{width:95%;height:60%;left:-25%;background:#7197bf}.hill-two{width:90%;height:55%;right:-35%;background:#9eb9d3}.visual-path{position:absolute;width:120px;height:70%;background:#fff;bottom:-27%;left:47%;border-radius:50%;transform:rotate(12deg);box-shadow:0 0 0 1px #e7edf2}.visual-steps{position:absolute;z-index:3;left:39%;bottom:10%;display:grid;gap:38px;transform:rotate(-19deg)}.visual-steps i{color:var(--orange);font-size:22px;font-style:normal;box-shadow:10px 4px 0 -5px var(--orange)}.visual-label{position:absolute;z-index:4;right:8%;bottom:7%;background:#ffffffed;border-left:5px solid var(--orange);padding:16px 20px;color:var(--blue)}.visual-label b,.visual-label small{display:block}.visual-label b{font-size:13px;font-weight:400}.visual-label small{font-size:8px;color:#77838d;margin-top:3px;letter-spacing:1px}
@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-panel{padding:32px 24px;min-height:100vh}.login-logo{margin-bottom:38px}.login-copy h1{font-size:29px}.login-visual{display:none}.login-footer{margin-top:28px!important}}

/* Zelfstandige productieomgeving */
a{color:inherit}.nav-link{height:48px;border-left:3px solid transparent;border-radius:2px;background:transparent;color:#747d83;display:flex;align-items:center;gap:14px;padding:0 14px;text-align:left;text-decoration:none}.nav-link.active{background:#eef3f8;border-left-color:var(--orange);color:var(--blue)}.support a{color:var(--orange);text-decoration:none}.profile form{margin:0}.live-badge{margin-right:auto;background:#eaf4ed;color:#39744d;border:1px solid #c9e1d0;padding:5px 9px;font-size:8px;letter-spacing:1.2px}.account-link{color:var(--blue);font-size:20px;text-decoration:none}.button-link,.primary-link{display:inline-block;background:var(--orange);color:#fff!important;padding:12px 18px;text-decoration:none;font-size:11px;border:0}.continue-copy .button-link span{margin-left:20px}.section-title>a{color:var(--orange);font-size:11px;text-decoration:none}.module{text-decoration:none}.task{text-decoration:none}.coach-card>a{display:inline-block;color:var(--orange);text-decoration:none;font-size:11px;margin:7px 0}.lesson-list a{display:flex;align-items:center;text-align:left;gap:12px;border-bottom:1px solid #edf0f2;background:#fff;padding:12px 5px;color:var(--ink);text-decoration:none}.lesson-list a>i{width:25px;height:25px;border:1px solid #cfd8df;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;color:var(--blue)}.lesson-list a>span{flex:1}.lesson-list a b,.lesson-list a small{display:block}.lesson-list a b{font-size:10px;font-weight:400}.lesson-list a small{font-size:8px;color:var(--muted);margin-top:3px}.lesson-list a em{color:var(--orange);font-size:9px;font-style:normal}.flash{margin:20px 0 -8px;padding:13px 16px;border-left:4px solid var(--blue);background:#eef3f8;color:var(--blue);font-size:11px;overflow-wrap:anywhere}.flash.error{border-color:#bd422e;background:#fff0ed;color:#9d3524}.flash.success{border-color:#3c7d51;background:#edf7f0;color:#316943}.flash.credential{border-color:var(--orange);background:#fff2e9;color:#8d430f}.secure-note{max-width:470px;margin-top:22px;background:#eef3f8;border-left:3px solid var(--blue);padding:13px 15px;display:flex;gap:11px;align-items:center}.secure-note>span{color:#fff;background:var(--blue);width:27px;height:27px;display:grid;place-items:center;border-radius:50%}.secure-note b,.secure-note small{display:block}.secure-note b{font-size:9px;color:var(--blue);font-weight:400}.secure-note small{font-size:8px;color:#7e888f;margin-top:4px}.login-options a{color:var(--blue);text-decoration:none}.lesson-page,.account-card,.message-panel,.admin-card{background:#fff;border:1px solid var(--line);padding:28px}.lesson-page{max-width:800px}.lesson-page>p{font-size:12px;line-height:1.75;color:#667178}.lesson-page blockquote{border-left:3px solid var(--orange);margin:24px 0;padding:14px 18px;background:#fff7f1;color:var(--blue);font-size:14px;line-height:1.5}.lesson-page .video{height:260px;background:linear-gradient(135deg,#315f91,#739ac2);color:#fff}.lesson-page .video>b{font-size:13px;font-weight:400}.assignment-action form{margin:0}.upload-row a,.admin-row a{color:var(--orange);text-decoration:none;font-size:10px}.message-panel{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:start}.coach-photo.large{width:90px;height:90px}.message-panel h2,.admin-card h2,.account-card h2{color:var(--blue);font-weight:400}.message-panel p{font-size:11px;color:var(--muted)}textarea{width:100%;min-height:170px;border:1px solid #d8dee3;padding:13px;resize:vertical;margin:10px 0 16px;font:inherit;font-size:11px}.account-card{max-width:620px}.account-form{display:grid;gap:14px}.account-form label{font-size:10px;color:#626b71}.account-form input{display:block;width:100%;height:46px;margin-top:6px;border:1px solid #d5dde3;background:#fbfcfd;padding:0 13px;font:inherit}.account-form p{font-size:9px;color:var(--muted);margin:0}.account-form .primary{justify-self:start;border:0}.security-alert{background:#fff2e9;border-left:4px solid var(--orange);padding:14px 17px;margin-bottom:24px}.security-alert b{color:var(--blue);font-size:12px}.security-alert p{font-size:10px;color:#777;margin:5px 0 0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.admin-stats div{background:#fff;border:1px solid var(--line);padding:20px}.admin-stats b,.admin-stats span{display:block}.admin-stats b{color:var(--orange);font-size:25px;font-weight:400}.admin-stats span{font-size:9px;color:var(--muted);margin-top:3px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.admin-card>small{color:var(--orange);letter-spacing:1.5px;font-size:8px}.admin-card>h2{margin:6px 0 20px}.admin-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.admin-row:last-child{border:0}.admin-row>div{flex:1}.admin-row b,.admin-row small{display:block}.admin-row b{font-size:10px;font-weight:400}.admin-row small{font-size:8px;color:var(--muted);margin-top:3px}.file-mini{width:36px;height:36px;background:#eef3f8;color:var(--blue);display:grid;place-items:center;font-size:8px}.message-item{border-bottom:1px solid var(--line);padding:12px 0}.message-item b{color:var(--blue);font-size:10px}.message-item p{font-size:10px;line-height:1.5;margin:5px 0}.message-item small,.empty{font-size:8px;color:var(--muted)}.setup-page{min-height:100vh;display:grid;place-items:center;background:#eef3f8;padding:24px}.setup-card{width:min(620px,100%);background:#fff;border-top:5px solid var(--orange);padding:42px;box-shadow:0 16px 45px #315c8920}.setup-card img{width:min(310px,90%);margin-bottom:32px}.setup-card>small{color:var(--orange);letter-spacing:2px;font-size:9px}.setup-card h1{color:var(--blue);font-size:30px;font-weight:400;margin:8px 0 12px}.setup-card p{font-size:12px;line-height:1.7;color:var(--muted)}.credential-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}.credential-grid>div{background:#eef3f8;padding:16px}.credential-grid b,.credential-grid span,.credential-grid code{display:block}.credential-grid b{color:var(--blue);font-size:11px}.credential-grid span{font-size:9px;margin:8px 0}.credential-grid code{background:#fff;padding:8px;color:#8b3e09;font-size:11px;overflow-wrap:anywhere}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.message-panel{grid-template-columns:1fr}.message-panel .coach-photo{margin:0}.credential-grid{grid-template-columns:1fr}}
@media(max-width:720px){.live-badge{display:none}.admin-stats{grid-template-columns:1fr}.lesson-page,.account-card,.message-panel,.admin-card{padding:20px}.support{display:none}}

/* Uitgebreide leeslessen */
.continue-photo{position:relative;background:#d7e3ee}
.continue-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% center}
.ai-image-note{position:absolute;right:10px;bottom:10px;padding:6px 8px;background:#17384ad9;color:#fff;font-size:9px;line-height:1.2;letter-spacing:.2px}
.lesson-list a.text-lesson{background:#fbfdff}
.lesson-list a.text-lesson>i{border-radius:3px;background:#eef3f8;border-color:#b9cddd;color:var(--blue);font-weight:600;font-size:8px}
.reading-lesson{max-width:860px;padding:0 0 34px;overflow:hidden}
.reading-lesson>p,.reading-lesson>blockquote,.reading-lesson>.reading-section,.reading-lesson>.exercise,.reading-lesson>form{margin-left:46px;margin-right:46px}
.reading-meta{display:flex;align-items:center;justify-content:space-between;padding:18px 46px;background:#eef3f8;border-bottom:1px solid #dfe7ed}
.reading-meta span{font-size:9px;letter-spacing:1.7px;color:var(--orange);font-weight:600}
.reading-meta small{font-size:9px;color:var(--blue)}
.lesson-page .reading-lead{font-family:Georgia,serif;font-size:18px;line-height:1.65;color:var(--blue);margin-top:36px;margin-bottom:28px}
.lesson-image{margin:0 0 32px;position:relative}
.lesson-image img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}
.lesson-image figcaption{position:absolute;right:0;bottom:0;background:#315f91e8;color:#fff;padding:9px 14px;font-size:9px}
.lesson-image figcaption span{display:block;margin-top:3px;color:#dce9f3;font-size:.82em;letter-spacing:.2px}
.reading-section{padding:7px 0 20px;border-bottom:1px solid var(--line);margin-bottom:25px}
.reading-section:last-of-type{border-bottom:0}
.reading-section h2{font-family:Georgia,serif;font-size:24px;font-weight:400;color:var(--blue);margin:0 0 12px}
.reading-section>p{font-size:12px;line-height:1.78;color:#5f6c73;margin:0 0 14px}
.key-points{list-style:none;padding:0;margin:20px 0;display:grid;gap:8px}
.key-points li{background:#eef3f8;padding:12px 15px;font-size:11px;color:var(--blue);display:flex;gap:10px;align-items:center}
.key-points span{width:20px;height:20px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:9px;flex:0 0 auto}
.lesson-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.lesson-example>div{padding:17px 18px;border-left:3px solid #b8cbdc;background:#f7f9fb}
.lesson-example>div:last-child{border-left-color:var(--orange);background:#fff7f1}
.lesson-example small{display:block;color:var(--orange);font-size:8px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:7px}
.lesson-example p{font-family:Georgia,serif;font-size:13px;line-height:1.55;color:var(--blue);margin:0}
.reading-lesson .exercise{margin-top:30px;margin-bottom:24px;border-top:4px solid var(--orange);background:#eef3f8;padding:25px 28px}
.reading-lesson .exercise h3{font-family:Georgia,serif;font-size:20px}
.reading-lesson .exercise li{font-size:11px;line-height:1.65}
@media(max-width:720px){.reading-lesson>p,.reading-lesson>blockquote,.reading-lesson>.reading-section,.reading-lesson>.exercise,.reading-lesson>form{margin-left:20px;margin-right:20px}.reading-meta{padding:15px 20px}.lesson-page .reading-lead{font-size:16px}.lesson-image img{aspect-ratio:4/3}.lesson-image figcaption{position:static;background:var(--blue)}.lesson-example{grid-template-columns:1fr}.reading-section h2{font-size:21px}}
.upload-form{display:grid;gap:7px;justify-items:end}.upload-form button{border:0;background:var(--blue);color:#fff;padding:9px 12px;font-size:9px}

/* Digitale opdrachten */
.navy-bg{background:#315f91}.gold-bg{background:#d89250}.digital-assignment-intro{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;padding:18px 20px;background:#eef5fa;border-left:4px solid var(--blue)}.digital-assignment-intro>span{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff}.digital-assignment-intro b{color:var(--blue);font-size:13px}.digital-assignment-intro p{margin:5px 0 0;color:#66737c;font-size:11px;line-height:1.6}.digital-assignment-intro em{font-style:normal;color:var(--blue);font-weight:700}.digital-assignment-list{display:grid;gap:13px}.digital-assignment{background:#fff;border:1px solid var(--line)}.digital-assignment[open]{border-color:#cbdbe7;box-shadow:0 8px 26px #315c8910}.digital-assignment>summary{display:grid;grid-template-columns:50px minmax(0,1fr) auto 20px;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;list-style:none}.digital-assignment>summary::-webkit-details-marker{display:none}.digital-assignment>summary>div>small,.coach-assignment-list header small{color:var(--orange);font-size:9px;letter-spacing:1.2px}.digital-assignment>summary h2{margin:4px 0;color:var(--blue);font-size:18px;font-weight:400}.digital-assignment>summary p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.digital-assignment>summary>i{color:var(--orange);font-style:normal;font-size:20px;transition:.2s}.digital-assignment[open]>summary>i{transform:rotate(180deg)}.assignment-state{padding:6px 9px;border-radius:14px;background:#f1f3f5;color:#6f7880;font-size:9px;font-style:normal;white-space:nowrap}.assignment-state.draft{background:#fff0e5;color:#b95419}.assignment-state.submitted{background:#eaf4ed;color:#39744d}.assignment-state.feedback{background:#e9f1f8;color:var(--blue)}.digital-assignment-body{padding:4px 22px 24px 88px;border-top:1px solid #edf0f2}.digital-assignment-form{display:grid;gap:20px;padding-top:22px}.digital-assignment-form label{display:block}.digital-assignment-form label>span{display:block;color:var(--blue);font-size:13px;font-weight:700}.digital-assignment-form label>small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.digital-assignment-form textarea{min-height:120px;margin:8px 0 0;background:#fbfcfd;border-color:#cedae3;font-size:13px;line-height:1.6}.digital-assignment-actions{display:flex;gap:10px;align-items:center}.digital-assignment-actions button{border:0;padding:12px 17px;font-size:11px}.digital-assignment-actions .secondary-save{border:1px solid var(--blue);background:#fff;color:var(--blue)}.assignment-save-note{margin:0!important;color:var(--muted);font-size:9px!important}.assignment-feedback{margin:20px 0 0;padding:17px 19px;background:#eef5fa;border-left:4px solid var(--blue)}.assignment-feedback small{color:var(--orange);font-size:9px;letter-spacing:1.2px}.assignment-feedback p{margin:6px 0 0;color:#536573;font-size:12px;line-height:1.65}.supplementary-upload{padding:22px;background:#fff;border:1px solid var(--line)}.supplementary-upload-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.supplementary-upload-form label{color:var(--blue);font-size:10px;font-weight:700}.supplementary-upload-form select,.supplementary-upload-form input{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #cedae3;background:#fbfcfd;padding:0 11px;font:inherit;font-size:11px}.supplementary-upload-form button{height:44px;border:0}.lesson-digital-cta{display:flex;align-items:center;gap:22px;margin:26px 0;padding:20px 22px;background:#eef5fa;border-left:4px solid var(--orange)}.lesson-digital-cta>div{flex:1}.lesson-digital-cta small{display:block;color:var(--orange);font-size:9px;letter-spacing:1.2px}.lesson-digital-cta b{display:block;margin-top:4px;color:var(--blue);font-size:13px}.lesson-digital-cta p{margin:4px 0 0;color:var(--muted);font-size:10px}.lesson-digital-cta a{flex:0 0 auto;background:var(--orange);color:#fff;text-decoration:none;padding:11px 14px;font-size:10px}.customer-work-list{display:grid;gap:10px}.customer-work-list>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto 20px;align-items:center;gap:13px;padding:17px 19px;background:#fff;border:1px solid var(--line);text-decoration:none}.customer-work-list>a:hover{border-color:var(--orange)}.customer-work-list b,.customer-work-list small{display:block}.customer-work-list b{color:var(--blue);font-size:13px}.customer-work-list small{margin-top:3px;color:var(--muted);font-size:10px}.customer-work-list em{color:var(--orange);font-size:10px;font-style:normal}.customer-work-list i{color:var(--orange);font-style:normal}.customer-work-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:18px;padding:13px 16px;background:#fff;border:1px solid var(--line)}.customer-work-toolbar a{color:var(--blue);text-decoration:none;font-size:11px}.customer-work-toolbar span{flex:1;color:var(--muted);font-size:10px}.customer-work-toolbar button{border:1px solid var(--blue);background:#fff;color:var(--blue);padding:8px 11px;font-size:10px}.coach-assignment-list{display:grid;gap:18px}.coach-assignment-list>article{background:#fff;border:1px solid var(--line);padding:24px}.coach-assignment-list header{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line)}.coach-assignment-list h2{margin:5px 0 0;color:var(--blue);font-size:21px;font-weight:400}.coach-assignment-list header>span{align-self:flex-start;padding:6px 9px;background:#eaf4ed;color:#39744d;font-size:9px}.coach-assignment-list dl{margin:0}.coach-assignment-list dl>div{padding:17px 0;border-bottom:1px solid #edf0f2}.coach-assignment-list dt{color:var(--blue);font-size:11px;font-weight:700}.coach-assignment-list dd{margin:7px 0 0;color:#53616b;font-size:12px;line-height:1.7}.coach-assignment-feedback{display:grid;gap:10px;margin-top:20px;padding:18px;background:#f7fafc}.coach-assignment-feedback label{color:var(--blue);font-size:11px;font-weight:700}.coach-assignment-feedback textarea{margin:7px 0 0;min-height:110px;background:#fff;font-size:12px}.coach-assignment-feedback button{justify-self:start;border:0}
@media(max-width:760px){.digital-assignment>summary{grid-template-columns:44px 1fr 18px;padding:17px 15px}.digital-assignment>summary .large-task-icon{width:42px;height:42px}.digital-assignment>summary>i{grid-column:3;grid-row:1}.assignment-state{grid-column:2/4;justify-self:start}.digital-assignment-body{padding:4px 15px 20px}.digital-assignment-form textarea{font-size:16px}.digital-assignment-actions{display:grid}.digital-assignment-actions button{width:100%;min-height:48px}.supplementary-upload-form{grid-template-columns:1fr}.lesson-digital-cta{display:block}.lesson-digital-cta a{display:inline-block;margin-top:14px}.customer-work-list>a{grid-template-columns:42px 1fr 18px}.customer-work-list em{grid-column:2}.customer-work-list i{grid-column:3;grid-row:1}.customer-work-toolbar{align-items:flex-start;flex-direction:column}.customer-work-toolbar span{flex:auto}.coach-assignment-list>article{padding:18px}.coach-assignment-list header{display:block}.coach-assignment-list header>span{display:inline-block;margin-top:10px}}
@media print{.sidebar,.content>header,.customer-work-toolbar,.coach-assignment-feedback,footer{display:none!important}.content{margin:0;padding:0;background:#fff}.coach-assignment-list>article{break-inside:avoid;border:0;border-top:2px solid #4678ae;padding:18px 0}.coach-assignment-list dd{font-size:11pt}}

/* Raleway en ruimere typografie */
@font-face{font-family:'Raleway';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/raleway-latin.woff2') format('woff2')}
html{font-size:16px}
body,input,textarea,select,button{font-family:'Raleway',Arial,sans-serif}
body{font-weight:400;line-height:1.55}
.nav-link{height:54px;font-size:14px;font-weight:500}
.brand>small{font-size:11px}
.support b{font-size:14px}.support small{font-size:11px}.profile b{font-size:13px}.profile small{font-size:11px}
.live-badge{font-size:10px}.account-link{font-size:23px}
.welcome>p,.continue-copy>small,.coach-card>small,.modal-box>small{font-size:12px}
.welcome h1{font-size:42px}.welcome>span{font-size:16px}
.continue-card{min-height:292px}.continue-copy h2{font-size:34px}.continue-copy p{font-size:15px}
.button-link,.primary-link,.primary,.login-submit{font-size:14px;padding:13px 20px}
.section-title h2{font-size:29px}.section-title p{font-size:14px}.section-title>a{font-size:13px}
.stat-strip b{font-size:23px}.stat-strip span{font-size:11px}
.module-body>small{font-size:10px}.module h3{font-size:21px}.module p{font-size:13px}.module-meta{font-size:10px}
.task{min-height:82px;height:auto}.task b{font-size:14px}.task small{font-size:11px}.tag,.feedback-tag{font-size:10px}
.coach-card h3{font-size:22px}.coach-card p{font-size:13px}.coach-card>a{font-size:13px}.coach-card>span{font-size:10px}
.reflection small,.library-feature small{font-size:11px}.reflection h2{font-size:27px}.reflection p{font-size:14px}
.journey-progress b{font-size:15px}.journey-progress span{font-size:11px}.journey-progress strong{font-size:22px}
.journey-number{font-size:32px}.journey-heading small{font-size:10px}.journey-heading h2{font-size:25px}.journey-heading p{font-size:13px}
.lesson-list a{padding:15px 7px}.lesson-list a b{font-size:13px;font-weight:500}.lesson-list a small{font-size:11px}.lesson-list a em{font-size:11px}.lesson-list a>i{width:30px;height:30px;font-size:10px}
.assignment-list small{font-size:10px}.assignment-list h2{font-size:21px}.assignment-list p{font-size:13px}.assignment-meta{font-size:10px}
.assignment-action button,.assignment-action label,.upload-form button{font-size:12px;padding:11px 14px}
.library-feature h2{font-size:31px}.library-feature p{font-size:14px}.book>span{font-size:10px}.book b{font-size:18px}.book small{font-size:9px}
.file-card h3{font-size:14px}.file-card p,.file-card small{font-size:11px}.file-card>span,.upload-row>span{font-size:11px}
.upload-row b{font-size:13px}.upload-row small{font-size:11px}.upload-row a,.admin-row a{font-size:12px}
.lesson-page>p{font-size:15px}.lesson-page blockquote{font-size:17px}.lesson-page .video>b{font-size:16px}
.lesson-page .reading-lead,.reading-section h2,.lesson-example p,.reading-lesson .exercise h3{font-family:'Raleway',Arial,sans-serif}
.reading-meta span,.reading-meta small{font-size:11px}.lesson-page .reading-lead{font-size:22px;font-weight:500}
.lesson-image figcaption{font-size:11px}.reading-section h2{font-size:29px;font-weight:500}.reading-section>p{font-size:15px}
.key-points li{font-size:14px}.lesson-example small{font-size:10px}.lesson-example p{font-size:16px}.reading-lesson .exercise h3{font-size:24px}.reading-lesson .exercise li{font-size:14px}
.exercise small{font-size:10px}.exercise h3{font-size:20px}.exercise li{font-size:13px}
.login-copy>small{font-size:11px}.login-copy h1{font-size:42px}.login-copy p{font-size:15px}
.login-form>label{font-size:13px}.login-form>label input{font-size:15px;height:54px}.login-options{font-size:12px}.login-options button,.login-options a{font-size:12px}
.login-submit{height:55px}.login-footer{font-size:11px!important}.secure-note b{font-size:12px}.secure-note small{font-size:11px}
.message-panel p,textarea{font-size:14px}.account-form label{font-size:13px}.account-form input{font-size:14px;height:50px}.account-form p{font-size:11px}
.security-alert b{font-size:15px}.security-alert p{font-size:13px}.admin-stats b{font-size:30px}.admin-stats span{font-size:11px}.admin-card>small{font-size:10px}
.admin-row b,.message-item b{font-size:13px}.admin-row small,.message-item small,.empty{font-size:11px}.message-item p{font-size:13px}.file-mini{font-size:10px}
footer{font-size:11px}.setup-card>small{font-size:11px}.setup-card h1{font-size:36px}.setup-card p{font-size:15px}
@media(max-width:800px){.login-copy h1{font-size:35px}}
@media(max-width:720px){.welcome h1{font-size:35px}.welcome>span{font-size:15px}.continue-copy h2{font-size:29px}.lesson-page .reading-lead{font-size:19px}.reading-section h2{font-size:25px}}

/* Betrouwbare, duidelijk klikbare afmelding */
.profile .logout-form{margin:0 0 0 auto}
.profile .logout-button{display:flex;align-items:center;gap:7px;border:1px solid #d6e0e8;background:#f7f9fb;color:var(--blue);padding:8px 10px;border-radius:3px;font-size:11px;font-weight:600;line-height:1}
.profile .logout-button:hover,.profile .logout-button:focus-visible{border-color:var(--orange);color:var(--orange);background:#fff7f1;outline:none}
.profile .logout-button>b{display:block;font-size:14px;font-weight:500}
@media(max-width:1180px){.profile .logout-button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}

/* Mobiele afmelding in de bovenbalk */
.mobile-logout-form{display:none;margin:0 10px 0 auto}
.mobile-logout-form button{min-height:44px;display:flex;align-items:center;gap:7px;border:1px solid #d6e0e8;border-radius:3px;background:#fff;color:var(--blue);padding:0 13px;font-size:12px;font-weight:600}
.mobile-logout-form button>b{font-size:16px;font-weight:500}
.mobile-logout-form button:focus-visible{border-color:var(--orange);color:var(--orange);outline:2px solid #ef640033;outline-offset:2px}
@media(max-width:720px){.mobile-logout-form{display:block}.content header{gap:8px}.mobile-brand{margin-right:auto}.mobile-brand img{width:min(44vw,175px)}.account-link{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center}}
@media(max-width:430px){.mobile-logout-form button{padding:0 10px}.mobile-logout-form button span{font-size:11px}}

/* Toegankelijk mobiel hoofdmenu */
.sidebar{overflow-y:auto;overscroll-behavior:contain}
.sidebar>a.support{color:inherit;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.sidebar>a.support:hover,.sidebar>a.support:focus-visible{border-color:#9eb9d0;background:#edf4f9;transform:translateY(-1px);outline:0}.sidebar>a.support>i{color:var(--orange);font-style:normal}
.sidebar nav:has(.nav-group){display:block}.nav-group{margin:0 0 9px}.nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;padding:5px 12px;color:#8d979e;cursor:pointer;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:hover,.nav-group>summary:focus-visible{background:#f4f7fa;color:var(--blue);outline:none}.nav-group>summary>span{font-size:9px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase}.nav-group>summary>i{display:grid;width:16px;height:16px;place-items:center;transform:rotate(180deg);transition:transform .18s;color:var(--blue)}.nav-group[open]>summary>i{transform:rotate(0deg)}.nav-group>summary>i .ui-icon{width:15px;height:15px}.nav-group>div{display:grid;gap:3px;padding-top:2px}.nav-group .nav-link{height:42px}.nav-group:last-child{margin-bottom:0}
.mobile-menu-toggle,.drawer-overlay{display:none}
.mobile-menu-check{position:fixed;opacity:0;pointer-events:none}
.mobile-menu-toggle[hidden]{display:none}
.mobile-navigation-open{overflow:hidden}
.sidebar .nav-link:focus-visible,.sidebar .nav-group>summary:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
@media(min-width:721px){.mobile-menu-check{display:none}}
.menu-close-icon{display:none}
@media(max-width:720px){
  .mobile-menu-toggle{display:flex;flex:0 0 auto;min-width:54px;height:44px;align-items:center;justify-content:center;gap:6px;border:1px solid #d6e0e8;border-radius:3px;background:#fff;color:var(--blue);padding:0 10px;font-size:11px;font-weight:600;z-index:62}
  .mobile-menu-toggle b{font-size:21px;line-height:1;font-weight:400}
  .mobile-menu-toggle:focus-visible{border-color:var(--orange);outline:2px solid #ef640033;outline-offset:2px}
  .sidebar{display:flex;width:min(86vw,320px);transform:translateX(-105%);transition:transform .25s ease;box-shadow:14px 0 38px #152f4933;z-index:60}
  .mobile-menu-check:checked ~ .sidebar{transform:translateX(0)}
  .mobile-menu-check:not(:checked) ~ .sidebar{visibility:hidden}
  .mobile-menu-check:focus-visible ~ .content .mobile-menu-toggle{outline:2px solid var(--orange);outline-offset:2px}
  .drawer-overlay{position:fixed;inset:0;border:0;background:#263746a6;z-index:55}
  .mobile-menu-check:checked ~ .drawer-overlay{display:block}
  .mobile-menu-check:checked ~ .content .menu-open-icon{display:none}
  .mobile-menu-check:checked ~ .content .menu-close-icon{display:block}
  .nav-group>summary{min-height:38px}.nav-group>summary>span{font-size:10px}
  .content header{gap:7px}
  .mobile-brand{margin-right:auto}
  .mobile-brand img{width:min(45vw,185px)}
  .mobile-logout-form{margin-left:0;margin-right:0}
  .account-link{display:none}
}

@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}

/* Inhoudsbeheer */
.content-manager{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.content-modules,.content-module-editor,.content-lessons,.content-lesson-editor{background:#fff;border:1px solid var(--line)}.content-modules{position:sticky;top:22px}.content-panel-heading,.content-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid var(--line)}.content-panel-heading small,.content-editor-heading small{display:block;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.4px}.content-panel-heading h2,.content-editor-heading h2{margin:4px 0 0;color:var(--blue);font-size:23px;font-weight:500}.content-panel-heading form{display:grid;gap:7px}.content-new-module{width:100%;height:39px;border:1px solid #d3dfe7;padding:0 9px;font:inherit;font-size:11px}.content-add,.content-new-lesson{border:0;background:var(--orange);color:#fff;padding:10px 12px;font:inherit;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.content-module-link,.content-lesson-link{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid var(--line);text-decoration:none}.content-module-link>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eef4f9;color:var(--blue);font-size:13px;font-weight:600}.content-module-link>div,.content-lesson-link>div{min-width:0;flex:1}.content-module-link b,.content-module-link small,.content-lesson-link b,.content-lesson-link small{display:block}.content-module-link b,.content-lesson-link b{color:var(--blue);font-size:13px;font-weight:600}.content-module-link small,.content-lesson-link small{margin-top:3px;color:var(--muted);font-size:10px}.content-module-link i,.content-lesson-link i{color:var(--orange);font-size:21px;font-style:normal}.content-module-link.active,.content-lesson-link.active{background:#eef5fa;border-left:4px solid var(--orange);padding-left:12px}.content-module-link.draft,.content-lesson-link.draft{background:#fffdf9}.content-module-link.archived,.content-lesson-link.archived{opacity:.6}.content-workspace{display:grid;gap:18px}.content-editor-heading p{max-width:580px;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.content-archive{border:1px solid #e8c7c0;background:#fff8f6;color:#a24a39;padding:9px 11px;font:inherit;font-size:10px;white-space:nowrap}.content-module-form,.content-lesson-form{display:grid;gap:15px;padding:22px}.content-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-module-form label,.content-lesson-form label{display:grid;gap:5px;color:var(--blue);font-size:11px;font-weight:600}.content-module-form input,.content-module-form select,.content-module-form textarea,.content-lesson-form input,.content-lesson-form select,.content-lesson-form textarea{width:100%;border:1px solid #d1dde5;background:#fbfcfd;padding:10px;font:inherit;font-size:12px;color:#32485b}.content-module-form input,.content-module-form select,.content-lesson-form input,.content-lesson-form select{height:42px}.content-module-form textarea,.content-lesson-form textarea{resize:vertical;line-height:1.6}.content-module-form .primary,.content-lesson-form .primary{justify-self:start;border:0}.content-lessons .content-editor-heading{padding-bottom:16px}.content-lesson-link>span{width:36px;height:36px;display:grid;place-items:center;background:#eef4f9;color:var(--blue);font-size:13px;font-weight:700}.content-lesson-link em{padding:5px 7px;background:#eaf6ec;color:#378040;font-size:9px;font-style:normal}.content-lesson-link.draft em{background:#fff2e7;color:#c25a12}.content-lesson-link.archived em{background:#f0f1f2;color:#73808a}.content-image-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:start;padding:16px;background:#f7fafc;border:1px solid #e0e8ee}.content-image-grid>div{display:grid;gap:10px}.content-image-grid small{color:var(--muted);font-size:10px}.content-image-grid img,.content-image-empty{width:180px;height:128px;object-fit:cover;border:1px solid #d4e0e7}.content-image-empty{display:grid;place-items:center;padding:14px;background:#fff;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}
@media(max-width:900px){.content-manager{grid-template-columns:1fr}.content-modules{position:static}.content-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.content-panel-heading{grid-column:1/-1}.content-module-link{border-right:1px solid var(--line)}.content-module-link.active{padding-left:12px}}
@media(max-width:720px){.content-manager{margin:0 -18px}.content-modules{display:block}.content-panel-heading,.content-editor-heading{padding:19px 18px}.content-panel-heading{display:block}.content-panel-heading form{margin-top:14px}.content-new-module{height:46px;font-size:15px}.content-add{width:100%;padding:13px;font-size:15px}.content-module-link,.content-lesson-link{padding:15px 18px}.content-module-link b,.content-lesson-link b{font-size:16px}.content-module-link small,.content-lesson-link small{font-size:13px}.content-module-editor,.content-lessons,.content-lesson-editor{border-left:0;border-right:0}.content-editor-heading{align-items:flex-start}.content-editor-heading h2{font-size:25px}.content-editor-heading p{font-size:15px}.content-new-lesson{font-size:14px;padding:12px}.content-module-form,.content-lesson-form{padding:19px 18px}.content-form-grid{grid-template-columns:1fr}.content-module-form label,.content-lesson-form label{font-size:15px}.content-module-form input,.content-module-form select,.content-lesson-form input,.content-lesson-form select{height:50px;font-size:16px}.content-module-form textarea,.content-lesson-form textarea{font-size:16px}.content-image-grid{grid-template-columns:1fr}.content-image-grid img,.content-image-empty{width:100%;height:205px}.content-lesson-link{flex-wrap:wrap}.content-lesson-link em{margin-left:47px;font-size:12px}}

/* Visuele leseditor */
.content-visual-launch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:13px 16px;background:#eef5fa;border-left:4px solid var(--orange)}.content-visual-launch a{color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}.content-visual-launch span{color:var(--muted);font-size:11px}.visual-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:13px 16px;background:#eef4f8;border:1px solid #d9e5ed}.visual-editor-toolbar a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}.visual-editor-toolbar span{max-width:610px;color:var(--muted);font-size:11px;line-height:1.5}.visual-editor-layout{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;border:1px solid var(--line);background:#f7fafc}.visual-editor-sidebar{position:sticky;top:20px;background:#fff;border-right:1px solid var(--line)}.visual-editor-sidebar>div{padding:20px 18px;border-bottom:1px solid var(--line)}.visual-editor-sidebar small,.visual-canvas-note span,.visual-settings>small{display:block;color:var(--orange);font-size:9px;font-weight:700;letter-spacing:1.4px}.visual-editor-sidebar h2{margin:5px 0 0;color:var(--blue);font-size:19px;font-weight:500}.visual-editor-sidebar hr{height:1px;margin:8px 18px;border:0;background:var(--line)}.visual-module-choice,.visual-lesson-choice,.visual-manage-link{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--blue);font-size:11px;text-decoration:none}.visual-module-choice>span{color:var(--orange);font-size:13px}.visual-module-choice.active{background:#eef4f9;font-weight:700}.visual-lesson-choice{padding-left:25px;border-left:3px solid transparent}.visual-lesson-choice>span{width:25px;height:25px;display:grid;place-items:center;background:#eef4f9;color:var(--blue);font-size:9px}.visual-lesson-choice>div{min-width:0}.visual-lesson-choice b,.visual-lesson-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-lesson-choice b{font-size:11px;font-weight:600}.visual-lesson-choice small{margin-top:3px;color:var(--muted);font-size:9px}.visual-lesson-choice.active{border-left-color:var(--orange);background:#fff7f1}.visual-manage-link{margin:12px 16px;padding:10px 0;border-top:1px solid var(--line);color:var(--orange);font-weight:700}.visual-editor-stage{min-width:0;padding:28px}.visual-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}.visual-lesson-canvas{background:#fff;border:1px solid #d8e3eb;box-shadow:0 14px 36px #315f9112}.visual-canvas-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid #e3ebf0;background:#fbfdff}.visual-canvas-note b{color:#7b8891;font-size:10px;font-weight:500}.visual-lesson-header{padding:38px 44px 24px}.visual-lesson-header small{display:inline-block;padding:6px 9px;background:#eef4f9;color:var(--blue);font-size:10px;line-height:1.35}.visual-lesson-header h1{margin:15px 0 0;color:var(--blue);font-size:clamp(29px,3vw,43px);font-weight:500;line-height:1.15}.visual-edit-copy{padding:4px 44px 46px}.visual-edit-copy [contenteditable],.visual-lesson-header [contenteditable]{border:1px dashed transparent;outline:none;transition:.18s ease}.visual-edit-copy [contenteditable]:hover,.visual-edit-copy [contenteditable]:focus,.visual-lesson-header [contenteditable]:hover,.visual-lesson-header [contenteditable]:focus{border-color:#f0a16e;background:#fff9f4}.visual-edit-copy p{margin:0 0 18px;color:#56636d;font-size:15px;line-height:1.8}.visual-edit-copy h2{margin:32px 0 13px;color:var(--blue);font-size:25px;font-weight:500;line-height:1.25}.visual-edit-copy .visual-bullet{margin:8px 0;padding:10px 12px;background:#f3f7fa;color:var(--blue);font-size:14px;line-height:1.5}.visual-lesson-image{position:relative;margin:0 44px 28px}.visual-lesson-image img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}.visual-image-button,.visual-image-placeholder{cursor:pointer}.visual-image-button{position:absolute;right:10px;bottom:10px;padding:9px 11px;background:#fff;color:var(--blue);font-size:10px;font-weight:700;box-shadow:0 4px 12px #17384a2b}.visual-image-button input,.visual-image-placeholder input{display:none}.visual-image-placeholder{display:grid;place-items:center;min-height:180px;margin:0 44px 28px;border:2px dashed #bdcfdd;background:#f8fbfd;color:var(--blue);font-size:13px;font-weight:600}.visual-settings{position:sticky;top:20px;display:grid;gap:12px;padding:20px;background:#fff;border:1px solid #d8e3eb}.visual-settings h2{margin:-5px 0 4px;color:var(--blue);font-size:20px;font-weight:500}.visual-settings label{display:grid;gap:5px;color:var(--blue);font-size:11px;font-weight:600}.visual-settings input,.visual-settings select{width:100%;height:40px;border:1px solid #d1dde5;background:#fbfcfd;padding:8px;font:inherit;font-size:11px;color:#32485b}.visual-settings p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.visual-settings .primary{border:0;font-size:12px}.visual-hidden-body{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visual-danger-zone{margin-top:16px}.visual-danger-zone details{padding:14px 17px;background:#fff;border:1px solid #ead5cf}.visual-danger-zone summary{cursor:pointer;color:#9b4738;font-size:11px;font-weight:700}.visual-danger-zone details>div{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px}.content-delete{border:1px solid #d9a199;background:#fff;color:#9b4738;padding:9px 11px;font:inherit;font-size:10px}.visual-empty{padding:48px;background:#fff;text-align:center}.visual-empty h2{color:var(--blue);font-weight:500}.visual-empty p{color:var(--muted);font-size:13px;line-height:1.6}
/* De les krijgt op laptops voorrang; de opslagvelden blijven in hetzelfde formulier. */
.visual-editor-toolbar .visual-save-shortcut{display:none;white-space:nowrap}
.visual-editor-toolbar .visual-save-shortcut:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:1600px){.visual-editor-toolbar{flex-wrap:wrap}.visual-editor-toolbar>span{flex:1 1 220px}.visual-editor-toolbar .visual-save-shortcut{display:inline-flex;align-items:center;min-height:44px}.visual-editor-grid{grid-template-columns:minmax(0,1fr)}.visual-settings{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.visual-settings>small,.visual-settings h2,.visual-settings p,.visual-settings .primary{grid-column:1/-1}}
@media(max-width:1200px){.visual-editor-layout{grid-template-columns:minmax(0,1fr)}.visual-editor-sidebar{position:static;display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.visual-editor-sidebar>div{width:100%}.visual-editor-sidebar hr{display:none}.visual-module-choice{width:50%}.visual-lesson-choice{width:50%;padding:13px 16px}.visual-manage-link{width:100%;margin:0 16px}}
@media(max-width:1020px){.visual-module-choice{display:none}}
@media(max-width:720px){.content-visual-launch,.visual-editor-toolbar{display:block;margin-left:-18px;margin-right:-18px}.content-visual-launch a,.content-visual-launch span,.visual-editor-toolbar a,.visual-editor-toolbar span{display:block}.content-visual-launch span,.visual-editor-toolbar span{margin-top:7px}.visual-editor-layout{margin:0 -18px;border-left:0;border-right:0}.visual-editor-stage{padding:16px 0}.visual-lesson-canvas{border-left:0;border-right:0;box-shadow:none}.visual-lesson-header{padding:28px 20px 18px}.visual-canvas-note{padding:11px 20px}.visual-canvas-note b{display:none}.visual-edit-copy{padding:3px 20px 30px}.visual-edit-copy p{font-size:16px}.visual-edit-copy h2{font-size:24px}.visual-lesson-image{margin:0 20px 24px}.visual-image-placeholder{margin:0 20px 24px;min-height:155px}.visual-settings{margin:16px 18px 0;grid-template-columns:1fr;padding:18px}.visual-settings>small,.visual-settings h2,.visual-settings p,.visual-settings .primary{grid-column:auto}.visual-lesson-choice{width:100%;padding:14px 18px}.visual-danger-zone{margin:16px 18px}.visual-danger-zone details>div{display:grid}.content-delete,.content-archive{width:100%}}



@media(max-width:720px){}
@media(max-width:430px){
  .mobile-menu-toggle{min-width:44px;width:44px;padding:0}
  .mobile-menu-toggle span,.mobile-logout-form button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .mobile-logout-form button{width:44px;justify-content:center;padding:0}
  .mobile-brand img{width:min(42vw,160px)}
}

/* Beheeromgeving: klantinbox en materiaalbeheer */
.material-admin-grid{align-items:stretch}.material-explanation>p{font-size:13px;color:var(--muted);line-height:1.65}.admin-file-input input{height:auto;padding:13px;background:#f7f9fb}.material-summary{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:15px 0}.material-summary>span{width:42px;height:42px;display:grid;place-items:center;background:#eef3f8;color:var(--orange);font-size:20px}.material-summary b,.material-summary small{display:block}.material-summary b{font-size:13px;color:var(--blue);font-weight:500}.material-summary small{font-size:11px;color:var(--muted);margin-top:2px}.material-list{padding-top:14px;padding-bottom:14px}.material-list .file-mini{overflow:hidden;font-size:9px}.inbox-layout{display:grid;grid-template-columns:minmax(240px,31%) 1fr;min-height:620px;background:#fff;border:1px solid var(--line)}.conversation-list{border-right:1px solid var(--line);background:#fbfcfd}.inbox-heading{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.inbox-heading b{color:var(--blue);font-size:15px;font-weight:500}.inbox-heading span{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;background:#eef3f8;color:var(--blue);border-radius:20px;font-size:11px}.conversation{display:flex;align-items:center;gap:11px;padding:16px 15px;text-decoration:none;border-bottom:1px solid var(--line);border-left:4px solid transparent}.conversation.active{background:#fff;border-left-color:var(--orange)}.conversation>div{min-width:0;flex:1}.conversation b,.conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation b{font-size:13px;color:var(--blue);font-weight:500}.conversation small{font-size:10px;color:var(--muted);margin-top:3px}.conversation em{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:20px;background:var(--orange);color:#fff;font-size:10px;font-style:normal}.inbox-empty{padding:22px;line-height:1.6}.thread-panel{min-width:0;display:flex;flex-direction:column;background:#fff}.thread-heading{min-height:64px;padding:12px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.thread-heading b,.thread-heading small{display:block}.thread-heading b{font-size:15px;color:var(--blue);font-weight:500}.thread-heading small{font-size:10px;color:var(--muted);margin-top:3px}.thread-heading a{color:var(--orange);font-size:11px;text-decoration:none}.message-thread{flex:1;padding:24px;display:flex;flex-direction:column;gap:12px;background:#f7f9fb;overflow-y:auto;max-height:420px}.message-bubble{width:min(76%,560px);padding:13px 16px;background:#fff;border:1px solid #e0e6eb;box-shadow:0 3px 10px #2d527708}.message-bubble.outgoing{align-self:flex-end;background:#eef4f9;border-color:#d9e5ef}.message-bubble.incoming{align-self:flex-start;border-left:3px solid var(--orange)}.message-bubble small{font-size:10px;color:var(--orange);font-weight:600}.message-bubble p{margin:5px 0 7px;font-size:13px;line-height:1.55;color:#566169}.message-bubble time{display:block;font-size:9px;color:#9aa1a6}.thread-reply{padding:18px 22px;border-top:1px solid var(--line)}.thread-reply label{display:block;font-size:11px;color:var(--blue);font-weight:600}.thread-reply textarea{min-height:105px;margin:7px 0 10px;font-size:13px}.thread-reply .primary{border:0}.thread-placeholder{margin:auto;text-align:center;padding:40px}.thread-placeholder>span{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;background:#eef3f8;color:var(--blue);border-radius:50%;font-size:24px}.thread-placeholder h2{color:var(--blue);font-weight:400;margin:0}.thread-placeholder p{font-size:12px;color:var(--muted)}.customer-message-layout{display:grid;gap:18px}.customer-thread{border:1px solid var(--line)}.customer-thread .message-thread{max-height:500px}.customer-message-layout .message-panel{margin:0}
@media(max-width:900px){.inbox-layout{grid-template-columns:1fr;min-height:0}.conversation-list{border-right:0;border-bottom:1px solid var(--line);max-height:280px;overflow-y:auto}.thread-panel{min-height:480px}}
@media(max-width:720px){.inbox-layout{margin:0 -18px}.thread-heading{padding:12px 18px}.message-thread{padding:18px 13px}.message-bubble{width:88%}.thread-reply{padding:16px 14px}.material-list{padding:10px 14px}.material-list .admin-row{align-items:flex-start;flex-wrap:wrap}.material-list .admin-row a{margin-left:47px}.material-summary small{font-size:10px}}

/* Zichtbare gesprekshistorie voor klanten */
.customer-thread .message-thread{min-height:190px}.thread-empty{margin:auto;text-align:center;padding:28px;max-width:430px}.thread-empty>span{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--blue);font-size:20px}.thread-empty h2{margin:0;color:var(--blue);font-size:20px;font-weight:400}.thread-empty p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}

/* Meerdere gesprekken per onderwerp */
.new-conversation-link{display:flex;align-items:center;gap:9px;margin:13px;padding:12px 14px;background:var(--blue);color:#fff;text-decoration:none;font-size:12px;font-weight:600;border-radius:3px}.new-conversation-link:hover,.new-conversation-link.active{background:var(--orange)}.new-conversation-link b{font-size:18px;font-weight:400;line-height:1}.topic-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eef3f8;color:var(--blue);font-size:13px}.conversation.active .topic-icon{background:#fff1e7;color:var(--orange)}.customer-inbox .message-thread{min-height:300px;max-height:470px}.new-conversation-panel{width:min(660px,100%);margin:auto;padding:38px}.new-conversation-panel>.coach-photo{margin:0 0 18px}.new-conversation-panel>small{color:var(--orange);font-size:10px;letter-spacing:1.6px;font-weight:600}.new-conversation-panel h2{margin:7px 0 8px;color:var(--blue);font-size:27px;font-weight:500}.new-conversation-panel>p{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.65}.new-thread-form{padding:0;border-top:0}.thread-reply input{display:block;width:100%;height:50px;margin:7px 0 15px;border:1px solid #d5dde3;background:#fbfcfd;padding:0 13px;font:inherit;font-size:14px}.thread-reply input:focus,.thread-reply textarea:focus{border-color:var(--blue);outline:2px solid #315f911c}.customer-inbox .conversation small{font-size:9px}
@media(max-width:900px){.customer-inbox .conversation-list{max-height:330px}.new-conversation-panel{padding:28px 22px}}
@media(max-width:720px){.new-conversation-panel{padding:26px 18px}.new-conversation-panel h2{font-size:23px}.customer-inbox .message-thread{min-height:270px}.new-conversation-link{margin:10px}}

/* Beheerdashboard: berichten gegroepeerd als gesprekken */
.dashboard-conversation{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none}.dashboard-conversation>div{min-width:0;flex:1}.dashboard-conversation-heading{display:flex;align-items:center;gap:8px}.dashboard-conversation-heading b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--blue);font-size:13px;font-weight:600}.dashboard-conversation-heading em{flex:0 0 auto;padding:3px 7px;border-radius:12px;background:var(--orange);color:#fff;font-size:8px;font-style:normal}.dashboard-conversation small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.dashboard-conversation p{margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68747b;font-size:11px}.dashboard-conversation>i{color:var(--orange);font-size:14px;font-style:normal}.dashboard-conversation:hover .topic-icon{background:#fff1e7;color:var(--orange)}.all-conversations-link{display:inline-block;margin-top:16px;color:var(--orange);font-size:12px;text-decoration:none;font-weight:600}

/* Afspraken en beschikbaarheid */
.calendar-sync-banner{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:20px 24px;background:linear-gradient(115deg,#eef3f8,#fff);border:1px solid #dbe5ed;border-left:4px solid var(--blue)}.calendar-sync-banner>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:26px}.calendar-sync-banner>div{flex:1}.calendar-sync-banner small{color:var(--orange);font-size:9px;letter-spacing:1.4px}.calendar-sync-banner h2{margin:2px 0;color:var(--blue);font-size:20px;font-weight:500}.calendar-sync-banner p{margin:0;color:var(--muted);font-size:11px}.calendar-sync-banner>em{padding:7px 10px;border-radius:14px;background:#fff1e7;color:var(--orange);font-size:9px;font-style:normal;font-weight:600}.appointment-admin-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-bottom:28px}.working-hours-form{display:grid;gap:8px}.working-day{display:grid;grid-template-columns:1fr 105px 105px;gap:10px;align-items:end;padding:9px 0;border-bottom:1px solid var(--line)}.working-day label{font-size:9px;color:var(--muted)}.working-day input[type=time]{display:block;width:100%;height:38px;margin-top:3px;border:1px solid #d5dde3;padding:0 8px;font:inherit;font-size:11px}.day-toggle{display:flex;align-items:center;gap:9px;height:38px}.day-toggle input{width:17px;height:17px;accent-color:var(--orange)}.day-toggle span{color:var(--blue);font-size:12px;font-weight:600}.working-hours-form>.primary{justify-self:start;margin-top:9px;border:0}.appointment-type-admin{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.appointment-type-admin>span{width:34px;height:34px;display:grid;place-items:center;background:#eef3f8;color:var(--blue)}.appointment-type-admin>div{min-width:0;flex:1}.appointment-type-admin b,.appointment-type-admin small{display:block}.appointment-type-admin b{color:var(--blue);font-size:12px}.appointment-type-admin small{color:var(--muted);font-size:9px}.appointment-type-admin button,.subtle-button{border:1px solid #d8e0e6;background:#fff;color:var(--blue);padding:7px 9px;font:inherit;font-size:9px}.appointment-type-admin.inactive{opacity:.55}.appointment-type-form{margin-top:22px;padding-top:18px;border-top:2px solid #eef3f8}.appointment-type-form h3{margin:0;color:var(--blue);font-size:15px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.appointment-list{background:#fff;border:1px solid var(--line)}.appointment-row{display:flex;align-items:center;gap:15px;padding:15px 18px;border-bottom:1px solid var(--line)}.appointment-row:last-child{border:0}.appointment-row>time{flex:0 0 54px;height:58px;display:grid;place-items:center;align-content:center;background:#eef3f8;color:var(--blue)}.appointment-row>time b{font-size:21px;line-height:1}.appointment-row>time span{margin-top:3px;font-size:8px;letter-spacing:1px}.appointment-row>div{min-width:0;flex:1}.appointment-row h3{margin:2px 0;color:var(--blue);font-size:14px}.appointment-row small,.appointment-row p{color:var(--muted);font-size:10px}.appointment-row p{margin:0}.appointment-empty{text-align:center;padding:32px}.appointment-empty>span{font-size:27px;color:var(--blue)}.appointment-empty h3{margin:8px 0 3px;color:var(--blue)}.appointment-empty p{margin:0;color:var(--muted);font-size:11px}.booking-layout{display:grid;grid-template-columns:1fr 260px;gap:18px;align-items:start}.booking-main,.booking-aside{background:#fff;border:1px solid var(--line);padding:28px}.booking-step{display:flex;align-items:center;gap:12px;margin-bottom:17px}.booking-step.second{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.booking-step>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:13px}.booking-step small{color:var(--orange);font-size:9px;letter-spacing:1.4px}.booking-step h2{margin:2px 0 0;color:var(--blue);font-size:21px;font-weight:500}.appointment-type-grid{display:grid;gap:9px}.appointment-type-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #dfe6eb;text-decoration:none}.appointment-type-card>span{width:38px;height:38px;display:grid;place-items:center;background:#eef3f8;color:var(--blue);font-size:17px}.appointment-type-card>div{flex:1}.appointment-type-card h3{margin:0;color:var(--blue);font-size:14px}.appointment-type-card p{margin:4px 0;color:var(--muted);font-size:10px}.appointment-type-card small{color:var(--orange);font-size:9px}.appointment-type-card>i{display:none;color:var(--orange);font-style:normal}.appointment-type-card.active{border-color:var(--orange);background:#fffaf6}.appointment-type-card.active>i{display:block}.date-picker-form{display:flex;align-items:end;gap:10px}.date-picker-form label{flex:1;color:var(--muted);font-size:10px}.date-picker-form input{display:block;width:100%;height:45px;margin-top:5px;border:1px solid #d5dde3;padding:0 11px;font:inherit}.date-picker-form .primary{height:45px;border:0}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.slot-grid button{width:100%;border:1px solid #cfdce6;background:#eef3f8;color:var(--blue);padding:10px 6px;font:inherit;font-size:10px}.slot-grid button:hover{border-color:var(--orange);background:#fff1e7;color:var(--orange)}.no-slots{grid-column:1/-1;margin:0;padding:18px;background:#f7f9fb;color:var(--muted);font-size:11px}.booking-aside>.coach-photo{margin:0 0 16px}.booking-aside>small{color:var(--orange);font-size:9px;letter-spacing:1.4px}.booking-aside h2{margin:5px 0 8px;color:var(--blue);font-size:22px;font-weight:500}.booking-aside p{color:var(--muted);font-size:11px;line-height:1.65}.booking-notes{display:grid;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.booking-notes span{color:var(--blue);font-size:10px}.customer-appointment-list{margin-top:0}
@media(max-width:1000px){.appointment-admin-grid,.booking-layout{grid-template-columns:1fr}.booking-aside{display:grid;grid-template-columns:90px 1fr;column-gap:16px}.booking-aside>.coach-photo{grid-row:1/5}.booking-aside>.booking-notes{grid-column:2}}
@media(max-width:720px){.calendar-sync-banner{align-items:flex-start;padding:17px}.calendar-sync-banner>em{display:none}.appointment-admin-grid{margin:0 -18px 24px}.working-day{grid-template-columns:1fr 83px 83px}.admin-card{min-width:0}.form-two{grid-template-columns:1fr}.booking-layout{margin:0 -18px}.booking-main,.booking-aside{padding:20px}.slot-grid{grid-template-columns:repeat(2,1fr)}.date-picker-form{align-items:stretch;flex-direction:column}.date-picker-form .primary{width:100%}.appointment-row{padding:13px 12px}.appointment-row>time{flex-basis:48px}.appointment-row p{white-space:normal}.booking-aside{display:block}.booking-aside>.coach-photo{margin-bottom:15px}.booking-aside>.booking-notes{margin-top:15px}}
.booking-confirmation{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:22px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:rgba(30,55,78,.72);backdrop-filter:blur(6px)}
.booking-confirmation[hidden]{display:none}.modal-open{overflow:hidden}
.booking-confirmation-card{position:relative;width:min(520px,100%);margin:auto 0;background:#fff;border-top:6px solid var(--orange);padding:44px 46px;text-align:center;box-shadow:0 24px 70px rgba(13,37,58,.35)}
.booking-confirmation-close{position:absolute;right:10px;top:8px;z-index:2;width:48px;height:48px;display:grid;place-items:center;color:#64727c;text-decoration:none;font-size:34px;line-height:1}
.booking-confirmation-card .booking-confirmation-close{border:0;background:transparent;padding:0;cursor:pointer;font-family:inherit;touch-action:manipulation}
.booking-review-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 19px;border-radius:50%;background:#eef3f8;color:var(--blue);font-size:33px}
.booking-review-details{display:grid;gap:0;margin:24px 0 0;padding:0;border-top:1px solid var(--line);text-align:left}.booking-review-details>div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.booking-review-details dt{color:var(--muted);font-size:11px}.booking-review-details dd{margin:0;color:var(--blue);font-size:12px;font-weight:600}.booking-review-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.booking-review-actions .primary{border:0}.booking-review-actions button,.booking-review-actions a{font-size:11px;cursor:pointer}.booking-review-actions button:disabled{cursor:wait;opacity:.72}.booking-review-cancel{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.booking-success-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 19px;border-radius:50%;background:#edf7f0;color:#3c7d51;font-size:34px;border:2px solid #b9d9c3}
.booking-confirmation-card>small{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:2px}
.booking-confirmation-card h2{margin:8px 0 13px;color:var(--blue);font-size:29px;font-weight:400}
.booking-confirmation-card p{margin:0;color:#626f78;font-size:13px;line-height:1.7}
.booking-confirmation-card .booking-confirmation-note{margin-top:10px;color:#89939a;font-size:10px}
.booking-confirmation-button{display:inline-block;margin-top:25px;min-width:150px;text-decoration:none}
@media(max-width:720px){.booking-confirmation{display:block;padding:0;overflow-y:auto}.booking-confirmation-card{width:100%;min-height:100%;min-height:100svh;margin:0;padding:66px 22px calc(30px + env(safe-area-inset-bottom));border-top-width:6px;box-shadow:none}.booking-confirmation-close{position:fixed;top:calc(8px + env(safe-area-inset-top));right:10px;background:#fff;border-radius:50%;box-shadow:0 3px 14px rgba(13,37,58,.14)}.booking-confirmation-card h2{font-size:25px}.booking-confirmation-card p{font-size:12px}.booking-success-icon{width:60px;height:60px;font-size:30px}}
@media(max-width:720px){.booking-review-details>div{grid-template-columns:82px 1fr}.booking-review-details dt,.booking-review-details dd{font-size:13px}.booking-review-actions{flex-direction:column-reverse}.booking-review-actions button,.booking-review-actions a{width:100%;min-height:50px;font-size:13px;padding:13px 10px;touch-action:manipulation}}
.calendar-sync-banner.connected{border-left-color:#3c7d51;background:linear-gradient(115deg,#edf7f0,#fff)}
.calendar-sync-banner.connected>span{background:#3c7d51}
.calendar-sync-banner.connected>em{background:#e3f3e8;color:#316943}
.apple-connect-card{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-bottom:20px}
.apple-connect-copy>small,.apple-calendar-heading>div:first-child>small{color:var(--orange);font-size:9px;letter-spacing:1.5px}
.apple-connect-copy h2,.apple-calendar-heading h2{margin:5px 0 8px;color:var(--blue);font-weight:500}
.apple-connect-copy p,.apple-calendar-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.apple-connect-form{align-content:start}
.apple-calendar-settings{margin-bottom:20px}
.apple-calendar-heading{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line)}
.apple-calendar-heading>div:first-child{max-width:650px}
.apple-calendar-heading>div:last-child{text-align:right;background:#eef3f8;padding:10px 13px}
.apple-calendar-heading>div:last-child b,.apple-calendar-heading>div:last-child small{display:block}
.apple-calendar-heading>div:last-child b{color:var(--blue);font-size:10px}.apple-calendar-heading>div:last-child small{margin-top:3px;color:var(--muted);font-size:8px}
.calendar-error{margin:15px 0 0;border-left:4px solid #bd422e;background:#fff0ed;color:#9d3524;padding:11px 14px;font-size:10px}
.calendar-source-form{margin-top:18px}.calendar-source-labels,.calendar-source-row{display:grid;grid-template-columns:minmax(180px,1fr) 145px 150px;gap:14px;align-items:center}
.calendar-source-labels{padding:0 12px 7px;color:var(--muted);font-size:8px}.calendar-source-labels span:not(:first-child){text-align:center}
.calendar-source-row{padding:12px;border-top:1px solid var(--line)}.calendar-source-row>div{display:flex;align-items:center;gap:9px}.calendar-source-row>div>span{display:grid;place-items:center;width:31px;height:31px;background:#eef3f8;color:var(--blue)}
.calendar-source-row b{color:var(--blue);font-size:11px}.calendar-source-row small{color:var(--muted);font-size:8px}.calendar-source-row label{display:flex;justify-content:center;align-items:center;gap:6px;color:#66737c;font-size:9px}.calendar-source-row input{width:17px;height:17px;accent-color:var(--orange)}
.calendar-source-form>.primary{margin-top:17px;border:0}.calendar-secondary-actions{display:flex;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.calendar-secondary-actions form{margin:0}.calendar-secondary-actions button{border:1px solid #d5dde3;background:#fff;color:var(--blue);padding:8px 11px;font-size:9px}.calendar-secondary-actions .danger-link{color:#a33b2b}
.sync-warning,.sync-ok{display:block;margin-top:5px;font-style:normal;font-size:8px}.sync-warning{color:#a33b2b}.sync-ok{color:#3c7d51}
@media(max-width:720px){.apple-connect-card{grid-template-columns:1fr;gap:24px}.apple-calendar-heading{display:block}.apple-calendar-heading>div:last-child{margin-top:14px;text-align:left}.calendar-source-labels{display:none}.calendar-source-row{grid-template-columns:1fr 1fr;gap:12px}.calendar-source-row>div{grid-column:1/-1}.calendar-source-row label{justify-content:flex-start}.calendar-secondary-actions{display:grid}.calendar-secondary-actions button{width:100%}}

/* Microsoft 365: meerdere accounts en agenda's */
.microsoft-banner{margin-top:30px}.microsoft-banner>span{font-family:Arial,sans-serif;font-weight:700}.microsoft-setup-card{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;margin-bottom:20px}.microsoft-setup-card>div>small,.microsoft-heading small{color:var(--orange);font-size:9px;letter-spacing:1.5px}.microsoft-setup-card h2,.microsoft-heading h2{margin:5px 0 8px;color:var(--blue);font-weight:500}.microsoft-setup-card p,.microsoft-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.microsoft-setup-card code{display:block;margin-top:17px;padding:12px 14px;background:#eef3f8;color:var(--blue);font-size:10px;overflow-wrap:anywhere}.microsoft-calendar-settings{margin-bottom:28px}.microsoft-heading{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-bottom:19px;border-bottom:1px solid var(--line)}.microsoft-heading>div{max-width:670px}.microsoft-heading form{flex:0 0 auto}.microsoft-heading button{border:0}.microsoft-empty{margin-top:18px;padding:18px;background:#f7f9fb;border-left:4px solid var(--blue)}.microsoft-empty b{color:var(--blue);font-size:12px}.microsoft-empty p{margin:4px 0 0;color:var(--muted);font-size:10px}.microsoft-calendar-form{margin-top:18px}.microsoft-account{position:relative;margin-bottom:16px;border:1px solid #dce4ea;background:#fbfcfd;padding:16px}.microsoft-account-heading{display:flex;align-items:center;gap:11px;padding-bottom:12px}.microsoft-account-heading>span{width:38px;height:38px;display:grid;place-items:center;background:var(--blue);color:#fff;font-family:Arial,sans-serif;font-weight:700}.microsoft-account-heading>div{min-width:0;flex:1}.microsoft-account-heading b,.microsoft-account-heading small{display:block}.microsoft-account-heading b{color:var(--blue);font-size:12px}.microsoft-account-heading small{margin-top:2px;color:var(--muted);font-size:9px}.microsoft-account-heading>em{padding:5px 8px;border-radius:12px;background:#e3f3e8;color:#316943;font-size:8px;font-style:normal}.microsoft-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.microsoft-source-list label{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:9px;padding:10px;background:#fff;border:1px solid #e2e8ed;cursor:pointer}.microsoft-source-list label>span{width:32px;height:32px;display:grid;place-items:center;background:#eef3f8;color:var(--blue)}.microsoft-source-list label>div{min-width:0}.microsoft-source-list b,.microsoft-source-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.microsoft-source-list b{color:var(--blue);font-size:10px}.microsoft-source-list small{color:var(--muted);font-size:8px}.microsoft-source-list input{width:18px;height:18px;accent-color:var(--orange)}.microsoft-source-list label>em{grid-column:2/4;color:var(--orange);font-size:8px;font-style:normal}.disconnect-account{margin-top:12px;border:0;background:transparent;color:#9a4437;padding:0;font:inherit;font-size:8px;text-decoration:underline}.microsoft-calendar-form>.primary{margin-top:3px;border:0}.calendar-secondary-actions button:disabled{opacity:.45;cursor:not-allowed}
.microsoft-source-list label>span.microsoft-write-choice{grid-column:2/4;width:auto;height:auto;display:flex;align-items:center;gap:7px;background:#fff4e8;color:var(--blue);padding:6px 8px;font-size:9px}.microsoft-source-list .microsoft-write-choice input{width:15px;height:15px}.microsoft-source-list .microsoft-write-choice b{font-size:9px;color:var(--blue)}
.calendar-source-labels-simple,.calendar-source-row-simple{grid-template-columns:minmax(180px,1fr) 145px}.appointment-write-target{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(320px,1.3fr);gap:28px;margin-bottom:28px;background:linear-gradient(125deg,#f7fafc,#fff);border-top:4px solid var(--orange)}.appointment-write-target>div>small{color:var(--orange);font-size:10px;letter-spacing:1.4px}.appointment-write-target h2{margin:5px 0 8px;color:var(--blue);font-size:22px;font-weight:500}.appointment-write-target p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.write-target-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.write-target-option{display:grid;grid-template-columns:22px 36px 1fr;align-items:center;gap:9px;min-width:0;padding:12px;border:1px solid #dce5ec;background:#fff;cursor:pointer}.write-target-option:has(input:checked){border-color:var(--orange);background:#fff8f1;box-shadow:inset 0 0 0 1px var(--orange)}.write-target-option input{width:18px;height:18px;margin:0;accent-color:var(--orange)}.write-target-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eef3f8;color:var(--blue);font-size:20px}.write-target-icon.microsoft-icon{font-family:Arial,sans-serif;background:var(--blue);color:#fff;font-size:15px;font-weight:700}.write-target-option span:last-child{min-width:0}.write-target-option b,.write-target-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.write-target-option b{color:var(--blue);font-size:12px}.write-target-option small{margin-top:3px;color:var(--muted);font-size:9px}.write-target-form>.primary{margin-top:14px;border:0}
@media(max-width:820px){.appointment-write-target{grid-template-columns:1fr}.write-target-options{grid-template-columns:1fr}}@media(max-width:720px){.calendar-source-row-simple{grid-template-columns:1fr}.calendar-source-row-simple>div{grid-column:auto}.appointment-write-target{margin-left:-18px;margin-right:-18px;padding:20px}.write-target-option{padding:13px}.write-target-option b{font-size:14px}.write-target-option small,.appointment-write-target p{font-size:11px}}
.microsoft-account-summary{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.microsoft-account-summary>div{display:flex;align-items:center;gap:8px;padding:9px 11px;background:#f7fafc;border:1px solid #e0e8ee}.microsoft-account-summary span{width:26px;height:26px;display:grid;place-items:center;background:var(--blue);color:#fff;font:bold 11px Arial,sans-serif}.microsoft-account-summary b{color:var(--blue);font-size:11px}.microsoft-account-summary small{color:var(--muted);font-size:9px}.microsoft-account-summary em{color:#3c7d51;font-size:8px;font-style:normal}.unified-calendar-settings{margin-bottom:28px}.unified-calendar-heading small{color:var(--orange);font-size:10px;letter-spacing:1.4px}.unified-calendar-heading h2{margin:5px 0 8px;color:var(--blue);font-size:22px;font-weight:500}.unified-calendar-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.unified-calendar-form{margin-top:20px}.unified-calendar-labels,.unified-calendar-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(310px,.92fr);gap:18px;align-items:center}.unified-calendar-labels{padding:0 13px 8px;color:var(--muted);font-size:9px}.unified-calendar-row{padding:13px;border-top:1px solid var(--line)}.unified-calendar-row>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.unified-calendar-row>div:first-child>span:last-child{min-width:0}.agenda-logo{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eef3f8;color:var(--blue);font-size:19px}.agenda-logo.microsoft-logo{background:var(--blue);color:#fff;font:bold 14px Arial,sans-serif}.unified-calendar-row b,.unified-calendar-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-calendar-row b{color:var(--blue);font-size:12px}.unified-calendar-row small{margin-top:3px;color:var(--muted);font-size:9px}.unified-calendar-use{display:flex;align-items:center;gap:18px}.unified-calendar-use label{display:flex;align-items:center;gap:7px;color:#5c6972;font-size:11px;white-space:nowrap}.unified-calendar-use input{width:17px;height:17px;margin:0;accent-color:var(--orange)}.unified-calendar-use .write-choice{color:var(--blue);font-weight:600}.unified-calendar-form>.primary{margin-top:18px;border:0}
@media(max-width:720px){.unified-calendar-settings{margin-left:-18px;margin-right:-18px;padding:20px}.unified-calendar-labels{display:none}.unified-calendar-row{grid-template-columns:1fr;gap:11px;padding:15px 0}.unified-calendar-use{padding-left:44px;flex-wrap:wrap;gap:12px 18px}.unified-calendar-row b{font-size:14px}.unified-calendar-row small,.unified-calendar-use label,.unified-calendar-heading p{font-size:11px}.microsoft-account-summary{display:grid}.microsoft-account-summary>div{display:grid;grid-template-columns:26px 1fr;gap:3px 8px}.microsoft-account-summary span{grid-row:1/3}.microsoft-account-summary em{display:block;grid-column:2;font-size:11px}}
.calendar-connection-management{margin:0 0 12px;padding:0}.calendar-connection-management>summary{width:max-content;color:#7a8790;font-size:10px;cursor:pointer;list-style:none}.calendar-connection-management>summary::-webkit-details-marker{display:none}.calendar-connection-management>summary::before{content:'⌄';display:inline-block;margin-right:6px;color:var(--orange);font-size:12px}.calendar-connection-management[open]>summary{margin-bottom:12px}.secondary-action-link{display:inline-flex;align-items:center;border:1px solid #d5dde3;background:#fff;color:var(--blue);padding:8px 11px;font-size:9px;text-decoration:none}
.microsoft-setup-links{display:flex;align-items:center;gap:14px;margin-top:16px}.microsoft-setup-links .primary{border:0;text-decoration:none}.microsoft-setup-links>a:last-child{color:var(--blue);font-size:10px;text-decoration:underline}.microsoft-id-steps{margin:18px 0 0;padding-left:20px;color:#66737c;font-size:10px;line-height:1.55}.microsoft-id-steps li{padding:3px 0}.microsoft-id-steps b{color:var(--blue);font-weight:600}
@media(max-width:800px){.microsoft-setup-card{grid-template-columns:1fr;gap:24px}.microsoft-heading{display:block}.microsoft-heading form{margin-top:15px}.microsoft-heading button{width:100%}.microsoft-source-list{grid-template-columns:1fr}}
@media(max-width:720px){.microsoft-banner{margin-top:25px}.microsoft-setup-card,.microsoft-calendar-settings{margin-left:-18px;margin-right:-18px}.microsoft-account{padding:13px}.microsoft-source-list label{grid-template-columns:32px 1fr 18px}.microsoft-setup-links{align-items:flex-start;flex-direction:column}.microsoft-setup-links .primary{width:100%;text-align:center}}

/* Duidelijke Microsoft 365-installatie */
.microsoft-setup-card.microsoft-setup-detailed{grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);align-items:start;gap:34px;padding:30px}.microsoft-setup-guide>p{max-width:800px}.microsoft-prerequisite{margin-top:22px;padding:17px 19px;background:#fff8f1;border-left:4px solid var(--orange)}.microsoft-prerequisite b{display:block;color:var(--blue);font-size:13px}.microsoft-prerequisite p{margin:4px 0 0!important;font-size:12px!important}.microsoft-wizard-steps{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px}.microsoft-wizard-steps>li{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:16px;background:#f8fafc;border:1px solid #e1e8ed}.microsoft-wizard-steps>li>span{width:40px;height:40px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:50%;font-weight:700;font-size:15px}.microsoft-wizard-steps h3{margin:1px 0 6px;color:var(--blue);font-size:15px;font-weight:600}.microsoft-wizard-steps p{font-size:12px!important;line-height:1.65!important;margin:0 0 7px!important}.microsoft-wizard-steps p:last-child{margin-bottom:0!important}.microsoft-wizard-steps dl{margin:10px 0;display:grid;gap:6px}.microsoft-wizard-steps dl>div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:8px 10px;background:#fff;border:1px solid #e1e8ed}.microsoft-wizard-steps dt{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.microsoft-wizard-steps dd{margin:0;color:var(--blue);font-size:12px;font-weight:600}.microsoft-step-note{padding:9px 11px;background:#eef4f9}.microsoft-important{padding:10px 12px;background:#fff0e5;border-left:3px solid var(--orange);color:#7b4a28!important}.microsoft-redirect-box{margin-top:18px;padding:17px;background:#eaf2f8;border:1px solid #d4e2ed}.microsoft-redirect-box>small{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:1px}.microsoft-redirect-box code{margin:8px 0 5px!important;background:#fff!important;border:1px solid #ccdce8;font-size:12px!important}.microsoft-redirect-box p{font-size:11px!important}.microsoft-credentials-panel{position:sticky;top:24px;background:#fff;border:1px solid #dce4ea;box-shadow:0 10px 30px #315f9112;padding:22px}.microsoft-form-heading{padding-bottom:16px;border-bottom:1px solid var(--line)}.microsoft-form-heading small{color:var(--orange);font-size:10px;letter-spacing:1.3px}.microsoft-form-heading h3{margin:4px 0 5px;color:var(--blue);font-size:19px}.microsoft-form-heading p{font-size:11px!important}.microsoft-credentials-panel .account-form{margin-top:18px}.microsoft-credentials-panel label>b,.microsoft-credentials-panel label>small{display:block}.microsoft-credentials-panel label>b{color:var(--blue);font-size:12px}.microsoft-credentials-panel label>small{margin:3px 0 7px;color:var(--muted);font-size:10px}.microsoft-credentials-panel .primary{width:100%;border:0}.microsoft-after-save{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.microsoft-after-save>b{color:var(--blue);font-size:13px}.microsoft-after-save ol{margin:10px 0 0;padding-left:19px;color:#68747d;font-size:11px;line-height:1.6}.microsoft-after-save li{padding:3px 0}
@media(max-width:1050px){.microsoft-setup-card.microsoft-setup-detailed{grid-template-columns:1fr}.microsoft-credentials-panel{position:static}.microsoft-setup-guide{min-width:0}}
@media(max-width:720px){.microsoft-setup-card.microsoft-setup-detailed{padding:22px 18px}.microsoft-wizard-steps>li{grid-template-columns:34px 1fr;padding:13px;gap:10px}.microsoft-wizard-steps>li>span{width:34px;height:34px}.microsoft-wizard-steps dl>div{grid-template-columns:1fr;gap:3px}.microsoft-redirect-box{padding:13px}.microsoft-credentials-panel{padding:18px}.microsoft-wizard-steps h3{font-size:16px}.microsoft-wizard-steps p,.microsoft-prerequisite p{font-size:14px!important}.microsoft-after-save ol{font-size:13px}}

/* Navigatie en ritme voor volledige leeslessen */
.lesson-navigation{margin:28px 46px 0;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.lesson-navigation>a{color:var(--blue);font-size:12px;text-decoration:none}.lesson-navigation .next{margin-left:auto;text-align:right}.lesson-navigation .next small,.lesson-navigation .next b{display:block}.lesson-navigation .next small{color:var(--orange);font-size:9px;letter-spacing:1.2px;margin-bottom:4px}.lesson-navigation .next b{font-size:14px;font-weight:600}.reading-section+.reading-section{padding-top:4px}.reading-lesson>.reading-section:nth-of-type(even){position:relative}
@media(max-width:720px){.lesson-navigation{margin:24px 20px 0;align-items:flex-start}.lesson-navigation .next{max-width:62%}.lesson-navigation .next b{font-size:13px}}

/* Ruimere, beter leesbare typografie op laptop en desktop */
@media(min-width:721px){
  .content{font-size:17px}
  .sidebar nav .nav-link{font-size:15px}
  .profile b{font-size:14px}.profile small,.profile .logout-button{font-size:12px}
  .page-intro>p,.admin-card>p,.message-panel>p{font-size:15px;line-height:1.65}
  .admin-card>small,.calendar-sync-banner small,.booking-step small,.booking-aside>small,.apple-connect-copy>small,.apple-calendar-heading>div:first-child>small,.microsoft-setup-card>div>small,.microsoft-heading small{font-size:11px}
  .calendar-sync-banner p,.apple-connect-copy p,.apple-calendar-heading p,.microsoft-setup-card p,.microsoft-heading p{font-size:14px}
  .calendar-sync-banner>em,.calendar-source-labels,.appointment-row>time span{font-size:10px}
  .working-day label,.date-picker-form label{font-size:12px}
  .working-day input[type=time]{font-size:14px;height:42px}
  .day-toggle span{font-size:14px}
  .appointment-type-admin b,.microsoft-account-heading b{font-size:14px}
  .appointment-type-admin small,.microsoft-account-heading small{font-size:11px}
  .appointment-type-admin button,.subtle-button,.calendar-secondary-actions button{font-size:12px;padding:9px 11px}
  .appointment-row h3,.appointment-type-card h3{font-size:16px}
  .appointment-row small,.appointment-row p,.appointment-type-card p,.appointment-type-card small,.no-slots{font-size:12px}
  .booking-step h2{font-size:24px}.booking-aside h2{font-size:25px}
  .booking-aside p{font-size:14px}.booking-notes span{font-size:12px}
  .slot-grid button{font-size:13px;padding:12px 7px}
  .apple-calendar-heading>div:last-child b{font-size:12px}.apple-calendar-heading>div:last-child small{font-size:10px}
  .calendar-source-row b{font-size:13px}.calendar-source-row small{font-size:10px}.calendar-source-row label{font-size:12px}
  .calendar-error{font-size:12px}.sync-warning,.sync-ok{font-size:10px}
  .microsoft-setup-card code{font-size:12px;line-height:1.55}
  .microsoft-empty b{font-size:14px}.microsoft-empty p{font-size:12px}
  .microsoft-account-heading>em,.microsoft-source-list label>em,.disconnect-account{font-size:10px}
  .microsoft-source-list b{font-size:12px}.microsoft-source-list small{font-size:10px}
  .microsoft-setup-links>a:last-child,.microsoft-id-steps{font-size:12px;line-height:1.65}
  .conversation b,.dashboard-conversation-heading b{font-size:14px}
  .conversation small,.dashboard-conversation small{font-size:11px}
  .dashboard-conversation p,.thread-heading a{font-size:12px}
  .message-bubble small{font-size:11px}.message-bubble p{font-size:14px}.message-bubble time{font-size:10px}
  .thread-reply label{font-size:12px}.thread-reply textarea{font-size:14px}
  footer{font-size:12px}
}

/* Afspraakbevestiging per e-mail: wijzigen en annuleren */
.notification-ok,.notification-warning{display:block;margin-top:5px;font-size:10px;font-style:normal}.notification-ok{color:#3c7d51}.notification-warning{color:#a33b2b}
.appointment-manage-page{min-height:100vh;padding:44px 18px;background:linear-gradient(145deg,#edf3f8 0,#f8fafb 55%,#fff2e8 100%)}
.appointment-manage-shell{width:min(760px,100%);margin:0 auto;padding:38px 46px 32px;background:#fff;border-top:6px solid var(--orange);box-shadow:0 18px 55px #2445631c}
.manage-logo{display:block;width:250px;margin:0 auto 32px}.manage-logo img{display:block;width:100%;height:auto}
.appointment-manage-shell>.flash{position:static;margin:0 0 24px}
.manage-status-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 17px;border-radius:50%;background:#edf7f0;border:2px solid #b9d9c3;color:#3c7d51;font-size:30px}.manage-status-icon.cancelled,.manage-status-icon.error{background:#fff1ed;border-color:#edc4b9;color:#a33b2b}
.appointment-manage-shell>small{display:block;text-align:center;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:2px}.appointment-manage-shell>h1{text-align:center;margin:7px 0 10px;color:var(--blue);font-size:34px;font-weight:500}.appointment-manage-shell>p{text-align:center;margin:0 auto 27px;max-width:570px;color:var(--muted);font-size:15px;line-height:1.65}
.appointment-manage-shell>.primary-link{display:table;margin:24px auto 0}
.manage-appointment-summary{display:flex;align-items:center;gap:18px;padding:21px 23px;background:#eef3f8;border-left:4px solid var(--blue)}.manage-appointment-summary>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#fff;color:var(--orange);font-size:21px}.manage-appointment-summary>div{min-width:0}.manage-appointment-summary small{color:var(--orange);font-size:10px;letter-spacing:1.3px}.manage-appointment-summary h2{margin:3px 0;color:var(--blue);font-size:20px;font-weight:600}.manage-appointment-summary p{margin:0;color:#65727b;font-size:13px;line-height:1.6}
.manage-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.manage-actions a{padding:14px 16px;border:1px solid #cfdce6;background:#fff;color:var(--blue);text-align:center;text-decoration:none;font-size:14px;font-weight:600}.manage-actions a:hover,.manage-actions a.active{border-color:var(--orange);background:#fff7f1;color:var(--orange)}.manage-actions a.danger{color:#9f4335}.manage-actions a.danger.active{border-color:#b95442;background:#fff2ef}
.manage-change-card,.manage-cancel-card,.manage-cutoff{margin-top:20px;padding:25px 27px;border:1px solid var(--line);background:#fff}.manage-change-card{border-top:4px solid var(--orange)}.manage-change-card>small,.manage-cancel-card>small{color:var(--orange);font-size:10px;letter-spacing:1.5px}.manage-change-card h2,.manage-cancel-card h2{margin:4px 0;color:var(--blue);font-size:24px;font-weight:500}.manage-change-card>p,.manage-cancel-card>p,.manage-cutoff p{margin:4px 0 18px;color:var(--muted);font-size:13px;line-height:1.6}.manage-change-card .slot-grid{grid-template-columns:repeat(4,1fr)}
.manage-cancel-card{border-color:#edc9c1;background:#fff8f6;text-align:center}.manage-cancel-card>small{color:#a33b2b}.manage-cancel-card button{border:0;background:#a33b2b;color:#fff;padding:13px 18px;font:inherit;font-size:13px;font-weight:600}.manage-cancel-card>a{display:block;margin-top:14px;color:var(--blue);font-size:12px}.manage-cutoff{border-left:4px solid var(--orange);background:#fff8f1}.manage-cutoff b{color:var(--blue);font-size:15px}.manage-cutoff p{margin-bottom:8px}.manage-cutoff a{color:var(--orange);font-size:13px;font-weight:600}
.manage-footer{display:flex;justify-content:center;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.manage-footer a{color:var(--blue);text-decoration:none}.manage-footer span{color:#b6bdc2}
@media(max-width:720px){.appointment-manage-page{padding:0;background:#fff}.appointment-manage-shell{min-height:100vh;padding:28px 20px;box-shadow:none}.manage-logo{width:215px;margin-bottom:26px}.appointment-manage-shell>h1{font-size:28px}.appointment-manage-shell>p{font-size:14px}.manage-appointment-summary{align-items:flex-start;padding:18px 16px}.manage-appointment-summary>span{flex-basis:40px;width:40px;height:40px}.manage-actions{grid-template-columns:1fr}.manage-change-card,.manage-cancel-card,.manage-cutoff{padding:21px 18px}.manage-change-card .slot-grid{grid-template-columns:repeat(2,1fr)}}

/* Verplicht klantprofiel bij Mijn account */
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.account-grid .account-card{max-width:none;height:100%}
.account-card>small{display:block;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.6px}
.account-card>h2{margin:5px 0 8px;font-size:25px;font-weight:500}
.account-card-intro{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.65}
.account-form label>em{float:right;color:var(--orange);font-size:10px;font-style:normal;font-weight:600}
.account-form input:focus{border-color:var(--orange);outline:3px solid #ef640018;background:#fff}
.profile-alert{margin-bottom:22px}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}.account-grid .account-card{height:auto}}
@media(max-width:720px){.account-grid{margin:0 -18px;gap:14px}.account-card>h2{font-size:23px}.account-card-intro{font-size:12px}}

/* Extra ruime typografie in de hele leeromgeving */
@media(min-width:721px){
  .nav-link{font-size:17px}.brand>small{font-size:12px}.support b{font-size:15px}.support small{font-size:12px}.profile b{font-size:15px}.profile small{font-size:13px}
  .welcome>p,.continue-copy>small,.coach-card>small{font-size:13px}.welcome h1{font-size:46px}.welcome>span{font-size:18px}
  .continue-copy h2{font-size:37px}.continue-copy p{font-size:17px}.button-link,.primary-link,.primary{font-size:15px}
  .section-title h2{font-size:32px}.section-title p{font-size:16px}.section-title>a{font-size:14px}
  .module-body>small{font-size:11px}.module h3{font-size:23px}.module p{font-size:15px}.module-meta{font-size:12px}
  .task b{font-size:16px}.task small{font-size:13px}.tag,.feedback-tag{font-size:11px}
  .coach-card h3{font-size:24px}.coach-card p{font-size:15px}.coach-card>a{font-size:14px}.coach-card>span{font-size:12px}
  .page-intro>p,.admin-card>p,.message-panel>p{font-size:17px}.account-card>h2,.admin-card>h2{font-size:27px}
  .admin-card>small,.account-card>small{font-size:12px}.admin-row b,.message-item b{font-size:15px}.admin-row small,.message-item small,.empty{font-size:13px}.message-item p{font-size:15px}
  .account-card-intro{font-size:15px}.account-form label{font-size:15px}.account-form label>em{font-size:12px}.account-form input{height:54px;font-size:16px}.account-form p{font-size:13px}
  .inbox-heading b,.thread-heading b{font-size:17px}.conversation b{font-size:16px}.conversation small,.thread-heading small{font-size:13px}.thread-heading a{font-size:14px}
  .message-bubble small{font-size:13px}.message-bubble p{font-size:16px}.message-bubble time{font-size:12px}.thread-reply label{font-size:14px}.thread-reply textarea{font-size:16px}
  .calendar-sync-banner p,.apple-connect-copy p,.apple-calendar-heading p,.microsoft-setup-card p,.microsoft-heading p{font-size:16px}
  .working-day label,.date-picker-form label{font-size:14px}.day-toggle span{font-size:16px}.appointment-type-admin b,.microsoft-account-heading b{font-size:16px}.appointment-type-admin small,.microsoft-account-heading small{font-size:13px}
  .appointment-row h3,.appointment-type-card h3{font-size:18px}.appointment-row small,.appointment-row p,.appointment-type-card p,.appointment-type-card small,.no-slots{font-size:14px}.slot-grid button{font-size:15px}
  .booking-step h2{font-size:27px}.booking-aside h2{font-size:28px}.booking-aside p{font-size:16px}.booking-notes span{font-size:14px}
}
@media(max-width:720px){
  .nav-link{font-size:15px}.welcome>p{font-size:12px}.welcome h1{font-size:29px;line-height:1.2}.welcome>span{font-size:17px}
  .continue-copy h2{font-size:32px}.continue-copy p{font-size:15px}.section-title h2{font-size:27px}.section-title p{font-size:14px}
  .module h3{font-size:22px}.module p{font-size:14px}.task b{font-size:15px}.task small{font-size:12px}
  .account-form label{font-size:14px}.account-form input{font-size:15px}.account-form p{font-size:12px}
  .conversation b{font-size:15px}.conversation small,.thread-heading small{font-size:12px}.message-bubble small{font-size:12px}.message-bubble p{font-size:15px}.message-bubble time{font-size:11px}.thread-reply label,.thread-reply textarea{font-size:15px}
  .admin-row b{font-size:14px}.admin-row small,.empty{font-size:12px}.appointment-row h3,.appointment-type-card h3{font-size:16px}.appointment-row small,.appointment-row p,.appointment-type-card p,.appointment-type-card small{font-size:12px}
}

/* Extra leesbaar op telefoons */
@media(max-width:720px){
  body{font-size:17px}
  .mobile-menu-toggle,.mobile-logout-form button{font-size:14px}
  .nav-link{font-size:17px;min-height:48px}
  .support b,.profile b{font-size:16px}.support small,.profile small{font-size:14px}
  .page-intro>small,.welcome>p,.continue-copy>small,.coach-card>small,.admin-card>small,.account-card>small,.booking-step small,.booking-aside>small{font-size:13px}
  .page-intro>p,.admin-card>p,.message-panel>p{font-size:16px;line-height:1.7}
  .button-link,.primary-link,.primary,.subtle-button,.appointment-type-admin button{font-size:16px}
  .section-title p,.continue-copy p{font-size:16px;line-height:1.65}.section-title>a{font-size:15px}
  .module h3{font-size:24px}.module p{font-size:16px;line-height:1.65}.module-meta,.task small{font-size:14px}.task b{font-size:17px}.tag,.feedback-tag{font-size:13px}
  .coach-card h3{font-size:25px}.coach-card p{font-size:16px}.coach-card>a{font-size:15px}.coach-card>span{font-size:13px}
  .account-card>h2,.admin-card>h2{font-size:26px}.account-card-intro{font-size:16px}.account-form label{font-size:16px}.account-form label>em{font-size:13px}.account-form input{height:54px;font-size:17px}.account-form p{font-size:14px}
  .admin-row b,.message-item b{font-size:16px}.admin-row small,.message-item small,.empty{font-size:14px}.message-item p{font-size:16px}
  .inbox-heading b,.thread-heading b{font-size:18px}.conversation b{font-size:17px}.conversation small,.thread-heading small{font-size:14px}.thread-heading a{font-size:15px}
  .message-bubble small{font-size:14px}.message-bubble p{font-size:17px;line-height:1.65}.message-bubble time{font-size:13px}.thread-reply label,.thread-reply textarea,.thread-reply input{font-size:17px}
  .calendar-sync-banner small,.apple-connect-copy>small,.apple-calendar-heading>div:first-child>small,.microsoft-setup-card>div>small,.microsoft-heading small{font-size:12px}
  .calendar-sync-banner p,.apple-connect-copy p,.apple-calendar-heading p,.microsoft-setup-card p,.microsoft-heading p{font-size:15px}
  .working-day label,.date-picker-form label{font-size:14px}.working-day input[type=time],.day-toggle span{font-size:16px}
  .appointment-type-admin b,.microsoft-account-heading b{font-size:16px}.appointment-type-admin small,.microsoft-account-heading small{font-size:13px}
  .appointment-row h3,.appointment-type-card h3{font-size:18px}.appointment-row small,.appointment-row p,.appointment-type-card p,.appointment-type-card small,.no-slots{font-size:15px;line-height:1.55}
  .booking-step h2{font-size:27px}.booking-aside h2{font-size:28px}.booking-aside p{font-size:16px}.booking-notes span{font-size:15px}.slot-grid button{font-size:17px;padding:14px 8px}
  .booking-confirmation-card>small{font-size:12px}.booking-confirmation-card h2{font-size:28px}.booking-confirmation-card p{font-size:16px}.booking-review-details dt,.booking-review-details dd{font-size:15px}.booking-review-actions button{font-size:16px}
  footer{font-size:13px;line-height:1.6}
}

/* Tijdkeuze blijft een knop; het formulier opent daarna de bevestigingsstap. */
.booking-slot-form{margin:0;min-width:0}

/* Visuele datum- en tijdkiezer */
.booking-calendar{margin-top:4px;padding:20px;border:1px solid #dbe4ec;background:#fbfcfd}
.booking-calendar-heading{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:16px}
.booking-calendar-heading h3{margin:0;text-align:center;color:var(--blue);font-size:21px;font-weight:600}
.booking-calendar-heading a,.booking-calendar-heading>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #b9cee1;background:#fff;color:var(--blue);text-decoration:none;font-size:27px;line-height:1}
.booking-calendar-heading a:last-child,.booking-calendar-heading>span:last-child{justify-self:end}
.booking-calendar-heading>span{border-color:#e7ebef;color:#c4cbd1}
.booking-calendar-weekdays,.booking-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.booking-calendar-weekdays{margin-bottom:7px}
.booking-calendar-weekdays span{text-align:center;color:#61717d;font-size:13px;font-weight:700}
.booking-calendar-days a,.booking-calendar-days span{position:relative;min-height:45px;display:grid;place-items:center;border:1px solid transparent;background:#edf1f5;color:#a3acb4;font-size:15px;text-decoration:none}
.booking-calendar-days a{border-color:#8eb3d5;background:#f4f8fc;color:#263c4c;font-weight:600;transition:background .15s,border-color .15s,color .15s}
.booking-calendar-days a:hover,.booking-calendar-days a:focus{border-color:var(--orange);background:#fff3e9;color:var(--orange);outline:0}
.booking-calendar-days a.selected{border-color:var(--blue);background:var(--blue);color:#fff}
.booking-calendar-days a.today:not(.selected)::after{content:"";position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--orange)}
.booking-calendar-days span.outside{opacity:.45}
.booking-time-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:24px 0 11px}
#datumkiezer,#beschikbare-tijden{scroll-margin-top:100px}
.booking-time-heading small{display:block;color:var(--orange);font-size:10px;letter-spacing:1.4px}
.booking-time-heading h3{margin:3px 0 0;color:var(--blue);font-size:19px;font-weight:600}
.booking-time-heading>span{padding:6px 10px;border-radius:16px;background:#eef3f8;color:var(--blue);font-size:11px;font-weight:700}
.slot-grid.booking-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.booking-time-grid button{min-height:48px;background:#eef3f8;border-color:#8eb3d5;font-weight:600}
.booking-time-grid button:hover,.booking-time-grid button:focus{background:var(--blue);border-color:var(--blue);color:#fff;outline:0}
@media(max-width:720px){
  .booking-calendar{margin:0 -4px;padding:16px 12px}
  .booking-calendar-heading{grid-template-columns:40px 1fr 40px}.booking-calendar-heading h3{font-size:20px}
  .booking-calendar-weekdays,.booking-calendar-days{gap:5px}
  .booking-calendar-weekdays span{font-size:12px}
  .booking-calendar-days a,.booking-calendar-days span{min-height:42px;font-size:15px}
  .booking-time-heading{align-items:center}.booking-time-heading h3{font-size:19px}.booking-time-heading small{font-size:11px}
  .slot-grid.booking-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .booking-time-grid button{min-height:52px;padding:10px 5px;font-size:15px}
}
@media(max-width:720px){#datumkiezer,#beschikbare-tijden{scroll-margin-top:92px}}

/* Inlogscherm: herkenbare voetafdruk, geïnspireerd op het Coach4Website-logo. */
.visual-footprint{position:absolute;z-index:3;left:39%;bottom:5%;width:min(43vw,270px);height:auto;transform:rotate(-21deg);filter:drop-shadow(10px 14px 0 #315f9122)}
.footprint-toes,.footprint-sole{fill:#315f91}
.footprint-tread{fill:none;stroke:#d7e3ee;stroke-width:11;stroke-linecap:round;opacity:.9}
.footprint-accent{fill:var(--orange)}

/* Nieuwe, rustige inlogpagina met echte Coach4Website-fotografie. */
.login-page{min-height:100vh;padding:clamp(24px,4vw,64px);gap:0;background:#eef3f7;grid-template-columns:minmax(440px,49%) 1fr;align-items:stretch}
.login-panel{padding:clamp(42px,6vw,94px);background:#fff;box-shadow:0 18px 55px #29445b16;z-index:1}
.login-logo{width:min(340px,96%);margin-bottom:clamp(44px,7vh,78px)}
.login-visual{min-height:0;background:#d8e1e8;box-shadow:0 18px 55px #29445b16}
.login-visual:before{display:none}.login-photo{position:absolute;inset:0;background:url('assets/dashboard-verhaal-foto.jpg') center center/cover no-repeat;transform:scale(1.01)}
.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1f405415 20%,#17384ab8 100%)}
.login-caption{position:absolute;z-index:2;left:clamp(34px,6vw,82px);right:40px;bottom:clamp(35px,7vh,76px);color:#fff;max-width:430px}
.login-caption small{display:block;color:#ffd4b5;font-size:11px;font-weight:700;letter-spacing:2.4px;margin-bottom:15px}
.login-caption p{margin:0;font-size:clamp(29px,3.2vw,47px);line-height:1.16;font-weight:400}
.login-caption em{display:block;margin-top:16px;color:#edf4f8;font-size:10px;font-style:normal;letter-spacing:.3px}
.login-caption span{display:block;width:58px;height:5px;margin-top:25px;background:var(--orange)}
.reset-panel .login-copy{max-width:500px}
.reset-panel .login-copy h1{font-size:clamp(31px,3.2vw,43px)}
.login-error.login-success{color:#276a3a!important;background:#edf8ef;border-left-color:#4d9b60}
.reset-back{margin:25px 0 0;color:var(--muted);font-size:13px}
.reset-back a{color:var(--blue);font-weight:700;text-decoration:none}
.reset-back a:hover,.reset-back a:focus{text-decoration:underline}
@media(max-width:800px){.login-page{display:block;padding:0;background:#fff}.login-panel{min-height:100vh;padding:32px 24px;box-shadow:none}.login-logo{margin-bottom:38px}.login-visual{display:none}}

.visual-module-danger{margin:0 16px 16px;padding-top:11px;border-top:1px solid var(--line)}.visual-module-danger summary{cursor:pointer;color:#9b4738;font-size:10px;font-weight:700}.visual-module-danger form{margin-top:9px}.visual-module-danger .content-archive,.visual-module-danger .content-delete{width:100%}

.admin-visual-shortcut{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:19px 21px;background:linear-gradient(120deg,#315f91,#4f83b8);border-left:5px solid var(--orange);color:#fff;text-decoration:none;box-shadow:0 10px 24px #315f9124}.admin-visual-shortcut>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#ffffff1c;color:#fff;font-size:21px}.admin-visual-shortcut>div{flex:1}.admin-visual-shortcut small,.admin-visual-shortcut b,.admin-visual-shortcut p{display:block}.admin-visual-shortcut small{color:#ffd5b8;font-size:10px;letter-spacing:1.3px}.admin-visual-shortcut b{margin-top:3px;font-size:18px;font-weight:500}.admin-visual-shortcut p{margin:4px 0 0;color:#e6f0f8;font-size:12px}.admin-visual-shortcut>i{font-style:normal;font-size:25px;color:#fff}.admin-visual-shortcut:focus,.admin-visual-shortcut:hover{filter:brightness(1.04)}
@media(max-width:720px){.admin-visual-shortcut{margin:0 0 18px;padding:19px 18px}.admin-visual-shortcut b{font-size:19px}.admin-visual-shortcut p{font-size:13px;line-height:1.45}.admin-visual-shortcut>i{font-size:22px}}

/* Pakketten: heldere opbouw en een vriendelijke uitnodiging naar de volgende stap. */
.overview-upgrade{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:30px 0;padding:25px 29px;border-left:5px solid var(--orange);background:linear-gradient(105deg,#f8fbfd,#eef4f9)}.overview-upgrade small,.package-customer-current>small,.package-upgrade small,.package-complete small,.package-mini small,.package-admin-intro small,.package-admin-card summary small{display:block;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.5px}.overview-upgrade h2{margin:5px 0;color:var(--blue);font-size:25px;font-weight:500}.overview-upgrade p{max-width:680px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.overview-upgrade>a{flex:none;color:var(--orange);font-size:13px;font-weight:700;text-decoration:none}.package-customer-current{margin-bottom:18px;padding:32px 35px;background:linear-gradient(130deg,#315f91,#4d7fb1);color:#fff;box-shadow:0 12px 30px #315f9126}.package-customer-current>small{color:#ffd5b8}.package-customer-current h2{margin:7px 0;font-size:34px;font-weight:500}.package-customer-current p{max-width:720px;margin:0;color:#e3edf5;font-size:15px;line-height:1.65}.package-customer-current>div{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.package-customer-current b,.package-customer-current span{padding:8px 11px;background:#ffffff16;color:#fff;font-size:12px;font-weight:600}.package-upgrade{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:33px 35px;background:#fff8f2;border:1px solid #f1d6c2}.package-upgrade h2{max-width:650px;margin:6px 0;color:var(--blue);font-size:30px;font-weight:500}.package-upgrade p{max-width:680px;color:var(--muted);font-size:15px;line-height:1.65}.package-upgrade ul{display:flex;gap:9px;flex-wrap:wrap;padding:0;margin:20px 0 0;list-style:none}.package-upgrade li{padding:7px 9px;background:#fff;color:var(--blue);border:1px solid #ead8cb;font-size:11px}.package-upgrade aside{display:grid;gap:15px;text-align:right}.package-upgrade aside>small{font-size:16px;letter-spacing:0;color:var(--blue)}.package-complete{padding:26px 30px;background:#edf6ef;border-left:5px solid #4a9360}.package-complete b{display:block;color:#326d43;font-size:18px}.package-complete p{margin:6px 0 0;color:#4d7558;font-size:13px}.package-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px}.package-mini{padding:19px;border:1px solid var(--line);background:#fff}.package-mini.current{border-top:4px solid var(--orange);background:#fffaf6}.package-mini h3{margin:6px 0;color:var(--blue);font-size:20px;font-weight:500}.package-mini p{min-height:38px;margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.55}.package-mini>b{color:var(--orange);font-size:13px}.package-admin-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:27px 30px;background:#eef4f9;border-left:5px solid var(--blue)}.package-admin-intro h2{margin:4px 0;color:var(--blue);font-size:28px;font-weight:500}.package-admin-intro p{margin:0;color:var(--muted);font-size:13px}.package-admin-list{display:grid;gap:13px}.package-admin-card{background:#fff;border:1px solid var(--line)}.package-admin-card summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}.package-admin-card summary::-webkit-details-marker,.package-new summary::-webkit-details-marker{display:none}.package-accent{width:42px;height:42px;display:grid;place-items:center;background:#e9f2f8;color:var(--blue);font-size:17px}.package-accent.sage{background:#eaf4e7;color:#5e8a5a}.package-accent.gold{background:#fff3d9;color:#ae7d22}.package-accent.peach{background:#fff0e5;color:#cd6c2e}.package-accent.navy{background:#e3eaf1;color:#315f91}.package-admin-card summary>div{flex:1}.package-admin-card summary b,.package-admin-card summary em{display:block}.package-admin-card summary b{margin:3px 0;color:var(--blue);font-size:19px;font-weight:500}.package-admin-card summary em{color:var(--muted);font-size:11px;font-style:normal}.package-admin-card summary>i{color:var(--orange);font-size:20px;font-style:normal}.package-form{display:grid;gap:14px;padding:22px;border-top:1px solid var(--line)}.package-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.package-form label{display:grid;gap:5px;color:var(--blue);font-size:11px;font-weight:600}.package-form input:not([type=checkbox]),.package-form select,.package-form textarea{width:100%;min-height:42px;border:1px solid #d1dde5;background:#fbfcfd;padding:10px;color:#32485b;font:inherit;font-size:12px}.package-form textarea{resize:vertical;line-height:1.55}.package-form .package-active{display:flex;align-items:center;gap:8px;padding-top:22px}.package-form fieldset{display:flex;gap:10px;flex-wrap:wrap;border:1px solid #dce5ea;padding:13px}.package-form legend{padding:0 5px;color:var(--blue);font-size:11px;font-weight:700}.package-form fieldset label{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#eef4f8;color:#40596c;font-size:11px;font-weight:500}.package-form .primary{justify-self:start;border:0}.package-customer-admin{margin-top:27px}.package-customer-row{display:grid;grid-template-columns:1fr minmax(160px,230px) auto;gap:12px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line);background:#fff}.package-customer-row>div b,.package-customer-row>div small{display:block}.package-customer-row b{color:var(--blue);font-size:14px}.package-customer-row small{margin-top:3px;color:var(--muted);font-size:11px}.package-customer-row select{height:40px;border:1px solid #ccd9e2;background:#fbfcfd;padding:0 8px;font:inherit;font-size:12px}.package-new{margin-top:24px;border:1px dashed #b8c9d6;background:#f9fbfc}.package-new>summary{padding:18px 20px;color:var(--blue);cursor:pointer;font-size:14px;font-weight:700}
.module-purchase-next{margin:30px 0;padding:29px;background:#eef4f9;border-left:5px solid var(--orange)}.module-purchase-heading>small{display:block;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.5px}.module-purchase-heading h2{margin:6px 0;color:var(--blue);font-size:27px;font-weight:500}.module-purchase-heading p{max-width:780px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.module-purchase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.module-purchase-grid>a{display:block;padding:19px;background:#fff;border:1px solid #dbe4eb;color:inherit;text-decoration:none}.module-purchase-grid>a:hover{border-color:var(--orange)}.module-purchase-grid small{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:1.3px}.module-purchase-grid h3{margin:6px 0;color:var(--blue);font-size:19px;font-weight:500}.module-purchase-grid p{min-height:42px;margin:0 0 13px;color:var(--muted);font-size:12px;line-height:1.55}.module-purchase-grid b{color:var(--orange);font-size:12px}
.website-build-offer{background:linear-gradient(105deg,#fff8f2,#eef4f9)}
@media(max-width:720px){.overview-upgrade,.package-admin-intro{display:block;padding:23px 20px}.overview-upgrade h2,.package-upgrade h2,.package-customer-current h2{font-size:27px}.overview-upgrade>a{display:inline-block;margin-top:15px;font-size:15px}.package-customer-current,.package-upgrade{margin-left:-18px;margin-right:-18px;padding:27px 20px}.package-upgrade{grid-template-columns:1fr}.package-upgrade aside{text-align:left}.package-upgrade p,.package-customer-current p{font-size:16px}.package-upgrade li{font-size:13px}.package-overview-grid{grid-template-columns:1fr}.package-mini h3{font-size:23px}.package-mini p{font-size:15px}.package-form-grid{grid-template-columns:1fr}.package-form{padding:19px 18px}.package-form label,.package-form input:not([type=checkbox]),.package-form select,.package-form textarea{font-size:16px}.package-form input:not([type=checkbox]),.package-form select{min-height:50px}.package-form fieldset label{font-size:14px}.package-customer-row{grid-template-columns:1fr;padding:17px 18px}.package-customer-row select{height:50px;font-size:16px}.package-customer-row .subtle-button{justify-self:start}.package-admin-card summary{padding:18px}.package-admin-card summary b{font-size:22px}.package-admin-card summary em{font-size:13px}.package-new{margin-left:-18px;margin-right:-18px}.module-purchase-next{margin-left:-18px;margin-right:-18px;padding:24px 20px}.module-purchase-heading h2{font-size:27px}.module-purchase-heading p{font-size:16px}.module-purchase-grid{grid-template-columns:1fr}.module-purchase-grid h3{font-size:22px}.module-purchase-grid p,.module-purchase-grid b{font-size:15px}}

/* Klantbeheer: alle accountgegevens op één rustige, bewerkbare plek. */
.customer-admin-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:27px 30px;background:#eef4f9;border-left:5px solid var(--blue)}.customer-admin-intro small{display:block;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.5px}.customer-admin-intro h2{margin:4px 0;color:var(--blue);font-size:28px;font-weight:500}.customer-admin-intro p{margin:0;color:var(--muted);font-size:13px}.customer-admin-list{display:grid;gap:12px}.customer-admin-card{background:#fff;border:1px solid var(--line)}.customer-admin-card summary{display:flex;align-items:center;gap:13px;padding:17px 20px;cursor:pointer;list-style:none}.customer-admin-card summary::-webkit-details-marker{display:none}.customer-admin-card summary>div{flex:1;min-width:0}.customer-admin-card summary b,.customer-admin-card summary small{display:block}.customer-admin-card summary b{color:var(--blue);font-size:16px;font-weight:600}.customer-admin-card summary small{margin-top:3px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-admin-card summary>i{color:var(--orange);font-size:20px;font-style:normal}.customer-status{padding:6px 9px;font-size:11px;font-style:normal;font-weight:700}.customer-status.active{background:#edf7f0;color:#316943}.customer-status.paused{background:#fff0ed;color:#9d3524}.customer-account-form{display:grid;gap:16px;padding:22px;border-top:1px solid var(--line)}.customer-account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-account-fields label{display:grid;gap:6px;color:#526674;font-size:12px;font-weight:600}.customer-account-fields input,.customer-account-fields select{width:100%;min-height:45px;border:1px solid #d1dde5;background:#fbfcfd;padding:10px 12px;color:#32485b;font:inherit;font-size:14px}.customer-account-active{display:flex;align-items:flex-start;gap:10px;padding:14px 15px;background:#f6f9fb;border:1px solid #e0e8ed;cursor:pointer}.customer-account-active input{margin-top:4px}.customer-account-active b,.customer-account-active small{display:block}.customer-account-active b{color:var(--blue);font-size:13px}.customer-account-active small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.5}.customer-password-note{margin:0;color:#786048;font-size:12px}.customer-account-actions{display:flex;align-items:center;gap:17px}.customer-account-actions .primary{border:0}.customer-account-actions a{color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}.customer-account-actions a:hover{text-decoration:underline}
.admin-card .recent-customer-link{position:relative;cursor:pointer;padding-right:30px;transition:background .15s,color .15s}.admin-card .recent-customer-link:hover,.admin-card .recent-customer-link:focus{background:#f2f7fb;outline:2px solid #d7e7f2;outline-offset:-2px}.admin-card .recent-customer-link:after{content:'→';position:absolute;right:4px;color:var(--orange);font-size:17px}
@media(max-width:720px){.customer-admin-intro{display:block;padding:23px 20px}.customer-admin-intro h2{font-size:27px}.customer-admin-intro .primary-link{display:inline-block;margin-top:16px;font-size:15px}.customer-admin-card{margin-left:-8px;margin-right:-8px}.customer-admin-card summary{padding:17px 15px;gap:10px}.customer-admin-card summary b{font-size:17px}.customer-admin-card summary small{font-size:13px}.customer-status{font-size:11px}.customer-account-form{padding:19px 15px}.customer-account-fields{grid-template-columns:1fr}.customer-account-fields label{font-size:15px}.customer-account-fields input,.customer-account-fields select{min-height:52px;font-size:16px}.customer-account-active b{font-size:16px}.customer-account-active small,.customer-password-note{font-size:14px}.customer-account-actions{align-items:flex-start;flex-direction:column;gap:13px}.customer-account-actions a{font-size:15px}}

.package-upgrade-calculation{display:block;margin-top:-10px;color:var(--muted);font-size:11px}
.package-mini p{min-height:58px}
.package-total-label{display:block;margin:14px 0 3px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1px}
.customer-support-offer{background:linear-gradient(105deg,#eef4f9,#fff8f2)}.customer-support-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:20px;padding:27px 30px;background:linear-gradient(120deg,#edf4f9,#f8fbfd);border-left:5px solid var(--orange)}.customer-support-intro small,.customer-support-grid article>small,.customer-support-history>small{display:block;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.5px}.customer-support-intro h2{margin:5px 0;color:var(--blue);font-size:27px;font-weight:500}.customer-support-intro p{max-width:720px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.customer-support-intro>a{flex:none;color:var(--orange);font-size:13px;font-weight:700;text-decoration:none}.customer-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-support-grid article{display:flex;min-height:330px;padding:27px;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue);box-shadow:0 8px 24px #315f9110}.customer-support-grid article.featured{border-top-color:var(--orange);background:#fffaf6}.customer-support-grid h2{margin:8px 0;color:var(--blue);font-size:24px;font-weight:500}.customer-support-grid p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.65}.customer-support-grid strong{margin-top:auto;color:var(--blue);font-size:31px;font-weight:500}.customer-support-grid article>span{margin:3px 0 19px;color:var(--muted);font-size:11px;line-height:1.5}.customer-support-grid .button-link{align-self:flex-start}.customer-support-history{margin-top:22px;padding:28px 30px;background:#eef4f9;border-left:5px solid var(--blue)}.customer-support-history h2{margin:5px 0 16px;color:var(--blue);font-size:25px;font-weight:500}.customer-support-history>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #d4e0e8}.customer-support-history b,.customer-support-history small{display:block}.customer-support-history b{color:var(--blue);font-size:13px}.customer-support-history small{margin-top:2px;color:var(--muted);font-size:10px}.customer-support-history strong{color:var(--blue);font-size:13px}
@media(max-width:720px){.customer-support-intro{display:block;margin-left:-18px;margin-right:-18px;padding:24px 20px}.customer-support-intro h2{font-size:27px}.customer-support-intro p{font-size:16px}.customer-support-intro>a{display:inline-block;margin-top:16px;font-size:15px}.customer-support-grid{grid-template-columns:1fr}.customer-support-grid article{min-height:0;padding:23px 20px}.customer-support-grid h2{font-size:25px}.customer-support-grid p{font-size:16px}.customer-support-grid article>span{font-size:13px}.customer-support-history{margin-left:-18px;margin-right:-18px;padding:24px 20px}.customer-support-history>div{align-items:flex-start;flex-direction:column;gap:7px}}

/* Lesbeelden en subtiele beweging voor een levendige, rustige leerervaring. */
.lesson-motion{position:relative;height:52px;margin:-5px 0 12px;overflow:hidden;pointer-events:none}.lesson-motion span,.lesson-motion i,.lesson-motion b{position:absolute;display:block;border-radius:50%;opacity:.9}.lesson-motion span{width:44px;height:44px;left:4%;top:4px;background:#e4f0f8;animation:lessonFloat 6s ease-in-out infinite}.lesson-motion i{width:14px;height:14px;left:18%;top:25px;background:var(--orange);animation:lessonPulse 4s ease-in-out infinite}.lesson-motion b{width:78px;height:4px;left:25%;top:29px;border-radius:4px;background:#b9d3e5;animation:lessonSlide 7s ease-in-out infinite}.lesson-motion:after{content:"";position:absolute;right:4%;top:10px;width:72px;height:30px;border:2px solid #d4e3ed;border-left:0;border-radius:0 40px 40px 0;opacity:.8}.static-lesson-image{overflow:hidden;background:#eef3f8}.static-lesson-image img{width:100%;min-height:255px;object-fit:cover}.static-lesson-image.series img{transform:scale(1.09)}.static-lesson-image.module-2 img{object-position:left center}.static-lesson-image.module-3 img{object-position:35% center}.static-lesson-image.module-4 img{object-position:65% center}.static-lesson-image.module-5 img{object-position:right center}@keyframes lessonFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes lessonPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.35);opacity:.45}}@keyframes lessonSlide{0%,100%{transform:translateX(0)}50%{transform:translateX(28px)}}@media(prefers-reduced-motion:reduce){.lesson-motion span,.lesson-motion i,.lesson-motion b{animation:none}}@media(max-width:720px){.lesson-motion{height:42px;margin:0 0 8px}.static-lesson-image{margin-left:-20px;margin-right:-20px}.static-lesson-image img{min-height:210px}}

/* Lesinhoud beweegt mee met het browservenster, tot een rustige bovengrens. */
.lesson-page,.reading-lesson{width:100%;max-width:1600px}

/* Rustiger klantoverzicht met duidelijke status, activiteit en veilige verwijderactie. */
.customer-admin-intro{background:linear-gradient(120deg,#edf4f9,#f8fbfd);border-left-width:6px;box-shadow:0 12px 28px #315f9112}.customer-overview-counts{display:flex;gap:9px;margin-top:15px}.customer-overview-counts span{padding:7px 10px;background:#fff;border:1px solid #dbe6ed;color:#5d7180;font-size:11px}.customer-overview-counts b{color:var(--blue);font-size:13px}.customer-admin-list{gap:16px}.customer-admin-card{border:0;border-left:4px solid transparent;box-shadow:0 8px 24px #315f9114;transition:border-color .2s ease,box-shadow .2s ease}.customer-admin-card[open]{border-left-color:var(--orange);box-shadow:0 12px 30px #315f9121}.customer-admin-card>summary{padding:20px 22px}.customer-summary-main{display:grid;gap:3px}.customer-summary-meta{display:flex!important;gap:7px;flex-wrap:wrap;margin-top:8px}.customer-summary-meta>span{display:inline-flex!important;align-items:center;padding:5px 8px;background:#f3f7fa;color:#607481!important;font-size:10px!important;font-weight:600;line-height:1;white-space:normal!important}.customer-summary-meta .customer-package-badge{background:#e7f0f8;color:var(--blue)!important}.customer-account-form{background:#fbfcfd}.customer-delete-panel{margin:0 22px 22px;border:1px solid #efcec7;background:#fff9f7}.customer-delete-panel>summary{padding:13px 15px;color:#9d3524;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.customer-delete-panel>summary::-webkit-details-marker{display:none}.customer-delete-panel>summary:before{content:'⚠';margin-right:7px}.customer-delete-panel>div{padding:0 15px 16px;border-top:1px solid #f2ddd8}.customer-delete-panel p{max-width:760px;margin:14px 0;color:#765e58;font-size:12px;line-height:1.55}.customer-delete-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}.customer-delete-form label{display:grid;gap:6px;color:#765e58;font-size:11px;font-weight:600}.customer-delete-form input{width:100%;min-height:43px;border:1px solid #dfb7ae;background:#fff;padding:10px 12px;color:#493a37;font:inherit;font-size:13px}.danger-button{min-height:43px;border:1px solid #a73b2c;background:#a73b2c;padding:10px 15px;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.danger-button:hover{background:#852f24}
.website-trajectory-admin{margin-top:24px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #315f9114}.website-trajectory-heading{padding:24px 27px;background:linear-gradient(120deg,#edf6ef,#f8fbf9);border-left:5px solid #4a9360}.website-trajectory-heading>small{display:block;color:#4a9360;font-size:10px;font-weight:700;letter-spacing:1.5px}.website-trajectory-heading h2{margin:5px 0;color:var(--blue);font-size:25px;font-weight:500}.website-trajectory-heading p{max-width:850px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.website-trajectory-list{display:grid}.website-trajectory-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-top:1px solid var(--line)}.website-trajectory-row label{display:flex;align-items:center;gap:12px;cursor:pointer}.website-trajectory-row label>input{width:20px;height:20px;accent-color:#4a9360}.website-trajectory-row b,.website-trajectory-row small{display:block}.website-trajectory-row b{color:var(--blue);font-size:14px}.website-trajectory-row small{margin-top:2px;color:var(--muted);font-size:11px}.website-trajectory-row .subtle-button{flex:none}
.customer-delete-panel .customer-appointment-warning,.customer-delete-panel .customer-appointment-clear{padding:10px 12px;border-left:4px solid;margin:12px 0}.customer-delete-panel .customer-appointment-warning{border-color:var(--orange);background:#fff3e8;color:#7a4a25}.customer-delete-panel .customer-appointment-clear{border-color:#4a9360;background:#edf7f0;color:#316943}
@media(max-width:720px){.customer-overview-counts{flex-wrap:wrap}.customer-admin-card>summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start}.customer-admin-card>summary>.avatar{grid-row:1/3}.customer-summary-main{grid-column:2}.customer-status{grid-column:2;justify-self:start;margin-top:5px}.customer-admin-card>summary>i{grid-column:3;grid-row:1}.customer-summary-meta{gap:5px}.customer-summary-meta>span{font-size:10px!important}.customer-delete-panel{margin:0 15px 15px}.customer-delete-panel>summary{font-size:14px}.customer-delete-panel p{font-size:14px}.customer-delete-form{grid-template-columns:1fr}.customer-delete-form label{font-size:14px}.customer-delete-form input{min-height:52px;font-size:16px}.danger-button{min-height:50px;font-size:14px}}
@media(max-width:720px){.website-trajectory-heading{padding:22px 20px}.website-trajectory-heading h2{font-size:24px}.website-trajectory-heading p{font-size:14px}.website-trajectory-row{align-items:stretch;flex-direction:column;padding:17px 18px}.website-trajectory-row label{align-items:flex-start}.website-trajectory-row b{font-size:16px}.website-trajectory-row small{font-size:13px}.website-trajectory-row .subtle-button{align-self:flex-start;min-height:44px}}

/* Websiteklantstatus staat bij het klantaccount waar die wordt beheerd. */
.customer-account-website{background:#edf7f0;border-color:#cfe4d5}.customer-account-website input{accent-color:#4a9360}.customer-summary-meta .customer-website-badge{background:#edf7f0;color:#316943!important}
.customer-account-actions{flex-wrap:wrap}.customer-summary-meta .customer-step-card-badge{background:#fff0e4;color:#9a4a16!important}.customer-account-actions .customer-step-card-link{padding:8px 11px;background:#eef4f9;border-left:3px solid var(--orange)}

/* Inhoudscontrole en modulegebonden downloads. */
.material-empty{grid-column:1/-1}
.content-health{margin:0 0 20px;padding:20px 22px;border:1px solid #d8e3eb;border-left:5px solid var(--blue);background:#fff}
.content-health.warning{border-left-color:var(--orange);background:#fffaf6}
.content-health header{height:auto;min-height:0;margin:0 0 14px;padding:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.content-health header>div{min-width:0}
.content-health h2{margin:4px 0 0;color:var(--blue);font-size:20px;font-weight:500}
.content-health header>small{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:1.3px}
.content-health-status{padding:6px 9px;background:#edf7f0;color:#316943;font-size:10px;font-weight:700}
.content-health.warning .content-health-status{background:#fff0e4;color:#9a4a16}
.content-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.content-health-grid div{padding:12px;background:#f4f7fa}
.content-health-grid b,.content-health-grid span{display:block}
.content-health-grid b{color:var(--blue);font-size:18px;font-weight:500}
.content-health-grid span{margin-top:3px;color:var(--muted);font-size:10px}
.content-health p{margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
@media(max-width:720px){.ai-image-note{right:8px;bottom:8px;font-size:8px}.content-health{margin-left:-18px;margin-right:-18px}.content-health header{flex-direction:column;gap:10px}.content-health-grid{grid-template-columns:1fr 1fr}}

/* Dezelfde rustige terug-naar-bovenbediening als op de verkoopsite. */
.back-to-top{position:fixed;z-index:12;right:24px;bottom:24px;display:grid;width:46px;height:46px;place-items:center;border:0;background:transparent;color:#4678aeb8;font-size:34px;line-height:1;text-decoration:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,color .2s ease}.back-to-top span{display:block;font-family:Arial,sans-serif;font-weight:300;transform:rotate(90deg)}.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{color:var(--orange)}.back-to-top:focus-visible{outline:2px solid #ef640080;outline-offset:1px}
@media(max-width:720px){.back-to-top{right:16px;bottom:16px;width:44px;height:44px}}

/* Stappenkaarten: transparante tijdregistratie voor klant en beheer. */
.step-card-overview{border-left-color:var(--blue);background:linear-gradient(105deg,#eef4f9,#f8fbfd)}.step-card-overview>a{color:var(--blue)}.step-card-low-offer{border-left-color:var(--orange);background:linear-gradient(105deg,#fff8f2,#eef4f9)}.step-card-low-offer>a{color:var(--orange)}
.step-card-customer-area{margin:30px 0 38px}.step-card-customer-area>.section-title{margin-bottom:14px}.support-products-heading{scroll-margin-top:105px;margin-top:34px}
.step-card-customer{margin-bottom:18px;padding:28px 30px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue);box-shadow:0 10px 28px #315f9110}.step-card-customer.expired,.step-card-customer.exhausted{border-top-color:#a8b2b9}.step-card-customer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.step-card-customer>header small,.step-card-entry-heading small,.step-card-entry-form>small,.step-card-detail-heading>div>small{display:block;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase}.step-card-customer>header h3{margin:5px 0 0;color:var(--blue);font-size:25px;font-weight:500}.step-card-customer>header>span{padding:7px 10px;background:#edf7f0;color:#316943;font-size:11px;font-weight:700}.step-card-customer.expired>header>span,.step-card-customer.exhausted>header>span{background:#eef1f3;color:#67747c}.step-card-customer.active:has(.step-card-renewal)>header>span{background:#fff0e4;color:#9a4a16}
.step-card-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:22px;background:var(--line);border:1px solid var(--line)}.step-card-summary>div{padding:17px 19px;background:#f8fafc}.step-card-summary strong,.step-card-summary span{display:block}.step-card-summary strong{color:var(--blue);font-size:22px;font-weight:500}.step-card-summary span{margin-top:3px;color:var(--muted);font-size:10px}.step-card-progress{height:8px;margin:14px 0 24px;overflow:hidden;background:#e6edf2}.step-card-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--orange))}
.step-card-renewal{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 24px;padding:16px 18px;background:#fff7ef;border-left:4px solid var(--orange)}.step-card-renewal b{color:var(--blue);font-size:14px}.step-card-renewal p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.step-card-renewal a{flex:none;color:var(--orange);font-size:12px;font-weight:700;text-decoration:none}
.step-card-entry-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:3px 0 10px}.step-card-entry-heading h4,.step-card-entry-heading h3{margin:4px 0 0;color:var(--blue);font-size:21px;font-weight:500}.step-card-entry-heading>a{color:var(--blue);font-size:11px;font-weight:700;text-decoration:none}.step-card-entry-list{border-top:1px solid var(--line)}.step-card-entry-list>div{display:grid;grid-template-columns:105px minmax(0,1fr) 100px;gap:18px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.step-card-entry-list time{color:var(--blue);font-size:12px;font-weight:700}.step-card-entry-list p{margin:0;color:#556873;font-size:12px;line-height:1.65}.step-card-entry-list>div>span{text-align:right}.step-card-entry-list b,.step-card-entry-list small{display:block}.step-card-entry-list b{color:var(--orange);font-size:12px}.step-card-entry-list small{margin-top:2px;color:var(--muted);font-size:10px}.step-card-empty{margin:0;padding:17px 18px;background:#f6f9fb;color:var(--muted);font-size:12px;line-height:1.6}
.step-card-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(120px,.45fr)) minmax(320px,1.65fr);gap:12px;margin-bottom:18px}.step-card-admin-summary>div,.step-card-admin-summary>details{background:#fff;border:1px solid var(--line);padding:17px 19px}.step-card-admin-summary>div strong,.step-card-admin-summary>div span{display:block}.step-card-admin-summary>div strong{color:var(--blue);font-size:25px;font-weight:500}.step-card-admin-summary>div span{margin-top:3px;color:var(--muted);font-size:10px}.step-card-admin-summary>details{padding:0}.step-card-admin-summary>details>summary{padding:22px 20px;color:var(--blue);font-size:12px;font-weight:700;cursor:pointer;list-style:none}.step-card-admin-summary>details>summary::-webkit-details-marker{display:none}.step-card-admin-summary>details>summary:before{content:'＋';margin-right:8px;color:var(--orange)}.step-card-create-form{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:10px;padding:0 18px 18px}.step-card-create-form label,.step-card-entry-form label{display:grid;gap:5px;color:#526674;font-size:11px;font-weight:600}.step-card-create-form input,.step-card-create-form select,.step-card-entry-form input,.step-card-entry-form textarea{width:100%;min-height:42px;border:1px solid #d1dde5;background:#fbfcfd;padding:10px;color:#32485b;font:inherit;font-size:12px}.step-card-create-form .primary{grid-column:1/-1;justify-self:start;border:0}
.step-card-admin-layout{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.65fr);gap:16px;align-items:start}.step-card-admin-list,.step-card-admin-detail{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #315f910f}.step-card-admin-list>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.step-card-admin-list>header b{color:var(--blue);font-size:14px}.step-card-admin-list>header span{display:grid;min-width:25px;height:25px;place-items:center;background:#edf3f8;color:var(--blue);font-size:10px}.step-card-admin-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 15px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.step-card-admin-list>a.active{background:#eef4f9;box-shadow:inset 4px 0 var(--orange)}.step-card-admin-list>a>div{min-width:0}.step-card-admin-list>a b,.step-card-admin-list>a small{display:block}.step-card-admin-list>a b{color:var(--blue);font-size:12px}.step-card-admin-list>a small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.45}.step-card-admin-list>a em{padding:5px 7px;background:#edf7f0;color:#316943;font-size:8px;font-style:normal;font-weight:700}.step-card-admin-list>a em.low{background:#fff0e4;color:#9a4a16}.step-card-admin-list>a em.expired,.step-card-admin-list>a em.full{background:#eef1f3;color:#67747c}
.step-card-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 19px}.step-card-detail-heading h2{margin:5px 0 2px;color:var(--blue);font-size:27px;font-weight:500}.step-card-detail-heading p{margin:0;color:var(--muted);font-size:10px}.step-card-detail-heading>div:last-child{text-align:right}.step-card-detail-heading>div:last-child strong,.step-card-detail-heading>div:last-child span{display:block}.step-card-detail-heading>div:last-child strong{color:var(--orange);font-size:34px;font-weight:500}.step-card-detail-heading>div:last-child span{color:var(--muted);font-size:9px}.step-card-validity{display:grid;grid-template-columns:repeat(3,1fr);margin:0 26px;background:#f5f8fa}.step-card-validity>span{padding:13px 15px;border-right:1px solid var(--line)}.step-card-validity>span:last-child{border:0}.step-card-validity small,.step-card-validity b{display:block}.step-card-validity small{color:var(--muted);font-size:8px;letter-spacing:1px}.step-card-validity b{margin-top:3px;color:var(--blue);font-size:12px}.step-card-admin-detail>.step-card-progress{margin:12px 26px 20px}
.step-card-entry-form{margin:0 26px 23px;padding:21px;background:#f6f9fb;border-left:4px solid var(--blue)}.step-card-entry-form h3{margin:5px 0;color:var(--blue);font-size:20px;font-weight:500}.step-card-entry-form>p{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.55}.step-card-entry-form form{display:grid;gap:12px}.step-card-entry-form form>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:11px}.step-card-entry-form label>small{color:var(--muted);font-size:9px;font-weight:400}.step-card-entry-form textarea{resize:vertical;line-height:1.6}.step-card-form-actions{display:flex!important;align-items:center;gap:14px}.step-card-form-actions .primary{border:0}.step-card-form-actions a{color:var(--blue);font-size:11px;font-weight:700;text-decoration:none}.step-card-entry-heading.admin{margin:0;padding:0 26px 11px}.step-card-entry-heading.admin>span{color:var(--muted);font-size:10px}.step-card-admin-entries{border-top:1px solid var(--line)}.step-card-admin-entries article{display:grid;grid-template-columns:92px minmax(0,1fr) 85px auto;gap:14px;align-items:start;padding:16px 26px;border-bottom:1px solid var(--line)}.step-card-admin-entries time{color:var(--blue);font-size:11px;font-weight:700}.step-card-admin-entries p{margin:0;color:#556873;font-size:11px;line-height:1.65}.step-card-admin-entries article>div b,.step-card-admin-entries article>div small{display:block}.step-card-admin-entries article>div b{color:var(--orange);font-size:11px}.step-card-admin-entries article>div small{color:var(--muted);font-size:9px}.step-card-admin-entries nav{display:grid;gap:4px;text-align:right}.step-card-admin-entries nav a,.step-card-admin-entries nav button{border:0;background:transparent;padding:0;color:var(--blue);font:inherit;font-size:9px;text-decoration:none;cursor:pointer}.step-card-admin-entries nav button{color:#a44737}
@media(min-width:721px){.step-card-summary span,.step-card-entry-list p,.step-card-renewal p,.step-card-empty{font-size:13px}.step-card-entry-list time,.step-card-entry-list b,.step-card-renewal a{font-size:13px}.step-card-admin-list>a b{font-size:14px}.step-card-admin-list>a small{font-size:11px}.step-card-admin-entries p,.step-card-admin-entries time,.step-card-admin-entries article>div b,.step-card-entry-form>p{font-size:13px}.step-card-create-form label,.step-card-entry-form label{font-size:13px}.step-card-create-form input,.step-card-create-form select,.step-card-entry-form input,.step-card-entry-form textarea{font-size:14px}}
@media(max-width:1050px){.step-card-admin-summary{grid-template-columns:repeat(3,1fr)}.step-card-admin-summary>details{grid-column:1/-1}.step-card-create-form{grid-template-columns:1fr 1fr}.step-card-admin-layout{grid-template-columns:1fr}.step-card-admin-list{max-height:380px;overflow:auto}}
@media(max-width:720px){.step-card-customer-area{margin-left:-18px;margin-right:-18px}.step-card-customer-area>.section-title{padding:0 18px}.step-card-customer{padding:23px 20px;border-left:0;border-right:0}.step-card-customer>header h3{font-size:24px}.step-card-summary{grid-template-columns:1fr 1fr}.step-card-summary>div:last-child{grid-column:1/-1}.step-card-summary strong{font-size:21px}.step-card-summary span{font-size:12px}.step-card-renewal{align-items:flex-start;flex-direction:column}.step-card-renewal p,.step-card-renewal a{font-size:14px}.step-card-entry-heading{align-items:flex-start;flex-direction:column}.step-card-entry-heading>a{font-size:14px}.step-card-entry-list>div{grid-template-columns:1fr auto;gap:7px 12px}.step-card-entry-list p{grid-column:1/-1;grid-row:2;font-size:14px}.step-card-entry-list>div>span{grid-column:2;grid-row:1;text-align:right}.step-card-entry-list time,.step-card-entry-list b{font-size:14px}.step-card-admin-summary{grid-template-columns:repeat(3,1fr);margin-left:-18px;margin-right:-18px}.step-card-admin-summary>div{padding:14px}.step-card-admin-summary>div strong{font-size:22px}.step-card-admin-summary>details{grid-column:1/-1}.step-card-create-form{grid-template-columns:1fr}.step-card-admin-layout{margin-left:-18px;margin-right:-18px}.step-card-admin-list>a b{font-size:15px}.step-card-admin-list>a small{font-size:12px}.step-card-detail-heading{padding:22px 18px}.step-card-detail-heading h2{font-size:25px}.step-card-validity{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 18px}.step-card-validity>span{min-width:0;padding:12px 9px;border-right:1px solid var(--line);border-bottom:0}.step-card-validity>span:last-child{border-right:0}.step-card-validity small{font-size:10px;line-height:1.35}.step-card-validity b{font-size:14px;white-space:nowrap}.step-card-admin-detail>.step-card-progress{margin-left:18px;margin-right:18px}.step-card-entry-form{margin:0 18px 22px;padding:19px 16px}.step-card-entry-form form>div:first-child{grid-template-columns:1fr}.step-card-entry-form label,.step-card-entry-form input,.step-card-entry-form textarea{font-size:16px}.step-card-entry-heading.admin{padding-left:18px;padding-right:18px}.step-card-admin-entries article{grid-template-columns:1fr auto;padding:17px 18px}.step-card-admin-entries p{grid-column:1/-1;font-size:14px}.step-card-admin-entries article>div{grid-row:1;grid-column:2;text-align:right}.step-card-admin-entries nav{grid-column:1/-1;display:flex;gap:15px;text-align:left}.step-card-admin-entries nav a,.step-card-admin-entries nav button{font-size:13px}}

/* Houd klantgegevens en resterende stappen in het beheer duidelijk gescheiden. */
.content .step-card-detail-heading{display:grid;height:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:stretch;gap:22px;text-align:left}.step-card-detail-heading>div:first-child{min-width:0;text-align:left}.step-card-detail-heading>div:first-child p{max-width:100%;margin-top:5px;overflow-wrap:anywhere;line-height:1.45}.step-card-detail-heading>div:last-child{display:grid;grid-template-columns:auto minmax(70px,92px);gap:9px;align-items:center;min-width:0;padding:10px 13px;border:1px solid #f0d7c4;background:#fff9f4;border-radius:2px;text-align:left}.step-card-detail-heading>div:last-child strong{font-size:29px;line-height:1}.step-card-detail-heading>div:last-child span{max-width:none;margin:0;color:#7c6b5f;line-height:1.35;text-align:left}.step-card-detail-heading h2{margin-top:6px;overflow-wrap:anywhere;font-size:25px;line-height:1.15}
@media(max-width:720px){.content .step-card-detail-heading{grid-template-columns:1fr;gap:14px}.step-card-detail-heading>div:last-child{justify-self:start}.step-card-detail-heading>div:last-child span{text-align:left}}
.customer-step-card-tabs{display:flex;gap:9px;margin:0 0 13px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:thin}.customer-step-card-tabs a{flex:0 0 210px;display:grid;gap:3px;padding:13px 15px;border:1px solid var(--line);background:#f7f9fb;color:inherit;text-decoration:none}.customer-step-card-tabs a.active{border-color:var(--blue);background:#eef4f9;box-shadow:inset 0 3px var(--orange)}.customer-step-card-tabs span,.customer-step-card-tabs b,.customer-step-card-tabs small{display:block}.customer-step-card-tabs span{color:var(--orange);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.customer-step-card-tabs b{color:var(--blue);font-size:13px}.customer-step-card-tabs small{color:var(--muted);font-size:9px;line-height:1.45}.customer-step-card-tabs+.step-card-customer{margin-top:0}
@media(min-width:721px){.customer-step-card-tabs span{font-size:9px}.customer-step-card-tabs b{font-size:15px}.customer-step-card-tabs small{font-size:11px}}@media(max-width:720px){.customer-step-card-tabs{margin-left:18px;margin-right:18px}.customer-step-card-tabs a{flex-basis:185px;padding:12px}.customer-step-card-tabs span{font-size:9px}.customer-step-card-tabs b{font-size:15px}.customer-step-card-tabs small{font-size:11px}}

/* Klantportaal fase 1: diensten, domeinen en een afgeschermd klantdossier. */
.customer-summary-meta .customer-service-badge{background:#edf7f0;color:#316943!important}.customer-summary-meta .customer-domain-badge{background:#edf3f8;color:var(--blue)!important}.customer-account-actions .customer-dossier-link{padding:9px 12px;background:var(--blue);color:#fff}.customer-account-actions .customer-dossier-link:hover{color:#fff;text-decoration:none;background:#365f8b}
.portal-service-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:22px;margin-bottom:30px;padding:34px 36px;background:linear-gradient(125deg,#315f91,#4b7eae);color:#fff;border-bottom:4px solid var(--orange)}.portal-service-hero small,.portal-contact-strip small,.customer-profile-card small,.customer-dossier-panel-summary small,.customer-dossier-service-list small{display:block;color:#ffd4b5;font-size:10px;font-weight:700;letter-spacing:1.5px}.portal-service-hero h2{margin:7px 0;color:#fff;font-size:31px;font-weight:500}.portal-service-hero p{max-width:620px;margin:0;color:#e4edf5;font-size:14px;line-height:1.65}.portal-service-hero .button-link{display:inline-flex;margin-top:20px;background:var(--orange)}.portal-service-totals{display:grid;align-content:center;gap:1px;background:#ffffff24}.portal-service-totals span{padding:14px 17px;background:#ffffff12;color:#eef5fa;font-size:12px}.portal-service-totals b{display:inline-block;min-width:34px;color:#fff;font-size:22px;font-weight:500}.portal-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:30px}.portal-service-grid article{display:flex;min-height:210px;flex-direction:column;padding:23px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}.portal-service-grid article>small{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:1.2px}.portal-service-grid h3{margin:7px 0;color:var(--blue);font-size:21px;font-weight:500}.portal-service-grid p{flex:1;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.portal-service-grid footer{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:18px}.portal-service-grid time{color:var(--muted);font-size:10px;text-align:right}.service-status{display:inline-flex;padding:6px 9px;background:#edf7f0;color:#316943;font-size:9px;font-weight:700}.service-status.pending{background:#eef4f9;color:var(--blue)}.service-status.ending{background:#fff0e4;color:#9a4a16}.service-status.ended{background:#eef1f3;color:#67747c}.portal-empty-state{margin:0 0 30px;padding:42px;text-align:center;background:#fff;border:1px solid var(--line)}.portal-empty-state>span{display:grid;width:54px;height:54px;margin:0 auto 14px;place-items:center;border-radius:50%;background:#eef4f9;color:var(--blue);font-size:24px}.portal-empty-state h2{margin:0;color:var(--blue);font-size:25px;font-weight:500}.portal-empty-state p{max-width:650px;margin:8px auto 0;color:var(--muted);font-size:13px;line-height:1.65}.portal-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding:25px 28px;background:#eef4f9;border-left:5px solid var(--orange)}.portal-contact-strip small{color:var(--orange)}.portal-contact-strip h2{margin:5px 0;color:var(--blue);font-size:24px;font-weight:500}.portal-contact-strip p{margin:0;color:var(--muted);font-size:12px}.portal-contact-strip>a{flex:none;color:var(--orange);font-size:13px;font-weight:700;text-decoration:none}
.customer-profile-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 29px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--blue)}.customer-profile-card small{color:var(--orange)}.customer-profile-card h2{margin:5px 0;color:var(--blue);font-size:27px;font-weight:500}.customer-profile-card p{margin:0;color:var(--muted);font-size:12px}.customer-profile-card>span{padding:7px 10px;background:#edf7f0;color:#316943;font-size:10px;font-weight:700}.service-page-heading{margin-top:31px}.customer-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-service-list article{padding:24px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}.customer-service-list article.ending{border-top-color:var(--orange)}.customer-service-list article.ended{border-top-color:#9ba7af;opacity:.8}.customer-service-list header{display:flex;align-items:start;justify-content:space-between;gap:16px;min-height:0;margin:0 0 18px;padding:0}.customer-service-list header small{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:1.2px}.customer-service-list h3{margin:5px 0;color:var(--blue);font-size:22px;font-weight:500}.customer-service-list header>span{padding:6px 9px;background:#edf7f0;color:#316943;font-size:9px;font-weight:700}.customer-service-list dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--line)}.customer-service-list dl>div{padding:11px 13px;background:#f7f9fb}.customer-service-list dt,.customer-service-list dd{margin:0}.customer-service-list dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.8px}.customer-service-list dd{margin-top:3px;color:var(--blue);font-size:11px;font-weight:600}.customer-service-list article>p{margin:15px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.customer-domain-list,.customer-dossier-domain-list{display:grid;gap:9px}.customer-domain-list article,.customer-dossier-domain-list article{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 18px;background:#fff;border:1px solid var(--line)}.customer-domain-list article>span,.customer-dossier-domain-list article>span{display:grid;width:42px;height:42px;place-items:center;background:#eef4f9;color:var(--blue);font-size:10px;font-weight:700}.customer-domain-list h3,.customer-dossier-domain-list h3{margin:0;color:var(--blue);font-size:17px;font-weight:600}.customer-domain-list p,.customer-dossier-domain-list p{margin:3px 0 0;color:var(--muted);font-size:10px}.customer-domain-list article>div:last-child,.customer-dossier-domain-list article>div:last-child{text-align:right}.customer-domain-list b,.customer-domain-list small,.customer-dossier-domain-list b,.customer-dossier-domain-list small{display:block}.customer-domain-list b,.customer-dossier-domain-list b{color:#316943;font-size:10px}.customer-domain-list small,.customer-dossier-domain-list small{margin-top:3px;color:var(--muted);font-size:9px}.customer-service-note{padding:18px;background:#fff;color:var(--muted);border:1px solid var(--line);font-size:12px}
.customer-dossier-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-5px 0 17px;color:var(--muted);font-size:11px}.customer-dossier-toolbar a{color:var(--blue);font-weight:700;text-decoration:none}.customer-dossier-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:13px;background:var(--line);border:1px solid var(--line)}.customer-dossier-summary>div{padding:17px 19px;background:#fff}.customer-dossier-summary small,.customer-dossier-summary b{display:block}.customer-dossier-summary small{color:var(--muted);font-size:8px;letter-spacing:1px}.customer-dossier-summary b{margin-top:5px;color:var(--blue);font-size:20px;font-weight:500}.customer-dossier-jumps{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}.customer-dossier-jumps a{flex:none;padding:9px 12px;background:#eef4f9;color:var(--blue);font-size:10px;font-weight:700;text-decoration:none}.customer-dossier-panel{scroll-margin-top:95px;margin-bottom:18px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #315f9108}.customer-dossier-panel-summary{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:start;gap:20px;min-height:0;margin:0;padding:21px 24px;cursor:pointer;list-style:none}.customer-dossier-panel-summary::-webkit-details-marker{display:none}.customer-dossier-panel-summary:hover{background:#f9fbfc}.customer-dossier-panel-summary:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.customer-dossier-panel[open]>.customer-dossier-panel-summary{border-bottom:1px solid var(--line)}.customer-dossier-panel-summary small{color:var(--orange)}.customer-dossier-panel-summary h2{margin:5px 0 0;color:var(--blue);font-size:23px;font-weight:500}.customer-dossier-panel-summary>span{align-self:center;color:var(--muted);font-size:10px}.customer-dossier-panel-summary>i{align-self:center;color:var(--blue);font-size:20px;font-style:normal;line-height:1;transition:transform .18s ease}.customer-dossier-panel[open]>.customer-dossier-panel-summary>i{transform:rotate(180deg);color:var(--orange)}.customer-dossier-form{display:grid;gap:15px;padding:22px 24px}.customer-dossier-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-dossier-form label{display:grid;gap:6px;color:#526674;font-size:11px;font-weight:600}.customer-dossier-form label>small{color:var(--muted);font-size:9px;font-weight:400}.customer-dossier-form input:not([type=checkbox]),.customer-dossier-form select,.customer-dossier-form textarea{width:100%;min-height:44px;border:1px solid #d1dde5;background:#fbfcfd;padding:10px 11px;color:#32485b;font:inherit;font-size:12px}.customer-dossier-form textarea{resize:vertical;line-height:1.55}.customer-dossier-form .primary{justify-self:start;border:0}.customer-internal-notes{padding:14px;background:#fff8f2;border-left:4px solid var(--orange)}.customer-contact-list{display:grid;gap:1px;background:var(--line)}.customer-contact-list article{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff}.customer-contact-list article>div{min-width:0}.customer-contact-list b,.customer-contact-list small{display:block}.customer-contact-list b{color:var(--blue);font-size:13px}.customer-contact-list small{margin-top:3px;color:var(--muted);font-size:10px}.customer-dossier-add{border-top:1px solid var(--line)}.customer-dossier-add>summary{padding:17px 23px;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer;list-style:none}.customer-dossier-add>summary::-webkit-details-marker{display:none}.customer-dossier-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 22px}.customer-dossier-service-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:17px;border:1px solid var(--line);background:#fbfcfd}.customer-dossier-service-list h3{margin:5px 0;color:var(--blue);font-size:18px;font-weight:500}.customer-dossier-service-list p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.customer-dossier-service-list dl{grid-column:1/-1;display:flex;gap:22px;margin:0;padding-top:11px;border-top:1px solid var(--line)}.customer-dossier-service-list dt,.customer-dossier-service-list dd{margin:0;font-size:9px}.customer-dossier-service-list dt{color:var(--muted)}.customer-dossier-service-list dd{margin-top:2px;color:var(--blue);font-weight:700}.customer-dossier-service-list .customer-service-edit{grid-column:1/-1}.customer-dossier-service-list .customer-service-edit>.customer-dossier-form{padding:4px 0 0}.customer-dossier-domain-list{padding:18px 22px}
@media(max-width:900px){.customer-dossier-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-service-grid{grid-template-columns:1fr 1fr}.customer-dossier-summary{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.portal-service-hero{grid-template-columns:1fr;margin-left:-18px;margin-right:-18px;padding:28px 21px}.portal-service-hero h2{font-size:28px}.portal-service-hero p{font-size:16px}.portal-service-grid,.customer-service-list,.customer-dossier-service-list{grid-template-columns:1fr}.portal-service-grid article{min-height:0}.portal-service-grid p,.customer-service-list article>p{font-size:14px}.portal-contact-strip{align-items:flex-start;flex-direction:column;margin-left:-18px;margin-right:-18px;padding:23px 20px}.portal-contact-strip p,.portal-contact-strip>a{font-size:14px}.customer-profile-card{align-items:flex-start;flex-direction:column;margin-left:-18px;margin-right:-18px;padding:22px 20px}.customer-profile-card h2{font-size:25px}.customer-profile-card p{font-size:14px;line-height:1.55}.customer-service-list{margin-left:-18px;margin-right:-18px}.customer-service-list article{padding:22px 20px;border-left:0;border-right:0}.customer-service-list dl{grid-template-columns:1fr}.customer-service-list dt{font-size:10px}.customer-service-list dd{font-size:14px}.customer-domain-list,.customer-dossier-domain-list{margin-left:-18px;margin-right:-18px}.customer-domain-list article,.customer-dossier-domain-list article{grid-template-columns:42px minmax(0,1fr);padding:14px}.customer-domain-list article>div:last-child,.customer-dossier-domain-list article>div:last-child{grid-column:2;text-align:left}.customer-domain-list h3,.customer-dossier-domain-list h3{font-size:16px}.customer-domain-list p,.customer-domain-list b,.customer-domain-list small,.customer-dossier-domain-list p,.customer-dossier-domain-list b,.customer-dossier-domain-list small{font-size:12px}.customer-dossier-toolbar{align-items:flex-start;flex-direction:column}.customer-dossier-summary{margin-left:-18px;margin-right:-18px}.customer-dossier-summary>div{padding:14px}.customer-dossier-jumps{margin-left:-18px;margin-right:-18px;padding:0 18px}.customer-dossier-jumps a{font-size:13px}.customer-dossier-panel{margin-left:-18px;margin-right:-18px;border-left:0;border-right:0}.customer-dossier-panel-summary{grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:19px 20px}.customer-dossier-panel-summary h2{font-size:24px}.customer-dossier-panel-summary>span{grid-column:1;font-size:11px}.customer-dossier-panel-summary>i{grid-column:2;grid-row:1/3}.customer-dossier-form{padding:20px}.customer-dossier-form-grid{grid-template-columns:1fr}.customer-dossier-form label{font-size:15px}.customer-dossier-form input:not([type=checkbox]),.customer-dossier-form select,.customer-dossier-form textarea{min-height:51px;font-size:16px}.customer-dossier-service-list{padding:15px}.customer-dossier-service-list h3{font-size:20px}.customer-dossier-service-list p{font-size:13px}.customer-contact-list b{font-size:15px}.customer-contact-list small{font-size:13px}.customer-dossier-add>summary{font-size:15px}}
.customer-dossier-panel-summary,.customer-service-list header{height:auto}
.customer-service-context{display:flex;gap:8px 24px;align-items:baseline;margin:0 0 22px;padding:15px 18px;border-left:3px solid var(--orange);background:#fff8f2;color:#65717e;font-size:14px;line-height:1.55}.customer-service-context b{color:var(--blue)}
@media(max-width:680px){.customer-service-context{display:block}.customer-service-context span{display:block;margin-top:4px}}

/* Klantportaal: diensten moeten ook zonder inzoomen rustig leesbaar zijn. */
.service-page-heading h2{font-size:34px}
.customer-service-list article{padding:30px}
.customer-service-list article,.customer-service-list article>*{min-width:0}
.customer-service-list h3,.customer-service-list dd,.customer-service-list article>p{overflow-wrap:anywhere}
.customer-service-list header small{font-size:13px}
.customer-service-list h3{font-size:27px}
.customer-service-list header>span{font-size:13px}
.customer-service-list dl>div{padding:17px 18px}
.customer-service-list dt{font-size:12px;line-height:1.4}
.customer-service-list dd{margin-top:6px;font-size:16px;line-height:1.45}
.customer-service-list article>p{margin-top:20px;font-size:17px;line-height:1.65}
.customer-domain-list h3{font-size:21px}
.customer-domain-list p,.customer-domain-list b{font-size:14px}
.customer-domain-list small{font-size:13px}

/* Hosting en de bijbehorende domeinen staan als één herkenbaar websitepakket bij elkaar. */
.customer-website-package-list,.admin-website-package-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:16px}.customer-website-package,.admin-website-package{overflow:hidden;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);box-shadow:0 8px 22px #315f910a}.customer-website-package.ending,.admin-website-package.ending{border-top-color:var(--orange)}.customer-website-package.ended,.admin-website-package.ended{border-top-color:#9ba7af;opacity:.82}.customer-website-package>header,.admin-website-package>header{display:flex;height:auto;align-items:flex-start;justify-content:space-between;gap:18px;min-height:0;margin:0;padding:27px 28px 20px}.customer-website-package>header small,.admin-website-package>header small,.website-package-domains>small,.admin-package-domains>small,.admin-unlinked-domains>small{display:block;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.25px}.customer-website-package h3,.admin-website-package h3{margin:6px 0;color:var(--blue);font-size:25px;font-weight:500}.customer-website-package>header p,.admin-website-package>header p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.customer-website-package>dl,.admin-website-package>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 28px 24px;background:var(--line)}.customer-website-package>dl>div,.admin-website-package>dl>div{padding:14px 15px;background:#f6f9fb}.customer-website-package dt,.customer-website-package dd,.admin-website-package dt,.admin-website-package dd{margin:0}.customer-website-package dt,.admin-website-package dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.customer-website-package dd,.admin-website-package dd{margin-top:4px;color:var(--blue);font-size:14px;font-weight:700;line-height:1.45}.website-package-domains,.admin-package-domains{padding:20px 28px 25px;background:#f7f9fb;border-top:1px solid var(--line)}.website-package-domains>p,.admin-package-domains>p{margin:12px 0 0;color:var(--muted);font-size:13px}.website-package-domain,.admin-package-domain{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;margin-top:10px;padding:13px 14px;background:#fff;border:1px solid var(--line)}.website-package-domain>span,.admin-package-domain>span{display:grid;width:40px;height:40px;place-items:center;background:#eef4f9;color:var(--blue);font-size:10px;font-weight:700}.website-package-domain b,.website-package-domain small,.website-package-domain strong,.admin-package-domain b,.admin-package-domain small{display:block}.website-package-domain b,.admin-package-domain b{color:var(--blue);font-size:16px}.website-package-domain small,.admin-package-domain small{margin-top:3px;color:var(--muted);font-size:11px}.website-package-domain>div:last-child{text-align:right}.website-package-domain strong{color:#316943;font-size:11px}.unlinked-domain-section{margin-top:18px;padding:22px;background:#fff8f2;border-left:4px solid var(--orange)}.unlinked-domain-section>small{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.25px}.unlinked-domain-section>h3{margin:5px 0 15px;color:var(--blue);font-size:20px;font-weight:500}.admin-website-package-list{padding:20px 22px}.admin-website-package>header{padding:20px 20px 15px}.admin-website-package>header p{font-size:12px}.admin-website-package>dl{margin:0 20px 18px}.admin-package-domains{padding:17px 20px 20px}.admin-unlinked-domains{margin:0 22px 20px;padding:19px;background:#fff8f2;border-left:4px solid var(--orange)}.admin-unlinked-domains>h3{margin:5px 0 12px;color:var(--blue);font-size:18px;font-weight:500}.domain-hosting-link-form{display:flex;align-items:flex-end;gap:7px}.domain-hosting-link-form label{display:grid;gap:3px;color:var(--muted);font-size:9px}.domain-hosting-link-form select{min-width:150px;height:36px;border:1px solid #d1dde5;background:#fbfcfd;padding:6px;color:#32485b;font:inherit;font-size:11px}.domain-hosting-link-form button{height:36px;border:0;background:var(--blue);padding:0 11px;color:#fff;font:inherit;font-size:10px;font-weight:700;cursor:pointer}

.admin-domain-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}.admin-domain-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);box-shadow:0 7px 18px #315f9108}.admin-domain-card.unlinked{border-top-color:var(--orange)}.admin-domain-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px}.admin-domain-card>header small{display:block;color:var(--orange);font-size:9px;font-weight:700;letter-spacing:1.1px}.admin-domain-card h4{margin:5px 0 0;color:var(--blue);font-size:19px;font-weight:500;line-height:1.25;overflow-wrap:anywhere}.admin-domain-card>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 18px;background:var(--line)}.admin-domain-card>dl>div{min-width:0;padding:12px 13px;background:#f6f9fb}.admin-domain-card dt,.admin-domain-card dd{margin:0}.admin-domain-card dt{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.65px}.admin-domain-card dd{margin-top:4px;color:var(--blue);font-size:12px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.admin-domain-link-form{justify-content:space-between;margin-top:15px;padding:14px 18px;background:#fbfcfd;border-top:1px solid var(--line)}.admin-domain-link-form label{min-width:0;flex:1}.admin-domain-link-form select{width:100%;min-width:0}.admin-domain-no-hosting{margin:15px 18px 18px;color:var(--muted);font-size:12px}
.customer-domain-card>dl{margin-bottom:18px}.customer-domain-card.ending{border-top-color:var(--orange)}.customer-domain-card.ended{border-top-color:#9ba7af;opacity:.82}

/* Contactpersonen volgen dezelfde vaste 1/3-, 2/3- en 3/3-verdeling als domeinen. */
.customer-contact-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;padding:18px 22px;background:#fff}.customer-contact-card{min-width:0;background:#fbfcfd;border:1px solid var(--line);border-top:3px solid var(--blue)}.customer-contact-card>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:16px;cursor:pointer;list-style:none;transition:background .18s ease}.customer-contact-card>summary:hover{background:#f2f7fa}.customer-contact-card>summary:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.customer-contact-card>summary::-webkit-details-marker{display:none}.customer-contact-card>summary>div{min-width:0}.customer-contact-list b,.customer-contact-list small{overflow-wrap:anywhere}.customer-contact-list small{line-height:1.5}.customer-contact-action{align-self:start;color:var(--blue);font-size:10px;font-weight:700}.customer-contact-card[open] .customer-contact-action{color:var(--orange)}.customer-contact-card .customer-dossier-form{gap:13px;padding:16px;border-top:1px solid var(--line);background:#fff}.customer-contact-card .customer-dossier-form-grid{grid-template-columns:1fr}.customer-contact-shared-note{margin:0;padding:11px 12px;background:#eef4f9;color:var(--muted);font-size:10px;line-height:1.55}.customer-contact-add-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px;background:#f6f9fb;border-top:1px solid var(--line)}.customer-contact-add-options>section{min-width:0;padding:20px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue)}.customer-contact-add-options>section>small{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:1px}.customer-contact-add-options h3{margin:7px 0;color:var(--blue);font-size:20px;font-weight:500}.customer-contact-add-options>section>p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.customer-contact-add-options .customer-dossier-form{padding:17px 0 0}.customer-contact-add-options .customer-dossier-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:720px){
  .service-page-heading h2{font-size:30px}
  .customer-service-list article{padding:25px 20px}
  .customer-service-list header small,.customer-service-list header>span{font-size:12px}
  .customer-service-list h3{font-size:25px}
  .customer-service-list dt{font-size:12px}
  .customer-service-list dd{font-size:16px}
  .customer-service-list article>p{font-size:16px}
  .customer-website-package-list,.admin-website-package-list{grid-template-columns:1fr;margin-left:-18px;margin-right:-18px}.customer-website-package,.admin-website-package{border-left:0;border-right:0}.customer-website-package>header,.admin-website-package>header{padding:23px 20px}.customer-website-package h3,.admin-website-package h3{font-size:24px}.customer-website-package>dl,.admin-website-package>dl{grid-template-columns:1fr;margin:0 20px 20px}.website-package-domains,.admin-package-domains{padding:19px 20px 22px}.website-package-domain,.admin-package-domain{grid-template-columns:40px minmax(0,1fr)}.website-package-domain>div:last-child{grid-column:2;text-align:left}.admin-website-package-list{padding:15px 18px}.admin-unlinked-domains{margin:0 0 18px;padding:18px}.domain-hosting-link-form{grid-column:1/-1;align-items:stretch;flex-direction:column}.domain-hosting-link-form label{font-size:12px}.domain-hosting-link-form select{width:100%;min-height:45px;font-size:15px}.domain-hosting-link-form button{height:44px;font-size:14px}.unlinked-domain-section.customer-view{margin-left:-18px;margin-right:-18px}.admin-domain-card-grid{grid-template-columns:1fr}.admin-domain-card>header{padding:17px 16px 13px}.admin-domain-card h4{font-size:20px}.admin-domain-card>dl{grid-template-columns:1fr;margin:0 16px}.admin-domain-card dd{font-size:14px}.admin-domain-link-form{padding:14px 16px 16px}
}

@media(max-width:720px){.customer-contact-list,.customer-contact-add-options{grid-template-columns:1fr;padding:15px}.customer-contact-card>summary{min-height:0}.customer-contact-action{font-size:12px}.customer-contact-shared-note,.customer-contact-add-options>section>p{font-size:13px}.customer-contact-add-options h3{font-size:22px}.customer-contact-add-options .customer-dossier-form-grid{grid-template-columns:1fr}}

/* Klanten beheren zelf uitsluitend hun zichtbare contact- en facturatiegegevens. */
.customer-account-grid .customer-profile-editor{grid-column:1/-1;padding:32px}
.customer-profile-form{gap:24px}
.customer-profile-form fieldset{margin:0;padding:22px 0 0;border:0;border-top:1px solid var(--line)}
.customer-profile-form legend{padding:0 18px 0 0;color:var(--blue);font-size:20px;font-weight:500}
.customer-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:17px}
.customer-profile-form label{font-size:15px;font-weight:600}
.customer-profile-form input,.customer-profile-form select{display:block;width:100%;height:52px;margin-top:7px;border:1px solid #d1dce4;background:#fbfcfd;padding:0 14px;color:#32485b;font:inherit;font-size:16px}
.customer-profile-form input:focus,.customer-profile-form select:focus{border-color:var(--orange);outline:3px solid #ef640018;background:#fff}
.customer-profile-overview{display:grid;gap:12px;margin:24px 0}
.customer-profile-overview section{padding:20px 22px;background:#f7f9fb;border:1px solid #e2e8ec}
.customer-profile-overview h3{margin:0 0 14px;color:var(--blue);font-size:19px;font-weight:500}
.customer-profile-overview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;margin:0}
.customer-profile-overview dt,.customer-profile-overview dd{margin:0}
.customer-profile-overview dt{color:var(--muted);font-size:12px;font-weight:600}
.customer-profile-overview dd{margin-top:4px;color:#334956;font-size:16px;font-weight:600;overflow-wrap:anywhere}
.customer-profile-edit{border-top:1px solid var(--line)}
.customer-profile-edit>summary{display:inline-flex;margin-top:22px;background:var(--orange);padding:13px 18px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.customer-profile-edit>summary::-webkit-details-marker{display:none}
.customer-profile-edit[open]>summary{background:var(--blue)}
.customer-profile-edit .customer-profile-form{margin-top:8px;padding-top:6px}
.customer-profile-actions{display:flex;align-items:center;gap:16px}
.profile-edit-cancel{padding:10px 0;color:var(--blue);font-size:14px;font-weight:700;text-decoration:none}
.customer-profile-change-note{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:#eef4f9;border-left:4px solid var(--blue)}
.customer-profile-change-note>span{display:grid;flex:0 0 28px;height:28px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:700}
.customer-profile-change-note p{margin:1px 0 0;color:#60717d;font-size:14px;line-height:1.55}
.customer-profile-change-note b{display:block;color:var(--blue);font-size:15px}
.customer-account-grid .password-card{max-width:620px;height:auto}

@media(max-width:720px){
  .customer-account-grid .customer-profile-editor{padding:23px 20px}
  .customer-profile-fields{grid-template-columns:1fr}
  .customer-profile-form legend{font-size:19px}
  .customer-profile-form label{font-size:16px}
  .customer-profile-form input,.customer-profile-form select{height:54px;font-size:17px}
  .customer-profile-change-note p{font-size:15px}
  .customer-profile-overview dl{grid-template-columns:1fr}
  .customer-profile-overview section{padding:18px}
  .customer-profile-overview dd{font-size:17px}
  .customer-profile-edit>summary,.profile-edit-cancel{font-size:16px}
  .customer-profile-actions{align-items:flex-start;flex-direction:column}
}

/* Beheerbeveiliging, auditlog en veilige klantimport */
.mfa-panel{overflow-y:auto}.mfa-steps{margin:20px 0;padding-left:22px;color:#667783;font-size:15px;line-height:1.65}.mfa-steps li+li{margin-top:7px}.mfa-secret{margin:18px 0 22px;padding:18px 20px;background:#eef4f9;border-left:3px solid var(--blue)}.mfa-secret small{display:block;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.5px}.mfa-secret code{display:block;margin:10px 0;color:#284f77;font:700 16px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.2px;word-break:break-word}.mfa-secret a{color:var(--blue);font-size:13px}.mfa-cancel{margin-top:16px}.mfa-cancel button{padding:0;border:0;background:none;color:#6f7b83;font:inherit;cursor:pointer}.mfa-active{display:flex;gap:14px;align-items:center;margin:20px 0;padding:18px;background:#eff8f1;border:1px solid #d7eadb}.mfa-active>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3f8354;color:#fff;font-weight:800}.mfa-active b,.mfa-active small{display:block}.mfa-active small{margin-top:3px;color:#68747c}.mfa-account-actions{display:flex;flex-wrap:wrap;gap:9px}.recovery-code-card{grid-column:1/-1;border-top:4px solid var(--orange)}.recovery-code-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.recovery-code-grid code{padding:13px;background:#f4f7f9;border:1px solid #dce4e9;color:#284f77;text-align:center;font-weight:800}.import-safety-banner{display:flex;gap:18px;align-items:flex-start;margin-bottom:24px;padding:20px 24px;background:#eef4f9;border-left:4px solid var(--blue)}.import-safety-banner>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.import-safety-banner b{color:#315f90}.import-safety-banner p{margin:4px 0 0;line-height:1.6;color:#667783}.import-start-grid{align-items:stretch}.import-guidance dl{margin:24px 0 0}.import-guidance dl div{padding:13px 0;border-top:1px solid #e0e5e8}.import-guidance dt{font-weight:800;color:var(--blue)}.import-guidance dd{margin:4px 0 0;color:#667783;line-height:1.5}.import-preview{margin-top:28px;background:#fff;border:1px solid #dce3e8}.import-preview>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 28px;border-bottom:1px solid #dce3e8}.import-preview header small,.security-log header small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.5px}.import-preview h2,.security-log h2{margin:5px 0 0;color:var(--blue);font-weight:500}.import-counts{display:flex;gap:8px;flex-wrap:wrap}.import-counts span{padding:9px 12px;background:#eef4f9;color:#526b7f;font-size:13px}.import-counts b{color:var(--blue);font-size:17px}.import-counts .has-errors{background:#fff0ed;color:#a3402b}.import-counts .has-errors b{color:#d64f30}.import-table-wrap{overflow-x:auto}.import-preview table{width:100%;border-collapse:collapse;min-width:820px}.import-preview th{padding:11px 16px;background:#f5f7f9;color:#677581;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.import-preview td{padding:15px 16px;border-top:1px solid #e3e7ea;vertical-align:top;color:#53636f}.import-preview td b,.import-preview td small{display:block}.import-preview td small{margin-top:4px;color:#7d8991}.import-preview tr.invalid{background:#fff8f6}.import-preview td ul{margin:0;padding-left:17px;color:#b2442c}.import-action{display:inline-block;padding:6px 9px;background:#edf3f8;color:var(--blue);font-size:11px;font-weight:800}.import-action.update{background:#fff3e9;color:#c85400}.import-valid{color:#3f8354;font-weight:800}.import-preview>footer{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:22px 28px;border-top:1px solid #dce3e8}.import-confirm{display:flex;gap:14px;align-items:end}.import-confirm label{color:#566875;font-size:13px}.import-confirm input{display:block;margin-top:6px;width:190px}.security-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.security-overview article{padding:22px;background:#fff;border-top:3px solid var(--blue)}.security-overview small,.security-overview b,.security-overview span{display:block}.security-overview small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.3px}.security-overview b{margin:8px 0 4px;color:var(--blue);font-size:24px;font-weight:500}.security-overview span{color:#6d7982;line-height:1.5}.security-log{background:#fff;border:1px solid #dce3e8}.security-log>header{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:24px 28px;border-bottom:1px solid #dce3e8}.security-log>header>span{max-width:460px;color:#71808a;font-size:13px;text-align:right}.security-log-list article{display:grid;grid-template-columns:145px 95px minmax(220px,1fr) 130px;gap:16px;align-items:center;padding:14px 20px;border-top:1px solid #e4e8eb}.security-log-list article:first-child{border-top:0}.security-log-list time{color:#6e7a82;font-variant-numeric:tabular-nums}.security-log-list b,.security-log-list small{display:block}.security-log-list small{margin-top:3px;color:#7b878e}.security-log-list code{color:#7b878e;font-size:12px}.security-outcome{padding:6px 8px;background:#eef7f0;color:#3f8354;text-align:center;font-size:11px;font-weight:800}.security-outcome.failure{background:#fff0ed;color:#b2442c}.security-outcome.blocked{background:#fff4df;color:#9b6815}
@media(max-width:900px){.recovery-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-overview{grid-template-columns:1fr}.security-log-list article{grid-template-columns:120px 85px minmax(170px,1fr)}.security-log-list code{display:none}.import-preview>header,.import-preview>footer{align-items:stretch;flex-direction:column}.import-confirm{align-items:stretch;flex-direction:column}.import-confirm input{width:100%}}
@media(max-width:600px){.mfa-panel{padding-top:26px}.mfa-secret{padding:15px}.mfa-secret code{font-size:14px}.recovery-code-grid{grid-template-columns:1fr}.security-log>header{align-items:flex-start;flex-direction:column}.security-log>header>span{text-align:left}.security-log-list article{grid-template-columns:1fr 90px}.security-log-list article>div{grid-column:1/-1}.import-safety-banner{padding:18px}.import-preview>header,.import-preview>footer{padding:20px}}

/* Centrale standaardprijzen en bewuste klantafwijkingen */
.price-catalog-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:18px;background:var(--line);border:1px solid var(--line)}
.price-catalog-summary>div{padding:20px 22px;background:#fff}.price-catalog-summary small,.price-catalog-summary b,.price-catalog-summary span{display:block}.price-catalog-summary small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1px}.price-catalog-summary b{margin-top:6px;color:var(--blue);font-size:28px;font-weight:500}.price-catalog-summary span{margin-top:2px;color:var(--muted);font-size:12px}
.price-catalog-note,.customer-price-explanation{display:flex;align-items:baseline;gap:9px 20px;margin-bottom:22px;padding:17px 20px;background:#eef4f9;border-left:4px solid var(--blue);color:#65717e;font-size:14px;line-height:1.6}.price-catalog-note b,.customer-price-explanation b{flex:none;color:var(--blue)}
.price-catalog-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:20px;align-items:start}.price-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.price-catalog-card,.price-catalog-empty{padding:23px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}.price-catalog-card.inactive{opacity:.7;border-top-color:#9aa7af}.price-catalog-card>header{display:flex;height:auto;min-height:0;margin:0 0 17px;padding:0;align-items:flex-start;justify-content:space-between;gap:12px}.price-catalog-card header small,.price-catalog-form>small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.25px}.price-catalog-card h2,.price-catalog-form h2,.price-catalog-empty h2{margin:6px 0;color:var(--blue);font-size:23px;font-weight:500}.price-catalog-card header p,.price-catalog-card>p,.price-catalog-empty p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.price-catalog-card header>span{padding:6px 9px;background:#edf7f0;color:#316943;font-size:10px;font-weight:700}.price-catalog-card.inactive header>span{background:#eef1f3;color:#67747c}.price-catalog-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 16px;background:var(--line)}.price-catalog-card dl>div{padding:12px;background:#f7f9fb}.price-catalog-card dt,.price-catalog-card dd{margin:0}.price-catalog-card dt{color:var(--muted);font-size:9px;text-transform:uppercase}.price-catalog-card dd{margin-top:4px;color:var(--blue);font-size:14px;font-weight:700}.price-catalog-card dd small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:500}.price-catalog-card>a{display:inline-flex;margin-top:17px;color:var(--orange);font-size:13px;font-weight:700;text-decoration:none}
.price-catalog-form{position:sticky;top:88px;display:grid;gap:14px;padding:25px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--orange);box-shadow:0 10px 26px #315f9110;scroll-margin-top:90px}.price-catalog-form label,.customer-price-fields label{display:grid;gap:6px;color:#526674;font-size:12px;font-weight:600}.price-catalog-form input:not([type=checkbox]),.price-catalog-form select,.price-catalog-form textarea,.customer-price-fields input,.customer-price-fields select{width:100%;min-height:46px;border:1px solid #d1dde5;background:#fbfcfd;padding:10px 11px;color:#32485b;font:inherit;font-size:14px}.price-catalog-form textarea{resize:vertical}.price-catalog-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.price-catalog-active{display:flex!important;align-items:flex-start;grid-template-columns:none!important;gap:10px!important;padding:14px;background:#f7f9fb}.price-catalog-active input{margin-top:3px}.price-catalog-active b,.price-catalog-active small{display:block}.price-catalog-active small{margin-top:3px;color:var(--muted);font-weight:400}.price-catalog-form>a{color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}
.customer-price-panel{scroll-margin-top:95px}.customer-price-panel .customer-price-explanation{margin:20px 22px 0}.customer-price-explanation a{color:var(--blue);font-weight:700;text-decoration:none}.customer-price-assignment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px 22px}.customer-price-assignment{display:grid;gap:14px;padding:18px;background:#fbfcfd;border:1px solid var(--line)}.customer-price-assignment>header{display:flex;height:auto;min-height:0;margin:0;padding:0;align-items:flex-start;justify-content:space-between;gap:12px}.customer-price-assignment header small{display:block;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.2px}.customer-price-assignment h3{margin:5px 0 0;color:var(--blue);font-size:19px;font-weight:500}.price-source{padding:6px 8px;background:#eef1f3;color:#67747c;font-size:9px;font-weight:700}.price-source.standard{background:#edf7f0;color:#316943}.price-source.custom{background:#fff0e4;color:#9a4a16}.price-source.free{background:#eef4f9;color:var(--blue)}.customer-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.customer-price-assignment>p{margin:0;padding:11px 13px;background:#eef4f9;color:var(--muted);font-size:12px}.customer-price-assignment>p b{color:var(--blue)}.customer-price-assignment>button{justify-self:start;border:0;background:var(--blue);padding:11px 14px;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
@media(max-width:1050px){.price-catalog-layout{grid-template-columns:1fr}.price-catalog-form{position:static}.customer-price-assignment-list{grid-template-columns:1fr}}
@media(max-width:720px){.price-catalog-summary{grid-template-columns:1fr;margin-left:-18px;margin-right:-18px}.price-catalog-note{display:block;margin-left:-18px;margin-right:-18px}.price-catalog-note span,.customer-price-explanation span{display:block;margin-top:5px}.price-catalog-list{grid-template-columns:1fr;margin-left:-18px;margin-right:-18px}.price-catalog-card,.price-catalog-empty{border-left:0;border-right:0}.price-catalog-card dl{grid-template-columns:1fr}.price-catalog-form{margin-left:-18px;margin-right:-18px;border-left:0;border-right:0;padding:22px 20px}.price-catalog-form-grid,.customer-price-fields{grid-template-columns:1fr}.customer-price-panel .customer-price-explanation{display:block;margin:18px}.customer-price-assignment-list{padding:15px}.customer-price-assignment>header{align-items:flex-start;flex-direction:column}.customer-price-fields label{font-size:15px}.customer-price-fields input,.customer-price-fields select{min-height:50px;font-size:16px}.customer-price-assignment>button{font-size:14px}}

/* Centrale prijscontrole per klant */
.price-review-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:18px;border:1px solid var(--line);background:var(--line)}.price-review-summary article{padding:22px;background:#fff}.price-review-summary small,.price-review-summary b,.price-review-summary span{display:block}.price-review-summary small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.2px}.price-review-summary b{margin-top:7px;color:var(--blue);font-size:31px;font-weight:500}.price-review-summary span{margin-top:2px;color:var(--muted);font-size:12px}
.price-review-safety{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;padding:20px 22px;background:#eef4f9;border-left:4px solid var(--blue)}.price-review-safety>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.price-review-safety b{color:var(--blue)}.price-review-safety p{margin:4px 0 0;color:#667783;font-size:14px;line-height:1.55}
.price-review-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.price-review-tabs a{display:flex;align-items:center;gap:9px;padding:11px 14px;background:#fff;border:1px solid var(--line);color:#61717d;font-size:13px;font-weight:700;text-decoration:none}.price-review-tabs a.active{border-color:var(--blue);background:var(--blue);color:#fff}.price-review-tabs span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#eef4f9;color:var(--blue);font-size:11px}.price-review-tabs a.active span{background:#fff;color:var(--blue)}
.price-review-customers{display:grid;gap:14px}.price-review-customer{scroll-margin-top:90px;background:#fff;border:1px solid var(--line)}.price-review-customer>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:18px;align-items:center;padding:22px 24px;cursor:pointer;list-style:none}.price-review-customer>summary::-webkit-details-marker{display:none}.price-review-customer>summary small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.2px}.price-review-customer>summary h2{margin:5px 0 0;color:var(--blue);font-size:24px;font-weight:500}.price-review-customer>summary p{margin:3px 0 0;color:var(--muted);font-size:12px}.price-review-customer>summary>span{padding:7px 10px;background:#eef4f9;color:var(--blue);font-size:11px;font-weight:700}.price-review-customer>summary i{color:var(--blue);font-size:20px;font-style:normal;transition:transform .2s}.price-review-customer[open]>summary i{transform:rotate(180deg)}.price-review-customer-body{border-top:1px solid var(--line)}
.price-review-customer-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;background:#f7f9fb}.price-review-customer-actions>a{color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}.price-review-all-standard{display:flex;align-items:center;gap:13px}.price-review-all-standard label{display:flex;align-items:flex-start;gap:9px;color:#526674;font-size:12px}.price-review-all-standard input{margin-top:3px}.price-review-all-standard b,.price-review-all-standard small{display:block}.price-review-all-standard small{margin-top:2px;color:var(--muted);font-weight:400}.price-review-all-standard button,.price-review-item>button{border:0;background:var(--orange);padding:11px 14px;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.price-review-all-standard button:disabled{background:#b9c1c7;cursor:not-allowed}
.price-review-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px}.price-review-item{display:grid;gap:14px;padding:19px;border:1px solid var(--line);border-top:4px solid #9aa7af;background:#fff}.price-review-item.standard{border-top-color:#4d8a5f}.price-review-item.custom{border-top-color:var(--orange)}.price-review-item.free{border-top-color:var(--blue)}.price-review-item>header{display:flex;height:auto;min-height:0;margin:0;padding:0;justify-content:space-between;align-items:flex-start;gap:12px}.price-review-item header small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.2px}.price-review-item h3{margin:5px 0 0;color:var(--blue);font-size:20px;font-weight:500}.review-status{padding:6px 8px;background:#eef1f3;color:#67747c;font-size:9px;font-weight:800;white-space:nowrap}.review-status.standard{background:#edf7f0;color:#316943}.review-status.custom{background:#fff0e4;color:#9a4a16}.review-status.free{background:#eef4f9;color:var(--blue)}.price-review-current{display:flex;justify-content:space-between;gap:14px;padding:11px 13px;background:#f4f7f9;color:var(--muted);font-size:11px}.price-review-current b{color:var(--blue);text-align:right}.price-review-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.price-review-fields label{display:grid;gap:6px;color:#526674;font-size:12px;font-weight:600}.price-review-fields input,.price-review-fields select{width:100%;min-height:46px;padding:10px 11px;border:1px solid #d1dde5;background:#fbfcfd;color:#32485b;font:inherit;font-size:14px}.price-review-fields label[hidden]{display:none}.price-review-suggestion,.price-review-warning{margin:0;padding:11px 13px;font-size:12px;line-height:1.5}.price-review-suggestion{background:#eef4f9;color:var(--muted)}.price-review-suggestion b{color:var(--blue)}.price-review-warning{background:#fff2e8;color:#944a19;border-left:3px solid var(--orange)}.price-review-item>button{justify-self:start;background:var(--blue)}
.price-review-empty{padding:42px 24px;background:#fff;border:1px solid var(--line);text-align:center}.price-review-empty>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:#edf7f0;color:#316943;font-size:21px}.price-review-empty h2{margin:0;color:var(--blue);font-size:25px;font-weight:500}.price-review-empty p{margin:8px 0 0;color:var(--muted)}
@media(max-width:1050px){.price-review-item-list{grid-template-columns:1fr}.price-review-customer-actions{align-items:flex-start;flex-direction:column}.price-review-all-standard{width:100%;justify-content:space-between}}
@media(max-width:720px){.price-review-summary{grid-template-columns:1fr;margin-left:-18px;margin-right:-18px}.price-review-safety,.price-review-customers{margin-left:-18px;margin-right:-18px}.price-review-tabs{margin-left:-18px;margin-right:-18px;padding:0 18px}.price-review-tabs a{flex:1;justify-content:center}.price-review-customer{border-left:0;border-right:0}.price-review-customer>summary{grid-template-columns:minmax(0,1fr) 22px;padding:20px}.price-review-customer>summary>span{display:none}.price-review-customer-actions{padding:17px 20px}.price-review-all-standard{display:grid}.price-review-all-standard button{width:100%;min-height:48px}.price-review-item-list{padding:14px}.price-review-item{padding:17px}.price-review-item>header{flex-direction:column}.price-review-fields{grid-template-columns:1fr}.price-review-fields label{font-size:15px}.price-review-fields input,.price-review-fields select{min-height:50px;font-size:16px}.price-review-current{flex-direction:column}.price-review-current b{text-align:left}.price-review-item>button{width:100%;min-height:48px;font-size:14px}}

/* Veilige eigenaarskoppelingen voor hosting, domeinen en e-mail. */
.asset-link-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:18px;border:1px solid var(--line);background:var(--line)}.asset-link-summary article{padding:21px 23px;background:#fff}.asset-link-summary small,.asset-link-summary b,.asset-link-summary span{display:block}.asset-link-summary small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.1px}.asset-link-summary b{margin-top:7px;color:var(--blue);font-size:31px;font-weight:500}.asset-link-summary span{margin-top:2px;color:var(--muted);font-size:12px}.asset-link-safety{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;padding:20px 22px;background:#eef4f9;border-left:4px solid var(--blue)}.asset-link-safety>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.asset-link-safety b{color:var(--blue)}.asset-link-safety p{margin:4px 0 0;color:#667783;font-size:14px;line-height:1.55}
.asset-link-add{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.65fr) minmax(250px,.65fr);gap:14px;align-items:start;margin-bottom:27px;padding:22px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--orange)}.asset-link-add>div small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.1px}.asset-link-add>div h2{margin:6px 0;color:var(--blue);font-size:24px;font-weight:500}.asset-link-add>div p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.asset-link-add details{border:1px solid var(--line);background:#f8fafb}.asset-link-add summary{padding:15px;color:var(--blue);font-size:13px;font-weight:700;cursor:pointer;list-style:none}.asset-link-add summary::-webkit-details-marker{display:none}.asset-link-add form{display:grid;gap:11px;padding:0 15px 16px}.asset-link-add label,.asset-link-item label{display:grid;gap:6px;color:#526674;font-size:12px;font-weight:600}.asset-link-add input,.asset-link-add select,.asset-link-item select{width:100%;min-height:46px;padding:10px 11px;border:1px solid #d1dde5;background:#fff;color:#32485b;font:inherit;font-size:14px}.asset-link-add button{border:0;justify-self:start}
.asset-link-heading{margin-top:0}.asset-link-groups{display:grid;gap:13px}.asset-link-group{background:#fff;border:1px solid var(--line)}.asset-link-group.internal{border-top:4px solid var(--orange)}.asset-link-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:18px;align-items:center;padding:20px 23px;cursor:pointer;list-style:none}.asset-link-group>summary::-webkit-details-marker{display:none}.asset-link-group>summary small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.1px}.asset-link-group>summary h2{margin:5px 0 0;color:var(--blue);font-size:22px;font-weight:500}.asset-link-group>summary p{margin:3px 0 0;color:var(--muted);font-size:11px}.asset-link-group>summary>span{padding:7px 10px;background:#eef4f9;color:var(--blue);font-size:11px;font-weight:700}.asset-link-group>summary i{color:var(--blue);font-size:20px;font-style:normal;transition:transform .2s}.asset-link-group[open]>summary i{transform:rotate(180deg)}.asset-link-items{display:grid;gap:1px;border-top:1px solid var(--line);background:var(--line)}.asset-link-item{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1fr) auto;gap:15px;align-items:end;padding:17px 20px;background:#fff}.asset-link-item>div{min-width:0}.asset-link-item>div small{display:block;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1px}.asset-link-item h3{margin:5px 0 0;color:var(--blue);font-size:18px;font-weight:500;overflow-wrap:anywhere}.asset-link-item p,.asset-link-item time{display:block;margin:4px 0 0;color:var(--muted);font-size:11px}.asset-link-item button{min-height:46px;border:0;background:var(--blue);padding:10px 14px;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.asset-link-actions{display:grid;gap:7px}.asset-link-actions details{border:1px solid #e6d8d4;background:#fff}.asset-link-actions summary{padding:8px 10px;color:#7a554b;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.asset-link-actions summary::-webkit-details-marker{display:none}.asset-link-actions details label{display:flex;grid-column:auto;align-items:flex-start;gap:8px;padding:0 10px 9px;max-width:260px;color:#6e5751;font-size:11px;line-height:1.4}.asset-link-actions details input{flex:0 0 auto;margin-top:2px}.asset-link-actions button.danger{width:100%;min-height:40px;background:#9c4938;white-space:normal}
@media(max-width:1050px){.asset-link-add{grid-template-columns:1fr 1fr}.asset-link-add>div{grid-column:1/-1}.asset-link-item{grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr)}.asset-link-item button{grid-column:2}}
@media(max-width:720px){.asset-link-summary{grid-template-columns:1fr;margin-left:-18px;margin-right:-18px}.asset-link-safety,.asset-link-add,.asset-link-groups{margin-left:-18px;margin-right:-18px}.asset-link-add{grid-template-columns:1fr;padding:20px 18px;border-left:0;border-right:0}.asset-link-add>div{grid-column:auto}.asset-link-add label,.asset-link-item label{font-size:15px}.asset-link-add input,.asset-link-add select,.asset-link-item select{min-height:50px;font-size:16px}.asset-link-groups{gap:10px}.asset-link-group{border-left:0;border-right:0}.asset-link-group>summary{grid-template-columns:minmax(0,1fr) 22px;padding:19px 18px}.asset-link-group>summary>span{display:none}.asset-link-item{grid-template-columns:1fr;padding:18px}.asset-link-item button{grid-column:auto;width:100%;min-height:50px;font-size:14px}.asset-link-heading{margin-top:27px}}

/* Alfabetisch klantenoverzicht met snel zoeken. */
.customer-admin-search{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue)}
.customer-admin-search form{display:flex;align-items:flex-end;gap:10px;flex:1}.customer-admin-search label{display:grid;flex:1;max-width:720px;gap:7px}.customer-admin-search label>span{color:var(--blue);font-size:12px;font-weight:700}.customer-admin-search input{width:100%;min-height:48px;border:1px solid #cbd9e3;background:#fbfcfd;padding:11px 14px;color:#32485b;font:inherit;font-size:15px}.customer-admin-search button{min-height:48px;border:0;background:var(--blue);padding:11px 17px;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.customer-admin-search a{padding:0 3px 14px;color:var(--blue);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.customer-admin-search>span{flex:none;padding-bottom:13px;color:var(--muted);font-size:12px}.customer-admin-card[hidden],.customer-search-empty[hidden]{display:none}.customer-search-empty{padding:34px 24px;background:#fff;border:1px solid var(--line);text-align:center}.customer-search-empty h2{margin:0;color:var(--blue);font-size:23px;font-weight:500}.customer-search-empty p{margin:7px 0 0;color:var(--muted);font-size:13px}

/* Exchange en e-mail staan als een eigen blok direct onder hosting en domeinen. */
.customer-email-service-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr))}.customer-email-service-list dd{overflow-wrap:anywhere}
.price-proposal dd,.price-proposal-inline,.price-proposal-note{color:#b94f00!important}.price-proposal-note{border-left:3px solid var(--orange)}
@media(max-width:720px){.customer-admin-search{align-items:stretch;flex-direction:column;margin-left:-8px;margin-right:-8px;padding:17px}.customer-admin-search form{align-items:stretch;display:grid;grid-template-columns:1fr auto}.customer-admin-search label{grid-column:1/-1;max-width:none}.customer-admin-search label>span{font-size:14px}.customer-admin-search input{min-height:52px;font-size:16px}.customer-admin-search button{min-height:50px;font-size:14px}.customer-admin-search a{align-self:center;padding:0 3px;font-size:13px}.customer-admin-search>span{padding:0;font-size:13px}.customer-dossier-panel .admin-website-package-list{margin-left:0;margin-right:0}}

/* Eenduidige lijniconen voor de volledige hoofdinterface. */
.ui-icon{display:block;width:1em;height:1em;overflow:visible}.nav-icon{display:grid;flex:0 0 22px;width:22px;height:22px;place-items:center;font-size:22px}.nav-icon .ui-icon{width:20px;height:20px}.nav-link{transition:background .16s ease,color .16s ease,border-color .16s ease}.nav-link:hover,.nav-link:focus-visible{background:#f4f7fa;color:var(--blue);outline:none}.nav-link.active .ui-icon{stroke-width:2.1}.support>span .ui-icon{width:17px;height:17px}.sidebar>a.support>i{display:block;width:18px;height:18px}.sidebar>a.support>i .ui-icon{width:18px;height:18px}.profile .logout-button>b{width:17px;height:17px}.profile .logout-button .ui-icon{width:17px;height:17px}.account-link{display:grid;width:38px;height:38px;place-items:center}.account-link .ui-icon{width:22px;height:22px}.mobile-menu-toggle b{display:grid;width:23px;height:23px;place-items:center}.mobile-menu-toggle .ui-icon{width:22px;height:22px}.mobile-logout-form button b{display:block;width:18px;height:18px}.mobile-logout-form button .ui-icon{width:18px;height:18px}.back-to-top span{display:grid;place-items:center;transform:none}.back-to-top .ui-icon{width:22px;height:22px}

/* Hoofdblokken van het klantdossier zijn rustig, herkenbaar en standaard gesloten. */
.customer-dossier-panel-summary>i .ui-icon{width:20px;height:20px}.customer-dossier-panel-summary>i{transform:rotate(180deg)}.customer-dossier-panel[open]>.customer-dossier-panel-summary>i{transform:rotate(0deg)}

/* Het account staat in de bovenbalk; het zijmenu blijft volledig voor navigatie. */
.topbar-profile{display:flex;align-items:center;gap:10px}.topbar-profile>a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.topbar-profile>a>.avatar{width:34px;height:34px;font-size:11px}.topbar-profile>a>span:last-child{display:block;min-width:0}.topbar-profile a b,.topbar-profile a small{display:block}.topbar-profile a b{color:#3d4b55;font-size:12px;line-height:1.15}.topbar-profile a small{margin-top:3px;color:var(--muted);font-size:9px}.topbar-profile form{margin:0}.topbar-profile button{display:flex;min-height:36px;align-items:center;gap:7px;border:1px solid #d6e0e8;border-radius:3px;background:#fff;padding:8px 10px;color:var(--blue);font-size:11px;font-weight:600}.topbar-profile button:hover,.topbar-profile button:focus-visible{border-color:var(--orange);background:#fff7f1;color:var(--orange);outline:none}.topbar-profile button .ui-icon{width:16px;height:16px}
@media(max-width:720px){.topbar-profile{gap:5px}.topbar-profile>a{gap:0}.topbar-profile>a>.avatar{width:40px;height:40px}.topbar-profile>a>span:last-child,.topbar-profile button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar-profile button{width:40px;height:40px;justify-content:center;padding:0}.topbar-profile button .ui-icon{width:19px;height:19px}}
.mobile-menu-toggle .menu-close-icon{display:none}.mobile-menu-check:checked~.content .mobile-menu-toggle .menu-open-icon{display:none}.mobile-menu-check:checked~.content .mobile-menu-toggle .menu-close-icon{display:grid}

/* Beveiligingslogboek: de algemene vaste headerhoogte mag hier niet gelden. */
.security-log>header{height:auto;min-height:0}
@media(max-width:600px){.security-log>header{gap:10px;padding:22px 20px}.security-log>header>span{line-height:1.5}.security-log-list article{grid-template-columns:minmax(0,1fr) 96px;gap:10px 14px;padding:18px 20px}.security-log-list b{font-size:16px;line-height:1.35}.security-log-list small{font-size:13px;line-height:1.4}.security-outcome{align-self:start}}

/* Rustige, gelijkwaardige actiebalk onder een klantaccount. */
.customer-account-actions{gap:10px;margin-top:2px;padding-top:18px;border-top:1px solid var(--line)}.customer-account-actions .primary,.customer-account-actions a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #cfdbe4;border-radius:2px;padding:11px 16px;background:#fff;color:var(--blue);font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.customer-account-actions .primary{border-color:var(--orange);background:var(--orange);color:#fff}.customer-account-actions .customer-dossier-link{border-color:var(--blue);background:var(--blue);color:#fff}.customer-account-actions .customer-step-card-link{border:1px solid #cfdbe4;background:#eef4f9;padding:11px 16px;color:var(--blue)}.customer-account-actions .primary:hover,.customer-account-actions .primary:focus-visible{background:#d95800;border-color:#d95800}.customer-account-actions .customer-dossier-link:hover,.customer-account-actions .customer-dossier-link:focus-visible{background:#365f8b;border-color:#365f8b;color:#fff}.customer-account-actions a:not(.customer-dossier-link):hover,.customer-account-actions a:not(.customer-dossier-link):focus-visible{border-color:#8cabc4;background:#eef4f9;color:#315f91}.customer-account-actions .primary:hover,.customer-account-actions a:hover{transform:translateY(-1px);box-shadow:0 5px 12px #315f9112;text-decoration:none}.customer-account-actions .primary:focus-visible,.customer-account-actions a:focus-visible{outline:2px solid #ef64004d;outline-offset:2px}
@media(max-width:720px){.customer-account-actions{width:100%;gap:9px}.customer-account-actions .primary,.customer-account-actions a{width:100%;min-height:50px;justify-content:space-between;padding:13px 15px;font-size:15px}}

/* Het klantenoverzicht opent direct het afzonderlijke dossier; accountbeheer staat alleen daar. */
.customer-admin-card>.customer-account-form,.customer-admin-card>.customer-delete-panel{display:none}.customer-admin-card>summary{transition:background .16s ease,box-shadow .16s ease}.customer-admin-card>summary:hover,.customer-admin-card>summary:focus-visible{background:#f5f8fb;box-shadow:inset 4px 0 0 var(--orange);outline:none}.customer-admin-card>summary>i{position:relative;width:17px;height:17px;font-size:0}.customer-admin-card>summary>i:before{content:"";position:absolute;top:3px;left:2px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.customer-dossier-account-form{border-top:0;background:#fff}.customer-account-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-dossier-account-form>.primary{justify-self:start;border:0}.customer-dossier-account-actions{margin:0;padding:18px 22px;border-top:1px solid var(--line);background:#f8fafb}.customer-account-panel>.customer-delete-panel{margin:0;border-width:1px 0 0}.customer-account-panel>.customer-delete-panel>summary{padding:15px 22px}.customer-account-panel>.customer-delete-panel>div{padding:0 22px 20px}
@media(max-width:720px){.customer-account-choice-grid{grid-template-columns:1fr}.customer-dossier-account-form>.primary{width:100%;min-height:50px;font-size:15px}.customer-dossier-account-actions{padding:16px 18px}.customer-account-panel>.customer-delete-panel>summary{padding:15px 18px}.customer-account-panel>.customer-delete-panel>div{padding:0 18px 18px}}

/* Verlengingen, klantverzoeken en gecontroleerde factuurvoorbereiding. */
.renewal-section-nav{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0 0 20px;padding:8px 18px;background:#eef4f9;border:1px solid var(--line)}
.renewal-section-nav>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:6px 0;color:var(--blue);font-size:14px;font-weight:600;line-height:1.5;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.renewal-section-nav>a:hover{color:var(--orange)}.renewal-section-nav>a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:720px){.renewal-section-nav{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.renewal-section-nav>a{font-size:15px}}
.renewal-account-intro,.renewal-admin-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:20px;padding:25px 28px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange)}.renewal-account-intro small,.renewal-admin-status small,.renewal-request-copy>small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.35px}.renewal-account-intro h2,.renewal-admin-status h2,.renewal-request-panel h2{margin:6px 0;color:var(--blue);font-size:25px;font-weight:500}.renewal-account-intro p,.renewal-admin-status p,.renewal-request-panel p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.renewal-account-intro>span{display:grid;min-width:92px;height:92px;place-items:center;border-radius:50%;background:#eef4f9;color:var(--blue);font-size:18px;font-weight:700;text-align:center}
.renewal-item-list{display:grid;gap:12px;margin-bottom:24px}.renewal-item-list>article{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:18px;padding:21px 23px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue)}.renewal-item-list small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.2px}.renewal-item-list h3{margin:6px 0 0;color:var(--blue);font-size:21px;font-weight:500}.renewal-item-list .renewal-deadline{margin:8px 0 0;color:#4678ae;font-size:11px;font-weight:700}.renewal-item-list .renewal-deadline.passed{color:#a64634}.renewal-item-list dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--line)}.renewal-item-list dl>div{padding:12px 14px;background:#f6f8fa}.renewal-item-list dt{color:var(--muted);font-size:9px;text-transform:uppercase}.renewal-item-list dd{margin:5px 0 0;color:#315f90;font-size:13px;font-weight:700}
.renewal-request-panel{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:28px;margin:30px 0;padding:29px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--orange)}.renewal-request-panel form{display:grid;gap:22px}.renewal-request-panel fieldset{display:grid;gap:9px;margin:0;padding:0;border:0}.renewal-request-panel legend,.renewal-note{display:grid;gap:8px;color:#405b70;font-size:13px;font-weight:700}.renewal-check,.renewal-action-choices label{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;background:#f7f9fb;border:1px solid var(--line);cursor:pointer}.renewal-check.cancel-passed{background:#fbf7f6}.renewal-check input,.renewal-action-choices input{margin-top:3px;accent-color:var(--orange)}.renewal-check b,.renewal-check small,.renewal-check em,.renewal-action-choices b,.renewal-action-choices small{display:block}.renewal-check b,.renewal-action-choices b{color:var(--blue);font-size:14px}.renewal-check small,.renewal-action-choices small{margin-top:3px;color:var(--muted);font-size:11px;font-weight:400}.renewal-check em{margin-top:5px;color:#4678ae;font-size:10px;font-style:normal;font-weight:700}.renewal-check.cancel-passed em{color:#a64634}.renewal-action-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.renewal-action-choices label.disabled{background:#f1f2f3;cursor:not-allowed;opacity:.65}.renewal-cutoff-feedback{padding:10px 12px;background:#fff4f1;border-left:3px solid #b9503d;color:#8b3c2e!important;font-size:12px!important}.renewal-note small{display:inline;color:var(--muted);font-weight:400}.renewal-note textarea{width:100%;padding:13px;border:1px solid #cbd9e3;background:#fbfcfd;color:#32485b;font:inherit;resize:vertical}.renewal-request-panel .primary{justify-self:start;border:0}
.renewal-request-history,.renewal-task-list{display:grid;gap:10px}.renewal-request-history article,.renewal-task-list article{padding:19px 21px;background:#fff;border:1px solid var(--line)}.renewal-request-history header,.renewal-task-list article{display:flex;justify-content:space-between;gap:18px;align-items:center}.renewal-request-history small,.renewal-task-list small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.1px}.renewal-request-history h3,.renewal-task-list h3{margin:5px 0 0;color:var(--blue);font-size:19px;font-weight:500}.renewal-request-history p,.renewal-task-list p{margin:9px 0;color:var(--muted);font-size:13px}.renewal-request-history a,.renewal-task-list a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}.renewal-request-history header>span{padding:7px 9px;background:#eef4f9;color:var(--blue);font-size:10px;font-weight:700}.renewal-request-history header>span.completed{background:#edf7f0;color:#316943}
.renewal-admin-status{grid-template-columns:1fr 1fr;padding:0;border:0;background:var(--line);gap:1px}.renewal-admin-status article{height:100%;padding:24px 26px;background:#fff;border-top:4px solid var(--blue)}.renewal-admin-status article+article{border-top-color:var(--orange)}.renewal-admin-status a{display:inline-block;margin-top:14px;color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}.renewal-admin-status article>span{display:inline-block;margin-top:14px;padding:7px 9px;background:#fff1e6;color:#a64b0a;font-size:10px;font-weight:700}.renewal-admin-list{display:grid;gap:14px}.renewal-admin-list>article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}.renewal-admin-list>article>header{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.renewal-admin-list header small{color:var(--muted);font-size:11px}.renewal-admin-list h3{margin:5px 0 0;color:var(--blue);font-size:21px;font-weight:500}.renewal-admin-list header>b{color:var(--blue);font-size:14px}.renewal-admin-list form{padding:18px 22px}.renewal-admin-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.renewal-admin-items label{display:flex;gap:9px;padding:11px 12px;background:#f6f8fa;border:1px solid var(--line)}.renewal-admin-items input{margin-top:3px;accent-color:var(--orange)}.renewal-admin-items b,.renewal-admin-items small{display:block}.renewal-admin-items b{color:var(--blue);font-size:13px}.renewal-admin-items small{margin-top:3px;color:var(--muted);font-size:10px}.renewal-admin-list button{border:0}
@media(max-width:900px){.renewal-account-intro,.renewal-request-panel{grid-template-columns:1fr}.renewal-account-intro>span{display:none}.renewal-item-list>article{grid-template-columns:1fr}.renewal-admin-items{grid-template-columns:1fr}}
@media(max-width:720px){.renewal-account-intro,.renewal-item-list,.renewal-request-panel,.renewal-admin-status,.renewal-admin-list,.renewal-request-history,.renewal-task-list{margin-left:-18px;margin-right:-18px}.renewal-account-intro,.renewal-request-panel{padding:22px 20px;border-left:0;border-right:0}.renewal-item-list>article{padding:19px 18px;border-left:0;border-right:0}.renewal-item-list dl{grid-template-columns:1fr}.renewal-action-choices,.renewal-admin-status{grid-template-columns:1fr}.renewal-request-panel legend,.renewal-note{font-size:15px}.renewal-check b,.renewal-action-choices b{font-size:16px}.renewal-check small,.renewal-action-choices small{font-size:13px}.renewal-note textarea{font-size:16px}.renewal-request-panel .primary{width:100%;min-height:51px}.renewal-admin-list>article{border-left:0;border-right:0}.renewal-admin-list>article>header,.renewal-admin-list form{padding:18px}.renewal-admin-list>article>header,.renewal-task-list article{align-items:flex-start;flex-direction:column}.renewal-request-history article,.renewal-task-list article{border-left:0;border-right:0}}
.renewal-admin-list button.secondary-save{min-height:44px;border:0;background:var(--blue);padding:11px 16px;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.renewal-admin-actions{display:flex;flex-wrap:wrap;gap:10px}.renewal-admin-list button.manual-renewal-button{min-height:44px;border:1px solid #cbd8e2;background:#fff;padding:10px 15px;color:var(--blue);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.renewal-admin-list button.manual-renewal-button:hover{border-color:var(--orange);color:var(--orange)}@media(max-width:720px){.renewal-admin-actions{display:grid}.renewal-admin-actions button{width:100%}}
.renewal-provider-settings{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:14px;padding:19px 21px;background:#eef5fa;border-left:4px solid var(--blue)}.renewal-provider-settings small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.2px}.renewal-provider-settings h3{margin:5px 0 2px;color:var(--blue);font-size:19px;font-weight:500}.renewal-provider-settings p{margin:0;color:var(--muted);font-size:12px}.renewal-provider-settings form{display:flex;align-items:end;gap:9px}.renewal-provider-settings label{color:var(--blue);font-size:10px;font-weight:700}.renewal-provider-settings input{display:block;width:270px;height:42px;margin-top:5px;border:1px solid #cbd8e2;background:#fff;padding:0 11px;font:inherit;font-size:13px}.renewal-provider-settings button{height:42px;border:0;background:var(--blue);color:#fff;padding:0 15px;font:inherit;font-size:11px;font-weight:700}.renewal-request-admin-list{display:grid;gap:14px}.renewal-request-admin-list>article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}.content .renewal-request-admin-list>article>header{display:flex;height:auto;min-height:0;justify-content:space-between;gap:20px;align-items:flex-start;padding:20px 22px}.renewal-request-admin-list header small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.1px}.renewal-request-admin-list header h3{margin:5px 0 0;color:var(--blue);font-size:20px;font-weight:500}.renewal-request-admin-list header p{margin:7px 0;color:var(--muted);font-size:13px}.renewal-request-admin-list header a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}.renewal-request-admin-list header>span{padding:7px 9px;background:#eef4f9;color:var(--blue);font-size:10px;font-weight:700}.provider-mail-draft{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fafc}.provider-mail-draft>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;cursor:pointer;list-style:none}.provider-mail-draft>summary::-webkit-details-marker{display:none}.provider-mail-draft>summary b,.provider-mail-draft>summary small{display:block}.provider-mail-draft>summary b{color:var(--blue);font-size:14px}.provider-mail-draft>summary small{margin-top:3px;color:var(--muted);font-size:11px}.provider-mail-draft>summary i{color:var(--orange);font-size:22px;font-style:normal;transition:.2s}.provider-mail-draft[open]>summary i{transform:rotate(90deg)}.provider-mail-form{display:grid;gap:14px;padding:4px 22px 22px}.provider-mail-form label{color:var(--blue);font-size:11px;font-weight:700}.provider-mail-form input,.provider-mail-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #cbd8e2;background:#fff;padding:11px 12px;font:inherit;font-size:13px}.provider-mail-form input{height:44px}.provider-mail-form textarea{min-height:290px;line-height:1.6;resize:vertical}.provider-mail-form .primary{justify-self:start;border:0}.provider-mail-warning{margin:0;padding:11px 13px;background:#fff3ea;border-left:3px solid var(--orange);color:#7c4b2c;font-size:11px}.provider-mail-error{margin:0;color:#a43b2a;font-size:11px;font-weight:700}.provider-mail-sent{padding:0 22px 20px;color:var(--blue);font-size:12px}.provider-mail-sent p{margin:5px 0 0;color:var(--muted)}.provider-mail-not-needed{display:flex;gap:10px;padding:14px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fafc;font-size:11px}.provider-mail-not-needed b{color:var(--blue)}.provider-mail-not-needed span{color:var(--muted)}.renewal-request-decision{display:flex;gap:10px;align-items:center;padding:16px 22px}.renewal-request-decision button{min-height:40px;border:0;padding:9px 14px;font:inherit;font-size:11px;font-weight:700}.renewal-request-decision .secondary-save{background:var(--blue);color:#fff}.renewal-request-decision .quiet-button{background:#fff;color:var(--blue);border:1px solid #cbd8e2}
@media(max-width:720px){.renewal-provider-settings,.renewal-request-admin-list{margin-left:-18px;margin-right:-18px}.renewal-provider-settings{align-items:stretch;flex-direction:column;border-left:0;border-right:0}.renewal-provider-settings form{align-items:stretch;flex-direction:column}.renewal-provider-settings input{width:100%;font-size:16px}.renewal-provider-settings button{width:100%}.renewal-request-admin-list>article{border-left:0;border-right:0}.renewal-request-admin-list>article>header{flex-direction:column}.provider-mail-form input,.provider-mail-form textarea{font-size:16px}.provider-mail-form .primary,.renewal-request-decision button{width:100%}.renewal-request-decision{align-items:stretch;flex-direction:column}}
.provider-mail-preview{overflow:hidden;border:1px solid #cbd8e2;background:#fff}.provider-mail-preview>header{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid #dfe6ec;background:#eef5fa}.provider-mail-preview>header b{color:var(--blue);font-size:13px}.provider-mail-preview>header small{color:var(--muted);font-size:11px;font-weight:400;text-align:right}.provider-mail-preview iframe{display:block;width:100%;height:760px;border:0;background:#fff}@media(max-width:720px){.provider-mail-preview>header{flex-direction:column}.provider-mail-preview>header small{text-align:left}.provider-mail-preview iframe{height:760px}}

/* Afgeschermde facturen uit Paperdork */
.content .customer-invoice-card>header{height:auto;border-bottom:0}
.customer-invoice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-invoice-list.admin{padding:20px 22px}.customer-invoice-card{display:flex;min-width:0;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}.customer-invoice-list.admin .customer-invoice-card{background:#fbfcfd}.customer-invoice-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-height:0;margin:0 0 18px;padding:0}.customer-invoice-card header small{display:block;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.2px}.customer-invoice-card h2,.customer-invoice-card h3{margin:6px 0 0;color:var(--blue);font-size:21px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.customer-invoice-card h3{font-size:18px}.customer-invoice-card header>span{flex:none;padding:7px 10px;background:#edf7f0;color:#316943;font-size:10px;font-weight:700}.customer-invoice-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--line)}.customer-invoice-card dl>div{padding:13px 14px;background:#f5f8fa}.customer-invoice-card dt,.customer-invoice-card dd{margin:0}.customer-invoice-card dt{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.65px}.customer-invoice-card dd{margin-top:5px;color:var(--blue);font-size:14px;font-weight:700}.customer-invoice-card>a{align-self:flex-start;margin-top:18px;color:var(--orange);font-size:13px;font-weight:700;text-decoration:none}.customer-invoice-sync-time{display:block;margin-top:14px;color:var(--muted);font-size:9px}.customer-invoice-admin-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;background:#eef4f9;border-bottom:1px solid var(--line)}.customer-invoice-admin-tools b,.customer-invoice-admin-tools span{display:block}.customer-invoice-admin-tools b{color:var(--blue);font-size:14px}.customer-invoice-admin-tools span{max-width:690px;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}.customer-invoice-admin-tools button{border:0;background:var(--blue);padding:12px 15px;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.customer-invoice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:18px}.customer-invoice-actions a,.customer-invoice-pdf-link{color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}.customer-invoice-actions .customer-invoice-pdf-link,.customer-invoice-pdf-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;background:var(--orange);color:#fff}.customer-invoice-pdf-admin{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.customer-invoice-pdf-admin>details{margin-top:10px}.customer-invoice-pdf-admin summary{color:var(--blue);font-size:12px;font-weight:700;cursor:pointer}.customer-invoice-pdf-admin form{display:grid;gap:10px;margin-top:12px;padding:13px;background:#f2f6f9}.customer-invoice-pdf-admin label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.customer-invoice-pdf-admin input[type=file]{width:100%;color:var(--text);font:inherit;font-size:11px}.customer-invoice-pdf-admin button{justify-self:start;border:0;padding:10px 13px;background:var(--blue);color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
@media(max-width:900px){.customer-invoice-list{grid-template-columns:1fr}.customer-invoice-admin-tools{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.customer-invoice-list{margin-left:-18px;margin-right:-18px}.customer-invoice-list.admin{margin:0;padding:15px}.customer-invoice-card{padding:21px 19px;border-left:0;border-right:0}.customer-invoice-list.admin .customer-invoice-card{border-left:1px solid var(--line);border-right:1px solid var(--line)}.customer-invoice-card>header{flex-direction:column}.customer-invoice-card h2{font-size:23px}.customer-invoice-card h3{font-size:20px}.customer-invoice-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-invoice-card dl>div{min-width:0;padding:12px 9px}.customer-invoice-card dt{font-size:9px;letter-spacing:.35px}.customer-invoice-card dd{font-size:15px;white-space:nowrap}.customer-invoice-card>a{font-size:15px}.customer-invoice-admin-tools{padding:18px}.customer-invoice-admin-tools b{font-size:16px}.customer-invoice-admin-tools span,.customer-invoice-admin-tools button{font-size:14px}.customer-invoice-admin-tools button{width:100%;min-height:48px;white-space:normal}}
@media(max-width:720px){.customer-invoice-actions{align-items:stretch;flex-direction:column}.customer-invoice-actions a,.customer-invoice-actions .customer-invoice-pdf-link{justify-content:center;width:100%;min-height:48px;font-size:15px}.customer-invoice-pdf-admin .customer-invoice-pdf-link{justify-content:center;width:100%;min-height:48px;font-size:14px}.customer-invoice-pdf-admin summary{font-size:14px}.customer-invoice-pdf-admin button{width:100%;min-height:44px;font-size:13px}}

/* Beheerdashboard: dagelijkse werkvoorraad, planning en klantcontact. */
.dashboard-intro{margin-bottom:28px}.dashboard-intro h1{font-size:40px;line-height:1.15}.dashboard-intro>span{max-width:850px}
.dashboard-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.dashboard-status-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;min-width:0;padding:20px 19px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.dashboard-status-card:hover,.dashboard-status-card:focus-visible{border-color:#9bb5ca;transform:translateY(-1px);box-shadow:0 8px 20px #315f9110;outline:none}
.dashboard-status-card.has-work{border-top-color:var(--orange)}
.dashboard-status-card>span{display:grid;width:46px;height:46px;place-items:center;background:#eef4f9;color:var(--blue)}
.dashboard-status-card.has-work>span{background:#fff1e7;color:var(--orange)}
.dashboard-status-card>span .ui-icon{width:22px;height:22px}
.dashboard-status-card small,.dashboard-status-card b,.dashboard-status-card p{display:block}
.dashboard-status-card small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}
.dashboard-status-card b{margin-top:3px;color:var(--blue);font-size:29px;font-weight:500;line-height:1}
.dashboard-status-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.dashboard-status-card>i{grid-column:2;margin-top:8px;color:#3f8354;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}
.dashboard-status-card.has-work>i{color:var(--orange)}
.dashboard-main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;align-items:stretch}
.dashboard-secondary-grid{grid-template-columns:1fr 1fr}
.dashboard-panel{min-width:0;background:#fff;border:1px solid var(--line)}
.dashboard-panel>header,.dashboard-quick-actions>header{display:flex;height:auto;align-items:flex-end;justify-content:space-between;gap:18px;min-height:92px;padding:21px 24px;border-bottom:1px solid var(--line)}
.dashboard-panel>header small,.dashboard-quick-actions>header small,.dashboard-create-customer summary small{display:block;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.4px}
.dashboard-panel>header h2,.dashboard-quick-actions>header h2{margin:5px 0 0;color:var(--blue);font-size:22px;font-weight:500;line-height:1.2}
.dashboard-panel>header>a{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.dashboard-panel>header>span{padding:7px 10px;background:#eef4f9;color:var(--blue);font-size:10px;font-weight:700}
.dashboard-attention-list>a{display:grid;grid-template-columns:42px minmax(0,1fr) 32px 20px;gap:14px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .16s ease}
.dashboard-attention-list>a:last-child{border-bottom:0}
.dashboard-attention-list>a:hover,.dashboard-attention-list>a:focus-visible{background:#f7fafc;outline:none}
.dashboard-attention-list>a>span{display:grid;width:42px;height:42px;place-items:center;background:#eef4f9;color:var(--blue)}
.dashboard-attention-list>a.urgent>span{background:#fff0ed;color:#b64a34}
.dashboard-attention-list>a>span .ui-icon{width:20px;height:20px}
.dashboard-attention-list b{display:block;color:var(--blue);font-size:14px}
.dashboard-attention-list p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.dashboard-attention-list strong{display:grid;min-width:30px;height:30px;place-items:center;border-radius:50%;background:#fff1e7;color:var(--orange);font-size:12px}
.dashboard-attention-list>a.urgent strong{background:#fff0ed;color:#b64a34}
.dashboard-attention-list>a>i{display:grid;place-items:center;color:var(--blue)}
.dashboard-attention-list>a>i .ui-icon{width:18px;height:18px}
.dashboard-all-clear,.dashboard-empty{display:flex;align-items:center;gap:15px;padding:25px 24px}
.dashboard-all-clear>span,.dashboard-empty>span{display:grid;flex:0 0 46px;height:46px;place-items:center;background:#edf7f0;color:#3f8354}
.dashboard-empty>span{background:#eef4f9;color:var(--blue)}
.dashboard-all-clear>span .ui-icon,.dashboard-empty>span .ui-icon{width:23px;height:23px}
.dashboard-all-clear b,.dashboard-empty b{display:block;color:var(--blue);font-size:14px}
.dashboard-all-clear p,.dashboard-empty p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.dashboard-appointment-list>a{display:grid;grid-template-columns:50px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:15px 19px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .16s ease}
.dashboard-appointment-list>a:last-child{border-bottom:0}
.dashboard-appointment-list>a:hover,.dashboard-appointment-list>a:focus-visible{background:#f7fafc;outline:none}
.dashboard-appointment-list time{display:grid;height:52px;place-items:center;align-content:center;background:#eef4f9;color:var(--blue)}
.dashboard-appointment-list time b{font-size:20px;line-height:1}
.dashboard-appointment-list time span{margin-top:3px;color:var(--orange);font-size:8px;font-weight:800;letter-spacing:1px}
.dashboard-appointment-list>a>div>b,.dashboard-appointment-list>a>div>small{display:block}
.dashboard-appointment-list>a>div>b{color:var(--blue);font-size:14px}
.dashboard-appointment-list>a>div>small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}
.dashboard-appointment-list>a>i{color:var(--blue)}
.dashboard-appointment-list>a>i .ui-icon{width:18px;height:18px}
.dashboard-conversation-list{padding:0 21px}.dashboard-conversation-list .dashboard-conversation:last-child{border-bottom:0}.dashboard-conversation .topic-icon{display:grid;width:38px;height:38px;place-items:center;background:#eef4f9;color:var(--blue)}.dashboard-conversation .topic-icon .ui-icon{width:18px;height:18px}.dashboard-conversation>i{display:grid;place-items:center}.dashboard-conversation>i .ui-icon{width:18px;height:18px}
.dashboard-upload-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .16s ease}
.dashboard-upload-list>a:last-child{border-bottom:0}.dashboard-upload-list>a:hover,.dashboard-upload-list>a:focus-visible{background:#f7fafc;outline:none}.dashboard-upload-list>a>span{display:grid;width:40px;height:40px;place-items:center;background:#eef4f9;color:var(--blue)}.dashboard-upload-list>a>span .ui-icon{width:18px;height:18px}.dashboard-upload-list b,.dashboard-upload-list small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-upload-list b{color:var(--blue);font-size:13px}.dashboard-upload-list small{margin-top:3px;color:var(--muted);font-size:10px}.dashboard-upload-list>a>i{color:var(--orange);font-size:10px;font-style:normal;font-weight:700}
.dashboard-quick-actions{margin-bottom:18px;background:#fff;border:1px solid var(--line)}
.dashboard-quick-actions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}
.dashboard-quick-actions>div>a{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:13px;align-items:center;min-width:0;padding:19px;background:#fff;color:inherit;text-decoration:none;transition:background .16s ease}
.dashboard-quick-actions>div>a:hover,.dashboard-quick-actions>div>a:focus-visible{background:#f5f8fb;outline:none}
.dashboard-quick-actions>div>a>span{display:grid;width:42px;height:42px;place-items:center;background:#eef4f9;color:var(--blue)}
.dashboard-quick-actions>div>a>span .ui-icon{width:20px;height:20px}
.dashboard-quick-actions b,.dashboard-quick-actions small{display:block}.dashboard-quick-actions b{color:var(--blue);font-size:14px}.dashboard-quick-actions small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.dashboard-quick-actions>div>a>i{color:var(--blue)}.dashboard-quick-actions>div>a>i .ui-icon{width:17px;height:17px}
.dashboard-create-customer{margin-bottom:24px;background:#fff;border:1px solid var(--line)}
.dashboard-create-customer>summary{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;gap:14px;align-items:center;padding:19px 23px;cursor:pointer;list-style:none}
.dashboard-create-customer>summary::-webkit-details-marker{display:none}
.dashboard-create-customer>summary>span{display:grid;width:44px;height:44px;place-items:center;background:#eef4f9;color:var(--blue)}
.dashboard-create-customer>summary>span .ui-icon{width:21px;height:21px}
.dashboard-create-customer summary b{display:block;margin-top:4px;color:var(--blue);font-size:17px}
.dashboard-create-customer>summary>i{color:var(--blue);transform:rotate(180deg);transition:transform .2s}.dashboard-create-customer[open]>summary>i{transform:rotate(0)}.dashboard-create-customer>summary>i .ui-icon{width:20px;height:20px}
.dashboard-create-customer>.account-form{padding:22px 23px;border-top:1px solid var(--line)}
.dashboard-create-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.dashboard-create-fields select{display:block;width:100%;height:46px;margin-top:6px;border:1px solid #d5dde3;background:#fbfcfd;padding:0 13px;color:#32485b;font:inherit;font-size:13px}.dashboard-create-customer .primary{justify-self:start;border:0}
@media(max-width:1180px){.dashboard-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid,.dashboard-secondary-grid{grid-template-columns:1fr}.dashboard-quick-actions>div{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-create-fields{grid-template-columns:1fr 1fr}.dashboard-create-fields label:last-child{grid-column:1/-1}}
@media(max-width:720px){.dashboard-intro{margin-bottom:24px}.dashboard-intro h1{font-size:31px;line-height:1.15}.dashboard-intro>span{font-size:15px;line-height:1.55}.dashboard-status-grid,.dashboard-main-grid,.dashboard-secondary-grid,.dashboard-quick-actions,.dashboard-create-customer{margin-left:-18px;margin-right:-18px}.dashboard-status-grid{grid-template-columns:1fr;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dashboard-status-card{border-left:0;border-right:0;border-bottom:0;border-top-width:0;padding:18px}.dashboard-status-card.has-work{box-shadow:inset 4px 0 0 var(--orange)}.dashboard-status-card.is-clear{box-shadow:inset 4px 0 0 #8fb99b}.dashboard-panel,.dashboard-quick-actions,.dashboard-create-customer{border-left:0;border-right:0}.dashboard-panel>header,.dashboard-quick-actions>header{min-height:0;align-items:flex-start;padding:19px 18px}.dashboard-panel>header h2,.dashboard-quick-actions>header h2{font-size:22px}.dashboard-panel>header>a{padding-top:5px}.dashboard-attention-list>a{grid-template-columns:42px minmax(0,1fr) 30px;padding:16px 18px}.dashboard-attention-list>a>i{display:none}.dashboard-attention-list b{font-size:15px}.dashboard-attention-list p{font-size:13px}.dashboard-appointment-list>a{padding:15px 18px}.dashboard-appointment-list>a>div>b{font-size:15px}.dashboard-appointment-list>a>div>small{font-size:12px}.dashboard-conversation-list{padding:0 18px}.dashboard-upload-list>a{grid-template-columns:40px minmax(0,1fr);padding:15px 18px}.dashboard-upload-list>a>i{display:none}.dashboard-upload-list b{font-size:14px}.dashboard-upload-list small{font-size:11px}.dashboard-quick-actions>div{grid-template-columns:1fr}.dashboard-quick-actions>div>a{padding:17px 18px}.dashboard-quick-actions b{font-size:15px}.dashboard-quick-actions small{font-size:12px}.dashboard-create-customer>summary{padding:18px}.dashboard-create-customer>.account-form{padding:19px 18px}.dashboard-create-fields{grid-template-columns:1fr}.dashboard-create-fields label:last-child{grid-column:auto}.dashboard-create-fields select{height:51px;font-size:16px}.dashboard-create-customer .primary{width:100%;min-height:50px;font-size:15px}}

.admin-cancellation-form{display:grid;gap:20px;padding:22px 24px}.admin-cancellation-copy{display:grid;gap:5px;padding:16px 18px;background:#eef4f9;border-left:4px solid var(--orange)}.admin-cancellation-copy b{color:var(--blue);font-size:14px}.admin-cancellation-copy span{color:var(--muted);font-size:12px;line-height:1.6}.admin-cancellation-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}.admin-cancellation-form legend{grid-column:1/-1;margin-bottom:2px;color:#405b70;font-size:13px;font-weight:700}.admin-cancellation-form .renewal-check.has-open-request{background:#f1f4f6;cursor:not-allowed;opacity:.75}.admin-cancellation-form .primary{justify-self:start;border:0}
@media(max-width:720px){.admin-cancellation-form{padding:20px}.admin-cancellation-form fieldset{grid-template-columns:1fr}.admin-cancellation-copy b{font-size:16px}.admin-cancellation-copy span{font-size:14px}.admin-cancellation-form .primary{width:100%;min-height:51px}}

.customer-renewal-dossier-body{display:grid;gap:22px;padding:22px}.customer-renewal-intro{padding:17px 19px;background:#eef5fa;border-left:4px solid var(--blue)}.customer-renewal-intro b,.customer-renewal-intro span{display:block}.customer-renewal-intro b{color:var(--blue);font-size:14px}.customer-renewal-intro span{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.6}.customer-renewal-action-form{padding:0}.customer-renewal-action-form .renewal-admin-items{margin-bottom:14px}.customer-renewal-action-form .renewal-admin-items em{display:block;margin-top:4px;color:var(--orange);font-size:9px;font-style:normal}.customer-renewal-subsection{border:1px solid var(--line);background:#fff}.customer-renewal-subsection>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;border-bottom:1px solid var(--line);background:#f8fafc}.customer-renewal-subsection>header small{color:var(--orange);font-size:9px;letter-spacing:1.1px}.customer-renewal-subsection>header h3{margin:3px 0 0;color:var(--blue);font-size:17px;font-weight:500}.customer-renewal-subsection>header>span{color:var(--blue);font-weight:700}.customer-renewal-subsection>.empty{margin:0;padding:18px}.customer-renewal-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.customer-renewal-history article{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #edf0f2}.customer-renewal-history article:last-child{border-bottom:0}.customer-renewal-history b,.customer-renewal-history small{display:block}.customer-renewal-history b{color:var(--blue);font-size:12px}.customer-renewal-history small{margin-top:4px;color:var(--muted);font-size:10px}.customer-renewal-history article>span,.customer-renewal-history article>a{color:var(--orange);font-size:10px;font-weight:700;text-decoration:none}.dashboard-renewal-worklist{margin:18px 0 24px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--orange)}.dashboard-renewal-worklist>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.dashboard-renewal-worklist>header small{color:var(--orange);font-size:9px;letter-spacing:1.1px}.dashboard-renewal-worklist>header h2{margin:4px 0 0;color:var(--blue);font-size:19px;font-weight:500}.dashboard-renewal-worklist>header>span{color:var(--blue);font-size:11px;font-weight:700}.dashboard-renewal-worklist>.empty{margin:0;padding:20px}.dashboard-renewal-worklist>div>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid #edf0f2;text-decoration:none}.dashboard-renewal-worklist>div>a:last-child{border-bottom:0}.dashboard-renewal-worklist>div>a>span,.dashboard-renewal-worklist>div>a>i{color:var(--orange)}.dashboard-renewal-worklist b,.dashboard-renewal-worklist small{display:block}.dashboard-renewal-worklist b{color:var(--blue);font-size:13px}.dashboard-renewal-worklist small{margin-top:3px;color:var(--muted);font-size:10px}.dashboard-renewal-worklist strong{color:var(--blue);font-size:12px}.dashboard-renewal-worklist i{font-style:normal}@media(max-width:720px){.customer-renewal-dossier-body{padding:18px}.customer-renewal-history-grid{grid-template-columns:1fr}.customer-renewal-action-form .renewal-admin-items{grid-template-columns:1fr}.dashboard-renewal-worklist{margin-left:-18px;margin-right:-18px;border-left:0;border-right:0}.dashboard-renewal-worklist>div>a{grid-template-columns:30px minmax(0,1fr) 16px}.dashboard-renewal-worklist strong{display:none}}

/* Factuurplanning blijft als één compacte kaart binnen het klantdossier. */
.customer-renewal-subsection>.renewal-task-list{gap:0}.customer-renewal-subsection>.renewal-task-list article{border:0;border-bottom:1px solid var(--line);background:#fff}.customer-renewal-subsection>.renewal-task-list article:last-child{border-bottom:0}.renewal-task-list article>span{flex:none;max-width:260px;padding:7px 10px;background:#eef4f9;color:var(--blue);font-size:10px;font-weight:700;line-height:1.45;text-align:center}.renewal-task-list article>div{min-width:0}
@media(max-width:720px){.customer-renewal-subsection>.renewal-task-list{margin:0}.customer-renewal-subsection>.renewal-task-list article{padding:18px 17px}.customer-renewal-subsection>.renewal-task-list h3{font-size:20px}.customer-renewal-subsection>.renewal-task-list p{font-size:14px;line-height:1.55}.customer-renewal-subsection>.renewal-task-list article>span{align-self:flex-start;max-width:100%;font-size:11px;text-align:left}}

/* Open verzoeken blijven vanuit het klantdossier direct afhandelbaar. */
.customer-renewal-request-actions{display:grid;justify-items:end;gap:7px;flex:0 0 auto}.customer-renewal-request-actions span,.customer-renewal-request-actions a{color:var(--orange);font-size:10px;font-weight:700;text-decoration:none}.customer-renewal-request-actions .customer-renewal-handle-link{padding:8px 10px;background:var(--blue);color:#fff}
@media(max-width:720px){.customer-renewal-history article:has(.customer-renewal-request-actions){align-items:flex-start;flex-direction:column}.customer-renewal-request-actions{width:100%;justify-items:stretch}.customer-renewal-request-actions .customer-renewal-handle-link{padding:11px 12px;text-align:center}}
.flash.flash-contextual{margin:14px 0}

/* Klantdossier: drie echte hoofdpanelen in plaats van één lange lijst. */
.customer-dossier-group-panel{scroll-margin-top:95px;margin-bottom:14px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);box-shadow:0 8px 24px #315f9108}.customer-dossier-group-panel>summary{display:grid;grid-template-columns:46px minmax(0,1fr) 24px;gap:16px;align-items:center;min-height:92px;padding:20px 24px;cursor:pointer;list-style:none}.customer-dossier-group-panel>summary::-webkit-details-marker{display:none}.customer-dossier-group-panel>summary:hover{background:#f7fafc}.customer-dossier-group-panel>summary:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.customer-dossier-group-panel>summary>span{display:grid;width:42px;height:42px;place-items:center;background:var(--blue);color:#fff;font-size:12px;font-weight:800}.customer-dossier-group-panel>summary small{display:block;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.2px}.customer-dossier-group-panel>summary h2{margin:4px 0 0;color:var(--blue);font-size:23px;font-weight:500}.customer-dossier-group-panel>summary p{margin:4px 0 0;color:var(--muted);font-size:11px}.customer-dossier-group-panel>summary>i{color:var(--blue);transform:rotate(180deg);transition:transform .18s}.customer-dossier-group-panel[open]>summary>i{color:var(--orange);transform:rotate(0deg)}.customer-dossier-group-panel>summary>i .ui-icon{width:22px;height:22px}.customer-dossier-group-body{padding:16px 18px 1px;border-top:1px solid var(--line);background:#f5f8fa}.customer-dossier-group-body>.customer-dossier-panel{margin-bottom:15px;box-shadow:none}.customer-dossier-group-body>.customer-dossier-panel:last-child{margin-bottom:16px}
.customer-dossier-group-body .admin-domain-card-grid{grid-template-columns:1fr}
@media(max-width:720px){.customer-dossier-group-panel{margin-left:-18px;margin-right:-18px;border-left:0;border-right:0}.customer-dossier-group-panel>summary{grid-template-columns:40px minmax(0,1fr) 22px;gap:12px;min-height:88px;padding:18px}.customer-dossier-group-panel>summary>span{width:38px;height:38px}.customer-dossier-group-panel>summary h2{font-size:22px}.customer-dossier-group-panel>summary p{font-size:13px;line-height:1.45}.customer-dossier-group-body{padding:12px 18px 1px}.customer-dossier-group-body>.customer-dossier-panel{margin-left:0;margin-right:0}}

/* Grotere, rustig leesbare letters in het linker hoofdmenu. */
.sidebar nav .nav-group>summary>span{font-size:14px;line-height:1.35}.sidebar nav .nav-group .nav-link{height:auto;min-height:48px;padding-top:9px;padding-bottom:9px;font-size:17px;line-height:1.3}

/* Automatische verlengingsstatus per klant in de dashboardwerkvoorraad. */
.dashboard-renewal-columns,.dashboard-renewal-rows>article{display:grid;grid-template-columns:minmax(260px,1fr) minmax(145px,.55fr) minmax(160px,.62fr) 90px 18px;align-items:center;gap:16px}.dashboard-renewal-columns{padding:10px 18px;background:#f7fafc;border-bottom:1px solid var(--line)}.dashboard-renewal-columns>span:first-child{display:none}.dashboard-renewal-columns b{color:var(--muted);font-size:9px;letter-spacing:.8px;text-transform:uppercase}.dashboard-renewal-columns b:nth-of-type(4){text-align:right}.dashboard-renewal-rows>article{padding:15px 18px;border-bottom:1px solid #edf0f2}.dashboard-renewal-rows>article:last-child{border-bottom:0}.dashboard-renewal-customer{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:13px;min-width:0;text-decoration:none}.dashboard-renewal-customer>span,.dashboard-renewal-arrow{color:var(--orange)}.dashboard-renewal-customer b,.dashboard-renewal-customer small{display:block}.dashboard-renewal-customer b{color:var(--blue);font-size:13px}.dashboard-renewal-customer small{margin-top:3px;color:var(--muted);font-size:10px}.dashboard-renewal-cell{min-width:0}.dashboard-renewal-status{display:inline-block;padding:5px 8px;background:#eef5fa;color:var(--blue);font-size:9px;font-style:normal;font-weight:700;line-height:1.25}.dashboard-renewal-status.attention{background:#fff1e7;color:#a44706}.dashboard-renewal-status.ready{background:#edf7f0;color:#2f7545}.dashboard-invoice-status{color:var(--blue);font-size:10px;font-weight:700;line-height:1.35;text-decoration:none}.dashboard-invoice-status.error{color:#a13737}.dashboard-invoice-status.empty{color:var(--muted)}.dashboard-renewal-rows>article>strong{color:var(--blue);font-size:12px;text-align:right}.dashboard-renewal-arrow{display:block}.dashboard-renewal-arrow .ui-icon{width:16px;height:16px}
@media(max-width:1200px){.dashboard-renewal-columns{display:none}.dashboard-renewal-rows>article{grid-template-columns:minmax(0,1fr) 16px;gap:11px 14px}.dashboard-renewal-customer{grid-column:1}.dashboard-renewal-cell,.dashboard-renewal-rows>article>strong{grid-column:1;padding-left:43px;text-align:left}.dashboard-renewal-cell::before,.dashboard-renewal-rows>article>strong::before{display:block;margin-bottom:4px;color:var(--muted);content:attr(data-label);font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.dashboard-renewal-arrow{grid-column:2;grid-row:1 / span 4;align-self:center}.dashboard-renewal-status{white-space:normal}.dashboard-renewal-rows>article>strong{font-size:12px}}

/* Concrete status explanations remain readable in narrow cards. */
.dashboard-invoice-detail{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.renewal-task-list article>span.error{background:#fff0ef;color:#a13737}.renewal-task-list article>span.attention{background:#fff1e7;color:#a44706}
.renewal-task-message summary{color:var(--muted);font-size:12px;cursor:pointer}.renewal-task-message p{overflow-wrap:anywhere}
.renewal-request-decision button:disabled{opacity:.5;cursor:not-allowed}

@media(max-width:720px){.dashboard-renewal-rows>article>strong{display:block}}

/* Directe routes blijven herkenbaar en krijgen ruimte onder de paginakop. */
[id^="customer-service-"],[id^="customer-domain-"],[id^="factuurtaak-"],[id^="klantverzoek-"],#eerdere-diensten,#stappenkaart-kopen{scroll-margin-top:95px}
.owned-summary-card li>a,.owned-module-action,.owned-support-question,.renewal-task-list .renewal-task-dossier-link{color:var(--blue);font-size:13px;font-weight:600;line-height:1.6;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.owned-summary-card li>a,.owned-module-action,.owned-support-question,.renewal-task-dossier-link{display:flex;align-items:center;min-height:44px;padding:8px 0}
.owned-support-question,.renewal-task-dossier-link{margin-top:12px}
.owned-summary-card li>a:hover,.owned-module-action:hover,.owned-support-question:hover,.renewal-task-list .renewal-task-dossier-link:hover{color:var(--orange)}
.owned-summary-card li>a:focus-visible,.owned-module-action:focus-visible,.owned-support-question:focus-visible,.renewal-task-dossier-link:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.owned-module-list .owned-module-action,.owned-module-list li>small{grid-column:2;justify-self:start}
.owned-module-list li>small{color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:720px){.owned-module-list .owned-module-action,.owned-module-list li>small{grid-column:1}}

/* Eigen diensten, ondersteuning en moduletoegang vóór aanvullend aanbod. */
.customer-owned-overview{display:grid;gap:28px}.owned-section>.section-title{margin:0 0 16px}.owned-section>.section-title h2{font-size:22px}.owned-summary-grid,.owned-step-grid,.owned-support-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.owned-step-grid{margin-top:18px}
.owned-summary-card,.owned-step-card,.owned-support-list>article{min-width:0;padding:22px;background:#fff;border:1px solid var(--line)}.owned-summary-card h3,.owned-step-card h3,.owned-support-list h3{margin:0 0 12px;color:var(--blue);font-size:18px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.owned-summary-card h3>span{font-weight:400}.owned-summary-card ul,.owned-module-list{list-style:none;margin:0;padding:0}.owned-summary-card li{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--line)}.owned-summary-card li b{font-size:14px;overflow-wrap:anywhere}.owned-summary-card li>span,.owned-summary-card p,.owned-step-card p,.owned-support-list p{font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.owned-step-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px}.owned-step-card small,.owned-next-lesson small{display:block;margin-bottom:9px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.6px}.owned-step-card a,.owned-history a,.owned-options a,.owned-assignments a{color:var(--blue);font-size:13px;line-height:1.6;text-decoration:none}.owned-step-card a{font-weight:700}
.owned-support-list>article>header{height:auto;min-height:0;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;border:0}.owned-support-list>article>header h3{margin:0}.owned-service-status{display:inline-block;padding:5px 8px;color:var(--blue);background:#eef5fa;font-size:11px;line-height:1.4}.owned-service-status.ending,.owned-service-status.pending{background:#fff1e7;color:#a44706}.owned-service-status.ended{color:var(--muted);background:#f1f3f5}.owned-support-list dl{display:grid;gap:13px;margin:0}.owned-support-list dl>div{min-width:0}.owned-support-list dt{font-size:11px;line-height:1.5;color:var(--muted)}.owned-support-list dd{margin:3px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.owned-next-lesson{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;background:#eef5fa;border-top:3px solid var(--orange)}.owned-next-lesson>div{flex:1;min-width:0}.owned-next-lesson h3{margin:0;color:var(--blue);font-size:23px;font-weight:500;line-height:1.4}.owned-next-lesson p{font-size:13px;line-height:1.6;color:var(--muted)}.owned-next-lesson .progress{margin:12px 0 0;max-width:420px}.owned-next-lesson .button-link{flex:none;font-size:13px}.owned-module-list{display:grid;gap:0;margin-top:14px;border:1px solid var(--line);background:#fff}.owned-module-list li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.owned-module-list li:last-child{border-bottom:0}.owned-module-list span{font-size:10px;color:var(--muted);line-height:1.6}.owned-module-list b{color:var(--blue);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.owned-assignments,.owned-options,.customer-services-history,.customer-support-past,.customer-support-offers{border:1px solid var(--line);background:#fff;margin-top:18px}.owned-assignments>summary,.owned-options>summary,.customer-services-history>summary,.customer-support-past>summary,.customer-support-offers>summary{padding:17px 20px;color:var(--blue);font-size:14px;line-height:1.5;font-weight:600;cursor:pointer}.owned-assignments>div,.owned-options>div{display:grid;padding:0 20px 16px;gap:10px}.owned-assignments a{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 16px;border-top:1px solid var(--line);padding:12px 0}.owned-assignments a>span{color:var(--muted);font-size:12px}.owned-history{display:grid;gap:9px;padding:18px 20px;background:#f7fafc;border:1px solid var(--line)}.owned-history>b{font-size:14px;color:var(--blue)}.owned-options{margin:0}.customer-services-history>section,.customer-support-past>.owned-support-list,.customer-support-offers>.customer-support-grid{margin:0;padding:0 20px 20px}.customer-support-offers>p,.customer-support-offers>.section-title{margin:0;padding:0 20px 18px}
@media(max-width:900px){.owned-next-lesson{align-items:flex-start;flex-direction:column}.owned-next-lesson .button-link{white-space:normal}.owned-section>.section-title{align-items:flex-start;flex-wrap:wrap;gap:10px}.owned-next-lesson>div{width:100%}}
@media(max-width:720px){.customer-owned-overview{gap:24px}.owned-summary-grid,.owned-step-grid,.owned-support-list{grid-template-columns:minmax(0,1fr)}.owned-summary-card,.owned-step-card,.owned-support-list>article{padding:18px}.owned-section>.section-title h2{font-size:21px}.owned-next-lesson{padding:20px}.owned-next-lesson h3{font-size:21px}.owned-next-lesson .button-link{width:100%;text-align:center;box-sizing:border-box}.owned-module-list li{grid-template-columns:minmax(0,1fr);gap:4px}.owned-options>summary,.owned-assignments>summary,.customer-services-history>summary,.customer-support-past>summary,.customer-support-offers>summary{padding:16px}.customer-services-history>section,.customer-support-past>.owned-support-list,.customer-support-offers>.customer-support-grid{padding-left:12px;padding-right:12px}}
.customer-services-history>.section-title{margin:0;padding:18px 20px 12px}.customer-services-history>.customer-service-list,.customer-services-history>.customer-domain-list,.customer-services-history>.owned-support-list{margin:0;padding:0 20px 20px}.customer-support-offers>.customer-support-intro{margin:0 20px 20px}.customer-support-offers>.customer-support-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
@media(max-width:720px){.customer-services-history>.section-title{padding-left:16px;padding-right:16px}.customer-services-history>.customer-service-list,.customer-services-history>.customer-domain-list,.customer-services-history>.owned-support-list{padding-left:12px;padding-right:12px}.customer-support-offers>.customer-support-intro{margin-left:12px;margin-right:12px}.customer-support-offers>.customer-support-grid{grid-template-columns:minmax(0,1fr)}}

/* Lange klantnamen en factuurstatussen blijven leesbaar op smalle schermen. */
.dashboard-renewal-customer>div,.dashboard-renewal-cell,.dashboard-renewal-rows>article>strong{min-width:0;overflow-wrap:anywhere}
.journey-access-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;margin:0 0 14px;padding:8px 0;color:var(--blue);font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.journey-access-link:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* Per-domain expiry keeps the selected scope and supplier confirmation visible. */
.renewal-request-decision{flex-wrap:wrap}
.renewal-request-decision .supplier-cancellation-confirmation{flex-basis:100%;margin-bottom:4px}
.supplier-cancellation-confirmation input{flex:0 0 auto}
.admin-domain-expiry-action{margin:14px 0 10px}
.admin-domain-expiry-action a{color:var(--blue);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.admin-cancellation-form>.customer-dossier-form{padding:0;border:0}
.provider-mail-not-needed>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:720px){.admin-domain-expiry-action a{display:inline-block;padding:8px 0;font-size:15px}.renewal-request-decision .supplier-cancellation-confirmation{flex-basis:auto}}