/* inicio-trabajan.css -- Lo de «Trabajan contigo» que vive FUERA del Inicio (E2, plan PLAN-inicio-cabecera-agentes-2026-10; public/inicio-trabajan.js): las piezas que comparten las
   pildoras y la hoja, y la hoja «Ver», que vive en #modal y tambien la abre Ajustes. Las pildoras en si (posicion, umbrales de la columna) estan en inicio-parte.css, bajo .inicio-v3.
   Solo tokens de Cuarto Oscuro; nada se anima. Todo cuelga de una clase intc-: no pisa otras pantallas. */
:root[data-theme] .intc-av{ position:relative; flex:none; width:22px; height:22px; border-radius:var(--r-pildora); background:var(--piedra-on); color:var(--tinta); font-size:var(--t-meta); display:inline-flex; align-items:center; justify-content:center; }
:root[data-theme] .intc-vivo::after{ content:""; position:absolute; right:-2px; bottom:-2px; width:8px; height:8px; border-radius:var(--r-pildora); background:var(--ok); box-shadow:0 0 0 2px var(--piedra); }
:root[data-theme] .intc-xp{ flex:none; width:10px; height:10px; margin:0 var(--e-1); border-radius:var(--r-pildora); background:var(--marca-punto); }
:root[data-theme] .intc-cuenta{ min-width:20px; height:20px; padding:0 var(--e-1); box-sizing:border-box; border-radius:var(--r-pildora); background:var(--tinta); color:var(--pag); font-size:var(--t-meta); display:inline-flex; align-items:center; justify-content:center; }
/* la hoja «Ver» */
:root[data-theme] .intc-modal .intc-g{ display:flex; flex-direction:column; gap:var(--e-1); padding:var(--e-3) 0; border-top:1px solid var(--linea); }
:root[data-theme] .intc-modal .intc-g:first-child{ border-top:0; padding-top:0; }
:root[data-theme] .intc-modal .intc-gcab{ display:flex; align-items:flex-start; gap:var(--e-3); padding-bottom:var(--e-2); }
:root[data-theme] .intc-modal .intc-tx{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
:root[data-theme] .intc-modal .intc-gnom{ margin:0; font-size:var(--t-campo); color:var(--tinta); }
:root[data-theme] .intc-modal .intc-ft{ margin:0; font-size:var(--t-texto); color:var(--tinta); }
:root[data-theme] .intc-modal .intc-fs{ margin:0; font-size:var(--t-meta); color:var(--medio); }
:root[data-theme] .intc-modal .intc-r{ display:flex; align-items:center; gap:var(--e-3); min-height:44px; }
:root[data-theme] .intc-modal .intc-rut{ margin:var(--e-2) 0 0; font-size:var(--t-meta); color:var(--medio); }
:root[data-theme] .intc-modal .intc-nueva{ font-size:var(--t-eti); color:var(--tinta); border-radius:var(--r-pildora); box-shadow:inset 0 0 0 1px var(--tinta); padding:0 var(--e-2); margin-left:var(--e-1); white-space:nowrap; }
:root[data-theme] .intc-modal .intc-enl{ appearance:none; flex:none; border:0; background:none; font:inherit; font-size:var(--t-texto); color:var(--medio); text-decoration:underline; text-underline-offset:3px; cursor:pointer; padding:10px var(--e-1); }
:root[data-theme] .intc-modal .intc-pb{ appearance:none; flex:none; display:inline-flex; align-items:center; min-height:36px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:var(--piedra-on); color:var(--tinta); font:inherit; font-size:var(--t-texto); cursor:pointer; text-decoration:none; }
:root[data-theme] .intc-modal .intc-pie{ display:flex; justify-content:flex-end; padding-top:var(--e-3); border-top:1px solid var(--linea); }
:root[data-theme] .intc-modal .intc-meta{ font-size:var(--t-meta); color:var(--medio); }