/* GENERADO por scripts/leadz-generar-vistas.mjs desde vista-leadz-cuenta.js#CSS_CUENTA (vista cuenta, css). No se edita a mano. */

  .lz-cta { display:grid; gap:16px; margin-top:20px; grid-template-columns:minmax(0,1fr); align-items:start; }
  @media (min-width: 1100px) { .lz-cta { grid-template-columns:repeat(2, minmax(0,1fr)); } }
  .lz-cta__c { display:grid; gap:16px; align-content:start; }
  .lz-cta__c h2 { margin:0; font-size:var(--fs-5); font-weight:600; letter-spacing:-.01em; line-height:1.25; }
  .lz-cta__c label { margin:0; }
  .lz-cta__perfil { display:flex; align-items:center; gap:14px; }
  .lz-cta__av { flex:0 0 auto; width:56px; height:56px; border-radius:50%; background:var(--surface-3); color:var(--text-2); display:flex; align-items:center; justify-content:center; font-size:var(--fs-5); font-weight:600; }
  .lz-cta__quien { min-width:0; }
  .lz-cta__quien b { display:block; font-size:var(--fs-4); font-weight:600; overflow-wrap:anywhere; }
  .lz-cta__quien small { display:block; color:var(--text-muted); font-size:var(--fs-2); overflow-wrap:anywhere; }
  .lz-cta__campo { display:grid; gap:6px; }
  .lz-cta__campo > label { font-size:var(--fs-2); font-weight:500; color:var(--text-2); }
  .lz-cta__form { display:grid; gap:12px; }
  .lz-cta__acc { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
  .lz-cta__datos { display:grid; gap:12px; margin:0; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); }
  .lz-cta__dato { margin:0; min-width:0; }
  .lz-cta__dato dt { font-size:var(--fs-2); font-weight:500; color:var(--text-2); margin-bottom:4px; }
  .lz-cta__dato dd { margin:0; font-size:var(--fs-3); overflow-wrap:anywhere; }
  .lz-cta__dato dd.mono { font-family:var(--mono); font-size:var(--fs-2); }
  .lz-cta__vacio { color:var(--text-muted); font-family:var(--font); font-size:var(--fs-3); }
  .lz-cta__g { border:0; margin:0; padding:0; min-width:0; display:grid; gap:8px; }
  .lz-cta__g legend { padding:0; font-size:var(--fs-2); font-weight:500; color:var(--text-2); margin-bottom:8px; }
  .lz-cta__ops { display:flex; flex-wrap:wrap; gap:8px; }
  .lz-cta__op { position:relative; display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:0 16px; border:1px solid var(--border-control); border-radius:var(--r-control); background:var(--surface); color:var(--text); font-size:var(--fs-3); font-weight:500; cursor:pointer; flex:1 1 120px; }
  .lz-cta__ops--col { flex-direction:column; }
  .lz-cta__ops--col .lz-cta__op { flex:0 0 auto; }
  .lz-cta__op--off { opacity:.55; cursor:not-allowed; }
  .lz-cta__op--off input { cursor:not-allowed; }
  .lz-cta__nv { display:grid; gap:12px; }
  .lz-cta__op input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
  .lz-cta__pt { flex:0 0 auto; width:16px; height:16px; border-radius:50%; border:1.5px solid var(--border-control); background:var(--field); }
  .lz-cta__op:has(input:checked) { background:var(--sel-bg); border-color:var(--text); }
  .lz-cta__op:has(input:checked) .lz-cta__pt { border-color:var(--text); background:radial-gradient(circle, var(--text) 0 4px, var(--field) 4.5px); }
  .lz-cta__op:has(input:focus-visible) { border-color:var(--accent); box-shadow:var(--ring); }
  .lz-cta__op input:focus-visible { box-shadow:none; outline:none; animation:none; }
  @media (hover:hover) { .lz-cta__op:hover { background:var(--surface-2); } }
  .lz-cta__sw { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:8px 0; border-top:1px solid var(--border); }
  .lz-cta__sw:first-of-type { border-top:0; padding-top:0; }
  .lz-cta__sw label { display:grid; gap:2px; flex:1 1 auto; cursor:pointer; }
  .lz-cta__sw label b { font-size:var(--fs-3); font-weight:500; }
  .lz-cta__sw label small { font-size:var(--fs-2); color:var(--text-muted); }
  .lz-cta__sw .zswitch { flex:0 0 auto; }
  .lz-cta__estado { margin:0; min-height:1.2em; font-size:var(--fs-2); color:var(--text-2); }
  .lz-cta__nota { margin:0; padding:10px 12px; border-radius:var(--r-control); background:var(--warn-soft); color:var(--warn-text); font-size:var(--fs-2); }
  .lz-cta__nota[hidden] { display:none; }
  /* Ola 9 · UCB9-15 / PCB9A-41: Tema en rejilla de tres (a 390 «Sistema» quedaba solo en su renglón); la columna lateral no
     existe a 820 o menos, donde la navegación es la barra de abajo; y el renglón de estado, vacío, no suma un hueco de
     56 px entre los grupos de Apariencia (queda el mismo gap de 20 entre todos). */
  .lz-cta__ops--3 { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); }
  .lz-cta__ops--3 .lz-cta__op { padding:0 12px; gap:8px; flex:none; min-width:0; }
  .lz-cta__estado:empty { position:absolute; height:0; min-height:0; }
  /* Las muestras del tema (venían de Ajustes › Apariencia, PCB9B-12): una por opción, solo donde cabe. */
  .lz-cta__mu { flex:0 0 auto; width:22px; height:22px; border-radius:50%; border:1px solid var(--border-control); }
  .lz-cta__mu--claro { background:var(--muestra-claro); }
  .lz-cta__mu--oscuro { background:var(--muestra-oscuro); }
  .lz-cta__mu--auto { background:linear-gradient(135deg, var(--muestra-claro) 50%, var(--muestra-oscuro) 50%); }
  @media (max-width:480px) { .lz-cta__mu { display:none; } }
  .lz-cta__solo-movil { display:none; margin:0; font-size:var(--fs-2); color:var(--text-muted); }
  @media (max-width:820px) { .lz-cta__lado { display:none; } .lz-cta__solo-movil { display:block; } }
  .lz-cta .zaviso, .lz-cta .zalert { margin:0; }
  @media (pointer: coarse) { .lz-cta__sw .zswitch { min-width:44px; } }
  /* Quieto plegado el 15-oct-2026 (quieto por omisión, DESIGN.md 1.4): el prefijo del atributo pasó a :root, que tiene la
     misma especificidad, así la cascada no cambia y la página ya no depende del atributo. docs/leadz/DIRECCION-QUIETA.md.
     Tarjetas con aire y título en 500, opciones en hairline (la elegida en tinta suave, sin borde de tinta). */
  :root .lz-cta { gap:24px; }
  :root .lz-cta__c { gap:20px; }
  :root .lz-cta__c h2 { font-weight:500; }
  :root .lz-cta__av { font-weight:500; background:var(--surface-2); }
  :root .lz-cta__quien b { font-weight:500; }
  :root .lz-cta__dato dt, :root .lz-cta__campo > label, :root .lz-cta__g legend { color:var(--text-muted); }
  :root .lz-cta__op { background:transparent; border-color:var(--border); }
  :root .lz-cta__op:has(input:checked) { background:var(--sel-bg); border-color:var(--border-control); }
  :root .lz-cta__nota { background:transparent; border:1px solid var(--border); color:var(--text-2); }