.live-page-shell{padding-top:2rem;padding-bottom:3rem}.live-page__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.live-page__title{font-size:1.75rem;font-weight:700;color:var(--c-text)}.live-page__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.live-btn{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--radius);padding:.4rem .85rem;font-size:.875rem;cursor:pointer}.live-btn:hover:not(:disabled){border-color:var(--c-border-hover);background:var(--c-bg)}.live-btn:disabled{opacity:.5;cursor:not-allowed}.live-page .live-ws{font-size:.8125rem;font-weight:500;padding:.25rem .6rem;border-radius:999px;background:var(--c-bg);border:1px solid var(--c-border)}.live-page .live-ws--connected{color:var(--c-accent);border-color:#a7f3d0;background:var(--c-accent-light)}.live-page .live-ws--disconnected{color:var(--c-danger);border-color:#fecaca;background:var(--c-danger-light)}.live-page .live-counter{font-size:.8125rem;color:var(--c-text-secondary)}.live-page .live-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1.25rem}.live-page .live-kpi{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:.85rem 1rem;box-shadow:var(--shadow-sm)}.live-page .live-kpi--wide{grid-column:span 2}.live-page .live-kpi__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-tertiary);margin-bottom:.35rem}.live-page .live-kpi__value{font-size:1.35rem;font-weight:600;color:var(--c-text);line-height:1.2}.live-page .live-kpi__value--sm{font-size:.9rem;font-weight:500;word-break:break-word}.live-page .live-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.live-page .live-filter{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-secondary);border-radius:999px;padding:.35rem .85rem;font-size:.8125rem;cursor:pointer}.live-page .live-filter:hover{border-color:var(--c-border-hover)}.live-page .live-filter--active{background:var(--c-primary-light);border-color:#bfdbfe;color:var(--c-primary);font-weight:600}.live-page .live-table-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow-sm)}.live-page .live-table{width:100%;border-collapse:collapse;font-size:.875rem}.live-page .live-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-tertiary);border-bottom:1px solid var(--c-border);background:var(--c-bg)}.live-page .live-table td{padding:.65rem 1rem;border-bottom:1px solid var(--c-border);vertical-align:top}.live-page .live-table tbody tr:last-child td{border-bottom:none}.live-page .live-table tbody tr:hover{background:#f9fafb}.live-page .live-row--error{background:#fef2f2}@keyframes live-row-enter{0%{opacity:0;transform:translateY(-18px) scale(.97);box-shadow:inset 4px 0 0 #1a56db,0 8px 24px rgba(26,86,219,.18)}18%{opacity:1;transform:translateY(2px) scale(1.008)}42%{transform:translateY(0) scale(1);box-shadow:inset 4px 0 0 #2563eb,0 4px 14px rgba(26,86,219,.1)}to{opacity:1;transform:translateY(0) scale(1);box-shadow:inset 4px 0 0 transparent}}@keyframes live-row-shimmer{0%{background-position:120% 0}to{background-position:-20% 0}}@keyframes live-row-enter-error{0%{opacity:0;transform:translateY(-18px) scale(.97);box-shadow:inset 4px 0 0 #dc2626,0 8px 24px rgba(220,38,38,.18)}18%{opacity:1;transform:translateY(2px) scale(1.008)}42%{transform:translateY(0) scale(1);box-shadow:inset 4px 0 0 #ef4444,0 4px 14px rgba(220,38,38,.1)}to{opacity:1;transform:translateY(0) scale(1);box-shadow:inset 4px 0 0 transparent}}.live-page .live-table tbody tr.live-row--new{animation:live-row-enter 1.9s cubic-bezier(.34,1.45,.64,1) forwards}.live-page .live-table tbody tr.live-row--new td{background-image:linear-gradient(105deg,transparent,transparent 40%,rgba(26,86,219,.14) 50%,transparent 60%,transparent);background-size:220% 100%;animation:live-row-shimmer 1.1s ease-out .08s both}.live-page .live-table tbody tr.live-row--new.live-row--error{animation-name:live-row-enter-error}.live-page .live-table tbody tr.live-row--new.live-row--error td{background-image:linear-gradient(105deg,transparent,transparent 40%,rgba(220,38,38,.12) 50%,transparent 60%,transparent)}@media (prefers-reduced-motion:reduce){.live-page .live-table tbody tr.live-row--new{animation:none;box-shadow:inset 4px 0 0 #1a56db}.live-page .live-table tbody tr.live-row--new td{animation:none;background:rgba(26,86,219,.08)}}.live-page .live-time{font-family:var(--font-mono);font-size:.8125rem;white-space:nowrap;color:var(--c-text-secondary)}.live-page .live-summary{max-width:42rem;word-break:break-word;color:var(--c-text)}.live-page .live-activity-link{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;text-decoration:none}.live-page .live-activity-link:hover{text-decoration:underline}.live-page .live-status{text-align:center;width:2rem;color:var(--c-text-secondary)}.live-page .live-empty{text-align:center;color:var(--c-text-tertiary);padding:2rem!important}.live-page .live-empty--loading{color:var(--c-text-secondary);animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:.55}50%{opacity:1}}.live-page .live-tag,.live-page .live-type{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .45rem;border-radius:4px;background:var(--c-bg);color:var(--c-text-secondary)}.live-page .live-tag--inpi,.live-page .live-type--inpi{background:#fef3c7;color:#92400e}.live-page .live-tag--siren,.live-page .live-type--siren{background:#ede9fe;color:#5b21b6}.live-page .live-tag--sync,.live-page .live-type--sync{background:#dbeafe;color:#1e40af}.live-page .live-tag--error,.live-page .live-type--error{background:var(--c-danger-light);color:var(--c-danger)}.live-page .live-tag--api,.live-page .live-type--api{background:var(--c-accent-light);color:var(--c-accent)}.live-page .live-more{margin-top:1rem;text-align:center}@media (max-width:640px){.live-page .live-kpi--wide{grid-column:span 1}.live-page__title{font-size:1.35rem}}