/* Same-page details shared by pages that opt in to data-detail-dialog. */
body.detail-modal-open { overflow: hidden; }
.detail-dialog { width: calc(100vw - 96px); min-width: 1024px; max-width: 1080px; max-height: calc(100vh - 80px); margin: auto; padding: 0; border: 0; border-radius: 12px; background: #fff; color: var(--text); box-shadow: 0 20px 80px rgb(15 23 42 / 24%); overflow-y: auto; overscroll-behavior: contain; }
.detail-dialog::backdrop { background: rgb(15 23 42 / 55%); }
.detail-dialog-toolbar { display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 2; min-height: 64px; padding: 10px 32px; border-bottom: 1px solid #e7ebf0; background: rgb(255 255 255 / 98%); }
.detail-return { display: inline-flex; align-items: center; gap: 10px; padding: 8px 0; border: 0; background: transparent; color: #677080; font-size: 14px; font-weight: 400; }
.detail-return svg { width: 18px; height: 18px; }
.detail-return:hover { color: var(--brand); }
.detail-dialog-close { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #e7ebf0; border-radius: 50%; background: #fff; color: #677080; }
.detail-dialog-close:hover { background: #f1f4f7; color: #111827; }
.detail-dialog-close svg { width: 18px; height: 18px; }
.detail-dialog-content { padding: 24px 40px 32px; }