.ops-pushdown{display:flex;align-items:center;gap:14px;border:1px solid #e2c27e;border-left:4px solid #b98937;background:#fff8e8;color:#664813;border-radius:12px;padding:15px 18px;margin-bottom:20px;animation:ops-drop .22s ease-out}.ops-pushdown>div{flex:1;min-width:0}.ops-pushdown strong{font-size:13px}.ops-pushdown p{font-size:12px;margin:5px 0 0;line-height:1.5}.ops-dismiss{background:transparent;border:0;font-size:25px;color:inherit;cursor:pointer;min-width:36px;min-height:36px}.ops-notification-summary{padding:16px;border-bottom:1px solid #dfe6ee;background:#f5f8fc}.ops-notification-summary>strong{font-size:13px}.ops-notification-summary p{font-size:12px;line-height:1.6;color:#65768a}.ops-notification-summary>button{margin:0 6px 8px 0;font-size:11px!important;max-width:100%;white-space:normal}.ops-reminder-setting{display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.5}.ops-reminder-setting input{width:62px;min-height:36px;border:1px solid #cbd5df;border-radius:6px;padding:6px;background:white;color:#172b40}#appShell .notif-menu.open{animation:ops-drop .2s ease-out!important;overflow:auto;overscroll-behavior:contain}#appShell .notif-head{flex-wrap:wrap}.ops-planner{margin-top:20px}.ops-plan-inputs{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:16px 0}.ops-plan-inputs label{display:grid;gap:7px;font-size:12px;color:#65768a}.ops-plan-inputs input{padding:10px;border:1px solid #cbd5df;border-radius:8px;max-width:170px;background:white;color:#172b40}.ops-plan-note{font-size:11px!important;line-height:1.6}.ops-plan-row{border-top:1px solid #e2e8ef;padding:14px 0;overflow-wrap:anywhere}.ops-plan-row strong{font-size:13px}.ops-plan-row p{font-size:12px;color:#65768a;line-height:1.7;margin:6px 0 0}html[data-theme=dark] .ops-pushdown{background:#3c3321;color:#f2d69a;border-color:#80693a}html[data-theme=dark] .ops-notification-summary{background:#20394e;border-color:#40566a}html[data-theme=dark] .ops-notification-summary p,html[data-theme=dark] .ops-plan-row p,html[data-theme=dark] .ops-plan-inputs label{color:#b5c6d6}html[data-theme=dark] .ops-plan-row{border-color:#40566a}@keyframes ops-drop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.ops-pushdown{flex-wrap:wrap;padding:13px;gap:8px}.ops-pushdown>div{flex-basis:calc(100% - 48px)}.ops-pushdown>.secondary{order:3}.ops-pushdown>.ops-dismiss{order:2}.ops-plan-inputs label{flex:1;min-width:100px}.ops-plan-inputs input{width:100%;max-width:100%;min-width:0}.ops-plan-inputs button{width:100%}}@media(prefers-reduced-motion:reduce){.ops-pushdown,#appShell .notif-menu.open{animation:none!important}}
/* Header account-button rules must not hide notification actions on phones. */
#appShell header.top .userbar #notifMenu button.secondary{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important;min-height:38px!important;padding:8px 11px!important;font-size:11px!important;line-height:1.4!important;gap:6px!important;white-space:normal!important;}
#appShell header.top .userbar #notifMenu button.secondary:before,#appShell header.top .userbar #notifMenu button.secondary:after{content:none!important;display:none!important;}
#appShell header.top .userbar #notifMenu .notif-head{align-items:flex-start;gap:10px;padding:14px!important;}