/* Ayarlar — Fynex Ayarlar mockup'i */
@layer views {
  /* Fatura serileri sekmesi (1.7) — sessiz-onay modalini besleyen sirket serileri. */
  .iseries-list, .iseries-map { display: flex; flex-direction: column; gap: 8px; }
  .iseries-row, .iseries-crow { display: flex; align-items: center; gap: 8px; }
  .iseries-row input, .iseries-crow input, .iseries-crow select {
    border: 1px solid var(--line-input); border-radius: var(--r-btn); padding: 9px 11px;
    font-size: 13px; color: var(--ink); background: var(--surface); font-family: inherit;
  }
  .iseries-code { width: 96px; text-transform: uppercase; }
  .iseries-label, .iseries-channel { flex: 1; min-width: 0; }
  .iseries-mapcode { min-width: 150px; }
  .iseries-arrow { color: var(--faint); font-size: 13px; flex: none; }
  .iseries-def { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--text-2); font-weight: 600; white-space: nowrap; flex: none; cursor: pointer; }
  .iseries-def input { width: auto; }
  .iseries-del { flex: none; padding: 6px 10px; font-size: 12px; }
  .iseries-row input:focus, .iseries-crow input:focus, .iseries-crow select:focus { outline: 0; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, .12); }
  #iseries-add, #iseries-cadd { margin-top: 4px; font-size: 12.5px; padding: 8px 14px; align-self: flex-start; }
  .settings-main {
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .settings-stack {
    display: flex;
    flex-direction: column;
    gap: var(--gap-panel);
  }
  /* Dış hizmet modülleri (Fynex Ayarlar mockup) — segmentli seçici + kart + Aktif/Pasif */
  .mod-seg { display: flex; gap: 3px; background: var(--bg); border: 1px solid var(--line-input); border-radius: 11px; padding: 3px; margin-bottom: 18px; }
  .mod-seg-opt { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; font-size: 12.5px; font-weight: 600; color: var(--muted); background: transparent; border-radius: 8px; padding: 9px; transition: color .18s, background .18s, box-shadow .18s; }
  .mod-seg-opt.on { color: var(--primary); background: var(--surface); box-shadow: 0 4px 10px -6px rgba(79, 70, 229, .4); }
  .mod-seg-count { min-width: 34px; height: 18px; padding: 0 7px; border-radius: var(--r-pill); background: var(--surface-muted); color: var(--muted); font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; transition: color .18s, background .18s; }
  .mod-seg-opt.on .mod-seg-count { background: var(--primary-soft); color: var(--primary); }
  .mod-list { display: flex; flex-direction: column; gap: 12px; }
  .mod-card { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 15px 17px; transition: background .2s, border-color .2s; }
  .mod-card.off { background: var(--surface-muted); }
  .mod-ava { width: 44px; height: 44px; flex: none; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; letter-spacing: -.02em; }
  .mod-ava.ent { background: var(--primary-soft); color: var(--primary); }
  .mod-ava.pzr { background: var(--warn-soft); color: var(--warn); }
  .mod-card.off .mod-ava { background: var(--surface-muted); color: var(--faint); }
  .mod-meta { flex: 1; min-width: 190px; }
  .mod-name-row { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
  .mod-name { font-size: 14px; font-weight: 700; color: var(--ink); }
  .mod-card.off .mod-name { color: var(--text-2); }
  .mod-type { font-size: 10.5px; font-weight: 700; letter-spacing: .03em; border-radius: var(--r-pill); padding: 2px 9px; }
  .mod-type.ent { color: var(--primary); background: var(--primary-soft); }
  .mod-type.pzr { color: var(--warn); background: var(--warn-soft); }
  .mod-desc { font-size: 12.5px; color: var(--muted); margin-top: 4px; line-height: 1.45; }
  .mod-card.off .mod-desc { color: var(--faint); }
  .mod-actions { flex: none; display: flex; align-items: center; gap: 10px; white-space: nowrap; }
  .status-pill.off { color: var(--muted); background: var(--surface-muted); border: 1px solid var(--line); }
  .status-pill.off i { background: var(--faint); }
  .mod-toggle { border-radius: 9px; padding: 8px 15px; font-size: 12.5px; font-weight: 600; cursor: pointer; transition: transform .15s, box-shadow .15s; }
  .mod-toggle:hover { transform: translateY(-1px); }
  .mod-toggle.ghost { color: var(--text-2); background: var(--surface); border: 1px solid var(--line-input); }
  .mod-toggle.primary { color: #fff; background: var(--grad-primary); border: 0; box-shadow: 0 8px 18px -10px rgba(79, 70, 229, .55); }

  @media (max-width: 760px) {
    .form-grid { grid-template-columns: 1fr; }
  }
  @media (max-width: 560px) { .mod-actions { width: 100%; justify-content: flex-end; } }
}