.account-notification-sidebar{position:fixed;right:1rem;top:45%;z-index:40}.account-notification-sidebar button{background:#4b2ebf;color:#fff;border:0;border-radius:1rem;padding:1rem;box-shadow:0 6px 24px #10143830;font:700 14px Montserrat,sans-serif;cursor:pointer}#notificationCount:not(:empty){background:#fff;color:#352073;border-radius:999px;padding:.2rem .45rem;margin-left:.35rem}.notification-panel{position:fixed;right:1rem;top:5rem;bottom:1rem;width:min(420px,calc(100vw - 2rem));overflow:auto;background:white;border:1px solid #ddd6f0;box-shadow:0 10px 50px #10143830;border-radius:20px;padding:1.25rem;z-index:60}.notification-panel[hidden]{display:none}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.notification-heading h2{font-size:1.4rem}.notification-panel button,.event-links button,.event-links a{padding:.65rem .85rem;border:1px solid #ddd6f0;border-radius:10px;background:#fff;color:#352073;font:600 14px Montserrat,sans-serif;cursor:pointer;text-decoration:none}.account-notification{padding:1rem 0;border-bottom:1px solid #eee;overflow-wrap:anywhere}.account-notification.unread{border-left:4px solid #4b2ebf;padding-left:.8rem}.account-notification h3{font-size:1rem}.account-workshops{padding:1.5rem;background:#fff;border:1px solid #ddd6f0;border-radius:20px;margin:1.5rem 0}.account-workshop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.account-event{padding:1rem;border:1px solid #ddd6f0;border-radius:14px;overflow-wrap:anywhere}.account-event h3{font-size:1.1rem}.event-links{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.event-state{font-size:14px;font-weight:700;color:#4b2ebf}.account-notification-sidebar button:focus-visible,.notification-panel button:focus-visible{outline:3px solid #a16a0a;outline-offset:3px}@media(max-width:700px){.account-notification-sidebar{top:auto;bottom:1rem;right:1rem}.notification-panel{top:1rem;bottom:5rem}.workshop-registration-row{display:flex!important;flex-direction:column;align-items:stretch!important}.workshop-registration-actions{display:flex;flex-wrap:wrap;gap:.5rem}.workshop-admin-card{min-width:0}.workshop-admin-actions{flex-wrap:wrap}.account-workshops{padding:1rem}}

.header-notification{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #ddd6f0;border-radius:50%;background:#fff;color:#4b2ebf;cursor:pointer}.header-notification #notificationCount:not(:empty){position:absolute;right:-5px;top:-5px;background:#4b2ebf;color:white;margin:0;font-size:12px;padding:2px 5px;min-width:18px}.topbar .header-user{gap:10px;margin-right:12px}.topbar .nav{column-gap:14px}.topbar .navlinks{gap:12px}.header-notification:focus-visible{outline:3px solid #a16a0a;outline-offset:3px}@media(max-width:1500px){.topbar .header-user{justify-content:flex-start;flex-wrap:wrap;gap:14px;margin-right:0}.header-signout{margin-left:auto}}
/* Keep notification controls clear of sticky mobile navigation. */
.notification-panel{z-index:1100}
@media(max-width:900px){
 .topbar .navlinks .header-user{display:grid!important;grid-template-columns:minmax(0,1fr) 44px auto;align-items:center;gap:8px;padding-inline:0;width:100%;white-space:normal}
 .topbar .navlinks .header-welcome{width:auto;min-width:0;white-space:normal;overflow-wrap:anywhere;display:flex;align-items:center;line-height:1.4;font-size:14px}
 .topbar .navlinks .header-notification{width:44px;height:44px;min-height:44px;margin:0}
 .topbar .navlinks .header-signout{width:auto!important;min-height:44px;margin:0;padding:8px 10px;font-size:14px}
 .notification-panel{top:max(12px,env(safe-area-inset-top));right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;overscroll-behavior:contain}
 .notification-panel button,.event-links a,.event-links button{min-height:44px;display:inline-flex;align-items:center}
 .account-workshops,.account-event{min-width:0;max-width:100%}
}
@media(max-width:360px){.topbar .navlinks .header-user{grid-template-columns:minmax(0,1fr) 44px}.topbar .navlinks .header-signout{grid-column:1/-1;justify-self:start}}