/* Compatibility and visual extension for MijnFinancieelBeheer Core 1.4+ */
body.mfb-theme-app-shell{background:#f5f4ef;overflow-x:hidden}
body.mfb-theme-app-shell .mfb-app{--mfb-green:#2f6b4f;--mfb-green2:#397b5b;--mfb-bg:#f5f4ef;--mfb-card:#fff;--mfb-text:#17352a;--mfb-muted:#6d7f76;--mfb-line:#e4e8e4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
body.mfb-theme-app-shell .mfb-side{background:linear-gradient(180deg,#173f2e 0%,#245c43 100%);box-shadow:12px 0 40px rgba(20,65,45,.09)}
body.mfb-theme-app-shell .mfb-logo{font-size:1.02rem;letter-spacing:-.02em}
body.mfb-theme-app-shell .mfb-logo span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.13)}
body.mfb-theme-app-shell .mfb-side nav button,body.mfb-theme-app-shell .mfb-side nav a{border-radius:12px;transition:.18s ease}
body.mfb-theme-app-shell .mfb-side nav button:hover,body.mfb-theme-app-shell .mfb-side nav a:hover,body.mfb-theme-app-shell .mfb-side nav .active{background:rgba(255,255,255,.13);transform:translateX(2px)}
body.mfb-theme-app-shell .mfb-main{background:radial-gradient(circle at 85% 0%,rgba(87,151,111,.12),transparent 25%),#f5f4ef}
body.mfb-theme-app-shell .mfb-top{background:rgba(255,255,255,.83);backdrop-filter:blur(14px);border-bottom:1px solid rgba(228,232,228,.9)}
body.mfb-theme-app-shell .mfb-top h1{letter-spacing:-.035em}
body.mfb-theme-app-shell .mfb-btn{border-radius:12px;box-shadow:0 8px 22px rgba(47,107,79,.14);font-weight:750}
body.mfb-theme-app-shell .mfb-panel,body.mfb-theme-app-shell .mfb-metrics article,body.mfb-theme-app-shell .mfb-choice,body.mfb-theme-app-shell .mfb-scan-card,body.mfb-theme-app-shell .mfb-empty{border:1px solid rgba(223,229,224,.95);box-shadow:0 12px 38px rgba(24,60,44,.055);border-radius:18px}
body.mfb-theme-app-shell .mfb-metrics article strong{letter-spacing:-.035em}
body.mfb-theme-app-shell .mfb-panel h2,body.mfb-theme-app-shell .mfb-panel h3{letter-spacing:-.025em}
body.mfb-theme-app-shell .mfb-scan-card{background:linear-gradient(145deg,#fff,#f0f7f2);min-height:430px}
body.mfb-theme-app-shell .mfb-scan-icon{background:#e5f2e9;color:#2f6b4f;width:78px;height:78px;display:grid;place-items:center;border-radius:24px;font-size:2rem}
body.mfb-theme-app-shell .mfb-upload{border:1.5px dashed #8cb69b;background:#f5faf6;border-radius:14px;padding:18px;text-align:center;cursor:pointer}
body.mfb-theme-app-shell .mfb-upload:hover{background:#eef7f0}
body.mfb-theme-app-shell input,body.mfb-theme-app-shell select,body.mfb-theme-app-shell textarea{border-radius:11px!important;border-color:#dfe6e1!important;background:#fcfdfc!important;min-height:45px}
body.mfb-theme-app-shell input:focus,body.mfb-theme-app-shell select:focus,body.mfb-theme-app-shell textarea:focus{outline:3px solid rgba(47,107,79,.13);border-color:#57906d!important}
body.mfb-theme-app-shell .mfb-choice.selected{background:linear-gradient(145deg,#f4faf5,#fff);outline:2px solid #438260}
body.mfb-theme-app-shell .mfb-review-row{background:#fbfcfb;margin:8px 0;padding:14px;border:1px solid #edf0ed;border-radius:13px}
body.mfb-theme-app-shell .mfb-price-grid>*{transition:transform .18s ease,box-shadow .18s ease}
body.mfb-theme-app-shell .mfb-price-grid>*:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(30,70,50,.1)}
body.mfb-theme-app-shell .mfb-onboarding{backdrop-filter:blur(8px)}
body.mfb-theme-app-shell .mfb-onboarding-card{border:1px solid rgba(255,255,255,.5);box-shadow:0 30px 90px rgba(10,35,24,.28)}
.mfb-content-page{padding:70px 20px;background:#f7f6f1;min-height:70vh}.mfb-content-wrap{max-width:920px}.mfb-reading-card{background:#fff;padding:clamp(28px,5vw,60px);border:1px solid #e7e8e4;border-radius:22px;box-shadow:0 18px 55px rgba(24,60,44,.06)}.mfb-reading-card>h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.05em;margin-top:0}.mfb-reading-card .entry-content{line-height:1.75;color:#3c5047}
.auth-card-wide{max-width:590px!important}.mfb-theme-auth-shell .mfb-auth-form,.mfb-theme-auth-shell form{display:grid;gap:14px}.mfb-theme-auth-shell label{font-weight:700;color:#29473a}.mfb-theme-auth-shell input:not([type=checkbox]){width:100%;padding:14px;border:1px solid #d9e0da;border-radius:11px;font:inherit}.mfb-theme-auth-shell button,.mfb-theme-auth-shell input[type=submit]{width:100%;padding:14px;border:0;border-radius:11px;background:#2f6b4f;color:#fff;font-weight:800;cursor:pointer}.mfb-theme-auth-shell .mfb-auth-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.mfb-public-steps{list-style:none;padding:0;display:grid;gap:16px}.mfb-public-steps li{display:grid;grid-template-columns:42px 1fr;column-gap:14px;position:relative}.mfb-public-steps li:before{content:counter(list-item);width:38px;height:38px;border-radius:13px;background:#e3f0e7;color:#2f6b4f;display:grid;place-items:center;font-weight:850;grid-row:1/3}.mfb-public-steps b{font-size:1.04rem}.mfb-public-steps span{color:#607269;line-height:1.55}.mfb-method-preview p{color:#607269;line-height:1.65}.mfb-public-allocation{display:grid;gap:10px;margin:18px 0}.mfb-public-allocation span{display:flex;justify-content:space-between;padding:13px 14px;border-radius:12px;background:#f4f7f4}.mfb-public-allocation b{color:#2f6b4f}.mfb-price-public{background:#eef3ee}.mfb-blog-teaser{padding-top:80px;padding-bottom:90px}.mfb-blog-teaser>.panel-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.mfb-blog-teaser h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.045em;margin:.35rem 0}.mfb-teaser-grid,.mfb-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mfb-teaser-grid article,.mfb-post-grid article{background:#fff;border:1px solid #e5e8e4;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(30,70,50,.05)}.mfb-teaser-grid a,.mfb-post-grid a{display:block;text-decoration:none;color:inherit}.mfb-teaser-grid img,.mfb-post-grid img{width:100%;height:190px;object-fit:cover}.mfb-teaser-grid article>*:not(a),.mfb-teaser-grid a>small,.mfb-teaser-grid a>h3,.mfb-teaser-grid a>p{margin-left:20px;margin-right:20px}.mfb-teaser-grid small,.mfb-post-grid small{display:block;color:#5b826a;font-weight:750;margin-top:20px}.mfb-teaser-grid h3{font-size:1.25rem;margin-top:8px;margin-bottom:8px}.mfb-teaser-grid p{color:#687a71;line-height:1.55;margin-bottom:24px}.mfb-blog-index{padding:80px 24px 100px}.mfb-blog-header{max-width:720px;margin-bottom:38px}.mfb-blog-header h1{font-size:clamp(2.4rem,6vw,4.5rem);letter-spacing:-.055em;margin:.3rem 0}.mfb-blog-header p{font-size:1.1rem;color:#66786f}.mfb-post-grid article>a>div{padding:0 22px 24px}.mfb-post-grid h2{font-size:1.3rem;margin:.45rem 0}.mfb-post-grid p{color:#65776e;line-height:1.55}.mfb-post-grid span{font-weight:750;color:#2f6b4f}.mfb-article-shell{background:#f7f6f1;padding:65px 20px 100px}.mfb-article{max-width:850px;margin:auto;background:#fff;padding:clamp(28px,6vw,70px);border:1px solid #e5e8e4;border-radius:24px}.mfb-article header h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.055em;line-height:1.03}.mfb-article header p{font-size:1.2rem;color:#65776e}.mfb-article-image{width:100%;height:auto;border-radius:16px;margin:20px 0 35px}.mfb-article .entry-content{font-size:1.06rem;line-height:1.8;color:#344a40}.mfb-back{color:#2f6b4f;font-weight:750;text-decoration:none}
@media(max-width:980px){.mfb-teaser-grid,.mfb-post-grid{grid-template-columns:1fr 1fr}.landing-nav .desktop-nav{display:none}}
@media(max-width:760px){body.mfb-theme-app-shell .mfb-main{padding-bottom:72px}body.mfb-theme-app-shell .mfb-top{position:sticky;top:0;z-index:20}.mfb-blog-teaser>.panel-title{align-items:flex-start;gap:15px;flex-direction:column}.mfb-teaser-grid,.mfb-post-grid{grid-template-columns:1fr}.mfb-content-page{padding:30px 14px}.mfb-reading-card{border-radius:17px}.mfb-blog-index{padding:45px 16px 80px}.mfb-article-shell{padding:20px 12px 70px}.mfb-article{border-radius:17px}.mfb-public-steps li{grid-template-columns:38px 1fr}.nav-actions .button-ghost{display:none}}
