/* Klantomgeving:gedeelde vormgeving volgens het goedgekeurde ontwerp. */
body:has(.customerHeader){--radius-medium:12px;--radius-large:16px;background:var(--bg);padding-left:248px;color:var(--text)}
.customerSidebar{position:fixed;inset:0 auto 0 0;width:248px;z-index:40;background:var(--vjt-sidebar);color:var(--vjt-sidebar-text);border-right:1px solid var(--vjt-graphite-700);overflow-y:auto;padding:22px 14px 16px;display:flex;flex-direction:column;gap:22px}
.customerSidebar>.brand{padding:0 8px;gap:8px}.customerSidebar .brandMark{width:32px;height:32px;font-size:12px}.customerSidebar .brandName{font-size:16px}.customerSidebar .brandLogo{width:100%;max-width:180px;height:54px;object-fit:contain;background:var(--vjt-brand-ivory);border-radius:var(--vjt-radius-sm);padding:8px}.customerSidebar .brandName{color:var(--vjt-sidebar-text);font-family:var(--font-interface)}
.customerNavGroup{margin:0 0 15px}.customerNavGroup>p{margin:0 10px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.075em;color:var(--vjt-sidebar-muted)}.customerNavGroup>a{display:flex;align-items:center;gap:10px;min-height:37px;padding:8px 11px;margin:2px 0;border-radius:var(--vjt-radius-md);color:var(--vjt-sidebar-text);font-size:13px;text-decoration:none}.customerNavGroup>a:hover{background:var(--vjt-graphite-700)}.customerNavGroup>a[aria-current=page]{background:var(--vjt-sidebar-active);color:#fff;font-weight:700}.customerSidebar svg,.customerHeader svg{width:19px;height:19px;flex-shrink:0}.customerSidebarNote{margin:auto 10px 0;padding-top:20px;border-top:1px solid var(--vjt-graphite-600);color:var(--vjt-sidebar-muted);font-size:12px;line-height:1.6}
.customerHeader{height:68px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:18px}.customerCompany{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customerHeaderActions{display:flex;align-items:center;gap:22px}.customerHeaderActions>a{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:13px;text-decoration:none}.customerNotificationLink{position:relative}.customerNotificationLink>span{font-size:10px;color:#fff;background:var(--vjt-danger);border-radius:100%;padding:2px 5px}.customerAvatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface-subtle);color:var(--text-muted);font-weight:700}.customerAccount{position:relative}.customerAccount>summary{list-style:none;cursor:pointer}.customerAccount>summary::-webkit-details-marker{display:none}.customerAccountMenu{position:absolute;right:0;top:42px;min-width:210px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:16px;box-shadow:0 8px 28px #232B3116;z-index:50}.customerAccountMenu a,.customerAccountMenu button{display:block;margin-top:12px;color:var(--text-muted);background:none;border:0;padding:4px 0;font:inherit;cursor:pointer}.customerMenuButton,.customerNavClose{display:none}.customerBackdrop[hidden]{display:none}
body:has(.customerHeader) main{padding:34px 0 56px;min-height:calc(100vh - 190px)}body:has(.customerHeader) .pageWidth{width:calc(100% - 68px);max-width:1240px;margin-left:auto;margin-right:auto}body:has(.customerHeader) main.pageWidth{padding-top:34px;padding-bottom:56px}body:has(.customerHeader) h1{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.35;max-width:100%;margin-bottom:12px}body:has(.customerHeader) h2{font-size:1.15rem;line-height:1.45}body:has(.customerHeader) h3{font-size:1rem}body:has(.customerHeader) .eyebrow{font-size:11px;letter-spacing:.08em;color:var(--text-muted)}body:has(.customerHeader) [class$=Intro],body:has(.customerHeader) .tendersHeading,body:has(.customerHeader) .creditPageHeading{margin-bottom:28px}body:has(.customerHeader) .button{min-height:42px;border-radius:7px;font-size:13px;padding:11px 17px;box-shadow:none}body:has(.customerHeader) input,body:has(.customerHeader) select,body:has(.customerHeader) textarea{border-radius:7px;max-width:100%;font-size:14px}body:has(.customerHeader) :focus-visible{outline:3px solid var(--vjt-primary-hover);outline-offset:3px}body:has(.customerHeader) .siteFooter{background:transparent;padding:20px 0;border-top:1px solid var(--border)}body:has(.customerHeader) .siteFooterInner{width:calc(100% - 68px);font-size:12px}body:has(.customerHeader) .brandFooter{display:none}body:has(.customerHeader) .footerCompanyDetails{display:none}body:has(.customerHeader) .siteFooterInner>div:first-child>p{margin:0}body:has(.customerHeader) .footerLinks{gap:10px}.customerPreviewBar .pageWidth{padding:10px 0}/* Dashboard:eerst het overzicht, daarna de werkvoorraad en kansen. */

body:has(.customerHeader) .dashboardStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;background:none;overflow:visible;margin-bottom:24px}body:has(.customerHeader) .dashboardStats article{min-height:130px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:20px 22px;gap:8px}body:has(.customerHeader) .dashboardStats strong{font-family:var(--font-interface);font-size:29px;color:var(--text)}body:has(.customerHeader) .dashboardStats article>a{font-size:12px;color:var(--action)}body:has(.customerHeader) .dashboardFocus{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px;margin-bottom:24px}body:has(.customerHeader) .dashboardWork{padding:23px;border-radius:12px;box-shadow:none;background:var(--surface)}body:has(.customerHeader) .dashboardWorkList li{padding:13px 0}body:has(.customerHeader) .dashboardWorkList strong{font-size:14px}body:has(.customerHeader) .dashboardWorkList span{font-size:12px}body:has(.customerHeader) .dashboardSectionHeading{gap:12px;margin-bottom:15px}body:has(.customerHeader) .dashboardSectionHeading>a{font-size:12px}body:has(.customerHeader) .dashboardMatchGrid{display:block;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}body:has(.customerHeader) .dashboardMatch{display:grid;grid-template-columns:minmax(0,1fr) 170px;column-gap:20px;border:0;border-radius:0;border-bottom:1px solid var(--border-soft);padding:19px 22px;box-shadow:none;transform:none}body:has(.customerHeader) .dashboardMatch:last-child{border-bottom:0}body:has(.customerHeader) .dashboardMatchTop{grid-column:2;grid-row:1/4;align-self:center;gap:12px;flex-direction:column;margin:0}body:has(.customerHeader) .dashboardMatch p{font-size:12px;margin:0 0 6px}body:has(.customerHeader) .dashboardMatch h3{margin:0 0 9px}body:has(.customerHeader) .dashboardScore{background:var(--vjt-success-bg);color:var(--vjt-success);font-size:17px;padding:7px 12px}body:has(.customerHeader) .dashboardMatches{margin-bottom:24px}body:has(.customerHeader) .dashboardAccountGrid{gap:18px;margin-top:24px}body:has(.customerHeader) .dashboardCard{padding:20px;min-height:0;border-radius:12px;box-shadow:none}body:has(.customerHeader) .dashboardPilot{padding:18px 22px;border-radius:10px;margin-bottom:20px}body:has(.customerHeader) .dashboardRole{color:var(--text-muted);background:var(--surface-subtle);border-color:var(--border);font-size:11px}/* Compacte tenderlijst; beschrijving en bronnen blijven beschikbaar. */

body:has(.customerHeader) .tenderWorkspace{padding:0;background:none;border:0}body:has(.customerHeader) .tenderFilters{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:14px;grid-template-columns:2fr repeat(4,minmax(110px,1fr));margin-bottom:20px}body:has(.customerHeader) .filterActions{grid-column:1/-1;justify-content:flex-end}body:has(.customerHeader) .tenderFilters label{font-size:12px}body:has(.customerHeader) .tenderFilters input,body:has(.customerHeader) .tenderFilters select{min-height:42px}body:has(.customerHeader) .tenderList{gap:12px}body:has(.customerHeader) .tenderCard{grid-template-columns:76px minmax(0,1fr) 140px;padding:21px;gap:20px;border-radius:12px;box-shadow:none;transform:none}body:has(.customerHeader) .tenderScore{background:#f0f5ed;border:1px solid #ccd9c8;border-radius:50%;width:72px;height:72px;min-height:0;padding:8px;align-self:center;color:#345b39}body:has(.customerHeader) .tenderScore strong{font-size:20px;color:inherit}body:has(.customerHeader) .tenderScore>span{font-size:9px;color:inherit;line-height:1.2}body:has(.customerHeader) .tenderCard h2{font-family:var(--font-interface);font-size:17px;margin-bottom:8px}body:has(.customerHeader) .tenderDescription{font-size:13px;line-height:1.5;margin-bottom:12px}body:has(.customerHeader) .tenderMetadata{gap:20px}body:has(.customerHeader) .tenderMetadata>span{font-size:12px}body:has(.customerHeader) .tenderMetadata strong{display:none}body:has(.customerHeader) .tenderCardLabels{font-size:11px;margin-bottom:7px}body:has(.customerHeader) .tenderCardAside{border:0;padding:0;justify-content:center;font-size:12px}body:has(.customerHeader) .tenderResultsHeading{margin:12px 0}/* Detail, samenwerken en gegevensformulieren delen dezelfde rustige kaarten. */body:has(.customerHeader) .detailSection,body:has(.customerHeader) .sourceCard,body:has(.customerHeader) .workflowCard,body:has(.customerHeader) .notificationSettingsCard{padding:24px;border-radius:12px;background:var(--surface);box-shadow:none;border:1px solid var(--border)}body:has(.customerHeader) .analysisLevels{gap:14px}body:has(.customerHeader) .analysisLevelCard{box-shadow:none;border-radius:10px;padding:18px;background:var(--surface)}body:has(.customerHeader) .analysisLevelCard.isPro{background:#fff7ef;border-color:#ebc5ad}body:has(.customerHeader) .analysisLevelNumber{background:#f1ede7;color:var(--text-muted)}body:has(.customerHeader) .factorColumns{gap:20px}body:has(.customerHeader) .positiveFactors{color:#345b39}body:has(.customerHeader) .negativeFactors{color:var(--vjt-warning)}body:has(.customerHeader) .detailFreshness,body:has(.customerHeader) .tenderFreshness{font-size:12px}.customerPreferencesLayout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px;align-items:start}.customerPreferencesLayout .notificationSettingsCard{width:100%;margin:0}.customerPreferencesPreview{position:sticky;top:22px}.customerPreferencesPreview h2{font-family:var(--font-interface)}body:has(.customerHeader) .notificationOption{padding:15px 0;border-bottom:1px solid var(--border-soft)}body:has(.customerHeader) .notificationOption strong{font-size:14px}body:has(.customerHeader) .notificationOption small{font-size:12px}body:has(.customerHeader) .notificationSettingsCard fieldset{padding:0;border:0;margin:22px 0}body:has(.customerHeader) .notificationSettingsCard legend{font-weight:700;margin-bottom:8px}body:has(.customerHeader) .scoreField{margin:20px 0}body:has(.customerHeader) table{font-size:13px}body:has(.customerHeader) th{background:var(--bg);color:var(--text-muted)}body:has(.customerHeader) td{padding:16px 13px}body:has(.customerHeader) .creditPackage{border-radius:12px;box-shadow:none}body:has(.customerHeader) .creditBalanceHero{border-radius:12px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none}body:has(.customerHeader) .creditBalanceHero strong{color:var(--text)}body:has(.customerHeader) .creditShop section{border-radius:12px}body:has(.customerHeader) .formCard,body:has(.customerHeader) .accountCard{box-shadow:none;border-radius:12px}body:has(.customerHeader) img{max-width:100%}body:has(.customerHeader) .tableWrap{overflow-x:auto}body:has(.customerHeader) [hidden]{display:none!important}
@media(max-width:1200px){body:has(.customerHeader) .tenderFilters{grid-template-columns:repeat(3,minmax(0,1fr))}body:has(.customerHeader) .filterSearch{grid-column:span 2}body:has(.customerHeader) .tenderMetadata{flex-wrap:wrap;gap:8px 16px}}
@media(max-width:1023px){body:has(.customerHeader){padding-left:0}.customerSidebar{transform:translateX(-100%);visibility:hidden;width:260px;transition:transform .18s}.customerSidebar.isOpen{transform:none;visibility:visible;z-index:101}.customerMenuButton,.customerNavClose{display:grid;place-items:center;min-width:40px;min-height:40px;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text-muted)}.customerNavClose{position:absolute;top:18px;right:12px}.customerSidebar>.brand{margin-top:48px}.customerBackdrop{position:fixed;inset:0;background:#232B3165;z-index:100;border:0}.customerMenuOpen{overflow:hidden}.customerHeader{padding:0 20px;height:62px}.customerCompany{margin-right:auto}.customerHeaderActions{gap:16px}body:has(.customerHeader) .pageWidth{width:calc(100% - 40px)}body:has(.customerHeader) .siteFooterInner{width:calc(100% - 40px)}body:has(.customerHeader) .dashboardAccountGrid{grid-template-columns:1fr}.customerPreferencesLayout{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}.customerPreferencesPreview{position:static}}
@media(max-width:640px){.customerHeader{padding:0 14px;gap:10px}.customerCompany{font-size:12px;max-width:140px}.customerCreditLink>span{display:none}.customerHeaderActions{gap:13px}body:has(.customerHeader) main{padding-top:25px}body:has(.customerHeader) .pageWidth,body:has(.customerHeader) .siteFooterInner{width:calc(100% - 28px)}body:has(.customerHeader) h1{font-size:1.4rem}body:has(.customerHeader) .dashboardStats{grid-template-columns:1fr;gap:10px}body:has(.customerHeader) .dashboardStats article{display:grid;grid-template-columns:1fr auto;min-height:96px;padding:16px 18px}body:has(.customerHeader) .dashboardStats article strong{grid-column:2;grid-row:1/3}body:has(.customerHeader) .dashboardFocus{grid-template-columns:1fr}body:has(.customerHeader) .dashboardIntro{gap:10px}.dashboardRole{display:none}body:has(.customerHeader) .dashboardMatch{grid-template-columns:minmax(0,1fr) 80px;padding:17px;gap:10px}body:has(.customerHeader) .dashboardMatchTop{font-size:11px}body:has(.customerHeader) .dashboardMatchMeta{flex-wrap:wrap;font-size:11px}body:has(.customerHeader) .dashboardSectionHeading{align-items:start;flex-wrap:wrap}body:has(.customerHeader) .tenderFilters{grid-template-columns:1fr 1fr;padding:16px;gap:12px}body:has(.customerHeader) .filterSearch{grid-column:1/-1}body:has(.customerHeader) .tenderCard{grid-template-columns:52px minmax(0,1fr);padding:16px;gap:12px}body:has(.customerHeader) .tenderScore{width:52px;height:52px;padding:5px}body:has(.customerHeader) .tenderScore strong{font-size:15px}body:has(.customerHeader) .tenderScore>span{font-size:8px}body:has(.customerHeader) .tenderCardAside{grid-column:2;flex-direction:row;justify-content:space-between}body:has(.customerHeader) .tenderCard h2{font-size:15px}body:has(.customerHeader) .tendersHeading{flex-wrap:wrap}.customerPreferencesLayout{grid-template-columns:1fr}body:has(.customerHeader) .notificationSettingsCard,body:has(.customerHeader) .detailSection{padding:18px}body:has(.customerHeader) .factorColumns{grid-template-columns:1fr}body:has(.customerHeader) .siteFooterInner{display:flex;flex-direction:column;align-items:start;gap:10px}body:has(.customerHeader) .dashboardPilot{flex-wrap:wrap}.customerPreferencesLayout>section{min-width:0}body:has(.customerHeader) .creditPageHeading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.customerSidebar{transition:none}}
@media print{body:has(.customerHeader){padding:0}.customerSidebar,.customerHeader,.customerBackdrop{display:none}body:has(.customerHeader) .pageWidth{width:100%}}/* Creditkeuze en samenvatting, met oorspronkelijke bestel- en aanvraagformulieren. */

body:has(.customerHeader) .creditWorkspace{display:block}body:has(.customerHeader) .customerCreditSelection{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:22px;align-items:start}body:has(.customerHeader) .creditPackageSection{padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}body:has(.customerHeader) .creditPackageCard{align-items:center;text-align:center;padding:20px 12px;transform:none;border:1px solid var(--border);border-radius:9px;box-shadow:none}body:has(.customerHeader) .creditPackageCard.isSelected,body:has(.customerHeader) .creditCustomPackage.isSelected{border-color:var(--action);background:#fff5ec}body:has(.customerHeader) .creditPackageCard [data-package-price]{color:var(--text);min-height:0;margin:10px 0}body:has(.customerHeader) .customerPackageChoice{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:15px;color:var(--text-muted);font-size:11px;cursor:pointer}body:has(.customerHeader) .customerPackageChoice input{width:20px;height:20px;accent-color:var(--action)}body:has(.customerHeader) .customerOrderSummary{padding:24px;position:sticky;top:22px}body:has(.customerHeader) .customerOrderSummary form{margin-top:16px}body:has(.customerHeader) .customerOrderSummary output{padding:16px 0;border-top:1px solid var(--border);color:var(--text);font-size:16px}body:has(.customerHeader) .customerOrderSummary button{width:100%;justify-self:stretch}body:has(.customerHeader) .creditPaymentNote{padding:12px;background:var(--vjt-surface-highlight);color:var(--vjt-link);border-radius:7px;font-size:12px}body:has(.customerHeader) .creditCustomPackage{grid-template-columns:1fr auto;box-shadow:none}body:has(.customerHeader) .creditSidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}body:has(.customerHeader) .creditCouponCard{background:var(--surface);border-color:var(--border)!important}body:has(.customerHeader) .creditBalanceGrid{display:flex;flex-wrap:wrap;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 22px}body:has(.customerHeader) .creditBalanceGrid article{border:0;box-shadow:none;background:none;border-radius:0;padding:8px 22px;flex:1;min-width:130px}body:has(.customerHeader) .creditBalanceGrid .creditBalanceMain{background:none;color:var(--text);border:0;flex:2}body:has(.customerHeader) .creditBalanceMain::after{display:none}body:has(.customerHeader) .creditBalanceMain>span,body:has(.customerHeader) .creditBalanceMain p,body:has(.customerHeader) .creditBalanceMain small{color:var(--text-muted)}body:has(.customerHeader) .creditBalanceMain a{color:var(--action)}body:has(.customerHeader) .creditBalanceMain strong{font-size:30px}body:has(.customerHeader) .creditSectionNav a:first-child{color:var(--action)}body:has(.customerHeader) .creditPageHeading h1{font-family:var(--font-interface);letter-spacing:normal}body:has(.customerHeader) .creditPageHeading .eyebrow{margin-top:8px}
body:has(.customerHeader) .customerTeamInvite{padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:22px}body:has(.customerHeader) .customerTeamInvite>summary{padding:16px 22px;cursor:pointer;color:var(--action);font-weight:700}body:has(.customerHeader) .customerTeamInvite>div,body:has(.customerHeader) .customerTeamInvite>form,body:has(.customerHeader) .customerTeamInvite>.formMessage{margin:16px 22px}body:has(.customerHeader) .companyTeamOverview{padding:24px;border-radius:12px;box-shadow:none;background:var(--surface)}body:has(.customerHeader) .companyTeamPending{margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}body:has(.customerHeader) .companyTeamActions{font-size:12px}
@media(max-width:760px){body:has(.customerHeader) .customerCreditSelection{grid-template-columns:1fr}body:has(.customerHeader) .customerOrderSummary{position:static}body:has(.customerHeader) .creditSidebar{grid-template-columns:1fr}body:has(.customerHeader) .creditHistoryGrid{grid-template-columns:1fr}body:has(.customerHeader) .creditBalanceGrid{padding:10px}body:has(.customerHeader) .creditBalanceGrid article{padding:12px;min-width:110px}body:has(.customerHeader) .creditBalanceGrid .creditBalanceMain{min-width:100%;padding-bottom:18px;border-bottom:1px solid var(--border)}body:has(.customerHeader) .companyTeamOverview{padding:18px}body:has(.customerHeader) .creditPackageSection{padding:18px}body:has(.customerHeader) .creditPackages{grid-template-columns:repeat(3,minmax(0,1fr))}body:has(.customerHeader) .creditPackageCard{padding:15px 8px}body:has(.customerHeader) .creditPackageName,body:has(.customerHeader) .creditPackageLabel{font-size:10px}body:has(.customerHeader) .creditPackageCard h3 strong{font-size:25px}body:has(.customerHeader) .creditPackageCard [data-package-price]{font-size:12px}}
body:has(.customerHeader) .dashboardMatch{min-height:0;grid-template-rows:auto auto auto}body:has(.customerHeader) .dashboardMatchMeta{padding:0;margin:0;border:0;justify-content:flex-start;gap:18px}body:has(.customerHeader) .dashboardMatch h3{margin:0 0 9px}body:has(.customerHeader) .dashboardCardLabel{color:var(--text-muted)}body:has(.customerHeader) .dashboardAccountGrid .dashboardCard h2{font-size:14px}body:has(.customerHeader) .dashboardAccountGrid .dashboardCard p{font-size:12px}body:has(.customerHeader) .dashboardAccountGrid .dashboardCard span{font-size:12px}body:has(.customerHeader) .tenderFreshness{padding:12px 0;background:transparent;border:0;margin-bottom:12px}body:has(.customerHeader) .tenderFreshness p{font-size:12px}body:has(.customerHeader) .collaboration form{display:grid;gap:12px;margin:15px 0}body:has(.customerHeader) .collaboration label{display:grid;gap:7px;font-size:13px}body:has(.customerHeader) .collaboration input:not([type=hidden]):not([type=checkbox]),body:has(.customerHeader) .collaboration select,body:has(.customerHeader) .collaboration textarea{width:100%;padding:10px 12px;border:1px solid var(--border);font-family:var(--font-interface);background:var(--surface)}body:has(.customerHeader) .collaboration fieldset{padding:0;border:0;min-width:0}body:has(.customerHeader) .collaboration>section{margin-top:22px;border:1px solid var(--border);border-radius:10px;padding:18px}body:has(.customerHeader) .collaborationItem{padding:15px;border-bottom:1px solid var(--border-soft)}body:has(.customerHeader) .collaborationLinks{gap:12px;display:flex;flex-wrap:wrap;margin:18px 0 22px}.customerCollaborationEdit>summary{cursor:pointer;color:var(--action);font-size:13px;padding:10px 0}.customerCollaborationEdit{border-bottom:1px solid var(--border-soft);margin-bottom:16px}.customerCreditBalance{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.customerCreditBalance>div{display:flex;align-items:center;gap:14px}.customerCreditBalance svg{width:26px;height:26px;color:var(--action)}.customerCreditBalance strong{font-size:32px}.customerCreditBalance>a{color:var(--action);font-size:13px}.customerCreditBalance>details{margin-left:auto;font-size:12px}.customerCreditBalance summary{cursor:pointer}body:has(.customerHeader) .creditPackageCard .creditPackageLabel,body:has(.customerHeader) .creditPackageCard .creditPackageName{display:none}body:has(.customerHeader) .onboardingSection,body:has(.customerHeader) .helpCard,body:has(.customerHeader) .companySubscriptionGrid>article,body:has(.customerHeader) .securityCard{padding:24px;border:1px solid var(--border);border-radius:12px;box-shadow:none;background:var(--surface)}body:has(.customerHeader) .onboardingSectionHeading h2{font-size:1.15rem}body:has(.customerHeader) .helpPage>h1,body:has(.customerHeader) .customerPage>h1{margin-top:0}body:has(.customerHeader) .helpPage form{display:grid;gap:12px}body:has(.customerHeader) .helpPage form>button{justify-self:start;min-height:42px;background:var(--action);color:#fff;border:0;border-radius:7px;padding:11px 17px;font:inherit}body:has(.customerHeader) .loginPage{display:block}body:has(.customerHeader) .securityCard{width:calc(100% - 68px);max-width:850px;margin:0 auto}body:has(.customerHeader) .siteFooter a,body:has(.customerHeader) .siteFooter button{color:var(--text-muted)}.customerHeaderActions .notificationBell{font-family:var(--font-interface)}
@media(max-width:640px){body:has(.customerHeader) .creditPackages{grid-template-columns:1fr}body:has(.customerHeader) .creditPackageCard{display:grid;grid-template-columns:1fr auto;text-align:left;padding:14px 18px}body:has(.customerHeader) .creditPackageCard h3{margin:0;font-weight:600}body:has(.customerHeader) .creditPackageCard h3 strong{font-size:18px}body:has(.customerHeader) .creditPackageCard .customerPackageChoice{grid-column:2;grid-row:1/3;margin:0}body:has(.customerHeader) .customerPackageChoice>span{display:none}body:has(.customerHeader) .creditPackageCard [data-package-price]{margin:5px 0 0;font-size:14px}.customerCreditBalance{padding:18px;gap:12px}.customerCreditBalance>details{margin:0;flex-basis:100%}body:has(.customerHeader) .securityCard{width:calc(100% - 28px);padding:18px}}/* Analyseoverzicht boven de kaart, detailbronnen daaronder. */.customerAutomaticAnalyses>summary{cursor:pointer;font-size:12px;color:var(--text-muted);padding:12px 0;border-top:1px solid var(--border)}.customerAutomaticAnalyses .analysisLevelCard{margin-top:10px}.customerNavGroup span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){}
@media(max-width:1023px){html:not(.customerNavigationReady) .customerSidebar{position:static;width:auto;transform:none;visibility:visible;border:0;border-bottom:1px solid var(--border);padding:18px;display:block}html:not(.customerNavigationReady) .customerSidebar>.brand{margin:0 0 18px}html:not(.customerNavigationReady) .customerSidebar nav{display:flex;flex-wrap:wrap;gap:16px}html:not(.customerNavigationReady) .customerMenuButton,html:not(.customerNavigationReady) .customerNavClose{display:none}html:not(.customerNavigationReady) .customerSidebarNote{display:none}}
.customerMobileBrand{display:none}@media(max-width:640px){.customerMobileBrand{display:block;margin-right:auto;color:var(--text);font-family:var(--font-interface);font-size:13px;text-decoration:none}.customerCompany{display:none}}


/* UI/UX-rework 2026-10-29: shared composition and accessibility */
/* One shared content grid across the customer dashboard, hubs and detail pages. */
body:has(.customerHeader){--work-gap:24px;--work-card-padding:24px;--work-reading-width:76ch}
body:has(.customerHeader) main{min-width:0}
body:has(.customerHeader) main :is(section,article,form,fieldset,table,div){min-width:0}
body:has(.customerHeader) main :is(h1,h2,h3,p,a,strong,td,th,dd,dt){overflow-wrap:anywhere}
body:has(.customerHeader) main .pageWidth{max-width:1240px}
body:has(.customerHeader) main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:44px}
body:has(.customerHeader) main label{line-height:1.45}
body:has(.customerHeader) main :is(.customerUtilityPage,.customerOverview,.dashboardPage,.tendersPage) :is(p,li){line-height:1.55}
body:has(.customerHeader) :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--action);outline-offset:3px}
body:has(.customerHeader) .customerNavGroup>a{min-height:44px}
body:has(.customerHeader) .customerAccountMenu a,body:has(.customerHeader) .customerAccountMenu button{min-height:40px;display:flex;align-items:center}
body:has(.customerHeader) main :is(.customerFilterForm,.overviewHeading,.dashboardSectionHeading){max-width:100%}
body:has(.customerHeader) main :is(.customerFilterForm,.filterActions){flex-wrap:wrap}
body:has(.customerHeader) main table{max-width:100%}
body:has(.customerHeader) main :is(.adminTableScroll,.tableScroll,.documentTableScroll,.docSheetScroll){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
body:has(.customerHeader) main :is(.customerUtilityPage,.customerOverview)>h1{font-family:var(--font-interface);margin-bottom:8px}
body:has(.customerHeader) main :is(.customerUtilityPage,.customerOverview)>h1+p{max-width:var(--work-reading-width);margin:0 0 24px;color:var(--text-muted)}
@media(max-width:1023px){body:has(.customerHeader){--work-gap:16px;--work-card-padding:18px}}
@media(max-width:640px){body:has(.customerHeader) main{padding-block:18px 42px}body:has(.customerHeader) .pageWidth,body:has(.customerHeader) main.pageWidth{width:calc(100% - 28px)}body:has(.customerHeader) .siteFooterInner{width:calc(100% - 28px)}body:has(.customerHeader) main :is(.detailSection,.analysisCard,.workflowCard,.customerCreditBalance){max-width:100%}body:has(.customerHeader) main :is(h1,h2,h3){text-wrap:pretty}}
@media(prefers-reduced-motion:reduce){body:has(.customerHeader) main *,body:has(.customerHeader) main *::before,body:has(.customerHeader) main *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.customerSidebar .vjtBrandMark{width:64px;height:auto;padding:6px;background:var(--vjt-brand-ivory);border-radius:var(--vjt-radius-sm)}.customerSidebar>.brand{flex-wrap:wrap}.customerSidebar .brandName{font-size:17px;line-height:1.4}.customerSidebar :focus-visible{outline-color:var(--vjt-copper-300)}

/* VJT customer application frame: same full-height structure as management. */
body:has(.customerHeader){--customer-frame-space:32px;--customer-sidebar-width:248px}
.customerSidebar{
 --scrollbar-track:var(--vjt-brand-graphite);--scrollbar-thumb:var(--vjt-copper-300);--scrollbar-hover:var(--vjt-copper-200);--scrollbar-active:var(--vjt-copper-100);
 box-sizing:border-box;width:var(--customer-sidebar-width);height:100dvh;max-height:100dvh;overflow:hidden;gap:0;padding:24px 14px 16px;background:var(--vjt-brand-graphite);border-right:1px solid var(--vjt-graphite-600);border-radius:0;
}
.customerSidebar>.customerSidebarBrand{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:14px;margin:0 6px 20px;padding:0 4px 24px;border-bottom:1px solid var(--vjt-graphite-600);flex-shrink:0}
.customerSidebar .customerSidebarBrandMark{display:block;width:90px;height:30px;padding:0;background:transparent}
.customerSidebar .brandName{font-size:15px;font-weight:600;line-height:1.4;color:var(--vjt-neutral-200)}
.customerSidebar .brandLogo{width:auto;max-width:180px;height:48px;object-fit:contain;flex-shrink:0}
.customerSidebar .customerNavigationScroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;padding:2px 4px 8px}
.customerNavGroup>p{margin:8px 12px 16px;color:var(--vjt-graphite-300);font-size:11px;letter-spacing:.08em}
.customerNavGroup>a{gap:12px;margin-block:4px;padding:11px 12px;border-left:3px solid transparent;border-radius:10px;color:var(--vjt-graphite-200);font-size:14px;line-height:1.45}
body:has(.customerHeader) .customerNavGroup>a{min-height:47px}
.customerNavGroup>a:hover{background:var(--vjt-graphite-700);color:#fff}
.customerNavGroup>a[aria-current=page]{background:var(--vjt-copper-600);color:#fff;border-left-color:var(--vjt-copper-300);font-weight:600}
.customerSidebarNote{flex-shrink:0;margin:16px 10px 0;padding-top:20px;color:var(--vjt-graphite-300)}
body:has(.customerHeader) .customerSidebar :is(a,button):focus-visible{outline:3px solid var(--vjt-copper-300);outline-offset:2px}
.customerHeader{position:sticky;top:0;z-index:35;height:76px;padding-inline:var(--customer-frame-space);background:var(--vjt-surface);border-color:var(--vjt-border)}
.customerHeaderActions{gap:20px}
.customerHeaderActions>a{min-height:44px;padding:8px 10px;border-radius:10px;color:var(--vjt-text);font-size:14px}
.customerHeaderActions>a:hover{background:var(--vjt-surface-subtle)}
.customerAvatar{width:38px;height:38px;background:var(--vjt-surface-highlight);color:var(--vjt-link);border:1px solid var(--vjt-border)}
.customerAccount>summary{padding:5px;border:1px solid var(--vjt-border);border-radius:12px;min-width:48px;min-height:48px;display:grid;place-items:center}
.customerAccount[open]>summary{border-color:var(--vjt-primary)}
.customerAccountMenu{top:calc(100% + 8px);padding:8px;min-width:230px;max-width:calc(100vw - 32px);border-radius:12px}
.customerAccountMenu>strong{display:block;padding:12px;color:var(--vjt-text);overflow-wrap:anywhere}
.customerAccountMenu form{margin:0}
body:has(.customerHeader) .customerAccountMenu :is(a,button){min-height:44px;margin:0;padding:10px 12px;width:100%;border-radius:8px;color:var(--vjt-text);text-align:left;text-decoration:none}
.customerAccountMenu :is(a,button):hover{background:var(--vjt-surface-subtle)}
@media(min-width:1024px){
 body:has(.customerHeader){padding-left:var(--customer-sidebar-width)}
 body:has(.customerHeader) .pageWidth,body:has(.customerHeader) main .pageWidth,body:has(.customerHeader) .siteFooterInner{width:calc(100% - var(--customer-frame-space)*2);max-width:none}
 body:has(.customerHeader) main .pageWidth .pageWidth{width:100%}
 body:has(.customerHeader) main,body:has(.customerHeader) main.pageWidth{padding-top:24px;padding-bottom:48px}
 body:has(.customerHeader) .customerPreviewBar .pageWidth{width:calc(100% - var(--customer-frame-space)*2)}
}
@media(min-width:1024px) and (max-width:1279px){body:has(.customerHeader){--customer-frame-space:24px}}
@media(max-width:1023px){
 .customerSidebar{width:min(300px,calc(100vw - 32px))}
 .customerSidebar>.customerSidebarBrand{margin-top:48px}
 .customerHeader{height:68px}
 .customerNavClose{min-width:44px;min-height:44px}
 .customerMenuButton{min-width:44px;min-height:44px}
}
@media(max-width:640px){.customerHeader{padding-inline:14px;gap:10px}.customerHeaderActions{gap:4px}.customerHeaderActions>a{padding:8px}.customerAvatar{width:32px;height:32px}.customerAccount>summary{min-width:44px;min-height:44px}}
@media print{body:has(.customerHeader){padding:0}.customerSidebar,.customerHeader{display:none}body:has(.customerHeader) main{padding:0;min-height:0}}
@media(max-width:1023px){html:not(.customerNavigationReady) .customerSidebar{height:auto;max-height:none;overflow:visible}html:not(.customerNavigationReady) .customerNavigationScroll{overflow:visible}}