/* Títulos nativos (sustituyen data-epx-eb / data-epx-h1) */
html.epx .epx-eb-n{font:700 11px Inter,sans-serif!important;text-transform:uppercase!important;color:var(--epx-cian)!important;letter-spacing:.16em!important}
html.epx :is(.patr-at-eyebrow,.mfa-kicker).epx-eb-n{font-size:0!important;letter-spacing:0!important}
html.epx :is(.patr-at-eyebrow,.mfa-kicker).epx-eb-n>.epx-t{font-size:11px;display:inline}
html.epx .patr-content h1.epx-h1-n{font-size:0!important;line-height:1.1!important}
html.epx .patr-content h1.epx-h1-n>.epx-t{font:700 34px var(--epx-disp);letter-spacing:-.02em;color:var(--epx-tx);display:block;padding-top:6px}
html body .bl-bar>i[style*="--blc"],html body .bl-stack>i[style*="--blc"]{background:var(--blc)!important}

/* ===== Patrimonio épico ===== */
html body .assets-page.ptx-on{row-gap:20px}
html body .assets-page.ptx-on>.patr-page-header{grid-column:1!important;align-self:end}
html body .assets-page.ptx-on>.euro-reference-compact{order:1!important;grid-column:2!important;align-self:end;background:#fff!important;border:1px solid var(--epx-line,#DCE4ED)!important;border-radius:18px!important;padding:14px 18px!important;box-shadow:0 6px 18px rgba(15,30,51,.06)}
html body .euro-reference-compact .p-2.bg-teal-100{background:linear-gradient(135deg,#0A6E96,#193651)!important;color:#fff!important;border-radius:12px!important;padding:9px!important;box-shadow:0 6px 14px rgba(10,110,150,.28)}
html body .euro-reference-compact p.uppercase{color:#66778C!important;letter-spacing:.14em!important;font-size:10.5px!important}
html body .euro-reference-compact span.rounded-full{background:#EAF4F9!important;color:#0A6E96!important;border:1px solid rgba(10,110,150,.22)}
html body .euro-reference-compact p.text-lg{font:700 22px var(--epx-disp,sans-serif)!important;color:#0F1E33;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
html body .euro-reference-compact details summary{color:#0A6E96!important;font-weight:600}
html body .euro-reference-compact .border-teal-100{border-color:#E6EDF4!important}
/* pestañas por empresa */
html body .assets-page.ptx-on>div.flex>div.rounded-lg{background:#fff!important;box-shadow:0 4px 14px rgba(15,30,51,.06);border-radius:14px!important;padding:5px!important;gap:4px!important;--tw-ring-color:var(--epx-line,#DCE4ED)!important}
html body .assets-page.ptx-on [data-testid^=scope-]{height:38px!important;padding:0 16px!important;border-radius:10px!important;font-size:13px!important;display:inline-flex;align-items:center;gap:8px;position:relative;color:#5B6B7F}
html body .assets-page.ptx-on [data-testid^=scope-]::before{content:"";width:8px;height:8px;border-radius:50%;background:#193651}
html body .assets-page.ptx-on [data-testid=scope-NM2]::before{background:#2F6596}
html body .assets-page.ptx-on [data-testid=scope-OnProtec]::before{background:#E0571B}
html body .assets-page.ptx-on [data-testid=scope-Personal]::before{background:#8A97A8}
html body .assets-page.ptx-on [data-testid^=scope-].bg-background{background:#F3F7FB!important;color:#0F1E33!important;box-shadow:inset 0 -3px 0 #193651,0 1px 2px rgba(15,30,51,.08)!important}
html body .assets-page.ptx-on [data-testid=scope-NM2].bg-background{box-shadow:inset 0 -3px 0 #2F6596,0 1px 2px rgba(15,30,51,.08)!important}
html body .assets-page.ptx-on [data-testid=scope-OnProtec].bg-background{box-shadow:inset 0 -3px 0 #E0571B,0 1px 2px rgba(15,30,51,.08)!important}
html body .assets-page.ptx-on [data-testid=scope-Personal].bg-background{box-shadow:inset 0 -3px 0 #8A97A8,0 1px 2px rgba(15,30,51,.08)!important}
/* De qué está hecho */
html body .ptx-comp{padding:22px 24px!important}
html body .ptx-comp h4{display:flex;justify-content:space-between;align-items:baseline;margin:20px 0 8px!important}
html body .ptx-comp h4 b{font:700 18px var(--epx-disp,sans-serif);letter-spacing:-.01em;text-transform:none;color:#0F1E33}
html body .ptx-stk{display:flex;height:14px;border-radius:99px;overflow:hidden;background:#EEF2F7;margin-bottom:8px;gap:2px}
html body .ptx-stk i{display:block;height:100%}
html body .ptx-comp>a,html body .ptx-comp>.ptx-rw{grid-template-columns:minmax(150px,190px) minmax(0,1fr) 56px 128px!important;border-radius:10px}
html body .ptx-comp>a>span,html body .ptx-comp>.ptx-rw>span{display:flex;align-items:center;gap:9px}
html body .ptx-comp u{display:inline-block;width:9px;height:9px;border-radius:3px;flex:none}
html body .ptx-comp em{font-style:normal;text-align:right;font-size:12px;font-weight:600;color:#66778C;font-variant-numeric:tabular-nums}
html body .ptx-comp>a b{font-size:14px}
html body .ptx-comp>a:hover{background:#F3F8FB!important}
html body .ptx-comp>a:hover b{color:#0A6E96}
html body .ptx-nt{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#F3F8FB,#EAF4F9);border:1px solid rgba(10,110,150,.16)}
html body .ptx-nt span{font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#193651}
html body .ptx-nt b{font:700 22px var(--epx-disp,sans-serif);color:#0A6E96;font-variant-numeric:tabular-nums}
html body .ptx-nt b.neg{color:#B4233A}
/* Activos y Pasivos: encabezado */
html body .assets-page.ptx-on>.ptx-a .bg-emerald-500.w-1{background:#0A6E96!important}
html body .assets-page.ptx-on>.ptx-p .bg-rose-500.w-1{background:#B4233A!important}
html body .assets-page.ptx-on>.ptx-a h2{color:#0A6E96!important}
html body .assets-page.ptx-on>.ptx-p h2{color:#B4233A!important}
html body .assets-page.ptx-on>.ptx-a h2+span,html body .assets-page.ptx-on>.ptx-p h2+span{font:700 15px var(--epx-disp,sans-serif)!important;color:#0F1E33!important;margin-left:4px}
/* botones Agregar: contorno de su color, sin verde */
html body .assets-page.ptx-on [data-testid=button-new-asset]{background:#fff!important;color:#0A6E96!important;border:1px solid rgba(10,110,150,.4)!important;box-shadow:none!important;border-radius:10px!important}
html body .assets-page.ptx-on [data-testid=button-new-asset]:hover{background:#EAF4F9!important}
html body .assets-page.ptx-on [data-testid=button-new-liability]{background:#fff!important;color:#B4233A!important;border:1px solid rgba(180,35,58,.4)!important;box-shadow:none!important;border-radius:10px!important}
html body .assets-page.ptx-on [data-testid=button-new-liability]:hover{background:#FBEDEF!important}
/* tarjetas de activos manuales */
html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group{border-radius:14px!important;border-color:var(--epx-line,#DCE4ED)!important;padding:12px 14px!important;background:#fff;grid-template-columns:42px 1fr auto auto!important;transition:border-color .15s,box-shadow .15s,transform .15s}
html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group:hover{border-color:rgba(10,110,150,.45)!important;box-shadow:0 8px 20px rgba(15,30,51,.08);transform:translateY(-1px);background:#fff!important}
html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group>div:first-child{height:42px!important;width:42px!important;border-radius:12px!important;background:#EAF4F9!important;color:#0A6E96}
html body .assets-page.ptx-on .ptx-p .mt-5 .grid.gap-2>div.group>div:first-child{background:#FBEDEF!important;color:#B4233A}
html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group .text-sm.font-medium{font-weight:700!important;font-size:14px!important;color:#0F1E33}
html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group .tabular-nums.font-semibold{font:700 16px var(--epx-disp,sans-serif)!important;color:#0F1E33}
html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group>div:last-child{opacity:.55}
html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group:hover>div:last-child{opacity:1}
/* pasivos manuales vacío */
html body .assets-page.ptx-on .mt-5>.border-dashed{padding:26px 16px!important;border-radius:14px!important;border-color:#D9E2EC!important;background:#F8FAFC;font-size:12.5px!important;color:#66778C!important;display:flex;flex-direction:column;align-items:center;gap:10px}
html body .assets-page.ptx-on .mt-5>.border-dashed::before{content:"";width:36px;height:36px;border-radius:50%;background:#EAF4F9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A6E96' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/18px no-repeat}
/* Regla de oro */
html body .assets-page.ptx-on>div.rounded-lg.border{background:#fff!important;border:1px solid var(--epx-line,#DCE4ED)!important;border-radius:18px!important;padding:18px 22px!important;box-shadow:0 6px 18px rgba(15,30,51,.06);gap:14px!important}
html body .assets-page.ptx-on>div.rounded-lg.border>svg{width:22px!important;height:22px!important;color:#0A6E96!important;margin-top:0!important}
html body .ptx-rg{flex:1;color:#0F1E33!important}
html body .ptx-rg-t{display:block;font:700 16px var(--epx-disp,sans-serif);color:#0F1E33;margin-bottom:12px}
html body .ptx-rg-c{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html body .ptx-rg-k{display:block;border:1px solid var(--epx-line,#DCE4ED);border-left:4px solid #B4233A;border-radius:12px;padding:12px 14px;text-decoration:none;color:inherit;background:#FDF8F9}
html body .ptx-rg-k.m{border-left-color:#8A97A8;background:#F8FAFC}
html body a.ptx-rg-k:hover{border-color:rgba(180,35,58,.45);border-left-color:#B4233A}
html body .ptx-rg-k small{display:block;font:700 10.5px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#B4233A}
html body .ptx-rg-k.m small{color:#5B6B7F}
html body .ptx-rg-k b{display:block;font-size:13.5px;margin-top:5px;color:#0F1E33}
html body .ptx-rg-k span{display:block;font-size:12px;color:#66778C;margin-top:3px}
/* Historial patrimonial */
html body .assets-page.ptx-on>div.space-y-3:not(.ptx-a):not(.ptx-p){background:#fff;border:1px solid var(--epx-line,#DCE4ED);border-radius:18px;padding:16px 22px;box-shadow:0 6px 18px rgba(15,30,51,.06)}
html body .assets-page.ptx-on>div.space-y-3:not(.ptx-a):not(.ptx-p) .bg-violet-500{background:#193651!important}
html body .assets-page.ptx-on>div.space-y-3:not(.ptx-a):not(.ptx-p) h2{color:#193651!important;font:700 13px Inter,sans-serif!important;letter-spacing:.14em}
html body .assets-page.ptx-on>div.space-y-3:not(.ptx-a):not(.ptx-p) button{border:1px solid rgba(10,110,150,.4)!important;color:#0A6E96!important;border-radius:10px!important;height:34px!important;padding:0 14px!important;font-weight:600}
html body .assets-page.ptx-on>div.space-y-3:not(.ptx-a):not(.ptx-p) button:hover{background:#EAF4F9!important}
html body .assets-page.ptx-on>div.space-y-3:not(.ptx-a):not(.ptx-p)>div.rounded-lg{border-radius:14px!important;border-color:#E6EDF4!important}
html body .assets-page.ptx-on>div.space-y-3:not(.ptx-a):not(.ptx-p) .text-emerald-600{color:#0A6E96!important}
html body .assets-page.ptx-on>div.space-y-3:not(.ptx-a):not(.ptx-p) .text-2xl{font-family:var(--epx-disp,sans-serif)}
@media (max-width:1100px){html body .assets-page.ptx-on>.euro-reference-compact,html body .assets-page.ptx-on>.patr-page-header{grid-column:1!important}}
@media (max-width:700px){html body .ptx-rg-c{grid-template-columns:1fr}
 html body .ptx-comp{padding:18px 16px!important}
 html body .ptx-comp>a,html body .ptx-comp>.ptx-rw{grid-template-columns:minmax(0,1fr) 46px 108px!important;row-gap:6px!important}
 html body .ptx-comp>a>div,html body .ptx-comp>.ptx-rw>div{grid-column:1/-1;grid-row:2}
 html body .assets-page.ptx-on [data-testid^=scope-]{padding:0 11px!important;font-size:12.5px!important}
 html body .assets-page.ptx-on>div.rounded-lg.border{padding:16px!important}
 html body .assets-page.ptx-on>div.rounded-lg.border>svg{display:none}}

/* ===== Inventario · Todo el stock épico ===== */
html body .inventory-page .rounded-xl.border.bg-card.overflow-hidden{border-radius:20px!important;border-color:var(--epx-line,#DCE4ED)!important;box-shadow:0 10px 28px rgba(15,30,51,.07)}
html body .inventory-page .rounded-xl.border.bg-card.overflow-hidden>div:first-child{background:linear-gradient(180deg,#F8FAFC,#fff);padding:16px 18px!important}
html body .inventory-page [data-testid=input-search]{height:46px!important;border-radius:12px!important;background:#fff!important;border-color:#D5DFEA!important;font-size:14px!important}
html body .inventory-page [data-testid=input-search]:focus{border-color:#0A6E96!important;box-shadow:0 0 0 3px rgba(10,110,150,.14)!important}
html body .inventory-page [role=group][aria-label=Empresa]{background:#EEF2F7!important;border-radius:12px!important}
html body .inventory-page [role=group][aria-label=Empresa] button{border-radius:9px!important;font-size:12.5px!important}
html body .inventory-page [role=group][aria-label=Empresa] button[aria-pressed=true]{background:#fff!important;box-shadow:0 2px 6px rgba(15,30,51,.1)!important;color:#0F1E33!important}
html body .inventory-page [data-testid=filter-NM2][aria-pressed=true]{box-shadow:inset 0 -3px 0 #2F6596,0 2px 6px rgba(15,30,51,.1)!important}
html body .inventory-page [data-testid=filter-OnProtec][aria-pressed=true]{box-shadow:inset 0 -3px 0 #E0571B,0 2px 6px rgba(15,30,51,.1)!important}
html body .inventory-page table thead{background:#F4F7FA!important}
html body .inventory-page table thead th,html body .inventory-page table thead th button{font:700 10.5px Inter,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;color:#5B6B7F!important}
html body .inventory-page table thead th[aria-sort=descending] button,html body .inventory-page table thead th[aria-sort=ascending] button{color:#0A6E96!important}
html body .inventory-page tbody tr{border-color:#EDF1F6!important}
html body .inventory-page tbody tr>td{padding-top:12px!important;padding-bottom:12px!important;vertical-align:middle}
html body .inventory-page tbody tr:hover{background:#F3F9FC!important}
html body .inventory-page tbody tr[data-invco=nm]:hover>td:first-child{box-shadow:inset 5px 0 0 #2F6596}
html body .inventory-page tbody tr[data-invco=op]:hover>td:first-child{box-shadow:inset 5px 0 0 #E0571B}
html body .inventory-page tbody td:first-child .font-mono{background:#EEF2F7;color:#5B6B7F!important;border-radius:6px;padding:1px 6px;font-size:10.5px}
html body .inventory-page tbody td:first-child .font-semibold{font-size:13px;color:#0F1E33}
html body .inventory-page tbody td:first-child .truncate{color:#44546A!important;font-size:13px}
html body .inventory-page tbody td:first-child .bg-violet-500\/10{background:#EAF4F9!important;color:#0A6E96!important;border:1px solid rgba(10,110,150,.25);font-weight:600;font-size:10.5px;padding:0 7px!important;border-radius:6px!important;min-width:0!important;width:auto!important;height:auto!important}
html body .inventory-page tbody td:first-child .bg-orange-500\/10{background:#F1F4F8!important;color:#193651!important;border:1px solid #D5DFEA;font-weight:600;font-size:10.5px;padding:0 7px!important;border-radius:6px!important}
html body .inventory-page tbody td:nth-child(2) span{border-radius:99px!important;padding:3px 10px 3px 8px!important;display:inline-flex!important;align-items:center;gap:6px;font-weight:600}
html body .inventory-page tbody td:nth-child(2) span::before{content:"";width:7px;height:7px;border-radius:50%;background:#2F6596}
html body .inventory-page tbody tr[data-invco=op] td:nth-child(2) span::before{background:#E0571B}
html body .inventory-page tbody td:nth-child(3){font-weight:700!important;color:#0F1E33!important}
html body .inventory-page tbody td:nth-child(3)::after{content:" u";font-weight:500;color:#8A97A8;font-size:11.5px}
html body .inventory-page tbody td:nth-child(5) .font-semibold{font:700 15px var(--epx-disp,sans-serif);color:#0F1E33;letter-spacing:-.01em}
html body .inventory-page tbody td:nth-child(5) .h-1.w-10{height:6px!important;width:84px!important;background:#EEF2F7!important}
html body .inventory-page [data-testid^=inventory-type-]{border-radius:9px!important;padding:0 12px!important}
html body .inventory-page [data-testid^=inventory-type-][aria-pressed=true]{background:#EAF4F9!important;color:#0A6E96!important;font-weight:600;box-shadow:inset 0 0 0 1px rgba(10,110,150,.25)}
html body .inventory-page tbody tr[data-invco=nm] td:nth-child(5) .h-1.w-10>span{background:#2F6596!important;min-width:2px}
html body .inventory-page tbody tr[data-invco=op] td:nth-child(5) .h-1.w-10>span{background:#E0571B!important;min-width:2px}

@media (max-width:700px){
 html body .ptx-comp>a,html body .ptx-comp>.ptx-rw{grid-template-columns:minmax(0,1fr) 48px auto!important;row-gap:7px!important}
 html body .ptx-comp>a>span,html body .ptx-comp>.ptx-rw>span{grid-column:1!important;grid-row:1!important}
 html body .ptx-comp>a>em,html body .ptx-comp>.ptx-rw>em{grid-column:2!important;grid-row:1!important}
 html body .ptx-comp>a>b,html body .ptx-comp>.ptx-rw>b{grid-column:3!important;grid-row:1!important}
 html body .ptx-comp>a>div,html body .ptx-comp>.ptx-rw>div{grid-column:1/-1!important;grid-row:2!important}
 html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group{grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important}
 html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group>div:first-child{display:none!important}
 html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group .tabular-nums.font-semibold{font-size:14px!important}
 html body .assets-page.ptx-on .mt-5 .grid.gap-2>div.group .flex.items-center.gap-1\.5{flex-wrap:wrap}
 /* Inventario: cada producto como tarjeta */
 html body .inventory-page table.min-w-\[820px\]{min-width:0!important;table-layout:auto!important}
 html body .inventory-page table.min-w-\[820px\] colgroup{display:none}
 html body .inventory-page table.min-w-\[820px\] thead tr{display:flex;flex-wrap:wrap;gap:0 4px;padding:0 8px}
 html body .inventory-page table.min-w-\[820px\] thead tr{flex-wrap:nowrap!important;justify-content:space-between}
 html body .inventory-page table.min-w-\[820px\] thead th{padding:0 4px!important;width:auto!important}
 html body .inventory-page table.min-w-\[820px\] thead th button{font-size:9.5px!important;letter-spacing:.08em!important;gap:3px!important}
 html body .inventory-page table.min-w-\[820px\] thead th:nth-child(2),html body .inventory-page table.min-w-\[820px\] thead th:nth-child(4){display:none}
 html body .inventory-page table.min-w-\[820px\] tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:4px 0}
 html body .inventory-page table.min-w-\[820px\] tbody td{padding:4px 14px!important;width:auto!important}
 html body .inventory-page table.min-w-\[820px\] tbody td:first-child{grid-column:1/-1;padding-top:10px!important}
 html body .inventory-page table.min-w-\[820px\] tbody td:nth-child(2){padding-right:0!important}
 html body .inventory-page table.min-w-\[820px\] tbody td:nth-child(3){text-align:left!important;padding-left:10px!important}
 html body .inventory-page table.min-w-\[820px\] tbody td:nth-child(4){display:none}
 html body .inventory-page table.min-w-\[820px\] tbody td:nth-child(5){padding-bottom:10px!important}
 html body .inventory-page table.min-w-\[820px\] tbody td:first-child .truncate{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
