.pb-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;color-scheme:var(--tw-scheme)}.pb-layout .board{min-width:0}.pb-layout .puls{display:block;position:sticky;top:70px;max-height:calc(100vh - 110px);overflow:auto;padding:0}.pb-layout .tw-scroll{overflow:auto;max-height:65vh;min-height:250px;scrollbar-gutter:stable}.pb-layout .bem-toolbar{flex-wrap:wrap}.pb-tools{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card)}.pb-tools input[type=date]{padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--board);color:var(--ink)}.pb-summary{display:flex;flex-direction:column;gap:5px;padding:12px;background:var(--board);border-block:1px solid var(--line)}.pb-summary b{font-size:12px}.pb-summary span,.pb-layout .bem-scope-note span{font-size:11px;color:var(--ink2)}.pb-layout .tw-label{overflow:auto}.pb-layout .pb-header{justify-content:space-between;gap:16px}.pb-view-selector{display:flex;align-items:center;gap:9px;margin-left:auto}.pb-view-selector>span,.pb-control-title{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--ink2);white-space:nowrap}.pb-layout .pb-view-selector .zoom{margin-left:0}.pb-layout .pb-tools{justify-content:space-between;flex-wrap:wrap;gap:12px}.pb-date-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pb-date-controls .bem-nav button{min-width:34px;min-height:34px}.pb-layout .pb-tools .tw-scale{margin-left:auto}@media(max-width:760px){.pb-layout .pb-header{align-items:flex-start}.pb-view-selector{margin-left:0}.pb-layout .pb-tools .tw-scale{margin-left:0}}.pb-need-status{font-size:11px;font-weight:750;color:var(--ink)}.tw-missing-resource{position:absolute;box-sizing:border-box;height:38px;border:1px dashed var(--tw-overtime);border-radius:6px;background:color-mix(in srgb,var(--hivis) 9%,var(--card));color:var(--ink);text-align:left;padding:4px 7px;cursor:pointer;z-index:3;font-size:11px}.tw-missing-resource b,.tw-missing-resource small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-layout .tw-label .rowbtn{font-size:10px;text-align:left;width:fit-content}
@media(max-width:1100px){.pb-layout{grid-template-columns:minmax(0,1fr) 230px}.pb-layout .tw-board{--tw-label:190px}}@media(max-width:760px){.pb-layout{grid-template-columns:1fr}.pb-layout .puls{position:static;max-height:350px}.pb-layout .tw-board{--tw-label:165px}}

.pb-layout .pb-date-controls .tw-date-range{margin-left:4px}.pb-layout .pb-date-controls .tw-date-range input[type=date]{width:137px}.pb-layout .pb-view-selector .tw-custom-range{align-self:center}

/* Same compact period picker as Ressursplan; full-project range remains in its menu. */
.pb-layout .pb-tools{overflow:visible}.pb-layout .pb-date-controls{flex-wrap:nowrap;min-width:0}
.pb-layout .tw-date-nav button{min-height:32px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--board);color:var(--ink);font-size:12px;font-weight:550;cursor:pointer;white-space:nowrap}
.pb-layout .tw-period-menu .tw-date-range{margin:0}.pb-layout .tw-period-menu .tw-date-range label{font-size:11px;color:var(--ink2);gap:5px}
.pb-layout .tw-period-menu .tw-date-range input[type=date]{width:100%;height:32px;font-size:12px}
.pb-layout .tw-period-footer{gap:8px;justify-content:space-between}
.pb-layout .tw-period-footer button:first-child{background:var(--board);border-color:var(--line);color:var(--ink)}
@media(max-width:760px){.pb-layout .pb-date-controls{flex-wrap:wrap;width:100%}}

/* Person identity in project staffing; semantic task styles retain precedence. */
.pb-layout .tw-bubble.person-colored b{display:flex;align-items:center;gap:5px}
.pb-layout .tw-bubble.person-colored .tw-avatar{width:16px;height:16px;font-size:7px}

.pb-layout .tw-bubble.person-colored{padding-left:6px}
.pb-layout .tw-bubble.person-colored::before{display:none}