/* Assign menu (js/assign.js): status and load for each person */
.asgscrim { position: fixed; inset: 0; z-index: var(--z-dialog, 80); background: transparent; }
.asgmenu { position: fixed; z-index: calc(var(--z-dialog, 80) + 1); width: 340px; max-height: calc(100vh - 24px); overflow-y: auto; overscroll-behavior: contain;
  background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--sh-pop); padding: 6px; }
.asgh { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 4px 4px 10px; }
.asgh h2 { margin: 0; font-size: 0.9375rem; }
.asgl0 { list-style: none; margin: 0; padding: 0; }
.asgp { width: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 48px; padding: 6px 10px; border: 0; border-radius: 8px; background: none; font: inherit; color: var(--ink); text-align: left; cursor: pointer; }
.asgp:hover, .asgp:focus-visible { background: var(--row-hover); }
.asgp:focus-visible { outline: 2px solid var(--blue-btn, #4471B8); outline-offset: -2px; }
.asgp.cur { background: var(--row-sel, var(--row-hover)); }
.asgn { display: flex; flex-direction: column; min-width: 0; }
.asgn b { font-size: 0.875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.asgs { font-size: 0.75rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.asgs.st-active { color: var(--good); } .asgs.st-busy { color: var(--red); } .asgs.st-away { color: var(--amber); }
.asgl { font-size: 0.75rem; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.asgl.late { color: var(--red); font-weight: 600; }
.asgp.none { border-top: 1px solid var(--divider); border-radius: 0 0 8px 8px; margin-top: 4px; }
.asgav0 { width: 32px; height: 32px; border-radius: 50%; border: 2px dashed var(--line); flex: none; display: inline-block; }
.asgnote { margin: 6px 10px; }
@media (max-width: 640px) {
  .asgscrim { background: var(--scrim, rgba(0, 0, 0, 0.3)); }
  .asgmenu { left: 0; right: 0; bottom: 0; top: auto; width: auto; max-height: 75vh; border-radius: 16px 16px 0 0; padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); }
  .asgp { min-height: 52px; }
}
