.assignmentDialog{width:min(920px,calc(100% - 20px));max-height:94dvh;border:1px solid #ceddec;border-radius:16px;padding:0;color:#173653;background:white}.assignmentDialog::backdrop{background:#12365966}.assignmentHead{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:#12365b;color:white;z-index:1}.assignmentHead h2{margin:0;font-size:21px}.assignmentBody{padding:18px}.assignmentGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.assignmentGrid label{display:flex;flex-direction:column;gap:6px}.assignmentDialog select,.assignmentDialog input{width:100%;padding:10px;border:1px solid #bfd1e3;border-radius:8px;font:inherit}.assignmentInfo{padding:14px;background:#f1f6fc;border:1px solid #d7e4f0;border-radius:10px;margin:14px 0}.assignmentDialog button{margin:4px}.assignmentDialog p{line-height:1.5}@media(max-width:600px){.assignmentGrid{grid-template-columns:1fr}.assignmentHead{padding:10px}.assignmentBody{padding:12px}}

.assignmentOfficeActions{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;background:#fff;border-bottom:1px solid #c9d5e5}
.assignmentActionRow,.assignmentOfficeActions{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;align-items:stretch}
.assignmentActionRow button,.assignmentOfficeActions button{flex:0 0 auto;min-height:44px;margin:0;white-space:nowrap}
.assignmentActionRow [hidden]{display:none}
.assignmentCurrent summary,.assignmentDisconnectDetails summary{padding:12px 0;font-weight:700;cursor:pointer}
.assignmentCurrent{margin-bottom:16px}.assignmentCurrent .assignmentInfo{margin:8px 0;padding:12px}
.assignmentCurrent .assignmentInfo p{margin:6px 0}
.assignmentGrid{scroll-margin-top:80px}
@media(max-width:900px){.assignmentOfficeActions{position:static}.assignmentHead h2{font-size:18px}.assignmentCurrent button{min-height:44px}.assignmentDisconnectBar{overflow-x:auto}.assignmentDisconnectBar button{min-height:44px}.assignmentCompact .assignmentBody>p.muted{font-size:13px}.assignmentActionRow{padding:6px 0}}

.assignmentList[hidden]{display:none!important}
body .assignmentListDialog[open]{position:fixed!important;inset:10px!important;margin:0!important;width:calc(100vw - 20px)!important;max-width:none!important;height:calc(100dvh - 20px)!important;max-height:none!important;display:flex!important;flex-direction:column!important;box-sizing:border-box;padding:12px!important;overflow:hidden!important}
body .assignmentListDialog>.assignmentHead{flex:0 0 auto;padding:0 0 8px!important;margin:0!important}
body .assignmentListDialog>.assignmentList{flex:1;min-height:0;overflow:auto;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;align-content:start!important;gap:8px!important;margin:0!important;padding:0!important}
body .assignmentListDialog .assignmentList>h3{display:none!important}
body .assignmentListDialog .assignmentInfo{padding:10px!important;margin:0!important;min-width:0;min-height:0!important;line-height:1.3;font-size:14px!important;overflow-wrap:anywhere}
body .assignmentListDialog .assignmentInfo p{margin:6px 0!important;font-size:14px!important}
body .assignmentListDialog .assignmentInfo small{font-size:12px!important}
body .assignmentListDialog .assignmentActionRow{display:flex;gap:6px;flex-wrap:nowrap}
body .assignmentListDialog .assignmentActionRow>.btn{flex:1;min-width:0;min-height:36px!important;margin:0!important;padding:6px!important;font-size:13px!important;white-space:normal}

.assignmentDialog .assignmentResult.assignmentSuccess{display:block!important;background:#e5f6e9!important;color:#17632e!important;border:1px solid #8ccb9c!important;border-radius:9px!important;padding:10px 12px!important;font-size:15px!important;line-height:1.4!important;font-weight:600!important;width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere}

.assignmentDialog .assignmentInfo.assignmentSuccess{background:#e5f6e9!important;color:#17632e!important;border-color:#8ccb9c!important;font-weight:600}.assignmentDialog .assignmentResult:empty{display:none!important}

/* Current assignments: compact responsive tiles, no nested scrolling. */
body dialog.assignmentDialog.assignmentCompact .assignmentCurrent>div{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:8px!important;max-height:none!important;height:auto!important;overflow:visible!important;align-items:stretch!important;margin-top:8px!important}
body dialog.assignmentDialog.assignmentCompact .assignmentCurrent>div>.assignmentInfo{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-content:start!important;align-items:center!important;gap:5px 8px!important;margin:0!important;padding:9px!important;min-width:0!important;min-height:0!important;height:auto!important;box-sizing:border-box!important;font-size:14px!important;line-height:1.3!important;overflow-wrap:anywhere}
body dialog.assignmentDialog.assignmentCompact .assignmentCurrent .assignmentInfo>strong{grid-column:1/-1!important;font-size:14px!important}
body dialog.assignmentDialog.assignmentCompact .assignmentCurrent .assignmentInfo>p{margin:0!important;font-size:13px!important;line-height:1.35!important;min-width:0!important}
body dialog.assignmentDialog.assignmentCompact .assignmentCurrent .assignmentInfo>button{grid-column:2!important;min-height:36px!important;height:auto!important;width:auto!important;margin:0!important;padding:7px 9px!important;font-size:13px!important;line-height:1.2!important;background:#1464e8!important;color:white!important;border-radius:8px!important}
@media(min-width:1400px){body dialog.assignmentDialog.assignmentCompact .assignmentCurrent>div{grid-template-columns:repeat(5,minmax(0,1fr))!important}}