.composeextra { border-top:1px solid var(--line); margin:12px 0; }
.composeextra>summary { cursor:pointer; padding:12px 2px; font-size:13px; font-weight:600; }
.composeextra>summary:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
.composeextra[open]>summary { margin-bottom:4px; }
.stage { --rb:158px; }
.stage.rc { --rb:68px; }
.recent { height:128px; border-radius:8px; }
.recent .rhead { flex:0 0 126px; min-width:0; }
.recent h3 { letter-spacing:0; }
.returntabs { display:flex; flex-wrap:nowrap; gap:2px; }
.returntabs[hidden],.captureprompt[hidden] { display:none; }
.returntabs button { border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; padding:7px 3px; color:var(--sub); font:inherit; font-size:11px; cursor:pointer; min-height:32px; }
.returntabs button[aria-selected=true] { border-color:#2563eb; color:var(--ink); font-weight:700; }
.returntabs button:focus-visible,.captureprompt button:focus-visible { outline:2px solid #2563eb; }
.captureprompt { display:flex; gap:4px; align-items:center; font-size:11px; }
.captureprompt a { color:#2563eb; text-decoration:underline; overflow-wrap:anywhere; }
.captureprompt button { background:transparent; border:0; color:var(--sub); width:28px; height:28px; cursor:pointer; font-size:17px; flex-shrink:0; }
.recent.collapsed .returntabs,.recent.collapsed .captureprompt { display:none; }
.rempty .btn { margin-top:8px; font-size:12px; }
@media(max-width:820px) {
  .stage { --rb:calc(144px + env(safe-area-inset-bottom)); }
  .stage.rc { --rb:calc(64px + env(safe-area-inset-bottom)); }
  .recent { display:flex; left:10px; right:10px; bottom:calc(10px + env(safe-area-inset-bottom)); height:122px; padding:0 6px 0 8px; gap:6px; }
  .recent .rhead { flex-basis:120px; }
  .recent.collapsed { height:40px; }
  .recent.collapsed .rhead { flex-basis:auto; }
  .recent:has(.returntabs:not([hidden])) h3 { display:none; }
  .recent.collapsed h3 { display:block; }
  .returntabs button { min-height:36px; }
  .fab { bottom:calc(var(--rb) + 8px); }
  .zoom { bottom:calc(var(--rb) + 80px); }
  .rcard { flex-basis:160px; height:70px; }
}
