.sgToolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; padding:20px; border-bottom:1px solid #39363f; }
.sgToolbar>div { flex:1 1 320px; }
.sgToolbar strong { color:#eee7f5; font-size:15px; }
.sgToolbar p,.sgScope { color:#b4adbe; font-size:12px; line-height:1.6; }
.sgToolbar p { margin:7px 0 0; }
.sgToolbar nav { display:flex; padding:4px; gap:4px; background:#19191f; border:1px solid #413848; border-radius:9px; }
.sgToolbar button { padding:9px 13px; min-height:40px; border:1px solid transparent; border-radius:6px; background:transparent; color:#bfb6ca; font-size:12px; }
.sgToolbar button[aria-pressed=true] { color:#e4c6f8; background:#34243e; border-color:#61426f; }
.sgScope { margin:16px 20px; }
.sgList { display:grid; gap:14px; padding:0 20px 20px; }
.sgCard { min-width:0; border:1px solid #413b47; border-radius:12px; background:#25242b; overflow:hidden; }
.sgCard.critical { border-left:3px solid #e08089; }
.sgCard.warning { border-left:3px solid #cba16a; }
.sgCard>header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:20px 20px 12px; }
.sgIdentity { display:flex; gap:12px; min-width:0; }
.sgIdentity>i { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:10px; background:#39303d; color:#d4a2ee; }
.sgIdentity svg { width:18px; height:18px; }
.sgIdentity>div { min-width:0; }
.sgIdentity small { color:#c5a0dd; font-size:10px; overflow-wrap:anywhere; }
.sgIdentity h3 { color:#f0eaf5; font-size:15px; margin:5px 0; line-height:1.5; overflow-wrap:anywhere; }
.sgIdentity p { color:#b8b1c3; font-size:12px; margin:0; line-height:1.6; overflow-wrap:anywhere; }
.sgCount { flex-shrink:0; min-width:82px; text-align:center; padding:10px 12px; border:1px solid #5b416d; background:#32253d; border-radius:9px; color:#e1bdf8; font-size:24px; font-weight:700; font-variant-numeric:tabular-nums; }
.sgCount small { display:block; font-size:10px; font-weight:400; margin-top:3px; }
.sgStatus { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:0 20px; }
.sgProcess { color:#bfb6cb; font-size:11px; overflow-wrap:anywhere; }
.sgDates { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:18px 20px; }
.sgDates dt { color:#a9a2b1; font-size:10px; }
.sgDates dd { margin:6px 0 0; color:#e0d9e8; font-size:12px; line-height:1.5; }
.sgActions { display:flex; padding:0 20px 18px; }
.sgCard .securityEvidenceButton { display:inline-flex; align-items:center; gap:7px; min-height:38px; font-size:11px; padding:8px 12px; white-space:normal; }
.sgCard .securityEvidenceButton svg { width:15px; height:15px; }
.sgHistory { border-top:1px solid #403944; }
.sgHistory summary { display:flex; justify-content:space-between; align-items:center; padding:15px 20px; cursor:pointer; font-size:12px; color:#d6b6e8; list-style:none; }
.sgHistory summary::-webkit-details-marker { display:none; }
.sgHistory summary svg { width:15px; height:15px; }
.sgHistory[open] summary svg { transform:rotate(180deg); }
.sgHistory>div { max-height:430px; overflow-y:auto; padding:0 20px; background:#211f26; }
.sgOccurrence { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; border-top:1px solid #3c3542; }
.sgOccurrence strong { display:block; color:#e7dfee; font-size:12px; }
.sgOccurrence small { display:block; color:#aaa0b6; font-size:11px; margin-top:5px; }
.sgToolbar button:focus-visible,.sgHistory summary:focus-visible { outline:2px solid #d0a1ed; outline-offset:3px; }
@media(max-width:650px) {
 .sgToolbar { padding:16px; }
 .sgToolbar nav { width:100%; }
 .sgToolbar nav button { flex:1; }
 .sgList { padding:0 12px 16px; }
 .sgCard>header { padding:16px 14px 12px; }
 .sgIdentity>i { display:none; }
 .sgCount { min-width:68px; padding:8px; font-size:22px; }
 .sgStatus { padding:0 14px; }
 .sgDates { grid-template-columns:1fr 1fr; margin:16px 14px; }
 .sgActions { padding:0 14px 16px; }
 .sgOccurrence { align-items:flex-start; flex-wrap:wrap; }
 .sgHistory summary { padding:15px 14px; }
}
.dashboardShell-admin .securityCenter:has(.sgToolbar) { min-width:0; grid-template-columns:minmax(0,1fr); }
.dashboardShell-admin .securityCenter:has(.sgToolbar)>* { min-width:0; max-width:100%; }
.sgToolbar>div,.sgToolbar nav,.sgList,.sgDates>div { min-width:0; }