/* PROFILO (ex-VRISOLARE) V2 shell */
body.v2-active{background:#f3f6fa;color:#132238}
body.v2-active #legacyHeader{display:none!important}
body.v2-active #legacyMain{max-width:none;margin:0;padding:0}
body.v2-active #legacyMain>section:not(#viewCreator){display:none!important}
body.v2-active #viewCreator{max-width:1840px;margin:26px auto 80px;padding:0 24px}
.v2-shell{min-height:100vh}
.v2-topbar{height:72px;background:#fff;border-bottom:1px solid #dfe6ef;display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:70;box-shadow:0 2px 10px rgba(15,35,60,.04)}
.v2-brand{border:0;background:none;display:flex;align-items:center;gap:11px;color:#10233d;cursor:pointer;padding:0;margin-right:38px;text-align:left}
.v2-brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#155f97,#2a8fce);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;box-shadow:0 7px 20px rgba(31,128,196,.22)}.v2-brandmark svg{width:30px;height:30px;display:block}
.v2-brand strong{display:block;letter-spacing:.08em;font-size:14px}.v2-brand small{display:block;color:#7b8ca3;font-size:11px;margin-top:1px}
.v2-mainnav{display:flex;height:100%;align-items:stretch;gap:4px}
.v2-navbtn{border:0;background:none;color:#64758b;font:600 14px inherit;padding:0 17px;cursor:pointer;position:relative}
.v2-navbtn:hover{color:#155f97}.v2-navbtn.active{color:#155f97}
.v2-navbtn.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#1f80c4}
.v2-top-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.v2-status{font-size:11px;color:#8b9aab}
.v2-page{max-width:1840px;margin:0 auto;padding:38px 26px 90px}.v2-page.hidden{display:none}
.v2-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.v2-pagehead.compact{margin-bottom:18px}
.v2-pagehead h1,.v2-projecthero h1{font-size:30px;line-height:1.08;margin:3px 0 7px;letter-spacing:-.035em;color:#10233d}.v2-pagehead p,.v2-projecthero p{margin:0;color:#718198;font-size:14px}
.v2-eyebrow{text-transform:uppercase;color:#1f80c4;font-size:10px;font-weight:800;letter-spacing:.13em}
.v2-toolbar-card,.v2-panel,.v2-projecthero,.v2-futurecard,.v2-note{background:#fff;border:1px solid #e0e6ee;border-radius:16px;box-shadow:0 5px 18px rgba(20,43,72,.045)}
.v2-toolbar-card{padding:14px 16px;display:flex;align-items:center;gap:18px;margin-bottom:20px}
.v2-search{display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1px solid #e2e7ee;border-radius:11px;padding:0 12px;min-width:370px;flex:1}.v2-search span{font-size:20px;color:#8392a6}.v2-search input{border:0;background:transparent;box-shadow:none;padding:10px 0}
.v2-filterchips,.v2-groupnav{display:flex;gap:7px;flex-wrap:wrap}.v2-chip,.v2-groupnav button{border:1px solid #e0e6ee;background:#fff;color:#607188;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;cursor:pointer}.v2-chip.active,.v2-groupnav button.active{border-color:#90bee0;background:#edf7fd;color:#155f97}
.v2-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:0 0 20px}.v2-stat{background:#fff;border:1px solid #e2e7ee;border-radius:14px;padding:16px 18px}.v2-stat b{display:block;font-size:24px;color:#13243c;letter-spacing:-.03em}.v2-stat span{font-size:11px;color:#7e8da1;text-transform:uppercase;font-weight:800;letter-spacing:.06em}
.v2-projectgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:14px}
.v2-projectcard{border:1px solid #dfe6ef;background:#fff;border-radius:16px;padding:19px;cursor:pointer;transition:.15s;box-shadow:0 4px 15px rgba(20,43,72,.035)}.v2-projectcard:hover{transform:translateY(-2px);border-color:#9dc9e6;box-shadow:0 10px 28px rgba(20,65,95,.08)}
.v2-projectcard .top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.v2-projectcard .nr{font-size:12px;color:#1f80c4;font-weight:800;margin-bottom:4px}.v2-projectcard h3{margin:0;font-size:17px;color:#14263e}.v2-projectcard .addr{color:#7b899b;font-size:12px;margin-top:5px}.v2-projectcard .count{background:#edf7fd;color:#155f97;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}.v2-projectcard .foot{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;margin-top:16px;padding-top:12px;font-size:11px;color:#8795a7}
.v2-empty{padding:44px;text-align:center;background:#fff;border:1px dashed #cfd9e5;border-radius:16px;color:#75869b}
.v2-breadcrumb{margin-bottom:15px}.v2-breadcrumb button{border:0;background:none;padding:0;color:#56708d;font-weight:700;cursor:pointer}.v2-breadcrumb button:hover{color:#155f97}
.v2-projecthero{padding:24px 26px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:17px}.v2-hero-actions{display:flex;gap:9px}
.v2-projecttabs{display:flex;border-bottom:1px solid #dce4ed;margin-bottom:20px;gap:5px}.v2-projecttabs button{border:0;background:none;padding:11px 13px;color:#74849a;font-weight:700;cursor:pointer;position:relative}.v2-projecttabs button.active{color:#155f97}.v2-projecttabs button.active:after{content:"";position:absolute;left:9px;right:9px;height:3px;bottom:-1px;background:#1f80c4;border-radius:3px 3px 0 0}.v2-projecttabs button span:not(.v2-later){margin-left:4px;background:#edf2f7;padding:2px 6px;border-radius:999px;font-size:10px}.v2-later{margin-left:5px;color:#9a6c19;background:#fff4cf;border-radius:999px;padding:2px 6px;font-size:9px;text-transform:uppercase}
.v2-tabpanel.hidden{display:none}.v2-two-col{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.v2-panel{padding:20px}.v2-panelhead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.v2-panelhead h2{margin:0;font-size:16px;color:#172942}.v2-panelhead p{margin:3px 0 0;color:#7c8b9e;font-size:12px}
.v2-orderitem{display:flex;align-items:center;gap:14px;padding:14px 3px;border-bottom:1px solid #edf1f5}.v2-orderitem:last-child{border-bottom:0}.v2-orderthumb{width:62px;height:52px;border-radius:9px;background:#f5f7fa;border:1px solid #e3e8ef;display:grid;place-items:center;overflow:hidden}.v2-orderthumb svg{max-width:58px;max-height:48px}.v2-orderinfo{min-width:0;flex:1}.v2-orderinfo strong{display:block;font-size:13px}.v2-orderinfo small{display:block;color:#7f8da0;margin-top:3px}.v2-orderprice{text-align:right}.v2-orderprice b{display:block}.v2-orderprice small{color:#8492a3}.v2-orderactions{display:flex;gap:6px;margin-left:8px}
.v2-facts{margin:0}.v2-facts div{padding:10px 0;border-bottom:1px solid #edf1f5}.v2-facts div:last-child{border-bottom:0}.v2-facts dt{font-size:10px;text-transform:uppercase;color:#8b98a9;font-weight:800;letter-spacing:.06em}.v2-facts dd{margin:3px 0 0;font-size:13px;color:#263a53}
.v2-futurecard{text-align:center;padding:50px 25px}.v2-futureicon{width:50px;height:50px;border-radius:15px;background:#eef6fb;display:grid;place-items:center;margin:0 auto 12px;color:#1f80c4;font-size:25px}.v2-futurecard h2{margin:0 0 6px}.v2-futurecard p{max-width:560px;margin:0 auto;color:#78889c}.v2-badge{display:inline-block;margin-top:15px;background:#f3f5f8;color:#79889a;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase}
.v2-editorwrap{max-width:760px;margin:0 auto}.v2-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.v2-field.wide{grid-column:1/-1}.v2-field label{font-size:11px;color:#62738a;font-weight:800;margin-bottom:5px}.v2-optional{font-weight:500;color:#9aa6b5}.v2-formactions{display:flex;gap:9px;margin-top:18px}
.v2-profilegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.v2-profilecard{background:#fff;border:1px solid #e0e6ee;border-radius:14px;padding:12px;transition:.15s}.v2-profilecard:hover{border-color:#a9cfe7;box-shadow:0 7px 20px rgba(25,60,90,.06)}.v2-profileimg{height:145px;background:#f8fafc;border:1px solid #edf0f4;border-radius:10px;display:grid;place-items:center;overflow:hidden}.v2-profileimg{position:relative}.v2-profileimg img,.v2-profileimg svg{position:absolute;top:16px;left:18px;width:calc(100% - 36px)!important;height:calc(100% - 32px)!important;max-width:none;max-height:none;object-fit:contain;display:block}.v2-profilecard h3{font-size:13px;margin:10px 0 2px}.v2-profilecard p{font-size:11px;color:#8390a2;margin:0}.v2-profiletags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.v2-profiletags span{font-size:9px;background:#edf7fd;color:#286d99;border-radius:999px;padding:3px 6px;font-weight:700}
.v2-settingsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.v2-settingcard{background:#fff;border:1px solid #e0e6ee;border-radius:15px;padding:20px;text-align:left;cursor:pointer;display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center}.v2-settingcard:hover{border-color:#9dc8e4;box-shadow:0 8px 25px rgba(20,60,90,.06)}.v2-settingcard .ico{grid-row:1/3;width:48px;height:48px;border-radius:13px;background:#edf7fd;color:#155f97;display:grid;place-items:center;font-size:21px;font-weight:800}.v2-settingcard strong{font-size:14px}.v2-settingcard small{color:#8290a1;margin-top:2px}.v2-note{padding:18px 20px;margin-top:18px}.v2-note strong{font-size:13px}.v2-note p{color:#7e8b9c;margin:4px 0 0;font-size:12px}
@media(max-width:900px){.v2-projectgrid{grid-template-columns:1fr}.v2-statgrid{grid-template-columns:repeat(2,1fr)}.v2-profilegrid{grid-template-columns:repeat(2,1fr)}.v2-two-col{grid-template-columns:1fr}.v2-mainnav{display:none}.v2-topbar{padding:0 14px}.v2-top-actions .v2-status{display:none}.v2-page{padding:25px 14px 70px}}
@media(max-width:560px){.v2-statgrid,.v2-profilegrid,.v2-settingsgrid,.v2-formgrid{grid-template-columns:1fr}.v2-field.wide{grid-column:auto}.v2-toolbar-card,.v2-projecthero,.v2-pagehead{align-items:stretch;flex-direction:column}.v2-search{min-width:0}.v2-projecthero{padding:18px}.v2-top-actions .btn{display:none}}

/* V2 creator integration fixes */
body.v2-active.v2-creator-active .v2-shell{min-height:72px;height:72px;overflow:visible}
body.v2-active.v2-creator-active #legacyMain{margin-top:0!important;padding-top:0!important}
body.v2-active.v2-creator-active #viewCreator{margin-top:24px!important}

/* Profile previews in settings: show the whole profile, never crop it. */
body.v2-active #viewCreator .cre-set>.cre-mini{width:104px!important;height:92px!important;min-width:104px;flex:0 0 104px;padding:8px!important;overflow:visible!important;background:#fff}
body.v2-active #viewCreator .cre-set>.cre-mini svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;overflow:visible!important}
body.v2-active #viewCreator .cre-set>img.cre-mini{object-fit:contain!important;object-position:center!important}
body.v2-active #viewCreator .cre-group-pick .cre-mini{width:64px!important;height:58px!important;min-width:64px;padding:5px!important;overflow:visible!important}
body.v2-active #viewCreator .cre-group-pick .cre-mini svg{width:100%!important;height:100%!important;max-height:100%!important;overflow:visible!important}


/* Creator page must start directly below the V2 top bar. */
body.v2-active.v2-creator-active #v2AppShell{
  min-height:72px!important;
  height:72px!important;
  max-height:72px!important;
  overflow:visible!important;
}
body.v2-active.v2-creator-active #v2AppShell > .v2-page{
  display:none!important;
}
body.v2-active.v2-creator-active #legacyMain{
  display:block!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}
body.v2-active.v2-creator-active #viewCreator{
  display:block!important;
  margin:20px auto 80px!important;
  padding:0 24px!important;
  min-height:0!important;
}

/* Order summary follows normal document flow instead of sticking to viewport. */
body.v2-active #viewCreator .cre-order{
  position:static!important;
  top:auto!important;
  max-height:none!important;
  overflow:visible!important;
  align-self:start;
}


/* Custom profile editor mirrors the actual Bestelformulier drawing block. */
.builder-pdf-preview{
  width:min(100%,920px);
  margin:0 auto;
  background:#fff;
  border:1px solid #cdd6e2;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 3px 14px rgba(20,45,70,.04);
}
.builder-pdf-label{
  height:28px;
  display:flex;
  align-items:center;
  padding:0 12px;
  font-size:10px;
  color:#7d8b9d;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  border-bottom:1px solid #dfe5ec;
  background:#f8fafc;
}
.builder-stage-pdf{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1.88/1!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
.builder-stage-pdf .builder-grid{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.builder-pdf-footer{
  height:44px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  border-top:1px solid #cfd7e2;
  background:#fff;
  color:#69798d;
  font-size:10px;
  font-weight:700;
}
.builder-pdf-footer span{
  display:flex;
  align-items:center;
  padding:0 10px;
  border-right:1px solid #e1e6ed;
}
.builder-pdf-footer span:last-child{border-right:0}


/* WYSIWYG profielbouwer: zelfde verhouding als het tekenvak in de PDF. */
.builder-pdf-caption{font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#74849a;margin:8px 0 6px}
.builder-pdf-frame{width:100%;max-width:980px;margin:0 auto;background:#fff;border:2px solid #cbd5e1;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #f1f5f9,0 4px 15px rgba(15,35,60,.04)}
.builder-pdf-frame svg{width:100%;height:100%;display:block}

/* Kleurzijde binnen/buiten */
#viewCreator .cre-kleurzijde{margin:14px 0 4px}#viewCreator .cre-kleurzijde label{display:block;font-weight:600;margin-bottom:6px}#viewCreator .cre-kleurzijde .btn.selected,.cre-kleurzijde-switch .btn.selected{background:#1f80c4;color:#fff;border-color:#1f80c4}.cre-kleurzijde-edit{flex-basis:100%;margin-top:8px}

/* Profielgroepen v2 */
.cre-g2-list{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.cre-g2-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:14px;align-items:center;border:1px solid #e0e6ee;border-radius:12px;padding:10px 12px;background:#fff}
.cre-g2-open{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px}.cre-g2-open strong{font-size:15px}.cre-g2-open:hover strong{color:#1f80c4}
.cre-g2-prev{display:flex;gap:6px}.cre-g2-prev .cre-g2-thumb{width:46px;height:38px}
.cre-g2-tools{display:flex;gap:6px}
.cre-g2-thumb{width:100%;height:84px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;padding:6px;box-sizing:border-box;overflow:hidden}
.cre-g2-thumb svg{width:100%;height:100%}.cre-g2-thumb .cre-mini{width:100%!important;height:100%!important;border:0!important}
.cre-g2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0 14px}
.cre-g2-card{position:relative;display:flex;flex-direction:column;gap:6px;border:1px solid #e0e6ee;border-radius:10px;padding:8px;background:#fff;font-size:13px;text-align:left;font-weight:600}
.cre-g2-choice{cursor:pointer;font:inherit;font-size:13px;font-weight:600}.cre-g2-choice:hover{border-color:#9dc8e4}
.cre-g2-choice.picked{border:2px solid #1f80c4;background:#edf7fd;padding:7px}
.cre-g2-choice.picked::after{content:'✓';position:absolute;top:6px;right:8px;color:#1f80c4;font-weight:800}
.cre-g2-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:1px solid #e0e6ee;background:#fff;color:#b42318;cursor:pointer;font-size:15px;line-height:1}
.cre-g2-x:hover{background:#fee4e2}
.cre-g2-name{max-width:420px;margin:6px 0 4px}.cre-g2-name label{display:block;font-weight:600;margin-bottom:4px}
.cre-g2-picker{border-top:1px solid #e0e6ee;margin-top:6px;padding-top:6px}
@media(max-width:700px){.cre-g2-row{grid-template-columns:1fr}.cre-g2-prev{display:none}}
.cre-g2-grid>p{grid-column:1/-1;margin:4px 0}

/* Projectoverzicht: bestelformulieren als kaarten */
.v2-statgrid{grid-template-columns:repeat(5,1fr)}
.v2-stat-money{background:#13243c;border-color:#13243c}.v2-stat-money b{color:#fff}.v2-stat-money span{color:#a9bdd6}
.v2-ordercard{display:block!important;border:1px solid #e3e8ef!important;border-radius:14px;padding:14px 16px!important;margin:0 0 12px;cursor:pointer;background:#fff;transition:.15s}
.v2-ordercard:last-child{border-bottom:1px solid #e3e8ef!important}
.v2-ordercard:hover{border-color:#9dc8e4!important;box-shadow:0 8px 22px rgba(20,60,90,.07)}
.v2-ohead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.v2-otitle{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.v2-onr{font-size:12px;font-weight:800;color:#1f80c4;background:#edf7fd;border-radius:6px;padding:2px 7px}
.v2-otitle strong{font-size:18px;color:#13243c;letter-spacing:-.01em}
.v2-otime{font-size:13px;color:#7e8da1;font-weight:600}
.v2-oname{font-size:13px;color:#46566b;font-weight:600}
.v2-oprice{text-align:right}.v2-oprice b{display:block;font-size:19px;color:#13243c}.v2-oprice small{font-size:11px;color:#8b98a9}
.v2-obody{display:flex;gap:14px;align-items:center}
.v2-othumbs{display:flex;gap:6px;flex:0 0 auto}
.v2-othumb{width:54px;height:46px;border-radius:8px;background:#f8fafc;border:1px solid #e8edf3;display:flex;align-items:center;justify-content:center;padding:5px;box-sizing:border-box;overflow:hidden;color:#7e8da1;font-size:12px;font-weight:700}
.v2-othumb svg,.v2-othumb img{width:100%;height:100%;object-fit:contain;display:block}.v2-othumb .cre-mini{width:100%!important;height:100%!important;border:0!important}
.v2-ometa{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}
.v2-ochips{display:flex;gap:6px;flex-wrap:wrap}
.v2-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#26384f;background:#f2f5f9;border:1px solid #e3e8ef;border-radius:999px;padding:3px 10px}
.v2-chip-empty{color:#9aa6b5}
.v2-ral{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25);display:inline-block}.v2-ral[data-unknown]{background:repeating-linear-gradient(45deg,#fff 0 3px,#dfe5ec 3px 6px)!important}
.v2-onums{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#7e8da1}.v2-onums b{color:#13243c;font-size:14px;margin-right:3px}
.v2-ordercard .v2-orderactions{margin-top:12px;padding-top:10px;border-top:1px solid #edf1f5;display:flex;gap:8px}
@media(max-width:1100px){.v2-statgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.v2-obody{flex-direction:column;align-items:flex-start}.v2-statgrid{grid-template-columns:repeat(2,1fr)}}

/* Plafondophanging: voorbeeld hele rij */
.cre-ophang-preview{width:100%!important;max-width:100%!important;background:#fff;border:1px solid #cbd5e1;border-radius:8px}
.cre-ophang-row{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%}.cre-ophang-row>div{min-width:0}.cre-ophang-row>div+div{border-left:1px dashed #cbd5e1}

/* Invoervelden in één lijn: label boven, invoer altijd onderaan uitgelijnd */
#viewCreator .cre-editor .grid>div{display:flex;flex-direction:column;justify-content:flex-end}
#viewCreator .cre-editor .grid>div>label{flex:1 0 auto;display:flex;align-items:flex-end}

/* Projectenlijst: hoeveelheden per project + knoppen */
.v2-headactions{display:flex;gap:8px;flex-wrap:wrap}
.v2-pcnums{display:flex;gap:16px;align-items:baseline;margin:12px 0 2px;font-size:12px;color:#7e8da1}.v2-pcnums b{color:#13243c;font-size:15px;margin-right:3px}
.v2-pcnums .eur{margin-left:auto}.v2-pcnums .eur b{font-size:16px}.v2-pcnums .none{color:#a3adbb}
.cre-project-pick{max-width:520px;margin:12px 0 14px}.cre-project-pick label{display:block;font-weight:600;margin-bottom:4px}.cre-project-pick select{width:100%}
#v2ProjectStats{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){#v2ProjectStats{grid-template-columns:repeat(2,1fr)}}

/* Fasen */
.v2-phasebar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px}
.v2-phaselabel{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7e8da1;margin-right:4px}
.v2-phase{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9e1ea;background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;color:#26384f;cursor:pointer}
.v2-phase:hover{border-color:#9dc8e4}.v2-phase i{font-style:normal;font-size:11px;color:#7e8da1;background:#f2f5f9;border-radius:999px;padding:1px 7px}
.v2-phase b,.v2-phase-edit b,.v2-phase-new b,.v2-ofase b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:6px;background:#1f80c4;color:#fff;font-size:11px;font-weight:800;padding:0 4px}
.v2-phase.active{background:#13243c;border-color:#13243c;color:#fff}.v2-phase.active i{background:rgba(255,255,255,.15);color:#dbe6f3}.v2-phase.active b{background:#fff;color:#13243c}
.v2-phase-add{border-style:dashed;color:#1f80c4}
.v2-phase-edit,.v2-phase-new{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e1ea;background:#fff;border-radius:999px;padding:4px 6px 4px 8px}
.v2-phase-edit input,.v2-phase-new input{border:0;background:#f5f7fa;border-radius:8px;padding:5px 8px;font:inherit;font-size:13px;width:170px}
.v2-phase-del{border:0;background:#fee4e2;color:#b42318;border-radius:50%;width:22px;height:22px;cursor:pointer}
.v2-phasehint{font-size:12px;color:#8b98a9}
/* Bestelnummer + fase op kaart */
.v2-ocode{font-size:18px;color:#13243c;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.v2-odate{font-size:13px;color:#7e8da1;font-weight:600}
.v2-ofase{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#26384f;background:#edf7fd;border-radius:999px;padding:2px 9px 2px 3px}
.v2-omove{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#7e8da1;margin-right:auto}.v2-omove select{font-size:12px;padding:4px 6px}
/* Projectstatistiek */
.v2-statgrid6{grid-template-columns:repeat(6,1fr)!important}
@media(max-width:1200px){.v2-statgrid6{grid-template-columns:repeat(3,1fr)!important}}
.v2-insights{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:13px;margin:0 0 20px}
.v2-insights .v2-panel{padding:14px 16px;margin:0}
.v2-ins-k{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7e8da1;margin-bottom:8px}
.v2-ins-top{display:flex;gap:14px;align-items:center}.v2-ins-top strong{display:block;font-size:17px;color:#13243c;margin-bottom:3px}.v2-ins-top small{color:#7e8da1;font-size:12px}
.v2-ins-thumb{width:96px;height:78px;flex:0 0 96px;border-radius:10px;background:#f8fafc;border:1px solid #e8edf3;padding:8px;box-sizing:border-box}.v2-ins-thumb svg,.v2-ins-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.v2-ins-row{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:13px;color:#46566b;padding:4px 0;border-bottom:1px solid #f0f3f7}.v2-ins-row:last-child{border-bottom:0}.v2-ins-row b{color:#13243c;white-space:nowrap}
.v2-ins-row>span[data-no-i18n]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2-ins-mini{width:30px;height:24px;flex:0 0 30px}.v2-ins-mini svg,.v2-ins-mini img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:1100px){.v2-insights{grid-template-columns:1fr 1fr}}@media(max-width:640px){.v2-insights{grid-template-columns:1fr}}

/* Snelkeuze 3×3 */
.cre-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 16px}
.cre-quick-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid #dfe5ed;border-radius:14px;background:#fff;padding:10px 12px 12px;cursor:pointer;font:inherit;transition:.12s}
.cre-quick-tile:hover{border-color:#1f80c4;box-shadow:0 8px 20px rgba(20,60,90,.08);transform:translateY(-1px)}
.cre-quick-tile.is-last{border:2px solid #1f80c4;padding:9px 11px 11px;background:#f5fbff}
.cre-quick-thumb{width:100%;height:96px;border-radius:9px;background:#f8fafc;border:1px solid #edf0f4;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.cre-quick-thumb svg,.cre-quick-thumb img{width:100%;height:100%;object-fit:contain;display:block}.cre-quick-thumb .cre-mini{width:100%!important;height:100%!important;border:0!important}
.cre-quick-tile strong{font-size:13px;color:#13243c}
.cre-quick-dims{font-size:20px;font-weight:800;color:#c81414;font-family:Caveat,cursive;line-height:1}
.cre-quick-tile em{position:absolute;top:8px;right:10px;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#1f80c4;border-radius:6px;padding:2px 6px}
@media(max-width:700px){.cre-quick-grid{grid-template-columns:repeat(2,1fr)}}

/* Profielbibliotheek (groot venster) */
dialog.cre-lib{width:min(1280px,96vw);height:min(900px,92vh);max-width:none;max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden}
dialog.cre-lib:not([open]){display:none}
.cre-lib-head{display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid #e3e8ef}
.cre-lib-head h2{margin:0;font-size:20px}.cre-lib-head>div:first-child{flex:0 0 auto}
.cre-lib-search{flex:1;min-width:160px;font-size:15px;padding:10px 14px;border-radius:10px}
.cre-lib-wrap{flex:1;display:grid;grid-template-columns:240px 1fr;min-height:0}
.cre-lib-side{border-right:1px solid #e3e8ef;background:#f7f9fc;padding:12px;overflow:auto;display:flex;flex-direction:column;gap:4px}
.cre-lib-group{display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;background:transparent;border-radius:9px;padding:10px 12px;font:inherit;font-size:14px;font-weight:600;color:#26384f;cursor:pointer;text-align:left}
.cre-lib-group:hover{background:#eaf1f8}.cre-lib-group i{font-style:normal;font-size:11px;color:#7e8da1;background:#fff;border-radius:999px;padding:1px 8px;border:1px solid #e3e8ef}
.cre-lib-group.active{background:#13243c;color:#fff}.cre-lib-group.active i{background:rgba(255,255,255,.15);border-color:transparent;color:#dbe6f3}
.cre-lib-main{min-height:0;display:flex}.cre-lib-body{flex:1;overflow:auto;padding:6px 22px 24px}
.cre-lib-sechead{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#46566b;margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid #edf1f5;position:sticky;top:0;background:#fff;z-index:1}
.cre-lib-sechead i{font-style:normal;font-size:11px;color:#7e8da1;background:#f2f5f9;border-radius:999px;padding:1px 7px}
.cre-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.cre-lib-tile{display:flex;flex-direction:column;gap:8px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;padding:10px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:#13243c;text-align:left;transition:.12s}
.cre-lib-tile:hover{border-color:#1f80c4;box-shadow:0 8px 20px rgba(20,60,90,.08);transform:translateY(-1px)}
.cre-lib-tile.is-current{border:2px solid #1f80c4;padding:9px;background:#f5fbff}
.cre-lib-thumb{height:110px;border-radius:9px;background:#f8fafc;border:1px solid #edf0f4;padding:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.cre-lib-thumb svg,.cre-lib-thumb img{width:100%;height:100%;object-fit:contain;display:block}.cre-lib-thumb .cre-mini{width:100%!important;height:100%!important;border:0!important}
@media(max-width:760px){.cre-lib-wrap{grid-template-columns:1fr}.cre-lib-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e3e8ef}.cre-lib-group{white-space:nowrap}.cre-lib-head{flex-wrap:wrap}}
/* Snelkeuze: kop met duidelijke bibliotheekknop */
.cre-quick-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.cre-quick-head h2{margin:0}
.cre-quick-lib{font-size:15px!important;padding:10px 18px!important}

/* Instellingen per sectie + leveranciers */
.cre-settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}
.cre-sup-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.cre-sup-edit{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;background:#f7f9fc;border:1px solid #e3e8ef;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.cre-sup-edit>div:first-child{min-width:260px}.cre-sup-edit label{display:block;font-weight:600;margin-bottom:4px}
.v2-chip-sup{background:#fff7ed;border-color:#fde3c3;color:#7a4a12}

#viewCreator .cre-dims-note{grid-column:1/-1;margin:2px 0 0}

#viewCreator .cre-plaat-sides{grid-column:1/-1}#viewCreator .cre-plaat-sides label{display:block;font-weight:600;margin-bottom:6px}#viewCreator .cre-plaat-sides .btn.selected{background:#1f80c4;color:#fff;border-color:#1f80c4}

/* Firma's */
.v2-firmbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.v2-firm{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9e1ea;background:#fff;border-radius:12px;padding:7px 14px;font:inherit;font-size:14px;font-weight:600;color:#26384f;cursor:pointer}
.v2-firm img{height:22px;max-width:90px;object-fit:contain}.v2-firm:hover{border-color:#9dc8e4}
.v2-firm.active{border:2px solid #13243c;padding:6px 13px;box-shadow:0 4px 14px rgba(20,40,70,.1)}
.v2-pcfirm{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#7e8da1;margin-bottom:8px}.v2-pcfirm img{height:16px;max-width:70px;object-fit:contain}
.cre-firms{display:flex;flex-direction:column;gap:12px;margin:12px 0}
.cre-firm{display:grid;grid-template-columns:140px 1fr 120px;gap:16px;align-items:start;border:1px solid #e3e8ef;border-radius:12px;padding:12px;background:#fff}
.cre-firm.is-default{border:2px solid #1f80c4;padding:11px}
.cre-firm-logo{height:70px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px}.cre-firm-logo img{max-width:120px;max-height:60px;object-fit:contain}
.cre-firm-hide{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:#4b5563;cursor:pointer}.cre-firm-hide input{width:auto;margin:0}
.cre-firm-form{border:1px solid #e3e8ef;border-radius:6px;overflow:hidden;background:#fff;aspect-ratio:1241/1754}.cre-firm-form img{width:100%;height:100%;object-fit:cover;display:block}
.cre-firm-info{display:flex;flex-direction:column;gap:4px}.cre-firm-info label{font-weight:600;font-size:12px;margin-top:4px}
@media(max-width:700px){.cre-firm{grid-template-columns:1fr}}

/* Startpagina: firma-tegels */
.v2-firmtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,420px));gap:18px}
.v2-firmtile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:#fff;border:1px solid #e0e6ee;border-radius:18px;padding:22px;cursor:pointer;font:inherit;transition:.15s}
.v2-firmtile:hover{border-color:#1f80c4;box-shadow:0 12px 30px rgba(20,60,90,.1);transform:translateY(-2px)}
.v2-firmtile .logo{height:90px;width:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px;margin-bottom:6px}
.v2-firmtile .logo img{max-height:70px;max-width:80%;object-fit:contain}.v2-firmtile .logo span{font-size:28px;color:#7e8da1;font-weight:800}
.v2-firmtile strong{font-size:18px;color:#13243c}
.v2-firmtile .nums{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#7e8da1}.v2-firmtile .nums b{color:#13243c;font-size:15px;margin-right:2px}
.v2-firmtile small{font-size:12px;color:#9aa6b5}
.v2-firmtile-all{border-style:dashed}
.v2-backhome{border:0;background:none;color:#1f80c4;font:inherit;font-weight:700;cursor:pointer;padding:6px 0}
.v2-firmhead{display:flex;align-items:center;gap:10px}.v2-firmhead img{height:30px;max-width:150px;object-fit:contain}.v2-firmhead strong{font-size:16px}
.v2-firmbar{align-items:center;gap:16px}

#viewCreator .cre-calc-field input[readonly]{background:#eef3f8;color:#13243c;font-weight:700}#viewCreator .cre-calc-field .btn.link{padding:2px 0;font-size:12px}#viewCreator .cre-helper-field input{border-color:#f0c36b;background:#fffaf0}
.cre-helpers .cre-helper-row{display:grid;grid-template-columns:24px 1fr 90px auto;gap:6px;align-items:center;margin:6px 0}.cre-helpers .cre-helper-row b{color:#b45309}
/* 11-10-2026 profielen: zijbalk met groepen, secties, profielkaart */
.v2-proflayout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}
.v2-profside{position:sticky;top:84px;background:#fff;border:1px solid #e0e6ee;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.v2-profside .v2-search{min-width:0}
.v2-profgroups{display:flex;flex-direction:column;gap:2px}
.v2-profgroups button{display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:8px 10px;border-radius:9px;font:600 13.5px/1.2 inherit;color:#334155;cursor:pointer;text-align:left}
.v2-profgroups button em{font-style:normal;font-size:12px;color:#8090a6;background:#f1f5fa;border-radius:999px;padding:1px 8px}
.v2-profgroups button:hover{background:#f4f7fb}
.v2-profgroups button.active{background:#14285a;color:#fff}.v2-profgroups button.active em{background:#ffffff26;color:#fff}
.v2-profmain{display:flex;flex-direction:column;gap:22px}
.v2-profsection h2{font-size:17px;margin:0 0 10px;color:#14285a}.v2-profsection h2 small{font-size:12px;color:#8090a6;font-weight:600;margin-left:6px}
.v2-profmain .v2-profilegrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.v2-profilecard{cursor:pointer}.v2-profilecard:focus-visible{outline:2px solid #1f80c4;outline-offset:2px}
.v2-pmodal{position:fixed;inset:0;background:#0f172a73;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.v2-pmodal-card{background:#fff;border-radius:18px;width:min(1080px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 60px #0f172a40;padding:20px 22px}
.v2-pmodal-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.v2-pmodal-card header h2{margin:2px 0 6px;font-size:22px}
.v2-pmodal-x{border:0;background:#f1f5fa;border-radius:10px;width:36px;height:36px;font-size:22px;cursor:pointer;color:#334155}
.v2-pmodal-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}
.v2-pmodal-img{background:#f8fafc;border:1px solid #edf0f4;border-radius:12px;aspect-ratio:529/260;padding:10px;display:flex;align-items:center;justify-content:center}
.v2-pmodal-img svg{width:100%!important;height:100%!important}
.v2-pmodal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.v2-pmodal-right h3{margin:0;font-size:17px;color:#14285a}.v2-pmodal-right .muted{margin:2px 0 10px;color:#6b778c;font-size:13px}
.v2-pm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.v2-pm-grid label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#55607a;font-weight:600}
.v2-pm-grid input,.v2-pm-grid select{border:1px solid #d6dde8;border-radius:9px;padding:8px 10px;font:500 14px inherit;background:#f8fafc}
.v2-pm-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v2-pm-tiles div{background:#f4f7fb;border-radius:10px;padding:9px 10px;display:flex;flex-direction:column}
.v2-pm-tiles b{font-size:16px;color:#14285a}.v2-pm-tiles span{font-size:11.5px;color:#6b778c}
.v2-pm-total{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#14285a;color:#fff;border-radius:10px;padding:10px 12px;margin-top:8px}
.v2-pm-parts{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px}.v2-pm-parts td{border-bottom:1px solid #edf0f4;padding:4px 6px}.v2-pm-parts td:not(:first-child){text-align:right}
.v2-profiletags .muted{background:transparent;color:#8090a6}
@media(max-width:900px){.v2-proflayout{grid-template-columns:1fr}.v2-profside{position:static}.v2-profgroups{flex-direction:row;flex-wrap:wrap}.v2-pmodal-body{grid-template-columns:1fr}}
.v2-pmodal-card header{background:none!important;color:inherit!important;position:static!important;box-shadow:none!important;padding:0!important;border:0!important;backdrop-filter:none!important}
.v2-pmodal-card header .v2-eyebrow{color:#1f80c4}
.v2-confirm{width:min(460px,100%)}.v2-confirm h2{margin:0 0 6px;font-size:20px}.v2-confirm p{color:#55607a;margin:0 0 12px}
.v2-confirm label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#334155}.v2-confirm input{border:1px solid #d6dde8;border-radius:10px;padding:10px 12px;font:600 15px inherit}
.v2-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.v2-confirm-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
.v2-archactions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.v2-firmtile-arch{border-style:dashed}
/* dubbele knoppen in paginakop weg: de contextknop rechtsboven doet het al */
#v2HomeOrder,#v2ProfileSettings,#v2NewOrderFree{display:none!important}
/* telefoon: contextknop rechtsboven blijft zichtbaar, compact */
@media(max-width:560px){.v2-top-actions .btn{display:inline-flex!important;padding:7px 10px!important;font-size:12px!important;white-space:nowrap}.v2-brand small,.v2-brand span small{display:none}#v2LangWrap,.v2-lang{transform:scale(.92)}}
@media(max-width:900px){.v2-top-actions{display:flex!important}}
@media(max-width:560px){.v2-topbar select{max-width:96px;font-size:12px;padding:5px 6px}.v2-topbar{flex-wrap:nowrap;gap:8px}.v2-brand>div:last-child{display:none}}
.v2-pm-toggles{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.v2-pm-toggles button{border:1px solid #cfd8e6;background:#fff;border-radius:999px;padding:6px 12px;font:600 12.5px inherit;color:#334155;cursor:pointer}
.v2-pm-toggles button.on{background:#14285a;border-color:#14285a;color:#fff}
.v2-pm-grid input[readonly]{background:#eef1f5;color:#55607a}
/* 11-10-2026 startpagina: firma's symmetrisch in het midden */
#v2Home:not(.hidden){display:flex;flex-direction:column;align-items:center;padding-top:9vh}#v2Home.hidden{display:none!important}
#v2Home .v2-pagehead{justify-content:center;text-align:center;width:100%;margin-bottom:34px}
#v2Home .v2-pagehead h1{font-size:34px}
#v2Home .v2-firmtiles{width:100%;grid-template-columns:repeat(auto-fit,minmax(320px,460px));justify-content:center;gap:24px}
#v2Home .v2-firmtile{align-items:center;text-align:center;padding:28px}
#v2Home .v2-firmtile .logo{height:140px}
#v2Home .v2-firmtile .logo img{max-height:100px}
#v2Home .v2-firmtile strong{font-size:21px}
#v2Home .v2-firmtile .nums{justify-content:center;font-size:13px}
@media(max-width:560px){#v2Home{padding-top:20px}#v2Home .v2-firmtile .logo{height:100px}}
/* firma-statistiek */
.v2-firmins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 16px}
.v2-firmins:empty{display:none}
.v2-fi{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.v2-fi-row{display:flex;flex-direction:column;gap:3px}
.v2-fi-lab{display:flex;align-items:center;gap:7px;font-size:13px;color:#24364f}
.v2-fi-lab span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-fi-lab b{color:#14285a}
.v2-fi-bar{height:7px;border-radius:99px;background:#edf1f6;overflow:hidden}.v2-fi-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1f80c4,#14285a)}
.v2-fi-row small{font-size:11px;color:#8090a6}
.v2-fi-prof{display:flex;align-items:center;gap:10px;padding:6px 0}.v2-fi-prof+.v2-fi-prof{border-top:1px solid #edf1f5}
.v2-fi-prof strong{display:block;font-size:13.5px;color:#13243c}.v2-fi-prof small{font-size:11.5px;color:#7e8da1}
.v2-fi-rank{width:24px;height:24px;border-radius:50%;background:#14285a;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.v2-fi-prof:nth-child(3) .v2-fi-rank{background:#1f80c4}.v2-fi-prof:nth-child(4) .v2-fi-rank{background:#7fb3dc}
@media(max-width:1200px){.v2-firmins{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.v2-firmins{grid-template-columns:1fr}}
.v2-ral-mat{background:repeating-linear-gradient(135deg,#d7dde5 0 3px,#f4f6f9 3px 6px)!important;border-color:#b6c0cc!important}
.v2-firmhead img{height:30px;width:auto}
/* 12-10-2026 (v44): geschiedenis bibliotheek */
.v2-libhist-btn{margin-top:14px;width:100%;background:none;border:1px dashed var(--line,#d6d9de);border-radius:10px;padding:9px 12px;color:var(--muted,#667);font:inherit;cursor:pointer;text-align:left}
.v2-libhist-btn:hover{border-style:solid;color:inherit}
.v2-histcard{max-width:620px}
.v2-histcard header p{margin:6px 0 0;font-size:13px;max-width:52ch}
.v2-histrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line,#e6e8eb)}
.v2-histrow small{display:block;color:var(--muted,#667);font-size:12px;margin-top:2px}
.v2-histnow b{color:var(--accent,#1f6feb)}
.v2-histtag{font-size:11px;padding:1px 7px;border-radius:99px;background:#fff3d6;color:#8a5a00;margin-left:6px}
#v2HistBody{display:block!important;grid-template-columns:none!important}#v2HistBody .v2-histrow>div{min-width:0}

/* ===== Materiaalstaat (v47, 15-10-2026) ===== */
.v2-mat-top{margin-bottom:16px}.v2-mat-tophead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.v2-mat-tophead strong{font-size:26px;color:#13243c;letter-spacing:-.03em}.v2-mat-tophead strong small{font-size:13px;color:#7e8da1;font-weight:600;letter-spacing:0;margin-left:4px}
.v2-mat-kpis{display:flex;gap:18px}.v2-mat-kpis span{display:flex;flex-direction:column;font-size:11px;color:#7e8da1;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.v2-mat-kpis b{font-size:18px;color:#13243c;letter-spacing:-.02em;text-transform:none}
.v2-matbar{position:relative;height:10px;border-radius:99px;background:#edf1f6;overflow:hidden}.v2-matbar i{position:absolute;left:0;top:0;height:100%;border-radius:99px;display:block}
.v2-matbar i.b{background:#bcd7ec}.v2-matbar i.l{background:linear-gradient(90deg,#1f80c4,#14285a)}.v2-matbar.over{box-shadow:inset 0 0 0 1.5px #d9534f}.v2-matbar.over i.b{background:#f3c1bf}
.v2-mat-legend{display:flex;gap:14px;align-items:center;font-size:11px;color:#7e8da1;margin-top:8px}.v2-mat-legend i{width:14px;height:8px;border-radius:99px;display:inline-block;margin-right:5px}.v2-mat-legend i.b{background:#bcd7ec}.v2-mat-legend i.l{background:#1f80c4}
.v2-mat-add{background:#f6f9fc;border:1px solid #dbe5ef;border-radius:12px;padding:14px;margin-bottom:14px}
.v2-mat-addrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.v2-mat-addrow label,.v2-matlevadd label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;color:#62738a}
.v2-mat-addrow input,.v2-mat-addrow select,.v2-matlevadd input{font:inherit;font-size:14px;padding:8px 10px;border:1px solid #cfd9e5;border-radius:9px;background:#fff;font-weight:500;color:#13243c}
.v2-mat-addrow label.hidden,.v2-mat-addrow .hidden,.v2-mat-addact .hidden{display:none}.v2-mat-addact{display:flex;gap:8px;margin-top:10px}
.v2-matlist{display:flex;flex-direction:column;gap:8px}
.v2-matrow{border:1px solid #e4e9f0;border-radius:12px;background:#fff}.v2-matrow.open{border-color:#9dc8e4}
.v2-matmain{display:grid;grid-template-columns:44px minmax(160px,1.4fr) 90px 90px 90px minmax(140px,1fr) auto;gap:12px;align-items:center;padding:10px 12px}
.v2-mat-thumb{width:44px;height:44px;border-radius:9px;background:#f4f7fa;display:grid;place-items:center;overflow:hidden}.v2-mat-thumb img,.v2-mat-thumb svg{max-width:40px;max-height:40px}.v2-mat-dot{color:#9aa6b5;font-size:18px}
.v2-matname{min-width:0}.v2-matname strong{display:block;color:#13243c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-matname small{display:block;color:#7e8da1;font-size:11px}
.v2-mat-warn{display:inline-block;margin-left:6px;white-space:nowrap;color:#b03a2e;background:#fdecea;border-radius:99px;padding:1px 7px;font-weight:700}
.v2-matnum{display:flex;flex-direction:column;gap:1px}.v2-matnum span{font-size:10px;color:#7e8da1;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.v2-matnum b{font-size:16px;color:#13243c}.v2-matnum em{font-style:normal;font-size:11px;color:#1f80c4;font-weight:700}
.v2-matnum input{font:inherit;font-size:15px;font-weight:700;color:#13243c;width:80px;padding:3px 6px;border:1px solid #dbe3ec;border-radius:7px;background:#fbfcfe}.v2-matnum input:focus{border-color:#1f80c4;outline:none}
.v2-matbarcell small{display:block;font-size:11px;color:#7e8da1;margin-top:4px}
.v2-matacts{display:flex;gap:6px;white-space:nowrap}
.v2-matlev{border-top:1px solid #edf1f6;padding:10px 12px 12px 68px;background:#fbfcfe;border-radius:0 0 12px 12px}
.v2-matlevadd{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:8px}.v2-matlevadd label.wide{flex:1;min-width:160px}
.v2-matlevrow{display:flex;gap:14px;align-items:center;font-size:13px;padding:5px 0;border-bottom:1px solid #eef2f6}.v2-matlevrow:last-child{border-bottom:0}.v2-matlevrow b{color:#13243c;min-width:84px}.v2-matlevrow span{font-weight:700;color:#1f80c4;min-width:80px}.v2-matlevrow i{flex:1;color:#7e8da1;font-style:normal}
.v2-matlevempty{font-size:12px;color:#9aa6b5}
.v2-matnb{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #eef2f6;font-size:13px}.v2-matnb:last-child{border-bottom:0}.v2-matnb strong{flex:1;color:#13243c}.v2-matnb>span:not(.v2-mat-thumb){color:#607188;white-space:nowrap}
@media(max-width:1000px){.v2-matmain{grid-template-columns:44px 1fr 80px 80px 80px;grid-template-rows:auto auto}.v2-matbarcell{grid-column:2/-1}.v2-matacts{grid-column:1/-1;justify-content:flex-end}.v2-matlev{padding-left:12px}}
@media(max-width:560px){.v2-matmain{grid-template-columns:1fr 1fr 1fr}.v2-mat-thumb{display:none}.v2-matname{grid-column:1/-1}.v2-matbarcell{grid-column:1/-1}.v2-mat-kpis{gap:12px}}
.v2-mat-profhint{display:flex;flex-direction:column;gap:4px;grid-column:span 2}.v2-mat-profhint>span{font-size:11px;font-weight:800;color:#62738a}.v2-mat-profhint small{color:#7e8da1;font-size:11px}
.v2-mat-cathint{color:#7e8da1;font-size:11px;align-self:center}.v2-matnb .v2-matname{flex:1}
.v2-matchips{margin:0 0 12px}.v2-matchips i{font-style:normal;opacity:.6;margin-left:3px}
.v2-matgroephead{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7e8da1;margin:10px 0 2px 4px}.v2-matgroephead:first-child{margin-top:0}.v2-matgroephead i{font-style:normal;opacity:.7;margin-left:4px}
.v2-mat-freq{margin-bottom:12px}.v2-mat-freqgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.v2-mat-freqtile{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #dbe5ef;border-radius:12px;background:#fff;padding:8px 10px;cursor:pointer;font:inherit}.v2-mat-freqtile:hover{border-color:#1f80c4}
.v2-mat-freqtile>div{min-width:0}.v2-mat-freqtile strong{display:block;font-size:13px;color:#13243c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-mat-freqtile small{display:block;font-size:11px;color:#7e8da1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-mat-freqtile em{font-style:normal;font-size:11px;color:#155f97;font-weight:700}
.v2-mathist{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #edf1f6}.v2-mathistrow{display:flex;gap:14px;align-items:center;font-size:13px;padding:4px 0}.v2-mathistrow b{color:#13243c;min-width:84px}.v2-mathistrow span{color:#46566b}.v2-mathistrow i{flex:1;color:#7e8da1;font-style:normal}
.v2-matgroepedit{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#62738a;margin-bottom:6px}.v2-matgroepedit input{font:inherit;font-size:13px;padding:4px 8px;border:1px solid #dbe3ec;border-radius:7px;width:160px;font-weight:500}
.v2-mat-freq.hidden{display:none}
.v2-matcode{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;color:#155f97;background:#e6f2fb;border-radius:6px;padding:1px 6px;margin-right:7px;vertical-align:1px}
.v2-matunit{display:inline-flex;margin-top:4px;border:1px solid #cfd9e5;border-radius:8px;overflow:hidden}.v2-matunit button{border:0;background:#fff;font:inherit;font-size:11px;font-weight:700;color:#607188;padding:3px 9px;cursor:pointer}.v2-matunit button.on{background:#13243c;color:#fff}
.v2-matnum span i{font-style:normal;text-transform:none;letter-spacing:0;color:#1f80c4;margin-left:3px}.v2-matnum small{font-size:10px;color:#7e8da1;white-space:nowrap}
.v2-mlunit{display:flex;gap:4px;align-items:center}.v2-mlunit input{flex:1;min-width:60px}.v2-mlunit select{font:inherit;font-size:13px;padding:7px 6px;border:1px solid #cfd9e5;border-radius:9px;background:#fff}.v2-mlunit b{font-size:13px;color:#46566b}.v2-mlunit .hidden{display:none}

/* v53: groepen + selectie bestelformulieren */
.v2-groepbar{margin-top:-6px}.v2-phase.v2-groep span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2-ogroep{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:#fff4e5;color:#9a5b00;font-size:12px;font-weight:600}
.v2-osel{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px}.v2-osel input{width:17px;height:17px;cursor:pointer}
.v2-selbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border:1px solid #e3e8ef;border-radius:12px;background:#f8fafc;position:sticky;top:76px;z-index:5}
.v2-selbar:empty{display:none}.v2-selcount{font-size:13px;color:#475569}.v2-selhint{font-size:12px;color:#8492a3}

/* v54: klembord */
.v2-klembord{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 14px;padding:10px 14px;border:1px dashed #1f5f99;border-radius:12px;background:#eef5fc}
.v2-klembord.hidden{display:none}.v2-kb-ico{font-size:18px}.v2-kb-txt{flex:1;min-width:200px;font-size:14px}.v2-ogroepbtn{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v56: status */
.v2-ostatus{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.v2-ostatus b{font-weight:700}
.v2-ost-concept{background:#eef1f5;color:#556274}.v2-ost-besteld{background:#e3effb;color:#1f5f99}.v2-ost-geleverd{background:#e3f6ec;color:#127a45}.v2-ost-rev{background:#fdecec;color:#c81e1e}
.v2-odate-in{height:32px;padding:0 8px;border:1px solid #dbe2ea;border-radius:8px;font:inherit;font-size:13px}
.v2-stfilter{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}.v2-stfilter .v2-phase{padding:4px 10px;font-size:12.5px}
.v2-selstatus{height:32px;border:1px solid #dbe2ea;border-radius:8px;padding:0 8px;font:inherit;font-size:13px}
.v2-ordercard .v2-orderactions{flex-wrap:wrap;align-items:center}
.v2-ordercard .v2-orderactions .v2-omove{margin-right:0}.v2-ordercard .v2-orderactions .v2-ogroepbtn{margin-right:auto}
.v2-ordercard .v2-orderactions input.v2-odate-in{width:150px;flex:none;min-height:0}

/* v57: profielenlijst */
.v2-headbtns{display:flex;gap:8px;flex-wrap:wrap}
.v2-proflist{display:flex;flex-direction:column}
.v2-prof{display:grid;grid-template-columns:76px 92px minmax(180px,1.4fr) minmax(120px,1fr) 190px minmax(140px,1fr) 36px;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid #edf1f5}
.v2-prof:last-child{border-bottom:0}
.v2-prof-th{width:72px;height:54px;border-radius:9px;background:#f5f7fa;border:1px solid #e3e8ef;display:grid;place-items:center;overflow:hidden}.v2-prof-th svg,.v2-prof-th img{max-width:66px;max-height:48px}
.v2-prof-name b{font-size:19px;color:#1f5f99;letter-spacing:-.01em}.v2-prof-noname{color:#b8c2ce!important}.v2-prof-name small{display:block;font-size:11px}.v2-warn{color:#b45309}
.v2-prof-vorm{font-weight:700;font-size:14px}.v2-prof-maten,.v2-prof-mat{font-size:12px;color:#6b7a8c}
.v2-prof-len{font-size:12.5px;color:#334155}
.v2-prof-nums{display:flex;gap:12px;font-size:12px;color:#7f8da0}.v2-prof-nums b{color:#14202e;font-size:14px}
.v2-prof-orders{display:flex;flex-wrap:wrap;gap:5px}
.v2-ochip{border:0;border-radius:999px;padding:3px 9px;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.v2-ochip:hover{filter:brightness(.95)}
@media(max-width:900px){.v2-prof{grid-template-columns:64px 1fr;}.v2-prof-name{grid-column:2}.v2-prof-main,.v2-prof-len,.v2-prof-nums,.v2-prof-orders{grid-column:1/-1}}

/* v58: klant / standaard */
.v2-klantbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;margin-bottom:6px;border-radius:10px;background:#fffaf0;border:1px solid #f6dfb2;font-size:13px}
.v2-star{width:34px;height:34px;border-radius:50%;border:1px solid #e3e8ef;background:#fff;color:#c7cfd9;font-size:18px;cursor:pointer;line-height:1}
.v2-star:hover{color:#e0a100;border-color:#f3c77a}.v2-star.on{color:#e0a100;background:#fff6dd;border-color:#f3c77a}
@media(max-width:900px){.v2-star{grid-column:2;justify-self:start}}

/* v61: totaal van de selectie */
.v2-seltotal{display:inline-flex;align-items:baseline;gap:8px;padding:4px 12px;border-radius:999px;background:#14202e;color:#fff;font-size:12px}.v2-seltotal b{font-size:15px}.v2-seltotal span{color:#b9c4d2}
.v2-selbar select.v2-selstatus{width:auto;flex:none;min-height:0}

/* v65: prullenbak */
.v2-trashbtn i{font-style:normal;background:#eef1f5;border-radius:999px;padding:0 7px;margin-left:3px;font-size:11px}
.v2-trash{max-width:560px}.v2-trashlist{display:flex;flex-direction:column;gap:8px;margin:10px 0 16px;max-height:55vh;overflow:auto}
.v2-trashrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e3e8ef;border-radius:10px}

/* v66: rechten */
.v2-readonly{display:inline-block;margin-left:12px;padding:3px 10px;border-radius:999px;background:#eef1f5;color:#556274;font-size:12px;font-weight:700;vertical-align:middle;letter-spacing:0}

.v2-access{max-width:760px}.v2-acc-add{display:grid;grid-template-columns:1.4fr 1fr 1fr .9fr auto;gap:8px;margin:6px 0 8px}.v2-acc-add input,.v2-acc-add select{min-height:38px}
.v2-acc-legend{background:#f5f7fa;border-radius:10px;padding:10px 12px;line-height:1.6}
.v2-acc-firm{margin:18px 0 6px;font-size:15px}.v2-acc-firm i{font-style:normal;background:#eef1f5;border-radius:999px;padding:1px 8px;font-size:12px;margin-left:4px}
.v2-acc-row{display:grid;grid-template-columns:1fr 150px auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #e3e8ef;border-radius:10px;margin-bottom:6px}
@media(max-width:700px){.v2-acc-add{grid-template-columns:1fr 1fr}.v2-acc-row{grid-template-columns:1fr}}