.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}.service-device{flex-basis:100%;min-inline-size:0;overflow-wrap:anywhere}.service-history{margin-block:8px}.service-history summary{cursor:pointer;min-block-size:44px;padding-block:10px}.service-history .fo-list{margin-block:8px}.service-visit p,.service-due-row p{margin-block:4px;overflow-wrap:anywhere}.service-due{margin-block:16px}
