/* The dialog shell never scrolls; focus and menus scroll content regions only. */
body:has(#taskDialog[open]){overflow:hidden}
dialog.project-detail-dialog[open]{
 display:flex;flex-direction:column;
 height:min(940px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);
 overflow:clip;padding:24px 28px;outline:none;
}
.project-detail-dialog>.dialog-top{
 position:static;flex:none;min-height:34px;margin:0;padding:0;
 background:transparent;box-shadow:none;justify-content:flex-end;
}
.project-detail-dialog>h2{flex:none;margin:0 0 18px;padding-right:44px;line-height:1.4}
.project-detail-dialog>.project-detail-layout{
 flex:1 1 0;min-height:0;max-height:none;height:auto;overflow:clip;
 align-items:stretch;padding-top:2px;
}
@media(min-width:951px){
 .project-detail-layout>#taskForm,
 .project-detail-layout>.instructions-panel{
  height:auto;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;
  overscroll-behavior:contain;scrollbar-gutter:stable;
 }
 .project-detail-layout>#taskForm{padding-bottom:6px}
}
@media(max-width:950px){
 dialog.project-detail-dialog[open]{padding:16px 18px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}
 .project-detail-dialog>h2{font-size:23px;margin-bottom:16px}
 .project-detail-dialog>.project-detail-layout{
  display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-gutter:stable;padding-right:8px;scroll-padding-block:12px;
 }
 .project-detail-layout>#taskForm{height:auto;max-height:none;overflow:visible;padding:0}
 .project-detail-layout>.instructions-panel{height:auto;max-height:none;overflow:visible;margin-top:24px}
 .project-detail-layout>#taskForm>.dialog-actions{
  position:sticky;bottom:0;z-index:5;background:#fff;
  box-shadow:0 -10px 16px #fffffff0;padding-bottom:8px;
 }
}