.booking-alerts-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 10px;border:1px solid #b9d8c8;border-radius:9px;background:#eff8f3;color:#195a43;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
.booking-alerts-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.booking-alerts-button b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:#0e684a;color:#fff;font-size:10px;line-height:1}
.booking-alerts-button b[hidden]{display:none}
.booking-alerts-button:hover{background:#e4f3eb}
.booking-alerts-button:focus-visible,.booking-alerts-dialog button:focus-visible{outline:3px solid #70ad91;outline-offset:2px}
.booking-alerts-dialog{width:min(510px,calc(100vw - 24px));max-width:none;max-height:min(76dvh,680px);padding:0;border:1px solid #cbdcd2;border-radius:16px;background:#fff;color:#173d30;box-shadow:0 24px 70px #14251b40;overflow:hidden}
.booking-alerts-dialog::backdrop{background:#10271c80}
.booking-alerts-dialog #bookingAlertsContent{display:flex;flex-direction:column;max-height:min(76dvh,680px)}
.booking-alerts-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 13px;border-bottom:1px solid #e3ece6}
.booking-alerts-head>div{display:grid;gap:4px;min-width:0}
.booking-alerts-head strong{font-size:19px;line-height:1.3}
.booking-alerts-head small{color:#557267;font-size:12px}
.booking-alerts-close{width:30px;height:30px;padding:0;border:0;border-radius:7px;background:#eef4ef;color:#325a48;font-size:22px;line-height:1;cursor:pointer}
.booking-alerts-controls{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid #e3ece6}
.booking-alerts-controls button{min-height:32px;padding:5px 9px;font-size:12px;white-space:nowrap}
.booking-alerts-controls span{font-size:11px;color:#6c8074}
.booking-alerts-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.booking-alert-item{display:grid;gap:8px;padding:16px 20px;border-bottom:1px solid #e9eeea;overflow-wrap:anywhere}
.booking-alert-item.unread{background:#f3faf5;border-left:4px solid #0d7150;padding-left:16px}
.booking-alert-item.read{background:#fff;color:#557168}
.booking-alert-item-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.booking-channel,.booking-kind{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border-radius:6px;background:#e4ede7;color:#285341;font-size:11px;font-weight:700}
.booking-channel-agoda{background:#e7efff;color:#2b54a0}.booking-channel-trip{background:#e6f5fa;color:#14647b}.booking-channel-booking{background:#e9edff;color:#3b4f9c}.booking-channel-expedia{background:#fff1d9;color:#865418}.booking-channel-unknown{background:#f3ebe4;color:#755039}
.booking-kind{background:#eef4ef;color:#456358}.booking-alert-item-top time{margin-left:auto;color:#718579;font-size:11px}
.booking-alert-item>strong{font-size:14px;line-height:1.45}.booking-alert-item>small{font-size:11px;color:#61786a}
.booking-alert-item>button{justify-self:start;min-height:32px;padding:5px 10px;font-size:11px}
.booking-read-label{font-size:11px;color:#73867b}
.booking-alerts-empty{padding:34px 20px;text-align:center;color:#687e70;font-size:13px}
@media(max-width:720px){.booking-alerts-label{display:none}.booking-alerts-button{width:38px;min-width:38px;padding:0;gap:2px}.booking-alerts-button b{position:absolute;transform:translate(12px,-13px);min-width:17px;height:17px;font-size:9px}.booking-alerts-dialog{max-height:calc(100dvh - 28px)}.booking-alerts-dialog #bookingAlertsContent{max-height:calc(100dvh - 28px)}}
@media(max-width:350px){.topbar .top-actions{gap:4px}.topbar .top-date input{width:86px;font-size:11px}.topbar .top-date button{width:21px}.topbar #headerLogout{padding:5px 6px;font-size:10px}.booking-alerts-button{width:34px;min-width:34px}.booking-alerts-controls span{display:none}}