.journal-detail-dialog .journal-detail-actions{position:sticky;z-index:3;top:14px;display:flex;align-items:center;gap:8px;width:max-content;margin:14px 14px -58px auto}
.journal-detail-dialog .journal-detail-actions .journal-detail-close{position:static;inset:auto;width:44px!important;height:44px!important;margin:0;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 12px #15263914}
.journal-copy-button,.journal-copy-panel [data-select-journal-copy]{min-height:44px;min-width:88px;box-sizing:border-box;border:1px solid #bad3c4;border-radius:9px;background:#eff7f1;color:#215f44;padding:9px 12px;cursor:pointer;font-weight:650;white-space:nowrap}
.journal-copy-button:hover{background:#e3f0e7}.journal-copy-button:focus-visible{outline:3px solid #ddae59;outline-offset:3px}.journal-copy-button:disabled{opacity:.65;cursor:wait}
.journal-detail-dialog .journal-detail-identity{margin-right:155px}
.copy-status-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.journal-copy-panel{margin:0;padding:0}.journal-copy-panel [data-journal-copy-fallback]:not([hidden]){margin:0 0 18px;padding:12px;border:1px solid #d9e8df;border-radius:12px;background:#f3f8f5;font-size:13px}.journal-copy-panel textarea{display:block;width:100%;box-sizing:border-box;margin:8px 0;padding:10px;border:1px solid #bdcfc4;border-radius:8px;background:white;color:#243b2f;font:13px/1.6 sans-serif;resize:vertical}.journal-route-error{padding:12px 16px;border-radius:10px;background:#fff6df;color:#70520e}
@media(max-width:640px){.journal-detail-dialog .journal-detail-actions{position:relative;top:auto;margin:10px 12px 0 auto;flex-wrap:wrap}.journal-detail-dialog .journal-detail-identity{margin-right:0}.journal-detail-dialog .journal-detail-scroll{max-height:calc(100dvh - 88px);padding:14px 18px 24px}}

/* Keep detail actions at the lower right, outside the scrolling content. */
.workflow-dialog.journal-detail-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.journal-detail-dialog .journal-detail-scroll{order:1;flex:1 1 auto;min-height:0;max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:24px}
.journal-detail-dialog .journal-detail-actions{order:2;position:static;inset:auto;flex:0 0 auto;align-self:stretch;justify-content:flex-end;width:auto;margin:0;padding:12px 16px;border-top:1px solid var(--line);background:#fff;gap:10px;flex-wrap:nowrap}
.journal-detail-dialog .journal-detail-identity{margin-right:0}
@media(max-width:820px){
 .journal-detail-dialog .journal-detail-scroll{max-height:calc(100dvh - 104px - env(safe-area-inset-bottom,0px));padding-bottom:24px}
 .journal-detail-dialog .journal-detail-actions{padding:12px max(14px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) 14px}
}

/* Desktop tools remain above the scroll region; handheld tools remain below it. */
@media(min-width:821px){
 .workflow-dialog.journal-detail-dialog .journal-detail-actions{order:1;border-top:0;border-bottom:1px solid var(--line);padding:12px 16px;position:static;inset:auto;margin:0;justify-content:flex-end}
 .workflow-dialog.journal-detail-dialog .journal-detail-scroll{order:2;min-height:0;max-height:calc(100dvh - 118px);padding-top:24px;padding-bottom:24px}
}
@media(max-width:820px){
 .workflow-dialog.journal-detail-dialog .journal-detail-actions{order:2;border-bottom:0;border-top:1px solid var(--line);position:static;inset:auto;margin:0;justify-content:flex-end}
 .workflow-dialog.journal-detail-dialog .journal-detail-scroll{order:1;min-height:0}
}