/* 第44条 消息通知入口 */
.sn-entry-wrap { padding: 10px 12px 2px; }
.sn-entry { width: 100%; display: flex; align-items: center; gap: 10px; border: 0; background: #fff; border-radius: 10px; padding: 12px; text-align: left; box-shadow: 0 2px 8px rgba(0, 0, 0, .04); }
.sn-entry-ic { position: relative; width: 34px; height: 34px; flex: none; border-radius: 10px; background: #e8faf3; }
.sn-entry-ic::before { content: ""; position: absolute; inset: 10px 11px 12px; border: 1.6px solid #09c382; border-radius: 7px 7px 3px 3px; }
.sn-entry-ic::after { content: ""; position: absolute; left: 50%; bottom: 8px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: #09c382; }
.sn-dot { position: absolute; top: -2px; right: -2px; width: 8px; height: 8px; border-radius: 50%; background: #ff4d4f; border: 1px solid #fff; z-index: 1; }
.sn-entry-txt { flex: 1; min-width: 0; }
.sn-entry-txt b { font-size: 15px; color: #222; }
.sn-entry-txt p { margin: 2px 0 0; font-size: 12px; color: #8a9099; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sn-entry em { font-style: normal; font-size: 12px; color: #b0b4ba; }
.sn-entry em.sn-entry-new { color: #09c382; }

/* 无未读时收成细行 */
.sn-entry.is-quiet { padding: 8px 12px; border-radius: 8px; box-shadow: none; background: rgba(255, 255, 255, .72); }
.sn-entry.is-quiet .sn-entry-ic { width: 20px; height: 20px; border-radius: 6px; background: #f0f4f2; }
.sn-entry.is-quiet .sn-entry-ic::before { inset: 5px 6px 6px; border-width: 1.2px; border-color: #a7aba7; border-radius: 5px 5px 2px 2px; }
.sn-entry.is-quiet .sn-entry-ic::after { bottom: 3px; width: 3px; height: 3px; margin-left: -1.5px; background: #a7aba7; }
.sn-entry.is-quiet .sn-entry-txt b { font-size: 13px; font-weight: 400; color: #8a9099; }

/* 注释里的状态切换 */
.sn-demo-hd { margin: 16px 0 4px; font-size: 14px; }
.sn-demo { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 6px 0; background: none; padding: 0; }
.sn-demo span { width: 100%; font-size: 12px; color: #8a908a; }
.sn-demo button { border: 1px solid #d9d9d9; background: #fff; border-radius: 14px; padding: 4px 10px; font-size: 12px; color: #444; cursor: pointer; font-family: inherit; }
.sn-demo button.on { border-color: #09c382; background: #f3fff9; color: #067a52; font-weight: 600; }
.role-dock__toggle { display: flex; align-items: center; gap: 6px; width: 100%; border: 0; background: none; padding: 0; font-size: 13px; font-weight: 600; color: #2f3d30; cursor: pointer; }
.role-dock__toggle i { width: 8px; height: 8px; border-right: 2px solid #09c382; border-bottom: 2px solid #09c382; transform: rotate(45deg); transition: transform .15s; }
.role-dock.is-min { width: auto; padding: 8px 14px; bottom: 12px; left: 12px; }
.role-dock.is-min .role-dock__body { display: none; }
.role-dock.is-min .role-dock__toggle i { transform: rotate(-135deg); }
.role-dock:not(.is-min) .role-dock__body { margin-top: 8px; }