/* A transient message occupies a real header row; no editor controls sit underneath. */
.folio-app #app-status.status-notice{position:relative;inset:auto;z-index:auto;order:30;flex:1 1 100%;display:flex;align-items:center;gap:14px;width:100%;max-width:760px;min-width:0;margin:0 auto 14px;padding:8px 8px 8px 16px;pointer-events:auto;border:0;border-radius:12px;background:var(--raised);color:var(--text);font:inherit;font-size:calc(12px * var(--ui-scale,1));line-height:1.6;box-shadow:none}
.folio-app #app-status.status-notice[hidden]{display:none}
.status-notice-text{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:20dvh;overflow:auto;overscroll-behavior:contain}
.folio-app .status-notice-close{display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:12px;border:0;border-radius:8px;background:transparent;color:var(--text);transition:background-color 160ms ease-out,color 160ms ease-out}
.folio-app .status-notice-close:hover{background:var(--hover)}
.folio-app .status-notice-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.status-notice-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.status-notice[data-state=visible]{animation:status-notice-in 220ms cubic-bezier(.2,0,0,1)}
.status-notice[data-state=leaving]{animation:status-notice-out 180ms cubic-bezier(.4,0,1,1) forwards;pointer-events:none}
.folio-app:has(#app-status.status-notice:not([hidden])) #login-screen{top:var(--status-header-bottom,0px)}
@keyframes status-notice-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes status-notice-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}
@media(max-width:650px){.folio-app #app-status.status-notice{gap:8px;margin-bottom:12px;padding:6px 6px 6px 12px;font-size:calc(12px * var(--ui-scale,1));border-radius:10px}}
@media(prefers-reduced-motion:reduce){.status-notice[data-state=visible],.status-notice[data-state=leaving]{animation:none}.folio-app .status-notice-close{transition:none}.status-notice[data-state=leaving]{opacity:0}}

/* Workspace info/fail use their existing row and never float over the document. */
.folio-app .scenario-workspace-message.status-notice{position:relative;inset:auto;z-index:auto;order:0;display:flex;align-items:center;gap:14px;flex:0 0 auto;min-width:0;width:auto;max-width:calc(100% - 32px);margin:8px 16px;padding:8px 8px 8px 16px;border:0;border-radius:12px;background:var(--raised);color:var(--text);font:inherit;font-size:calc(12px * var(--ui-scale,1));line-height:1.6;pointer-events:auto}
.folio-app .scenario-workspace-message.status-notice[hidden]{display:none}
@media(max-width:650px){.folio-app .scenario-workspace-message.status-notice{gap:8px;max-width:calc(100% - 20px);margin:6px 10px;padding:6px 6px 6px 12px;border-radius:10px}}