/* Shared surfaces and controls for the compact social flows. */
.mfs-site .mfs-account-popover{width:250px;max-height:calc(100dvh - 120px);overflow:auto}
.mfs-site .mfs-account-popover>p{margin-top:14px}
.mfs-site .mfs-account-popover a{padding:9px 12px;min-height:40px}
.mfs-site .profile-network-box:empty{display:none}
.mfs-site .profile-edit-shortcut{color:inherit;text-decoration:none;font-weight:650}
.mfs-site .mfs-connections-disclosure{margin:20px 0 28px;border:1px solid var(--mfs-border);border-radius:18px;background:var(--mfs-surface)}
.mfs-site .mfs-connections-disclosure>summary{padding:18px 22px;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:12px;align-items:center}
.mfs-site .mfs-connections-disclosure>summary span{font-weight:500;font-size:.85rem;color:var(--mfs-muted)}
.mfs-site .mfs-connections-disclosure>.mfs-connections-manager{padding:0 18px 18px}
.mfs-site .mfs-connections-manager{width:100%;padding:0}
.mfs-site .mfs-connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mfs-site .mfs-connections-manager>.myspace-card,.mfs-site .mfs-connections-grid>.myspace-card{margin:0 0 20px;min-width:0;overflow:hidden}
.mfs-site .mfs-connections-manager .card-header h2{font-size:1.1rem;margin:0}
.mfs-site .mfs-connection-form{display:grid;gap:14px}
.mfs-site .mfs-connection-form>label{display:grid;gap:6px;font-weight:600}
.mfs-site .mfs-connection-form select,.mfs-site .mfs-connection-form input[type=file]{width:100%;min-width:0}
.mfs-site .mfs-connection-form>button{justify-self:start}
.mfs-site .mfs-connection-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--mfs-border)}
.mfs-site .mfs-connection-row:first-child{padding-top:0}.mfs-site .mfs-connection-row:last-child{border-bottom:0}
.mfs-site .mfs-connection-row>div:first-child{min-width:0;display:grid;gap:3px}.mfs-site .mfs-connection-row span{font-size:.85rem;color:var(--mfs-muted)}
.mfs-site .mfs-connection-row form{margin:0}.mfs-site .mfs-connection-row .cx-actions{flex-wrap:nowrap}
.mfs-site .mfs-connection-count{font-size:.8rem;border-radius:30px;background:var(--mfs-soft);padding:3px 9px;color:var(--mfs-ink)}
.mfs-site .mfs-inline-action{display:inline-flex;gap:20px;margin-top:16px}.mfs-site .mfs-section-subtitle{margin-top:24px}
.mfs-site .mfs-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mfs-site a.mfs-policy-tile{display:flex;flex-direction:column;padding:24px;border:1px solid var(--mfs-border);background:var(--mfs-surface);text-decoration:none;color:var(--mfs-ink);border-radius:18px;margin:0}
.mfs-site .mfs-policy-tile h2{margin:0 0 10px}.mfs-site .mfs-policy-tile p{color:var(--mfs-muted);font-size:.95rem;flex:1}
.mfs-site .mfs-policy-tile>span{color:var(--mfs-primary);font-weight:650}.mfs-site .mfs-policy-tile:hover{border-color:var(--mfs-primary);background:var(--mfs-soft)}
.mfs-site .mfs-policy-tools{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0;font-size:.9rem}
.mfs-site .mfs-policy-document .safety-policy-text{white-space:pre-line;line-height:1.8;max-width:72ch}
.mfs-site .mfs-policy-document .card-body{padding:28px}.mfs-site .mfs-policy-document h2{margin:0}
.mfs-site .mfs-share-choice{font-weight:500;font-size:.9rem;margin:12px 0;line-height:1.5}
.mfs-site .mfs-photo-manager-current{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center}
.mfs-site .mfs-current-profile-photo{width:180px;height:180px;object-fit:cover;border-radius:20px;border:1px solid var(--mfs-border);background:var(--mfs-soft)}
.mfs-site .mfs-profile-photo-manager{margin:24px 0}.mfs-site .mfs-profile-photo-manager h2{margin:0}
.mfs-site .mfs-remove-photo{margin-top:20px;border-top:1px solid var(--mfs-border);padding-top:16px}.mfs-site .mfs-remove-photo summary{cursor:pointer;color:var(--mfs-muted);font-size:.9rem}
.mfs-site .mfs-profile-photo-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;border:0;margin:0}
.mfs-site .mfs-photo-choice{position:relative;display:flex;flex-direction:column;gap:8px;cursor:pointer;padding:6px;border:2px solid transparent;border-radius:14px}
.mfs-site .mfs-photo-choice:has(input:checked){border-color:var(--mfs-primary);background:var(--mfs-soft)}
.mfs-site .mfs-photo-choice input{position:absolute;top:14px;left:14px;width:20px;height:20px;accent-color:var(--mfs-primary)}
.mfs-site .mfs-photo-choice img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:100%}.mfs-site .mfs-photo-choice span{font-size:.8rem;text-align:center;color:var(--mfs-muted)}
.mfs-site .mfs-photo-picker-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}
/* Messages is an attached right rail, opened from the normal navigation. */
.mfs-site .mfs-message-dock[hidden]{display:none!important}
.mfs-site .mfs-message-dock{--mfs-panel-width:380px;position:fixed;top:var(--mfs-panel-top,92px);bottom:20px;right:20px;width:var(--mfs-panel-width);z-index:90;display:flex;flex-direction:column;overflow:hidden;background:var(--mfs-surface);color:var(--mfs-ink);border:1px solid var(--mfs-border);border-radius:18px;box-shadow:var(--mfs-shadow)}
.mfs-site .mfs-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:12px 16px;border-bottom:1px solid var(--mfs-border);background:var(--mfs-surface)}
.mfs-site .mfs-rail-heading>div{display:flex;align-items:center;gap:10px}.mfs-site .mfs-rail-heading h2{font-size:1.1rem;margin:0}.mfs-site .mfs-rail-heading .mfs-icon{color:var(--mfs-primary)}
.mfs-site .mfs-rail-control{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:5px;background:transparent;border:0;border-radius:8px;color:var(--mfs-muted);font:inherit;text-decoration:none;cursor:pointer}
.mfs-site .mfs-rail-control:hover{background:var(--mfs-soft);color:var(--mfs-primary)}.mfs-site .mfs-rail-control .mfs-icon{width:18px;height:18px;color:inherit}
.mfs-site .mfs-rail-body{position:relative;flex:1;min-height:0;display:flex}.mfs-site .mfs-message-dock iframe{width:100%;height:100%;border:0;display:block;background:var(--mfs-surface)}
.mfs-site .mfs-rail-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--mfs-surface);font-size:.9rem;color:var(--mfs-muted);z-index:1;margin:0}
.mfs-site .mfs-desktop-nav a[aria-expanded=true]{background:var(--mfs-soft);color:var(--mfs-primary)}
@media(min-width:1440px){.mfs-site.mfs-message-panel-open>.mfs-main{width:min(1280px,calc(100% - 452px));max-width:none;margin-left:auto;margin-right:420px;padding-left:0;padding-right:0}.mfs-site.mfs-message-panel-open>.mfs-site-footer{margin-right:400px}}
@media(max-width:1439px){.mfs-site .mfs-message-dock{display:none!important}}
/* Compact content shares the same tokens, typography, bubbles and composer. */
body.mfs-panel-content{background:var(--mfs-surface);min-height:100dvh;height:100dvh;overflow:hidden;padding:0}
.mfs-panel-content .mfs-panel-main{height:100%;display:flex;flex-direction:column;min-height:0}
.mfs-panel-content .mfs-page-heading{display:none}.mfs-panel-content .mfs-notice{margin:10px;font-size:.85rem;padding:10px;flex:none}
.mfs-site.mfs-panel-content .messages-page-layout{display:block;border:0;border-radius:0;margin:0;height:100%;min-height:0;flex:1;background:var(--mfs-surface);overflow:hidden}
.mfs-site.mfs-panel-content .messages-page-layout.has-conversation{display:flex;height:100%;min-height:0}
.mfs-panel-content .messages-page-layout:not(.has-conversation) .messages-main{display:none}.mfs-panel-content .messages-page-layout.has-conversation .messages-sidebar{display:none}
.mfs-site.mfs-panel-content .messages-sidebar{width:100%;height:100%;max-height:none;overflow:auto;border:0}.mfs-site.mfs-panel-content .messages-main{width:100%;height:100%;min-height:0;min-width:0;display:flex;flex-direction:column}
.mfs-site.mfs-panel-content .mfs-thread-heading{padding:12px;gap:10px;min-height:65px}.mfs-site.mfs-panel-content .mfs-thread-heading h2{font-size:1rem;margin:0}.mfs-site.mfs-panel-content .mfs-mobile-back{display:inline-flex;width:32px;min-width:32px;height:32px;padding:7px;border:0}
.mfs-site.mfs-panel-content .messages-main .message-thread-scroll{padding:14px;gap:12px;flex:1;min-height:0;max-height:none}
.mfs-site.mfs-panel-content .thread-message{max-width:88%;padding:10px 12px;font-size:.9rem}.mfs-site.mfs-panel-content .thread-message-date{font-size:.68rem}.mfs-site.mfs-panel-content .mfs-message-actions{font-size:.7rem;gap:9px}
.mfs-site.mfs-panel-content .mfs-message-actions{margin:4px 0 0;color:var(--mfs-muted)}.mfs-site.mfs-panel-content .mfs-message-actions button{padding:3px 0;min-height:28px;text-underline-offset:3px}.mfs-site.mfs-panel-content .thread-message-date{margin-top:4px}
.mfs-site.mfs-panel-content .messages-main .message-send-form{padding:12px;gap:8px;background:var(--mfs-surface)}.mfs-site.mfs-panel-content .messages-main .message-send-form textarea{height:44px;min-height:44px;max-height:110px;font-size:.9rem;border-radius:12px}.mfs-site.mfs-panel-content .message-send-form>button{min-height:44px;padding:9px 13px;border-radius:12px}
.mfs-site.mfs-panel-content .conversation-item{padding:14px}.mfs-site.mfs-panel-content .conversation-preview{font-size:.85rem}.mfs-site.mfs-panel-content .mfs-tabs{padding:10px 12px}
@media(max-width:740px){.mfs-site .mfs-connections-grid,.mfs-site .mfs-policy-grid{grid-template-columns:1fr}.mfs-site .mfs-connection-row{align-items:flex-start;flex-wrap:wrap}.mfs-site .mfs-photo-manager-current{grid-template-columns:1fr;gap:18px}.mfs-site .mfs-profile-photo-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mfs-site .mfs-policy-document .card-body{padding:20px}.mfs-site .mfs-connections-disclosure>summary{padding:16px;font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.mfs-site .mfs-message-dock,.mfs-site>.mfs-main{scroll-behavior:auto;transition:none}}