@layer compatibility{body[data-view=monitor] main{padding:12px 16px 20px}body[data-view=monitor] .monitor-board{gap:10px}body[data-view=monitor] .finance-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=monitor] .finance-horizon-summary>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface))}body[data-view=monitor] .finance-horizon-summary>header div{min-width:0}body[data-view=monitor] .finance-horizon-summary h2{margin:0;color:var(--text);font-size:16px;font-weight:850;line-height:1.15}body[data-view=monitor] .finance-horizon-summary p,body[data-view=monitor] .finance-horizon-summary>header>span{margin:2px 0 0;color:var(--muted);font-size:10px;font-weight:650;line-height:1.2}body[data-view=monitor] .finance-horizon-summary>header>span{flex:0 0 auto;margin:0;text-transform:uppercase}body[data-view=monitor] .finance-horizon-table-wrap{width:100%;overflow-x:auto}body[data-view=monitor] .finance-horizon-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed;color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}body[data-view=monitor] .finance-horizon-table th,body[data-view=monitor] .finance-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=monitor] .finance-horizon-table th:last-child,body[data-view=monitor] .finance-horizon-table td:last-child{border-right:0}body[data-view=monitor] .finance-horizon-table tbody tr:last-child th,body[data-view=monitor] .finance-horizon-table tbody tr:last-child td{border-bottom:0}body[data-view=monitor] .finance-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=monitor] .finance-horizon-table thead th:first-child,body[data-view=monitor] .finance-horizon-table tbody th{width:22%;text-align:left}body[data-view=monitor] .finance-horizon-table tbody th{position:relative;padding-left:13px;background:var(--surface)}body[data-view=monitor] .finance-horizon-table tbody th:before{content:"";position:absolute;inset:8px auto 8px 0;width:3px;background:var(--line-strong)}body[data-view=monitor] .finance-horizon-table tbody tr.positive th:before{background:var(--positive)}body[data-view=monitor] .finance-horizon-table tbody tr.attention th:before{background:var(--attention)}body[data-view=monitor] .finance-horizon-table tbody tr.critical th:before{background:var(--critical)}body[data-view=monitor] .finance-horizon-table tbody th strong,body[data-view=monitor] .finance-horizon-table tbody th span{display:block}body[data-view=monitor] .finance-horizon-table tbody th strong{font-size:11px;font-weight:820}body[data-view=monitor] .finance-horizon-table tbody th span{margin-top:1px;color:var(--muted);font-size:9px;font-weight:600}body[data-view=monitor] .finance-horizon-table tbody td{font-weight:700;white-space:nowrap}body[data-view=monitor] .finance-horizon-table tbody tr:nth-child(2n) th,body[data-view=monitor] .finance-horizon-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-soft) 48%,var(--surface))}body[data-view=monitor] .finance-chart-panel{position:relative;padding:10px 12px 8px;border-radius:8px;box-shadow:0 4px 14px color-mix(in srgb,var(--brand-strong) 6%,transparent)}body[data-view=monitor] .finance-chart-panel .chart-panel-head{margin:0;padding:0 0 7px}body[data-view=monitor] .finance-chart-panel .chart-panel-head:after{display:none}body[data-view=monitor] .finance-chart-panel .chart-panel-head h2{font-size:16px}body[data-view=monitor] .finance-chart-panel .chart-panel-head span{margin-top:2px;font-size:9px}body[data-view=monitor] .finance-chart-controls{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}body[data-view=monitor] .finance-chart-controls label{display:grid;grid-template-columns:auto minmax(220px,320px);align-items:center;gap:8px}body[data-view=monitor] .finance-chart-controls label>span,body[data-view=monitor] .finance-chart-controls>span{color:var(--muted);font-size:9px;font-weight:750}body[data-view=monitor] .finance-chart-controls label>span{text-transform:uppercase}body[data-view=monitor] .finance-chart-controls select{width:100%;height:30px;min-height:30px;padding:0 30px 0 9px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);color:var(--text);font:inherit;font-size:11px;font-weight:750}body[data-view=monitor] .finance-chart-panel .line-chart-hover-panel{display:none}body[data-view=monitor] .finance-chart-panel .line-chart-hover-panel.is-active{position:absolute;z-index:5;top:105px;right:12px;display:grid;width:min(620px,calc(100% - 24px));min-height:32px;background:var(--surface);box-shadow:0 5px 16px color-mix(in srgb,var(--brand-strong) 12%,transparent)}body[data-view=monitor] .finance-chart-panel .chart-range-toolbar{min-height:36px;margin:6px 0 5px;padding:3px 5px;border-radius:5px;box-shadow:none}body[data-view=monitor] .finance-chart-panel .chart-range-button,body[data-view=monitor] .finance-chart-panel .chart-range-period select{height:28px;min-height:28px;border-radius:4px}body[data-view=monitor] .finance-chart-panel .line-chart-scroll{min-height:0;padding:0;border-radius:5px}body[data-view=monitor] .finance-chart-panel .line-chart-svg{height:220px;min-height:220px}body[data-view=monitor] .finance-chart-panel .chart-legend{margin-top:5px;padding:3px 7px;border:0;border-radius:0;background:transparent}@media(max-width:760px){body[data-view=monitor] main{padding:8px}body[data-view=monitor] .finance-horizon-summary>header,body[data-view=monitor] .finance-chart-controls{align-items:stretch;flex-direction:column}body[data-view=monitor] .finance-horizon-summary>header>span{align-self:flex-start}body[data-view=monitor] .finance-chart-controls label{grid-template-columns:1fr}body[data-view=monitor] .finance-chart-controls>span{display:none}}}