/* Shared social foundation — wrapperless filters, 3-col grid, viewer, Content. */
.prdna-pp { --prdna-sf-tab-h: 44px; }
#acctBusinessProfileView { --prdna-sf-tab-h: 48px; }
.prdna-sf-filters {
  display: flex;
  gap: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #e5e7eb;
  background: transparent;
  position: sticky;
  top: var(--prdna-sf-tab-h, 44px);
  z-index: 5;
}
body.app-theme-dark .prdna-sf-filters,
.prdna-pp .prdna-sf-filters { border-color: #374151; }
.prdna-pp .prdna-sf-filters { background: #111827; }
#acctBusinessProfileView .prdna-sf-filters { background: #e6ece9; }
body.app-theme-dark #acctBusinessProfileView .prdna-sf-filters { background: #111827; }
.prdna-pp.is-posts .prdna-pp__tabs,
#acctBusinessProfileView.is-posts .acct-bp-tabs {
  border-bottom: 0;
}
.prdna-pp.is-posts .prdna-pp__body {
  padding: 0 0 28px;
}
#acctBusinessProfileView.is-posts #acctBizPanelPosts {
  padding: 0 0 28px;
}
.prdna-sf-filter {
  flex: 1 1 0;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #6b7280;
  font-weight: 700;
  font-size: 13px;
  padding: 10px 4px;
  cursor: pointer;
  border-radius: 0;
}
.prdna-sf-filter.is-on {
  color: #16a34a;
  box-shadow: inset 0 -2px 0 #16a34a;
}
.prdna-pp .prdna-sf-filter.is-on {
  color: #7c3aed;
  box-shadow: inset 0 -2px 0 #7c3aed;
}
.prdna-sf-empty {
  margin: 16px 4px;
  color: #6b7280;
  font-size: 14px;
}
.prdna-sf-empty strong { display: block; color: inherit; margin-bottom: 4px; }
.acct-feed-media-grid.is-reel,
.acct-feed-media-grid.is-carousel {
  display: block;
  position: relative;
  background: #111827;
}
.acct-feed-reel,
.acct-feed-media-grid.is-reel video {
  display: block;
  width: 100%;
  max-height: min(420px, 62vh);
  aspect-ratio: auto;
  object-fit: contain;
  background: #111827;
}
.acct-feed-reel-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 56px;
  height: 56px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #111827;
  font-size: 13px;
  font-weight: 800;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.acct-feed-media-grid.is-playing .acct-feed-reel-play,
