/* Primary setup action and the missing account identity, in cabinet colours. */
.connection-spotlight,.identity-link-banner{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid #a5dfc45c;border-radius:18px;margin:0 0 20px;background:linear-gradient(115deg,#315e4b9c,#1b39338c);box-shadow:inset 0 1px 0 #ffffff12,0 12px 30px #00000018}
.spotlight-icon{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border:1px solid #c0e9d54d;border-radius:16px;background:#b2dfd21a;color:#d3f7e4}
.spotlight-icon .ui-icon{width:27px;height:27px}
.spotlight-copy{flex:1;min-width:0}.spotlight-copy .kicker{font-size:10px;letter-spacing:1.4px;color:#b6d9ca;margin-bottom:7px}.spotlight-copy h2{font-size:21px;line-height:1.3;margin:0;color:#edfff5}.spotlight-copy p{font-size:12px;line-height:1.6;color:#bed6ca;margin:7px 0 0}
.connection-action{display:flex;align-items:center;justify-content:center;gap:18px;flex-shrink:0;min-height:48px;padding:13px 20px;border-radius:12px;background:#b2dfd2!important;color:#143b2d!important;font-size:14px;font-weight:700;border:1px solid #d0f2e4;box-shadow:0 5px 16px #00000018;text-decoration:none}.connection-action:hover{background:#cdf1e6!important;transform:translateY(-1px)}.connection-action span{font-size:20px;line-height:1}
.identity-link-banner{gap:14px;padding:17px 20px;background:linear-gradient(115deg,#233b4bc4,#1b30348c);border-color:#9acfe44d;box-shadow:inset 0 1px 0 #ffffff0a}
.identity-link-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#a5d3ef1a;color:#c5e8fa;font-size:23px;font-weight:600}
.identity-link-banner .kicker{color:#a8cada;margin-bottom:5px}.identity-link-banner strong{display:block;font-size:16px;color:#e1f3fa;line-height:1.3}.identity-link-banner p{margin-top:5px;color:#b3cbd7}.identity-link-action{flex-shrink:0;border:1px solid #a4cfe16b;background:#9ccbe91f;color:#e1f3fa;font-size:12px;padding:11px 15px;border-radius:10px}.identity-link-action:hover{background:#9ccbe933}
#view .card.account-link-spotlight{border-color:#9acfe473!important;background:linear-gradient(135deg,#314f5e70,#182b3199)!important;box-shadow:inset 0 1px 0 #ffffff12,0 16px 38px #00000022}#view .account-link-spotlight .kicker{color:#b5ddea}
.connection-action:focus-visible,.identity-link-action:focus-visible{outline:3px solid #e0fff1;outline-offset:4px}
@media(max-width:1000px){.connection-spotlight{flex-wrap:wrap}.connection-action{margin-left:72px}.identity-link-banner{flex-wrap:wrap}.identity-link-action{margin-left:54px}}
@media(max-width:480px){.connection-spotlight{padding:19px 17px;gap:13px}.spotlight-icon{width:44px;height:44px;border-radius:13px}.spotlight-copy h2{font-size:19px}.connection-spotlight .spotlight-copy{flex-basis:calc(100% - 57px)}.connection-action{width:100%;margin-left:0;min-height:48px}.identity-link-banner{padding:16px;gap:12px}.identity-link-banner .spotlight-copy{flex-basis:calc(100% - 52px)}.identity-link-action{margin-left:52px;max-width:calc(100% - 52px)}}
@media(prefers-reduced-motion:reduce){.connection-action:hover{transform:none}}
/* The whole bell glows while unread messages exist; the badge shows a count. */
#notification-bell{width:46px;height:46px;border-radius:14px;flex-shrink:0}
#notification-bell.has-unread{background:#345b49;border-color:#b2dfd2;color:#e0fff0;animation:xeno-unread-glow 2.4s ease-in-out infinite}
#notification-bell.has-unread:hover{background:#406d58;transform:none}
#notification-bell i{display:grid;place-items:center;top:-6px;right:-6px;min-width:22px;width:auto;height:22px;padding:0 5px;border:2px solid #14251b;border-radius:12px;background:#ff8192;color:#281419;font:750 11px/1 system-ui,sans-serif;font-style:normal;box-shadow:0 2px 8px #0005;animation:none}
#notification-bell i[hidden]{display:none!important}
#notification-bell:focus-visible{outline:3px solid #d4ffee;outline-offset:4px}
@keyframes xeno-unread-glow{0%,100%{box-shadow:0 0 0 0 #b2dfd233,0 0 12px #9edcb81a}50%{box-shadow:0 0 0 6px #b2dfd20a,0 0 24px #9edcb84d}}
@media(max-width:760px){#notification-bell{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){#notification-bell.has-unread{animation:none;box-shadow:0 0 0 2px #b2dfd233}#notification-bell i{animation:none}}