.portal{background:var(--color-page-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--t-body-size);line-height:1.55;min-height:100vh}.portal *,.portal :after,.portal :before{box-sizing:border-box}html{scrollbar-gutter:stable}.portal-header{background:var(--color-secondary);color:var(--color-surface);position:sticky;top:0;z-index:20}.portal-header__inner{align-items:center;display:flex;gap:24px;height:80px;margin:0 auto;max-width:1440px;padding:0 32px}.portal-header__brand{align-items:center;display:flex;gap:12px}.portal-wordmark{display:block;flex:0 0 auto;height:auto}.portal-header__brand .portal-wordmark{color:var(--color-surface);width:139px}.portal-header__label{color:hsla(0,0%,100%,.72);letter-spacing:.12em}.portal-header__divider{background:hsla(0,0%,100%,.2);height:32px;width:1px}.portal-header__meta{color:hsla(0,0%,100%,.72)}.portal-header__spacer{flex:1}.portal-header__contact{text-align:right}.portal-body{align-items:flex-start;display:flex;margin:0 auto;max-width:1440px}.portal-sidebar{border-right:1px solid var(--color-border);flex:0 0 264px;height:calc(100vh - 80px);padding:24px 16px;position:sticky;top:80px}.portal-nav{display:flex;flex-direction:column;gap:4px}.portal-nav__item{align-items:center;background:transparent;border:0;border-radius:var(--radius-button);color:var(--color-text-navigation);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:14px 24px;text-align:left;text-decoration:none;width:100%}.portal-nav__item[aria-current=page]{background:var(--color-primary);color:var(--color-surface)}@media (hover:hover){.portal-nav__item:not([aria-current=page]):hover{background:var(--color-surface);box-shadow:0 1px 3px rgba(20,32,24,.1);color:var(--color-primary)}}.portal-nav__count{background:var(--color-surface-green);border-radius:var(--radius-pill);color:var(--color-primary);display:grid;flex:0 0 auto;font-weight:600;height:20px;min-width:20px;padding:0 6px;place-items:center}.portal-nav__item[aria-current=page] .portal-nav__count{background:hsla(0,0%,100%,.22);color:var(--color-surface)}.portal-main{flex:1;min-width:0;padding:32px 32px 80px}.portal-page-intro{color:var(--color-text-muted);margin:8px 0 24px}.portal-kpis{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.portal-kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:24px}.portal-kpi__label{color:var(--color-text-muted)}.portal-kpi__value{margin-top:8px}.portal-kpi__sub{color:var(--color-text-muted)}.portal-columns{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.portal-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);overflow:hidden}.portal-panel__head{align-items:center;background:var(--color-surface-tint);border-bottom:1px solid var(--color-border);display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.portal-panel__link{background:transparent;border:0;color:var(--color-primary);cursor:pointer;padding:0;text-decoration:none;white-space:nowrap}.portal-panel__empty{color:var(--color-text-muted);padding:28px 24px;text-align:center}.portal-order-row{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--color-divider);color:inherit;cursor:pointer;display:grid;gap:16px;grid-template-columns:92px minmax(140px,1fr) 168px 96px;padding:18px 24px;text-align:left;text-decoration:none;width:100%}.portal-order-row:last-child{border-bottom:0}@media (hover:hover){.portal-order-row:hover{background:var(--color-surface-tint)}}.portal-order-row__ref{color:var(--color-text-muted)}.portal-order-row__klant{min-width:0}.portal-order-row__naam,.portal-order-row__spec{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-order-row__levering,.portal-order-row__spec{color:var(--color-text-muted)}.portal-order-row__levering{text-align:right}.portal-ticket-row{align-items:flex-start;background:transparent;border:0;border-bottom:1px solid var(--color-divider);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:18px 24px;text-align:left;text-decoration:none;width:100%}.portal-ticket-row:last-child{border-bottom:0}@media (hover:hover){.portal-ticket-row:hover{background:var(--color-surface-tint)}}.portal-ticket-row__top{align-items:center;display:flex;gap:10px}.portal-ticket-row__id{color:var(--color-text-muted);font-size:var(--t-small-size)}.portal-badge{align-items:center;border-radius:var(--radius-field);display:inline-flex;font-size:var(--t-small-size);font-weight:700;padding:5px 11px;white-space:nowrap}.portal-badge--info{background:var(--color-info-background);color:var(--color-info)}.portal-badge--warning{background:var(--color-warning-background);color:var(--color-warning)}.portal-badge--success{background:var(--color-surface-green);color:var(--color-primary)}.portal-badge--alert{background:var(--color-error-background);color:var(--color-error)}.portal-badge--neutral{background:var(--color-surface-muted);color:var(--color-text-muted)}.portal-btn{align-items:center;border-radius:var(--radius-button);cursor:pointer;display:inline-flex;justify-content:center;text-align:center;text-decoration:none;white-space:nowrap}.portal-btn--primary{background:var(--color-primary);border:0;color:var(--color-surface);padding:15px 25px}.portal-btn--ghost{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:14px 24px}.portal-btn--header-ghost{background:transparent;border:1px solid var(--color-surface);height:44px;padding:0 16px}.portal-btn--ghost-primary{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);padding:14px 24px}.portal-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.portal-search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-field);color:var(--color-text);flex:1;height:48px;max-width:420px;min-width:280px;padding:0 16px}.portal-search::placeholder{color:var(--color-text-placeholder)}.portal-chip{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:40px;padding:0 18px;text-decoration:none;white-space:nowrap}.portal-chip--on{background:var(--color-surface-green);border-color:var(--color-primary);color:var(--color-primary)}.portal-list-detail{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 400px}.portal-order-head{background:var(--color-surface-tint);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);display:grid;gap:16px;grid-template-columns:92px minmax(140px,1fr) 168px 96px;padding:16px 24px}.portal-order-head__levering{text-align:right}.portal-order-row--open{background:var(--color-surface-tint)}.portal-order-row~.portal-panel__empty{display:none}.portal-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:24px;position:sticky;top:112px}.portal-detail__top{align-items:center;display:flex;gap:12px;justify-content:space-between}.portal-detail__ref{color:var(--color-text-muted)}.portal-detail__klant{margin:12px 0 2px}.portal-detail__meta{color:var(--color-text-muted);margin:0 0 16px}.portal-detail__rows{border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:10px;margin:0;padding-top:16px}.portal-detail__row{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.portal-detail__label{color:var(--color-text-muted)}.portal-detail__value{margin:0;text-align:right}.portal-detail__total{align-items:baseline;border-top:1px solid var(--color-divider);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.portal-detail__amount{color:var(--color-primary)}.portal-detail__action{height:48px;margin-top:20px;padding:0;width:100%}.portal .portal-config{background:none;border:0;border-radius:0;padding:0}.portal .portal-config label{color:inherit}.portal-config__layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 380px}.portal-config__form{padding:28px}.portal-config__heading{margin:0 0 16px}.portal-config__heading--divided{border-top:1px solid var(--color-divider);margin-top:32px;padding-top:28px}.portal-choices{display:grid;gap:12px}.portal-choices+.portal-choices{margin-top:20px}.portal-choices--ruim{gap:16px}.portal-choices--2{grid-template-columns:repeat(2,1fr)}.portal-choices--3{grid-template-columns:repeat(3,1fr)}.portal-choices--5{grid-template-columns:repeat(5,1fr)}.portal-choices--stack{grid-template-columns:minmax(0,1fr)}.portal-choice{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;display:block;padding:16px;position:relative;text-align:left}.portal-choice:has(.portal-choice__input:checked){background:var(--color-surface-selected);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.portal-choice:has(.portal-choice__input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.portal-choice__input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.portal-choice__label,.portal-choice__naam,.portal-choice__titel{display:block}.portal-choice__sub{color:var(--color-text-muted);display:block;margin-top:4px;text-wrap:pretty}.portal-choice__regel{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.portal-choice__meerprijs{white-space:nowrap}.portal-choice__photo{background-color:var(--color-image-placeholder);background-position:50%;background-size:cover;border-radius:var(--radius-field);display:block;height:168px;width:100%}.portal-choice--model .portal-choice__naam{margin-top:16px}.portal-choice__prijs{display:block;margin-top:12px}.portal-choice__prijs-sub{color:var(--color-text-muted);display:block}.portal-choice__code{color:var(--color-text-muted);margin-right:4px}.portal-choice__uitleg{color:var(--color-text-muted);display:block;margin-top:8px;text-wrap:pretty}.portal-choice--kleur{padding:12px}.portal-config__sublabel{color:var(--color-text);margin:0 0 12px}.portal-config__sublabel--los{border-top:1px solid var(--color-divider);margin-top:24px;padding-top:20px}.portal-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.portal-swatch{cursor:pointer;display:block;position:relative}.portal-swatch__dot{border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-pill);display:block;height:44px;width:44px}.portal-swatch__dot--breed{width:64px}.portal-swatch:has(.portal-choice__input:checked) .portal-swatch__dot{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary)}.portal-swatch:has(.portal-choice__input:focus-visible) .portal-swatch__dot{outline:2px solid var(--color-primary);outline-offset:4px}.portal-swatch__naam{display:none}.portal-swatch:has(.portal-choice__input:checked) .portal-swatch__naam{color:var(--color-text-muted);display:block;font-size:var(--t-ui-size);left:0;position:absolute;top:calc(100% + 8px);white-space:nowrap}.portal-swatches:has(.portal-choice__input:checked){margin-bottom:40px}.portal-config__eigen-kleur{margin-top:12px}.portal-choice__swatch{border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-field);display:block;height:48px}.portal-choice--kleur .portal-choice__label{margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-choice--optie{align-items:center;display:flex;gap:12px}.portal-choice__tekst{flex:1;min-width:0}.portal-choice__box{align-items:center;background:var(--color-surface);border:2px solid var(--color-toggle-off);border-radius:6px;color:var(--color-surface);display:flex;flex:0 0 auto;font-size:13px;font-weight:700;height:24px;justify-content:center;width:24px}.portal-choice:has(.portal-choice__input:checked) .portal-choice__box{background:var(--color-primary);border-color:var(--color-primary)}.portal-choice:has(.portal-choice__input:checked) .portal-choice__box:after{content:"\2713"}.portal-fields{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.portal-fields--enkel{grid-template-columns:minmax(0,420px)}.portal-config__uitleg{color:var(--color-text-muted);margin:-4px 0 16px;max-width:64ch;text-wrap:pretty}.portal-field{display:flex;flex-direction:column;gap:8px}.portal-field__optional{color:var(--color-text-muted);font-weight:400}.portal-field__required{color:var(--color-error)}.portal-field__input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-field);color:var(--color-text);height:48px;padding:0 16px}.portal-field__input--area{height:auto;padding:12px;resize:vertical}.portal-field__input::placeholder{color:var(--color-text-placeholder)}.portal-field__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.portal-field--error{border-color:var(--color-error)}.portal-field__hint{color:var(--color-text-muted)}.portal-field__hint--error{color:var(--color-error)}.portal-address{background:var(--color-surface-tint);border:1px solid var(--color-border);border-radius:var(--radius-card);margin-top:16px;padding:16px}.portal-address__label{margin-bottom:6px}.portal-address__label,.portal-address__regel{color:var(--color-text-muted)}.portal-notice{align-items:flex-start;border-radius:var(--radius-card);display:flex;gap:12px;margin-top:20px;padding:16px}.portal-notice--warning{background:var(--color-warning-background);border:1px solid var(--color-warning-border);color:var(--color-notice)}.portal-notice--hint{background:var(--color-surface-tint);border:1px solid var(--color-border);color:var(--color-text)}.portal-notice__label{white-space:nowrap}.portal-config__footer{align-items:center;border-top:1px solid var(--color-divider);display:flex;gap:12px;margin-top:28px;padding-top:24px}.portal-config__levertijd{color:var(--color-text-muted);flex:1;min-width:0;text-wrap:pretty}.portal-btn:disabled{background:var(--color-divider);color:var(--color-text-placeholder);cursor:not-allowed}.portal-summary{overflow:hidden;position:sticky;top:112px}.portal-summary__photo{background-color:var(--color-image-placeholder);background-position:50%;background-size:cover;display:block;height:168px;width:100%}.portal-summary__body{border-top:1px solid var(--color-border);padding:24px}.portal-summary__rows{border-top:0;margin-top:16px;padding-top:0}.portal-summary__prijs{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.portal-summary__advies{color:var(--color-text-muted);text-decoration:line-through}.portal-summary__korting{margin-top:6px}.portal-summary__korting [data-vul]{color:var(--color-primary)}.portal-summary__totaal{margin-top:12px}.portal-summary__bedrag{color:var(--color-primary)}.portal-summary__voet{color:var(--color-text-muted);margin:4px 0 0}.portal-login{background:var(--color-surface);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.portal-login__panel{display:flex;flex-direction:column;justify-content:center;padding:64px 72px}.portal-login__brand{align-items:baseline;display:flex;gap:12px;margin-bottom:48px}.portal-login__brand .portal-wordmark{color:var(--color-primary);width:155px}.portal-login__label{color:var(--color-text-muted);letter-spacing:.12em}.portal-login__titel{margin:0 0 12px;text-wrap:pretty}.portal-login__intro{color:var(--color-text-muted);margin:0 0 32px;max-width:44ch;text-wrap:pretty}.portal-login__form,.portal-login__hint{max-width:420px}.portal-login__hint{border:1px dashed var(--color-border-dashed);border-radius:var(--radius-card);color:var(--color-text-muted);margin:12px 0 0;padding:16px 20px;text-wrap:pretty}.portal .portal-login__form form{background:none;border:0;border-radius:0;display:flex;flex-direction:column;gap:16px;padding:0}.portal .portal-login__form .hs-form-field{display:flex;flex-direction:column;gap:8px}.portal .portal-login__form label{color:var(--color-text);font-family:var(--font-body);font-size:var(--t-ui-size);font-weight:600;line-height:1.25}.portal .portal-login__form .hs-login-widget-show-password{font-size:var(--t-small-size);order:3}.portal .portal-login__form .hs-form-field:has(input[type=checkbox]){align-items:center;flex-direction:row;gap:10px}.portal .portal-login__form .hs-form-field:has(input[type=checkbox]) label{font-weight:400}.portal .portal-login__form input[type=email],.portal .portal-login__form input[type=password],.portal .portal-login__form input[type=text]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-field);color:var(--color-text);font-family:var(--font-body);font-size:var(--t-ui-size);height:48px;padding:0 16px;width:100%}.portal .portal-login__form input[type=email]:focus-visible,.portal .portal-login__form input[type=password]:focus-visible,.portal .portal-login__form input[type=text]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.portal .portal-login__form input[type=checkbox]{accent-color:var(--color-primary);flex:0 0 auto;height:18px;margin:0;width:18px}.portal .portal-login__form .actions,.portal .portal-login__form .hs-submit{width:100%}.portal .portal-login__form button[type=submit],.portal .portal-login__form input[type=submit]{background:var(--color-primary);border:0;border-radius:var(--radius-button);color:var(--color-surface);cursor:pointer;font-family:var(--font-body);font-size:var(--t-ui-size);font-weight:400;line-height:1.125;margin-top:8px;padding:15px 25px;width:100%}@media (hover:hover){.portal .portal-login__form button[type=submit]:hover,.portal .portal-login__form input[type=submit]:hover{background:var(--color-primary-dark)}}.portal .portal-login__form a{color:var(--color-primary);font-size:var(--t-ui-size)}.portal .portal-login__form .hs-error-msgs{list-style:none;margin:0;padding:0}.portal .portal-login__form .hs-error-msg:not(:empty){background:var(--color-error-background);border-radius:var(--radius-field);color:var(--color-error);display:block;font-weight:400;padding:12px 16px;text-align:left}.portal .portal-login__form .form-separator{color:var(--color-text-muted);display:block;font-size:var(--t-small-size);margin:20px 0;text-align:center;text-transform:uppercase}.portal .portal-login__form p{color:var(--color-text-muted);font-size:var(--t-ui-size);margin:0;text-wrap:pretty}.portal-login__hero{align-items:flex-end;background-color:var(--color-text);background-image:url(https://www.opmaetfietsen.nl/wp-content/uploads/2026/04/OPMAET-revisie2-26_optimized-1024x683.webp);background-position:50%;background-size:cover;display:flex}.portal-login__hero-tekst{background:linear-gradient(0deg,rgba(20,32,24,.82),rgba(20,32,24,0));padding:40px;width:100%}.portal-login__quote{color:var(--color-surface);margin:0;max-width:24ch;text-wrap:pretty}.portal-login__plaats{color:hsla(0,0%,100%,.72);margin:10px 0 0}.portal-pagekop{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.portal-pagekop__intro{color:var(--color-text-muted);margin:8px 0 0;max-width:64ch;text-wrap:pretty}.portal-pagekop__acties{display:flex;flex:0 0 auto;gap:12px}.portal-support{align-items:start;display:grid;gap:24px;grid-template-columns:360px minmax(0,1fr)}.portal-ticket-item{background:transparent;border-bottom:1px solid var(--color-divider);border-left:3px solid transparent;color:inherit;cursor:pointer;display:block;padding:20px 24px;text-align:left;text-decoration:none;width:100%}.portal-ticket-item:last-of-type{border-bottom:0}.portal-ticket-item--open{background:var(--color-surface-tint);border-left-color:var(--color-primary)}@media (hover:hover){.portal-ticket-item:hover{background:var(--color-surface-tint)}}.portal-ticket-item~.portal-panel__empty{display:none}.portal-ticket-item__top{align-items:center;display:flex;gap:10px;margin-bottom:6px}.portal-ticket-item__datum,.portal-ticket-item__id{color:var(--color-text-muted)}.portal-ticket-item__onderwerp{display:block;text-wrap:pretty}.portal-ticket-item__voet{align-items:center;display:flex;gap:8px;margin-top:8px}.portal-ticket__head{display:block}.portal-ticket__kop{align-items:center;display:flex;gap:12px;margin-bottom:4px}.portal-ticket__id{color:var(--color-text-muted)}.portal-ticket__body{padding:24px}.portal-ticket__rows{border-bottom:1px solid var(--color-divider);display:flex;flex-direction:column;gap:10px;margin:0;padding-bottom:20px}.portal-ticket__row{align-items:baseline;display:grid;gap:24px;grid-template-columns:180px minmax(0,1fr)}.portal-ticket__label{color:var(--color-text-muted)}.portal-ticket__value{margin:0}.portal-ticket__blok{margin-top:20px}.portal-ticket__kopje{align-items:baseline;color:var(--color-text-muted);display:flex;gap:10px;margin:0 0 10px}.portal-ticket__wanneer{letter-spacing:normal;text-transform:none}.portal-bericht{background:var(--color-surface-tint);border:1px solid var(--color-divider);border-radius:var(--radius-card);margin:0;padding:18px 20px;text-wrap:pretty}.portal-bericht--opmaet{background:var(--color-surface-green);border-color:var(--color-primary)}.portal-ticket__wacht{align-items:flex-start;background:var(--color-surface-tint);border:1px solid var(--color-border);border-radius:var(--radius-card);display:flex;gap:14px;margin-top:24px;padding:18px 20px}.portal-ticket__wachttekst{color:var(--color-text-muted);flex:1;margin:0;min-width:0;text-wrap:pretty}.portal-ticket__bel{flex:0 0 auto;height:44px;padding:0 18px}.portal-overlay{align-items:center;background:rgba(20,32,24,.5);display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:60}.portal-overlay__venster{background:var(--color-surface);border-radius:var(--radius-panel);box-shadow:0 26px 70px rgba(20,32,24,.3);display:flex;flex-direction:column;max-height:88vh;max-width:700px;overflow:hidden;width:100%}.portal-overlay__kop{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:20px;justify-content:space-between;padding:28px 32px 20px}.portal-overlay__intro{color:var(--color-text-muted);margin:6px 0 0;text-wrap:pretty}.portal-overlay__sluit{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:flex;flex:0 0 auto;font-size:20px;height:40px;justify-content:center;line-height:1;text-decoration:none;width:40px}.portal-melding{display:flex;flex:1;flex-direction:column;gap:20px;overflow-y:auto;padding:28px 32px}.portal-melding__types{border:0;margin:0;min-width:0;padding:0}.portal-melding__legend{margin-bottom:10px;padding:0}.portal-choice--type{padding:14px 16px}.portal-melding__garantie{background:var(--color-surface-tint);border:1px solid var(--color-border);border-radius:var(--radius-card);display:none;padding:20px}.portal-melding:has(#soort-garantie:checked) .portal-melding__garantie{display:block}.portal-melding__kopje{margin:0 0 12px}.portal-melding__voetnoot{color:var(--color-text-muted);margin:12px 0 0;text-wrap:pretty}.portal-melding__fotos{display:flex;flex-direction:column;gap:8px}.portal-melding__fotohint{color:var(--color-text-muted);font-weight:400}.portal-melding__upload{align-items:center;background:var(--color-surface-tint);border:1px dashed var(--color-border-dashed);border-radius:var(--radius-card);color:var(--color-primary);cursor:pointer;display:flex;height:56px;justify-content:center;position:relative}.portal-melding__upload input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}.portal-melding__voet{display:flex;gap:12px;justify-content:flex-end}.portal-docs{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.portal-doc{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);color:inherit;display:flex;flex-direction:column;gap:10px;padding:24px;text-align:left;text-decoration:none}@media (hover:hover){.portal-doc:hover{border-color:var(--color-primary)}}.portal-doc__titel{text-wrap:pretty}.portal-doc__meta,.portal-leeg{color:var(--color-text-muted)}.portal-leeg{padding:40px;text-align:center}.portal-docs:has(.portal-doc)+.portal-leeg{display:none}.portal-terug{align-items:center;background:transparent;border:0;color:var(--color-text-muted);display:inline-flex;gap:8px;margin-bottom:16px;padding:0;text-decoration:none}.portal-doc-detail{max-width:760px;padding:32px}.portal-doc-detail__titel{margin:16px 0 8px;text-wrap:pretty}.portal-doc-detail__meta{color:var(--color-text-muted);margin:0 0 20px}.portal-doc-detail__tekst{margin:0 0 24px;text-wrap:pretty}.portal-btn.is-placeholder{cursor:default}.portal-gegevens{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 380px}.portal-gegevens__blokken{display:flex;flex-direction:column;gap:24px}.portal-gegevens__head{display:block}.portal-gegevens__sub{color:var(--color-text-muted);margin:4px 0 0;text-wrap:pretty}.portal-gegevens__lijst{margin:0;padding:8px 24px 4px}.portal-gegevens__rij{align-items:baseline;border-bottom:1px solid var(--color-divider);display:grid;gap:24px;grid-template-columns:200px minmax(0,1fr);padding:16px 0}.portal-gegevens__rij:last-child{border-bottom:0}.portal-gegevens__label{color:var(--color-text-muted)}.portal-gegevens__waarde{margin:0}.portal-gegevens__waarde--normaal{font-weight:600}.portal-gegevens__leeg{color:var(--color-text-placeholder);font-weight:400}.portal-gegevens__zijkant{display:flex;flex-direction:column;gap:20px;position:sticky;top:112px}.portal-aanspreekpunt{padding:24px}.portal-aanspreekpunt__kop{margin:0 0 12px}.portal-aanspreekpunt__naam{font-weight:600;margin:0}.portal-aanspreekpunt__rol{color:var(--color-text-muted);margin:0}.portal-aanspreekpunt__tel{margin:12px 0 0}.portal-aanspreekpunt__mail{margin:0}.portal-aanspreekpunt__mail a,.portal-aanspreekpunt__uren{color:var(--color-text-muted)}.portal-aanspreekpunt__uren{border-top:1px solid var(--color-divider);margin:16px 0 0;padding-top:16px;text-wrap:pretty}.portal-aanspreekpunt__knop{margin-top:16px;width:100%}.portal-niveau{background:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-panel);color:var(--color-surface);padding:24px}.portal-niveau__label{color:hsla(0,0%,100%,.7);margin:0}.portal-niveau__waarde{margin:8px 0 0}.portal-niveau__sub{color:hsla(0,0%,100%,.82);font-weight:400;margin:0}.portal-niveau__uitleg{border-top:1px solid hsla(0,0%,100%,.16);color:hsla(0,0%,100%,.82);margin:16px 0 0;padding-top:16px;text-wrap:pretty}.portal a.portal-btn,.portal a.portal-btn:focus,.portal a.portal-btn:hover,.portal a.portal-chip,.portal a.portal-chip:focus,.portal a.portal-chip:hover,.portal a.portal-doc,.portal a.portal-doc:focus,.portal a.portal-doc:hover,.portal a.portal-nav__item,.portal a.portal-nav__item:focus,.portal a.portal-nav__item:hover,.portal a.portal-order-row,.portal a.portal-order-row:focus,.portal a.portal-order-row:hover,.portal a.portal-overlay__sluit,.portal a.portal-overlay__sluit:focus,.portal a.portal-overlay__sluit:hover,.portal a.portal-panel__link,.portal a.portal-panel__link:focus,.portal a.portal-panel__link:hover,.portal a.portal-terug,.portal a.portal-terug:focus,.portal a.portal-terug:hover,.portal a.portal-ticket-item,.portal a.portal-ticket-item:focus,.portal a.portal-ticket-item:hover,.portal a.portal-ticket-row,.portal a.portal-ticket-row:focus,.portal a.portal-ticket-row:hover{text-decoration:none}.portal a.portal-btn--header-ghost,.portal a.portal-btn--header-ghost:focus,.portal a.portal-btn--header-ghost:hover,.portal a.portal-btn--primary,.portal a.portal-btn--primary:focus,.portal a.portal-btn--primary:hover{color:var(--color-surface)}.portal a.portal-btn--ghost,.portal a.portal-btn--ghost:focus,.portal a.portal-btn--ghost:hover,.portal a.portal-order-row,.portal a.portal-order-row:focus,.portal a.portal-order-row:hover,.portal a.portal-ticket-item,.portal a.portal-ticket-item:focus,.portal a.portal-ticket-item:hover,.portal a.portal-ticket-row,.portal a.portal-ticket-row:focus,.portal a.portal-ticket-row:hover{color:var(--color-text)}.portal a.portal-overlay__sluit,.portal a.portal-overlay__sluit:focus,.portal a.portal-overlay__sluit:hover,.portal a.portal-terug,.portal a.portal-terug:focus,.portal a.portal-terug:hover{color:var(--color-text-muted)}.portal a.portal-doc,.portal a.portal-doc:focus,.portal a.portal-doc:hover{color:var(--color-text)}.portal a.portal-nav__item,.portal a.portal-nav__item:focus{color:var(--color-text-navigation)}.portal a.portal-nav__item[aria-current=page],.portal a.portal-nav__item[aria-current=page]:focus,.portal a.portal-nav__item[aria-current=page]:hover{color:var(--color-surface)}.portal a.portal-panel__link,.portal a.portal-panel__link:focus{color:var(--color-primary)}.portal a.portal-panel__link:hover{color:var(--color-primary-dark)}.portal a.portal-btn--ghost-primary,.portal a.portal-btn--ghost-primary:focus,.portal a.portal-btn--ghost-primary:hover{color:var(--color-primary)}.portal a.portal-chip,.portal a.portal-chip:focus,.portal a.portal-chip:hover{color:var(--color-text-muted)}.portal a.portal-chip--on,.portal a.portal-chip--on:focus,.portal a.portal-chip--on:hover{color:var(--color-primary)}@media (hover:hover){.portal-btn--primary:hover{background:var(--color-primary-dark);color:var(--color-surface)}.portal-btn--ghost:hover{background:var(--color-surface-green)}.portal-btn--header-ghost:hover{background:hsla(0,0%,100%,.14);color:var(--color-surface)}}.portal-btn:focus-visible,.portal-chip:focus-visible,.portal-doc:focus-visible,.portal-nav__item:focus-visible,.portal-order-row:focus-visible,.portal-overlay__sluit:focus-visible,.portal-panel__link:focus-visible,.portal-terug:focus-visible,.portal-ticket-item:focus-visible,.portal-ticket-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.portal-header__logout:focus-visible{outline-color:var(--color-surface)}.is-placeholder{position:relative}@media (max-width:1199px){.portal-kpis{grid-template-columns:repeat(2,1fr)}.portal-columns,.portal-config__layout,.portal-gegevens,.portal-list-detail,.portal-support{grid-template-columns:minmax(0,1fr)}.portal-detail,.portal-gegevens__zijkant,.portal-summary{position:static}.portal-choices--5{grid-template-columns:repeat(3,1fr)}.portal-docs{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.portal-login{grid-template-columns:minmax(0,1fr)}.portal-login__hero{display:none}.portal-login__panel{padding:48px 24px}.portal-header__inner{gap:16px;padding:0 20px}.portal-sidebar{flex-basis:200px}.portal-nav__item{padding:12px 16px}.portal-main{padding:24px 20px 64px}.portal-order-head,.portal-order-row{grid-template-columns:92px minmax(120px,1fr) 150px}.portal-order-head__levering,.portal-order-row__levering{display:none}}@media (max-width:767px){.portal-kpis{grid-template-columns:minmax(0,1fr)}.portal-body{display:block}.portal-sidebar{border-bottom:1px solid var(--color-border);border-right:0;height:auto;position:static;width:100%}.portal-nav{flex-direction:row;flex-wrap:wrap}.portal-nav__item{width:auto}.portal-order-row{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.portal-order-head{display:none}.portal-choices--2,.portal-choices--3,.portal-fields{grid-template-columns:minmax(0,1fr)}.portal-pagekop{flex-direction:column}.portal-docs{grid-template-columns:minmax(0,1fr)}.portal-doc-detail{padding:24px}.portal-gegevens__rij,.portal-ticket__row{gap:2px;grid-template-columns:minmax(0,1fr)}.portal-overlay{padding:0}.portal-overlay__venster{border-radius:0;height:100%;max-height:100vh}.portal-melding,.portal-overlay__kop{padding-left:20px;padding-right:20px}.portal-choices--5{grid-template-columns:repeat(2,1fr)}.portal-config__form{padding:20px}}