.vzbeheer{--vz-green:var(--accent,#1e5948);--vz-line:var(--lijn,#c8d7d0);--vz-soft:var(--vlak2,#edf4ef);color:var(--ink,#193d32);width:100%;max-width:none;font-size:14px}
.vzbeheer *{box-sizing:border-box}.vzbeheer button,.vzbeheer input,.vzbeheer select,.vzbeheer textarea{font:inherit}.vzbeheer button{cursor:pointer;border:1px solid var(--vz-line);border-radius:7px;background:var(--vlak,#fff);color:var(--ink,#193d32);padding:8px 12px}.vzbeheer button:hover{background:var(--vz-soft)}.vzbeheer button:disabled{opacity:.5;cursor:default}.vzbeheer button.primary{background:#1e5948;border-color:var(--vz-green);color:#fff}.vzbeheer input,.vzbeheer select,.vzbeheer textarea{border:1px solid var(--vz-line);border-radius:6px;padding:9px;background:var(--vlak,#fff);color:var(--ink,#193d32);max-width:100%;min-width:0}.vzbeheer textarea{width:100%;resize:vertical;min-height:110px}.vzbeheer input[type=checkbox]{accent-color:var(--vz-green);width:auto}.vzbeheer label{display:grid;gap:7px}.vzbeheer .vzcheck{display:flex;align-items:center;gap:8px}.vzbeheer :focus-visible{outline:3px solid #8ab9a4;outline-offset:2px}.vzbeheer .vzheader{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.vzbeheer h2{font-size:24px;margin:0 0 5px}.vzbeheer h3{font-size:17px;margin:0 0 14px}.vzbeheer p{line-height:1.5}.vzbeheer .vzmuted{color:var(--dim,#5d756c);font-size:12px}.vzbeheer .vzlayout{display:grid;grid-template-columns:minmax(205px,250px) minmax(340px,1fr) minmax(260px,330px);gap:16px;align-items:start}.vzbeheer .vzpanel{border:1px solid var(--vz-line);border-radius:12px;background:var(--vlak,#fff);overflow:hidden;min-width:0}.vzbeheer .vzpanelhead{background:var(--vlak2,#f5f1e7);padding:16px;border-bottom:1px solid var(--vz-line)}.vzbeheer .vzbody{padding:18px}.vzbeheer .vzsearch{width:100%;margin-bottom:10px}.vzbeheer .vzlist{display:grid;max-height:70vh;overflow:auto}.vzbeheer .vzlist button{border:0;border-radius:0;border-bottom:1px solid var(--vz-line);text-align:left;padding:12px 14px;display:grid;gap:6px}.vzbeheer .vzlist button[aria-current=true]{background:var(--band,#e1eddf);box-shadow:inset 3px 0 var(--vz-green)}.vzbeheer .vzlist small{color:var(--dim,#5d756c)}.vzbeheer .vzfilters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.vzbeheer .vzfilters button{font-size:12px;padding:6px 8px}.vzbeheer .vzfilters button[aria-pressed=true]{background:var(--vz-soft);border-color:var(--vz-green)}.vzbeheer .vztabs{display:flex;flex-wrap:wrap;gap:3px;border-bottom:1px solid var(--vz-line);padding:10px 10px 0;background:var(--vlak2,#fafcf9)}.vzbeheer .vztabs button{border:0;border-radius:0;border-bottom:3px solid transparent;padding:10px}.vzbeheer .vztabs button[aria-selected=true]{border-bottom-color:var(--vz-green);font-weight:600}.vzbeheer .vzlangs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.vzbeheer .vzlangs button{min-width:52px;padding:8px;font-size:12px}.vzbeheer .vzlangs button[aria-pressed=true]{background:var(--vz-green);color:#fff}.vzbeheer .vzfields{display:grid;gap:17px}.vzbeheer .vzgrid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vzbeheer .vzactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.vzbeheer .vzsummary{position:sticky;top:12px}.vzbeheer .vzsummary dl{display:grid;grid-template-columns:1fr minmax(60px,1.25fr);gap:9px;font-size:13px}.vzbeheer .vzsummary dt{color:var(--dim,#5d756c)}.vzbeheer .vzsummary dd{margin:0;text-align:right;overflow-wrap:anywhere}.vzbeheer .vzsummary section{padding:15px 0;border-bottom:1px solid var(--vz-line)}.vzbeheer .vzsummary section:first-child{padding-top:0}.vzbeheer .vzsummary section h4{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;color:var(--dim,#536e61)}.vzbeheer .vzsummary ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:12px}.vzbeheer .vzsummary li{display:flex;justify-content:space-between;gap:10px}.vzbeheer .vzchips{display:flex;gap:5px;flex-wrap:wrap}.vzbeheer .vzchip{background:var(--vlak2,#e6f1e8);border-radius:15px;padding:4px 8px;font-size:11px}.vzbeheer .vzdot{display:inline-block;border-radius:50%;width:9px;height:9px;background:#b64e4e;margin-right:6px}.vzbeheer .vzdot.on{background:#3c9671}.vzbeheer .vzdot.unknown{background:#a28a50}.vzbeheer .vzmessage{border:1px solid #d8c495;border-radius:8px;background:var(--waarschuwingvlak,#fff9e9);padding:12px;margin:0 0 14px;white-space:pre-wrap;line-height:1.5}.vzbeheer .vzmessage.error{border-color:#d99d98;background:var(--foutvlak,#fff3f1);color:var(--rood,#893b31)}.vzbeheer .vzmessage.ok{border-color:#a0c5ab;background:var(--goedvlak,#eef8ee);color:var(--ink,#193d32)}.vzbeheer .vztablewrap{overflow:auto}.vzbeheer table{border-collapse:collapse;width:100%;font-size:12px}.vzbeheer th{text-align:left;color:var(--dim,#5d756c);font-weight:500;white-space:nowrap;padding:8px 5px}.vzbeheer td{border-top:1px solid var(--vz-line);padding:8px 5px}.vzbeheer td input{width:100%;min-width:70px;padding:7px}.vzbeheer .vzrowremove{padding:6px 9px}.vzbeheer .vzchecklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.vzbeheer .vzreview{border:1px solid var(--vz-line);border-radius:8px;background:var(--vlak2,#f8fbf8);padding:15px;margin-top:16px}.vzbeheer .vzreview ul{padding-left:20px;line-height:1.65}.vzbeheer .vzscroll{max-height:480px;overflow:auto}.vzbeheer .vzcopysections{display:grid;gap:9px;margin:15px 0}.vzbeheer .vzstatus{font-size:12px;line-height:1.5;margin-top:8px}.vzbeheer .vzbusy{opacity:.75;pointer-events:none}.vzbeheer .vzsettingssummary{margin-top:0}.vzbeheer .vzdivider{height:1px;background:var(--vz-line);margin:18px 0}
@media(min-width:1600px){.vzbeheer .vzlayout{grid-template-columns:280px minmax(500px,1fr) 350px}}
@media(max-width:1100px){.vzbeheer .vzlayout{grid-template-columns:220px minmax(300px,1fr)}.vzbeheer .vzsummary{grid-column:2;position:static}.vzbeheer .vzlist{max-height:65vh}}
@media(max-width:720px){.vzbeheer .vzlayout{grid-template-columns:minmax(0,1fr)}.vzbeheer .vzsummary{grid-column:1}.vzbeheer .vzlist{max-height:210px}.vzbeheer .vzgrid2{grid-template-columns:1fr}.vzbeheer .vzbody{padding:14px}.vzbeheer .vzheader h2{font-size:21px}}

/* Scoped portal controls: readable in both themes, independent of shop accent. */
html[data-thema] .vzbeheer, .vzbeheer .vzpanel{color:var(--ink,#193d32)}
html[data-thema] .vzbeheer .vzpanel{background:var(--vlak,#fff)}
.vzbeheer h2,.vzbeheer h3,.vzbeheer label,.vzbeheer .vzsummary dd{color:var(--ink,#193d32)}
.vzbeheer input,.vzbeheer select,.vzbeheer textarea{background:var(--veld,#fff)}
.vzbeheer .vztabs button,.vzbeheer .vzlangs button{background:#dcebd7;color:#20533f;border:1px solid #a6c6b0;border-bottom-width:3px;border-radius:6px 6px 0 0}
.vzbeheer .vztabs button[aria-selected=true],.vzbeheer .vzlangs button[aria-pressed=true]{background:#fff;color:#20533f;border-color:#327555;font-weight:600}
.vzbeheer .vztabs button:hover,.vzbeheer .vzlangs button:hover{background:#edf5e9;color:#20533f}
.vzbeheer .vzlangs button{border-radius:6px}