/* Panel de sincronía SGP · Carrera · Remuneraciones. Delimitado a #view-sincronia;
   se carga antes de ui-nova.css. */
#view-sincronia { background:var(--ds-page-bg); }
#view-sincronia .sinc-page { width:100%; max-width:1280px; margin:0 auto; padding:24px 32px 80px; box-sizing:border-box; display:flex; flex-direction:column; gap:18px; }
#view-sincronia .sinc-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; }
#view-sincronia .sinc-resumen { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
#view-sincronia .sinc-chip { padding:5px 10px; border:1px solid var(--ds-border); border-radius:999px; background:var(--ds-surface); font-size:12px; color:var(--ds-text-secondary); }
#view-sincronia .sinc-chip[data-tono="err"] b { color:var(--ds-err); }
#view-sincronia .sinc-chip[data-tono="warn"] b, #view-sincronia .sinc-chip[data-tono="warn"] { color:var(--ds-warn); }
#view-sincronia .sinc-chip[data-tono="ok"] b { color:var(--ds-ok, #16a34a); }
#view-sincronia .sinc-gen { margin-left:auto; font-size:12px; color:var(--ds-muted); }
#view-sincronia .sinc-duenos { padding:16px 18px; border:1px solid var(--ds-border); border-radius:14px; background:var(--ds-card); }
#view-sincronia .sinc-duenos h2 { margin:0 0 10px; font-size:11px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; color:var(--ds-muted); }
#view-sincronia .sinc-duenos-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; }
#view-sincronia .sinc-duenos-grid div { display:flex; flex-direction:column; gap:4px; font-size:12.5px; color:var(--ds-text-secondary); line-height:1.45; }
#view-sincronia .sinc-duenos-grid b { font-size:13px; color:var(--ds-text); }
#view-sincronia .sinc-flujo { margin:10px 0 0; font-size:12.5px; color:var(--ds-muted); }
#view-sincronia .sinc-flujos { display:grid; grid-template-columns:repeat(auto-fill, minmax(340px,1fr)); gap:14px; }
#view-sincronia .sinc-card { display:flex; flex-direction:column; gap:8px; padding:16px; border:1px solid var(--ds-border); border-radius:14px; background:var(--ds-card); box-shadow:inset 3px 0 var(--ds-border); }
#view-sincronia .sinc-card[data-tono="err"] { box-shadow:inset 3px 0 var(--ds-err); }
#view-sincronia .sinc-card[data-tono="warn"] { box-shadow:inset 3px 0 var(--ds-warn); }
#view-sincronia .sinc-card[data-tono="ok"] { box-shadow:inset 3px 0 var(--ds-ok, #16a34a); }
#view-sincronia .sinc-ruta { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--ds-text-secondary); }
#view-sincronia .sinc-estado { margin-left:auto; padding:3px 9px; border-radius:999px; font-size:11px; font-weight:700; background:var(--ds-surface); color:var(--ds-muted); }
#view-sincronia .sinc-estado[data-tono="err"] { color:var(--ds-err); }
#view-sincronia .sinc-estado[data-tono="warn"] { color:var(--ds-warn); }
#view-sincronia .sinc-estado[data-tono="ok"] { color:var(--ds-ok, #16a34a); }
#view-sincronia .sinc-card h3 { margin:0; font-size:14.5px; color:var(--ds-text); }
#view-sincronia .sinc-meta { display:flex; flex-direction:column; gap:2px; font-size:11.5px; color:var(--ds-muted); }
#view-sincronia .sinc-card p { margin:0; font-size:12.5px; line-height:1.45; color:var(--ds-text-secondary); }
#view-sincronia .sinc-accion { font-size:12px; font-weight:600; color:var(--ds-warn); }
#view-sincronia .sinc-card .ds-btn { align-self:flex-start; }
#view-sincronia :is(.sinc-cargando, .sinc-error) { padding:24px; text-align:center; color:var(--ds-muted); border:1px dashed var(--ds-border); border-radius:14px; }
#view-sincronia .sinc-error { color:var(--ds-err); }
@media (max-width:900px) {
  #view-sincronia .sinc-page { padding:16px 16px 60px; }
  #view-sincronia .sinc-duenos-grid { grid-template-columns:1fr; }
  #view-sincronia .sinc-flujos { grid-template-columns:1fr; }
}