/* Field operations (fieldops-ui.js): expenses page, delivery/installation panel, quotations. Tokens only; logical properties for RTL. */
.fo-page,.fo-settings{display:flex;flex-direction:column;gap:16px}
.fo-tabs{display:flex;gap:6px;flex-wrap:wrap;border-block-end:1px solid var(--line);padding-block-end:6px}
.fo-tab{background:transparent;border:1px solid transparent;border-radius:999px;color:var(--ink-2);padding:8px 14px;min-height:44px;font:inherit;cursor:pointer}
.fo-tab.active{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-soft);font-weight:600}
.fo-inline{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.fo-field{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--ink-2);margin-block:6px}
.fo-field :is(input,select,textarea){font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--input-border);border-radius:10px;padding:8px 10px;min-height:44px}
.fo-check,.fo-check-all{display:flex;align-items:center;gap:8px;min-block-size:44px}
.fo-check input,.fo-check-all input,.fo-pick{inline-size:22px;block-size:22px}
.fo-bulk{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fo-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.fo-table{inline-size:100%;border-collapse:collapse;font-size:.92rem}
.fo-table :is(th,td){padding:9px 12px;text-align:start;border-block-end:1px solid var(--line);vertical-align:top}
.fo-table thead th{color:var(--muted);font-weight:600;background:var(--surface-2)}
.fo-table small{display:block;color:var(--muted);overflow-wrap:anywhere}
.fo-amt,.fo-serial{font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:isolate}
.fo-actions{display:flex;gap:6px;flex-wrap:wrap}
.fo-actions button,.fo-bulk button,.fo-panel button,.fo-card button{min-height:44px}
.fo-chip{display:inline-block;font-size:.8rem;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--neutral-soft);color:var(--ink-2)}
.fo-s-approved,.fo-s-paid{background:var(--success-soft);color:var(--success-ink)}
.fo-s-returned{background:var(--warning-soft);color:var(--warning-ink)}
.fo-s-submitted{background:var(--info-soft);color:var(--info-ink)}
.fo-s-rejected{background:var(--danger-soft);color:var(--danger-ink)}
.fo-warn{color:var(--warning-ink)!important}
.fo-photo{max-inline-size:100%;max-block-size:70vh;border-radius:12px;display:block;margin-inline:auto}
.fo-panel,.fo-card{display:flex;flex-direction:column;gap:10px}
.fo-block h4{margin:0 0 4px}
.fo-sig{inline-size:min(100%,320px);block-size:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.fo-note{color:var(--muted)}
.fo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.fo-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-block-end:1px solid var(--line);padding-block-end:8px}
.fo-list small{display:block;color:var(--muted)}
.fo-open{display:inline-flex;align-items:center;min-height:44px;padding-inline:16px;text-decoration:none}