.topbar-actions .notification-button{position:relative;overflow:visible}
.notification-button .notification-count{position:absolute;z-index:2;right:-5px;top:-6px;margin:0;pointer-events:none}
.app-refresh-button{min-height:38px;padding:7px 11px}.app-refresh-button .icon{width:16px}.app-refresh-button.refreshing .icon{animation:yentumi-sync-spin .8s linear infinite}.app-refresh-button.update-ready{border-color:#8fc7b9;background:#effbf7;color:#087f5b}.app-refresh-button.update-ready:after{content:"";width:7px;height:7px;margin-left:1px;border:2px solid #fff;border-radius:50%;background:#0ea87d}
.sync-status-button.blocked{border-color:#efb8b3;background:#fff6f5;color:#b42318}.sync-status-button:disabled{cursor:wait;opacity:.8}
.notification-tabs{display:flex;gap:4px;width:max-content;padding:4px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.notification-tabs a{padding:8px 12px;border-radius:8px;color:var(--muted);font-size:9px;font-weight:800}.notification-tabs a.active{background:var(--brand-soft,#edf4fd);color:var(--brand)}
.notification-guidance{display:flex;gap:9px;align-items:flex-start;max-width:900px;margin-bottom:13px;padding:11px 13px;border-radius:12px;background:#eef5fb;color:var(--brand)}.notification-guidance .icon{width:18px;flex:0 0 auto}.notification-guidance span{font-size:9px;line-height:1.45;color:var(--muted)}
.notification-card-form{max-width:900px;margin:0}.notification-card-form button.notification-card{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer}.notification-card-form button.notification-card:hover{border-color:#aec2d8;box-shadow:0 7px 22px rgba(18,32,51,.06)}
@media(max-width:680px){.app-refresh-button{position:relative;width:38px;padding:0}.app-refresh-button span{display:none}.app-refresh-button.update-ready:after{position:absolute;right:-3px;top:-4px}.notification-count{right:-4px!important;top:-5px!important}.notification-tabs{width:100%}.notification-tabs a{flex:1;text-align:center}.notification-guidance{margin-inline:0}}
@media(prefers-reduced-motion:reduce){.app-refresh-button.refreshing .icon{animation:none}}