:root{--black:#050505;--white:#fff;--paper:#fafafa;--gray:#f0f0f0;--line:#d7d7d7;--text:#090909;--muted:#666;--orange:#ff6a1a;--side:232px}
html,body{min-height:100%;overflow-y:auto}.side{overflow-y:auto;overflow-x:hidden}.main{overflow-x:hidden!important;overflow-y:visible!important}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Poppins,Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3{line-height:1.1;letter-spacing:-.6px}p{margin-top:7px}.brand{font-size:23px;font-weight:900;letter-spacing:-1px}.topbar{display:none}.app{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;background:var(--black);color:var(--white);padding:28px 12px 18px;display:flex;flex-direction:column}.side .brand{padding:0 3px 18px}.side .brand span{color:var(--white)}.side-label{border-top:1px solid #333;color:#888;font-size:10px;font-weight:800;letter-spacing:1.1px;padding:28px 9px 10px}.side nav{display:grid;gap:3px}.side nav a{display:block;color:#fff;font-size:14px;font-weight:700;padding:12px 14px;border-left:3px solid transparent}.side nav a.active,.side nav a.snel-link.active{background:#fff;color:#000;border-left-color:#fff}.side nav a.snel-link{background:transparent;color:#fff}.side nav a.snel-link:before{content:'⚡';color:var(--orange);margin-right:10px}.side-user{border-top:1px solid #333;margin-top:auto;padding:18px 9px 0;display:grid;font-size:12px}.side-user b{font-size:13px}.side-user span{color:#aaa;overflow:hidden;text-overflow:ellipsis}.side-user a{margin-top:10px;color:#fff}.main{width:100%;max-width:1320px;padding:38px 5%;overflow:hidden}.main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.main-head small,.panel>small,.wizard-step>small{display:block;font-size:10px;font-weight:900;letter-spacing:1.2px;margin-bottom:8px}.main-head h1{font-size:34px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #111;border-radius:0;background:#fff;color:#111;padding:11px 17px;font-weight:800;cursor:pointer}.btn:hover{background:#f4f4f4}.btn.primary{background:#111;color:#fff}.btn.primary:hover{background:#333}.dash-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-card,.panel{background:#fff;border:1px solid var(--line);padding:20px}.dash-card small{font-size:12px}.dash-card strong{display:block;font-size:28px;margin:4px 0}.badge{display:inline-block;background:#eee;padding:4px 8px;font-size:11px;font-weight:700}.quick-start{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--gray);border:1px solid var(--line);border-left:4px solid #111;padding:34px 40px;margin:22px 0 28px}.quick-start small{font-size:10px;font-weight:900;letter-spacing:1px}.quick-start h3{font-size:25px;margin:7px 0}.quick-start p{max-width:700px}.customer-start{min-height:185px}.admin-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.admin-action{background:var(--gray);border:1px solid var(--line);padding:22px}.admin-action small{font-size:10px;font-weight:900;letter-spacing:1px}.admin-action h3{font-size:20px;margin:8px 0}.admin-action p{color:var(--muted);min-height:42px}.admin-action b,.text-link{font-size:13px;border-bottom:2px solid #111;font-weight:800}.main h2{font-size:23px;margin:25px 0 13px}.split{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.panel h2:first-of-type{margin-top:4px}.panel>p{color:var(--muted)}.form{display:grid;gap:13px}.form label,.wizard label{display:grid;gap:6px;font-size:12px;font-weight:800}.form label small{font-weight:400;color:var(--muted)}.form input,.form select,.form textarea,.wizard input,.wizard select,.wizard textarea{width:100%;border:1px solid #bbb;background:#fff;padding:13px}.form input:focus,.form select:focus,.form textarea:focus,.wizard input:focus,.wizard select:focus,.wizard textarea:focus{outline:2px solid #111;outline-offset:-1px}.form textarea,.wizard textarea{min-height:105px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}th{color:#666;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}td small{display:block;color:var(--muted);margin-top:3px}.alert{background:#f1f1f1;border-left:4px solid #111;padding:13px 15px;margin:14px 0}.alert.bad{background:#fff0f0;border-left-color:#b00020}.note{background:#eee;border-left:4px solid #111;padding:16px;margin:18px 0}.settings-panel,.prose{max-width:820px}.section-head,.research-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.research-head h2{font-size:31px;margin:8px 0 0}.research-head p{color:var(--muted)}.report-actions{display:flex;gap:9px}.report-nav{display:flex;gap:7px;overflow:auto;margin:22px 0}.report-nav a{white-space:nowrap;background:#fff;border:1px solid var(--line);padding:8px 11px;font-size:12px;font-weight:700}.report{display:grid;gap:18px}.report-section{scroll-margin-top:20px}.report-section>h2{font-size:27px;margin:6px 0 16px}.report-section ul{padding-left:22px}.report-fields{display:grid;gap:7px}.report-field{border-bottom:1px solid var(--line);padding:9px 0}.report-field>b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.report-field p{margin:4px 0}.report-field .report-field{background:#f7f7f7;padding:10px}.processing-note,.helper{font-size:12px;color:var(--muted)}

/* Login volgens AdsDesk */
.auth-page{min-height:100vh;background:#fff;display:grid;place-items:center;padding:32px}.auth-shell{width:min(900px,96vw);min-height:510px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;box-shadow:0 18px 45px rgba(0,0,0,.08)}.auth-pitch{background:#000;color:#fff;padding:48px 45px}.auth-pitch .brand{font-size:25px;margin-bottom:42px}.auth-pitch small,.auth-form>small{font-size:10px;font-weight:900;letter-spacing:1px}.auth-pitch h1{font-size:37px;margin:8px 0 15px}.auth-pitch p{font-size:16px}.auth-pitch ul{list-style:none;padding:18px 0 0;margin:0}.auth-pitch li{margin:11px 0}.auth-pitch li:before{content:'✓';margin-right:9px}.auth-form{background:#fff;padding:45px 42px}.auth-form h2{font-size:23px;margin:8px 0 14px}.auth-form h3{font-size:14px;margin:0 0 5px}.auth-form .btn{width:100%}.auth-divider{height:1px;background:var(--line);margin:24px 0}.pin-form{display:grid;grid-template-columns:1fr 62px;gap:8px}.pin-form input{min-width:0;border:1px solid #bbb;padding:13px}.pin-form .btn{padding:10px}.auth-form .alert{font-size:13px}

/* Onderzoekswizard volgens Snelstarter */
.wizard{display:block;background:transparent;border:0;min-height:0}.wizard-side{display:none}.wizard-main{max-width:844px;margin:0 auto;padding:0}.progress{border-top:4px double #111;background:#fff;padding:14px 24px 0;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.progress>div{height:3px;background:#ddd;margin-top:12px}.progress i{display:block;height:100%;background:#111}.wizard-step{display:none;background:var(--gray);min-height:390px;padding:42px 44px}.wizard-step.active{display:grid;align-content:start;gap:14px}.wizard-step>small{background:#111;color:#fff;width:38px;height:38px;display:grid;place-items:center;font-size:0;margin-bottom:6px}.wizard-step>small:after{content:counter(wizard-step);font-size:13px}.wizard-main{counter-reset:wizard-step}.wizard-step{counter-increment:wizard-step}.wizard-step:last-of-type>small{width:auto;padding:0 12px;font-size:10px;display:inline-grid;place-items:center}.wizard-step:last-of-type>small:after{display:none}.wizard-step h2{font-size:29px;margin:0}.wizard-step>p{color:#333;margin:0 0 4px}.wizard-step input,.wizard-step textarea,.wizard-step select{font-size:15px}.wizard-actions{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-top:0;padding:16px 23px;margin:0}.wizard-summary{background:#fff;border:1px solid var(--line);padding:6px 17px}.wizard-summary>div{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.wizard-summary>div:last-child{border:0}.wizard-summary b{font-size:11px}.wizard-summary span{font-size:12px}

@media(max-width:960px){.dash-row,.admin-actions{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-pitch{display:none}}
@media(max-width:720px){.app{display:block}.side{position:static;width:100%;height:auto}.side-label,.side-user{display:none}.side nav{display:flex;overflow:auto}.side nav a{white-space:nowrap}.main{padding:24px 4%}.main-head{flex-direction:column}.dash-row,.admin-actions,.form-row{grid-template-columns:1fr}.quick-start{align-items:flex-start;flex-direction:column;padding:25px}.wizard-step{padding:28px 20px;min-height:430px}.wizard-summary>div{grid-template-columns:1fr;gap:2px}.auth-page{padding:12px}.auth-form{padding:30px 22px}.research-head,.report-actions{flex-direction:column}}

/* De vraaglabels blijven letterlijk zichtbaar, zoals in het AdsDesk-voorbeeld. */
.wizard-step>small,.wizard-step:last-of-type>small{width:max-content;min-height:38px;height:auto;padding:0 12px;display:inline-grid;place-items:center;font-size:10px}
.wizard-step>small:after,.wizard-step:last-of-type>small:after{display:none;content:none}

.research-progress{position:relative;overflow:hidden;display:grid;gap:5px;background:#eee;border-left:4px solid #111;padding:17px 20px;margin:0 0 18px}.research-progress span{font-size:13px;color:#555}.research-progress i{position:absolute;left:0;bottom:0;height:3px;width:35%;background:#111;animation:research-progress 1.5s ease-in-out infinite alternate}.research-progress[hidden]{display:none}@keyframes research-progress{from{transform:translateX(-70%)}to{transform:translateX(260%)}}
.research-progress.worker-error{background:#fff0f0;border-left-color:#b00020}.research-progress.worker-error i{display:none}.research-progress.worker-error span{color:#7a0016}
.research-type-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.research-type-options label{position:relative;display:block;cursor:pointer}.research-type-options input{position:absolute;opacity:0;width:1px;height:1px}.research-type-options span{display:grid;gap:8px;min-height:145px;background:#fff;border:1px solid #aaa;padding:24px}.research-type-options span b{font-size:16px}.research-type-options span small{font-size:12px;font-weight:400;color:#555}.research-type-options input:checked+span{outline:3px solid #111;outline-offset:-3px}.research-progress i{transition:width .35s ease}
.research-progress>p{margin:5px 0 12px;font-size:13px;max-width:900px}.research-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:0;margin:3px 0 5px}.research-stages li{display:flex;align-items:center;gap:9px;background:#ddd;color:#666;padding:10px 12px;font-size:12px}.research-stages li>b{display:grid;place-items:center;width:23px;height:23px;background:#aaa;color:#fff}.research-stages li.current{background:#fff;color:#111;outline:2px solid #111;outline-offset:-2px}.research-stages li.current>b{background:#111}.research-stages li.done{background:#111;color:#fff}.research-stages li.done>b{background:#fff;color:#111}.research-stages li.done>b:after{content:'✓';font-size:12px}.research-stages li.done>b{font-size:0}
.log-download{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.log-download p{font-size:12px;color:var(--muted);margin:5px 0}.log-download .btn{white-space:nowrap}
.report-tabs-enabled .report-section{display:none}.report-tabs-enabled .report-section.active{display:block}.report-nav{position:sticky;top:0;z-index:8;background:var(--paper);padding:10px 0;margin:10px 0 18px}.report-nav a.active{background:#111;color:#fff;border-color:#111}.report-nav a{cursor:pointer}.report{display:block}.report-section{margin-bottom:18px}
.btn.danger{border-color:#8b0016;color:#8b0016;background:#fff}.btn.danger:hover{background:#fff0f0}.delete-research-form{display:flex;justify-content:flex-end;margin:-8px 0 14px}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.table-actions form{margin:0}
.content-maker{margin:18px 0;background:#eee}.content-maker-form{display:grid;gap:12px}.content-maker-form label{display:grid;gap:6px;font-size:12px;font-weight:800}.content-maker-form input{border:1px solid #aaa;background:#fff;padding:13px}.content-maker-actions,.content-export-actions{display:flex;gap:9px;flex-wrap:wrap}.content-status{display:grid;gap:5px;background:#eee;border-left:4px solid #111;padding:16px;margin:16px 0}.content-status span{font-size:13px}.content-output{margin-top:16px}.content-output>.report-fields>.report-field{padding:16px 0}.content-export-actions{justify-content:flex-end}
.topic-chips{display:flex;gap:7px;flex-wrap:wrap}.topic-chips button{border:1px solid #aaa;background:#fff;padding:7px 9px;font-size:11px;cursor:pointer}.topic-chips button:hover{border-color:#111;background:#111;color:#fff}
.method-version{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#111;color:#fff;padding:20px 24px;margin-bottom:18px}.method-version small{display:block;font-size:10px;font-weight:900;letter-spacing:1px}.method-version strong{display:block;font-size:24px}.method-version p{max-width:620px;margin:0;color:#ddd}.rules-layout{grid-template-columns:390px minmax(0,1fr)}.rules-list{display:grid;gap:10px}.rule-card{border:1px solid var(--line);background:#f5f5f5;padding:16px}.rule-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rule-card h3{margin:8px 0 0;font-size:18px}.rule-card p{white-space:normal}.rule-card>small{color:var(--muted);font-weight:700}.rule-card .btn{padding:7px 10px;font-size:11px}
.ten-week-plan{background:#eee;border-left:5px solid #111;margin:18px 0 24px;padding:28px}.ten-week-plan>h2{font-size:29px;margin:5px 0 8px}.ten-week-plan>.report-fields>.report-field:last-child>ul{list-style:none;padding:0;display:grid;gap:12px}.ten-week-plan>.report-fields>.report-field:last-child>ul>li{background:#fff;border:1px solid var(--line);padding:20px}.ten-week-plan>.report-fields>.report-field:last-child>ul>li>.report-fields>.report-field:first-child b{font-size:16px}.ten-week-plan .report-field .report-field{background:#f3f3f3}.ten-week-plan .report-field p{line-height:1.55}
.research-head{align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}.research-head>div:first-child{max-width:680px}.research-actions-menu{position:relative;min-width:190px}.research-actions-menu summary{list-style:none;border:1px solid #111;background:#111;color:#fff;padding:11px 16px;font-size:13px;font-weight:800;cursor:pointer;text-align:center}.research-actions-menu summary::-webkit-details-marker{display:none}.research-actions-menu summary:after{content:' +';margin-left:7px}.research-actions-menu[open] summary:after{content:' -'}.research-actions-body{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:250px;background:#fff;border:1px solid #111;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.14);display:grid;gap:5px}.research-actions-body .btn,.research-actions-body form,.research-actions-body form .btn{width:100%;margin:0}.research-actions-body .btn{justify-content:flex-start;background:#fff;color:#111;border-color:var(--line);font-size:12px;padding:10px}.research-actions-body .btn.primary{background:#111;color:#fff}.research-actions-body .btn.danger{color:#8b0016}.delete-research-form{display:block;margin:0}
.content-maker{padding:0;background:#eee}.content-maker-toggle{width:100%;border:0;background:#eee;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.content-maker-toggle span{display:grid}.content-maker-toggle small{font-size:9px;font-weight:900;letter-spacing:1px}.content-maker-toggle b{font-size:18px}.content-maker-toggle i{font-style:normal;font-size:12px;font-weight:800}.content-maker-body{padding:4px 20px 20px}.content-maker.collapsed .content-maker-body{display:none}.topic-select{display:grid;gap:6px;font-size:12px;font-weight:800}.topic-select select{width:100%;border:1px solid #aaa;background:#fff;padding:12px}.content-maker-actions .btn{padding:9px 13px;font-size:12px}
.report-nav{position:sticky;top:0;overflow:visible;padding:10px 0;background:var(--paper);border-bottom:1px solid var(--line)}.report-nav label{display:grid;grid-template-columns:auto minmax(240px,420px);align-items:center;gap:14px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.report-nav select{width:100%;border:1px solid #111;background:#fff;padding:11px 38px 11px 12px;font-size:13px;font-weight:700;text-transform:none;letter-spacing:0}.report-nav a{display:none}.report-section{margin-top:0}.report-actions{display:none}
.ten-week-plan>.report-fields>.report-field:last-child>ul>li{padding:0}.week-step summary{list-style:none;display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:14px;padding:15px 17px;cursor:pointer}.week-step summary::-webkit-details-marker{display:none}.week-step summary b{font-size:13px}.week-step summary span{font-size:13px;font-weight:700}.week-step summary i{font-size:10px;font-style:normal;font-weight:800;color:var(--muted)}.week-step[open] summary{background:#111;color:#fff}.week-step[open] summary i{color:#fff}.week-step-body{padding:5px 17px 17px}.week-step-body>.report-fields>.report-field:first-child,.week-step-body>.report-fields>.report-field:nth-child(2){display:none}
.research-domain{font-size:15px}.research-domain+small{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.research-view-tabs{display:flex;gap:0;margin:20px 0 18px;border-bottom:1px solid var(--line)}.research-view-tabs button{min-width:160px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:13px 18px;font:700 14px Arial,Helvetica,sans-serif;cursor:pointer}.research-view-tabs button:hover{color:var(--mio-blue);background:#f8fbff}.research-view-tabs button.active{color:var(--mio-blue);border-bottom-color:var(--mio-blue);background:#fff}.research-view-tabs button:focus-visible{outline:3px solid rgba(59,97,172,.18);outline-offset:-3px}.research-view-tabs+[data-research-view-content="plan"]{margin-top:0}
@media(max-width:720px){.research-type-options{grid-template-columns:1fr}.research-type-options span{min-height:0}}
.research-start{max-width:880px;margin:0 auto}.start-intro{padding:34px 38px;background:#eee}.start-intro>h2{font-size:30px;margin:6px 0 8px}.start-intro>p{max-width:740px;margin-bottom:24px}.research-start label{display:grid;gap:7px;margin:0 0 15px;font-size:12px;font-weight:800}.research-start input,.research-start select,.research-start textarea{width:100%;border:1px solid #aaa;background:#fff;padding:13px;font:inherit}.research-start textarea{min-height:100px}.service-questions{display:grid;gap:0;border-top:4px double #111;margin-top:24px;padding-top:24px}.service-questions[hidden]{display:none}.service-questions h3{font-size:22px;margin:5px 0}.service-questions>div:first-child p{color:var(--muted);margin:5px 0 18px}.start-promise{display:grid;gap:4px;background:#fff;border-left:4px solid #111;padding:16px 18px;margin:22px 0}.start-promise span{font-size:13px;color:var(--muted)}.start-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:18px}@media(max-width:720px){.start-intro{padding:25px 20px}.start-actions{justify-content:stretch}.start-actions .btn{flex:1}.service-questions .form-row{grid-template-columns:1fr}}

/* Mio UI 1.0 - letterlijke omzetting volgens de huisstijl- en bouwinstructie. */
:root{--black:#071f45;--white:#fff;--paper:#f5f7fa;--gray:#f8fbff;--line:#dde4ee;--text:#1f2937;--muted:#667085;--orange:#f69220;--side:280px;--mio-blue:#3b61ac;--mio-dark:#28405f;--mio-ink:#071f45;--mio-green:#71c248;--mio-green-hover:#66b33f;--mio-orange:#f69220}
html,body{min-height:100%;overflow-x:hidden}body{background:var(--paper);color:var(--text);font:14px/1.48 Arial,Helvetica,sans-serif}button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}a{color:var(--mio-blue)}h1,h2,h3{letter-spacing:0}h1,.main-head h1{color:var(--mio-blue);font-size:26px;line-height:1.18;font-weight:700}h2,.main h2,.report-section>h2,.research-head h2{color:var(--mio-blue);font-size:22px;line-height:1.18;font-weight:700}h3{color:var(--mio-dark);font-size:16px;line-height:1.25}.app{display:block;min-height:100vh}.side{position:fixed;z-index:40;inset:0 auto 0 0;width:280px;height:100vh;background:#fff;color:var(--mio-dark);border-right:1px solid var(--line);padding:24px 18px 18px;overflow-y:auto;overflow-x:hidden}.side .brand{display:flex;align-items:center;min-height:68px;padding:0 10px 16px}.brand img{display:block;width:104px;height:auto}.product-name{margin:0 10px 20px;padding-top:13px;border-top:1px solid var(--line);color:var(--mio-blue);font-size:16px;font-weight:700}.side-label{border:0;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1px;padding:5px 10px 9px}.side nav{display:grid;gap:6px}.side nav a,.side nav a.snel-link{display:block;color:var(--mio-dark);background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:13px;font-weight:600}.side nav a:hover,.side nav a:focus-visible,.side nav a.active,.side nav a.snel-link.active{color:var(--mio-blue);background:#f2f6fd;border-color:#adc2e8;outline:0}.side nav a.snel-link:before{color:var(--mio-green)}.side-user{border-top:1px solid var(--line);margin-top:auto;padding:18px 10px 0;font-size:12px}.side-user b{color:var(--mio-dark)}.side-user span{color:var(--muted)}.side-user a{color:var(--mio-blue);font-weight:600}.main{width:auto;max-width:none;margin-left:280px;padding:24px 28px;overflow:visible!important}.main-head{min-height:48px;margin:0 0 20px;padding:16px 18px;align-items:center;background:#fff;border:1px solid #e7edf5;border-radius:13px;box-shadow:0 6px 18px rgba(16,24,40,.04)}.main-head h1{margin:0}.main-head small,.panel>small,.wizard-step>small,.auth-pitch small,.auth-form>small{color:var(--mio-dark);font-size:10px;font-weight:700;letter-spacing:1px}.panel,.dash-card,.admin-action{background:#fff;border:1px solid #e7edf5;border-radius:16px;padding:22px;box-shadow:0 10px 26px rgba(16,24,40,.04)}.dash-row,.admin-actions{gap:20px}.dash-card strong{color:var(--mio-blue)}.admin-action{background:#fff}.quick-start,.start-intro,.content-maker,.content-maker-toggle{background:#fff;border:1px solid #e7edf5;border-radius:16px;box-shadow:0 10px 26px rgba(16,24,40,.04)}.quick-start{border-left:4px solid var(--mio-blue);padding:26px 28px}.quick-start h3{color:var(--mio-blue)}.btn{min-height:38px;border:1px solid #d6dee8;border-radius:10px;background:#fff;color:var(--mio-dark);padding:9px 14px;font-size:13px;font-weight:600}.btn:hover{background:#f8fbff;border-color:#adc2e8;color:var(--mio-blue)}.btn:focus-visible{outline:3px solid rgba(59,97,172,.2);border-color:#adc2e8}.btn.primary,.research-actions-menu summary,.research-actions-body .btn.primary{background:var(--mio-green);border-color:var(--mio-green);color:#fff}.btn.primary:hover,.research-actions-menu summary:hover{background:var(--mio-green-hover);border-color:var(--mio-green-hover);color:#fff}.btn.danger,.research-actions-body .btn.danger{background:var(--mio-orange);border-color:var(--mio-orange);color:#fff}.btn.danger:hover{background:#de7f12;border-color:#de7f12;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.form label,.wizard label,.research-start label,.content-maker-form label,.topic-select{color:var(--mio-dark);font-size:12px;font-weight:600}.form input,.form select,.form textarea,.wizard input,.wizard select,.wizard textarea,.research-start input,.research-start select,.research-start textarea,.content-maker-form input,.topic-select select,.pin-form input,.report-nav select{min-height:38px;border:1px solid #d6dee8;border-radius:9px;background:#fff;padding:9px 11px;color:var(--text)}.form textarea,.wizard textarea,.research-start textarea{min-height:120px}.form input:focus,.form select:focus,.form textarea:focus,.wizard input:focus,.wizard select:focus,.wizard textarea:focus,.research-start input:focus,.research-start select:focus,.research-start textarea:focus,.content-maker-form input:focus,.topic-select select:focus,.pin-form input:focus,.report-nav select:focus{outline:3px solid rgba(59,97,172,.16);border-color:#adc2e8}.table-wrap{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:auto}.table-wrap.panel{padding:0}table{background:#fff}th{background:#f8fbff;color:var(--mio-blue);font-size:11px;font-weight:700}th,td{padding:12px 13px;border-bottom:1px solid var(--line)}tr:hover td{background:#fbfdff}.badge{border-radius:8px;background:#eef3fa;color:var(--mio-blue)}.alert,.note,.start-promise,.content-status,.research-progress{background:#f8fbff;border:1px solid #dce8f8;border-left:4px solid var(--mio-blue);border-radius:10px}.alert.bad,.research-progress.worker-error{background:#fff5e9;border-color:#f3d3ab;border-left-color:var(--mio-orange);color:#8a5810}.alert.ok{border-left-color:var(--mio-green)}.method-version{background:#f8fbff;color:var(--mio-dark);border:1px solid var(--line);border-radius:14px}.method-version strong{color:var(--mio-blue)}.method-version p{color:var(--muted)}.rule-card{background:#fff;border-color:var(--line);border-radius:12px}.ten-week-plan{background:#fff;border:1px solid #e7edf5;border-left:5px solid var(--mio-blue);border-radius:16px}.ten-week-plan>.report-fields>.report-field:last-child>ul>li{border-radius:12px}.week-step[open] summary{background:#f2f6fd;color:var(--mio-blue)}.week-step[open] summary i{color:var(--mio-blue)}.report-nav{background:var(--paper);border-color:var(--line)}.report-nav select{border-color:#d6dee8}.research-actions-menu summary{border-radius:10px;font-weight:600}.research-actions-body{border-color:var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(16,24,40,.12)}.research-actions-body .btn{border-radius:9px}.wizard-main{max-width:880px}.progress{border:1px solid var(--line);border-radius:14px 14px 0 0;color:var(--mio-dark)}.progress i,.research-progress i{background:var(--mio-blue)}.wizard-step{background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line)}.wizard-step>small{background:#eef3fa;color:var(--mio-blue);border-radius:8px}.wizard-actions{border-color:var(--line);border-radius:0 0 14px 14px}.research-type-options span{border-color:#d6dee8;border-radius:12px}.research-type-options input:checked+span{outline:2px solid var(--mio-blue);background:#f8fbff}.research-stages li{background:#eef2f6;color:var(--muted);border-radius:9px}.research-stages li>b{border-radius:7px}.research-stages li.current{background:#f8fbff;color:var(--mio-blue);outline:2px solid var(--mio-blue)}.research-stages li.current>b,.research-stages li.done{background:var(--mio-blue)}.research-stages li.done>b{color:var(--mio-blue)}.topic-chips button{border-color:#d6dee8;border-radius:9px}.topic-chips button:hover{background:#f2f6fd;border-color:#adc2e8;color:var(--mio-blue)}.content-maker-toggle{border:0;box-shadow:none;color:var(--mio-dark)}.auth-page{background:var(--paper)}.auth-shell{width:min(900px,96vw);border:1px solid #e7edf5;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(16,24,40,.06)}.auth-pitch{background:#f8fbff;color:var(--mio-ink);padding:44px}.auth-pitch .brand{margin-bottom:34px}.auth-pitch h1{color:var(--mio-blue);font-size:30px}.auth-pitch li:before{color:var(--mio-green)}.auth-form{padding:44px}.auth-form h2{color:var(--mio-blue)}.menu-toggle,.menu-backdrop{display:none}
@media(max-width:980px){.app{display:block}.main{margin-left:0;padding:76px 22px 24px}.side{transform:translateX(-102%);width:min(320px,86vw);transition:transform .22s ease;box-shadow:12px 0 30px rgba(16,24,40,.12)}.menu-open .side{transform:translateX(0)}.menu-toggle{display:flex;position:fixed;z-index:55;top:14px;left:14px;align-items:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--mio-dark);box-shadow:0 6px 18px rgba(16,24,40,.08);font:600 13px Arial,Helvetica,sans-serif}.menu-toggle span{color:var(--mio-blue);font-size:18px}.menu-backdrop{display:block;position:fixed;z-index:35;inset:0;border:0;background:rgba(7,31,69,.28)}.menu-backdrop[hidden]{display:none}.dash-row,.admin-actions{grid-template-columns:1fr 1fr}.split,.rules-layout{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-pitch{display:none}}
@media(max-width:700px){.main{padding:70px 14px 20px}.main-head{align-items:stretch;flex-direction:column}.main-head h1{font-size:23px}.main-head .btn{width:100%}.panel,.dash-card,.admin-action{padding:18px}.dash-row,.admin-actions,.form-row{grid-template-columns:1fr}.quick-start{align-items:stretch;flex-direction:column;padding:20px}.quick-start .btn,.start-actions .btn,.content-maker-actions .btn,.content-export-actions .btn{width:100%}.wizard-step{padding:24px 18px;min-height:0}.wizard-actions{gap:10px}.wizard-actions .btn{flex:1}.research-head,.report-actions,.section-head,.log-download{flex-direction:column}.research-stages{grid-template-columns:1fr}.report-nav label{grid-template-columns:1fr}.week-step summary{grid-template-columns:65px 1fr}.week-step summary i{grid-column:2}.research-view-tabs button{min-width:0;flex:1;padding:12px 8px}.auth-page{padding:12px}.auth-form{padding:28px 20px}.pin-form{grid-template-columns:minmax(0,1fr) 70px}}

/* GeoDesk 1.4: klanttoegang, accountbeheer en Mio-rapporttabbladen. */
.header-actions{display:flex;gap:9px;align-items:center}.admin-view-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:12px 16px;background:#fff8ed;border:1px solid #f3d3ab;border-left:4px solid var(--mio-orange);border-radius:11px;color:var(--mio-dark)}.admin-view-banner .btn{flex:0 0 auto}.customer-access-panel{margin-top:20px}.customer-access-list{display:grid;gap:8px}.customer-access-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fbff}.customer-access-row span{display:grid;min-width:0}.customer-access-row b{color:var(--mio-dark)}.customer-access-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.customer-access-row .btn{white-space:nowrap}
.research-view-tabs{display:inline-flex;gap:6px;margin:20px 0 18px;padding:5px;background:#eaf0f8;border:1px solid #d5dfed;border-radius:12px;box-shadow:inset 0 1px 2px rgba(40,64,95,.04)}.research-view-tabs button{appearance:none;-webkit-appearance:none;min-width:170px;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--mio-dark)!important;padding:10px 18px!important;font:600 13px Arial,Helvetica,sans-serif!important;line-height:1.25!important;cursor:pointer}.research-view-tabs button:hover{background:#f7faff!important;color:var(--mio-blue)!important}.research-view-tabs button.active{background:#fff!important;border-color:#c4d2e5!important;color:var(--mio-blue)!important;box-shadow:0 3px 9px rgba(40,64,95,.10)}.research-view-tabs button:focus-visible{outline:3px solid rgba(59,97,172,.18);outline-offset:1px}
@media(max-width:700px){.header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.header-actions .btn{width:100%}.admin-view-banner,.customer-access-row{align-items:stretch;flex-direction:column}.admin-view-banner .btn,.customer-access-row .btn{width:100%}.research-view-tabs{display:flex;width:100%}.research-view-tabs button{min-width:0;flex:1;padding:10px 8px!important}}

/* GeoDesk 1.5: 10-wekenbegeleiding en SMTP2GO. */
.status-good{background:#e9f8e2;color:#397321}.status-warn{background:#fff0dc;color:#9a5a08}.cron-box{margin-top:22px;padding:18px;background:#f8fbff;border:1px solid var(--line);border-left:4px solid var(--mio-blue);border-radius:11px}.cron-box h3{margin:5px 0}.cron-box code{display:block;overflow:auto;padding:11px;background:#fff;border:1px solid var(--line);color:var(--mio-dark);font-size:12px;white-space:nowrap}.program-start-box{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,260px) minmax(160px,210px) auto;align-items:end;gap:14px;margin:20px 0;padding:18px;background:#f8fbff;border:1px solid #dce8f8;border-left:4px solid var(--mio-green);border-radius:12px}.program-start-box>div{align-self:center}.program-start-box>div span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.program-start-box label{display:grid;gap:6px;color:var(--mio-dark);font-size:12px;font-weight:600}.program-start-box input{min-height:38px;border:1px solid #d6dee8;border-radius:9px;background:#fff;padding:9px 11px}.program-start-box.active-program{grid-template-columns:1fr auto;align-items:center}.empty-program{max-width:760px}.program-card{margin-bottom:20px}.program-card-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}.program-card-head h2{margin:9px 0 4px}.program-card-head p{margin:0;color:var(--muted)}.program-week{display:grid;justify-items:center;min-width:100px;padding:11px;background:#f8fbff;border:1px solid var(--line);border-radius:12px}.program-week strong{color:var(--mio-blue);font-size:30px;line-height:1}.program-week span{margin-top:5px;color:var(--muted);font-size:11px}.program-status-active{background:#e9f8e2;color:#397321}.program-status-paused,.program-status-stopped{background:#fff0dc;color:#9a5a08}.program-status-completed{background:#eef3fa;color:var(--mio-blue)}.current-week{margin-top:20px}.current-week>small{color:var(--mio-blue);font-weight:700;letter-spacing:1px}.current-week h3{margin:6px 0;font-size:20px}.program-progress{height:8px;margin:16px 0;background:#e8edf4;border-radius:8px;overflow:hidden}.program-progress i{display:block;height:100%;background:var(--mio-green);transition:width .2s}.program-tasks{display:grid;gap:10px}.program-task{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:11px}.program-task>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #adc2e8;border-radius:9px;background:#f8fbff;color:var(--mio-blue);font-size:19px;cursor:pointer}.program-task b{color:var(--mio-dark)}.program-task p{margin:5px 0;color:var(--muted)}.program-task small{color:var(--muted)}.program-task.done{background:#f4faef;border-color:#cce7bc}.program-task.done b{text-decoration:line-through;color:#667085}.program-task.done>button{background:var(--mio-green);border-color:var(--mio-green);color:#fff}.program-controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.program-controls form{margin:0}
@media(max-width:980px){.program-start-box{grid-template-columns:1fr 1fr}.program-start-box>div{grid-column:1/-1}.program-start-box .btn{width:100%}}
@media(max-width:700px){.program-start-box,.program-start-box.active-program{grid-template-columns:1fr}.program-start-box>div{grid-column:auto}.program-card-head{flex-direction:column}.program-week{width:100%}.program-controls{display:grid}.program-controls form,.program-controls .btn{width:100%}}

/* GeoDesk 1.6: eigen productlogo, beheer en tokenbudgetten. */
.custom-product-logo{display:block;max-width:320px;max-height:165px;width:auto!important;height:auto;object-fit:contain;object-position:left center}.side .brand:has(.custom-product-logo){justify-content:center;min-height:112px;padding:0 0 18px}.side .brand .custom-product-logo{max-width:190px;max-height:112px;object-position:center}.auth-pitch .custom-product-logo{max-width:320px;max-height:165px}.product-name .custom-product-logo{max-width:190px;max-height:112px}.logo-preview{display:flex;align-items:center;min-height:170px;margin:18px 0;padding:22px;background:#f8fbff;border:1px solid var(--line);border-radius:12px}.logo-preview .custom-product-logo{max-width:380px;max-height:150px}.remove-logo-form{margin-top:14px}.token-budget-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:18px 20px;background:#fff;border:1px solid #e7edf5;border-left:4px solid var(--mio-green);border-radius:13px}.token-budget-card small{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1px}.token-budget-card b{display:block;margin-top:4px;color:var(--mio-blue);font-size:18px}.token-budget-card span{font-weight:600;color:var(--mio-dark)}.month-filter{display:flex;align-items:end;gap:10px;margin-bottom:18px}.month-filter label{display:grid;gap:6px;color:var(--mio-dark);font-size:12px;font-weight:600}.month-filter input{min-height:38px;border:1px solid #d6dee8;border-radius:9px;padding:8px 10px}.token-stats{margin-bottom:20px}.token-actions{margin-top:20px}
@media(max-width:700px){.token-budget-card{align-items:flex-start;flex-direction:column}.month-filter{align-items:stretch;flex-direction:column}.month-filter .btn{width:100%}}


/* GeoDesk 1.6.3: website-score en snelle toegang tot actief weekplan. */
.dashboard-program{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 20px;padding:20px 22px;background:#fff;border:1px solid #dfe8f4;border-left:5px solid var(--mio-green);border-radius:14px}.dashboard-program small{color:var(--mio-blue);font-size:10px;font-weight:700;letter-spacing:1px}.dashboard-program h2{margin:5px 0 5px;color:var(--mio-blue);font-size:20px}.dashboard-program p{margin:0;color:var(--muted)}
.quality-dashboard{display:grid;grid-template-columns:1.15fr repeat(2,1fr);gap:14px;margin:0 0 20px}.quality-overall,.quality-metric,.quality-explain{background:#fff;border:1px solid #e2e9f2;border-radius:14px;padding:18px}.quality-overall{grid-row:span 2;display:flex;align-items:center;gap:16px}.quality-overall small,.quality-metric small{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.7px}.quality-overall strong{display:block;margin:4px 0 1px;color:var(--mio-dark);font-size:38px;line-height:1}.quality-overall strong span,.quality-metric strong span{font-size:13px;color:var(--muted);font-weight:600}.quality-overall b{display:block;color:var(--mio-blue);font-size:13px}.quality-overall em{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-style:normal}.quality-light{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#f4f7fb;flex:0 0 auto}.quality-light i{width:24px;height:24px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 6px rgba(152,162,179,.12)}.quality-good .quality-light i{background:var(--mio-green);box-shadow:0 0 0 6px rgba(102,194,65,.14)}.quality-warn .quality-light i{background:var(--mio-orange);box-shadow:0 0 0 6px rgba(249,144,30,.14)}.quality-bad .quality-light i{background:#d84b4b;box-shadow:0 0 0 6px rgba(216,75,75,.12)}.quality-metric strong{display:block;margin:5px 0 10px;color:var(--mio-blue);font-size:24px}.quality-bar{height:8px;background:#eaf0f7;border-radius:8px;overflow:hidden}.quality-bar i{display:block;height:100%;background:var(--mio-blue);border-radius:8px}.quality-explain{grid-column:2/-1;display:flex;align-items:center;justify-content:space-between;gap:18px}.quality-explain p{margin:0;color:var(--muted);font-size:13px}
.quality-summary{margin-bottom:20px}.quality-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.quality-summary-head h2{margin:5px 0}.quality-summary-head p{margin:0;color:var(--muted)}.quality-score-badge{display:grid;grid-template-columns:auto auto;align-items:end;min-width:150px;padding:14px 16px;background:#f8fbff;border:1px solid var(--line);border-left:5px solid #98a2b3;border-radius:12px}.quality-score-badge strong{font-size:34px;line-height:1;color:var(--mio-dark)}.quality-score-badge span{padding:0 0 3px 4px;color:var(--muted);font-size:12px}.quality-score-badge b{grid-column:1/-1;margin-top:6px;color:var(--mio-blue);font-size:12px}.quality-score-badge.quality-good{border-left-color:var(--mio-green)}.quality-score-badge.quality-warn{border-left-color:var(--mio-orange)}.quality-score-badge.quality-bad{border-left-color:#d84b4b}.quality-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.quality-parts>div{padding:13px;background:#f8fbff;border:1px solid var(--line);border-radius:10px}.quality-parts span{display:block;min-height:30px;color:var(--muted);font-size:11px;font-weight:600}.quality-parts b{display:block;margin:4px 0 8px;color:var(--mio-blue)}.quality-note{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:980px){.quality-dashboard{grid-template-columns:1fr 1fr}.quality-overall{grid-column:1/-1;grid-row:auto}.quality-explain{grid-column:1/-1}.quality-parts{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.dashboard-program,.quality-summary-head,.quality-explain{align-items:stretch;flex-direction:column}.dashboard-program .btn{width:100%}.quality-dashboard{grid-template-columns:1fr}.quality-overall,.quality-explain{grid-column:auto}.quality-parts{grid-template-columns:1fr}.quality-score-badge{width:100%}}

/* GeoDesk 1.6.4 - AI-waarneming en gerichte herschrijving */
.ai-reading-note{border-left:4px solid currentColor}
.page-findings{display:grid;gap:18px}
.page-finding-card{border:1px solid #ddd;padding:18px;background:#fff}
.rewrite-finding-form{margin-top:18px;padding-top:16px;border-top:1px solid #ddd;display:flex;gap:18px;align-items:center;justify-content:space-between}
.rewrite-finding-form>div{display:grid;gap:4px;max-width:760px}
.rewrite-finding-form span{font-size:14px;opacity:.75}
@media(max-width:760px){.rewrite-finding-form{align-items:stretch;flex-direction:column}.rewrite-finding-form .btn{width:100%}}

/* GeoDesk 1.6.5: score-uitleg begrijpelijker maken. */
.quality-explain-box{margin:18px 0 0;padding:14px 16px;background:#fff7ed;border:1px solid #fed7aa;border-left:5px solid var(--mio-orange);border-radius:10px}.quality-explain-box b{display:block;color:var(--mio-dark);margin-bottom:4px}.quality-explain-box p{margin:0;color:var(--muted);line-height:1.45}.quality-parts p{min-height:58px;margin:6px 0 10px;color:var(--muted);font-size:12px;line-height:1.35}.quality-parts>div{display:flex;flex-direction:column}.quality-parts .quality-bar{margin-top:auto}


/* GeoDesk 1.6.6: onderzoeksrapport rustiger en beter leesbaar. */
.report-section{font-size:14px}
.report-section p,.report-section li,.page-finding-card p,.page-finding-card li{line-height:1.72}
.report-section p,.page-finding-card p{margin:10px 0 14px}
.report-section ul,.report-section ol,.page-finding-card ul,.page-finding-card ol{margin:12px 0 18px;padding-left:24px}
.report-section li,.page-finding-card li{margin:8px 0;padding-left:3px}
.report-fields{display:grid;gap:18px}
.report-field{padding:16px 0;border-bottom:1px solid #e7edf5}
.report-field:last-child{border-bottom:0}
.report-field>b{display:block;margin-bottom:8px;color:var(--mio-dark);font-size:12px;line-height:1.4;letter-spacing:.2px;text-transform:uppercase}
.report-field .report-fields{margin-top:10px;gap:12px}
.report-field .report-field{padding:12px 14px;background:#f8fbff;border:1px solid #e7edf5;border-radius:10px}
.report-source-link{display:inline-flex;align-items:center;white-space:nowrap;margin:1px 3px;padding:2px 7px;border:1px solid #cdd9eb;border-radius:7px;background:#f2f6fd;color:var(--mio-blue)!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;border-bottom:1px solid #cdd9eb!important;vertical-align:baseline}
.report-source-link:hover{background:#e8f0fb;border-color:#adc2e8}
.page-finding-card{border-color:#e1e8f1;border-radius:12px;padding:20px 22px}
@media(max-width:700px){.report-section p,.report-section li,.page-finding-card p,.page-finding-card li{line-height:1.65}.report-field{padding:14px 0}}