/* Shared shell: content-sized dialogs. PDF preview alone has a viewer-sized canvas. */
dialog.app-dialog{box-sizing:border-box;position:fixed;inset:auto;margin:0;left:50%;top:calc(var(--dialog-offset,0px) + (var(--dialog-vh,100dvh) + env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))/2);transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:700px;height:auto!important;min-height:0!important;max-height:calc(var(--dialog-vh,100dvh) - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:24px;border:1px solid var(--line);border-radius:12px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;isolation:isolate;background:var(--card);color:var(--ink)}
dialog.app-dialog::backdrop{background:rgba(0,0,0,.62)}
dialog.app-dialog.dialog-confirm{max-width:420px!important;width:calc(100% - 32px)!important;height:auto!important;min-height:0!important}
.dialog-confirm h2{margin:0;font-size:20px;line-height:1.5;overflow-wrap:anywhere}.dialog-confirm p{margin:16px 0 24px;font-size:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-confirm .dialog-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.dialog-confirm .dialog-actions button{min-height:44px;padding:11px 18px;flex:0 1 auto}.dialog-confirm #cancelImport{background:var(--card);color:var(--ink);border:1px solid var(--line)}
dialog.app-dialog .danger-action{background:#B4232F!important;color:#FFF!important;border:1px solid #B4232F!important}dialog.app-dialog .danger-action:hover{background:#921C26!important;border-color:#921C26!important}dialog.app-dialog .danger-action:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
dialog.app-dialog.dialog-viewer{width:calc(100% - 32px);max-width:950px;height:min(900px,calc(var(--dialog-vh,100dvh) - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))!important;overflow:hidden}
dialog.app-dialog#photoDialog{max-width:1000px;height:auto!important;overflow:auto}dialog.app-dialog .dialog-head{gap:12px;flex-wrap:wrap}dialog.app-dialog .dialog-head h2{flex:1;min-width:140px}dialog.app-dialog .dialog-head button{min-height:44px}dialog.app-dialog #batchMessage{white-space:pre-wrap;overflow-wrap:anywhere}dialog.app-dialog #canvasWrap{min-height:0}
@media(max-width:420px){.dialog-confirm .dialog-actions button{flex:1 1 110px}.dialog-confirm h2{font-size:18px}dialog.app-dialog .photo-buttons{gap:8px}dialog.app-dialog .photo-buttons button{min-height:44px}dialog.app-dialog .show-card .photo-buttons{flex-wrap:wrap}}
@supports not (height:100dvh){dialog.app-dialog{--dialog-vh:100vh}}