body.journal-page #editor .entry-status-controls{display:flex;align-items:center;gap:16px}
body.journal-page #editor .entry-status-controls .segmented{flex:1;min-width:0}
body.journal-page #editor .entry-status-controls .entry-secondary-actions{margin:0 0 0 auto;flex-wrap:nowrap;flex-shrink:0}
body.journal-page #editor .entry-text-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:6px 0;border:0;border-radius:0;background:transparent;color:#aeb7cc;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:none}
body.journal-page #editor .entry-text-action:hover{background:transparent;border:0;color:#7dd3fc}
body.journal-page #editor .entry-text-action i{font-size:11px;opacity:.75}
@media(max-width:420px){body.journal-page #editor .entry-status-controls{gap:10px}body.journal-page #editor .entry-text-action{font-size:12px;gap:5px}body.journal-page #editor .entry-status-controls .segmented button{font-size:12px;padding-inline:5px}}

/* Keep the heading and actions visible while only the entry fields scroll. */
html:has(body.journal-page) body dialog#editor{width:min(760px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:hidden}
body.journal-page #editor #entry-form{display:flex;flex-direction:column;min-width:0;max-height:calc(100dvh - 26px);margin:0}
body.journal-page #editor .editor-heading,body.journal-page #editor .editor-footer{flex:0 0 auto;position:static}
body.journal-page #editor .editor-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
body.journal-page #editor .editor-heading h2{overflow-wrap:anywhere}
body.journal-page #editor .editor-footer>div{min-width:0}
@media(max-width:650px){
 body.journal-page #editor .editor-heading{padding:16px}
 body.journal-page #editor .editor-body{padding:18px 16px}
 body.journal-page #editor .editor-footer{padding:12px 16px;gap:12px}
 body.journal-page #editor .editor-footer>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.journal-page #editor .editor-footer button{font-size:13px;padding-inline:8px}
 body.journal-page #editor .entry-status-controls .segmented{width:auto}
}
@media(max-height:500px){
 body.journal-page #editor .editor-heading{padding:10px 16px}
 body.journal-page #editor .editor-heading h2{font-size:20px}
 body.journal-page #editor .editor-footer{padding:8px 16px}
}
@media(max-width:400px){
 body.journal-page #editor .form-row.dose-row:has(#dose),body.journal-page #editor .schedule-panel>.form-row:has(#date){grid-template-columns:minmax(0,1fr)!important}
 body.journal-page #editor .dose-row>label:has(#route){grid-column:auto}
}