.staff-notifications{position:relative}#admin-studio-shell #staff-notifications .staff-bell{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:8px!important;background:#f2f6f3!important;border:1px solid #dfe5df!important;color:#173e33!important;border-radius:50%}.staff-bell svg{width:22px;height:22px}.staff-bell-count{position:absolute;top:-5px;right:-6px;background:#173e33;color:white;border:2px solid white;border-radius:20px;padding:2px 5px;font-size:10px;line-height:14px;min-width:18px}.staff-bell-count[hidden],.staff-notification-panel[hidden]{display:none}.staff-notification-panel{position:absolute;right:0;top:49px;width:min(420px,calc(100vw - 24px));background:white;box-shadow:0 12px 40px #0002;border:1px solid #dce3dc;border-radius:16px;z-index:200;overflow:hidden;color:#111}.staff-notification-panel header{padding:16px;display:flex;justify-content:space-between;gap:12px;align-items:center}#admin-studio-shell #staff-notifications .staff-read-all{background:transparent!important;color:#173e33!important;border:0!important;font-size:11px!important;padding:4px!important}.staff-notification-list{max-height:420px;overflow-y:auto}#admin-studio-shell #staff-notifications .staff-notification{display:grid;text-align:left;gap:5px;width:100%;border:0!important;border-top:1px solid #eee!important;border-radius:0!important;background:white!important;color:#111!important;padding:16px!important;white-space:normal}#admin-studio-shell #staff-notifications .staff-notification.is-unread{background:#eef6ef!important;border-left:3px solid #173e33!important}.staff-notification span{font-size:12px;line-height:1.5}.staff-notification small{font-size:10px;color:#666}.staff-notification-status,.staff-notification-empty{padding:14px;font-size:11px;line-height:1.5;margin:0;border-top:1px solid #eee}@media(max-width:760px){.staff-notification-panel{position:fixed;right:12px;top:72px}.studio-topbar{gap:10px!important}}
@media(max-width:760px){body.admin-studio-view #admin-studio-shell .studio-topbar{flex-wrap:nowrap!important;gap:6px!important}body.admin-studio-view #admin-studio-shell .studio-wordmark{min-width:0;gap:5px;flex:1}body.admin-studio-view #admin-studio-shell .studio-wordmark span{font-size:clamp(12px,3.6vw,16px)}body.admin-studio-view #admin-studio-shell .studio-wordmark img{width:22px}#admin-studio-shell #staff-notifications .staff-bell{width:32px;height:32px;padding:5px!important}body.admin-studio-view #studio-language{width:44px;min-width:44px;padding:6px!important}body.admin-studio-view #studio-logout{font-size:10px!important;padding:7px!important}}