/* Shared final layer for application-owned dialogs and compact popup menus. */
:root{--dialog-ink:#172d43;--dialog-accent:#147cba;--dialog-border:#d5e0eb;--dialog-soft:#f2f6fa}
.modal:not(.mapping-page-active) .modal-card,dialog,[role="dialog"]:not(.mapping-page-active .modal-card){border-radius:6px!important;border:1px solid var(--dialog-border);border-top:4px solid var(--dialog-accent);box-shadow:0 24px 80px #10283f38}
dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;color:var(--dialog-ink)}
dialog::backdrop{background:#102235a8;backdrop-filter:blur(3px)}
.modal:not(.mapping-page-active){background-color:#102235a8;backdrop-filter:blur(3px)}
.modal:not(.mapping-page-active) .modal-card{max-height:calc(100dvh - 32px);overflow:auto}
.modal-card .dialog-original-dismiss,dialog .dialog-original-dismiss,[role="dialog"] .dialog-original-dismiss{display:none!important}
.dialog-dismiss-footer{display:flex!important;align-items:center;justify-content:flex-end!important;gap:12px;clear:both;flex:0 0 auto;grid-column:1/-1;margin:28px 0 0!important;padding:20px 0 0!important;border-top:1px solid var(--dialog-border);width:100%;box-sizing:border-box}
.dialog-dismiss-footer .dialog-dismiss-button{position:static!important;float:none!important;margin:0!important;min-height:44px;min-width:108px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:5px!important}
.dialog-modern>header{gap:16px}
.dialog-modern>header h2{margin:0}
.dialog-modern .button{border-radius:5px!important}
.dialog-modern :is(.modal-actions,.form-actions,footer):not(.dialog-dismiss-footer){gap:12px}
.dialog-message{padding:28px;width:min(500px,calc(100vw - 32px));box-sizing:border-box;background:#fff}
.dialog-message header{display:flex;align-items:center}
.dialog-message header>i{padding:12px;background:#e5f3fc;color:#0878b3;border-radius:5px;font-size:24px}
.dialog-message p{white-space:pre-wrap;line-height:1.65;margin:22px 0;color:#415b71}
.dialog-message textarea{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #bccbd9;border-radius:5px}
.dialog-message .button,.photo-viewer .button{font:600 14px/1.3 system-ui,sans-serif;padding:11px 16px;cursor:pointer;border:1px solid #c7d5e3;background:#f2f6fa;color:#243d54;border-radius:5px;min-height:44px}
.dialog-message .button-primary{background:#146b9d;color:#fff;border-color:#146b9d}
.dialog-modern :focus-visible,.photo-viewer :focus-visible{outline:3px solid #f2ae39;outline-offset:3px}
.dialog-modern button:disabled{opacity:.5;cursor:not-allowed}
.mapping-page-active .dialog-dismiss-footer{display:none!important}
:is([role="menu"],[role="listbox"],.dropdown-menu,.popover,.ops-work-menu-panel,.board-tag-picker){border-radius:5px!important}
@media(max-width:600px){.dialog-message{padding:20px}.dialog-dismiss-footer{margin-top:24px!important;padding-top:18px!important}.modal:not(.mapping-page-active) .modal-card{max-width:calc(100vw - 24px)}}
@media print{.dialog-dismiss-footer,dialog{display:none!important}}