/*
 * NoviDesk — Powiadomienia salonu Premium V1
 * Czytelna warstwa dla istniejącego systemu SalonNotification.
 */
:root{--nd-notif-ink:#24172b;--nd-notif-muted:#786c80;--nd-notif-line:#eadfec;--nd-notif-violet:#6f2384;--nd-notif-violet-2:#963a96;--nd-notif-action:#c84d20;--nd-notif-action-soft:#fff5ef;--nd-notif-reschedule:#7b3db7;--nd-notif-reschedule-soft:#f8f1ff;--nd-notif-waiting:#1768c4;--nd-notif-waiting-soft:#eff6ff;--nd-notif-cancel:#b42335;--nd-notif-cancel-soft:#fff1f3;--nd-notif-success:#087a52}
.bg-v29u-sidebar-link{position:relative!important;overflow:visible!important}
.bg-v29u-sidebar-link .bg-sidebar-counter{min-width:24px!important;height:24px!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:2px solid rgba(255,255,255,.92)!important;border-radius:999px!important;background:linear-gradient(135deg,#e64f85,#b83291)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 18px rgba(137,29,105,.35)!important}
.bg-v29u-sidebar-link.nd-notif-has-unread .bg-sidebar-ico::after{content:"";position:absolute;top:5px;right:4px;width:8px;height:8px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#ff567c;box-shadow:0 0 0 4px rgba(255,86,124,.14)}
.bg-v29u-modal-backdrop{padding:24px!important;background:rgba(28,16,32,.58)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.bg-v29u-modal.bg-v60-events-modal{width:min(980px,calc(100vw - 48px))!important;max-width:980px!important;max-height:min(88vh,860px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(113,45,126,.16)!important;border-radius:26px!important;background:#fff!important;box-shadow:0 28px 80px rgba(42,16,49,.28)!important}
.bg-v60-events-modal .bg-v29u-modal-head{flex:0 0 auto!important;min-height:86px!important;padding:20px 22px!important;gap:14px!important;border-bottom:1px solid var(--nd-notif-line)!important;background:linear-gradient(135deg,#fff 0%,#fbf5fc 58%,#f6edf8 100%)!important}
.bg-v60-events-head-icon{width:50px!important;height:50px!important;flex:0 0 50px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;background:linear-gradient(135deg,var(--nd-notif-violet),var(--nd-notif-violet-2))!important;color:#fff!important;font-size:24px!important;box-shadow:0 12px 24px rgba(111,35,132,.24)!important}
.bg-v60-events-modal .bg-v29u-modal-head h2{margin:0!important;color:var(--nd-notif-ink)!important;font-size:22px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.025em!important}
.bg-v60-events-modal .bg-v29u-modal-head p{margin:5px 0 0!important;color:var(--nd-notif-muted)!important;font-size:13px!important;line-height:1.45!important;font-weight:600!important}
.bg-v60-events-modal .bg-v29u-modal-close{width:42px!important;height:42px!important;min-width:42px!important;border:1px solid var(--nd-notif-line)!important;border-radius:14px!important;background:#fff!important;color:#5a4b60!important;font-size:25px!important;box-shadow:0 8px 18px rgba(57,31,64,.07)!important}
.bg-v60-events-modal .bg-v29u-action-grid{flex:0 0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:14px 18px 10px!important;background:#fff!important}
.bg-v60-events-modal .bg-v29u-action-card{min-height:70px!important;padding:13px 14px!important;display:flex!important;align-items:center!important;gap:11px!important;border:1px solid var(--nd-notif-line)!important;border-radius:17px!important;background:#faf7fb!important;box-shadow:none!important}
.bg-v60-events-modal .bg-v29u-action-card.is-hot{border-color:#f3d0bd!important;background:var(--nd-notif-action-soft)!important}.bg-v60-events-modal .bg-v29u-action-card.is-blue{border-color:#cfe2fa!important;background:var(--nd-notif-waiting-soft)!important}
.bg-v60-events-modal .bg-v29u-action-card span{display:block!important;color:#6c5d72!important;font-size:11px!important;line-height:1.25!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.035em!important}.bg-v60-events-modal .bg-v29u-action-card strong{display:block!important;margin-top:3px!important;color:var(--nd-notif-ink)!important;font-size:24px!important;line-height:1!important;font-weight:950!important}
.nd-notif-filterbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px 12px;border-bottom:1px solid var(--nd-notif-line);background:#fff}.nd-notif-filtercopy{min-width:0}.nd-notif-filtercopy strong{display:block;color:var(--nd-notif-ink);font-size:13px;font-weight:900}.nd-notif-filtercopy span{display:block;margin-top:2px;color:var(--nd-notif-muted);font-size:11px;font-weight:600}.nd-notif-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nd-notif-filter{min-height:34px;padding:7px 11px;border:1px solid var(--nd-notif-line);border-radius:999px;background:#fff;color:#65566b;font:800 11px/1.1 Inter,system-ui,sans-serif;cursor:pointer;transition:.16s ease}.nd-notif-filter:hover{border-color:#c9a9d0;color:var(--nd-notif-violet)}.nd-notif-filter.is-active{border-color:transparent;background:linear-gradient(135deg,var(--nd-notif-violet),var(--nd-notif-violet-2));color:#fff;box-shadow:0 8px 18px rgba(111,35,132,.18)}.nd-notif-filter b{margin-left:5px;font-weight:950}
.bg-v60-events-modal .bg-v29u-list{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 18px 16px!important;background:#f8f5f9!important;scrollbar-width:thin;scrollbar-color:#cdbed0 transparent}
.bg-v60-events-modal .bg-v29u-item{position:relative!important;display:grid!important;grid-template-columns:46px 58px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:86px!important;padding:13px 14px!important;border:1px solid var(--nd-notif-line)!important;border-left:4px solid #aa96af!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 18px rgba(58,35,63,.045)!important}.bg-v60-events-modal .bg-v29u-item::after{content:"";position:absolute;top:13px;right:13px;width:7px;height:7px;border-radius:50%;background:#d64b90;box-shadow:0 0 0 4px rgba(214,75,144,.10)}
.bg-v60-events-modal .bg-v29u-item.is-booking-action{border-color:#f1d4c2!important;border-left-color:var(--nd-notif-action)!important;background:linear-gradient(90deg,var(--nd-notif-action-soft),#fff 32%)!important}.bg-v60-events-modal .bg-v29u-item.is-reschedule-action{border-color:#e0ccef!important;border-left-color:var(--nd-notif-reschedule)!important;background:linear-gradient(90deg,var(--nd-notif-reschedule-soft),#fff 32%)!important}.bg-v60-events-modal .bg-v29u-item.is-waiting-action{border-color:#cfe2fa!important;border-left-color:var(--nd-notif-waiting)!important;background:linear-gradient(90deg,var(--nd-notif-waiting-soft),#fff 32%)!important}.bg-v60-events-modal .bg-v29u-item.is-cancelled-info{border-color:#f3cbd1!important;border-left-color:var(--nd-notif-cancel)!important;background:linear-gradient(90deg,var(--nd-notif-cancel-soft),#fff 32%)!important}
.bg-v60-events-modal .bg-v29u-icon{width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e7dbe9!important;border-radius:14px!important;background:#f8f3f9!important;font-size:20px!important;box-shadow:none!important}.bg-v60-events-modal .is-booking-action .bg-v29u-icon{border-color:#f0cbb6!important;background:#fff0e7!important}.bg-v60-events-modal .is-reschedule-action .bg-v29u-icon{border-color:#ddc5ee!important;background:#f2e7fb!important}.bg-v60-events-modal .is-waiting-action .bg-v29u-icon{border-color:#c9def7!important;background:#eaf4ff!important}
.bg-v60-event-time{color:#4e3d55!important;font-size:13px!important;line-height:1.1!important;font-weight:950!important;text-align:center!important}.bg-v60-event-time small{display:block!important;margin-top:4px!important;color:#8a7b90!important;font-size:10px!important;font-weight:750!important}.bg-v60-event-content{min-width:0!important}.bg-v60-event-title-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.bg-v60-events-modal .bg-v29u-item strong{color:var(--nd-notif-ink)!important;font-size:14px!important;line-height:1.35!important;font-weight:900!important}.bg-v60-events-modal .bg-v29u-item p{margin:4px 0 0!important;color:#65586b!important;font-size:12px!important;line-height:1.42!important;font-weight:600!important}.bg-v60-events-modal .bg-v29u-item small{display:block!important;margin-top:5px!important;color:#8a7d8f!important;font-size:11px!important;line-height:1.35!important;font-weight:700!important}
.bg-v60-event-badge{min-height:22px!important;padding:5px 8px!important;border-radius:999px!important;font-size:9px!important;line-height:1!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.035em!important}.bg-v60-event-badge.is-action{background:#fff0e8!important;color:#a93f19!important;border:1px solid #efc7b2!important}.is-reschedule-action .bg-v60-event-badge.is-action{background:#f3e9fb!important;color:#7133a6!important;border-color:#d9c1ea!important}.bg-v60-event-badge.is-waiting{background:#eaf4ff!important;color:#155aa8!important;border:1px solid #c7def8!important}.bg-v60-event-badge.is-muted{background:#f1edf2!important;color:#6d6171!important;border:1px solid #ded4e0!important}
.bg-v60-events-modal .bg-v29u-item-actions{display:flex!important;align-items:center!important;gap:6px!important;padding-right:8px!important}.bg-v60-events-modal .bg-v29u-mini-btn{min-height:34px!important;padding:8px 11px!important;border-radius:10px!important;font-size:11px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important}.bg-v60-events-modal .bg-v29u-item-actions>.bg-v29u-mini-btn,.bg-v60-events-modal .is-booking-action .bg-v29u-item-actions>.bg-v29u-mini-btn,.bg-v60-events-modal .is-reschedule-action .bg-v29u-item-actions>.bg-v29u-mini-btn{border:1px solid transparent!important;background:linear-gradient(135deg,var(--nd-notif-violet),var(--nd-notif-violet-2))!important;color:#fff!important;box-shadow:0 8px 16px rgba(111,35,132,.16)!important}.bg-v60-events-modal .bg-v29u-mini-btn.is-muted{border:1px solid #ded4e0!important;background:#fff!important;color:#6c5f70!important;box-shadow:none!important}.bg-v60-events-modal .bg-v29u-mini-btn.is-muted:hover{border-color:#b7dcca!important;background:#effbf5!important;color:var(--nd-notif-success)!important}
.bg-v60-events-modal .bg-v29u-empty{min-height:180px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;border:1px dashed #d9cddd!important;border-radius:18px!important;background:#fff!important;color:#6f6175!important;text-align:left!important}.bg-v60-events-modal .bg-v29u-empty strong{color:var(--nd-notif-ink)!important;font-size:15px!important}.bg-v60-events-modal .bg-v29u-empty span{display:block!important;margin-top:4px!important;color:var(--nd-notif-muted)!important;font-size:12px!important}.bg-v60-events-modal .bg-v29u-modal-footer{flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;padding:12px 18px!important;border-top:1px solid var(--nd-notif-line)!important;background:#fff!important}.bg-v60-events-modal .bg-v29u-modal-footer .bg-v29u-mini-btn.is-primary{border:1px solid transparent!important;background:linear-gradient(135deg,var(--nd-notif-violet),var(--nd-notif-violet-2))!important;color:#fff!important}
.nd-notif-hidden{display:none!important}.nd-notif-filter-empty{display:none;min-height:150px;align-items:center;justify-content:center;padding:24px;border:1px dashed #d9cddd;border-radius:18px;background:#fff;color:var(--nd-notif-muted);font-size:13px;font-weight:700;text-align:center}.nd-notif-filter-empty.is-visible{display:flex}
.booking-notifications-sheet{border:1px solid rgba(113,45,126,.14)!important;background:#fff!important;box-shadow:0 28px 72px rgba(42,16,49,.28)!important}.booking-notifications-head h2{color:var(--nd-notif-ink)!important;font-weight:900!important}.booking-notifications-head p{color:var(--nd-notif-muted)!important}.booking-notifications-list{gap:8px!important}.booking-notification-item{position:relative!important;border:1px solid var(--nd-notif-line)!important;border-left:4px solid #aa96af!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 16px rgba(58,35,63,.04)!important}.booking-notification-item[data-nd-kind="action"]{border-left-color:var(--nd-notif-action)!important;background:linear-gradient(90deg,var(--nd-notif-action-soft),#fff 34%)!important}.booking-notification-item[data-nd-kind="response"]{border-left-color:var(--nd-notif-waiting)!important;background:linear-gradient(90deg,var(--nd-notif-waiting-soft),#fff 34%)!important}.booking-notification-content strong{color:var(--nd-notif-ink)!important;font-weight:900!important}.booking-notification-content p{color:#65586b!important;font-weight:600!important}.booking-notification-content span{color:#8a7d8f!important;font-weight:700!important}.booking-notification-read-btn{border:1px solid #d8ccd9!important;background:#fff!important;color:#6b5c70!important}
.bg-v59-note-item{position:relative!important;border:1px solid var(--nd-notif-line)!important;border-left:4px solid var(--nd-notif-violet)!important;border-radius:14px!important;background:#fff!important;cursor:pointer!important;transition:.16s ease!important}.bg-v59-note-item:hover{transform:translateY(-1px)!important;border-color:#d1b7d6!important;box-shadow:0 10px 20px rgba(67,36,73,.07)!important}.bg-v59-note-item strong{color:var(--nd-notif-ink)!important;font-weight:900!important}.bg-v59-note-item span{color:#716477!important;font-weight:600!important}.bg-v59-note-time{color:#8b7e90!important;font-weight:800!important}.bg-v59-footer-link[href$="/powiadomienia"]{border:1px solid #decfe1!important;border-radius:999px!important;padding:6px 10px!important;background:#fff!important;color:var(--nd-notif-violet)!important;font-weight:900!important}
@media(max-width:850px){.bg-v29u-modal-backdrop{align-items:flex-end!important;padding:0!important}.bg-v29u-modal.bg-v60-events-modal{width:100%!important;max-width:none!important;max-height:92vh!important;border-radius:24px 24px 0 0!important;border-bottom:0!important}.bg-v60-events-modal .bg-v29u-modal-head{min-height:76px!important;padding:15px 16px!important}.bg-v60-events-head-icon{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:14px!important;font-size:20px!important}.bg-v60-events-modal .bg-v29u-modal-head h2{font-size:19px!important}.bg-v60-events-modal .bg-v29u-modal-head p{font-size:11px!important}.bg-v60-events-modal .bg-v29u-action-grid{gap:6px!important;padding:10px 10px 8px!important}.bg-v60-events-modal .bg-v29u-action-card{min-height:60px!important;padding:9px!important;gap:7px!important;border-radius:13px!important}.bg-v60-events-modal .bg-v29u-action-card .bg-v60-stat-icon{display:none!important}.bg-v60-events-modal .bg-v29u-action-card span{font-size:8px!important}.bg-v60-events-modal .bg-v29u-action-card strong{font-size:20px!important}.nd-notif-filterbar{align-items:flex-start;flex-direction:column;padding:9px 10px 10px}.nd-notif-filtercopy{display:none}.nd-notif-filters{width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:2px;scrollbar-width:none}.nd-notif-filters::-webkit-scrollbar{display:none}.nd-notif-filter{flex:0 0 auto}.bg-v60-events-modal .bg-v29u-list{padding:9px 10px 12px!important}.bg-v60-events-modal .bg-v29u-item{grid-template-columns:38px minmax(0,1fr)!important;align-items:start!important;gap:8px 10px!important;min-height:0!important;padding:11px!important;border-radius:14px!important}.bg-v60-events-modal .bg-v29u-icon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:17px!important}.bg-v60-event-time{position:absolute!important;top:12px!important;right:24px!important;display:flex!important;gap:5px!important;align-items:center!important;font-size:10px!important}.bg-v60-event-time small{margin:0!important;font-size:9px!important}.bg-v60-event-content{grid-column:2!important;padding-right:2px!important}.bg-v60-event-title-row{padding-right:72px!important}.bg-v60-events-modal .bg-v29u-item strong{font-size:13px!important}.bg-v60-events-modal .bg-v29u-item p{font-size:11px!important}.bg-v60-events-modal .bg-v29u-item small{font-size:10px!important}.bg-v60-events-modal .bg-v29u-item-actions{grid-column:1/-1!important;justify-content:flex-end!important;padding:2px 0 0!important}.bg-v60-events-modal .bg-v29u-modal-footer{padding:10px!important;flex-direction:column!important}.bg-v60-events-modal .bg-v29u-modal-footer form,.bg-v60-events-modal .bg-v29u-modal-footer .bg-v29u-mini-btn{width:100%!important}}


/* ========================================================================== */
/* NoviDesk — Powiadomienia salonu Compact V2                                */
/* Kompaktowy modal: mniej pustej przestrzeni, szybsze skanowanie informacji. */
/* ========================================================================== */

.bg-v29u-modal-backdrop{padding:16px!important}
.bg-v29u-modal.bg-v60-events-modal{width:min(820px,calc(100vw - 32px))!important;max-width:820px!important;height:auto!important;min-height:0!important;max-height:min(76vh,680px)!important;border-radius:20px!important;box-shadow:0 24px 64px rgba(42,16,49,.26)!important}
.bg-v60-events-modal .bg-v29u-modal-head{min-height:66px!important;padding:12px 16px!important;gap:10px!important}
.bg-v60-events-head-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;font-size:19px!important;box-shadow:0 8px 18px rgba(111,35,132,.20)!important}
.bg-v60-events-modal .bg-v29u-modal-head h2{font-size:19px!important;line-height:1.15!important}
.bg-v60-events-modal .bg-v29u-modal-head p{margin-top:3px!important;font-size:11px!important;line-height:1.35!important}
.bg-v60-events-modal .bg-v29u-modal-close{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;font-size:21px!important}
.bg-v60-events-modal .bg-v29u-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:9px 14px 7px!important}
.bg-v60-events-modal .bg-v29u-action-card{min-height:52px!important;padding:8px 10px!important;gap:8px!important;border-radius:13px!important}
.bg-v60-events-modal .bg-v29u-action-card .bg-v60-stat-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;font-size:14px!important}
.bg-v60-events-modal .bg-v29u-action-card span{font-size:9px!important;line-height:1.1!important;letter-spacing:.025em!important}
.bg-v60-events-modal .bg-v29u-action-card strong{margin-top:2px!important;font-size:19px!important}
.nd-notif-filterbar{min-height:44px!important;gap:8px!important;padding:7px 14px 9px!important}
.nd-notif-filtercopy strong{font-size:12px!important}.nd-notif-filtercopy span{font-size:10px!important}.nd-notif-filters{gap:5px!important}
.nd-notif-filter{min-height:30px!important;padding:6px 9px!important;font-size:10px!important}
.bg-v60-events-modal .bg-v29u-list{flex:0 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:min(390px,48vh)!important;gap:6px!important;padding:9px 14px 11px!important}
.bg-v60-events-modal .bg-v29u-item{grid-template-columns:38px 48px minmax(0,1fr) auto!important;gap:8px!important;min-height:68px!important;padding:9px 10px!important;border-radius:13px!important}
.bg-v60-events-modal .bg-v29u-item::after{top:10px!important;right:10px!important;width:6px!important;height:6px!important}
.bg-v60-events-modal .bg-v29u-icon{width:36px!important;height:36px!important;border-radius:11px!important;font-size:16px!important}
.bg-v60-event-time{font-size:11px!important}.bg-v60-event-time small{margin-top:2px!important;font-size:9px!important}
.bg-v60-events-modal .bg-v29u-item strong{font-size:13px!important;line-height:1.25!important}
.bg-v60-events-modal .bg-v29u-item p{margin-top:2px!important;font-size:11px!important;line-height:1.35!important}
.bg-v60-events-modal .bg-v29u-item small{margin-top:3px!important;font-size:10px!important}
.bg-v60-event-badge{min-height:19px!important;padding:4px 7px!important;font-size:8px!important}
.bg-v60-events-modal .bg-v29u-item-actions{gap:5px!important;padding-right:4px!important}
.bg-v60-events-modal .bg-v29u-mini-btn{min-height:30px!important;padding:7px 9px!important;border-radius:9px!important;font-size:10px!important}
.bg-v60-events-modal .bg-v29u-empty{min-height:112px!important;height:auto!important;padding:16px!important;gap:10px!important;border-radius:14px!important}
.bg-v60-events-modal .bg-v29u-empty strong{font-size:13px!important}.bg-v60-events-modal .bg-v29u-empty span{margin-top:2px!important;font-size:11px!important}
.nd-notif-filter-empty{min-height:104px!important;padding:18px!important;border-radius:14px!important;font-size:11px!important}
.bg-v60-events-modal .bg-v29u-modal-footer{min-height:52px!important;padding:8px 14px!important}
.bg-v60-events-modal .bg-v29u-modal-footer .bg-v29u-mini-btn{min-height:34px!important;padding:8px 12px!important}

@media(max-width:850px){
.bg-v29u-modal-backdrop{padding:0!important}
.bg-v29u-modal.bg-v60-events-modal{width:100%!important;max-width:none!important;max-height:88vh!important;border-radius:18px 18px 0 0!important}
.bg-v60-events-modal .bg-v29u-modal-head{min-height:60px!important;padding:10px 12px!important}
.bg-v60-events-head-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important;font-size:17px!important}
.bg-v60-events-modal .bg-v29u-modal-head h2{font-size:17px!important}.bg-v60-events-modal .bg-v29u-modal-head p{display:none!important}
.bg-v60-events-modal .bg-v29u-modal-close{width:34px!important;height:34px!important;min-width:34px!important}
.bg-v60-events-modal .bg-v29u-action-grid{gap:5px!important;padding:7px 8px 6px!important}
.bg-v60-events-modal .bg-v29u-action-card{min-height:46px!important;padding:7px 8px!important;border-radius:11px!important}
.bg-v60-events-modal .bg-v29u-action-card span{font-size:7.5px!important}.bg-v60-events-modal .bg-v29u-action-card strong{font-size:17px!important}
.nd-notif-filterbar{min-height:38px!important;padding:6px 8px 7px!important}
.bg-v60-events-modal .bg-v29u-list{max-height:52vh!important;padding:7px 8px 9px!important}
.bg-v60-events-modal .bg-v29u-empty{min-height:96px!important;padding:14px 10px!important;text-align:center!important}
.bg-v60-events-modal .bg-v29u-item{padding:9px!important}
.bg-v60-events-modal .bg-v29u-modal-footer{min-height:48px!important;padding:7px 8px!important}
}


/* NoviDesk — Inspiracje w powiadomieniach V3 */
.bg-v60-events-modal .bg-v29u-item.is-inspiration-info{
    border-color:rgba(190,56,161,.28)!important;
    background:linear-gradient(135deg,rgba(255,247,253,.98),rgba(249,242,255,.98))!important;
    box-shadow:0 8px 22px rgba(117,35,137,.08)!important;
}
.bg-v60-events-modal .bg-v29u-item.is-inspiration-info::after{
    background:#d143a8!important;
    box-shadow:0 0 0 4px rgba(209,67,168,.12)!important;
}
.bg-v60-events-modal .bg-v29u-item.is-inspiration-info .bg-v29u-icon{
    background:linear-gradient(135deg,#7b2d91,#cf43aa)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(117,35,137,.18)!important;
}
.bg-v60-events-modal .bg-v60-event-badge.is-inspiration{
    background:#fff0fa!important;
    border-color:rgba(203,61,164,.24)!important;
    color:#8b286f!important;
}
.bg-v60-events-modal .bg-v29u-item.is-inspiration-info .bg-v29u-mini-btn:first-child{
    background:linear-gradient(135deg,#742a8d,#bd3e9f)!important;
    border-color:transparent!important;
    color:#fff!important;
    white-space:nowrap!important;
}
@media(max-width:850px){
    .bg-v60-events-modal .bg-v29u-item.is-inspiration-info .bg-v29u-mini-btn:first-child{
        white-space:normal!important;
        line-height:1.15!important;
    }
}

/* ========================================================================== */
/* NoviDesk — Centrum zdarzeń: czytelność i filtry V4                        */
/* ========================================================================== */

.bg-v29u-modal.bg-v60-events-modal{
    width:min(920px,calc(100vw - 36px))!important;
    max-width:920px!important;
    max-height:min(84vh,760px)!important;
    border-radius:22px!important;
}

.bg-v60-events-modal .bg-v29u-modal-head{
    min-height:72px!important;
    padding:14px 18px!important;
}

.bg-v60-events-modal .bg-v29u-action-grid{
    gap:8px!important;
    padding:10px 16px 9px!important;
}

.bg-v60-events-modal .bg-v29u-action-card{
    min-height:58px!important;
    padding:10px 12px!important;
}

.nd-notif-filterbar{
    display:grid!important;
    grid-template-columns:minmax(170px,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    min-height:58px!important;
    padding:10px 16px!important;
    background:#fff!important;
    border-top:1px solid #f3edf4!important;
    border-bottom:1px solid var(--nd-notif-line)!important;
}

.nd-notif-filtercopy strong{
    display:block!important;
    color:#2d1c33!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:950!important;
}

.nd-notif-filtercopy span{
    display:block!important;
    margin-top:3px!important;
    color:#7e7083!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    font-weight:700!important;
}

.nd-notif-filters{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex-wrap:wrap!important;
}

.nd-notif-filter{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:36px!important;
    padding:7px 11px!important;
    border:1px solid #dfd3e2!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#5f5065!important;
    font:900 11px/1.15 Inter,system-ui,sans-serif!important;
    cursor:pointer!important;
    box-shadow:none!important;
}

.nd-notif-filter b{
    min-width:21px!important;
    height:21px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#f2edf3!important;
    color:#6a5b6f!important;
    font-size:10px!important;
    line-height:1!important;
}

.nd-notif-filter:hover{
    border-color:#bb8fc5!important;
    color:#762787!important;
    background:#fcf8fd!important;
}

.nd-notif-filter:focus-visible{
    outline:3px solid rgba(166,55,179,.22)!important;
    outline-offset:2px!important;
}

.nd-notif-filter.is-active{
    border-color:#6d257c!important;
    background:linear-gradient(135deg,#6f2384,#a0349e)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(111,35,132,.18)!important;
}

.nd-notif-filter.is-active b{
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
}

.bg-v60-events-modal .bg-v29u-list{
    max-height:min(430px,52vh)!important;
    gap:8px!important;
    padding:10px 14px 14px!important;
    background:#f8f5f9!important;
}

.bg-v60-events-modal .bg-v29u-item{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
        "icon time actions"
        "icon content actions"!important;
    align-items:start!important;
    column-gap:11px!important;
    row-gap:3px!important;
    min-height:78px!important;
    padding:11px 12px!important;
    border-radius:15px!important;
}

.bg-v60-events-modal .bg-v29u-icon{
    grid-area:icon!important;
    width:40px!important;
    height:40px!important;
    align-self:center!important;
    border-radius:12px!important;
}

.bg-v60-event-time{
    grid-area:time!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#735d7a!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:900!important;
    text-align:left!important;
}

.bg-v60-event-time small{
    display:inline!important;
    margin:0!important;
    color:#9b8b9f!important;
    font-size:9px!important;
    line-height:1.2!important;
}

.bg-v60-event-content{
    grid-area:content!important;
    min-width:0!important;
    padding:0!important;
}

.bg-v60-event-title-row{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
    flex-wrap:wrap!important;
}

.bg-v60-events-modal .bg-v29u-item strong{
    color:#28162d!important;
    font-size:13.5px!important;
    line-height:1.28!important;
    font-weight:950!important;
}

.bg-v60-events-modal .bg-v29u-item p{
    margin:3px 0 0!important;
    color:#625266!important;
    font-size:11.5px!important;
    line-height:1.42!important;
    font-weight:700!important;
}

.bg-v60-events-modal .bg-v29u-item small{
    margin-top:3px!important;
    color:#8b7a8f!important;
    font-size:10px!important;
    line-height:1.35!important;
}

.bg-v60-event-badge{
    min-height:20px!important;
    padding:4px 7px!important;
    font-size:8px!important;
}

.bg-v60-events-modal .bg-v29u-item-actions{
    grid-area:actions!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:0 10px 0 6px!important;
}

.bg-v60-events-modal .bg-v29u-mini-btn{
    min-height:34px!important;
    padding:8px 11px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
}

.bg-v60-events-modal .bg-v29u-item::after{
    top:10px!important;
    right:10px!important;
}

.nd-notif-hidden{
    display:none!important;
}

.nd-notif-filter-empty{
    min-height:150px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:22px!important;
    border:1px dashed #d8cbdc!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#786a7d!important;
    text-align:center!important;
}

.nd-notif-filter-empty.is-visible{
    display:flex!important;
}

.nd-notif-filter-empty strong{
    color:#342039!important;
    font-size:13px!important;
    font-weight:950!important;
}

.nd-notif-filter-empty span{
    max-width:380px!important;
    font-size:11px!important;
    line-height:1.4!important;
    font-weight:700!important;
}

@media(max-width:850px){
    .bg-v29u-modal.bg-v60-events-modal{
        width:100%!important;
        max-height:91vh!important;
        border-radius:20px 20px 0 0!important;
    }

    .nd-notif-filterbar{
        grid-template-columns:1fr!important;
        gap:7px!important;
        min-height:0!important;
        padding:8px 10px 9px!important;
    }

    .nd-notif-filtercopy{
        display:none!important;
    }

    .nd-notif-filters{
        width:100%!important;
        justify-content:flex-start!important;
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        padding:1px 1px 3px!important;
        scrollbar-width:none!important;
    }

    .nd-notif-filters::-webkit-scrollbar{
        display:none!important;
    }

    .nd-notif-filter{
        flex:0 0 auto!important;
        min-height:34px!important;
        padding:7px 10px!important;
    }

    .bg-v60-events-modal .bg-v29u-list{
        max-height:55vh!important;
        padding:8px 9px 11px!important;
    }

    .bg-v60-events-modal .bg-v29u-item{
        grid-template-columns:38px minmax(0,1fr)!important;
        grid-template-rows:auto auto auto!important;
        grid-template-areas:
            "icon time"
            "icon content"
            "actions actions"!important;
        gap:3px 9px!important;
        min-height:0!important;
        padding:10px!important;
    }

    .bg-v60-events-modal .bg-v29u-icon{
        width:36px!important;
        height:36px!important;
    }

    .bg-v60-event-time{
        padding-right:18px!important;
        font-size:9.5px!important;
    }

    .bg-v60-event-content{
        padding-right:0!important;
    }

    .bg-v60-event-title-row{
        padding-right:0!important;
    }

    .bg-v60-events-modal .bg-v29u-item-actions{
        justify-content:flex-end!important;
        width:100%!important;
        padding:7px 0 0!important;
    }

    .bg-v60-events-modal .bg-v29u-mini-btn{
        flex:1 1 auto!important;
        min-height:36px!important;
        white-space:normal!important;
    }
}


/* ========================================================================== */
/* NoviDesk — inspiracja widoczna dla właściciela V1                         */
/* ========================================================================== */

.bg-v60-events-modal .bg-v29u-item.has-reference-image{
    border-color:#d4a5df!important;
    box-shadow:0 8px 22px rgba(111,35,132,.09)!important;
}
.bg-v60-events-modal .bg-v29u-item.has-reference-image::before{
    background:linear-gradient(180deg,#9734a9,#d34aaa)!important;
}
.bg-v60-reference-badge{
    display:inline-flex!important;align-items:center!important;gap:4px!important;
    min-height:21px!important;padding:4px 8px!important;
    border:1px solid #d8b1e2!important;border-radius:999px!important;
    background:#fbf1ff!important;color:#762787!important;
    font-size:8.5px!important;line-height:1!important;font-weight:950!important;
    letter-spacing:.02em!important;white-space:nowrap!important;
}
.bg-v29u-reference-btn{
    border-color:#c795d2!important;background:#fbf1ff!important;color:#762787!important;
}
.bg-v29u-reference-btn:hover{
    border-color:#8f329e!important;background:#f5e2fb!important;color:#5e176d!important;
}
.bg-v60-reference-panel{
    margin:14px 0!important;padding:13px!important;
    border:1px solid #dcbbe4!important;border-radius:16px!important;
    background:linear-gradient(135deg,#fcf6ff,#fff)!important;
}
.bg-v60-reference-panel[hidden]{display:none!important}
.bg-v60-reference-intro{
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
    gap:12px!important;margin-bottom:10px!important;
}
.bg-v60-reference-intro span{
    display:block!important;color:#8b6a92!important;font-size:9px!important;
    line-height:1.2!important;font-weight:950!important;text-transform:uppercase!important;
    letter-spacing:.08em!important;
}
.bg-v60-reference-intro strong{
    display:block!important;margin-top:3px!important;color:#321a38!important;
    font-size:13px!important;line-height:1.3!important;font-weight:950!important;
}
.bg-v60-reference-preview{
    display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;
    align-items:center!important;gap:12px!important;color:inherit!important;text-decoration:none!important;
}
.bg-v60-reference-preview img{
    width:112px!important;height:88px!important;display:block!important;object-fit:cover!important;
    border:1px solid #ddc8e1!important;border-radius:13px!important;background:#f5eff6!important;
}
.bg-v60-reference-preview-copy{min-width:0!important}
.bg-v60-reference-preview-copy strong{
    display:block!important;color:#70267e!important;font-size:12px!important;
    line-height:1.35!important;font-weight:950!important;
}
.bg-v60-reference-preview-copy small{
    display:block!important;margin-top:4px!important;overflow-wrap:anywhere!important;
    color:#7e6e82!important;font-size:10px!important;line-height:1.4!important;font-weight:750!important;
}
.bg-v60-events-modal .bg-v29u-item,
.bg-v60-events-modal .bg-v60-event-content{
    max-width:100%!important;min-width:0!important;overflow:hidden!important;
}
.bg-v60-events-modal .bg-v29u-item-actions{
    flex-wrap:wrap!important;max-width:250px!important;
}
.booking-reference-pill{
    border:1px solid #d7a9e0!important;background:linear-gradient(135deg,#fbf0ff,#fff)!important;
    color:#732681!important;font-weight:950!important;box-shadow:0 5px 14px rgba(113,38,129,.08)!important;
}
.booking-reference-sheet{
    border-color:#d9b5e1!important;background:linear-gradient(135deg,#fdf7ff,#fff)!important;
}
@media(max-width:850px){
    .bg-v60-reference-preview{grid-template-columns:82px minmax(0,1fr)!important}
    .bg-v60-reference-preview img{width:82px!important;height:72px!important}
    .bg-v60-events-modal .bg-v29u-item-actions{max-width:none!important}
    .bg-v29u-reference-btn{flex:1 1 120px!important}
}

/* ========================================================================== */
/* NoviDesk — szersze centrum zdarzeń i bezpieczny układ akcji V4.2          */
/* ========================================================================== */

@media(min-width:1101px){
    .bg-v29u-modal.bg-v60-events-modal{
        width:min(1180px,calc(100vw - 40px))!important;
        max-width:1180px!important;
    }

    .bg-v60-events-modal .bg-v29u-list{
        padding-left:16px!important;
        padding-right:16px!important;
    }

    .bg-v60-events-modal .bg-v29u-item{
        grid-template-columns:42px minmax(0,1fr) minmax(250px,320px)!important;
        column-gap:13px!important;
    }

    .bg-v60-events-modal .bg-v29u-item-actions{
        width:100%!important;
        max-width:320px!important;
        min-width:250px!important;
        justify-self:end!important;
        padding:0 8px 0 4px!important;
    }

    .bg-v60-events-modal .bg-v29u-item.has-reference-image .bg-v29u-item-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        align-items:stretch!important;
        gap:7px!important;
    }

    .bg-v60-events-modal .bg-v29u-item.has-reference-image
    .bg-v29u-item-actions > *{
        min-width:0!important;
        width:100%!important;
        margin:0!important;
    }

    .bg-v60-events-modal .bg-v29u-item.has-reference-image
    .bg-v29u-item-actions > :last-child{
        grid-column:1 / -1!important;
    }

    .bg-v60-events-modal .bg-v29u-item.has-reference-image
    .bg-v29u-mini-btn{
        width:100%!important;
        min-width:0!important;
        justify-content:center!important;
        white-space:normal!important;
        text-align:center!important;
        line-height:1.2!important;
    }
}

.bg-v60-events-modal .bg-v29u-item,
.bg-v60-events-modal .bg-v60-event-content,
.bg-v60-events-modal .bg-v60-event-title-row{
    min-width:0!important;
    max-width:100%!important;
}

.bg-v60-events-modal .bg-v29u-item p,
.bg-v60-events-modal .bg-v29u-item small,
.bg-v60-events-modal .bg-v29u-item strong{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}

.bg-v60-events-modal .bg-v29u-item-actions form{
    min-width:0!important;
    margin:0!important;
}

.bg-v60-events-modal .bg-v29u-item-actions .bg-v29u-mini-btn{
    box-sizing:border-box!important;
}

@media(min-width:851px) and (max-width:1100px){
    .bg-v29u-modal.bg-v60-events-modal{
        width:min(980px,calc(100vw - 28px))!important;
        max-width:980px!important;
    }

    .bg-v60-events-modal .bg-v29u-item{
        grid-template-columns:42px minmax(0,1fr)!important;
        grid-template-rows:auto auto auto!important;
        grid-template-areas:
            "icon time"
            "icon content"
            "actions actions"!important;
        row-gap:4px!important;
    }

    .bg-v60-events-modal .bg-v29u-item-actions{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        justify-content:flex-end!important;
        padding:8px 0 0 53px!important;
    }

    .bg-v60-events-modal .bg-v29u-item.has-reference-image
    .bg-v29u-item-actions{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .bg-v60-events-modal .bg-v29u-item.has-reference-image
    .bg-v29u-item-actions > *{
        width:100%!important;
        min-width:0!important;
        margin:0!important;
    }

    .bg-v60-events-modal .bg-v29u-item.has-reference-image
    .bg-v29u-mini-btn{
        width:100%!important;
        white-space:normal!important;
        text-align:center!important;
    }
}

@media(max-width:850px){
    .bg-v60-events-modal .bg-v29u-item-actions{
        flex-wrap:wrap!important;
        overflow:visible!important;
    }

    .bg-v60-events-modal .bg-v29u-item-actions > *{
        min-width:0!important;
    }

    .bg-v60-events-modal .bg-v29u-item.has-reference-image
    .bg-v29u-item-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:7px!important;
    }

    .bg-v60-events-modal .bg-v29u-item.has-reference-image
    .bg-v29u-item-actions > *,
    .bg-v60-events-modal .bg-v29u-item.has-reference-image
    .bg-v29u-mini-btn{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
    }
}

/* ==========================================================================
   NoviDesk — Centrum zdarzeń V5 COMPACT
   Czytelny układ: statystyki → filtry → grupy → kompaktowe wiersze.
   ========================================================================== */
html.nd-notifications-v5{
    --nd5-ink:#24172b;
    --nd5-muted:#786c80;
    --nd5-line:#eadfec;
    --nd5-violet:#7b258f;
    --nd5-violet-2:#9a389c;
    --nd5-orange:#e46c28;
    --nd5-blue:#397bdb;
}
html.nd-notifications-v5 .bg-v29u-modal-backdrop{
    padding:20px!important;
    background:rgba(28,16,32,.48)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
}
html.nd-notifications-v5 .bg-v29u-modal.bg-v60-events-modal{
    width:min(1160px,calc(100vw - 40px))!important;
    max-width:1160px!important;
    max-height:min(91vh,900px)!important;
    border-radius:20px!important;
    border:1px solid rgba(113,45,126,.14)!important;
    box-shadow:0 28px 85px rgba(42,16,49,.24)!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-modal-head{
    min-height:74px!important;
    padding:16px 18px!important;
    gap:12px!important;
}
html.nd-notifications-v5 .bg-v60-events-head-icon{
    width:42px!important;height:42px!important;flex:0 0 42px!important;
    border-radius:13px!important;font-size:20px!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-modal-head h2{font-size:20px!important}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-modal-head p{margin-top:3px!important;font-size:11px!important}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-modal-close{
    width:36px!important;height:36px!important;min-width:36px!important;
    border-radius:11px!important;font-size:20px!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-action-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;padding:12px 16px 10px!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-action-card{
    min-height:64px!important;padding:10px 12px!important;gap:9px!important;border-radius:14px!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-action-card span{font-size:9px!important;letter-spacing:.025em!important}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-action-card strong{margin-top:2px!important;font-size:21px!important}
html.nd-notifications-v5 .bg-v60-stat-icon{
    width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;font-size:16px!important;
}
html.nd-notifications-v5 .nd5-toolbar{
    flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:10px 16px;border-top:1px solid var(--nd5-line);border-bottom:1px solid var(--nd5-line);background:#fff;
}
html.nd-notifications-v5 .nd5-tabs{
    display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;
}
html.nd-notifications-v5 .nd5-tabs::-webkit-scrollbar{display:none}
html.nd-notifications-v5 .nd5-filter{
    flex:0 0 auto;min-height:34px;padding:7px 11px;border:1px solid var(--nd5-line);border-radius:10px;
    background:#fff;color:#66576c;font:800 11px/1.1 Inter,system-ui,sans-serif;cursor:pointer;transition:.15s ease;
}
html.nd-notifications-v5 .nd5-filter:hover{border-color:#c8a9cf;color:var(--nd5-violet)}
html.nd-notifications-v5 .nd5-filter.is-active{
    border-color:transparent;background:linear-gradient(135deg,var(--nd5-violet),var(--nd5-violet-2));color:#fff;
    box-shadow:0 7px 16px rgba(123,37,143,.18);
}
html.nd-notifications-v5 .nd5-filter b{
    display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;
    border-radius:999px;background:rgba(112,82,119,.08);font-size:9px;font-weight:950;
}
html.nd-notifications-v5 .nd5-filter.is-active b{background:rgba(255,255,255,.18)}
html.nd-notifications-v5 .nd5-toolbar-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
html.nd-notifications-v5 .nd5-read-all{
    min-height:34px!important;padding:7px 10px!important;border:1px solid var(--nd5-line)!important;border-radius:10px!important;
    background:#fff!important;color:#65566b!important;font-size:10px!important;font-weight:850!important;box-shadow:none!important;white-space:nowrap;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-list{
    flex:1 1 auto!important;display:block!important;min-height:0!important;overflow:auto!important;
    padding:10px 16px 13px!important;background:#f9f7fa!important;
}
html.nd-notifications-v5 .nd5-group{
    overflow:hidden;margin:0 0 10px;border:1px solid var(--nd5-line);border-radius:14px;background:#fff;
}
html.nd-notifications-v5 .nd5-group:last-child{margin-bottom:0}
html.nd-notifications-v5 .nd5-group[hidden]{display:none!important}
html.nd-notifications-v5 .nd5-group-head{
    min-height:34px;display:flex;align-items:center;gap:7px;padding:8px 11px;border-bottom:1px solid rgba(78,55,86,.075);
    background:linear-gradient(180deg,#fcfafd,#faf7fb);color:#5f5065;font-size:9px;font-weight:950;letter-spacing:.045em;text-transform:uppercase;
}
html.nd-notifications-v5 .nd5-group-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#a990ae}
html.nd-notifications-v5 .nd5-group[data-kind="action"] .nd5-group-dot{background:var(--nd5-orange)}
html.nd-notifications-v5 .nd5-group[data-kind="response"] .nd5-group-dot{background:var(--nd5-violet)}
html.nd-notifications-v5 .nd5-group[data-kind="info"] .nd5-group-dot{background:var(--nd5-blue)}
html.nd-notifications-v5 .nd5-group-head b{margin-left:auto;color:#8b7e90;font-size:9px}
html.nd-notifications-v5 .nd5-group-items{display:block}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-item{
    grid-template-columns:42px minmax(0,1fr) 74px auto!important;
    grid-template-areas:"icon content time actions"!important;
    gap:10px!important;min-height:68px!important;padding:9px 11px!important;
    border:0!important;border-bottom:1px solid rgba(78,55,86,.08)!important;border-left:4px solid #aa96af!important;
    border-radius:0!important;background:#fff!important;box-shadow:none!important;
}
html.nd-notifications-v5 .nd5-group-items .bg-v29u-item:last-child{border-bottom:0!important}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-item::after{
    top:12px!important;right:10px!important;width:6px!important;height:6px!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-item.is-booking-action,
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-item.is-reschedule-action,
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-item.is-payment-action{
    border-left-color:var(--nd5-orange)!important;background:linear-gradient(90deg,#fff9f5,#fff 21%)!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-item.is-waiting-action{
    border-left-color:var(--nd5-violet)!important;background:linear-gradient(90deg,#fbf6fd,#fff 21%)!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-item.is-info,
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-item.is-cancelled-info{
    border-left-color:var(--nd5-blue)!important;background:#fff!important;
}
html.nd-notifications-v5 .bg-v29u-icon{
    grid-area:icon!important;width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;font-size:16px!important;
}
html.nd-notifications-v5 .bg-v60-event-time{
    grid-area:time!important;align-self:center!important;text-align:right!important;color:#6d5f72!important;
    font-size:10px!important;font-weight:850!important;line-height:1.15!important;
}
html.nd-notifications-v5 .bg-v60-event-time small{
    display:block!important;margin-top:3px!important;color:#988c9c!important;font-size:8px!important;font-weight:650!important;
}
html.nd-notifications-v5 .bg-v60-event-content{grid-area:content!important;min-width:0!important}
html.nd-notifications-v5 .bg-v60-event-title-row{
    display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;
}
html.nd-notifications-v5 .bg-v60-event-title-row>strong{
    color:var(--nd5-ink)!important;font-size:11.5px!important;line-height:1.22!important;font-weight:950!important;
}
html.nd-notifications-v5 .bg-v60-event-badge,
html.nd-notifications-v5 .bg-v60-reference-badge{
    min-height:21px!important;padding:4px 7px!important;border-radius:999px!important;font-size:7.5px!important;font-weight:900!important;line-height:1!important;
}
html.nd-notifications-v5 .bg-v60-event-content p{
    display:-webkit-box!important;overflow:hidden!important;margin:4px 0 0!important;color:#635568!important;font-size:9.5px!important;
    line-height:1.35!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;
}
html.nd-notifications-v5 .bg-v60-event-content>small{
    display:block!important;overflow:hidden!important;margin-top:4px!important;color:#8b7f90!important;font-size:8.5px!important;
    line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html.nd-notifications-v5 .bg-v29u-item-actions{
    grid-area:actions!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;
}
html.nd-notifications-v5 .bg-v29u-item-actions>.bg-v29u-mini-btn:first-child{
    min-height:33px!important;padding:7px 11px!important;border:0!important;border-radius:9px!important;
    background:linear-gradient(135deg,var(--nd5-violet),var(--nd5-violet-2))!important;color:#fff!important;font-size:9.5px!important;
    font-weight:900!important;white-space:nowrap!important;box-shadow:0 6px 14px rgba(123,37,143,.16)!important;
}
html.nd-notifications-v5 .bg-v29u-reference-btn{display:none!important}
html.nd-notifications-v5 .nd5-read-one-form{margin:0!important}
html.nd-notifications-v5 .nd5-read-one{
    width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--nd5-line)!important;
    border-radius:9px!important;background:#fff!important;color:#807184!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important;
}
html.nd-notifications-v5 .nd5-read-one:hover{border-color:#c9acd0!important;color:var(--nd5-violet)!important}
html.nd-notifications-v5 .nd5-more{
    width:100%;min-height:31px;border:0;border-top:1px solid rgba(78,55,86,.075);background:#fbf8fc;
    color:var(--nd5-violet);font:850 9px/1.2 Inter,system-ui,sans-serif;cursor:pointer;
}
html.nd-notifications-v5 .nd5-more:hover{background:#f7f0f9}
html.nd-notifications-v5 .nd5-collapsed-item{display:none!important}
html.nd-notifications-v5 .nd5-empty{padding:28px 14px;text-align:center;color:#857889}
html.nd-notifications-v5 .nd5-empty strong{display:block;color:#4f4054;font-size:12px}
html.nd-notifications-v5 .nd5-empty span{display:block;margin-top:4px;font-size:9px}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-empty{display:none!important}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-modal-footer{
    min-height:49px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;
    padding:8px 16px!important;border-top:1px solid var(--nd5-line)!important;background:#fff!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-modal-footer .bg-v29u-mini-btn{
    min-height:32px!important;padding:7px 10px!important;border-radius:9px!important;font-size:9px!important;
}
html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-modal-footer .nd5-read-all-form{display:none!important}
html.nd-notifications-v5 .nd-notif-filterbar,
html.nd-notifications-v5 .nd-notif-filter-empty{display:none!important}
@media(max-width:900px){
    html.nd-notifications-v5 .bg-v29u-modal-backdrop{padding:10px!important}
    html.nd-notifications-v5 .bg-v29u-modal.bg-v60-events-modal{width:calc(100vw - 20px)!important;max-height:94vh!important;border-radius:17px!important}
    html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-action-grid{grid-template-columns:repeat(3,minmax(138px,1fr))!important;overflow-x:auto!important}
    html.nd-notifications-v5 .nd5-toolbar{align-items:flex-start;flex-direction:column;gap:8px}
    html.nd-notifications-v5 .nd5-toolbar-actions{width:100%;justify-content:flex-end}
    html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-item{
        grid-template-columns:36px minmax(0,1fr) auto!important;
        grid-template-areas:"icon content time" "icon actions actions"!important;gap:6px 9px!important;
    }
    html.nd-notifications-v5 .bg-v29u-item-actions{justify-content:flex-start!important}
}
@media(max-width:620px){
    html.nd-notifications-v5 .bg-v29u-modal-backdrop{padding:0!important}
    html.nd-notifications-v5 .bg-v29u-modal.bg-v60-events-modal{
        width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;
    }
    html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-modal-head{min-height:66px!important;padding:12px 13px!important}
    html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-action-grid{padding:9px 10px!important;gap:7px!important}
    html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-action-card{min-width:128px!important;min-height:58px!important;padding:9px!important}
    html.nd-notifications-v5 .nd5-toolbar{padding:8px 10px!important}
    html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-list{padding:8px 10px 11px!important}
    html.nd-notifications-v5 .bg-v60-event-content>small{white-space:normal!important}
    html.nd-notifications-v5 .bg-v29u-item-actions>.bg-v29u-mini-btn:first-child{min-height:31px!important;padding:6px 9px!important}
    html.nd-notifications-v5 .bg-v60-events-modal .bg-v29u-modal-footer{padding:7px 10px!important;overflow-x:auto!important;justify-content:flex-start!important}
}