@media screen {
 .brand-logo {object-fit:contain;background:#050505;border-radius:7px;display:block;}
 header .brand-logo {width:83px;height:43px;padding:4px;}
 .nav-brand .brand-logo {width:166px;height:93px;margin-bottom:5px;}
 #cloudGate .brand-logo {width:156px;height:88px;margin-bottom:23px;}
 #alertsOpen,html[data-theme="dark"] #alertsOpen {position:relative;display:flex;align-items:center;gap:7px;background:var(--soft);color:var(--ink);border:1px solid var(--line);padding:9px 12px;}
 #notificationCount {min-width:20px;height:20px;border-radius:12px;background:#b33c3c;color:white;font-size:10px;display:inline-grid;place-items:center;padding:0 4px;}
 #notificationCount[hidden] {display:none;}
 .notification-toolbar {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
 .notification-item,html[data-theme="dark"] .notification-item {display:flex;flex-direction:column;text-align:right;width:100%;gap:6px;padding:17px;background:var(--surface);color:var(--ink);border:1px solid var(--line);margin-bottom:11px;}
 .notification-item.unread {border-inline-start:4px solid var(--accent);background:var(--soft);}
 .notification-item span {font-size:12px;font-weight:400;}.notification-item small {font-size:10px;color:var(--muted);}
 @media(max-width:560px){header .brand-logo {width:65px;height:38px;}#alertsOpen {padding:8px;}#alertsOpen .alerts-label {display:none;}}
}