.sk-roles { display: inline-flex; padding: 4px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper-2); gap: 4px; }
.sk-roles .d-btn { background: transparent; color: var(--ink); border-color: transparent; }
.sk-roles .d-btn[aria-pressed="true"] { background: var(--ink); color: var(--on-ink); border-color: var(--ink); }
.sk-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 12px; align-items: start; }
.sk-short td { background: var(--sun-soft); }
.sk-name { font-weight: 750; }
.sk-meter { min-width: 110px; }
.sk-alert { padding: 10px 14px; border-radius: 10px; background: var(--sun-soft); font-size: var(--t-s); font-weight: 650; }
.sk-ok { padding: 10px 14px; border-radius: 10px; background: var(--paper-2); font-size: var(--t-s); }
.sk-log { display: grid; gap: 2px; }
.sk-ord { display: grid; gap: 8px; }
.sk-flow { display: flex; gap: 6px; flex-wrap: wrap; font-size: var(--t-s); color: var(--ink-2); }
.sk-in { font-weight: 750; }
@media (max-width: 1000px) { .sk-layout { grid-template-columns: minmax(0, 1fr); } }
.d-stack { grid-template-columns: minmax(0, 1fr); }
.sk-name { min-width: 120px; }