html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text)}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}a,button,input,select,textarea{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}button:not(:disabled),.button{touch-action:manipulation}input,select,textarea{color:var(--text);background-color:var(--surface);border-color:var(--border-strong)}button:disabled{cursor:not-allowed;opacity:.65}[hidden]{display:none!important}
.tzBreadcrumbs{position:relative;z-index:1;padding-block:14px;font-size:.88rem}.tzBreadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0;color:var(--text-muted)}.tzBreadcrumbs li{display:flex;align-items:center;gap:7px;min-width:0}.tzBreadcrumbs li+li:before{content:'›';color:var(--text-muted)}.tzBreadcrumbs a{color:var(--text-muted);text-underline-offset:4px}.tzBreadcrumbs [aria-current]{color:var(--text);overflow-wrap:anywhere}.tzAppearance{display:flex;gap:8px;align-items:center;font-size:.85rem}.tzAppearance select{padding:7px;border:1px solid var(--border);border-radius:var(--radius-small);max-width:160px}
.tzHubGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin:24px 0}.tzHubCard,.tzPanel{display:block;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-medium);padding:22px}.tzHubCard{text-decoration:none}.tzHubCard:hover{border-color:var(--primary);box-shadow:0 8px 24px #0001;transform:translateY(-2px)}.tzHubCard h2{font-size:1.2rem;margin:0 0 8px}.tzHubCard p{color:var(--text-muted);margin:0}.tzFlow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.tzForm{display:grid;gap:15px;max-width:780px}.tzForm label{display:grid;gap:6px}.tzForm input,.tzForm textarea,.tzForm select{padding:10px;border:1px solid var(--border-strong);border-radius:10px;width:100%}.tzForm textarea{min-height:100px}.tzForm input[type=checkbox]{width:auto}.tzNotice{border-inline-start:4px solid var(--warning);padding:14px;background:var(--warning-bg);border-radius:8px}.tzStatus{font-size:.82rem;background:var(--neutral-bg);border-radius:30px;padding:5px 10px}.tzStatus[data-urgency="1"],.tzStatus[data-urgency="2"]{background:var(--danger-bg);color:var(--danger)}.tzCompare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tzCompare pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.tzSavedFilters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0}.tzError{color:var(--danger)}.tzCount{font-size:2rem;font-family:var(--font-interface)}.tzProgress{width:100%;accent-color:var(--success);height:14px}.tzSubtle{color:var(--text-muted)}.tzDashboardControl{margin-block:18px}.tzDashboardControl form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tzDashboardControl label{display:inline-flex;gap:6px;align-items:center}.adminNavGroup>summary{cursor:pointer;padding:12px 8px;font-weight:700;color:var(--text-muted)}
html[data-theme="dark"] :is(.siteHeader,.customerHeader,.adminSidebar,.siteFooter,.adminAccountMenu,.customerAccountMenu){background:var(--surface);color:var(--text)}html[data-theme="dark"] :is(.dashboardShortcut,.dashboardTopMatch,.workflowCard,.helpCard,.tenderMain,.tenderAside,.adminCard){background:var(--surface);color:var(--text);border-color:var(--border)}html[data-theme="dark"] .buttonPrimary{background:var(--primary);color:var(--vjt-text)}html[data-theme="dark"] :is(.buttonSecondary,.dashboardRole){background:var(--surface-subtle);color:var(--text)}
@media(prefers-reduced-motion:no-preference){.tzHubCard{transition:transform .2s,box-shadow .2s}.tzPanel,.dashboardTopMatch{animation:tzAppear .3s ease-out}@keyframes tzAppear{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.tzCompare{grid-template-columns:1fr}.tzBreadcrumbs{padding-inline:16px}.tzFlow>.button{width:100%;text-align:center}.tzHubGrid{gap:12px}.tzPanel{padding:16px}.tzAppearance{flex-wrap:wrap}}
@media print{.tzAppearance,.tzDashboardControl,.tzSavedFilters{display:none!important}:root[data-theme="dark"]{--bg:#fff;--surface:#fff;--text:#111;--text-muted:#444;--border:#bbb}body{background:white;color:black}}

html[data-theme="dark"] body:has(.customerHeader){background:var(--bg);color:var(--text)}html[data-theme="dark"] :is(.buttonPrimary,.helpPage form>button){color:var(--on-brand)!important} .tzPanel+.tzPanel{margin-top:18px}.tzForm>button{justify-self:start}.tzPanel h2{margin-bottom:12px}.tzPanel textarea[readonly]{width:100%;padding:12px;background:var(--surface-subtle);color:var(--text);border:1px solid var(--border)}

@media print{.tzBreadcrumbs{display:none!important}}

/* Footer utility row; shared across pages using the public footer. */
body .siteFooter .siteFooterInner{margin-block:0;padding-block:48px 24px;gap:32px}
body .siteFooter .footerLinks{row-gap:16px;line-height:1.6}
body .siteFooter .footerBottom{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--border)}
body .siteFooter .footerBottom .footerCopyright{border:0;padding:0;margin:0;line-height:1.6;font-size:.8rem}
body .siteFooter .footerThemeButton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--vjt-radius-md);background:var(--surface);color:var(--text);font:inherit;font-size:.875rem;cursor:pointer}
body .siteFooter .footerThemeButton:hover{background:var(--surface-info);border-color:var(--primary)}
body .siteFooter .footerThemeButton:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media(max-width:680px){body .siteFooter .siteFooterInner{padding-block:32px 24px;gap:28px}body .siteFooter .footerBottom{align-items:flex-start;flex-direction:column;gap:20px}body .siteFooter .footerLinks{gap:12px}body .siteFooter .footerCompanyDetails{gap:8px 16px}}

/* Eén herkenbare breadcrumb, ook op kleinere schermen en bij lange objectnamen. */
.tzBreadcrumbs ol{align-items:center;min-width:0}
.tzBreadcrumbs li:last-child{min-width:0;max-width:min(55ch,55vw)}
.tzBreadcrumbs li:last-child > span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){.tzBreadcrumbs{font-size:.8rem;padding-block:10px}.tzBreadcrumbs ol{gap:5px}.tzBreadcrumbs li{gap:5px}.tzBreadcrumbs li:last-child{max-width:50vw}}