.smCard { min-width:0; overflow:hidden; background:#25242b; border:1px solid #4a3a55; border-radius:14px; }
.smCard.critical { border-left:3px solid #d47789; }
.smCard>header { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:22px 20px 16px; }
.smIdentity { display:flex; align-items:flex-start; gap:13px; min-width:0; }
.smIdentity>i { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border:1px solid #604170; background:#35283d; border-radius:11px; color:#ddb2f5; }
.smIdentity>i svg { width:20px; height:20px; }
.smIdentity>div { min-width:0; }
.smIdentity span { color:#b391ca; letter-spacing:1px; font-size:9px; }
.smIdentity h3 { font-size:15px; line-height:1.5; margin:6px 0; color:#eee5f6; overflow-wrap:anywhere; }
.smIdentity p { color:#d3c6df; font-size:12px; line-height:1.6; margin:0; overflow-wrap:anywhere; }
.smIdentity small { display:block; margin-top:5px; color:#a99eb5; font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.smCount { display:grid; gap:4px; text-align:center; flex-shrink:0; min-width:88px; background:#36283f; border:1px solid #614274; padding:10px; border-radius:10px; }
.smCount strong { font-size:28px; color:#e8c8fa; font-variant-numeric:tabular-nums; }
.smCount span { color:#bd9bd0; font-size:10px; }
.smStats { display:flex; flex-wrap:wrap; gap:8px; padding:0 20px; }
.smStats>span { padding:6px 9px; background:#1f1e25; border-radius:6px; font-size:10px; color:#b4a9c1; }
.smStats b { color:#ece2f5; margin-right:3px; }
.smStats .smCritical,.smStats .smCritical b { color:#f1a0ab; }
.smHistory { border-top:1px solid #47394f; }
.smHistory>summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; padding:16px 20px; gap:12px; color:#dec0f2; font-size:12px; }
.smHistory>summary::-webkit-details-marker { display:none; }
.smHistory>summary b { display:inline-block; color:#a99bb7; font-size:10px; font-weight:400; margin-left:10px; }
.smHistory>summary svg { width:16px; height:16px; flex-shrink:0; }
.smHistory[open]>summary svg { transform:rotate(180deg); }
.smHistory>summary:focus-visible { outline:2px solid #d9abed; outline-offset:-4px; }
.smHistory>div { display:grid; gap:12px; padding:16px; background:#1b1a20; }
.smHistory .sgCard { background:#24212a; }
@media(max-width:650px) {
 .smCard>header { padding:16px 14px; gap:12px; }
 .smIdentity>i { display:none; }
 .smCount { min-width:70px; padding:8px; }
 .smStats { padding:0 14px; }
 .smHistory>summary { padding:15px 14px; }
 .smHistory>summary b { display:block; margin:6px 0 0; }
 .smHistory>div { padding:10px; }
 .sgToolbar nav { flex-wrap:wrap; }
 .sgToolbar nav button { padding:9px; }
}