.board-ficha-grafana{display:grid;gap:var(--space-4);color:var(--text-1)}.board-ficha-identidad,.board-panel,.nocia-chart{background:var(--surface-grad);border:1px solid var(--stroke);border-radius:var(--r-lg);box-shadow:var(--sheen),var(--shadow-1)}.board-ficha-identidad{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-5)}.identidad-marca{display:grid;place-items:center;width:64px;height:64px;color:var(--accent-contrast);background:var(--accent-grad);border-radius:var(--r-md);font-size:var(--font-2xl);font-weight:900;box-shadow:0 0 24px var(--brand-soft)}.board-ficha-identidad h2,.board-panel h3,.nocia-chart h4{margin:0}.board-ficha-identidad p:not(.board-eyebrow),.board-ficha-identidad small{color:var(--text-2)}.board-ficha-identidad small{display:block;margin-top:var(--space-2)}.board-eyebrow{margin:0 0 var(--space-1);color:var(--text-3);font-size:var(--font-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.board-estado{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid currentColor;border-radius:var(--radius-pill);font-weight:800}.board-estado i{width:10px;height:10px;border-radius:50%;background:currentColor}.board-estado-ok{color:var(--ok)}.board-estado-warn{color:var(--warn)}.board-estado-crit{color:var(--critical)}.board-estado-unknown{color:var(--unknown)}.board-rangos{display:flex;gap:var(--space-2);justify-content:flex-end}.board-rangos button{min-height:40px;padding:0 var(--space-3);color:var(--text-2);background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--r-sm);cursor:pointer}.board-rangos button:hover,.board-rangos button[aria-pressed=true]{color:var(--accent-contrast);background:var(--accent-grad);border-color:var(--accent)}.board-zoom{align-items:center;display:inline-flex;gap:.45rem;margin-left:auto;min-width:min(18rem,100%)}.board-zoom input{flex:1}.board-zoom span{min-width:3rem;font-variant-numeric:tabular-nums}.board-gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.nocia-gauge{display:grid;justify-items:center;padding:var(--space-3);background:var(--surface-grad);border:1px solid var(--stroke);border-radius:var(--r-md)}.nocia-gauge svg{width:min(170px,100%);margin-bottom:-14px;overflow:visible}.nocia-gauge path{fill:none;stroke-width:8;stroke-linecap:round}.gauge-track{stroke:var(--surface-600)}.gauge-value{stroke:var(--gauge-color)}.gauge-ok{--gauge-color:var(--ok)}.gauge-warn{--gauge-color:var(--warn)}.gauge-crit{--gauge-color:var(--critical)}.gauge-unknown{--gauge-color:var(--unknown)}.nocia-gauge strong{font-size:var(--font-xl)}.nocia-gauge span{color:var(--text-2);font-size:var(--font-sm)}.board-resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;background:var(--stroke);border:1px solid var(--stroke);border-radius:var(--r-md)}.board-resumen div{display:grid;gap:var(--space-1);padding:var(--space-4);background:var(--surface-2)}.board-resumen span{color:var(--text-3);font-size:var(--font-xs);text-transform:uppercase}.board-resumen strong{overflow:hidden;color:var(--text-1);font-size:var(--font-lg);text-overflow:ellipsis;white-space:nowrap}.board-graficos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.nocia-chart{min-width:0;padding:var(--space-4)}.nocia-chart header,.board-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.nocia-chart header span{color:var(--text-3);font-size:var(--font-xs);text-align:right}.nocia-sparkline{display:block;width:100%;height:150px;margin-top:var(--space-3);overflow:visible}.chart-gridline{fill:none;stroke:var(--line-soft);stroke-width:1}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--brand-soft))}.nocia-chart footer{display:flex;justify-content:flex-end;gap:var(--space-4);color:var(--text-2);font-size:var(--font-xs)}.nocia-chart footer b{color:var(--text-1)}.nocia-traffic{grid-column:1/-1}.traffic-series{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.traffic-row{display:grid;grid-template-columns:130px 1fr 1fr;gap:var(--space-2);align-items:center}.traffic-row>.nocia-chart{padding:var(--space-2);border:0;box-shadow:none;background:transparent}.traffic-row>.nocia-chart header{display:none}.traffic-row>.nocia-chart .nocia-sparkline{height:75px;margin:0}.legend-rx{color:var(--data-1)}.legend-tx{color:var(--data-2)}.chart-note,.nocia-empty{color:var(--text-3);font-size:var(--font-sm)}.board-panel{padding:var(--space-4)}.board-panel label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--font-sm)}.board-panel select{min-height:36px;padding:0 var(--space-2);color:var(--text-1);background:var(--surface-3);border:1px solid var(--stroke);border-radius:var(--r-sm)}.board-table-wrap{overflow:auto;margin-top:var(--space-3)}table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}th,td{padding:var(--space-3);border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap}thead th{color:var(--text-3);font-size:var(--font-xs);text-transform:uppercase}.fila-wan{background:var(--brand-soft)}.fila-wan th{color:var(--accent-effective)}.log-counts{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--text-2);font-size:var(--font-xs)}.log-counts span{padding:var(--space-1) var(--space-2);background:var(--surface-3);border-radius:var(--radius-pill)}.log-error,.log-crit,.log-critical{color:var(--critical)}.log-warn,.log-warning{color:var(--warn)}.log-info{color:var(--info)}.board-logs ul{display:grid;gap:0;margin:var(--space-3) 0 0;padding:0;list-style:none}.board-logs li{display:grid;grid-template-columns:170px 90px 120px 1fr;gap:var(--space-2);align-items:baseline;padding:var(--space-3) 0;border-top:1px solid var(--line-soft)}.board-logs time,.board-logs li>span{color:var(--text-3);font-size:var(--font-xs)}.board-logs p{margin:0;color:var(--text-2)}.log-patterns{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.log-patterns span{display:grid;gap:2px;max-width:28rem;padding:var(--space-2) var(--space-3);border:1px solid var(--stroke);border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-2);font-size:var(--font-xs)}[data-mono]{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}@media(max-width:900px){.board-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}.board-graficos{grid-template-columns:1fr}.nocia-traffic{grid-column:auto}.board-logs li{grid-template-columns:1fr 90px 1fr}.board-logs p{grid-column:1/-1}}@media(max-width:560px){.board-ficha-identidad{grid-template-columns:auto 1fr}.board-estado{grid-column:1/-1;justify-self:start}.board-rangos{justify-content:stretch}.board-rangos button{flex:1}.board-resumen{grid-template-columns:repeat(2,1fr)}.traffic-row{grid-template-columns:1fr 1fr}.traffic-row>strong{grid-column:1/-1}.board-panel>header{flex-direction:column}.board-panel label{width:100%;justify-content:space-between}.board-panel select{max-width:50%}}.board-ficha-placeholder{min-height:420px}.board-gauge-placeholder{display:block;min-height:150px;border-radius:50%;opacity:.62}.board-panel-placeholder{display:block;min-height:190px;border-radius:var(--r-lg);opacity:.52}.board-ficha-estado{display:grid;gap:var(--space-3);min-height:240px;align-content:center;padding:var(--space-6);background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--warn) 12%,transparent),transparent 46%),var(--surface-grad)}.board-ficha-estado h3,.board-ficha-estado p{margin:0}.board-ficha-estado>p:last-of-type{color:var(--text-2)}.board-ficha-estado .boton{width:max-content}