.board-context-bar{position:relative;z-index:35;padding:10px 24px;border-bottom:1px solid var(--kp-border,#dbe5e7);background:var(--kp-surface,#fff);box-shadow:0 3px 12px #173c4005}
.board-context-controls{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;min-width:0}
.board-selector{display:flex;align-items:center;gap:14px;margin:0;min-width:0;max-width:100%;flex:0 1 auto}
.board-context-label{flex:0 0 auto;font-size:.78rem;font-weight:750;color:var(--kp-muted,#657a80);margin:0}
.board-tabs{position:relative;display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c9d9db transparent;padding:4px;scroll-snap-type:x proximity}
.board-tab{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;min-height:48px;max-width:260px;padding:5px 14px 5px 6px;border:1px solid var(--kp-border,#dbe5e7);border-radius:12px;background:var(--kp-surface,#fff);color:var(--kp-text,#243c43);font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start}
.board-tab-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;font-size:.9rem}
.department-avatar{display:inline-flex;flex:0 0 36px;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:color-mix(in srgb,var(--kp-primary,#00858a) 10%,var(--kp-surface,#fff));color:var(--kp-primary,#00858a);font-size:.94rem;font-weight:750;overflow:hidden}
.department-avatar img{display:block;width:100%;height:100%;object-fit:contain;padding:3px;background:#fff;box-sizing:border-box}
.board-tab:hover{border-color:var(--kp-primary,#00858a);background:color-mix(in srgb,var(--kp-primary,#00858a) 5%,var(--kp-surface,#fff))}
.board-tab[aria-current=true]{border-color:var(--kp-primary,#00858a);background:color-mix(in srgb,var(--kp-primary,#00858a) 10%,var(--kp-surface,#fff));box-shadow:inset 0 -3px 0 var(--kp-primary,#00858a)}
.board-tab[aria-current=true] .board-tab-name{font-weight:800}.board-tab-all .board-tab-name{font-size:.82rem}
.board-settings{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--kp-border,#dbe5e7);border-radius:12px;color:var(--kp-primary,#00858a);background:var(--kp-surface,#fff);text-decoration:none}
.board-settings svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.board-settings:hover{background:color-mix(in srgb,var(--kp-primary,#00858a) 8%,var(--kp-surface,#fff))}
.board-context-bar :focus-visible{outline:3px solid var(--kp-primary,#00858a);outline-offset:2px}
.brand.brand-text-only span{display:block!important}.department-intro{max-width:780px;line-height:1.6}.department-row input[name=naam]{min-width:0}
@media(max-width:900px){
 .board-context-bar{padding:8px}
 .board-context-controls{width:100%;gap:6px;align-items:flex-start}
 .board-selector{flex:1;min-width:0;gap:0}
 .board-context-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .board-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;gap:6px;overflow:visible;scroll-snap-type:none}
 .board-tab{width:100%;min-width:0;max-width:none;min-height:52px;height:100%;gap:7px;padding:7px;scroll-snap-align:none}
 .board-tab-name{font-size:.85rem;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;line-height:1.35}
 .board-tab .department-avatar{flex-basis:30px;width:30px;height:30px}
 .board-settings{margin:4px 2px 0 0}
 .brand.brand-text-only strong{font-size:14px}
 .brand.brand-text-only small{font-size:11px}
}