/* SARF is isolated from the existing fixture and industrial oil styles. */
.sarf-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 16px}
.sarf-heading h1{font-size:clamp(23px,3vw,32px);line-height:1.2;margin:0;color:var(--text)}
.sarf-heading p{color:var(--muted);font-size:13px;margin:6px 0 0}
.sarf-chip{border:1px solid #f9dbaf;background:#fff7e8;color:#965400;border-radius:100px;font-size:11px;font-weight:800;padding:7px 11px}
.sarf-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;width:100%;min-width:0;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:12px;overflow-x:clip}
.sarf-tabs button{background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:12px;font-weight:600;border-radius:8px;padding:10px 8px;min-height:44px;width:100%;min-width:0;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere}
.sarf-tabs button.selected,.sarf-person-option.selected{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.sarf-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;margin-bottom:18px}
.sarf-metric{border:1px solid var(--border);background:#fff;border-radius:14px;padding:16px;display:grid;gap:5px;box-shadow:var(--shadow)}
.sarf-metric span{font-size:12px;color:var(--muted)}.sarf-metric strong{font-size:26px;color:var(--text)}
.sarf-notice{border:1px solid #d6e4ff;border-radius:13px;background:#f3f7ff;padding:16px;margin-bottom:16px;color:#1849a9}
.sarf-notice strong{display:block;margin-bottom:6px}.sarf-notice p{margin:0;line-height:1.55;font-size:13px}
.sarf-notice.sarf-warning{border-color:#fedf89;background:#fffaeb;color:#93370d}
.sarf-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;align-items:start}
.sarf-empty{padding:32px 12px;text-align:center;color:var(--muted)}.sarf-empty strong{display:block;color:var(--text);margin-bottom:7px}.sarf-empty p{font-size:13px;line-height:1.4}
.sarf-form{display:grid;gap:12px}.sarf-form .field{min-width:0}.sarf-form button{justify-self:start}
.sarf-table-wrap{overflow-x:auto;width:100%;margin-top:12px}.sarf-table{border-collapse:collapse;width:100%;min-width:420px;font-size:13px}
.sarf-table th{text-align:left;color:#475467;background:#f9fafb;font-size:11px;padding:12px 10px}
.sarf-table td{border-bottom:1px solid var(--border);padding:11px 10px;max-width:260px;overflow-wrap:anywhere}
.sarf-help{font-size:12px;color:var(--muted);line-height:1.5}.sarf-record-list{display:grid;gap:8px;padding:0;list-style:none}.sarf-record-list li{border-bottom:1px solid var(--border);padding:8px 4px;display:grid;gap:5px}.sarf-record-list li span{color:var(--muted);font-size:12px}
.sarf-person-option{border:1px solid var(--border);border-radius:9px;background:#fff;padding:12px;text-align:left;width:100%;margin:4px 0;white-space:normal}
.sarf-checkbox{display:block;font-size:13px;padding:6px 0;line-height:1.45;color:#344054}.sarf-checkbox input{accent-color:var(--accent)}
.sarf-preview{opacity:.86}.sarf-preview button[disabled]{cursor:not-allowed}
@media(max-width:850px){.sarf-split{grid-template-columns:minmax(0,1fr)}.sarf-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:12px;overflow-x:clip}.sarf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.sarf-metrics{grid-template-columns:1fr 1fr}.sarf-metric{padding:12px}.sarf-metric strong{font-size:23px}}

/* V10: match the CNK Fikstür navy/blue palette and mobile interaction rules. */
.sarf-tabs button{font-weight:650;box-shadow:var(--shadow);transition:background .14s ease,border-color .14s ease;color:var(--text)}
.sarf-tabs button.selected{box-shadow:inset 3px 0 0 var(--accent),var(--shadow);font-weight:750}
@media(hover:hover) and (pointer:fine){.sarf-tabs button:not(.selected):hover{background:var(--surface-2);border-color:#84adff}}
.sarf-tabs button:focus-visible,.sarf-form select:focus-visible,.sarf-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sarf-metric{background:var(--surface);border-color:var(--border)}
.sarf-heading h1{color:var(--text)}
.sarf-form .sarf-custom-input:not([hidden]){margin-top:8px}
.sarf-form [hidden]{display:none!important}

.sarf-auto-code{font-size:12px;min-height:34px;margin-top:-6px;justify-self:start}