/* ============================================================
   ProjectTelemetry — Org Admin Module Styles
   assets/org-admin.css
   ============================================================ */

.oa-wrap { display:flex; flex-direction:column; }
.oa-tabs { display:flex; gap:2px; border-bottom:1px solid var(--bd); margin-bottom:16px; }
.oa-tab-btn { padding:8px 16px; font-size:12px; font-weight:600; color:var(--ink-soft); border:none; background:none; cursor:pointer; border-bottom:2px solid transparent; font-family:Raleway,sans-serif; display:flex; align-items:center; gap:6px; }
.oa-tab-btn.on { color:var(--accent); border-bottom-color:var(--accent); }
.oa-tab-btn:hover:not(.on) { color:var(--ink); }
.oa-body { max-width:640px; }
.oa-loading { display:flex; justify-content:center; padding:40px 0; color:var(--ink-faint); }
.oa-empty { padding:24px; text-align:center; color:var(--ink-faint); font-size:13px; }
.oa-section { margin-bottom:8px; }
.oa-section-title { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft); margin-bottom:10px; }

/* Toggle rows */
.oa-toggle-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--bd); }
.oa-toggle-label { font-size:13px; font-weight:600; color:var(--ink); }
.oa-toggle-desc { font-size:11px; color:var(--ink-faint); margin-top:2px; }
.oa-switch { position:relative; display:inline-block; width:38px; height:22px; flex-shrink:0; }
.oa-switch input { opacity:0; width:0; height:0; }
.oa-switch-slider { position:absolute; cursor:pointer; inset:0; background:var(--bd); border-radius:22px; transition:.15s; }
.oa-switch-slider:before { content:""; position:absolute; height:16px; width:16px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:.15s; }
.oa-switch input:checked + .oa-switch-slider { background:var(--accent); }
.oa-switch input:checked + .oa-switch-slider:before { transform:translateX(16px); }

/* Member / invite rows */
.oa-member-row { display:flex; align-items:center; gap:10px; padding:8px 10px; background:var(--white); border:1px solid var(--bd); border-radius:6px; }
.oa-member-info { flex:1; min-width:0; display:flex; flex-direction:column; }
.oa-member-name { font-size:12px; font-weight:700; color:var(--ink); }
.oa-member-meta { font-size:10px; color:var(--ink-faint); }
.oa-role-sel { font-size:10px; padding:3px 6px; border:1px solid var(--bd); border-radius:4px; background:var(--bg); color:var(--ink); }

/* Permission checklist (role editor) */
.oa-perm-cat { margin-bottom:14px; }
.oa-perm-cat-title { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--accent); margin-bottom:6px; }
.oa-perm-item { display:flex; align-items:flex-start; gap:8px; font-size:12px; color:var(--ink); padding:4px 0; cursor:pointer; }
.oa-perm-item input { margin-top:2px; accent-color:var(--accent); }
.oa-perm-desc { display:block; font-size:10px; color:var(--ink-faint); font-weight:400; }