/* Field mode: after-call sheet, voice notes, offline queue (public/js/field.js) */
.ff-sheet{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.ff-back{position:absolute;inset:0;background:transparent;transition:background .25s;pointer-events:auto}
.ff-sheet.on .ff-back{background:color-mix(in srgb, var(--surface-dark) 45%, transparent)}
.ff-card{position:relative;pointer-events:auto;width:min(560px,100%);background:var(--surface-page);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));
  box-shadow:0 calc(var(--space-5) * -1) var(--space-12) calc(var(--space-3) * -1) color-mix(in srgb, var(--primary) 35%, transparent);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:grid;gap:var(--space-3);color:var(--text-primary)}
.ff-sheet.on .ff-card{transform:none}
@media (min-width:700px){.ff-sheet{align-items:center}.ff-card{border-radius:var(--radius-lg);transform:translateY(24px);opacity:0;transition:transform .22s,opacity .22s}.ff-sheet.on .ff-card{opacity:1}}
.ff-grab{justify-self:center;width:42px;height:5px;border-radius:var(--radius-full);background:var(--border-strong);margin-bottom:var(--space-1)}
.ff-card h2{font-size:var(--text-title-size);margin:0 0 var(--space-1);letter-spacing:-.01em}
.ff-outs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}
.ff-outs button{appearance:none;font:inherit;min-height:52px;border-radius:var(--radius-lg);border:var(--border-w) solid var(--border-strong);background:var(--surface-page);font-weight:var(--weight-strong);font-size:var(--text-body-size);color:var(--text-primary);cursor:pointer;transition:all .12s}
.ff-outs.sm{grid-template-columns:repeat(3,1fr)}.ff-outs.sm button{min-height:var(--control-md);font-size:var(--text-table-size);font-weight:var(--weight-strong)}
.ff-outs button[aria-checked=true]{background:var(--surface-dark);border-color:var(--primary);color:var(--text-on-dark)}
.ff-outs button:focus-visible,.ff-acts button:focus-visible,.ff-mic:focus-visible{outline:calc(var(--border-w) * 3) solid color-mix(in srgb, var(--accent-strong) 45%, transparent);outline-offset:var(--space-half)}
.ff-lbl{font-size:var(--text-meta-size);font-weight:var(--weight-strong);color:var(--text-secondary);margin:var(--space-1) 0 0}
.ff-noterow{display:flex;gap:var(--space-2);align-items:stretch}
.ff-noterow textarea{flex:1;font:inherit;font-size:var(--text-body-size);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3);background:var(--surface-sunken);resize:none}
.ff-noterow textarea:focus{outline:none;border-color:var(--accent-strong);background:var(--surface-page);box-shadow:0 0 0 calc(var(--border-w) * 3) color-mix(in srgb, var(--accent-strong) 15%, transparent)}
.ff-mic{appearance:none;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:var(--border-w) solid var(--border-strong);background:var(--surface-page);color:var(--text-primary);border-radius:var(--radius-lg);padding:0 var(--space-3);height:38px;font-weight:var(--weight-strong);font-size:var(--text-table-size);cursor:pointer;margin-top:var(--space-2)}
.ff-mic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.ff-mic.big{flex-direction:column;height:auto;width:72px;margin:0;border-radius:var(--radius-lg);gap:var(--space-1);font-size:var(--text-meta-size)}
.ff-mic.big svg{width:24px;height:24px}
.ff-mic.rec{background:var(--status-red-dot);border-color:var(--status-red-dot);color:var(--text-on-dark);animation:ffpulse 1.3s infinite}
@keyframes ffpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-red-dot) 45%, transparent)}70%{box-shadow:0 0 0 var(--space-3) transparent}100%{box-shadow:0 0 0 0 transparent}}
.ff-acts{display:flex;gap:var(--space-3);margin-top:var(--space-2)}
.ff-acts button{appearance:none;font:inherit;flex:1;height:50px;border-radius:var(--radius-lg);font-weight:var(--weight-strong);font-size:var(--text-section-size);cursor:pointer}
.ff-skip{border:var(--border-w) solid var(--border-strong);background:var(--surface-page);color:var(--text-primary)}
.ff-save{border:var(--border-w) solid var(--primary);background:linear-gradient(180deg,var(--primary-hover),var(--surface-dark));color:var(--text-on-dark);box-shadow:inset 0 var(--border-w) 0 color-mix(in srgb, var(--surface-page) 14%, transparent),0 var(--space-2) var(--space-4) calc(var(--space-2) * -1) color-mix(in srgb, var(--primary) 50%, transparent)}
.ff-save:disabled{opacity:.4;cursor:not-allowed}
.ff-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--surface-dark);color:var(--text-on-dark);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--weight-strong);z-index:3100;transition:all .2s;max-width:calc(100vw - 32px);text-align:center}
.ff-toast.on{opacity:1;transform:translate(-50%,0)}
.ff-q{position:fixed;bottom:16px;inset-inline-start:var(--space-4);z-index:2900;background:var(--warning-bg);border:var(--border-w) solid var(--warning-border);color:var(--danger-text);font-weight:var(--weight-strong);font-size:var(--text-table-size);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full)}
@media (prefers-reduced-motion:reduce){.ff-card,.ff-back,.ff-toast{transition:none}.ff-mic.rec{animation:none}}