.acct-feed-slide.is-playing .acct-feed-reel-play { display: none; }
.acct-feed-slides { position: relative; }
.acct-feed-slide { position: relative; }
.acct-feed-slide[hidden],
.acct-feed-slide:not(.is-on) { display: none !important; }
.acct-feed-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 8px 0 2px;
}
.acct-feed-media-grid.is-carousel .acct-feed-dots,
.acct-feed-media-grid.is-reel .acct-feed-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 52px;
  z-index: 3;
  padding: 0;
  pointer-events: none;
}
.acct-feed-dots i {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.28);
}
.acct-feed-media-grid.is-reel .acct-feed-dots i,
.acct-feed-media-viewer .acct-feed-dots i { background: rgba(255, 255, 255, 0.38); }
.acct-feed-dots i.is-on { background: #111827; }
.acct-feed-media-grid.is-reel .acct-feed-dots i.is-on,
.acct-feed-media-viewer .acct-feed-dots i.is-on { background: #fff; }
.acct-feed-media-viewer {
  position: fixed;
  inset: 0;
  z-index: 150;
  display: flex;
  flex-direction: column;
  background: #0b1220;
}
.acct-feed-media-viewer[hidden] { display: none !important; }
.acct-feed-media-viewer-close {
  flex: 0 0 auto;
  align-self: flex-start;
  min-height: 44px;
  margin: 10px 12px 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.acct-feed-media-viewer-stage {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
}
.acct-feed-media-viewer .acct-feed-slide { width: 100%; }
.acct-feed-media-viewer video,
.acct-feed-media-viewer img {
  display: block;
  width: 100%;
  max-height: 86vh;
  object-fit: contain;
  background: #000;
}
body.prdna-mv-open,
body.prdna-status-open { overflow: hidden; }
#acctHomeStatusViewer.is-story,
.acct-home-status-viewer.is-story {
  position: fixed !important;
  inset: 0 !important;
  z-index: 160 !important;
  display: flex !important;
  place-items: stretch !important;
  background: #0b1220 !important;
}
#acctHomeStatusViewer.is-story[hidden] { display: none !important; }
.acct-home-status-story {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
}
.acct-home-status-story-bar {
  display: flex;
  justify-content: flex-start;
  padding: max(12px, env(safe-area-inset-top, 0px)) 14px 8px;
}
.acct-home-status-story-bar button {
  min-height: 44px;
  min-width: 72px;
  margin: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.acct-home-status-story-media {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  background: #000;
}
.acct-home-status-story-media img,
.acct-home-status-story-media video {
  display: block;
  width: 100%;
  max-height: 78vh;
  object-fit: contain;
  background: #000;
}
.acct-home-status-story-copy {
  padding: 16px 16px max(20px, env(safe-area-inset-bottom, 0px));
  color: #f8fafc;
}
.acct-home-status-story-copy strong,
.acct-home-status-story-copy span,
.acct-home-status-story-copy p { display: block; }
.acct-home-status-story-copy span { margin-top: 2px; color: #cbd5e1; font-size: 13px; }
.acct-home-status-story-copy p { margin: 10px 0 0; font-size: 16px; line-height: 1.4; }
#acctFeedCreateOverlay.is-sheet {
  padding: 0;
  place-items: stretch;
  background: #e6ece9;
}
#acctFeedCreateOverlay.is-sheet .acct-feed-dialog-card {
  width: 100%;
  max-width: none;
  min-height: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#acctFeedCreateOverlay.is-status #acctFeedCreateTitle { letter-spacing: 0; }
.acct-feed-attach { display: grid; gap: 8px; }
.acct-feed-attach-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.acct-feed-attach-actions button {
  min-height: 44px;
  border: 1px solid rgba(15, 41, 31, .16);
  border-radius: 12px;
  background: #f7faf8;
  color: #0f291f;
  font-weight: 800;
  cursor: pointer;
}
.acct-feed-attach-name,
.acct-feed-attach-hint { margin: 0; font-size: 12px; color: #657970; }
body.app-theme-dark .acct-feed-attach-hint { color: #94a3b8; }
body.app-theme-dark .acct-feed-attach-actions button {
  background: #1f2937;
  color: #f8fafc;
  border-color: #374151;
}
body.app-theme-dark .acct-feed-attach-name { color: #94a3b8; }
#tab-home .acct-home-shell {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
#tab-home .acct-feed-control-row {
  position: sticky;
  top: 0;
  z-index: 6;
  background: transparent;
  border: 0;
  box-shadow: none;
}
body.app-theme-dark #tab-home .acct-feed-control-row { background: transparent; }
#tab-home .acct-feed-control-action,
#tab-home .acct-home-tabs button,
#tab-home .acct-home-status-chip,
#tab-home .acct-home-status-chip strong,
body.app-theme-dark #tab-home .acct-feed-control-action,
body.app-theme-dark #tab-home .acct-home-tabs button,
body.app-theme-dark #tab-home .acct-home-status-chip strong,
body.app-theme-dark .acct-feed-control-action {
  text-shadow: none;
  filter: none;
  -webkit-font-smoothing: antialiased;
}
body.app-theme-dark #tab-home .acct-home-tabs button { color: #cbd5e1; }
body.app-theme-dark #tab-home .acct-home-tabs button.is-on { color: #34d399; }
body.app-theme-dark #tab-home .acct-home-status-chip strong { color: #f8fafc; }
#tab-home .acct-home-status-rail {
  position: static;
  flex: 0 0 auto;
  min-height: 132px;
  padding: 18px 12px 14px;
  overflow: visible;
}
#tab-home .acct-home-status-rail-row { gap: 14px; padding: 6px 4px 8px; }
#tab-home .acct-home-status-chip {
  position: relative;
  flex: 0 0 88px;
  overflow: visible;
}
#tab-home .acct-home-status-you-hit {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: center;
  cursor: pointer;
}
#tab-home .acct-home-status-chip .acct-suggestion-avatar {
  position: relative;
  width: 76px;
  height: 76px;
  margin: 0 auto 8px;
  overflow: visible;
  box-shadow: none;
  border: 4px solid #00a854;
  padding: 3px;
  background: #e8f6ee;
}
#tab-home .acct-home-status-chip .acct-suggestion-avatar img,
#tab-home .acct-home-status-chip .acct-suggestion-avatar > span {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  background: #d7efe3;
  color: #08783f;
  font-size: 28px;
  font-weight: 800;
}
#tab-home .acct-home-status-chip strong {
  font-size: 12px;
  font-weight: 800;
  color: #0f291f;
}
#tab-home .acct-home-status-chip.is-seen .acct-suggestion-avatar { border-color: #94a3b8; }
#tab-home .acct-home-status-chip.is-seen { opacity: 1; }
#tab-home .acct-home-status-plus {
  position: absolute;
  left: 58px;
  top: 52px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 2px solid #0b1220;
  border-radius: 999px;
  background: #00a854;
  color: #fff;
  font: 800 16px/1 system-ui, sans-serif;
  cursor: pointer;
}
body.app-theme-dark #tab-home .acct-home-status-chip .acct-suggestion-avatar { background: #1f2937; }
body.app-theme-dark #tab-home .acct-home-status-chip .acct-suggestion-avatar img,
body.app-theme-dark #tab-home .acct-home-status-chip .acct-suggestion-avatar > span {
  background: #334155;
  color: #f8fafc;
}
body.app-theme-dark #tab-home .acct-home-status-plus { border-color: #111827; }
#tab-home .acct-home-feed {
  flex: 0 0 auto;
  overflow: visible;
  min-height: 0;
}
#tab-home .acct-feed-media-grid.is-reel,
#tab-discover .acct-feed-media-grid.is-reel,
#tab-home .acct-feed-media-grid.is-carousel,
#tab-discover .acct-feed-media-grid.is-carousel {
  display: block;
  position: relative;
  max-height: min(420px, 62vh);
  overflow: hidden;
}
#tab-home .acct-feed-reel,
#tab-home .acct-feed-media-grid.is-reel video,
#tab-discover .acct-feed-reel,
#tab-discover .acct-feed-media-grid.is-reel video {
  max-height: min(420px, 62vh);
  height: min(420px, 62vh);
  aspect-ratio: auto;
  object-fit: contain;
}
.prdna-post-viewer .acct-feed-reel,
.prdna-post-viewer .acct-feed-media-grid.is-reel video {
  max-height: 72vh;
  aspect-ratio: 9 / 16;
  object-fit: contain;
}
#acctBusinessProfileView .acct-bp-tabs,
.prdna-pp__tabs {
  position: sticky;
  top: 0;
  z-index: 6;
  background: #e6ece9;
}
body.app-theme-dark #acctBusinessProfileView .acct-bp-tabs { background: #111827; }
.prdna-pp__tabs { background: #111827; }
.prdna-pp--self .prdna-pp__tabs,
.prdna-pp--public .prdna-pp__tabs { background: #111827; }
.acct-bp-review {
  display: grid;
  gap: 6px;
  padding: 12px 0;
  border-bottom: 1px solid #e5e7eb;
}
body.app-theme-dark .acct-bp-review { border-color: #374151; }
.acct-bp-review-stars { font-weight: 800; color: #16a34a; letter-spacing: .04em; }
.acct-bp-review-title { margin: 0; font-weight: 700; }
.acct-bp-review-body { margin: 0; font-size: 14px; color: #374151; }
body.app-theme-dark .acct-bp-review-body { color: #d1d5db; }
.acct-bp-review-meta { margin: 0; font-size: 12px; color: #6b7280; }
.acct-home-status-chip.is-seen { opacity: .62; }
.acct-home-status-viewer-card video {
  width: 100%;
  max-height: 70vh;
  object-fit: contain;
  background: #000;
}
.cc-content-workspace {
  padding: 16px;
  max-width: 720px;
}
.cc-content-workspace h1 {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 800;
}
.cc-content-workspace .cc-content-lead {
  margin: 0 0 16px;
  color: #6b7280;
  font-size: 13px;
}
.cc-content-sec { margin: 0 0 22px; }
.cc-content-sec h2 {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 800;
}
.cc-content-composer {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}
.cc-content-composer textarea,
.cc-content-composer input[type="file"] {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 10px;
  font: inherit;
}
.cc-content-composer button {
  justify-self: start;
  border: 0;
  background: #16a34a;
  color: #fff;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 10px;
  cursor: pointer;
}
.cc-content-row {
  padding: 10px 0;
  border-bottom: 1px solid #e5e7eb;
  font-size: 14px;
}
.cc-content-row strong { display: block; }
.cc-content-row span { color: #6b7280; font-size: 12px; }
.prdna-sf-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
  width: 100%;
}
.prdna-sf-tile {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  padding: 0;
  border: 0;
  background: #111827;
  color: #e5e7eb;
  overflow: hidden;
  cursor: pointer;
}
.prdna-sf-tile img,
.prdna-sf-tile video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #111827;
}
.prdna-sf-tile-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  overflow: hidden;
  padding: 10px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
  color: #e5e7eb;
}
.prdna-sf-tile-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 10px;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.prdna-sf-tile.is-skel {
  background: #1f2937;
  cursor: default;
}
.prdna-post-viewer {
  position: fixed;
  inset: 0;
  z-index: 140;
  background: #0b1220;
  display: flex;
  flex-direction: column;
}
.prdna-post-viewer[hidden] { display: none !important; }
.prdna-post-viewer-bar {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  padding: 10px 12px;
}
.prdna-post-viewer-bar button {
  border: 0;
  background: transparent;
  color: #e5e7eb;
  font-weight: 700;
  cursor: pointer;
}
.prdna-post-viewer-body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 12px 0 24px;
  background: #e6ece9;
  color: #111827;
}
body.prdna-pv-open { overflow: hidden; }
.prdna-post-viewer .acct-feed-media-grid video:nth-of-type(n+2) { display: none; }