/* Pofiss native Web Push opt-in, notification settings and lower-right foreground toasts. */
#poPushBell{
 display:inline-grid!important;place-items:center!important;
 width:34px;height:34px;min-width:34px;border:1px solid var(--border-color,#b8d6c5);
 border-radius:11px;background:#e9f5ec;color:#416c4e;cursor:pointer;
 padding:6px;transition:background .15s ease,transform .15s ease;
}
#poPushBell:hover{transform:translateY(-1px);background:#d3ebd9}
#poPushBell svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.75;
 stroke-linejoin:round;stroke-linecap:round}
#poPushBell.enabled{background:#ddfbe8;color:#157543;border-color:#80d59c}
#poPushBell.enabled::after{content:'';position:absolute;width:6px;height:6px;
 border-radius:50%;background:#24c261;margin-left:22px;margin-top:-21px}
#poPushBell{position:relative}
.po-push-permission{
 position:fixed;right:19px;bottom:19px;z-index:9995;
 width:min(355px,calc(100vw - 24px));border-radius:17px;
 border:1px solid #b7d8c1;background:#ffffff;color:#223c2c;
 padding:19px 19px 16px;box-shadow:0 22px 64px #001c1742;
}
.po-push-permission.hidden{display:none!important}
.po-push-permission-heading{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.po-push-permission-heading>span{display:grid;place-items:center;flex:0 0 37px;height:37px;
 border-radius:11px;background:#def9e6;font-size:21px}
.po-push-permission-heading>strong{font-size:15px;font-weight:900;line-height:1.25}
.po-push-permission p{font-size:12px;line-height:1.55;color:#607566;margin:0 0 12px}
.po-push-types{display:flex;gap:5px 8px;flex-wrap:wrap;margin:10px 0}
.po-push-types span{font-size:10px;font-weight:800;color:#2d6945;
 border:1px solid #c4e8cf;border-radius:20px;background:#f0fbf3;padding:5px 7px}
#poPushPermissionStatus{min-height:16px;line-height:1.4;margin-top:12px}
.po-push-permission-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.po-push-permission-actions button{border:0;border-radius:10px;
 padding:10px 12px;font-size:12px;font-weight:850;cursor:pointer}
#poPushEnable{background:#b9ff87;color:#1c3a22;flex:1}
#poPushDisable{background:#ffe0e0;color:#913434;flex:1}
#poPushTest{background:#ddf1e3;color:#236641;flex:1}
#poPushLater{background:#edf2ee;color:#506454}
.po-push-permission-actions button:disabled{opacity:.5}
#poPushToasts{position:fixed;right:18px;bottom:18px;z-index:9994;
 width:min(365px,calc(100vw - 24px));display:grid;gap:9px;pointer-events:none}
.po-push-toast{width:100%;display:flex;gap:11px;align-items:center;text-align:left;
 padding:13px 15px;border:1px solid #92c6a3;border-radius:13px;
 background:#f5fff7;color:#243e2c;box-shadow:0 12px 38px #001d1240;
 cursor:pointer;pointer-events:auto;animation:po-push-enter .22s ease-out}
.po-push-toast-dot{font-size:12px;color:#32ae62}
.po-push-toast-copy{display:grid;gap:4px;min-width:0}
.po-push-toast-copy strong{font-size:13px;font-weight:900}
.po-push-toast-copy span{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
@keyframes po-push-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
html[data-theme="dark"] #poPushBell{background:#2e4033;color:#b9dfc1;border-color:#4c6651}
html[data-theme="dark"] #poPushBell.enabled{background:#244e35;color:#b5ffc9;border-color:#528568}
html[data-theme="dark"] .po-push-permission{background:#262e28;color:#f0fff1;border-color:#4d6954}
html[data-theme="dark"] .po-push-permission p{color:#b9cbbd}
html[data-theme="dark"] .po-push-permission-heading>span{background:#385640}
html[data-theme="dark"] .po-push-types span{background:#334a37;color:#c7f8d5;border-color:#4c7658}
html[data-theme="dark"] #poPushLater{background:#3b4940;color:#d3dfd5}
html[data-theme="dark"] .po-push-toast{background:#263b2e;color:#edfdf0;border-color:#518762}
@media(max-width:640px){
 .po-push-permission{right:12px;bottom:12px;padding:16px}
 #poPushToasts{right:12px;bottom:12px}
 #poPushBell{min-width:30px;width:30px;height:30px;padding:5px}
}


/* Dedicated manager notification diagnostics; primary action is always visible. */
#managementNotifications .po-push-manager-card{
 max-width:720px;padding:22px;display:grid;gap:16px;
 border:1px solid #c7e2cd;border-radius:17px;background:#f9fefb;
}
.po-push-manager-details{display:flex;align-items:center;gap:14px}
.po-push-manager-icon{
 display:grid;place-items:center;flex:0 0 48px;height:48px;
 border-radius:14px;background:#e2f6e8;font-size:23px
}
.po-push-manager-details h3{margin:0 0 6px;font-size:16px;font-weight:900;color:#215536}
.po-push-manager-details p{margin:0;color:#64816e;line-height:1.55;font-size:12px}
.po-push-manager-actions{display:flex;flex-wrap:wrap;gap:10px}
#poPushManagerTest{background:#b9ff87;color:#1d3f26;font-weight:900}
#poPushManagerTest:disabled{opacity:.5}
#managementNotifications .po-push-manager-status{
 margin:0;padding:12px 14px;border-radius:10px;
 background:#edf7f0;color:#2f6441;font-size:12px;font-weight:750;line-height:1.55;
}
.po-push-manager-footnote{margin:0!important;font-size:11px;color:#6d8474;line-height:1.5}
html[data-theme="dark"] #managementNotifications .po-push-manager-card{
 background:#26342a;border-color:#476952
}
html[data-theme="dark"] .po-push-manager-icon{background:#36513d}
html[data-theme="dark"] .po-push-manager-details h3{color:#d3ffdd}
html[data-theme="dark"] .po-push-manager-details p,
html[data-theme="dark"] .po-push-manager-footnote{color:#b7ccba}
html[data-theme="dark"] #managementNotifications .po-push-manager-status{
 background:#304637;color:#c3f3cd
}
@media(max-width:520px){
 #managementNotifications .po-push-manager-card{padding:16px}
 .po-push-manager-actions{flex-direction:column}
 .po-push-manager-actions button{width:100%}
}