html,body{margin:0;padding:0}
.vgmlz-page{min-height:100vh;background:var(--lz-bg,#f5f6f8);font-family:Arial,Helvetica,sans-serif;color:#17202a}.vgmlz-topbar{padding:22px 18px 10px}.vgmlz-topbar-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;gap:16px}.vgmlz-logo-img{height:58px;max-width:300px;object-fit:contain}.vgmlz-text1{font-size:30px;font-weight:900;line-height:1;color:#1f4e7c}.vgmlz-text2{font-size:20px;font-weight:900;color:#f58220;margin-top:4px}.vgmlz-main{max-width:980px;margin:0 auto;padding:24px 18px 60px}.vgmlz-card{background:#fff;border-radius:20px;box-shadow:0 10px 28px rgba(16,24,40,.08);padding:22px;margin-bottom:16px}.vgmlz-intro h1{margin:0;font-size:28px}.vgmlz-intro p{margin:6px 0 0;color:#667085}.vgmlz-step{display:none}.vgmlz-step.active{display:block}.vgmlz-step h2{margin:0 0 16px;font-size:22px}.vgmlz-steps{display:flex;gap:8px;margin:0 0 16px}.vgmlz-steps button{width:36px;height:36px;border-radius:999px;border:0;background:#fff;color:#344054;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 3px 8px rgba(16,24,40,.08);cursor:pointer}.vgmlz-steps button.done{background:#eef4ff;color:var(--lz-secondary,#1f4e7c)}.vgmlz-steps button.active{background:var(--lz-primary,#f58220)!important;color:#fff!important}.vgmlz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vgmlz-option{border:2px solid #e4e7ec;border-radius:16px;padding:16px;cursor:pointer;background:#fff;transition:.15s border,.15s background}.vgmlz-option:hover{border-color:var(--lz-secondary,#1f4e7c)}.vgmlz-option.selected{border-color:var(--lz-primary,#f58220);background:#fff7ed;box-shadow:inset 0 0 0 2px rgba(245,130,32,.15)}.vgmlz-option h3{font-size:17px;margin:0 0 8px;font-weight:900}.vgmlz-option p,.vgmlz-option pre{font-size:14px;line-height:1.45;color:#475467;margin:0;font-family:inherit;white-space:pre-wrap}.vgmlz-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}.vgmlz-fields label{font-size:13px;font-weight:900;color:#344054}.vgmlz-fields input,.vgmlz-fields select{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #cfd6e1;border-radius:12px;padding:9px 11px;font-size:15px;box-sizing:border-box;background:#fff}.hidden{display:none!important}.vgmlz-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;min-height:44px;padding:11px 18px;font-weight:900;cursor:pointer;text-decoration:none;color:#fff}.vgmlz-btn.primary{background:var(--lz-primary,#f58220)}.vgmlz-btn.secondary{background:var(--lz-secondary,#1f4e7c)}.vgmlz-nav{display:flex;justify-content:space-between;gap:12px;position:sticky;bottom:0;background:var(--lz-bg,#f5f6f8);padding:12px 0}.vgmlz-nav .vgmlz-btn{min-width:130px}.vgmlz-note{border-left:5px solid var(--lz-secondary,#1f4e7c);background:#eef4ff;border-radius:12px;padding:12px;margin-top:14px}.vgmlz-note.warn{border-left-color:var(--lz-warn,#b7791f);background:#fff7e6}.vgmlz-note.bad{border-left-color:var(--lz-bad,#b42318);background:#fff1f0}.vgmlz-note.ok{border-left-color:var(--lz-ok,#087443);background:#ecfdf3}.vgmlz-result-status{font-size:24px;font-weight:900;margin-bottom:10px}.vgmlz-result-status.ok{color:var(--lz-ok,#087443)}.vgmlz-result-status.bad{color:var(--lz-bad,#b42318)}.vgmlz-result-status.warn{color:var(--lz-warn,#b7791f)}.vgmlz-statusbox{border-radius:16px;padding:16px;margin-bottom:14px}.vgmlz-statusbox.ok{background:#ecfdf3;border:1px solid #abefc6}.vgmlz-statusbox.bad{background:#fff1f0;border:1px solid #fecdca}.vgmlz-statusbox.warn{background:#fff7e6;border:1px solid #fedf89}.vgmlz-table{border-collapse:collapse;width:100%;font-size:14px;margin-top:12px}.vgmlz-table th,.vgmlz-table td{border:1px solid #d8dee9;padding:9px;text-align:left;vertical-align:top}.vgmlz-table th{background:#f2f4f7}.vgmlz-method-img img{max-width:100%;border-radius:16px;margin-bottom:14px}.vgmlz-small{font-size:13px;color:#667085}.vgmlz-inline-heading{grid-column:1/-1;margin:8px 0 -4px;font-weight:900;color:#17202a}
@media(max-width:650px){.vgmlz-topbar-inner{align-items:flex-start}.vgmlz-logo-img{height:48px;max-width:220px}.vgmlz-text1{font-size:24px}.vgmlz-text2{font-size:17px}.vgmlz-main{padding:14px 12px 70px}.vgmlz-nav .vgmlz-btn{width:100%;min-width:0}}

.vgmlz-formula{background:#0f172a;color:#e5e7eb;border-radius:14px;padding:14px;margin-top:14px;overflow:auto;font-family:Consolas,Monaco,'Courier New',monospace;font-size:13px;line-height:1.55;white-space:pre-wrap}
.vgmlz-formula strong{color:#fff}
.vgmlz-mail-btn{margin-top:14px}
#mailStatus{margin-top:10px}
.vgmlz-statusbox.warn .vgmlz-result-status{color:var(--lz-warn,#b7791f)}
@media(max-width:900px){.vgmlz-options{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.vgmlz-options{grid-template-columns:1fr;}}

.vgmlz-option.has-bg{background-image:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.74)),var(--opt-bg);background-size:cover;background-position:center;}
.vgmlz-option h3{display:flex;align-items:center;gap:8px;justify-content:space-between;}
.vgmlz-info{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--lz-secondary,#1f4e7c);color:#fff;font-size:12px;font-weight:900;position:relative;cursor:help;flex:0 0 auto;line-height:1;}
.vgmlz-tooltip{display:none;position:absolute;left:50%;top:26px;transform:translateX(-50%);z-index:20;width:260px;background:#111827;color:#fff;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.4;box-shadow:0 10px 28px rgba(16,24,40,.22);text-align:left;}
.vgmlz-info:hover .vgmlz-tooltip,.vgmlz-info:focus .vgmlz-tooltip{display:block;}
.vgmlz-radio-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:0;font-size:13px;font-weight:900;color:#344054;}
.vgmlz-radio-group span{width:100%;display:block;margin-bottom:-4px;}
.vgmlz-radio-group label{display:inline-flex;align-items:center;gap:6px;font-weight:700;margin:0;}
.vgmlz-radio-group input{width:auto;height:auto;margin:0;}
@media(max-width:650px){.vgmlz-tooltip{left:auto;right:0;transform:none;width:230px;}}

/* v0.2.0 UX aanvullingen */
.vgmlz-topbar-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:16px}
.vgmlz-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}
.vgmlz-reset-btn{white-space:nowrap}
#loads{grid-template-columns:repeat(3,minmax(0,1fr))}
#loads .vgmlz-option{min-height:132px;display:flex;flex-direction:column;justify-content:flex-start}
#loads .vgmlz-option h3{min-height:48px;margin-bottom:8px}
#loads .vgmlz-option pre{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;max-height:40px}
.vgmlz-option pre{overflow-wrap:anywhere}
.method-note{grid-column:1/-1}
.vgmlz-mail-btn{margin-top:18px;margin-bottom:8px}
#mailStatus{margin-top:12px}
@media(max-width:900px){#loads{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.vgmlz-intro{align-items:flex-start;flex-direction:column}.vgmlz-reset-btn{width:auto}#loads{grid-template-columns:1fr}}

/* v0.2.1 verbeteringen */
#methods{grid-template-columns:repeat(3,minmax(0,1fr));}
#methods .vgmlz-option,#trailers .vgmlz-option{min-height:132px;display:flex;flex-direction:column;justify-content:flex-start;}
#methods .vgmlz-option h3,#trailers .vgmlz-option h3{min-height:48px;margin-bottom:8px;}
#methods .vgmlz-option p,#trailers .vgmlz-option p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;max-height:40px;}
.vgmlz-fields>label{display:flex;flex-direction:column;justify-content:flex-end;min-height:72px;}
.vgmlz-label-text{display:block;min-height:22px;line-height:1.25;}
@media(max-width:900px){#methods{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){#methods{grid-template-columns:1fr;}}