@layer halo-material {
/* New surfaces inherit the exact site material tokens; solid/reduced modes remain opaque. */
body.social-authenticated .co-pane{grid-column:2!important;grid-row:1!important;position:relative!important;min-width:0!important;height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;border:1px solid var(--au-line)!important;border-radius:20px!important;background:var(--au-panel)!important;color:var(--au-ink)!important;backdrop-filter:var(--au-blur)!important;-webkit-backdrop-filter:var(--au-blur)!important}
body .co-storage[hidden]{display:none!important}
body.social-authenticated :is(.co-pane,.co-directory,.co-back,.co-request-block,.co-rewards,.co-find,.co-badge)[hidden]{display:none!important}
body.co-active #social-shell .social-contacts-card{display:flex!important;grid-column:1!important;grid-row:1!important;flex-direction:column!important;min-height:0!important;visibility:visible!important}
body.co-active #social-shell .social-contacts-card>:not(.au-contacts-heading):not(.co-directory):not(.co-notification-directory):not(.au-contact-sections){display:none!important}
body.co-active #social-shell .social-contacts-card .au-contact-sections{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;flex:none!important;margin:10px 14px 14px!important;position:relative!important;inset:auto!important}
body.social-authenticated .au-contact-sections{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.social-authenticated .au-contact-sections>button{position:relative!important;min-width:0!important}
body .co-badge{position:absolute;right:14px;top:4px;background:var(--au-accent,#925dff);color:#fff;font-size:10px;line-height:18px;min-width:18px;height:18px;padding:0 3px;border-radius:12px;box-sizing:border-box}
body.co-active #social-shell .social-dashboard-grid>#halo-home-welcome,body.co-active #social-shell .social-dashboard-grid>#direct-chat-card{display:none!important}
body.co-active #social-shell .social-dashboard-grid>#halo-group-detail:not([hidden]){display:flex!important}
body.co-active .au-contacts-heading{flex:none!important;gap:8px!important}
body.co-active .au-contacts-heading .au-list-title{font-size:18px!important;letter-spacing:-.03em!important}
body.co-active .au-contacts-heading #social-new-invite{display:none!important}
body .co-directory{display:flex;flex-direction:column;gap:22px;flex:1;min-height:0;overflow:auto;padding:14px 14px 6px;scrollbar-width:thin}
body .co-search{display:block!important;width:100%!important;box-sizing:border-box!important;border:1px solid var(--au-line)!important;background:var(--au-soft)!important;color:var(--au-ink)!important;border-radius:14px!important;padding:12px 14px!important;min-height:44px!important;font:inherit!important;font-size:13px!important;margin:0!important}
body .co-section-head,body .co-profiles>h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px;padding:0 8px}
body .co-section-head h3,body .co-profiles>h3{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--au-muted);font-weight:750}
body .co-add-group{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--au-line);border-radius:11px;background:var(--au-soft);color:var(--au-ink);font-size:22px}
body .co-group-row{display:flex;align-items:center;gap:11px;width:100%;padding:10px 8px;margin:0 0 3px;text-align:start;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--au-ink);font:inherit;cursor:pointer;box-sizing:border-box}
body .co-group-unread{margin-left:auto;display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--au-accent,#9669ff);color:var(--au-accent-ink,#fff);font-size:10px;padding:0 4px;box-sizing:border-box}
body .co-group-row.is-active{background:var(--au-soft);border-color:var(--au-line)}
body .co-group-row:hover,body .co-group-row:focus-visible{background:var(--au-soft);border-color:var(--au-line)}
body .co-avatar{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid var(--au-line);border-radius:15px;background:var(--au-soft);overflow:hidden;color:var(--au-muted)}
body .co-avatar :is(svg,img){width:100%;height:100%;object-fit:cover}body .co-avatar svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6}
body .co-group-copy{display:flex;flex-direction:column;gap:4px;min-width:0}body .co-group-copy strong{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:220px}body .co-group-copy small{font-size:11px;color:var(--au-muted)}
body.co-active #au-official-directory{display:block!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important;background:transparent!important}
body.co-active #au-official-directory .au-official-hint{display:none!important}
body.co-active #au-official-directory .au-official-row{display:flex!important;width:100%!important;align-items:center!important;gap:10px!important;padding:10px 8px!important;box-sizing:border-box!important;min-height:64px!important;border-radius:14px!important;background:transparent!important;border:1px solid transparent!important;color:var(--au-ink)!important}
body.co-active #au-official-directory .au-official-row[hidden]{display:none!important}
body.co-active #au-official-directory .au-official-row:hover{background:var(--au-soft)!important;border-color:var(--au-line)!important}
body.co-active .au-official-row .au-official-avatar{width:42px!important;height:42px!important;flex:none!important}
body.co-active .au-official-copy{min-width:0!important;flex:1!important}body.co-active .au-official-copy strong{font-size:13px!important}body.co-active .au-official-copy small{font-size:11px!important;line-height:1.4!important;white-space:normal!important}
body.co-active .au-official-follow-state{font-size:10px!important;border:1px solid var(--au-line)!important;border-radius:9px!important;padding:5px 6px!important;white-space:nowrap!important}
body .co-back{flex:none;align-self:flex-start;margin:12px 18px 0;border:1px solid var(--au-line);border-radius:11px;background:var(--au-soft);color:var(--au-ink);min-height:40px;padding:8px 12px;font:inherit;font-size:12px}
body .co-content{flex:1;min-height:0;overflow:auto;padding:28px;box-sizing:border-box;scrollbar-width:thin}
body .co-welcome-title{font-size:clamp(22px,3vw,34px);line-height:1.2;margin:clamp(60px,16vh,160px) auto 18px;max-width:20em;text-align:center;letter-spacing:-.04em}
body .co-welcome-copy{max-width:27em;text-align:center;margin:auto;color:var(--au-muted);line-height:1.8;font-size:14px}
body .co-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
body .co-notification-head h2{font-size:27px;letter-spacing:-.04em;margin:0 0 9px}body .co-notification-head p{font-size:12px;color:var(--au-muted);line-height:1.6;margin:0}
body .co-mark-all{font:inherit;font-size:11px;padding:9px 10px;min-height:38px;border:1px solid var(--au-line);border-radius:11px;background:var(--au-soft);color:var(--au-ink);white-space:nowrap}
body .co-notification-tabs{display:flex;gap:7px;margin-bottom:22px;max-width:100%;overflow:auto;scrollbar-width:none}
body .co-notification-tabs button,body .co-connect-tabs button{font:inherit;font-size:12px;min-height:36px;padding:8px 14px;border:1px solid var(--au-line);border-radius:12px;background:var(--au-soft);color:var(--au-muted);white-space:nowrap}
body .co-notification-tabs [aria-pressed=true],body .co-connect-tabs [aria-pressed=true]{background:var(--au-accent,#9669ff);border-color:transparent;color:var(--au-accent-ink,#fff)}
body .co-feedback{font-size:12px;color:var(--au-muted);line-height:1.6}body .co-feedback:empty{display:none}
body .co-request-block>h3,body .co-rewards h3{font-size:12px;color:var(--au-muted);font-weight:650;margin:0 0 12px}
body .co-request-block .halo-request-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
body .co-request-block :is(.halo-request-heading,h3)[hidden]{display:none!important}
body.co-active .co-pane>.au-contact-sections{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;flex:none!important;position:relative!important;inset:auto!important;margin:10px 14px 14px!important}
body .co-request-block .halo-request-tabs{display:flex;gap:5px;border:1px solid var(--au-line);padding:4px;border-radius:12px}
body .co-request-block .halo-request-tabs button{display:flex;align-items:center;gap:8px;border:0;padding:8px 12px;min-height:36px;border-radius:9px;background:transparent;color:var(--au-muted);font:inherit;font-size:12px}
body .co-request-block .halo-request-tabs [aria-selected=true]{background:var(--au-soft);color:var(--au-ink)}
body .co-request-block #halo-refresh-requests{width:38px;height:38px;border-radius:12px;border:1px solid var(--au-line);color:var(--au-ink);background:var(--au-soft);font-size:20px}
body .co-request-block .halo-person-row,body .co-rewards .halo-gift-activity-row,body .co-notice{display:flex!important;position:relative;align-items:center!important;gap:13px!important;padding:16px!important;margin:0 0 10px!important;border:1px solid var(--au-line)!important;border-radius:17px!important;background:var(--au-soft)!important;color:var(--au-ink)!important;box-sizing:border-box!important}
body .co-request-block .halo-person-avatar{flex:none!important;width:42px!important;height:42px!important;border-radius:50%!important;background:var(--au-soft)!important;color:var(--au-ink)!important;display:grid!important;place-items:center!important}
body .co-request-block .halo-person-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}body .co-request-block .halo-person-details strong{font-size:13px}body .co-request-block .halo-person-details :is(span,small){font-size:11px;color:var(--au-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .co-request-block .halo-person-actions{display:flex;flex-wrap:wrap;gap:7px}body .co-request-block .halo-person-actions button,body .co-rewards button,body .co-notice-open{border:1px solid var(--au-line);border-radius:11px;min-height:38px;font:inherit;font-size:12px;padding:8px 12px;color:var(--au-ink);background:var(--au-soft)}
body .co-request-block .halo-person-actions button.is-primary{background:var(--au-accent,#a277ff);border-color:transparent;color:var(--au-accent-ink,#fff)}
body .co-request-block .halo-request-empty,body .co-notification-empty,body .co-empty{padding:18px;color:var(--au-muted);font-size:12px;line-height:1.7;text-align:center}
body .co-rewards #halo-gift-activity{padding:0!important;background:transparent!important;border:0!important}
body .co-rewards .halo-gift-activity-row>div:first-child{flex:1;min-width:0}body .co-rewards time{font-size:10px;color:var(--au-muted)}body .co-rewards p{font-size:12px}
body .co-notice-copy{flex:1;min-width:0}body .co-notice-copy strong{font-size:13px}body .co-notice-copy p{margin:5px 0;font-size:12px;color:var(--au-muted)}body .co-notice-copy time{font-size:10px;color:var(--au-muted)}
body .co-notice-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--au-soft);font-size:24px;color:var(--au-muted);flex:none}
body .co-notice-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body .co-unread-dot{position:absolute;left:6px;top:10px;width:5px;height:5px;border-radius:50%;background:#ab80ff}
body .co-content .au-official-body{padding:0!important}body .co-content .au-official-identity{display:flex;gap:16px;align-items:center;margin-bottom:20px}body .co-content .au-official-identity .au-official-avatar{width:72px;height:72px;flex:none}body .co-content .au-official-identity h2{font-size:28px;margin:5px 0}body .co-content .au-official-bio{color:var(--au-muted);font-size:13px;line-height:1.7}body .co-content .au-official-follow{border:1px solid var(--au-line);border-radius:12px;background:var(--au-soft);color:var(--au-ink);padding:10px 15px;min-height:40px}body .co-content .au-official-post{margin:18px 0;padding:22px;border:1px solid var(--au-line);border-radius:18px;background:var(--au-soft);line-height:1.8;font-size:14px}body .co-content .au-official-post time{font-size:11px;color:var(--au-muted)}
body.social-authenticated #social-new-invite #halo-invite-badge{display:none!important}
/* Compact Connect A; each former oversized slab now has a single clear purpose. */
body.social-authenticated #halo-search-dialog.co-connect{width:min(460px,calc(100vw - 24px))!important;max-width:460px!important;max-height:calc(100dvh - 32px)!important;inset:16px!important;height:max-content!important;margin:auto!important;padding:24px!important;border-radius:24px!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-search-dialog-head{grid-template-columns:28px minmax(0,1fr) 32px!important;gap:12px!important;margin-bottom:22px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-connect-logo{width:28px!important;height:28px!important;grid-column:1!important;grid-row:1!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-search-dialog-head h2{grid-column:2!important;font-size:21px!important;white-space:nowrap!important;letter-spacing:-.035em!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-search-dialog-close{grid-column:3!important;grid-row:1!important;width:32px!important;height:32px!important;min-height:32px!important}
body.social-authenticated #halo-search-dialog.co-connect .au-invite-subtitle{grid-column:1/-1!important;font-size:12px!important;margin-top:0!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-invite-hub{gap:16px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-connect-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;border:1px solid var(--au-line)!important;border-radius:14px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-connect-tabs button{border:0!important;border-radius:10px!important;min-height:36px!important;font-size:12px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-find .halo-search-control{margin:0 0 8px!important;min-height:46px!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-help{font-size:11px!important;line-height:1.6!important;margin:0 0 10px!important;color:var(--au-muted)!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-person-row{padding:10px!important;border-radius:14px!important;margin:7px 0!important;min-height:64px!important;background:var(--au-soft)!important;border:1px solid var(--au-line)!important;gap:11px!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-person-avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-person-actions button{padding:7px 12px!important;min-height:36px!important;border-radius:10px!important;font-size:12px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-privacy{font-size:11px!important;text-align:center!important;color:var(--au-muted)!important;margin:15px 0 0!important}
body.social-authenticated #halo-search-dialog.co-connect .co-share-invite{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px!important;margin:0!important;min-height:64px!important;background:var(--au-soft)!important;border:1px solid var(--au-line)!important;border-radius:15px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-share-invite strong{font-size:12px!important}body.social-authenticated #halo-search-dialog.co-connect .co-share-invite small{display:none!important}
body.social-authenticated #halo-search-dialog.co-connect #halo-invite-link{min-height:38px!important;padding:8px 12px!important;white-space:nowrap!important;font-size:12px!important;border-radius:11px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-share-expanded{min-height:160px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}
body.social-authenticated #halo-search-dialog.co-connect .co-share-expanded small{display:block!important;margin-top:8px!important;font-size:12px!important;line-height:1.6!important}
body.social-authenticated #halo-search-dialog.co-connect .co-connect-requests{font:inherit!important;font-size:11px!important;color:var(--au-muted)!important;background:transparent!important;border:0!important;padding:5px!important;min-height:32px!important}
body.social-authenticated #halo-search-dialog.co-connect :is(.halo-invite-intro,.halo-invite-search-label,#halo-invite-badge){display:none!important}
@media(max-width:900px){
 body.co-active #social-shell .social-dashboard-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:6px 8px 0!important}
 body.co-active:not(.co-mobile-detail) #social-shell .social-contacts-card{display:flex!important;grid-column:1!important;grid-row:1!important}
 body.co-active:not(.co-mobile-detail) #social-shell :is(.co-pane,#halo-group-detail){display:none!important}
 body.co-active.co-mobile-detail #social-shell .social-contacts-card{display:none!important}
 body.co-active.co-mobile-detail #social-shell :is(.co-pane,#halo-group-detail:not([hidden])){grid-column:1!important;grid-row:1!important}
 body .co-content{padding:20px 16px}
 body .co-notification-head{gap:10px;flex-wrap:wrap;margin-bottom:18px}body .co-notification-head h2{font-size:24px}body .co-notification-head p{font-size:11px}
 body .co-request-block .halo-person-row{flex-wrap:wrap!important;gap:10px!important;padding:14px!important}body .co-request-block .halo-person-actions{margin-left:52px;flex-basis:calc(100% - 52px)}
 body .co-notice{padding:14px!important;gap:10px!important}body .co-notice-icon{width:32px;height:32px;font-size:21px}body .co-notice-open{padding:7px 10px;font-size:11px}
 body.social-authenticated #halo-search-dialog.co-connect{padding:20px!important;border-radius:22px!important}
 body.social-authenticated #halo-search-dialog.co-connect .halo-search-dialog-head{grid-template-columns:24px minmax(0,1fr) 28px!important;gap:7px!important;margin-bottom:18px!important}
 body.social-authenticated #halo-search-dialog.co-connect .halo-search-dialog-head h2{font-size:18px!important}body.social-authenticated #halo-search-dialog.co-connect .co-connect-logo{width:24px!important;height:24px!important}
 body.social-authenticated #halo-search-dialog.co-connect .halo-search-dialog-close{width:28px!important;height:28px!important;min-height:28px!important}
}
}

@layer halo-material {
/* Explicit component geometry prevents native dialog/panel rules from leaking in. */
body.social-authenticated .co-content.co-welcome{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;padding:32px!important;text-align:center!important}
body.social-authenticated .co-welcome .co-welcome-title{margin:0!important;font-size:clamp(24px,3vw,36px)!important;line-height:1.2!important;text-align:center!important;max-width:22em!important}
body.social-authenticated .co-welcome .co-welcome-copy{margin:0!important;max-width:30em!important;text-align:center!important;font-size:14px!important;line-height:1.8!important;color:var(--au-muted)!important}
body.social-authenticated .co-section-head{min-height:36px!important;align-items:center!important;margin-bottom:8px!important}
body.social-authenticated .co-section-head h3{margin:0!important;line-height:1!important}
body.social-authenticated .co-add-group{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:none!important;width:auto!important;height:34px!important;min-height:34px!important;padding:0 11px!important;font:600 11px/1 system-ui!important;border-radius:10px!important;color:var(--au-accent)!important;background:var(--au-soft)!important;border:1px solid var(--au-line)!important}
body.social-authenticated .co-add-group::before{content:'+';font-size:18px;font-weight:400}
body.social-authenticated .co-group-copy,body.social-authenticated .au-official-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:start!important;gap:4px!important}
body.social-authenticated .co-group-copy :is(strong,small),body.social-authenticated .au-official-copy :is(strong,small){margin:0!important;line-height:1.4!important}
body.social-authenticated .au-contact-sections,body.co-active #social-shell .social-contacts-card .au-contact-sections,body.co-active .co-pane>.au-contact-sections{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important}
body.social-authenticated .au-contact-sections>button{padding:8px 2px!important;gap:5px!important;justify-content:center!important;align-items:center!important;font-size:10px!important}
body.social-authenticated .au-contact-sections>button span{font-size:10px!important}
body.social-authenticated .au-dock-zone #halo-rail-wallet{display:flex!important;visibility:visible!important}
body.social-authenticated #halo-search-dialog.co-connect{width:min(420px,calc(100vw - 28px))!important;max-width:420px!important;padding:22px!important;overflow:auto!important;background:var(--au-raised,var(--au-panel))!important}
body.social-authenticated #halo-search-dialog.co-connect::before{display:none!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-invite-hub{display:flex!important;gap:14px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none!important}
body.social-authenticated #halo-search-dialog.co-connect :is(.co-find,.halo-search-results){padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-search-dialog-head{margin:0 0 18px!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-search-dialog-head h2{font:750 20px/1.25 Manrope,system-ui!important;margin:0!important}
body.social-authenticated #halo-search-dialog.co-connect .co-connect-tabs{border-radius:11px!important;padding:3px!important;background:var(--au-soft)!important;gap:3px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-connect-tabs button{display:flex!important;justify-content:center!important;align-items:center!important;background:transparent!important;min-height:32px!important;height:32px!important;padding:0 7px!important;border-radius:8px!important;line-height:1!important}
body.social-authenticated #halo-search-dialog.co-connect .co-connect-tabs button[aria-pressed=true]{background:var(--au-active)!important;color:var(--au-ink)!important;box-shadow:inset 0 1px #ffffff18!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-search-control{border-radius:12px!important;min-height:42px!important;outline:none!important;transition:border-color .15s!important}
body.social-authenticated #halo-search-dialog.co-connect .halo-search-control:focus-within{border-color:var(--au-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--au-accent) 18%,transparent)!important;outline:0!important}
body.social-authenticated #halo-search-dialog.co-connect #halo-user-search{font-size:14px!important;height:42px!important;outline:none!important;box-shadow:none!important}
body.social-authenticated #halo-search-dialog.co-connect .co-find .halo-help{display:none!important}
body.social-authenticated #halo-search-dialog.co-connect #halo-search-state{font-size:12px!important;line-height:1.6!important;text-align:center!important;padding:16px 8px 0!important;margin:0!important;color:var(--au-muted)!important}
body.social-authenticated #halo-search-dialog.co-connect .co-privacy{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:14px 0 0!important;font-size:11px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-share-invite{min-height:52px!important;padding:10px 12px!important;border-radius:13px!important;background:var(--au-soft)!important;box-shadow:none!important}
body.social-authenticated #halo-search-dialog.co-connect #halo-invite-link{min-height:32px!important;height:32px!important;padding:0 10px!important;border:1px solid var(--au-line)!important;border-radius:9px!important;background:transparent!important;color:var(--au-ink)!important;font-size:11px!important;box-shadow:none!important}
body.social-authenticated #halo-search-dialog.co-connect .co-share-expanded{min-height:140px!important}
body.social-authenticated #halo-search-dialog.co-connect .co-connect-requests{font-size:10px!important;min-height:24px!important;padding:0!important;line-height:1.4!important;margin:0!important}
body.social-authenticated .co-group-dialog{box-sizing:border-box!important;width:min(440px,calc(100vw - 28px))!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:24px!important;border:1px solid var(--au-line)!important;border-radius:24px!important;background:var(--au-raised,var(--au-panel))!important;color:var(--au-ink)!important;backdrop-filter:var(--au-blur)!important;box-shadow:0 24px 80px #0004!important;overflow:auto!important}
body.social-authenticated .co-group-dialog::backdrop{background:#08091470;backdrop-filter:blur(8px)}
body.social-authenticated .co-group-dialog-head{display:flex!important;gap:12px!important;align-items:center!important;margin:0 0 24px!important;padding:0!important;border:0!important;background:transparent!important}
body.social-authenticated .co-group-dialog-head>div{flex:1;min-width:0}
body.social-authenticated .co-group-dialog-head h2{font:750 21px/1.3 Manrope,system-ui!important;margin:0 0 5px!important}
body.social-authenticated .co-group-dialog-head p{font:12px/1.5 system-ui!important;color:var(--au-muted)!important;margin:0!important}
body.social-authenticated .co-group-dialog-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--au-soft);color:var(--au-accent);flex:none}
body.social-authenticated .co-group-dialog-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}
body.social-authenticated .co-dialog-close{width:32px!important;height:32px!important;min-height:32px!important;border:0!important;border-radius:50%!important;background:var(--au-soft)!important;color:var(--au-muted)!important;font-size:22px!important;padding:0!important}
body.social-authenticated .co-group-dialog .halo-group-editor{display:flex!important;flex-direction:column!important;gap:18px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.social-authenticated .co-group-dialog label{display:flex!important;flex-direction:column!important;gap:8px!important;font:600 12px/1.4 system-ui!important;color:var(--au-ink)!important}
body.social-authenticated .co-group-dialog :is(input,textarea){box-sizing:border-box!important;width:100%!important;margin:0!important;padding:12px!important;border:1px solid var(--au-line)!important;border-radius:12px!important;background:var(--au-soft)!important;color:var(--au-ink)!important;font:14px/1.5 system-ui!important;resize:vertical!important}
body.social-authenticated .co-group-dialog [type=submit]{min-height:42px!important;padding:10px!important;border:0!important;border-radius:12px!important;background:var(--au-accent)!important;color:var(--au-accent-ink,var(--au-bg))!important;font:650 13px/1.4 system-ui!important}
body.social-authenticated .co-group-privacy{font:11px/1.7 system-ui!important;color:var(--au-muted)!important;text-align:center!important;margin:18px 0 0!important}
body.social-authenticated .co-content.co-profile-content{display:flex!important;padding:0!important;overflow:hidden!important}
body.social-authenticated .co-profile-content .au-official-body{display:flex!important;flex-direction:column!important;flex:1!important;width:100%!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:hidden!important}
body.social-authenticated .co-profile-content .au-official-identity{display:flex!important;align-items:center!important;gap:12px!important;flex:none!important;padding:18px 22px!important;margin:0!important;border-bottom:1px solid var(--au-line)!important;background:var(--au-soft)!important}
body.social-authenticated .co-profile-content .au-official-identity>div{flex:1!important;min-width:0!important}
body.social-authenticated .co-profile-content .au-official-identity .au-official-avatar{width:44px!important;height:44px!important;flex:none!important;border-radius:50%!important}
body.social-authenticated .co-profile-content .au-official-identity h2{font:750 18px/1.3 Manrope,system-ui!important;margin:0 0 4px!important}
body.social-authenticated .co-profile-content .au-official-role{font:11px/1.4 system-ui!important;color:var(--au-muted)!important;margin:0!important}
body.social-authenticated .co-profile-content .au-official-follow{flex:none!important;font:600 11px/1.4 system-ui!important;padding:7px 10px!important;min-height:32px!important;border-radius:10px!important}
body.social-authenticated .co-profile-content .au-official-feedback{flex:none!important;margin:0!important;padding:0 20px!important;font-size:12px!important;color:var(--au-muted)!important}
body.social-authenticated .co-profile-content .au-official-feedback:empty{display:none!important}
body.social-authenticated .co-profile-content .au-official-feed{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;gap:14px!important;overflow:auto!important;padding:24px!important;scrollbar-width:thin!important}
body.social-authenticated .co-broadcast-intro{align-self:center!important;max-width:36em!important;margin:0 0 10px!important;text-align:center!important;color:var(--au-muted)!important;font:12px/1.7 system-ui!important}
body.social-authenticated .co-profile-content .au-official-post{align-self:flex-start!important;max-width:min(560px,90%)!important;box-sizing:border-box!important;margin:0!important;padding:16px 18px!important;border:1px solid var(--au-line)!important;border-radius:5px 18px 18px 18px!important;background:var(--au-soft)!important;box-shadow:0 3px 14px #00000008!important}
body.social-authenticated .co-profile-content .au-official-post>p{margin:0 0 10px!important;color:var(--au-ink)!important;font:14px/1.8 system-ui!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
body.social-authenticated .co-profile-content .au-official-post time{display:block!important;font:10px/1.4 system-ui!important;color:var(--au-muted)!important}
body.social-authenticated .co-post-reactions{display:flex;gap:7px;margin-top:12px}
body.social-authenticated .co-post-reaction{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:32px!important;padding:5px 10px!important;border:1px solid var(--au-line)!important;border-radius:10px!important;background:transparent!important;color:var(--au-muted)!important;font:12px/1.4 system-ui!important}
body.social-authenticated .co-post-reaction svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
body.social-authenticated .co-post-reaction[data-reaction=dislike] svg{transform:rotate(180deg)}
body.social-authenticated .co-post-reaction[aria-pressed=true]{background:var(--au-active)!important;color:var(--au-accent)!important;border-color:var(--au-accent)!important}
body.social-authenticated .co-post-reaction:disabled{opacity:.5!important}
body.social-authenticated .co-broadcast-readonly{flex:none!important;text-align:center!important;margin:0!important;padding:14px 20px!important;border-top:1px solid var(--au-line)!important;color:var(--au-muted)!important;font:11px/1.6 system-ui!important;background:var(--au-soft)!important}
@media(max-width:900px){
body.social-authenticated #halo-search-dialog.co-connect{padding:20px!important}
body.social-authenticated .co-profile-content .au-official-identity{padding:14px!important;gap:9px!important}
body.social-authenticated .co-profile-content .au-official-feed{padding:18px 14px!important}
body.social-authenticated .co-profile-content .au-official-post{max-width:100%!important}
body.social-authenticated .co-profile-content .au-official-role{font-size:10px!important}
body.social-authenticated .au-dock-zone .social-nav{gap:2px!important}
body.social-authenticated .au-dock-zone .au-dock-profile{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;flex:none!important}
}
}
@layer halo-material {
/* One secondary navigation component across every chat-related surface. */
body.social-authenticated .au-contact-sections,
body.co-active #social-shell .social-contacts-card .au-contact-sections,
body.co-active .co-pane>.au-contact-sections,
body.social-authenticated.au-calls-mode .social-contacts-card>.au-contact-sections{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;flex:0 0 auto!important;position:relative!important;inset:auto!important;width:100%!important;box-sizing:border-box!important;margin:10px 0 0!important;padding:5px!important;border:1px solid var(--au-line)!important;border-radius:16px!important;background:var(--au-panel)!important;box-shadow:none!important
}
body.social-authenticated .au-contact-sections>button,
body.co-active .au-contact-sections>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;min-height:48px!important;padding:5px 2px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--au-muted)!important;font:600 10px/13px system-ui!important}
body.social-authenticated .au-contact-sections>button[aria-pressed=true]{background:var(--au-active)!important;color:var(--au-accent)!important}
body.social-authenticated .au-contact-sections>button span{font:inherit!important}
body.social-authenticated .au-contact-sections svg{width:20px!important;height:20px!important;stroke-width:1.7!important}
body.co-active .co-pane>.au-contact-sections{width:calc(100% - 28px)!important;margin:10px 14px 14px!important}
body.social-authenticated.au-calls-mode :is(.au-calls-sidebar-content,.halo-call-history,#halo-call-history-list,.au-call-history-note){background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.social-authenticated.au-calls-mode .au-call-history-note{display:none!important}
body.co-active #social-shell .social-contacts-card>.co-notification-directory{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:auto!important;padding:14px 0!important;gap:20px!important}
body.co-active #social-shell .social-contacts-card>.co-notification-directory[hidden],body.social-authenticated .co-notification-directory[hidden]{display:none!important}
body.social-authenticated .co-directory-intro{margin:0!important;padding:4px 4px 0!important;color:var(--au-muted)!important;font:12px/1.7 system-ui!important}
body.social-authenticated .co-notification-directory .co-notification-tabs{display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;margin:0!important;overflow:visible!important}
body.social-authenticated .co-notification-directory .co-notification-tabs button{display:flex!important;align-items:center!important;gap:12px!important;min-height:48px!important;text-align:start!important;padding:12px 14px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:var(--au-muted)!important;font:600 13px/1.4 system-ui!important}
body.social-authenticated .co-notification-directory .co-notification-tabs button::before{content:'';display:block;flex:none;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;opacity:.8}
body.social-authenticated .co-notification-directory .co-notification-tabs button[aria-pressed=true]{background:var(--au-active)!important;border-color:var(--au-line)!important;color:var(--au-accent)!important}
body.social-authenticated .co-notifications{min-height:100%!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;max-width:980px!important;width:100%!important;margin:0 auto!important}
body.social-authenticated .co-notification-head{align-items:center!important;padding:0 0 20px!important;border-bottom:1px solid var(--au-line)!important;margin:0 0 22px!important}
body.social-authenticated .co-notification-head h2{font:750 24px/1.3 Manrope,system-ui!important;margin:0 0 6px!important}
body.social-authenticated .co-notification-head p{font:12px/1.6 system-ui!important;margin:0!important}
body.social-authenticated .co-notification-feed{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important}
body.social-authenticated .co-notification-empty{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:240px!important;padding:30px!important;text-align:center!important}
body.social-authenticated .co-notification-empty-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--au-line);border-radius:18px;background:var(--au-soft);color:var(--au-accent);font-size:26px}
body.social-authenticated .co-notification-empty h3{font:700 20px/1.4 Manrope,system-ui!important;color:var(--au-ink)!important;margin:0!important}
body.social-authenticated .co-notification-empty p{font:12px/1.7 system-ui!important;color:var(--au-muted)!important;margin:0!important}
body.social-authenticated .co-notice{padding:14px 16px!important;border-radius:14px!important;background:var(--au-soft)!important;box-shadow:none!important}
body.social-authenticated .co-notice-copy p{font-size:12px!important;line-height:1.5!important}
@media(max-width:900px){body.social-authenticated .co-notifications>.co-notification-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;margin:0 0 18px!important}body.social-authenticated .co-notifications>.co-notification-tabs button{padding:8px 2px!important;font-size:10px!important;min-width:0!important}body.social-authenticated .co-notification-head{gap:10px!important}body.social-authenticated .co-notification-head h2{font-size:22px!important}body.social-authenticated .co-notification-empty{padding:20px 8px!important}}
}