/* Retain the existing palette and surfaces; correct layout and lifecycle states. */
#login-container{height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));align-items:safe center;justify-content:center}
.login-box{flex-shrink:0;margin:auto}.login-header h1,.brand-info .vertex-wordmark{font-family:Ubuntu,sans-serif;font-weight:500;font-size:18px;letter-spacing:0;white-space:nowrap;line-height:1.3;display:block}
#login-form input{min-height:44px}.login-social-row{display:flex;gap:12px}.login-social-row>button{flex:1;min-width:0}
#nav-toggle{display:none!important}.system-sections[hidden]{display:none!important}
.panel-card[hidden]{display:none!important}.tab-panel .panel-card:not([hidden]){min-width:0}
.tab-panel[data-workspace]>.grid-layout>.panel-card:not([hidden]){grid-column:1/-1}
.mobile-more-sheet{position:fixed;bottom:0;top:auto;left:50%;transform:translate(-50%,20px);width:min(600px,100vw);max-height:min(85dvh,900px);border-radius:20px 20px 0 0;margin:0;padding-bottom:env(safe-area-inset-bottom)}
.mobile-more-sheet.is-open{transform:translate(-50%,0)}
.mobile-more-pages{display:grid;gap:16px}.mobile-more-pages section{display:grid;gap:4px}.mobile-more-pages h3{font-size:13px;color:var(--text-muted);padding:8px 12px}
.mobile-more-pages button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;width:100%;padding:10px 12px;text-align:left;border-radius:9px;color:var(--text-primary)}
.mobile-more-pages button:hover,.mobile-more-pages button[aria-current=page]{background:var(--bg-hover)}.mobile-more-pages .icon{flex-shrink:0;width:18px}

#contributors-list-container{max-height:none;overflow:visible;mask-image:none!important}/* Contributor table header/rows are now owned by css/ui/scroll.css. */
.contributor-cell-actions{gap:2px}.contributor-cell-actions>button{flex-shrink:0}.vertex-membership-btn img{opacity:.55}.vertex-membership-btn.is-active img{opacity:1}.vertex-membership-btn.is-unknown{opacity:.65}
.model-item{min-height:48px;padding:6px 0;gap:12px}.model-item>div{min-width:0}.model-item .item-actions{flex-shrink:0}.model-item strong,.model-item code{overflow-wrap:anywhere}.series-group>summary{min-height:44px;padding:6px 0}
.status-dot.status-off{background:var(--status-success)}.status-dot.status-on{background:var(--status-warning)}.status-dot.status-pending{background:var(--text-muted)}
input,select,textarea{box-sizing:border-box;max-width:100%;min-width:0}.cert-recipient small{overflow-wrap:anywhere}
@media(max-width:1023px){
 .app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 12px}.topbar-actions{gap:4px;min-width:0}.topbar-page-title{font-size:14px;min-width:0}
 .app-sidebar{display:none}/* Mobile contributor row overflow is managed by css/ui/scroll.css. */
 .contributor-row{grid-template-columns:minmax(0,1fr) 132px;grid-template-areas:"name actions" "dept status" "age date";gap:8px 4px;padding:12px 8px;border:1px solid var(--border-subtle);margin:8px 0;align-items:center}
 .contributor-cell-name{gap:8px;align-items:flex-start}.contributor-avatar{width:28px;height:28px}.contributor-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:14px;text-align:left}
 .contributor-cell-actions{grid-area:actions;gap:0;align-self:start}.contributor-cell-actions>button{width:44px;height:44px;min-width:44px;min-height:44px}
 .contributor-cell-actions svg,.contributor-cell-actions img{width:18px;height:18px}.contributor-cell-interview{grid-area:date;justify-self:end}.contributor-cell-status{justify-self:end}.contributor-cell-dept{white-space:normal;overflow-wrap:anywhere}
 #tab-contributors .filter-chips{flex-wrap:nowrap;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin;max-width:100%;scroll-snap-type:x proximity}#tab-contributors .filter-chip{flex-shrink:0;min-height:44px;scroll-snap-align:start}
 .flex-row:has(.form-group-field){flex-wrap:wrap}.flex-row>.form-group-field{flex:1 1 220px}
}
@media(max-width:430px){.topbar-actions .control-btn-text{display:none}.topbar-actions .icon-action-btn,.topbar-actions .chrome-btn-outline{min-width:40px;padding:0 8px}.card-title-row{flex-wrap:wrap;gap:12px}.count-chips-container{flex-wrap:wrap}.contributor-row{grid-template-columns:minmax(0,1fr) 132px}.form-submit-row{flex-wrap:wrap}.form-submit-row>button{flex:1 1 130px}.model-item{display:grid;grid-template-columns:minmax(0,1fr) auto}.series-actions{display:flex;flex-wrap:wrap;gap:4px}.dept-user-row{display:grid;grid-template-columns:minmax(0,1fr);overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.workspace-enter{animation:none}.mobile-more-sheet{transition:none}}

@media(max-width:1280px){.screen-matrix{min-width:0!important}.dept-perms-header{display:none!important}.dept-perm-row{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:8px;padding:16px 0}.dept-perm-row .perm-cell{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.dept-perm-row .perm-cell::before{content:attr(data-module-label);color:var(--text-secondary)}.dept-perm-row .perm-cycle{min-width:100px;min-height:44px}}
@media(max-width:1280px){.dept-perm-row{min-width:0}.dept-perm-row .perm-cell::before{min-width:0;overflow-wrap:anywhere}.dept-perms-table{overflow:visible}}