/* 07G. Presentation only; original closing, draft and validation logic retained. */
@media screen {
  body :is(.media-folder-modal, .media-detail-modal, .screening-assignment-modal) {
    background: rgba(36, 44, 68, .55);
    padding: 16px;
    z-index: 2500;
  }
  body :is(#content-list, .shell) [role="dialog"], body dialog {
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--common-ink);
    border-radius: 12px;
    padding: 24px;
    color: var(--common-text);
    background: var(--common-paper);
    box-shadow: 0 2px 6px var(--common-shade);
    font-family: var(--common-font);
  }
  body #content-list [role="dialog"] :is(h2,h3,legend,label) {
    color: var(--common-ink);
    font-family: var(--common-font);
  }
  body #content-list [role="dialog"] :is(.media-folder-form-actions, .media-detail-dialog-actions) {
    gap: 8px; flex-wrap: wrap;
  }
  @media(max-width:640px) {
    body :is(#content-list, .shell) [role="dialog"], body dialog { padding: 16px; }
    body #content-list .media-folder-form[role="dialog"] { grid-template-columns: minmax(0,1fr); }
  }
}