/* Compact assignment menu: shared glass outside, one quiet list inside. */
@media screen{
 body.workspace-ui .duty-picker-panel{width:min(280px,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px);padding:0;font-family:var(--font)}
 body.workspace-ui .duty-picker-panel .duty-picker-form{background:transparent;color:var(--text)}
 body.workspace-ui .duty-picker-panel .duty-picker-form>header{position:static;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px;min-height:0;height:auto;margin:0;padding:12px 14px 8px;border:0;background:transparent;color:var(--text);box-shadow:none}
 body.workspace-ui .duty-picker-panel .duty-picker-form>header>div{min-width:0}
 body.workspace-ui .duty-picker-panel .duty-picker-form>header .duty-picker-date{margin:4px 0 0;color:var(--text-2);font-size:var(--ui-caption);line-height:1.4}
 body.workspace-ui .duty-picker-panel .duty-picker-form>header h2{margin:0;font-size:var(--ui-body);font-weight:600;line-height:1.4;letter-spacing:-.022em}
 body.workspace-ui .duty-picker-panel .duty-picker-close{display:grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);font-size:var(--ui-heading-compact);font-weight:400;line-height:1}
 body.workspace-ui .duty-picker-panel .duty-picker-close .ui-icon{width:18px;height:18px;margin:0}
 body.workspace-ui .duty-picker-panel .duty-picker-close:hover{background:color-mix(in srgb,var(--apple-surface) 50%,transparent);color:var(--text)}
 body.workspace-ui .duty-picker-panel .duty-picker-search-wrap{gap:8px;margin:0 14px 10px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-input);background:color-mix(in srgb,var(--bg-alt) 65%,transparent);box-shadow:none}
 body.workspace-ui .duty-picker-panel .duty-picker-search-wrap>svg{width:17px;height:17px;color:var(--text-2)}
 body.workspace-ui .duty-picker-panel .duty-picker-search{min-height:40px;padding:7px 0;font-family:var(--font);font-size:16px;color:var(--text)}
 body.workspace-ui .duty-picker-panel .duty-picker-search::placeholder{color:var(--text-2);opacity:1}
 /* One focus ring encloses both the icon and the input. */
 body.workspace-ui .duty-picker-panel .duty-picker-search-wrap:focus-within{border-color:transparent;outline:2px solid var(--accent);outline-offset:1px;box-shadow:none}
 body.workspace-ui .duty-picker-panel .duty-picker-search:focus,
 body.workspace-ui .duty-picker-panel .duty-picker-search:focus-visible{outline:none;box-shadow:none}
 body.workspace-ui .duty-picker-panel .duty-picker-list{gap:2px;padding:0 8px 10px;scrollbar-width:thin}
 body.workspace-ui .duty-picker-panel .duty-picker-person{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px;border:0;border-radius:var(--radius-input);background:transparent;color:var(--text);box-shadow:none;transition:background 160ms var(--ui-ease)}
 body.workspace-ui .duty-picker-panel .duty-picker-person>.duty-picker-person-name{font-size:var(--ui-small);font-weight:400;line-height:1.45;text-align:left}
 body.workspace-ui .duty-picker-panel .duty-picker-person>.duty-person-icon,
 body.workspace-ui .duty-picker-panel .duty-picker-check{display:grid;place-items:center;width:24px;height:24px;color:var(--text-2)}
 body.workspace-ui .duty-picker-panel .duty-picker-person:hover{border:0;background:color-mix(in srgb,var(--apple-surface) 55%,transparent)}
 body.workspace-ui .duty-picker-panel .duty-picker-person:has(input:checked){border:0;border-radius:var(--radius-input);background:var(--info-bg);box-shadow:none}
 body.workspace-ui .duty-picker-panel .duty-picker-person:has(input:checked)>.duty-person-icon{color:var(--accent)}
 body.workspace-ui .duty-picker-panel .duty-picker-person input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;box-sizing:border-box;flex:none;width:20px;min-width:20px;height:20px;min-height:20px;margin:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:background 160ms var(--ui-ease),border-color 160ms var(--ui-ease)}
 body.workspace-ui .duty-picker-panel .duty-picker-person input::after{content:'';width:9px;height:5px;margin-top:-2px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg);opacity:0}
 body.workspace-ui .duty-picker-panel .duty-picker-person input:checked{border-color:transparent;background:transparent}
 body.workspace-ui .duty-picker-panel .duty-picker-person input:checked::after{opacity:1}
 body.workspace-ui .duty-picker-panel .duty-picker-person:focus-within{outline:2px solid var(--accent);outline-offset:-2px}
 body.workspace-ui .duty-picker-panel .duty-picker-person input:focus-visible{outline:none}
 body.workspace-ui .duty-picker-panel .duty-picker-form>footer{display:flex;align-items:center;gap:6px;flex-shrink:0;margin:0;padding:10px 12px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--apple-surface) 20%,transparent)}
 body.workspace-ui .duty-picker-panel .duty-picker-count{margin-right:auto;color:var(--text-2);font-size:var(--ui-caption);line-height:1.4}
 body.workspace-ui .duty-picker-panel .duty-picker-form>footer button{min-width:54px;min-height:44px;padding:9px 14px;border:0;border-radius:var(--radius-pill);font-family:var(--font);font-size:var(--ui-small);font-weight:500;line-height:1.4;transition:background 160ms var(--ui-ease),transform 160ms var(--ui-ease)}
 body.workspace-ui .duty-picker-panel .duty-picker-form>footer .primary{background:var(--accent);color:var(--on-primary)}
 body.workspace-ui .duty-picker-panel .duty-picker-form>footer .primary:hover{background:var(--accent-hover);color:var(--on-primary)}
 body.workspace-ui .duty-picker-panel .duty-picker-form>footer button:active{transform:scale(.97)}
 body.workspace-ui .duty-picker-panel .duty-picker-error{padding:0 14px 10px;font-size:var(--ui-small)}
 body.workspace-ui .duty-picker-panel .duty-picker-no-results,
 body.workspace-ui .duty-picker-panel .duty-cell-empty{padding:16px 8px;color:var(--text-2);font-size:var(--ui-small);line-height:1.5;text-align:center}
 body.workspace-ui .duty-picker-panel::backdrop{background:var(--floating-scrim);backdrop-filter:blur(var(--floating-backdrop-blur));-webkit-backdrop-filter:blur(var(--floating-backdrop-blur))}
}
@media screen and (max-width:600px){
 body.workspace-ui .duty-picker-panel{border-radius:var(--radius-panel) var(--radius-panel) 0 0}
 body.workspace-ui .duty-picker-panel .duty-picker-form>header{padding-top:18px}
 body.workspace-ui .duty-picker-panel .duty-picker-form>footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}

