/* Local photography, native SVG controls and the desktop Rolonote menu. */
.site-icon, #social-app svg { width:24px; height:24px; flex:0 0 auto; vertical-align:middle; }
.avatar { display:block; object-fit:cover; aspect-ratio:1; cursor:pointer; background:#e4e6eb; }
.avatar-xs,.avatar-sm,.avatar-li,.avatar-ig-post,.avatar-ig-self { flex-shrink:0; }
.mock-photo { background:#e9eaec; }
.mock-photo:before,.mock-photo:after { display:none; }
.mock-photo>img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.mock-photo>span { display:none; }
.fb-cover,.li-profile-cover { overflow:hidden; }
.fb-cover>img,.li-profile-cover>img,.sponsor-art>img { width:100%; height:100%; object-fit:cover; }
.sponsor-art { overflow:hidden; }
.sponsor:has(.contact){grid-template-columns:1fr}
.sponsor .contact{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font-weight:600}
.sponsor .contact:hover{background:#80808018}
.fb-stories .story-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.fb-stories .story-text{display:grid;place-items:center;padding:14px;background:linear-gradient(145deg,#172033,#294b7a);color:#fff;font-size:14px;font-weight:800;line-height:1.2;text-align:center}
.fb-stories button { display:flex; align-items:flex-start; }
.fb-stories .avatar-story { margin:0; }
.fb-main-nav button { display:flex; justify-content:center; align-items:center; }
.fb-actions button { display:grid; place-items:center; }
.fb-actions .site-icon { width:21px; height:21px; }
.fb-react button,.li-actions button { display:flex; align-items:center; justify-content:center; gap:7px; }
.fb-react svg,.li-actions svg { width:22px!important; height:22px!important; }
.fb-profile-grid { grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); }
.fb-identity { flex-wrap:wrap; padding-bottom:16px; }
.fb-identity .profile-actions { flex-wrap:wrap; margin-top:15px; }
.fb-left-rail>button>svg { color:#0866ff; }
.fb-composer nav button { display:flex; align-items:center; justify-content:center; gap:6px; }
.fb-composer nav button:first-child svg { color:#f3425f; }
.fb-composer nav button:nth-child(2) svg { color:#45bd62; }
.fb-composer nav button:nth-child(3) { color:#65676b; }
.ig-feed-layout { width:calc(100% - 245px); max-width:none; grid-template-columns:minmax(470px,630px) 285px; justify-content:center; gap:36px; }
.ig-center { width:100%; }
.ig-profile { width:calc(100% - 285px); max-width:975px; margin-left:max(265px,calc(245px + (100vw - 1220px)/2)); }
.ig-grid-photo { aspect-ratio:3/4; }
.ig-profile-head { grid-template-columns:250px minmax(0,1fr); }
.ig-profile-row { flex-wrap:wrap; }
.ig-profile-row h1 { margin:0 6px 0 0; }
.ig-profile-row .rn-status { margin-top:6px; }
.ig-nav button>span:has(svg) { display:flex; }
.ig-actions { gap:15px; }
.ig-actions button { display:flex; align-items:center; justify-content:center; width:25px; height:29px; }
.ig-actions button svg { width:25px; height:25px; }
.ig-post-head>div:not(.avatar) { flex:1; }
.ig-post-head .person-name { font-weight:600; }
.ig-post-head small { display:block; padding-top:3px; }
.ig-stories { justify-content:center; }
.ig-stories .avatar { margin:0; }
.ig-profile-tabs svg { width:14px!important; height:14px!important; }
.ig-self>.avatar { flex:0 0 auto; }
.ig-self>div:not(.avatar) { min-width:0; }
.ig-self>div:not(.avatar) span { font-size:12px; }
.li-top { padding:0 20px; gap:24px; }
.li-search { width:310px; }
.li-top nav button { min-width:78px; }
.li-top nav button strong { display:flex; align-items:center; justify-content:center; height:26px; }
.li-top nav button strong svg { width:24px; height:24px; }
.li-top nav button span { font-size:12px; }
.nav-portrait { width:24px; height:24px; border-radius:50%; object-fit:cover; }
.li-profile-buttons { flex-wrap:wrap; }
.li-post-head>.avatar { width:48px; height:48px; flex:0 0 48px; }
.li-post-head>.dots { align-self:flex-start; padding:3px; }
.li-post-head small svg,.post-sub svg { width:13px!important; height:13px!important; }
.li-news .show-more { display:flex; flex-direction:row; align-items:center; }
.li-news .show-more svg { width:16px!important; height:16px!important; }
.li-me>button:last-child { justify-content:flex-start; align-items:center; gap:7px; }
.li-mini-cover { background:url('assets/studio.jpg') center/cover; }
.li-me>.avatar { position:relative; }
.li-message-dock>.avatar { width:32px; height:32px; }
.li-composer nav button { display:flex; gap:8px; align-items:center; justify-content:center; }
.li-composer nav button:first-child svg { color:#378fe9; }
.li-composer nav button:nth-child(2) svg { color:#c37d16; }
.li-composer nav button:nth-child(3) svg { color:#e16745; }
.rn-status { display:inline-flex; align-items:center; gap:4px; vertical-align:middle; font-size:12px; font-weight:600; }
.rn-status svg,.rn-status.compact svg { width:14px!important; height:14px!important; }
.rn-status.compact { font-size:11px; padding:3px 7px; }
.status-option { display:flex; align-items:center; gap:7px; }
.status-option svg { width:16px; height:16px; flex-shrink:0; }
.native-menu { position:fixed; width:330px; z-index:1050; padding:5px 0; background:white; color:#191919; border-radius:8px; box-shadow:0 4px 18px #0003; border:1px solid #ddd; }
.native-menu>button { position:relative; display:flex; align-items:center; gap:12px; width:100%; min-height:46px; border:0; background:transparent; text-align:left; padding:12px 16px; color:inherit; font-size:14px; }
.native-menu>button:hover,.native-menu>button:focus-visible { background:#f1f1f1; outline:2px solid #0a66c2; outline-offset:-2px; }
.native-menu>button>svg { width:24px; height:24px; flex-shrink:0; }
.native-menu .desktop-quick-add { padding:14px 16px; font-size:15px; font-weight:600; }
.desktop-brain { display:flex; justify-content:center; align-items:center; width:24px; height:24px; flex:0 0 24px; border-radius:6px; color:white; background:linear-gradient(135deg,#6366f1,#4f46e5); }
.desktop-brain svg { width:14px; height:14px; stroke:white; stroke-width:2.2; }
.desktop-quick-add small { display:flex; align-items:center; gap:4px; font-size:12px; margin-top:3px; font-weight:500; }
.desktop-quick-add small svg { width:12px; height:12px; }
.menu-edit { margin-left:auto; padding:4px 14px; border:1px solid #0003; border-radius:8px; color:#65676b; font-size:12px; }
.rn-shimmer-line { position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,#6366f1,#2d88ff,transparent); }
.is-reacted { color:#0a66c2!important; }
.verified svg { width:13px!important; height:13px!important; }
.reaction-like,.reaction-heart { display:inline-flex; justify-content:center; align-items:center; width:18px; height:18px; border-radius:50%; background:#1877f2; color:white; border:1px solid white; vertical-align:middle; }
.reaction-heart { background:#f3425f; margin-left:-5px; }
.reaction-like svg,.reaction-heart svg { width:10px!important; height:10px!important; }
.ig-actions .is-reacted { color:#ed4956!important; }
.ig-actions .is-reacted svg { fill:currentColor; }
.native-dialog { width:min(480px,90vw); border:1px solid #ddd; border-radius:14px; padding:20px; box-shadow:0 12px 60px #0003; }
.native-dialog::backdrop { background:#0006; }
.native-dialog header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ddd; padding-bottom:12px; }
.native-dialog h2 { margin:0; font-size:20px; }
.native-dialog header button { border:0; background:#f1f2f3; border-radius:50%; width:34px; height:34px; }
.native-dialog form { display:flex; flex-direction:column; gap:10px; }
.native-dialog textarea { width:100%; height:90px; border:1px solid #aaa; border-radius:8px; padding:10px; }
.native-dialog form button { align-self:flex-end; background:#0a66c2; color:#fff; border:0; border-radius:20px; padding:9px 20px; }
.native-dialog small { display:block; color:#737373; margin-top:15px; }
.demo-message-person { display:flex; gap:10px; align-items:center; margin-top:15px; }
.demo-message-bubble { background:#e7f3ff; margin-left:40px; border-radius:12px; padding:12px; }
@media(max-width:1200px) {
  .ig-feed-layout { grid-template-columns:minmax(470px,630px); }
  .ig-suggest { display:none; }
  .li-top { gap:10px; padding:0 12px; }
  .li-search { width:240px; }
  .li-search>div { width:190px; }
  .li-layout { padding:0 16px; grid-template-columns:200px minmax(400px,555px) minmax(210px,270px); gap:16px; }
}
@media(max-width:1100px) {
  .ig-feed-layout { width:calc(100% - 80px); }
  .ig-profile { width:calc(100% - 120px); margin-left:100px; }
  .li-layout { grid-template-columns:190px minmax(0,1fr); }
  .li-layout>aside:last-child { display:none; }
  .li-top nav .premium { display:none; }
  .li-top nav button { min-width:70px; }
  .fb-layout { grid-template-columns:190px minmax(0,590px); justify-content:center; }
  .fb-right-rail { display:none; }
  .li-profile-layout { grid-template-columns:minmax(0,1fr) 270px; padding:0 16px; }
}
@media(max-width:900px) {
  .li-profile-layout { grid-template-columns:1fr; }
  .ig-profile-head { grid-template-columns:170px minmax(0,1fr); }
  .li-top nav button { min-width:60px; }
  .li-search { width:160px; }
  .li-search>div { width:115px; }
  .fb-profile-grid { grid-template-columns:minmax(230px,.75fr) minmax(0,1fr); padding:16px; }
}
@media(max-width:700px) {
  .ig-feed-layout,.ig-profile { width:100%; margin-left:0; }
  .ig-feed-layout { grid-template-columns:minmax(0,470px); }
  .ig-profile-head { grid-template-columns:110px minmax(0,1fr); }
  .ig-stats { gap:12px; }
  .fb-profile-grid,.li-layout { display:block; }
  .li-top { gap:4px; }
  .li-search { width:40px; }
  .li-search>div { display:none; }
}
/* Posts use content-shaped media and visible conversation threads. */
.post-text-card{display:grid;place-items:center;padding:44px;background:linear-gradient(145deg,#111827,#243b62);color:#fff;font-size:30px;font-weight:800;line-height:1.18;text-align:center;letter-spacing:-.03em}
.post-link-card{display:flex!important;flex-direction:column;justify-content:flex-end;gap:7px;padding:28px;background:linear-gradient(150deg,#dbeafe 0 45%,#fff 45%);color:#111827!important;text-decoration:none;text-align:left}
.post-link-card small{font-size:10px;letter-spacing:.08em;color:#64748b}.post-link-card b{font-size:20px;line-height:1.15}.post-link-card span{font-size:13px;color:#475569}
.portrait-post img{object-fit:cover;filter:none!important}.post-comments{padding:8px 14px 13px;display:grid;gap:8px}.post-comment{display:flex;align-items:flex-start;gap:8px}.comment-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:#dbe4ef;color:#334155;font-size:10px;font-weight:800}.post-comment p{margin:0;padding:7px 10px;border-radius:12px;background:#f0f2f5;font-size:12px;line-height:1.35}.post-comment small{display:block;margin:3px 8px 0;color:#737373;font-size:10px}.instagram-comments{padding-left:0;padding-right:0}.instagram-comments .post-comment p{background:transparent;padding:2px 0}.instagram-comments .comment-avatar{display:none}.linkedin-comments{border-top:1px solid #e2e8f0;padding-top:12px}.linkedin-comments .post-comment p{background:#edf3f8}.li-media.post-link-card{height:250px}.fb-media.post-text-card{height:340px}.ig-media.post-link-card,.ig-media.post-text-card{height:470px}
.fb-logo{padding:0!important;background:transparent!important;overflow:hidden}.fb-logo img{display:block;width:40px;height:40px}
.post-head>div>div:first-child,.ig-post-head>div>div:first-child,.li-post-head>div>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.post-source{color:inherit;text-decoration:none}.post-source:hover,.post-source:focus-visible{text-decoration:underline}
.rn-quick-add{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}.rn-quick-add b{display:inline-grid;place-items:center}.rn-quick-add svg{width:14px!important;height:14px!important}.rn-quick-add.compact{margin-left:2px}
.fb-counts,.li-counts,.ig-likes,.ig-comments{display:flex!important}.ig-comments{width:max-content}.post-comments:empty{display:none}
@media (orientation:landscape) and (max-height:900px){.ig-feed-layout{padding-top:10px}.ig-stories{height:78px;margin-bottom:10px;padding-bottom:4px}.ig-media{height:auto!important;aspect-ratio:3/2!important}.ig-post{margin-bottom:18px}}
/* Full captured discussions and activity panels. */
.native-dialog{max-height:85dvh;overflow:auto;width:min(620px,calc(100vw - 32px));box-sizing:border-box}
.native-dialog>header{position:sticky;top:0;background:inherit;z-index:2}
.thread-post{padding:16px}.thread-post .mock-photo img{max-height:340px;object-fit:contain;width:100%}
.full-thread{padding:0 16px!important}.post-comment small button{border:0;background:none;color:inherit;padding:0;cursor:pointer}
.native-dialog form{display:flex;gap:10px;padding:16px;position:sticky;bottom:0;background:inherit}
.native-dialog textarea{flex:1;min-width:0;min-height:60px;border:1px solid #ccd0d5;border-radius:12px;padding:12px;font:inherit}
.native-dialog form>button,.native-dialog>[data-copy-source]{border:0;border-radius:8px;background:#0866ff;color:white;padding:12px 20px;font-weight:600}
.thread-original{display:block;padding:16px;color:#0866ff}.notification-row,.connection-list>a{display:flex;align-items:center;gap:14px;padding:18px;color:inherit;text-decoration:none;border-bottom:1px solid #8882}
.notification-row>span{flex:1}.notification-row small{display:block;color:#65676b;margin-top:7px}.notification-row.unread{background:#0866ff0b}.notification-row.unread>i{width:9px;height:9px;background:#0866ff;border-radius:50%}
.connection-list span{margin-left:auto;color:#65676b}.profile-connections{display:block;margin-top:14px;border:0;background:none;text-align:left;color:inherit;font-size:13px;cursor:pointer;padding:0;line-height:1.6}
[hidden]{display:none!important}.ig-add-comment{cursor:pointer}
.photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;overflow:hidden}.photo-gallery img{display:block;width:100%;height:220px;object-fit:cover}.photo-gallery img:first-child:nth-last-child(3),.photo-gallery img:first-child:nth-last-child(5){grid-column:1/-1;height:280px}.demo-post-tile .photo-gallery img{height:100%;max-height:150px}.thread-post .photo-gallery img{height:auto;max-height:360px;object-fit:contain}
.source-news{display:block;padding:10px 0;color:inherit;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4}.source-news:hover{text-decoration:underline}