/* FineME v271 — post system refresh. Scoped to the public social UI. */
.fm-v271.fm-public-area .fm-social-post{
  position:relative!important;
  overflow:visible!important;
  border:1px solid #e2e7f0!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#17223b!important;
  box-shadow:0 6px 22px rgba(69,85,130,.075)!important;
}
.fm-v271 .fm-social-post-head{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px 14px 7px!important;
}
.fm-v271 .fm-social-post-head .fm-avatar{width:40px!important;height:40px!important}
.fm-v271 .fm-social-post-who{min-width:0!important}
.fm-v271 .fm-social-post-who strong{display:block!important;color:#17223b!important;font-size:13.5px!important;line-height:1.32!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fm-v271 .fm-social-post-who small{display:flex!important;align-items:center!important;gap:4px!important;color:#8490a6!important;font-size:10.8px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fm-v271 .fm-social-post-who a{text-decoration:none!important;color:inherit!important}
.fm-v271 .fm-social-post-who a:hover{text-decoration:underline!important}
.fm-v271 .fm-post-visibility{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}
.fm-v271 .fm-post-visibility-dot{font-size:10px;line-height:1}
.fm-v271 .fm-post-menu-wrap{position:relative;align-self:start;z-index:8}
.fm-v271 .fm-post-more{appearance:none;border:0!important;background:transparent!important;color:#7f8aa0!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:50%!important;font-size:18px!important;font-weight:800!important;cursor:pointer!important;line-height:1!important}
.fm-v271 .fm-post-more:hover,.fm-v271 .fm-post-more[aria-expanded="true"]{background:#f1f4f9!important;color:#33425f!important}
.fm-v271 .fm-post-menu{position:absolute;right:0;top:38px;width:245px;padding:7px;background:#fff;border:1px solid #e0e6ef;border-radius:13px;box-shadow:0 16px 42px rgba(34,48,78,.18);z-index:50;display:none}
.fm-v271 .fm-post-menu.is-open{display:block}
.fm-v271 .fm-post-menu-item{appearance:none;width:100%;min-height:40px;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:9px;padding:8px 10px;color:#293754!important;text-decoration:none!important;font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer}
.fm-v271 .fm-post-menu-item:hover{background:#f4f6fb}
.fm-v271 .fm-post-menu-item.is-danger{color:#c33755!important}
.fm-v271 .fm-post-menu-emoji{width:22px;text-align:center;font-size:15px}
.fm-v271 .fm-post-menu-divider{height:1px;background:#edf0f5;margin:5px 2px}
.fm-v271 .fm-social-context-chips{padding:0 14px 2px!important;margin:0!important}
.fm-v271 .fm-social-post-copy{padding:3px 14px 10px!important}
.fm-v271 .fm-social-post-copy h3{margin:2px 0 5px!important;color:#17223b!important;font-size:15.5px!important;line-height:1.38!important;font-weight:800!important}
.fm-v271 .fm-social-post-copy p{margin:0!important;color:#293754!important;font-size:13.7px!important;line-height:1.58!important;white-space:pre-line!important;overflow-wrap:anywhere!important}
.fm-v271 .fm-social-post-copy.has-more:not(.is-expanded) .fm-post-copy-collapsible{display:-webkit-box!important;-webkit-line-clamp:5!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.fm-v271 .fm-social-post-copy.is-expanded .fm-post-copy-collapsible{display:block!important}
.fm-v271 .fm-post-read-more{appearance:none;border:0;background:transparent;padding:2px 0!important;margin:2px 0 0!important;color:#445473!important;font-size:11.5px!important;font-weight:800!important;cursor:pointer!important}
.fm-v271 .fm-post-read-more:hover{text-decoration:underline}
.fm-v271 .shadow-resource-card,.fm-v271 .shadow-files-card{margin:7px 14px 10px!important;border-radius:11px!important}
.fm-v271 .fm-social-media-grid{display:grid!important;gap:2px!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:#eef1f5!important;max-height:none!important}
.fm-v271 .fm-post-media-button{appearance:none;border:0;padding:0;margin:0;display:block;position:relative;overflow:hidden;background:#edf0f4;cursor:pointer;min-width:0}
.fm-v271 .fm-social-media-grid img{display:block!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;background:#f0f2f5!important;object-fit:cover!important}
.fm-v271 .fm-social-media-grid.count-1{display:block!important;background:#f4f5f8!important}
.fm-v271 .fm-social-media-grid.count-1 .fm-post-media-button{width:100%;max-height:680px}
.fm-v271 .fm-social-media-grid.count-1 img{width:100%!important;height:auto!important;max-height:680px!important;object-fit:contain!important}
.fm-v271 .fm-social-media-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.fm-v271 .fm-social-media-grid.count-2 .fm-post-media-button{height:360px}
.fm-v271 .fm-social-media-grid.count-3,.fm-v271 .fm-social-media-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,210px)!important}
.fm-v271 .fm-social-media-grid.count-3 .fm-post-media-button:first-child{grid-row:1/3;height:422px}
.fm-v271 .image-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(19,28,45,.52);color:#fff;font-size:33px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.fm-v271 .fm-social-video{margin:0!important;border-radius:0!important;overflow:hidden!important;background:#000!important}
.fm-v271 .fm-social-video video{display:block!important;width:100%!important;max-height:680px!important;background:#000!important}
.fm-v271 .fm-social-product{position:relative;display:grid!important;grid-template-columns:70px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:76px!important;margin:8px 12px 7px!important;padding:5px 8px 5px 5px!important;border:1px solid #e0e6ef!important;border-radius:12px!important;background:#f8faff!important;color:#24324e!important;text-decoration:none!important;overflow:hidden!important}
.fm-v271 .fm-social-product:hover{border-color:#cfd8e8!important;background:#f4f7fd!important}
.fm-v271 .fm-social-product>img{width:64px!important;height:64px!important;border-radius:9px!important;object-fit:cover!important;background:#fff!important}
.fm-v271 .fm-social-product-copy{min-width:0;display:grid;gap:1px}
.fm-v271 .fm-social-product-copy small{color:#8792a8!important;font-size:9.7px!important}
.fm-v271 .fm-social-product-copy strong{color:#25324c!important;font-size:11.2px!important;line-height:1.36!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fm-v271 .fm-social-product-copy span{color:#4356e8;font-size:11px;font-weight:800}
.fm-v271 .fm-social-product-cta{white-space:nowrap;color:#5368f6;font-size:10.5px;font-weight:800}
.fm-v271 .fm-social-post-stats{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:34px!important;padding:6px 14px!important;border:0!important;color:#71809a!important;font-size:11px!important}
.fm-v271 .fm-social-post-stats:has(.fm-live-stat:not(.is-zero)){border-bottom:1px solid #edf0f5!important}
.fm-v271 .fm-social-post-stats:not(:has(.fm-live-stat:not(.is-zero))){display:none!important}
.fm-v271 .fm-live-stat{appearance:none;border:0;background:transparent;padding:0;color:#71809a;font:inherit;cursor:pointer}
.fm-v271 .fm-live-stat:hover{text-decoration:underline}
.fm-v271 .fm-live-stat.is-zero{display:none!important}
.fm-v271 .fm-reaction-stat{display:flex!important;align-items:center!important;gap:5px!important;cursor:default}
.fm-v271 .fm-reaction-stat:hover{text-decoration:none}
.fm-v271 .fm-reaction-stat.is-zero{display:none!important}
.fm-v271 .fm-reaction-summary-icons{display:flex;align-items:center}
.fm-v271 .fm-reaction-summary-icons i{font-style:normal;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #fff;font-size:11px;margin-left:-3px}
.fm-v271 .fm-reaction-summary-icons i:first-child{margin-left:0;background:#e8f1ff}
.fm-v271 .fm-post-stat-right{display:flex;gap:10px;align-items:center;margin-left:auto}
.fm-v271 .fm-social-post-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:3px!important;padding:4px 8px 7px!important;border:0!important}
.fm-v271 .fm-social-post-actions>button,.fm-v271 .fm-social-post-actions .fm-reaction-action>.fm-js-reaction{appearance:none;border:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;width:100%!important;border-radius:9px!important;color:#69778f!important;font:inherit!important;font-size:11.5px!important;font-weight:760!important;padding:0 8px!important;cursor:pointer!important}
.fm-v271 .fm-social-post-actions>button:hover,.fm-v271 .fm-social-post-actions .fm-reaction-action>.fm-js-reaction:hover{background:#f2f5f9!important;color:#435575!important}
.fm-v271 .fm-social-post-actions button:disabled{opacity:.55!important;cursor:wait!important}
.fm-v271 .fm-reaction-action{position:relative;min-width:0}
.fm-v271 .fm-reaction-action>.fm-js-reaction.is-active{background:transparent!important;color:#3977e8!important}
.fm-v271 .fm-reaction-action>.fm-js-reaction.is-active[data-fm-active-reaction="love"]{color:#ed4d78!important}
.fm-v271 .fm-reaction-action>.fm-js-reaction.is-active[data-fm-active-reaction="wow"],.fm-v271 .fm-reaction-action>.fm-js-reaction.is-active[data-fm-active-reaction="great"]{color:#c77b13!important}
.fm-v271 .fm-reaction-main-emoji{font-size:17px;line-height:1}
.fm-v271 .fm-reaction-picker{position:absolute;left:2px;bottom:42px;display:flex;align-items:center;gap:2px;padding:5px 6px;border:1px solid #e0e5ed;border-radius:999px;background:#fff;box-shadow:0 9px 30px rgba(40,53,80,.22);opacity:0;visibility:hidden;transform:translateY(5px) scale(.96);transform-origin:left bottom;pointer-events:none;transition:opacity .13s ease,transform .13s ease,visibility .13s ease;z-index:55}
.fm-v271 .fm-reaction-action:hover .fm-reaction-picker,.fm-v271 .fm-reaction-action:focus-within .fm-reaction-picker,.fm-v271 .fm-reaction-action.is-picker-open .fm-reaction-picker{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.fm-v271 .fm-reaction-picker button{appearance:none;border:0;background:transparent;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:23px;cursor:pointer;transition:transform .11s ease,background .11s ease}
.fm-v271 .fm-reaction-picker button:hover{transform:translateY(-4px) scale(1.13);background:#f3f5f8}
.fm-v271 .fm-share-compose{display:grid;gap:10px}
.fm-v271 .fm-share-compose textarea{min-height:84px;resize:vertical;background:#f7f9fd!important;color:#263650!important;border:1px solid #dae1ec!important}
.fm-v271 .fm-share-compose-actions{display:grid;gap:8px}
.fm-v271 .fm-share-compose-actions .btn{width:100%}
.fm-v271 .fm-share-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fm-v271 .fm-share-secondary button{appearance:none;min-height:40px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;color:#43516c;font:inherit;font-weight:750;cursor:pointer}
.fm-v271 .fm-share-secondary button:hover{background:#f4f6fa}
.fm-v271 .fm-media-viewer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:240px;background:#0c0d10;border-radius:12px;overflow:hidden}
.fm-v271 .fm-media-viewer img{display:block;max-width:100%;max-height:78vh;margin:auto;object-fit:contain}
.fm-v271 .fm-media-viewer button{appearance:none;border:0;background:rgba(255,255,255,.1);color:#fff;width:38px;height:48px;border-radius:10px;font-size:25px;cursor:pointer}
.fm-v271 .fm-media-viewer button:disabled{visibility:hidden}
.fm-v271 .fm-profile-share-block{margin-bottom:12px}
.fm-v271 .fm-profile-share-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px 0;color:#6f7c93;font-size:11px}
.fm-v271 .fm-profile-share-caption{padding:7px 13px 4px;margin:0!important;color:#293754!important;font-size:13px!important;white-space:pre-line}
.fm-v271 .fm-profile-share-block .fm-social-post{margin-top:7px!important}
.fm-v271 .fm-modal-post-preview .fm-post-menu-wrap,.fm-v271 .fm-modal-post-preview .fm-reaction-picker{display:none!important}
.fm-v271 .fm-modal-post-preview .fm-social-post-copy.has-more .fm-post-copy-collapsible{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}

@media (max-width:700px){
  .fm-v271 .fm-social-post-head{padding:10px 11px 6px!important;gap:9px!important}
  .fm-v271 .fm-social-post-head .fm-avatar{width:38px!important;height:38px!important}
  .fm-v271 .fm-social-post-who strong{font-size:13px!important}
  .fm-v271 .fm-social-post-who small{font-size:10px!important}
  .fm-v271 .fm-social-post-copy{padding:3px 11px 9px!important}
  .fm-v271 .fm-social-post-copy h3{font-size:14.5px!important}
  .fm-v271 .fm-social-post-copy p{font-size:13.2px!important;line-height:1.57!important}
  .fm-v271 .fm-social-media-grid.count-1 .fm-post-media-button,.fm-v271 .fm-social-media-grid.count-1 img,.fm-v271 .fm-social-video video{max-height:72vh!important}
  .fm-v271 .fm-social-media-grid.count-2 .fm-post-media-button{height:52vw;max-height:310px}
  .fm-v271 .fm-social-media-grid.count-3,.fm-v271 .fm-social-media-grid.count-4{grid-template-rows:repeat(2,min(31vw,190px))!important}
  .fm-v271 .fm-social-media-grid.count-3 .fm-post-media-button:first-child{height:min(62vw,382px)}
  .fm-v271 .fm-social-product{grid-template-columns:62px minmax(0,1fr) auto!important;margin:7px 8px!important;padding:4px 6px 4px 4px!important;min-height:68px!important}
  .fm-v271 .fm-social-product>img{width:58px!important;height:58px!important}
  .fm-v271 .fm-social-product-cta{font-size:10px}
  .fm-v271 .fm-social-post-stats{padding:6px 11px!important;font-size:10.6px!important}
  .fm-v271 .fm-social-post-actions{padding:4px 5px 6px!important}
  .fm-v271 .fm-social-post-actions>button,.fm-v271 .fm-social-post-actions .fm-reaction-action>.fm-js-reaction{min-height:40px!important;font-size:10.8px!important;padding:0 4px!important}
  .fm-v271 .fm-reaction-picker{left:0;bottom:44px}
  .fm-v271 .fm-share-secondary{grid-template-columns:1fr}
  .fm-v271 .fm-media-viewer{grid-template-columns:34px minmax(0,1fr) 34px;gap:3px}
  .fm-v271 .fm-media-viewer button{width:30px;height:42px}
}

@media (max-width:430px){
  .fm-v271 .fm-social-post-actions .fm-icon{width:18px;height:18px}
  .fm-v271 .fm-social-post-actions>button span,.fm-v271 .fm-social-post-actions .fm-reaction-action>.fm-js-reaction span{display:inline!important}
  .fm-v271 .fm-social-post-actions .fm-reaction-main-emoji{display:inline!important}
  .fm-v271 .fm-social-product-cta{max-width:60px;text-align:right}
}
/* Keep Facebook-style action labels visible on mobile; older v263 hid them. */
.fm-v271 .fm-social-post-actions>button span,
.fm-v271 .fm-social-post-actions .fm-reaction-action>.fm-js-reaction span{display:inline!important}