.crm-notifications { position:relative; flex:0 0 auto; }
.crm-agreements-quick { position:relative; flex:0 0 auto; }
.crm-agreements-quick-button { position:relative; }
.crm-agreements-emoji { display:block; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:19px; line-height:1; filter:grayscale(1) saturate(0) brightness(2.15) contrast(.86) drop-shadow(0 1px 1px rgba(5,14,23,.82)); }
.crm-agreements-nav-emoji { width:20px; flex:0 0 20px; font-size:17px; text-align:center; }
#page-pv .pv2-tabs-topbar-slot .crm-agreements-quick { order:4; }
#page-pv .pv2-tabs-topbar-slot .crm-notifications { order:5; }
#page-pv .pv2-tabs-topbar-slot .settings { order:6; }
.crm-agreements-quick-badge { position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 5px; border:2px solid #fff; border-radius:99px; background:#ef5b55; color:#fff; font-size:9px; font-weight:800; line-height:14px; text-align:center; }
.crm-agreements-quick-popover { position:absolute; z-index:529; top:46px; right:0; display:none; width:min(410px,calc(100vw - 40px)); max-height:min(590px,calc(100dvh - 90px)); overflow:hidden; border:1px solid var(--crm-border); border-radius:var(--crm-panel-radius); background:var(--crm-surface); color:var(--crm-text); box-shadow:var(--crm-panel-shadow); backdrop-filter:blur(18px); }
.crm-agreements-quick-popover.open { display:block; }
.crm-agreements-quick-popover>header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid var(--crm-border); }
.crm-agreements-quick-popover>header>div { display:grid; gap:2px; }
.crm-agreements-quick-popover>header strong { font-size:14px; }
.crm-agreements-quick-popover>header small { color:var(--crm-text-muted); font-size:9px; }
.crm-agreements-quick-popover>header button { padding:6px 9px; border:1px solid var(--crm-border); border-radius:var(--crm-control-radius); background:var(--crm-surface-soft); color:var(--crm-accent); font:inherit; font-size:10px; font-weight:750; cursor:pointer; }
.crm-agreements-quick-popover>header button:hover,.crm-agreements-quick-popover>header button:focus-visible { border-color:var(--crm-accent); background:var(--crm-surface-hover); outline:none; }
.crm-agreements-quick-create { padding:8px; border-bottom:1px solid var(--crm-border); }
.crm-agreements-quick-create button { width:100%; min-height:36px; padding:0 10px; border:1px solid var(--crm-border); border-radius:var(--crm-control-radius); background:var(--crm-surface-soft); color:var(--crm-text); font:inherit; font-size:11px; font-weight:750; text-align:left; cursor:pointer; }
.crm-agreements-quick-create button:hover,.crm-agreements-quick-create button:focus-visible { border-color:var(--crm-accent); background:var(--crm-surface-hover); color:var(--crm-accent); outline:none; box-shadow:var(--crm-focus-ring); }
.crm-agreements-quick-popover>[data-agreements-quick-list] { max-height:500px; overflow:auto; }
.crm-agreements-quick-item { width:100%; height:auto; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; box-sizing:border-box; padding:13px 16px; border:0; border-bottom:1px solid var(--crm-border); background:transparent; color:inherit; font:inherit; text-align:left; }
#global-topbar .crm-agreements-quick-item { height:auto!important; min-height:0!important; max-height:none!important; }
.crm-agreements-quick-item.attention { width:calc(100% - 16px); margin:8px; border:2px solid var(--crm-warning,#e6a64c); border-radius:var(--crm-control-radius); }
.crm-agreements-quick-open { min-width:0; min-height:0; display:grid; gap:6px; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
#global-topbar .crm-agreements-quick-open { width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; }
.crm-agreements-quick-item:not(.has-quick-action) .crm-agreements-quick-open { grid-column:1/-1; }
.crm-agreements-quick-item:hover { background:var(--crm-surface-hover); }
.crm-agreements-quick-open:focus-visible { border-radius:6px; outline:3px solid var(--crm-focus-ring); outline-offset:2px; }
.crm-agreements-quick-open>span { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.crm-agreements-quick-item b { min-width:0; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.crm-agreements-quick-item em { flex:0 0 auto; padding:3px 6px; border-radius:99px; background:var(--crm-surface-soft); color:var(--crm-text-muted); font-size:8px; font-style:normal; }
.crm-agreements-quick-item.attention em { padding:0; border-radius:0; background:transparent; color:var(--crm-warning,#e6a64c); font-size:14px; font-weight:760; line-height:1.25; }
.crm-agreements-quick-item small { color:var(--crm-text-muted); font-size:9px; line-height:1.4; }
.crm-agreements-quick-action { max-width:150px; min-height:36px; padding:5px 13px; border:1px solid var(--crm-accent); border-radius:var(--crm-control-radius); background:var(--crm-accent); color:#fff; font:inherit; font-size:10px; font-weight:800; line-height:1.25; cursor:pointer; }
.crm-agreements-quick-action:hover { background:#55c4b5; }
.crm-agreements-quick-action:focus-visible { outline:3px solid var(--crm-focus-ring); outline-offset:2px; }
.crm-agreements-quick-empty { padding:28px 18px; color:var(--crm-text-muted); font-size:11px; text-align:center; }
.crm-notifications-portal-anchor { position:fixed; z-index:530; top:var(--crm-notifications-portal-top,0); right:var(--crm-notifications-portal-right,12px); width:0; height:0; }
.crm-notifications-button { position:relative; }
.crm-notifications-button > svg,
.crm-attention-preview-bell > svg { transform-origin:50% 12%; }
.crm-notifications.has-priority-attention .crm-notifications-button { color:var(--crm-accent); }
.crm-notifications.has-priority-attention .crm-notifications-button::before,
.crm-notifications.has-priority-attention .crm-notifications-button::after,
.crm-attention-preview.is-playing .crm-attention-preview-bell::before,
.crm-attention-preview.is-playing .crm-attention-preview-bell::after {
  content:'';
  position:absolute;
  inset:3px;
  border:2px solid color-mix(in srgb,var(--crm-accent) 70%,transparent);
  border-radius:50%;
  opacity:0;
  pointer-events:none;
}
.crm-notifications.has-priority-attention .crm-notifications-button::after,
.crm-attention-preview.is-playing .crm-attention-preview-bell::after { animation-delay:.48s!important; }
.crm-notifications.has-priority-attention[data-attention-variant="gentle-ripples"] .crm-notifications-button > svg,
.crm-attention-preview.is-playing[data-attention-variant="gentle-ripples"] .crm-attention-preview-bell > svg { animation:crm-attention-gentle 2.4s ease-in-out infinite; }
.crm-notifications.has-priority-attention[data-attention-variant="gentle-ripples"] .crm-notifications-button::before,
.crm-notifications.has-priority-attention[data-attention-variant="gentle-ripples"] .crm-notifications-button::after { animation:crm-attention-ripple-escalating-gentle 2.4s ease-out infinite; }
.crm-attention-preview.is-playing[data-attention-variant="gentle-ripples"] .crm-attention-preview-bell::before,
.crm-attention-preview.is-playing[data-attention-variant="gentle-ripples"] .crm-attention-preview-bell::after { animation:crm-attention-ripple-gentle 2.4s ease-out infinite; }
.crm-notifications.has-priority-attention[data-attention-variant="double-ring"] .crm-notifications-button > svg,
.crm-attention-preview.is-playing[data-attention-variant="double-ring"] .crm-attention-preview-bell > svg { animation:crm-attention-double 1.9s ease-in-out infinite; }
.crm-notifications.has-priority-attention[data-attention-variant="double-ring"] .crm-notifications-button::before,
.crm-notifications.has-priority-attention[data-attention-variant="double-ring"] .crm-notifications-button::after,
.crm-attention-preview.is-playing[data-attention-variant="double-ring"] .crm-attention-preview-bell::before,
.crm-attention-preview.is-playing[data-attention-variant="double-ring"] .crm-attention-preview-bell::after { animation:crm-attention-ripple-double 1.9s ease-out infinite; }
.crm-notifications.has-priority-attention[data-attention-variant="focus-pulse"] .crm-notifications-button > svg,
.crm-attention-preview.is-playing[data-attention-variant="focus-pulse"] .crm-attention-preview-bell > svg { animation:crm-attention-focus 2.8s cubic-bezier(.36,.07,.19,.97) infinite; }
.crm-notifications.has-priority-attention[data-attention-variant="focus-pulse"] .crm-notifications-button::before,
.crm-notifications.has-priority-attention[data-attention-variant="focus-pulse"] .crm-notifications-button::after,
.crm-attention-preview.is-playing[data-attention-variant="focus-pulse"] .crm-attention-preview-bell::before,
.crm-attention-preview.is-playing[data-attention-variant="focus-pulse"] .crm-attention-preview-bell::after { animation:crm-attention-ripple-focus 2.8s ease-out infinite; }
.crm-notifications.has-priority-attention[data-attention-variant="pendulum"] .crm-notifications-button > svg,
.crm-attention-preview.is-playing[data-attention-variant="pendulum"] .crm-attention-preview-bell > svg { animation:crm-attention-pendulum 2.5s ease-in-out infinite; }
.crm-notifications.has-priority-attention[data-attention-variant="pendulum"] .crm-notifications-button::before,
.crm-notifications.has-priority-attention[data-attention-variant="pendulum"] .crm-notifications-button::after,
.crm-attention-preview.is-playing[data-attention-variant="pendulum"] .crm-attention-preview-bell::before,
.crm-attention-preview.is-playing[data-attention-variant="pendulum"] .crm-attention-preview-bell::after { animation:crm-attention-ripple-pendulum 2.5s ease-out infinite; }
.crm-notifications.has-priority-attention[data-attention-variant="urgent-rhythm"] .crm-notifications-button > svg,
.crm-attention-preview.is-playing[data-attention-variant="urgent-rhythm"] .crm-attention-preview-bell > svg { animation:crm-attention-urgent 1.55s ease-in-out infinite; }
.crm-notifications.has-priority-attention[data-attention-variant="urgent-rhythm"] .crm-notifications-button::before,
.crm-notifications.has-priority-attention[data-attention-variant="urgent-rhythm"] .crm-notifications-button::after,
.crm-attention-preview.is-playing[data-attention-variant="urgent-rhythm"] .crm-attention-preview-bell::before,
.crm-attention-preview.is-playing[data-attention-variant="urgent-rhythm"] .crm-attention-preview-bell::after { animation:crm-attention-ripple-urgent 1.55s ease-out infinite; }
@keyframes crm-attention-gentle { 0%,18%,100%{transform:rotate(0)} 24%{transform:rotate(-9deg)} 31%{transform:rotate(8deg)} 38%{transform:rotate(-5deg)} 45%{transform:rotate(3deg)} 52%{transform:rotate(0)} }
@keyframes crm-attention-double { 0%,12%,48%,100%{transform:rotate(0)} 17%,34%{transform:rotate(-12deg)} 24%,41%{transform:rotate(12deg)} }
@keyframes crm-attention-focus { 0%,46%,100%{transform:rotate(0) scale(1)} 52%{transform:rotate(-15deg) scale(1.08)} 58%{transform:rotate(14deg) scale(1.08)} 64%{transform:rotate(-8deg)} 70%{transform:rotate(5deg)} 78%{transform:rotate(0) scale(1)} }
@keyframes crm-attention-pendulum { 0%,12%,78%,100%{transform:rotate(0)} 25%{transform:rotate(-18deg)} 40%{transform:rotate(16deg)} 54%{transform:rotate(-11deg)} 66%{transform:rotate(7deg)} }
@keyframes crm-attention-urgent { 0%,8%,60%,100%{transform:rotate(0)} 12%,28%,44%{transform:rotate(-14deg)} 20%,36%,52%{transform:rotate(14deg)} }
@keyframes crm-attention-ripple-gentle { 0%,18%{opacity:0;transform:scale(.72)} 24%{opacity:.62} 62%,100%{opacity:0;transform:scale(1.65)} }
@keyframes crm-attention-ripple-escalating-gentle { 0%,18%{opacity:0;transform:scale(.72)} 24%{opacity:.62} 62%,100%{opacity:0;transform:scale(var(--crm-attention-ripple-scale,1.65))} }
@keyframes crm-attention-ripple-double { 0%,12%{opacity:0;transform:scale(.7)} 18%{opacity:.72} 52%,100%{opacity:0;transform:scale(1.72)} }
@keyframes crm-attention-ripple-focus { 0%,46%{opacity:0;transform:scale(.68)} 52%{opacity:.78} 84%,100%{opacity:0;transform:scale(1.85)} }
@keyframes crm-attention-ripple-pendulum { 0%,12%{opacity:0;transform:scale(.72)} 24%{opacity:.58} 72%,100%{opacity:0;transform:scale(1.74)} }
@keyframes crm-attention-ripple-urgent { 0%,8%{opacity:0;transform:scale(.68)} 14%{opacity:.82} 58%,100%{opacity:0;transform:scale(1.82)} }
.crm-notifications-badge { position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 5px; border:2px solid #fff; border-radius:99px; background:#ef5b55; color:#fff; font-size:9px; font-weight:800; line-height:14px; text-align:center; }
.crm-notifications-popover { position:absolute; z-index:530; top:46px; right:0; display:none; width:min(390px,calc(100vw - 40px)); max-height:min(560px,calc(100dvh - 90px)); overflow:hidden; border:1px solid #e1e3e8; border-radius:14px; background:#fff; box-shadow:0 24px 64px rgba(28,34,45,.18); }
.crm-notifications-popover.open { display:block; }
.crm-notifications-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid #eceef1; }
.crm-notifications-head strong { font-size:14px; }
.crm-notifications-head button { padding:0; border:0; background:transparent; color:#319c8e; font:inherit; font-size:10px; font-weight:750; cursor:pointer; }
.crm-notifications-list { display:grid; gap:8px; max-height:470px; padding:8px; overflow-y:auto; background:#f4f6f8; }
.crm-notification-item { display:block; width:100%; box-sizing:border-box; padding:13px 14px; border:1px solid #e1e5ea; border-radius:11px; background:#fff; color:#222; font:inherit; text-align:left; box-shadow:0 2px 7px rgba(28,34,45,.055); }
.crm-notifications-popover .crm-notification-open { display:block; width:100%; height:auto!important; min-height:0; padding:0; overflow:visible; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.crm-notification-item:hover { border-color:#cddbd8; background:#f9fcfb; }
.crm-notification-item.unread { border-left:3px solid var(--crm-accent); background:#e9f7f4; box-shadow:0 3px 10px rgba(49,156,142,.1); }
.crm-notification-item.recovered { border-color:color-mix(in srgb,#39a96b 35%,var(--crm-border)); background:color-mix(in srgb,#39a96b 7%,var(--crm-surface)); }
.crm-notification-item-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.crm-notification-title { display:flex; min-width:0; align-items:center; gap:7px; }
.crm-notification-title em { flex:0 0 auto; padding:2px 5px; border-radius:99px; background:var(--crm-accent); color:#fff; font-size:7px; font-style:normal; font-weight:800; letter-spacing:.035em; text-transform:uppercase; }
.crm-notification-title em.recovered { background:#39a96b; }
.crm-notification-item strong { display:-webkit-box; min-width:0; overflow:hidden; font-size:11px; line-height:1.35; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.crm-notification-item time { flex:0 0 auto; color:#9196a0; font-size:9px; }
.crm-notification-item p { margin:5px 0 0; color:#696e78; font-size:10px; line-height:1.5; white-space:pre-line; }
.crm-notification-rsvp { display:flex; gap:7px; margin-top:10px; }
.crm-notification-rsvp button { display:grid; width:30px; height:30px; place-items:center; border:1px solid var(--crm-border); border-radius:9px; background:var(--crm-surface-soft); color:var(--crm-text-muted); font:800 16px/1 inherit; cursor:pointer; }
.crm-notification-rsvp button:hover,.crm-notification-rsvp button:focus-visible { border-color:var(--crm-accent); outline:none; box-shadow:var(--crm-focus-ring); }
.crm-notification-rsvp .accept { border-color:color-mix(in srgb,var(--crm-accent) 55%,var(--crm-border)); color:var(--crm-accent); }
.crm-notification-rsvp .decline { color:#ef5b55; }
.crm-notification-rsvp--invitation { display:grid; width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); }
.crm-notification-rsvp--invitation button { display:flex; width:100%; min-width:0; min-height:48px; height:auto; align-items:center; justify-content:center; padding:8px; font-size:11px; line-height:1.25; text-align:center; }
.crm-notification-rsvp--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
.crm-notification-rsvp--invitation .accept { border-color:color-mix(in srgb,#43b7a8 55%,var(--crm-border)); background:color-mix(in srgb,#43b7a8 18%,var(--crm-surface-soft)); color:#2f9f92; }
.crm-notification-rsvp--invitation .decline { border-color:color-mix(in srgb,#ef5b55 72%,var(--crm-border)); background:color-mix(in srgb,#ef5b55 24%,var(--crm-surface-soft)); color:#ef5b55; }
.crm-notification-rsvp--invitation .propose { border-color:color-mix(in srgb,#f2ad29 72%,var(--crm-border)); background:color-mix(in srgb,#f2ad29 24%,var(--crm-surface-soft)); color:color-mix(in srgb,#f2ad29 86%,var(--crm-text)); }
.crm-notification-rsvp-status { margin-top:10px; padding:9px 11px; border:1px solid color-mix(in srgb,#39a96b 52%,var(--crm-border)); border-radius:9px; background:color-mix(in srgb,#39a96b 14%,var(--crm-surface-soft)); color:#268a55; font-size:10px; font-weight:800; line-height:1.35; text-align:center; }
.crm-notification-mark-read { display:block; min-height:30px; margin:10px 0 0 auto; padding:0 10px; border:1px solid color-mix(in srgb,var(--crm-accent) 45%,var(--crm-border)); border-radius:8px; background:var(--crm-surface-soft); color:var(--crm-accent); font:inherit; font-size:9px; font-weight:800; cursor:pointer; }
.crm-notification-mark-read:hover,.crm-notification-mark-read:focus-visible { border-color:var(--crm-accent); background:var(--crm-surface-hover); outline:none; box-shadow:var(--crm-focus-ring); }
.crm-notification-mark-read:disabled { cursor:wait; opacity:.58; }
.crm-notification-rsvp--four .crm-notification-mark-read { min-height:48px; margin:0; padding:8px; border-radius:9px; font-size:11px; line-height:1.25; }
.crm-notification-decline[hidden],.crm-notification-proposal[hidden] { display:none!important; }
.crm-notification-proposal { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; padding:10px; border:1px solid var(--crm-border); border-radius:var(--crm-panel-radius); background:var(--crm-surface-soft); }
.crm-notification-proposal label { display:grid; gap:4px; color:var(--crm-text-muted); font-size:9px; font-weight:750; }
.crm-notification-proposal input { min-width:0; width:100%; box-sizing:border-box; height:44px; padding:0 10px; border:1px solid var(--crm-border); border-radius:var(--crm-control-radius); background:var(--crm-surface); color:var(--crm-text); font:inherit; font-size:13px; font-weight:600; line-height:1.2; }
.crm-notification-proposal input:focus-visible { border-color:var(--crm-accent); outline:none; box-shadow:var(--crm-focus-ring); }
.crm-notification-proposal-hint { grid-column:1/-1; color:var(--crm-text-muted); font-size:10px; line-height:1.4; }
.crm-notification-proposal>span { grid-column:1/-1; display:flex; justify-content:flex-end; gap:7px; }
.crm-notification-proposal button { min-height:30px; padding:0 10px; border:1px solid var(--crm-border); border-radius:var(--crm-control-radius); background:var(--crm-surface); color:var(--crm-text); font:inherit; font-size:9px; font-weight:750; cursor:pointer; }
.crm-notification-proposal button.primary { border-color:var(--crm-accent); background:var(--crm-accent); color:#fff; }
.crm-notification-decline { display:grid; gap:8px; margin-top:10px; padding:10px; border:1px solid color-mix(in srgb,#ef5b55 38%,var(--crm-border)); border-radius:var(--crm-panel-radius); background:var(--crm-surface-soft); }
.crm-notification-decline label { display:grid; gap:5px; color:var(--crm-text-muted); font-size:9px; font-weight:750; }
.crm-notification-decline textarea { width:100%; min-height:54px; box-sizing:border-box; padding:8px; resize:vertical; border:1px solid var(--crm-border); border-radius:var(--crm-control-radius); outline:none; background:var(--crm-surface); color:var(--crm-text); font:inherit; font-size:10px; line-height:1.4; }
.crm-notification-decline textarea:focus { border-color:#ef5b55; box-shadow:0 0 0 3px color-mix(in srgb,#ef5b55 14%,transparent); }
.crm-notification-decline>span { display:flex; justify-content:flex-end; gap:7px; }
.crm-notification-decline button { min-height:30px; padding:0 10px; border:1px solid var(--crm-border); border-radius:var(--crm-control-radius); background:var(--crm-surface); color:var(--crm-text); font:inherit; font-size:9px; font-weight:750; cursor:pointer; }
.crm-notification-decline button.decline { border-color:#ef5b55; background:#ef5b55; color:#fff; }
.crm-notifications-empty { padding:28px 18px; color:#8b9099; font-size:11px; text-align:center; }
.crm-notifications-history { display:grid; gap:8px; }
.crm-notifications-history>summary { padding:10px 12px; border-radius:9px; color:var(--crm-text-muted); font-size:10px; font-weight:800; cursor:pointer; }
.crm-notifications-history[open]>summary { background:var(--crm-surface-soft); }
.crm-notifications-history>.crm-notification-item { margin-top:8px; }

html[data-theme="dark"] .crm-notifications-badge { border-color:#15171d; }
html[data-theme="dark"] .crm-agreements-quick-badge { border-color:#15171d; }
html[data-theme="dark"] .crm-notifications-popover { border-color:#2b2e38; background:#15171d; color:#e8e9ed; }
html[data-theme="dark"] .crm-notifications-head,
html[data-theme="dark"] .crm-notification-item { border-color:#313540; }
html[data-theme="dark"] .crm-notifications-list { background:#101218; }
html[data-theme="dark"] .crm-notification-item { background:#191c23; color:#e8e9ed; box-shadow:0 2px 8px rgba(0,0,0,.24); }
html[data-theme="dark"] .crm-notification-item:hover { border-color:#42504f; background:#1c2228; }
html[data-theme="dark"] .crm-notification-item.unread { border-left-color:var(--crm-accent); background:#172826; box-shadow:0 3px 11px rgba(0,0,0,.3); }
html[data-theme="dark"] .crm-notification-item p { color:#969ba6; }

@media (prefers-reduced-motion:reduce) {
  .crm-notifications.has-priority-attention .crm-notifications-button > svg,
  .crm-attention-preview.is-playing .crm-attention-preview-bell > svg,
  .crm-notifications.has-priority-attention .crm-notifications-button::before,
  .crm-notifications.has-priority-attention .crm-notifications-button::after,
  .crm-attention-preview.is-playing .crm-attention-preview-bell::before,
  .crm-attention-preview.is-playing .crm-attention-preview-bell::after { animation:none!important; }
  .crm-notifications.has-priority-attention .crm-notifications-button::before,
  .crm-attention-preview.is-playing .crm-attention-preview-bell::before { opacity:.72; transform:scale(1.2); }
}

/* Mandatory task attention belongs to Contracts and ends only with its server receipt. */
.crm-agreements-quick.has-mandatory-attention .crm-agreements-quick-button::before,
.crm-agreements-quick.has-mandatory-attention .crm-agreements-quick-button::after{content:'';position:absolute;inset:3px;border:2px solid color-mix(in srgb,var(--crm-accent) 70%,transparent);border-radius:50%;opacity:0;pointer-events:none;animation:crm-attention-ripple-escalating-gentle 2.4s ease-out infinite}
.crm-agreements-quick.has-mandatory-attention .crm-agreements-quick-button::after{animation-delay:.48s}
.crm-agreements-quick.has-mandatory-attention .crm-agreements-emoji{animation:crm-attention-gentle 2.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.crm-agreements-quick.has-mandatory-attention .crm-agreements-quick-button::before{animation:none;opacity:.7;transform:scale(1.25)}.crm-agreements-quick.has-mandatory-attention .crm-agreements-quick-button::after{animation:none}.crm-agreements-quick.has-mandatory-attention .crm-agreements-emoji{animation:none}}

.staff-team-quick-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 14px 12px; }
.staff-team-quick-links button { min-width: 0; padding: 10px; border: 1px solid var(--crm-border); border-radius: 10px; background: var(--crm-surface-soft); color: var(--crm-text); font: inherit; font-size: 11px; cursor: pointer; }
.staff-team-quick-links button:hover { border-color: var(--crm-accent); }
.staff-team-quick-links button:focus-visible { outline: 3px solid var(--crm-focus-ring); outline-offset: 2px; }