/* The Send button (floating, bottom right on every staff screen) and its sheet. Dense small-phone layout: 24px minimum hit area, no big buttons.
   The button sits above the Sophia bar (which sits above the tab bar), so it never covers the bottom nav or the bar; it hides while a keyboard field is focused, while a sheet or Sophia's office is open, and on capture/signature screens. */
.sf-fab{position:fixed;right:10px;bottom:calc(126px + env(safe-area-inset-bottom,0px));z-index:6;min-height:32px;min-width:72px;padding:0 12px;display:inline-flex;gap:6px;align-items:center;justify-content:center;border-radius:999px;border:0;background:var(--accent,#c2410c);color:var(--accent-ink,#fff);font:700 13px/1 system-ui,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.35);cursor:pointer}
.sf-fab[hidden]{display:none}
.sf-fab .ic{font-size:15px;line-height:1}
body.sf-on #app{padding-bottom:calc(196px + env(safe-area-inset-bottom,0px))}
.sf-sheet{font-size:13px;line-height:1.35;display:flex;flex-direction:column;gap:6px}
.sf-sheet .sf-h{font-weight:700;margin:6px 0 2px}
.sf-sheet .sf-muted{color:var(--fg2,#666);font-size:12px}
.sf-row{display:flex;align-items:center;gap:8px;min-height:28px;padding:2px 0;cursor:pointer}
.sf-row input[type=checkbox]{width:24px;height:24px;min-width:24px;min-height:24px;flex:none;margin:0}
.sf-row .t{flex:1;min-width:0;overflow-wrap:anywhere}
.sf-pick{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:2px 8px;text-align:left;border:1px solid var(--line,#ccc);border-radius:8px;background:var(--surface,#fff);color:var(--fg,#111);font:inherit}
.sf-pick[aria-pressed=true]{border-color:var(--accent,#c2410c);background:var(--accent-soft,#fde8dc);font-weight:700}
.sf-msg{border-left:3px solid var(--line,#ccc);padding:2px 6px;margin:2px 0}
.sf-msg.sel{border-left-color:var(--accent,#c2410c)}
.sf-ok{color:var(--ok,#176b3a)}.sf-warn{color:var(--warn,#8a5a00)}
.sf-sheet input[type=text],.sf-sheet input[type=email],.sf-sheet input[type=number],.sf-sheet textarea,.sf-sheet select{min-height:28px;font:inherit;width:100%;box-sizing:border-box}
.sf-sheet input[type=number]{width:64px}
.sf-code{font:700 24px/1.2 ui-monospace,monospace;letter-spacing:4px;padding:2px 0}
.sf-pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:30vh;overflow:auto;border:1px solid var(--line,#ccc);border-radius:8px;padding:4px 6px;font-size:12px}
.sf-btns{display:flex;gap:6px;flex-wrap:wrap;align-items:center}