/* S1 Inbox (s1-inbox.js). Only .s1ib-* rules; everything else is the shared kit. Hue means status, ink means action. */
.s1ib-host { display: block; }
.s1ib-panel .k-panel-body { padding: 0; }
.s1ib-panel .k-list > .k-row:first-child { border-top: 0; }
.s1ib-pad { padding: 14px; }
.s1ib-more { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 14px; border-top: 1px solid var(--s1-line-soft); }
.s1ib-err { color: var(--s1-late, currentColor); font: 500 13px var(--k-font-ui); }
.s1ib-skel span { width: 28px; height: 28px; border-radius: 8px; background: var(--s1-column); }
.s1ib-skel b, .s1ib-skel i { display: block; height: 12px; border-radius: 6px; background: var(--s1-column); }
.s1ib-skel b { width: min(260px, 60%); margin-bottom: 8px; } .s1ib-skel i { width: min(160px, 40%); }
.s1ib .k-tabs { overflow-x: auto; scrollbar-width: none; }
.s1ib .k-tabs::-webkit-scrollbar { display: none; }
.s1ib .k-tab { white-space: nowrap; }