/* One compact inbox surface across customer, admin and partner portals. */
.cn-notifications{display:inline-flex;min-width:0;vertical-align:middle}
.cn-notifications[hidden],.cn-notifications-panel[hidden],.cn-notifications-badge[hidden]{display:none!important}
.cn-notifications .cn-notifications-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #e3ded5;border-radius:14px;background:#fff;color:#37342e;font:inherit;line-height:1.2;cursor:pointer;box-shadow:none}
.cn-notifications-trigger svg{width:22px;height:22px;flex:none}
.cn-notifications-header .cn-notifications-trigger{width:44px;height:44px;padding:10px}
.cn-notifications-header .cn-notifications-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cn-notifications .cn-notifications-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#80663c;color:#fff;font:700 11px/1 Arial,sans-serif;padding:0 4px;border:2px solid #fff;box-sizing:content-box}
.cn-notifications .cn-notifications-panel{position:fixed;z-index:2147483000;display:flex;flex-direction:column;box-sizing:border-box;max-width:calc(100vw - 24px);margin:0;padding:0;border:1px solid #e3ded5;border-radius:18px;background:#fff;color:#282722;box-shadow:0 18px 60px #29241b26;text-align:start;font-family:inherit;overflow:hidden;isolation:isolate}
.cn-notifications-panel *{box-sizing:border-box;min-width:0}
.cn-notifications .cn-notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #eee9e1;background:#faf8f4;flex:none}
.cn-notifications .cn-notifications-heading h2{margin:0;font-family:inherit;font-size:17px;font-weight:700;line-height:1.5;color:#282722}
.cn-notifications .cn-notifications-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #e3ded5;border-radius:12px;background:#fff;color:#37342e;font:26px/1 Arial,sans-serif;cursor:pointer;box-shadow:none}
.cn-notifications-body{padding:14px;overflow:auto;overscroll-behavior:contain;max-width:100%;min-height:0}
.cn-notifications-actions,.cn-notifications-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cn-notifications-pager{margin-top:12px;border-top:1px solid #eee9e1;padding-top:12px;font-size:12px}
.cn-notifications .cn-notifications-action{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #e3ded5;border-radius:10px;background:#fff;color:#504c43;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;box-shadow:none;white-space:normal}
.cn-notifications-action:disabled{opacity:.45;cursor:default}
.cn-notifications-list{display:grid;gap:8px;margin-top:12px}
.cn-notifications .cn-notifications-body button.cn-notifications-item{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr);gap:5px;min-height:44px;padding:13px;border:1px solid #e9e4dc;border-radius:12px;background:#fff;color:#282722;text-align:start!important;white-space:normal;font:inherit;box-shadow:none;cursor:pointer;overflow-wrap:anywhere}
.cn-notifications .cn-notifications-body button.cn-notifications-item.unread{border-inline-start:3px solid #91713b!important;background:#faf8f3!important}
.cn-notifications-item strong{font-size:14px;line-height:1.6}
.cn-notifications-item span{font-size:13px;line-height:1.7;color:#625d53}
.cn-notifications-status,.cn-notifications-empty{font-size:13px;line-height:1.7;color:#675f50;margin:10px 0}
.cn-notifications-status:empty{display:none}
.cn-notifications-preferences{border-top:1px solid #eee9e1;margin-top:14px;padding-top:8px;font-size:13px}
.cn-notifications-preferences summary{padding:12px 0;cursor:pointer;min-height:44px;font-weight:600}
.cn-notifications-preferences label{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;color:#504c43;font-size:13px}
.cn-notifications-preferences input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px!important;padding:0;margin:0;flex:none;accent-color:#80663c}
.cn-notifications :is(button,summary):focus-visible{outline:3px solid #bca77c;outline-offset:2px}
.cn-notifications-body .partner-alert-panel{display:block;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.cn-notifications-body .partner-event-list{max-height:none;overflow:visible}
.cn-notifications-body .partner-event{background:#fff;color:#282722;border-color:#e3ded5}
.cn-notifications-body .partner-event.unread{background:#faf8f3;border-inline-start:3px solid #91713b}
.cn-notifications-body .partner-push-pref-grid{display:grid;grid-template-columns:1fr;gap:4px}
.cn-notifications-body .partner-push-pref-grid label{min-height:44px;font-size:13px;margin:0}
.cn-notifications-body .partner-event-actions{flex-wrap:wrap}
body.admin-page>header .cn-notifications-header{flex:none;margin-inline-start:auto}
body.admin-page>header .admin-system-status+.cn-notifications-header{margin-inline-start:8px}
.notification-profile-link{margin-top:16px}
@media(max-width:600px){.cn-notifications .cn-notifications-heading{padding:8px 12px}.cn-notifications-body{padding:12px}.cn-notifications-trigger{flex:none}.cn-notifications .cn-notifications-panel{border-radius:16px}.cn-notifications-pager{gap:4px}.cn-notifications-pager .cn-notifications-action{padding-inline:9px}}