@layer compatibility{body[data-view=bn] main{padding:12px 16px 20px}body[data-view=bn] .monitor-board{gap:10px}body[data-view=bn] .bn-horizon-summary{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 14px color-mix(in srgb,var(--brand-strong) 6%,transparent)}body[data-view=bn] .bn-horizon-summary>header{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface))}body[data-view=bn] .bn-horizon-summary>header div{min-width:0}body[data-view=bn] .bn-horizon-summary h2{margin:0;color:var(--text);font-size:16px;font-weight:850;line-height:1.15}body[data-view=bn] .bn-horizon-summary p,body[data-view=bn] .bn-horizon-summary>header>span{margin:2px 0 0;color:var(--muted);font-size:10px;font-weight:650;line-height:1.2}body[data-view=bn] .bn-horizon-summary>header>span{flex:0 0 auto;margin:0;text-transform:uppercase}body[data-view=bn] .bn-horizon-table-wrap{width:100%;overflow-x:auto}body[data-view=bn] .bn-horizon-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}body[data-view=bn] .bn-horizon-table th,body[data-view=bn] .bn-horizon-table td{height:39px;padding:6px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}body[data-view=bn] .bn-horizon-table th:last-child,body[data-view=bn] .bn-horizon-table td:last-child{border-right:0}body[data-view=bn] .bn-horizon-table tbody tr:last-child th,body[data-view=bn] .bn-horizon-table tbody tr:last-child td{border-bottom:0}body[data-view=bn] .bn-horizon-table thead th{height:30px;background:color-mix(in srgb,var(--surface-tint) 70%,var(--surface));color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}body[data-view=bn] .bn-horizon-table thead th:first-child,body[data-view=bn] .bn-horizon-table tbody th{width:28%;text-align:left}body[data-view=bn] .bn-horizon-table tbody th{position:relative;padding-left:13px;background:var(--surface)}body[data-view=bn] .bn-horizon-table tbody th:before{content:"";position:absolute;inset:8px auto 8px 0;width:3px;background:var(--line-strong)}body[data-view=bn] .bn-horizon-table tbody tr.positive th:before{background:var(--positive)}body[data-view=bn] .bn-horizon-table tbody tr.attention th:before{background:var(--attention)}body[data-view=bn] .bn-horizon-table tbody tr.critical th:before{background:var(--critical)}body[data-view=bn] .bn-horizon-table tbody th strong,body[data-view=bn] .bn-horizon-table tbody th span,body[data-view=bn] .bn-horizon-table thead th small{display:block}body[data-view=bn] .bn-horizon-table tbody th strong{font-size:11px;font-weight:820}body[data-view=bn] .bn-horizon-table tbody th span,body[data-view=bn] .bn-horizon-table thead th small{margin-top:1px;color:var(--muted);font-size:8px;font-weight:600;text-transform:none}body[data-view=bn] .bn-horizon-table tbody td{font-weight:700;white-space:nowrap}body[data-view=bn] .bn-horizon-table tbody tr:nth-child(2n) th,body[data-view=bn] .bn-horizon-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-soft) 48%,var(--surface))}body[data-view=bn] .bn-horizon-table .is-reference{border-left:1px dashed var(--line-strong);color:var(--muted);background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface))}body[data-view=bn] .bn-horizon-summary.is-empty tbody td{color:var(--muted)}@media(max-width:760px){body[data-view=bn] main{padding:8px}body[data-view=bn] .bn-horizon-summary>header{align-items:flex-start;flex-direction:column;gap:4px}body[data-view=bn] .bn-horizon-summary>header>span{white-space:normal}}}