.app-topbar .notification-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:8px 11px;border:1px solid #d2dfd5;border-radius:10px;color:#245c45;background:#f6faf7;cursor:pointer;flex-shrink:0;font:600 12px var(--sans)}.notification-trigger[hidden]{display:none}.notification-trigger svg{width:23px;height:23px}.notification-badge{position:absolute;top:-7px;right:-6px;min-width:20px;min-height:20px;padding:1px 5px;border-radius:12px;background:#235d45;color:white;border:2px solid white;font-size:10px;text-align:center}.notification-badge[hidden]{display:none}
.notification-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 30px);padding:0;border:1px solid #d4dfd7;border-radius:17px;background:#fff;color:#172d24;box-shadow:0 18px 70px #0b2f2440;font:14px/1.5 var(--sans);overflow:hidden}.notification-dialog::backdrop{background:#10291f66}.notification-dialog[open]{display:flex;flex-direction:column}.notification-heading{display:flex;gap:16px;justify-content:space-between;align-items:start;padding:22px 22px 12px}.notification-heading h2{font:650 23px/1.3 var(--sans);margin:0 0 5px}.notification-heading p{font-size:12px;color:#627568;margin:0}.notification-dialog button{min-height:44px;border:1px solid #d5e1d9;border-radius:9px;background:#f5f9f6;color:#28543f;padding:8px 12px;font:600 12px var(--sans);cursor:pointer}.notification-heading button{min-width:44px;font-size:25px;background:white}.notification-dialog button:disabled{opacity:.5;cursor:default}.notification-dialog button:focus-visible,.notification-row:focus-visible,.notification-trigger:focus-visible{outline:3px solid #529978;outline-offset:2px}.notification-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px}.notification-actions [data-review]{margin-left:auto;background:#285e47;color:white}.notification-connection{font-size:12px;color:#627568;margin:12px 22px;min-height:18px}.notification-items{overflow:auto;overscroll-behavior:contain;list-style:none;padding:0 18px;margin:0;min-height:0;max-height:58dvh}.notification-items li+li{margin-top:8px}.notification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:13px 14px;border:1px solid #dce6df;border-left:4px solid #438568;border-radius:10px;background:#f8fbf9;text-decoration:none;color:#203e2e}.notification-row.is-cancelled{border-left-color:#aa5c51;background:#fff9f7}.notification-row strong{font-size:12px}.notification-row.is-cancelled strong{color:#984a3e}.notification-row time{font-size:11px;color:#66796b}.notification-guest{font-size:14px;font-weight:600;grid-column:1/-1}.notification-booking,.notification-row small{grid-column:1/-1;font-size:12px;color:#647569;overflow-wrap:anywhere}.notification-row small{font-size:10px}.notification-empty{padding:38px 20px;text-align:center;color:#617469}.notification-more{margin:14px auto 0}.notification-footer{font-size:11px;color:#64766a;padding:14px 22px;margin:0;border-top:1px solid #edf1ee;margin-top:14px}
@media(max-width:520px){.app-topbar .notification-label{display:none}.app-topbar .notification-trigger{width:44px;padding:8px}.app-topbar:has(.notification-trigger:not([hidden])){flex-wrap:wrap;height:auto;min-height:64px;gap:7px}.notification-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:13px}.notification-heading{padding:16px 14px 10px}.notification-actions{padding:0 14px}.notification-connection{margin:10px 14px}.notification-items{padding:0 10px}.notification-actions [data-review]{margin-left:0;flex:1}.notification-row{grid-template-columns:1fr}.notification-footer{padding:12px 14px}}