/* Staff layouts must fit without clipping content, including fallback fonts. */
/* Keep absolute screen-reader labels inside the table scroll area. */
.staff-view .table-wrap{position:relative}
.staff-view .sidebar{overflow-y:auto;scrollbar-width:thin}
.staff-view .page-heading>div,.staff-view .panel-heading>div,
.staff-view .command-copy,.staff-view .timeline-item>div,
.staff-view .secondary-list>a>div,.staff-view .upcoming-main{min-width:0;overflow-wrap:anywhere}
.staff-view .panel-heading h2,.staff-view .page-heading h1{overflow-wrap:anywhere}
.staff-view .ops-group-stats>*{min-width:0;overflow-wrap:anywhere}
.staff-view .btn{max-width:100%;white-space:normal}
.team-owner-summary{border-top:2px solid var(--red)}
.team-layout{align-items:start}
.staff-member{display:flex;gap:14px;padding:20px 0;border-top:1px solid var(--line)}
.staff-member-copy{min-width:0;flex:1;overflow-wrap:anywhere}
.staff-member-copy>p{margin:5px 0;color:var(--muted);font-size:12px}
.staff-member-copy>.status{margin-top:7px;white-space:normal}
.staff-member-copy form{margin-top:15px}
.staff-member-copy .help-text{margin-top:7px}
@media(max-width:980px){
  .staff-view .topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:14px 16px;gap:10px}
  .staff-view .topbar>div:first-of-type{min-width:0;flex:1}
  .staff-view .topbar-title{font-size:10px}
  .staff-view .access-badge{max-width:100%}
}
@media(max-width:720px){
  .staff-view .page-heading{align-items:stretch}
  .staff-view .page-heading .button-row{width:100%}
  .staff-view .page-heading .button-row .btn{flex:1}
  .staff-view .panel-heading{align-items:flex-start;flex-wrap:wrap}
  .staff-view .panel-heading>div{flex:1 1 180px}
  .staff-view .panel-heading .index{flex-shrink:0}
  .staff-view .secondary-list>a{grid-template-columns:minmax(0,1fr)}
  .staff-view .secondary-list strong{white-space:normal}
  .staff-view .command-item>.btn{justify-self:stretch}
  .staff-view .today-copy h2{font-size:clamp(32px,9vw,48px);overflow-wrap:anywhere}
  .staff-view .today-signal{grid-template-columns:auto auto minmax(0,1fr)}
  .staff-view .today-actions{flex-wrap:wrap}
}

/* Four tablet columns need four visible items, including the arrow. */
@media(min-width:721px) and (max-width:900px){
  .staff-view .upcoming-context:last-of-type{display:none}
  .staff-view .upcoming-context{min-width:0;overflow-wrap:anywhere}
}

/* Compact staff navigation: native disclosures also work without JavaScript. */
.staff-view .brand{margin-bottom:24px}
.staff-view .sidebar-bottom{padding-top:24px}
.staff-nav{gap:5px}
.staff-nav>a,.staff-nav-group>summary{min-height:44px;font-size:13px}
.staff-nav-group{border-bottom:1px solid #20242b}
.staff-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;list-style:none;cursor:pointer;color:#b8bec8;font-weight:600;line-height:1.5}
.staff-nav-group>summary::-webkit-details-marker{display:none}
.staff-nav-group>summary:hover{background:#111318;color:white}
.staff-nav-group.has-current>summary{color:#f5f5f2}
.staff-nav-group.has-current>summary::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--redlight);flex:none}
.staff-nav-group.has-current>summary{justify-content:flex-start}
.staff-nav-chevron{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none;margin-left:auto;margin-right:3px;margin-top:-4px}
.staff-nav-group[open]>summary .staff-nav-chevron{transform:rotate(225deg);margin-top:4px}
.staff-nav-links{margin:0 0 8px 10px;border-left:1px solid #303640;padding-left:7px}
.staff-nav .staff-nav-links>a{min-height:42px;margin-left:0;padding:10px 8px;font-size:12px;line-height:1.6}
.staff-nav .staff-nav-links>a:hover{padding-left:8px}
.staff-nav-group>summary:focus-visible,.staff-nav a:focus-visible{outline:2px solid var(--redlight);outline-offset:-2px}