.ff-tabs { display: flex; gap: 8px; margin: 12px 0; }
.ff-tabs button { border: 1px solid rgba(255,255,255,.12); background: #0b1220; color: #cbd5e1; border-radius: 10px; padding: 8px 14px; }
.ff-tabs button.on { background: #f5d76e; color: #111827; border-color: #f5d76e; }
.ff-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }
.ff-sheet { overflow: hidden; max-width: 100%; }
.ff-head, .ff-row, .ff-auto { display: grid; grid-template-columns: 88px minmax(0, 1.3fr) repeat(4, minmax(0, 1fr)); gap: 8px; align-items: center; }
.ff-head { color: #94a3b8; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.ff-row, .ff-auto { margin-top: 8px; }
.ff-field { display: contents; }
.ff-field > span { display: none; }
.ff-row input, .ff-row select, .ff-auto input { width: 100%; min-width: 0; box-sizing: border-box; background: #0b1220; color: #fff; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; padding: 9px 10px; }
.ff-row input[readonly] { color: #f5d76e; }
.ff-pos { font-weight: 700; }
.ff-actions { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.ff-actions button { border: 0; border-radius: 10px; padding: 10px 14px; background: #1d4ed8; color: #fff; }
.ff-actions button[type="submit"] { background: #16a34a; }

@media (max-width: 800px) {
    .ff-head { display: none; }
    .ff-auto, .ff-row { grid-template-columns: 1fr 1fr; }
    .ff-auto span { display: none; }
    .ff-pos, .ff-row .ff-pick { grid-column: 1 / -1; }
    .ff-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
    .ff-field > span { display: block; color: #94a3b8; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
}