.patio-notification-launcher{position:fixed;right:20px;bottom:20px;z-index:80;width:52px;height:52px;border:1px solid rgba(255,255,255,.34);border-radius:17px;background:#17353d;color:#fff;box-shadow:0 14px 34px rgba(13,37,44,.28);display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,background .18s ease}.patio-notification-launcher:hover{transform:translateY(-2px);background:#216c68}.patio-notification-launcher svg{width:22px;height:22px}.patio-notification-count{position:absolute;right:-5px;top:-5px;min-width:21px;height:21px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#e96f5c;color:#fff;font-size:10px;font-weight:900;line-height:17px;text-align:center}.patio-notification-count:empty{display:none}.patio-notification-backdrop{position:fixed;inset:0;z-index:89;background:rgba(13,37,44,.38);opacity:0;pointer-events:none;transition:opacity .2s}.patio-notification-backdrop.is-open{opacity:1;pointer-events:auto}.patio-notification-panel{position:fixed;z-index:90;right:16px;bottom:16px;width:min(430px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 32px));display:flex;flex-direction:column;border:1px solid #d8e3df;border-radius:24px;background:#fff;box-shadow:0 25px 80px rgba(13,37,44,.3);opacity:0;transform:translateY(18px) scale(.98);pointer-events:none;transition:opacity .2s,transform .2s;overflow:hidden}.patio-notification-panel.is-open{opacity:1;transform:none;pointer-events:auto}.patio-notification-head{padding:20px;border-bottom:1px solid #e3ebe8;background:linear-gradient(145deg,#17353d,#216c68);color:#fff}.patio-notification-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.patio-notification-title-row h2{margin:0;font-size:19px;font-weight:900}.patio-notification-close{border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:7px 10px;cursor:pointer}.patio-notification-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.patio-notification-tools button{border:0;background:transparent;color:rgba(255,255,255,.78);font-size:11px;font-weight:800;cursor:pointer}.patio-push-state{font-size:11px;color:rgba(255,255,255,.66)}.patio-notification-list{min-height:160px;overflow-y:auto;background:#f6f9f8}.patio-notification-item{position:relative;display:block;width:100%;padding:16px 18px 16px 34px;border:0;border-bottom:1px solid #e3ebe8;background:#fff;color:#17353d;text-align:left;cursor:pointer}.patio-notification-item:hover{background:#f0f7f4}.patio-notification-item.is-unread::before{content:'';position:absolute;left:17px;top:22px;width:8px;height:8px;border-radius:50%;background:#e96f5c}.patio-notification-item strong,.patio-notification-item span,.patio-notification-item time{display:block}.patio-notification-item strong{font-size:13px;font-weight:900}.patio-notification-item span{margin-top:4px;color:#607476;font-size:12px;line-height:1.45}.patio-notification-item time{margin-top:8px;color:#93a3a3;font-size:10px;font-weight:700}.patio-notification-empty{padding:44px 24px;text-align:center;color:#607476}.patio-notification-empty strong{display:block;color:#17353d}.patio-notification-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-top:1px solid #e3ebe8;background:#fff}.patio-notification-footer button{padding:10px;border:1px solid #d8e3df;border-radius:11px;background:#fff;color:#216c68;font-size:11px;font-weight:900;cursor:pointer}.patio-notification-footer button.primary{border-color:#216c68;background:#216c68;color:#fff}.patio-offline-toast{position:fixed;left:50%;bottom:18px;z-index:120;transform:translateX(-50%);padding:10px 16px;border-radius:999px;background:#17353d;color:#fff;box-shadow:0 10px 25px rgba(13,37,44,.24);font-size:12px;font-weight:800}.patio-offline-toast.is-online{background:#216c68}@media(max-width:640px){.patio-notification-launcher{right:14px;bottom:78px}.patio-notification-panel{inset:auto 0 0;width:100%;max-height:88dvh;border-radius:24px 24px 0 0}.patio-notification-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.patio-notification-launcher,.patio-notification-backdrop,.patio-notification-panel{transition:none}}