.tip-notification-bell{position:relative;display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;width:38px;height:38px;padding:0!important;margin:0 14px 0 0!important;border:1px solid #ffffff45!important;border-radius:9px!important;background:#ffffff12!important;color:inherit!important;line-height:1!important;cursor:pointer}.tip-notification-bell:hover{background:#ffffff25!important}.tip-notification-bell svg{display:block}.tip-notification-count{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:#df2942;color:#fff;border-radius:12px;font:700 11px/18px Arial,sans-serif;text-align:center}.tip-notification-count[hidden],.tip-notification-panel[hidden]{display:none!important}.tip-notification-floating{position:fixed;top:12px;right:20px;z-index:9998;background:#143c76!important;color:#fff!important}.tip-notification-panel{position:fixed;z-index:100050;overflow:auto;background:#fff;color:#193b6b;border:1px solid #dce5f3;border-radius:13px;box-shadow:0 14px 48px #071d4938;text-align:left;font:14px/1.5 Arial,sans-serif}.tip-notification-panel *,.tip-notification-history *{box-sizing:border-box}.tip-notification-head{display:flex;gap:10px;align-items:center;padding:18px 20px}.tip-notification-head h2{font:700 19px/1.3 Arial,sans-serif!important;margin:0!important;color:#193b6b!important;text-transform:none!important}.tip-notification-number{font-size:12px;color:#516d94;background:#eef4ff;border-radius:10px;padding:2px 7px}.tip-notification-close{margin-left:auto!important;border:0!important;background:none!important;color:#193b6b!important;font-size:25px!important;line-height:1!important;padding:3px 7px!important;cursor:pointer}.tip-notification-item{display:flex!important;gap:12px;width:100%;text-align:left!important;align-items:flex-start;border:0!important;border-top:1px solid #e4eaf4!important;background:#fff!important;color:#193b6b!important;border-radius:0!important;padding:16px 20px!important;cursor:pointer;white-space:normal!important;font:14px/1.5 Arial,sans-serif!important}.tip-notification-item.is-unread{background:#f0f6ff!important}.tip-notification-item:hover{background:#e7f0ff!important}.tip-notification-icon{display:flex;flex:0 0 36px;width:36px;height:36px;align-items:center;justify-content:center;background:#e5edfb;border-radius:9px;font-size:21px}.tip-notification-text{display:block;min-width:0;overflow-wrap:anywhere;flex:1}.tip-notification-text strong{display:block;font-weight:700!important;font-size:14px!important;color:#193b6b!important}.tip-notification-body{display:block;font-size:13px;color:#526b8b;margin-top:3px}.tip-notification-text small{display:block;margin-top:7px;font-size:11px;color:#647994}.tip-notification-foot{border-top:1px solid #dce5f3;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tip-notification-link{font:400 13px/1.5 Arial,sans-serif!important;padding:3px 0!important;background:none!important;color:#0757c7!important;border:0!important;text-decoration:none!important;cursor:pointer}.tip-notification-link:hover{text-decoration:underline!important}.tip-notification-status{padding:20px;margin:0;color:#526b8b}.tip-notification-panel>.tip-notification-link{margin:0 20px 15px}.tip-notification-history{background:#fff;border:1px solid #dce5f3;border-radius:14px;overflow:hidden;color:#193b6b}.tip-notification-history>h1{background:linear-gradient(90deg,#0a57cb,#0750bb);color:#fff!important;padding:0 18px!important;min-height:46px!important;display:flex;align-items:center;font-size:20px!important;margin:0!important}.tip-notification-history>a{display:inline-block;margin:20px}.tip-notification-tabs{display:flex;gap:8px;padding:0 20px 15px}.tip-notification-filter{background:#fff;color:#193b6b;border:1px solid #d9e3f3;border-radius:6px;padding:6px 12px;cursor:pointer}.tip-notification-filter[aria-pressed=true]{background:#0a57cb;color:#fff;border-color:#0a57cb}.tip-notification-page{font-size:13px}.tip-notification-history .tip-notification-item{max-width:none}.tip-notification-bell:focus-visible,.tip-notification-panel button:focus-visible,.tip-notification-history button:focus-visible{outline:2px solid #1976ef!important;outline-offset:3px!important}@media(max-width:575px){.tip-notification-bell{width:34px;height:34px;margin-right:10px!important}.tip-notification-head{padding:16px}.tip-notification-head h2{font-size:17px!important}.tip-notification-head{flex-wrap:wrap}.tip-notification-item{padding:15px!important}.tip-notification-foot{padding:12px 16px}.tip-notification-panel .tip-notification-link{min-height:32px}.tip-notification-floating{right:8px;top:10px}}

/* 0.25.95: compact front-page heading, without template H1 scaling. */
#tip-notification-page.tip-notification-history{border-radius:10px;font-family:inherit;box-shadow:0 8px 22px rgba(25,58,100,.055)}
#tip-notification-page > .tip-notification-page-header{display:flex!important;align-items:center!important;gap:12px!important;min-height:46px!important;height:46px!important;padding:0 18px!important;background:linear-gradient(90deg,#0a57cb 0%,#0750bb 100%)!important;border:0!important;border-radius:0!important;color:#fff!important}
#tip-notification-page > .tip-notification-page-header > h1{display:block!important;flex:1;min-width:0;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;font-family:inherit!important;font-size:20px!important;font-weight:800!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important;color:#fff!important;background:none!important;border:0!important;box-shadow:none!important;text-shadow:none!important;text-decoration:none!important;overflow-wrap:anywhere}
#tip-notification-page > .tip-notification-page-header > h1::before,#tip-notification-page > .tip-notification-page-header > h1::after{content:none!important;display:none!important}
#tip-notification-page .tip-notification-page-icon{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;line-height:1}
#tip-notification-page .tip-notification-page-icon img{display:block!important;width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
#tip-notification-page .tip-notification-head{font-family:inherit}
@media(max-width:575px){#tip-notification-page > .tip-notification-page-header{padding:0 14px!important;gap:10px!important}#tip-notification-page > .tip-notification-page-header > h1{font-size:18px!important}#tip-notification-page .tip-notification-page-icon{flex-basis:28px;width:28px;height:28px}#tip-notification-page .tip-notification-page-icon img{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important}}

/* 0.25.96: independent mobile access when the template hides the account bar. */
.tip-notification-bell.tip-notification-mobile{position:fixed!important;top:auto!important;bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;right:16px!important;left:auto!important;z-index:9998;width:46px!important;height:46px!important;margin:0!important;border:1px solid #ffffff60!important;border-radius:50%!important;background:#0a57cb!important;color:#fff!important;box-shadow:0 4px 18px #103d7c40!important;touch-action:manipulation}
.tip-notification-bell.tip-notification-mobile svg{width:23px;height:23px}
.tip-notification-bell.tip-notification-mobile .tip-notification-count{top:-3px;right:-2px}
