/* Meridiam settings styles — extracted from index.html (build 783) */

  html[data-theme="light"] .cfg-tabs { border-bottom-color: var(--border); }

  html[data-theme="light"] .cfg-tab { color: var(--text-muted); }

  html[data-theme="light"] .cfg-tab:hover { color: var(--text-primary); }

  html[data-theme="light"] .cfg-tab.active { color: var(--accent-text); }

  html[data-theme="light"] .cfg-theme-btn { background: var(--bg-elevated); border-color: var(--border); color: var(--text-secondary); }

  html[data-theme="light"] .cfg-theme-btn.active { background: var(--accent-bg); border-color: var(--accent); color: var(--accent-text); }

  html[data-theme="light"] .cfg-theme-btn:hover:not(.active) { border-color: #94a3b8; color: var(--text-primary); }

  html[data-theme="light"] .cfg-profile-name { color: var(--text-primary); }

  html[data-theme="light"] .cfg-profile-role { color: var(--text-muted); }

  html[data-theme="light"] .cfg-app-row { color: var(--text-secondary); }

  html[data-theme="light"] .cfg-app-row strong { color: var(--text-primary); }

  html[data-theme="light"] .cfg-shortcut-row { color: var(--text-secondary); }

  html[data-theme="light"] .cfg-kbd { background: var(--bg-elevated); border-color: var(--border); color: var(--text-primary); }

  html[data-theme="light"] .cfg-audit-item { background: var(--bg-elevated); border-color: var(--border); color: var(--text-secondary); }

  html[data-theme="light"] .cfg-audit-time { color: var(--text-muted); }

  html[data-theme="light"] .cfg-purge-btn { background: var(--bg-elevated); border-color: var(--border); color: var(--text-secondary); }

  html[data-theme="light"] .cfg-purge-btn:hover { border-color: #ef4444; color: #ef4444; }

  html[data-theme="light"] .cfg-export-btn { background: var(--bg-elevated); border-color: var(--border); color: var(--text-secondary); }

  html[data-theme="light"] .cfg-export-btn:hover { border-color: var(--accent); color: var(--accent-text); }

  .cfg-tabs { display:flex; gap:4px; margin-bottom:18px; border-bottom:1px solid #1e293b; padding-bottom:0; }

  .cfg-tab { padding:9px 18px; border:none; background:none; color:#64748b; font-size:12px; font-weight:600; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; transition:all .15s; font-family:inherit; white-space:nowrap; }

  .cfg-tab:hover { color:#e2e8f0; }

  .cfg-tab.active { color:#60a5fa; border-bottom-color:#3b82f6; }

  .cfg-tab-panel { display:none; }

  .cfg-tab-panel.active { display:block; }

  .cfg-theme-btns { display:flex; gap:6px; }

  .cfg-theme-btn { flex:1; padding:8px 12px; border:1px solid #334155; border-radius:7px; background:#0f1117; color:#94a3b8; font-size:12px; font-weight:600; cursor:pointer; text-align:center; transition:all .15s; font-family:inherit; }

  .cfg-theme-btn.active { background:#1e3a5f; border-color:#3b82f6; color:#60a5fa; }

  .cfg-theme-btn:hover:not(.active) { border-color:#475569; color:#e2e8f0; }

  .cfg-profile-card { display:flex; align-items:center; gap:16px; }

  .cfg-avatar { width:48px; height:48px; border-radius:50%; background:#1e3a5f; border:2px solid #3b82f6; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; color:#60a5fa; flex-shrink:0; }

  .cfg-profile-info { flex:1; }

  .cfg-profile-name { font-size:15px; font-weight:700; color:#f1f5f9; }

  .cfg-profile-role { font-size:12px; color:#64748b; margin-top:2px; }

  .cfg-app-info { display:flex; flex-direction:column; gap:6px; }

  .cfg-app-row { display:flex; justify-content:space-between; font-size:12px; color:#94a3b8; }

  .cfg-app-row strong { color:#f1f5f9; }

  .cfg-fb-status { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; padding:4px 12px; border-radius:20px; }

  .cfg-fb-online { background:#10b98120; color:#10b981; border:1px solid #10b98140; }

  .cfg-fb-offline { background:#ef444420; color:#ef4444; border:1px solid #ef444440; }

  .cfg-shortcut-list { display:flex; flex-direction:column; gap:6px; }

  .cfg-shortcut-row { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#94a3b8; }

  .cfg-shortcut-key { display:inline-flex; align-items:center; gap:4px; }

  .cfg-kbd { background:#0f172a; border:1px solid #334155; border-radius:4px; padding:2px 7px; font-size:11px; font-family:'SF Mono','Fira Code',monospace; color:#e2e8f0; }

  .cfg-audit-list { max-height:200px; overflow-y:auto; display:flex; flex-direction:column; gap:4px; }

  .cfg-audit-item { padding:6px 10px; background:#0f1117; border:1px solid #1e293b; border-radius:6px; font-size:11px; color:#94a3b8; display:flex; gap:8px; }

  .cfg-audit-time { color:#475569; white-space:nowrap; min-width:60px; }

  .cfg-audit-action { color:#60a5fa; font-weight:600; min-width:50px; }

  .cfg-purge-btns { display:flex; gap:8px; flex-wrap:wrap; }

  .cfg-purge-btn { padding:7px 14px; border:1px solid #334155; border-radius:7px; background:#0f1117; color:#94a3b8; font-size:11px; font-weight:600; cursor:pointer; transition:all .15s; font-family:inherit; }

  .cfg-purge-btn:hover { border-color:#ef4444; color:#ef4444; }

  .cfg-export-btns { display:flex; gap:8px; }

  .cfg-export-btn { flex:1; padding:9px 14px; border:1px solid #334155; border-radius:7px; background:#0f1117; color:#94a3b8; font-size:12px; font-weight:600; cursor:pointer; text-align:center; transition:all .15s; font-family:inherit; display:inline-flex; align-items:center; justify-content:center; gap:6px; }

  .cfg-export-btn:hover { border-color:#3b82f6; color:#60a5fa; }

  .cfg-export-btn.import:hover { border-color:#10b981; color:#10b981; }