/* About disclosure and the existing Notifications views inside CRM. */
.about-calendar-entry{border-top:1px solid #7776;margin-top:36px;padding-top:24px;scroll-margin-top:112px}
.about-calendar-entry>h2{font:600 24px/1.3 Arial,sans-serif;margin:0 0 8px}
.about-calendar-entry>p{font:15px/1.6 Arial,sans-serif;margin:0 0 16px}
#view-calendar{border:1px solid #555;border-radius:6px;padding:11px 18px;background:#101513;color:#dbfbe5;min-height:44px}
#calendar.about-calendar-section{background:#080b0e;color:#e8e7e2;color-scheme:dark;margin-top:20px;border:1px solid #ffffff26;border-radius:12px;padding:20px 16px 24px;max-width:none;min-height:0}
#calendar.about-calendar-section .calendar-week{min-width:0}
#calendar.about-calendar-section[hidden]{display:none!important}
#calendar .calendar-heading h2{font:600 28px/1.15 Arial,sans-serif;margin:0 0 3px;letter-spacing:-.035em}
#crm .crm-home-panels[hidden],#crm .crm-notifications-panel[hidden]{display:none!important}
#crm .crm-notifications-panel{grid-area:panels;min-width:0;min-height:0;overflow:auto;padding:20px 24px;background:var(--crm-bg)}
#crm .crm-notifications-back{margin-bottom:16px}
#crm .crm-site-sidebar>nav{overflow-y:auto;min-height:0;flex:1;align-content:start}
#crm .crm-brand,#crm .crm-signed-in{flex:none}
#crm .crm-brand-art{flex:none}
@media(max-height:850px){#crm .crm-brand-art{display:none}}
#crm #notifications{padding:0;min-height:0;font:14px/1.5 Arial,sans-serif;color:var(--crm-text);max-width:1100px}
#crm .notifications-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}
#crm .notifications-heading>div{flex:1;min-width:180px}
#crm .notifications-heading h1{font:600 28px/1.2 Arial,sans-serif;letter-spacing:0;margin:3px 0 0}
#crm .notifications-eyebrow{font:10px/1.5 Arial,sans-serif;color:var(--crm-muted);margin:0}
#crm .notification-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:12px}
#crm .notification-tabs button{white-space:nowrap;min-height:40px;flex:none}
#crm .notification-tabs [aria-selected=true]{background:#07392d;border-color:var(--crm-green);color:#9fffe3}
#crm #notification-results{display:grid;gap:10px;outline-offset:3px}
#crm #notification-results h2{font:600 18px/1.3 Arial,sans-serif;margin:10px 0 0}
#crm button.notification-card{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:8px;width:100%;padding:16px;text-align:left;overflow-wrap:anywhere;background:var(--crm-card);border-color:var(--crm-border)}
#crm .notification-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
#crm .notification-meta,#crm .notification-empty,#crm .notification-feedback{font:13px/1.5 Arial,sans-serif;color:var(--crm-muted)}
#crm .notification-feedback:empty{display:none}
#crm .notification-more{margin-top:16px}
#crm [data-notifications-link]{position:relative}
#crm [data-notifications-link][data-unread]:after{content:attr(data-unread);background:#e74d56;color:white;border-radius:12px;font:10px/1 Arial,sans-serif;padding:4px 5px;margin-left:auto}
#crm .crm-icon-button[data-notifications-link][data-unread]:after{position:absolute;top:0;right:0}
@media(max-width:700px){#crm .crm-notifications-panel{padding:16px 12px}#crm .notifications-heading h1{font-size:25px}#crm .notifications-heading>div{flex-basis:100%}#crm .notification-card-head{align-items:start}#calendar.about-calendar-section{padding:16px 8px 20px}.about-calendar-entry{margin-top:24px}}