/* ============================================================
   AJUSTES.CSS — re-piel Atlas FASE 1 (cuerpo: Empresas + IA).
   TODO scopeado bajo #page-ajustes. Tokens: atlas-tokens.css.
   Cargar DESPUÉS de usuarios.css.
   ALCANCE: secciones Empresas e Integración IA. La sección
   Estacionalidad conserva sus clases legacy (.settings-*) y NO
   se estila aquí (Fase 2). Por eso Empresas/IA usan clases
   propias .aj-* en vez de reusar .settings-section.
   ============================================================ */

/* ---- panel de sección Atlas ---- */
#page-ajustes .aj-section { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-card); padding:var(--s-5); }
#page-ajustes .aj-section__title { display:flex; align-items:center; gap:8px; font-size:15px; font-weight:700; color:var(--text); margin-bottom:var(--s-4); }

/* ---- lista de empresas (#empresasList lo rellena core.js) ---- */
#page-ajustes #empresasList { display:flex; flex-direction:column; gap:var(--s-3); }
#page-ajustes .aj-empresa { display:flex; align-items:center; gap:var(--s-4); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:14px 16px; transition:border-color .13s, box-shadow .13s; }
#page-ajustes .aj-empresa:hover { border-color:var(--border-strong); box-shadow:var(--shadow-card); }
#page-ajustes .aj-empresa__logo { width:42px; height:42px; flex-shrink:0; border-radius:12px; display:grid; place-items:center; font-family:var(--font-num); font-weight:600; font-size:13px; color:#fff; background:var(--accent); letter-spacing:.02em; }
#page-ajustes .aj-empresa__body { flex:1; min-width:0; }
#page-ajustes .aj-empresa__name { font-size:14px; font-weight:600; color:var(--text); }
#page-ajustes .aj-empresa__detail { font-size:12px; color:var(--text-3); margin-top:2px; }
#page-ajustes .aj-empresa__actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }

/* ---- badges ---- */
#page-ajustes .badge { display:inline-flex; align-items:center; font-size:10.5px; font-weight:700; letter-spacing:.02em; padding:3px 9px; border-radius:var(--radius-pill); line-height:1.5; }
#page-ajustes .badge--pos { color:var(--pos); background:var(--pos-bg); }
#page-ajustes .badge--neu { color:var(--text-2); background:var(--surface-2); }

/* ---- activación de empresa por dominio (admin): switches Atlas + confirmación ---- */
#page-ajustes .aj-flags { display:flex; align-items:center; gap:var(--s-3); flex-wrap:wrap; }
#page-ajustes .aj-flag { display:inline-flex; align-items:center; gap:7px; cursor:pointer; user-select:none; }
#page-ajustes .aj-flag__lbl { font-size:11px; font-weight:600; color:var(--text-2); letter-spacing:.02em; }
#page-ajustes .aj-switch { position:relative; width:34px; height:20px; flex-shrink:0; }
#page-ajustes .aj-switch input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
#page-ajustes .aj-switch__track { position:absolute; inset:0; border-radius:var(--radius-pill); background:var(--surface-3); border:1px solid var(--border); transition:background .15s, border-color .15s; pointer-events:none; }
#page-ajustes .aj-switch__track::after { content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; background:#fff; box-shadow:var(--shadow-card); transition:transform .15s; }
#page-ajustes .aj-switch input:checked + .aj-switch__track { background:var(--accent); border-color:var(--accent); }
#page-ajustes .aj-switch input:checked + .aj-switch__track::after { transform:translateX(14px); }
#page-ajustes .aj-switch input:focus-visible + .aj-switch__track { box-shadow:0 0 0 3px var(--accent-weak); }
#page-ajustes .aj-switch input:disabled { cursor:wait; }
#page-ajustes .aj-saved { font-size:11px; font-weight:600; color:var(--pos); opacity:0; transition:opacity .2s; white-space:nowrap; min-width:0; }
#page-ajustes .aj-saved.show { opacity:1; }
#page-ajustes .aj-saved--err { color:var(--neg); }

/* ---- formulario IA ---- */
#page-ajustes .aj-iacard { max-width:520px; }
#page-ajustes .aj-field { margin-bottom:var(--s-4); }
#page-ajustes .aj-label { display:block; font-size:9.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--text-3); margin-bottom:6px; }
#page-ajustes .aj-input { width:100%; font-family:var(--font-num); font-size:13px; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); padding:8px 11px; transition:border-color .13s, box-shadow .13s; }
#page-ajustes .aj-input:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-weak); }
#page-ajustes .aj-hint { font-size:11px; color:var(--text-3); margin-top:6px; }

/* ---- botones Atlas (cuerpo de Ajustes) ---- */
#page-ajustes .btn { font-family:var(--font-sans); cursor:pointer; transition:all .13s; border-radius:var(--radius-sm); }
#page-ajustes .btn-primary { border:0; background:var(--accent); color:#fff; font-size:13px; font-weight:600; padding:9px 16px; }
#page-ajustes .btn-primary:hover { background:var(--accent-strong); }
#page-ajustes .btn-outline { border:1px solid var(--border); background:var(--surface); color:var(--text-2); font-size:13px; font-weight:600; padding:9px 14px; }
#page-ajustes .btn-outline:hover { background:var(--hover); color:var(--text); border-color:var(--border-strong); }

/* ---- separador ---- */
#page-ajustes .divider { height:1px; background:var(--border); border:0; margin:var(--s-5) 0; }