/* inicio-parte.css -- El parte de Xarpie y los tres encargos del Inicio (plan PLAN-inicio-perfecto-2026-10, tren F1; tableros 15, 16, 17 y 18). Solo tokens de Cuarto Oscuro; nada se anima.
   Las consultas SIN nombre miran al ancestro contenedor mas cercano de la cabecera, que es `.ini` (container-type:inline-size): el ancho de la PAGINA, no el de la ventana (con el chat abierto al CRM le tocan ~420 px aunque la ventana
   mida 1280, y con ~300 px de columna `.ini` mide ~264). Umbrales: >=720 el boton de resumen va arriba a la derecha del saludo; <720 baja, a todo el ancho, a 44 px; <480 se oculta el desglose; <300 se oculta «Hice N cosas»
   y los encargos pasan a dos pildoras mas «Mas». Los encargos tienen su PROPIO contenedor (inipenc): lo que cabe lo decide la columna de la fila de botones, no la de la pagina. Todo cuelga de `.inicio-v3`. */
:root[data-theme] .inicio-v3 .ini3-cab{ position:relative; }   /* inocuo sin el parte: ancla del boton absoluto */
:root[data-theme] .inicio-v3 .inip-parte{ list-style:none; margin:var(--e-4) 0 0; padding:0; display:grid; gap:var(--e-1); max-width:640px; }
:root[data-theme] .inicio-v3 .inip-l{ display:flex; align-items:baseline; gap:var(--e-3); font-size:var(--t-campo); line-height:24px; color:var(--texto); }
:root[data-theme] .inicio-v3 .inip-l::before{ content:""; flex:none; width:6px; height:6px; border-radius:var(--r-pildora); background:var(--punto); transform:translateY(-2px); }
:root[data-theme] .inicio-v3 .inip-x::before{ background:var(--marca-punto); }   /* el punto de lo que dice Xarpie (el mismo de .ib-xp); la linea de citas y tareas es gris */
:root[data-theme] .inicio-v3 .inip-ver{ appearance: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); margin:-10px 0; }   /* zona de toque de 44 px sin mover el renglon */
:root[data-theme] .inicio-v3 .inip-res{ position:absolute; top:0; right:0; display:inline-flex; align-items:center; gap:var(--e-2); min-height:36px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:var(--piedra); color:var(--tinta); font:inherit; font-size:var(--t-texto); font-weight:500; cursor:pointer; box-shadow:inset 0 0 0 1px var(--linea); }
@container (max-width:719px){ :root[data-theme] .inicio-v3 .inip-res{ position:static; display:flex; justify-content:center; width:100%; min-height:44px; margin-top:var(--e-4); } }
@container (max-width:479px){ :root[data-theme] .inicio-v3 .inip-desg{ display:none; } }
@container (max-width:299px){ :root[data-theme] .inicio-v3 .inip-l[data-inip-l="hice"]{ display:none; } }
/* los encargos */
:root[data-theme] .inicio-v3 .inip-enc{ container-type:inline-size; container-name:inipenc; }
:root[data-theme] .inicio-v3 .inip-enc-in{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--e-2); padding-top:var(--e-3); }
:root[data-theme] .inicio-v3 .inip-enc-eti{ display:inline-flex; align-items:center; gap:var(--e-2); margin-right:var(--e-1); font-size:var(--t-meta); color:var(--medio); }
:root[data-theme] .inicio-v3 .inip-mas{ display:none; appearance:none; min-height:44px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:none; box-shadow:inset 0 0 0 1px var(--linea); color:var(--medio); font:inherit; font-size:var(--t-texto); cursor:pointer; }
@container inipenc (max-width:479px){
  :root[data-theme] .inicio-v3 .inip-enc-in{ flex-direction:column; align-items:stretch; }
  :root[data-theme] .inicio-v3 .inip-p, :root[data-theme] .inicio-v3 .inip-mas{ width:100%; justify-content:flex-start; }
}
@container inipenc (max-width:299px){
  :root[data-theme] .inicio-v3 .inip-enc-eti{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  :root[data-theme] .inicio-v3 .inip-mas{ display:inline-flex; align-items:center; }
  :root[data-theme] .inicio-v3 .inip-p3{ display:none; }
  :root[data-theme] .inicio-v3 .inip-p{ padding-top:var(--e-2); padding-bottom:var(--e-2); }   /* con una columna de ~264 px el nombre largo baja a dos renglones en vez de cortarse con «...» */
  :root[data-theme] .inicio-v3 .inip-p .ib-txt{ white-space:normal; overflow:visible; text-align:left; }
  :root[data-theme] .inicio-v3 .inip-enc[data-abierto="1"] .inip-p3{ display:inline-flex; }
}
/* E2: «Trabajan contigo» (public/inicio-trabajan.js, CABECERA_AGENTES; lienzo v2 aprobado por Daniel). Las pildoras van donde iba «Resumeme el dia»: arriba a la derecha con >=720 de
   columna y abajo, a todo el ancho, con menos. Se deslizan de lado y NUNCA bajan a un segundo renglon (la misma trampa de las pestanas del portal: manda el ancho de la COLUMNA, no el de
   la ventana). El punto verde dice «usado hace poco» y siempre va con la palabra («ahora»): el color nunca va solo. */
:root[data-theme] .inicio-v3 .intc-pils{ position:absolute; top:0; right:0; display:flex; flex-direction:column; align-items:flex-end; gap:var(--e-1); max-width:60%; }
:root[data-theme] .inicio-v3 .intc-t{ font-size:var(--t-meta); color:var(--medio); }
:root[data-theme] .inicio-v3 .intc-fila{ display:flex; gap:var(--e-2); overflow-x:auto; max-width:100%; scrollbar-width:none; }
:root[data-theme] .inicio-v3 .intc-pil{ flex:none; appearance:none; display:inline-flex; align-items:center; gap:var(--e-2); min-height:36px; padding:0 var(--e-4) 0 var(--e-2); border:0; border-radius:var(--r-pildora); background:var(--piedra); color:var(--tinta); font:inherit; font-size:var(--t-texto); cursor:pointer; white-space:nowrap; }
:root[data-theme] .inicio-v3 .intc-mas{ padding:0 var(--e-4); color:var(--medio); }
:root[data-theme] .inicio-v3 .intc-est{ color:var(--medio); font-size:var(--t-meta); }
@container (max-width:719px){ :root[data-theme] .inicio-v3 .intc-pils{ position:static; align-items:flex-start; max-width:100%; margin-top:var(--e-4); } }
@container (max-width:299px){ :root[data-theme] .inicio-v3 .inip-l[data-inip-l="trabajan"]{ display:none; } }