/* v0223 - scalable resource lists and immediate project filtering. */
.app-shell .user-project-filter{display:flex;align-items:end;gap:14px;margin:0 0 8px;padding:9px 12px;overflow:visible}
.app-shell .user-project-filter label{display:grid;gap:3px;width:min(430px,100%)}
.app-shell .user-project-filter label span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.app-shell .user-project-filter select{width:100%;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.app-shell .user-project-filter small{padding-bottom:7px;color:var(--muted)}
.app-shell .user-list-panel{max-height:none!important;overflow:hidden!important}
.app-shell .user-list-panel>.table-scroll{overflow-x:auto;overflow-y:visible}
.app-shell .resource-calendar-filter-meta{display:flex;align-items:center;gap:7px;white-space:nowrap}
.app-shell .resource-calendar-filter-meta small{color:var(--muted);font-size:9px}
.app-shell .resource-calendar-filter-meta .button{min-height:31px;padding:5px 9px}
.app-shell .schedule .timeline-item{display:flex;align-items:center;gap:4px}
.app-shell .schedule .timeline-item>strong{display:inline;flex:0 0 auto}
.app-shell .schedule .timeline-item>span{display:inline;min-width:0;flex:1 1 auto}
@media(max-width:760px){.app-shell .user-project-filter{align-items:stretch;flex-direction:column;gap:3px}.app-shell .user-project-filter small{padding-bottom:0}.app-shell .resource-calendar-filter-meta{justify-content:space-between;width:100%}}