.st-load{animation:pulse-skel-wait var(--dur-1) var(--ease) .12s both;gap:12px;display:grid}@keyframes pulse-skel-wait{0%{opacity:0}}.st-load__row{border:var(--bw) solid var(--line-card);border-radius:var(--r-lg);background:var(--card);height:72px;box-shadow:var(--shadow);position:relative;overflow:hidden}.st-load__row:after{content:"";background:linear-gradient(90deg, transparent, var(--hover), transparent);animation:st-shimmer 1.4s var(--ease) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes st-shimmer{to{transform:translate(100%)}}.st-spin{width:16px;height:16px;animation:.8s linear infinite st-rotate}@keyframes st-rotate{to{transform:rotate(360deg)}}.st-empty{border:var(--bw) solid var(--line-card);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;display:flex}.st-empty__icon{border-radius:var(--r-lg);background:var(--raised);width:48px;height:48px;color:var(--muted);place-items:center;margin-bottom:8px;display:grid}.st-empty h2{color:var(--title);margin:0;font-size:15px;font-weight:620}.st-empty p{max-width:420px;color:var(--body);margin:0;font-size:13px;line-height:1.7}.st-empty__action{margin-top:12px}.st-err{border:var(--bw) solid var(--line-card);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:12px 14px;padding:16px;display:flex}.st-err[data-tone=danger]{border-color:color-mix(in srgb, var(--down) 35%, var(--line));background:color-mix(in srgb, var(--down) 6%, var(--card))}.st-err__icon{border-radius:var(--r);background:var(--raised);width:36px;height:36px;color:var(--muted);flex:none;place-items:center;display:grid}.st-err[data-tone=danger] .st-err__icon{background:color-mix(in srgb, var(--down) 14%, var(--card));color:var(--down)}.st-err__text{flex:1;min-width:200px}.st-err h2{color:var(--title);margin:0;font-size:14px;font-weight:620}.st-err[data-tone=danger] h2{color:var(--down)}.st-err p{color:var(--body);margin:4px 0 0;font-size:13px;line-height:1.7}.st-err .st-err__code{color:var(--muted);font-size:12px}.st-err__id{color:var(--title);font-family:var(--mono);-webkit-user-select:all;user-select:all;direction:ltr}.st-err__retry{border-radius:var(--r);background:var(--brand);min-height:40px;color:var(--brand-fg);font:600 13px/1 var(--font);cursor:pointer;transition:background-color .15s var(--ease);border:0;padding:0 16px}.st-err__retry:hover{background:var(--brand-hover)}.st-badge{--st-tone:var(--muted);border:var(--bw) solid color-mix(in srgb, var(--st-tone) 32%, var(--line));border-radius:var(--r-pill);background:color-mix(in srgb, var(--st-tone) 10%, var(--card));color:var(--st-tone);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:620;display:inline-flex}.st-badge[data-tone=success]{--st-tone:var(--up)}.st-badge[data-tone=danger]{--st-tone:var(--down)}.st-badge[data-tone=warning]{--st-tone:var(--warn)}.st-badge[data-tone=info],.st-badge[data-tone=maintenance]{--st-tone:var(--accent)}@media (max-width:760px){.st-err__retry{width:100%;min-height:44px}}:root[data-motion=reduce] .st-load__row:after,:root[data-motion=reduce] .st-spin{animation:none}
