/* Crew filter: fixed shortcuts with a scalable vertical picker. */
.mobile-crew-filter.mobile-crew-filter-list{
  position:relative;
  z-index:40;
  display:flex;
  align-items:stretch;
  gap:7px;
  min-width:0;
  overflow:visible;
  scroll-snap-type:none;
}
.mobile-crew-filter.mobile-crew-filter-list>.mobile-crew-filter-pill{
  flex:0 0 auto;
  min-width:44px;
  padding-inline:12px;
  scroll-snap-align:none;
}
.mobile-crew-picker{position:relative;flex:1 1 150px;min-width:0}
.mobile-crew-picker>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid #d6e6da;
  border-radius:14px;
  color:#365443;
  background:#f7faf7;
  cursor:pointer;
  list-style:none;
  font-size:.84rem;
  font-weight:900;
  user-select:none;
}
.mobile-crew-picker>summary::-webkit-details-marker{display:none}
.mobile-crew-picker-label{display:flex;align-items:center;gap:7px;min-width:0}
.mobile-crew-picker-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-crew-picker>summary>i{flex:0 0 auto;font-size:.72rem;transition:transform 160ms ease}
.mobile-crew-picker[open]>summary>i{transform:rotate(180deg)}
.mobile-crew-picker.is-active>summary{
  border-color:#155f39;
  color:#fff;
  background:#155f39;
  box-shadow:0 8px 18px rgba(21,95,57,.22);
}
.mobile-crew-picker.is-active .mobile-crew-filter-dot{background:#b8f0ca}
.mobile-crew-picker-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:80;
  display:grid;
  gap:5px;
  width:max(100%,280px);
  max-width:calc(100vw - 32px);
  max-height:min(360px,58vh);
  padding:8px;
  overflow-y:auto;
  overscroll-behavior:contain;
  border:1px solid #cfe2d5;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 42px rgba(15,44,31,.2);
}
.mobile-crew-picker-option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:11px;
  color:#294b39;
  text-decoration:none;
  font-size:.86rem;
  font-weight:800;
}
.mobile-crew-picker-option>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-crew-picker-option:hover,
.mobile-crew-picker-option:focus-visible{border-color:#cfe2d5;color:#155f39;background:#eef7f1}
.mobile-crew-picker-option.is-active{color:#fff;background:#155f39}
.mobile-crew-picker-option.is-active .mobile-crew-filter-dot{background:#b8f0ca}
@media(max-width:420px){
  .mobile-crew-filter.mobile-crew-filter-list{gap:5px;padding:7px}
  .mobile-crew-filter.mobile-crew-filter-list>.mobile-crew-filter-pill{min-width:42px;padding-inline:9px;font-size:.78rem}
  .mobile-crew-filter.mobile-crew-filter-list>.mobile-crew-filter-unassigned{padding-inline:10px}
  .mobile-crew-picker>summary{padding-inline:10px;font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){.mobile-crew-picker>summary>i{transition:none}}