/* Phone sheet opens from the top and follows the visible area above the keyboard. */
@media screen and (max-width:900px){
 body.workspace-ui .duty-picker-panel{position:fixed;inset:0 0 auto;width:100%;min-width:0;max-width:100%;margin:0;border-top:0;border-bottom:1px solid var(--floating-border,var(--border));border-radius:0 0 20px 20px;max-height:min(560px,calc(var(--duty-visible-height,100dvh) - 12px));overflow:hidden;padding:0;animation:duty-top-sheet-in .22s ease-out}
 body.workspace-ui .duty-picker-panel .duty-picker-form{display:flex;flex-direction:column;max-height:min(559px,calc(var(--duty-visible-height,100dvh) - 13px));min-height:0;overflow:hidden}
 body.workspace-ui .duty-picker-panel .duty-picker-form>header{padding-top:max(12px,env(safe-area-inset-top));flex-shrink:0}
 body.workspace-ui .duty-picker-panel .duty-picker-form>header::before{display:none}
 body.workspace-ui .duty-picker-panel .duty-picker-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
 body.workspace-ui .duty-picker-panel .duty-picker-form>footer{flex-shrink:0;padding-bottom:12px}
}
@keyframes duty-top-sheet-in{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){body.workspace-ui .duty-picker-panel{animation:none}}