.notification-center{color:#172c26;font-size:14px;position:relative}.notification-center button,.notification-center select,.notification-center a{min-height:40px;font:inherit}.notification-center button,.notification-center select{color:#172c26;cursor:pointer;background:#fff;border:1px solid #b8cbc3;border-radius:8px;padding:8px 12px}.notification-center button:disabled{opacity:.6;cursor:wait}.notification-center :focus-visible{outline-offset:3px;outline:3px solid #176e50}.notification-bell{align-items:center;gap:8px;display:flex}.notification-bell strong{color:#fff;background:#176e50;border-radius:20px;padding:2px 7px}.notification-panel{z-index:110;background:#fff;border:1px solid #b8cbc3;border-radius:16px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 112px);padding:20px;position:fixed;top:80px;right:24px;overflow:auto;box-shadow:0 12px 48px #17382b33}.notification-panel header,.notification-filters,.notification-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-panel header{justify-content:space-between;margin-bottom:14px}.notification-panel h2{margin:0;font-size:22px}.notification-panel h3{margin:8px 0;font-size:16px}.notification-panel p{margin:8px 0 14px}.notification-panel small{color:#52675e;display:block}.notification-panel article{border-bottom:1px solid #dce7e1;padding:16px 8px}.notification-panel .notification-unread{background:#f3f9f5;border-left:3px solid #176e50}.notification-panel a{color:#126744;align-items:center;text-decoration:underline;display:inline-flex}.notification-panel label{margin:12px 0;display:block}.notification-filters select{max-width:100%}@media (max-width:600px){.notification-panel{max-height:calc(100dvh - 88px);padding:14px;top:64px;right:16px}}.notification-inline .notification-panel{width:100%;max-width:100%;max-height:none;box-shadow:none;position:static;inset:auto}.notification-inline{width:100%;margin-block:1rem}.notification-header-link{justify-content:center;min-width:44px;min-height:44px;text-decoration:none;position:relative}.notification-header-link strong{position:absolute;top:-3px;right:-3px}.shida-public-account:has(.notification-header-link){align-items:center;gap:8px;display:flex}
