/* Status stays visible when action details are collapsed. */
.actionStatus{flex:none;white-space:nowrap;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;background:#eee8f6;color:#493867}
.actionDetails.actionCompleted{border-left-color:#b6afbe!important;box-shadow:none!important}
.actionDetails.actionCompleted>summary{background:#f5f4f6!important;color:#625b6b}
.actionCompleted .actionHeadline{font-weight:500;text-decoration:none}
.actionCompleted .ragBadge{background:#756d7d!important;color:#fff!important}
.actionCompleted .actionStatus{background:#e9e6ec;color:#51485d}
.actionSummaryMain{flex:1;min-width:0}
/* Recovery remains actionable without participating in document layout. */
#app #reviewRecovery{position:fixed;right:16px;bottom:16px;z-index:90;width:min(380px,calc(100vw - 32px));max-height:40vh;overflow:auto;box-sizing:border-box;margin:0;padding:12px 14px;background:#faf8fd;border:1px solid #cfc4dc;box-shadow:0 4px 20px #33204424;border-radius:12px;font-size:13px;line-height:1.4}
#app #reviewRecovery p{margin:0 0 8px}
#app #reviewRecovery button{font-size:12px;padding:7px 10px;margin:3px 3px 0 0}
@media(max-width:650px){.actionSummaryMain{flex-basis:100%}.actionStatus{margin-right:auto}#app #reviewRecovery{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px);max-height:32vh}}
@media print{#reviewRecovery{display:none!important}}

/* Reserve the error border in every state so the header cannot shift by 2px. */
#app>header #saved{border:1px solid transparent;min-height:30px}