.feed { max-width: 720px; margin: 0 auto; }
	.composer, .post { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; margin-bottom: 12px; }
	.composer textarea { width: 100%; border: 1px solid #e5e7eb; border-radius: 6px; padding: 8px; resize: vertical; }
	.btn { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; border: 1px solid #e5e7eb; background: #f9fafb; border-radius: 6px; padding: 6px 10px; font-size: 14px; }
	.btn.primary { background: #2563eb; color: #fff; border-color: #2563eb; }
	.btn.link { border: none; background: transparent; color: #2563eb; padding: 0; }
	.author { display: flex; gap: 10px; align-items: center; }
	.author img { width: 36px; height: 36px; border-radius: 9999px; object-fit: cover; }
	.counts { display: flex; gap: 16px; color: #6b7280; font-size: 13px; margin-top: 6px; }
	.actions { display: flex; gap: 8px; margin-top: 8px; }
	.comments { margin-top: 10px; }
	.comment { display: flex; gap: 8px; margin-top: 8px; }
	.comment img { width: 28px; height: 28px; border-radius: 9999px; }
	.comment .bubble { background: #f3f4f6; border-radius: 14px; padding: 8px 10px; max-width: 100%; }
	.muted { color: #6b7280; font-size: 12px; }
	.danger { color: #ef4444; cursor: pointer; }
	.icon-btn { background: none; border: none; padding: 4px; cursor: pointer; display: inline-flex; align-items: center; border-radius: 6px; }
	.icon-btn:hover { background: #f3f4f6; }
	.icon { width: 22px; height: 22px; vertical-align: middle; }
	.tag-chip { display: inline-block; background: #e0e7ff; color: #3730a3; border-radius: 12px; padding: 2px 8px; margin: 2px; font-size: 13px; }
	.location-chip { display: inline-block; background: #fef3c7; color: #b45309; border-radius: 12px; padding: 2px 8px; margin: 2px; font-size: 13px; }
	.autocomplete-list { position: absolute; background: #fff; border: 1px solid #e5e7eb; border-radius: 6px; z-index: 100; max-height: 260px; overflow-y: auto; width: 280px; box-shadow: 0 10px 25px rgba(0,0,0,.08); }
	.ac-header { position: sticky; top: 0; background:#fff; border-bottom:1px solid #e5e7eb; padding:8px; }
	.ac-input { width:100%; border:1px solid #e5e7eb; border-radius:6px; padding:6px 10px; font-size:14px; }

	/* Gallery layouts */
	.gallery { display: grid; gap: 6px; border-radius: 8px; overflow: hidden; }
	.gallery .item { position: relative; width: 100%; height: 100%; background: #f3f4f6; }
	.gallery .item img, .gallery .item video { width: 100%; height: 100%; object-fit: cover; display: block; }
	.gallery.layout-1 { grid-template-columns: 1fr; }
	.gallery.layout-1 .item { aspect-ratio: 16/9; }
	.gallery.layout-2 { grid-template-columns: 1fr 1fr; }
	.gallery.layout-2 .item { aspect-ratio: 1/1; }
	.gallery.layout-3 { grid-template-columns: 2fr 1fr; grid-auto-rows: 1fr; }
	.gallery.layout-3 .item:nth-child(1){ grid-row: span 2; aspect-ratio: auto; }
	.gallery.layout-3 .item{ aspect-ratio: 1/1; }
	.gallery.layout-4, .gallery.layout-5 { grid-template-columns: 1fr 1fr; }
	.gallery.layout-4 .item, .gallery.layout-5 .item { aspect-ratio: 1/1; }
	.gallery .more-overlay { position:absolute; inset:0; background: rgba(0,0,0,.45); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:28px; }

	/* Lightbox */
	.lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.9); z-index: 9999; display: none; align-items: center; justify-content: center; }
	.lightbox.open { display: flex; }
	.lightbox-content { position: relative; max-width: 90vw; max-height: 90vh; }
	.lightbox img, .lightbox video { max-width: 90vw; max-height: 90vh; display:block; }
	.lightbox .close, .lightbox .prev, .lightbox .next { position: absolute; top: 50%; transform: translateY(-50%); color:#fff; background: rgba(0,0,0,.4); border:none; padding:10px; cursor:pointer; }
	.lightbox .close { top: 20px; right: 20px; transform: none; }
	.lightbox .prev { left: 10px; }
	.lightbox .next { right: 10px; }

	/* Media edit/remove */
	.gallery.editing .item { cursor: grab; outline: 2px dashed #c7d2fe; }
	.gallery .item.dragging { opacity: .6; }
	.thumb-x { position:absolute; top:6px; right:6px; background: rgba(0,0,0,.6); color:#fff; border:none; border-radius:9999px; width:28px; height:28px; font-size:18px; line-height:28px; text-align:center; cursor:pointer; display:none; }
	.gallery.editing .thumb-x { display:block; }
	/* Composer thumbs */
	#composer-gallery { flex-wrap: wrap; }
	.comp-thumb { position: relative; width: 120px; height: 120px; border-radius: 8px; overflow: hidden; background: #f3f4f6; }
	.comp-thumb img, .comp-thumb video { width: 100%; height: 100%; object-fit: cover; display:block; }
	.comp-thumb .thumb-x { display:block; }

	/* Facebook-like circular icon buttons */
	.fb-icon-row { display: inline-flex; gap: 6px; align-items: center; }
	.fb-icon-btn { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9999px; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); cursor: pointer; }
	.fb-icon-btn:hover { background: #f3f4f6; }
	.fb-icon-btn .icon { width: 20px; height: 20px; }

	/* Overlay toolbar on gallery (owner only) */
	.attachments { position: relative; }
	.gallery-overlay { position: absolute; bottom: 8px; right: 8px; display: flex; gap: 6px; z-index: 5; }
	.gallery-overlay .fb-icon-btn { background: rgba(255,255,255,.95); }

/* --- Socials index layout (3 columns) --- */
.socials-grid { display: grid; grid-template-columns: 260px minmax(0, 720px) 300px; gap: 16px; align-items: start; max-width: 1280px; margin: 16px auto; padding: 0 12px; }
.left-sidebar, .right-sidebar { position: sticky; top: 84px; align-self: start; }
.left-sidebar-section, .right-sidebar-section { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; }
.sidebar-list { margin: 0; padding: 0; list-style: none; }
.sidebar-item { display: flex; }
.sidebar-link { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; width: 100%; text-decoration: none; color: inherit; }
.sidebar-link:hover { background: #f9fafb; }
.sidebar-thumb { width: 48px; height: 48px; border-radius: 6px; object-fit: cover; background: #f3f4f6; }
.sidebar-title { font-size: 14px; font-weight: 600; }

/* Override feed default max-width when inside grid */
.socials-grid .feed { max-width: 100%; margin: 0; }

/* Hide sidebars on small screens */
@media (max-width: 991px) {
	.socials-grid { grid-template-columns: 1fr; }
	.left-sidebar, .right-sidebar { display: none; }
}

/* Between tablet and small desktop: shrink sidebars */
@media (min-width: 992px) and (max-width: 1199px) {
	.socials-grid { grid-template-columns: 220px minmax(0, 640px) 260px; }
}

/* (Reverted banner styles to preserve original theme appearance) */

/* (Reverted filter styles to preserve original theme appearance) */
.sidebar-link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }

/* Increase touch targets on mobile */
@media (max-width: 767px) {
	.sidebar-link { padding: 10px; }
}

/* Utility */
.mb-2 { margin-bottom: .5rem; }
.hide-on-mobile { display: block; }
@media (max-width: 991px) { .hide-on-mobile { display: none !important; } }