.notification-bell{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #d8e0ea;border-radius:10px;background:#fff;color:#173b70;box-shadow:0 2px 8px #142b4910;cursor:pointer}.notification-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.notification-bell:hover,.notification-bell[aria-expanded="true"]{border-color:#c9a45c;background:#f7f9fc}.notification-bell:focus-visible,.notification-popover button:focus-visible{outline:3px solid #c9a45c80;outline-offset:2px}.notification-badge{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#b91c1c;color:#fff;font:700 10px/17px Inter,Arial,sans-serif;text-align:center}.notifications-dialog{width:min(940px,calc(100vw - 28px));max-height:min(82vh,760px);border:0;border-radius:16px;padding:0;background:#fff;color:#243247;box-shadow:0 24px 65px #142b493d}.notifications-dialog::backdrop{background:#142b4966}.notice-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e4eaf2}.notice-head h2{margin:0;color:#173b70;font:700 19px Inter,Arial,sans-serif}.notice-head p,.notice-help{margin:4px 0 0;color:#64748b;font-size:13px}.notice-close{border:0;background:transparent;color:#64748b;font-size:25px;cursor:pointer}.notice-tabs,.notification-filter-tabs{display:flex;gap:5px;overflow:auto}.notice-tabs{padding:12px 24px 0;border-bottom:1px solid #e4eaf2}.notice-tabs button,.notification-filter-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#64748b;padding:10px 12px;font:600 13px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer}.notice-tabs button.active,.notification-filter-tabs button.active{color:#173b70;border-color:#c9a45c}.notice-content{padding:18px 24px 24px;overflow:auto;max-height:calc(82vh - 132px)}.notice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.notice-toolbar select,.notice-content input,.notice-content select{min-height:38px;border:1px solid #cfd9e6;border-radius:8px;padding:8px 10px;color:#243247;background:#fff;font:13px Inter,Arial,sans-serif}.notice-page-filters{margin:0 0 12px;border-bottom:1px solid #e7edf4}.notice-list{display:grid;gap:10px}.notice-card{display:grid;grid-template-columns:9px 1fr auto;gap:12px;padding:14px;border:1px solid #e3eaf3;border-radius:11px;background:#fff;cursor:pointer}.notice-card.unread{background:#f7faff;border-color:#cddcf0}.notice-dot{border-radius:99px;background:#173b70}.notice-dot.payment{background:#168b78}.notice-dot.balance_due{background:#b45309}.notice-dot.enquiry{background:#2563eb}.notice-dot.upcoming_trip{background:#7c3aed}.notice-card h4{margin:0 0 4px;color:#173b70;font-size:14px}.notice-card p,.notice-card small{margin:0;color:#64748b;font-size:12px;line-height:1.45}.notice-meta{margin-top:6px!important}.notice-state{align-self:start;border:1px solid #d8e0ea;border-radius:7px;background:#fff;color:#173b70;padding:6px 8px;font:600 12px Inter,Arial,sans-serif;cursor:pointer}.notice-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notice-panel{border:1px solid #e3eaf3;border-radius:12px;padding:16px}.notice-panel h3{margin:0 0 12px;color:#173b70;font-size:15px}.notice-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:13px}.notice-toggle:last-child{border-bottom:0}.notice-toggle input{min-height:unset}.notice-actions,.notice-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px}.notice-pagination{justify-content:space-between}.notice-primary,.notice-secondary{min-height:38px;border-radius:8px;padding:0 13px;font:600 13px Inter,Arial,sans-serif;cursor:pointer}.notice-primary{border:1px solid #173b70;background:#173b70;color:#fff}.notice-secondary{border:1px solid #d1dbe8;background:#fff;color:#173b70}.notice-secondary:disabled{cursor:not-allowed;opacity:.5}.notice-staff-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f6}.notice-category-checks{display:flex;flex-wrap:wrap;gap:8px}.notice-category-checks label{font-size:12px;color:#475569}.notice-category-checks input{min-height:unset}@media(max-width:680px){.notice-head,.notice-toolbar{align-items:flex-start;flex-direction:column}.notice-content{padding:14px}.notice-tabs{padding:8px 14px 0}.notice-settings{grid-template-columns:1fr}.notice-card{grid-template-columns:7px 1fr}.notice-state{grid-column:2}.notice-staff-row{grid-template-columns:1fr}.notification-bell{width:36px;height:36px}}
.notification-popover{position:fixed;z-index:2147483000;max-height:min(560px,calc(100vh - 16px));overflow:auto;border:1px solid #dbe4ef;border-radius:14px;background:#fff;color:#243247;box-shadow:0 20px 48px #142b4938;font:13px Inter,Arial,sans-serif}.notification-popover header,.notification-popover footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#fff}.notification-popover header{position:sticky;top:0;border-bottom:1px solid #e7edf4;z-index:1}.notification-popover header b{display:block;color:#173b70;font-size:14px}.notification-popover header small{color:#64748b}.notification-popover header button{border:0;background:transparent;color:#64748b;font-size:22px;cursor:pointer}.notification-popover-list{display:grid}.notification-popover-item{display:grid;grid-template-columns:8px 1fr;gap:10px;width:100%;border:0;border-bottom:1px solid #edf1f5;padding:12px 15px;background:#fff;text-align:left;cursor:pointer}.notification-popover-item:hover,.notification-popover-item.unread{background:#f4f8ff}.notification-popover-item .notice-dot{min-height:100%;width:7px}.notification-popover-item b,.notification-popover-item em,.notification-popover-item small{display:block}.notification-popover-item b{color:#173b70;font-size:13px}.notification-popover-item em{margin-top:3px;color:#52647c;font-style:normal;line-height:1.35}.notification-popover-item small{margin-top:5px;color:#7b8ba0;font-size:11px}.notification-popover footer{position:sticky;bottom:0;border-top:1px solid #e7edf4}.notice-link{border:0;background:transparent;padding:4px 0;color:#173b70;font:600 12px Inter,Arial,sans-serif;cursor:pointer}.notice-view-all{color:#8a651c}.notification-empty,.notification-popover-loading{margin:0;padding:28px 16px;color:#64748b;text-align:center}