/* Control Total · Empresa visible en listados · 30-oct-2026 (aa)
   Colores de LINEA-VISUAL: NexusM2 #2F6596 · OnProtec #E0571B · Personal #8A97A8 */

/* 1. Etiqueta de empresa: píldora sólida con el color de la empresa */
body .patr-operations .ops-owner-label,
body .patr-operations .patr-account-row .ops-owner-label{
  --co:#8A97A8;
  display:inline-flex!important;align-items:center;gap:5px;
  background:var(--co)!important;color:#fff!important;
  padding:2px 9px 2px 8px!important;border-radius:999px!important;border:0!important;
  font-size:10.5px!important;font-weight:700!important;line-height:16px;
  letter-spacing:.06em!important;text-transform:uppercase!important;
  box-shadow:0 1px 2px color-mix(in srgb,var(--co) 35%,transparent)!important;
  white-space:nowrap;flex:none
}
body .patr-operations .ops-owner-label[data-co=OnProtec]{--co:#E0571B}
body .patr-operations .ops-owner-label[data-co=NM2]{--co:#2F6596}
body .patr-operations .ops-owner-label[data-co=Personal]{--co:#8A97A8}
body .patr-operations .ops-owner-label::before,
body .patr-operations .patr-account-row .ops-owner-label::before{
  content:""!important;display:block!important;width:6px;height:6px;border-radius:50%;
  background:#fff!important;opacity:.9;flex:none
}

/* 2. Fila: franja lateral y tinte suave con el color de la empresa */
body .patr-operations .patr-account-row:has(.ops-owner-label){--row-co:#8A97A8;position:relative}
body .patr-operations .patr-account-row:has(.ops-owner-label[data-co=OnProtec]){--row-co:#E0571B}
body .patr-operations .patr-account-row:has(.ops-owner-label[data-co=NM2]){--row-co:#2F6596}
body .patr-operations .patr-account-row:has(.ops-owner-label) > .patr-account-layout{
  position:relative;
  background:linear-gradient(90deg,color-mix(in srgb,var(--row-co) 7%,transparent) 0,transparent 260px)
}
body .patr-operations .patr-account-row:has(.ops-owner-label) > .patr-account-layout::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--row-co)
}

/* 3. Avatar con el color de la empresa */
body .patr-operations .patr-account-row:has(.ops-owner-label) .ops-doc-avatar{
  background:color-mix(in srgb,var(--row-co) 12%,#fff)!important;
  color:var(--row-co)!important;
  border:1px solid color-mix(in srgb,var(--row-co) 35%,transparent)!important;
  font-weight:700
}
body .patr-operations .patr-account-row:has(.ops-owner-label) .ops-doc-avatar::after{background:var(--row-co)}

/* 4. Gastos (tabla): misma píldora y franja */
table .ct-co{
  background:var(--co,#8A97A8)!important;color:#fff!important;--tw-ring-color:transparent!important;
  border-radius:999px!important;padding:2px 9px 2px 8px!important;
  font-size:10.5px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 1px 2px color-mix(in srgb,var(--co,#8A97A8) 35%,transparent)
}
table .ct-co::before{background:#fff!important;opacity:.9}
tr[data-owner]{--row-co:#8A97A8}
tr[data-owner=OnProtec]{--row-co:#E0571B}
tr[data-owner=NM2]{--row-co:#2F6596}
body .patr-operations .patr-expense-ledger tbody tr[data-owner]{
  position:relative!important;
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--row-co) 7%,transparent) 0,transparent 260px)!important
}
body .patr-operations .patr-expense-ledger tbody tr[data-owner]::before{
  content:""!important;display:block!important;position:absolute!important;left:0;top:0;bottom:0;width:4px!important;background:var(--row-co)!important;z-index:1
}
tr[data-owner] .ops-doc-avatar{
  background:color-mix(in srgb,var(--row-co) 12%,#fff)!important;
  color:var(--row-co)!important;
  border:1px solid color-mix(in srgb,var(--row-co) 35%,transparent)!important;
  font-weight:700
}
tr[data-owner] .ops-doc-avatar::after{background:var(--row-co)}