/* Matrix layout only: heatmap density and sticky columns. Colours come from ezhik.css tokens. */
#block-stop_matrix { min-width:0; }
#block-stop_matrix .table-responsive { max-height:min(52vh,420px); }
#stop-lists-matrix-table { border-collapse:separate; border-spacing:0; table-layout:auto; font-size:13px; font-variant-numeric:tabular-nums; }
#stop-lists-matrix-table th, #stop-lists-matrix-table td { padding:5px; vertical-align:middle; }
#stop-lists-matrix-table th { text-transform:none; letter-spacing:0; }
#stop-lists-matrix-table th:first-child, #stop-lists-matrix-table td:first-child { min-width:190px; max-width:220px; padding:10px 14px; background:var(--tblr-bg-surface)!important; }
#stop-lists-matrix-table th:last-child, #stop-lists-matrix-table td:last-child { min-width:112px; white-space:nowrap; background:var(--tblr-bg-surface-secondary); }
.stop-matrix-cell { display:block; width:100%; min-width:66px; min-height:44px; padding:6px 4px; border:1px solid transparent; border-radius:5px; color:var(--tblr-body-color); font:inherit; line-height:1.3; cursor:pointer; white-space:nowrap; }
.stop-matrix-cell small { display:block; font-size:10px; }
.stop-matrix-cell[aria-pressed=true], .stop-matrix-cell:focus-visible { outline:2px solid var(--tblr-primary); outline-offset:1px; }
.stop-tone-low { background:color-mix(in srgb,var(--tblr-primary) 12%,var(--tblr-bg-surface)); }
.stop-tone-mid { background:color-mix(in srgb,var(--tblr-primary) 25%,var(--tblr-bg-surface)); }
.stop-tone-high { background:color-mix(in srgb,var(--tblr-primary) 45%,var(--tblr-bg-surface)); }
.stop-tone-critical { background:#f9b347; color:var(--tblr-primary-fg); }
.stop-tone-unknown { background:repeating-linear-gradient(135deg,var(--tblr-bg-surface),var(--tblr-bg-surface) 4px,var(--tblr-border-color) 4px,var(--tblr-border-color) 5px); color:var(--tblr-secondary-color); }
.stop-key { display:inline-block; width:12px; height:12px; margin-right:5px; border-radius:2px; }
#stop-lists-matrix-table tfoot td { font-weight:600; }
@media(max-width:575px) { #stop-lists-matrix-table th:first-child,#stop-lists-matrix-table td:first-child { min-width:142px; max-width:142px; padding:7px; } }
[data-stop-page] .btn.active { border-color:var(--tblr-primary); color:var(--tblr-body-color); background:color-mix(in srgb,var(--tblr-primary) 12%,var(--tblr-bg-surface)); }

#block-stop_matrix .col-xl-8 { min-width:0; }
