﻿@media (max-width: 900px) {
	.grid-2,
	.admin-form-grid {
		grid-template-columns: 1fr;
	}

	.stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 820px) {
	:root {
		--header-h: 52px;
	}

	.site-header {
		height: var(--header-h);
	}

	.container-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		grid-template-columns: none;
		height: var(--header-h);
		padding: 0 8px 0 4px;
		gap: 6px;
	}

	.header-left {
		flex: 1 1 auto;
		min-width: 0;
		overflow: visible;
	}

	.logo {
		gap: 8px;
		max-width: 100%;
		justify-content: flex-start;
		overflow: visible;
	}

	.logo span.click_href {
		display: none;
	}

	.logo-box {
		width: 30px;
		height: 30px;
		border-radius: 9px;
	}

	.logo-box.logo-box--file {
		width: auto;
		height: 44px;
		max-width: none;
		border-radius: 0;
		overflow: visible;
	}

	.logo-box--file,
	.logo-box--file img {
		height: 44px;
		max-width: min(260px, calc(100vw - 118px));
		width: auto;
		object-fit: contain;
		object-position: left center;
	}

	.header-center {
		display: none;
	}

	.header-search-toggle {
		display: inline-flex;
	}

	.site-header.is-search-open .header-search-toggle__search {
		display: none;
	}

	.site-header.is-search-open .header-search-toggle__close {
		display: block;
	}

	.site-header.is-search-open .header-center {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 102;
		padding: 8px 10px 10px;
		background: rgba(255, 255, 255, 0.96);
		border-bottom: 1px solid var(--wp-border);
		box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
	}

	

	body.theme_oscuro .site-header.is-search-open .header-center {
		background: rgba(0, 0, 0, 0.96);
		border-bottom-color: #1f1f1f;
		box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45);
	}

	.header-search-wrap {
		height: 38px;
		padding: 0 12px;
	}

	.nav-actions {
		gap: 2px;
	}

	.nav-actions .icon-btn {
		padding: 6px;
	}

	.contact-entry--header {
		padding: 6px;
		min-width: 34px;
		height: 34px;
		border-radius: 8px;
	}

	.contact-entry--header span {
		display: none;
	}

	.support-inbox-btn > span:not(.support-inbox-btn__count):not(.support-inbox-btn__dot) {
		display: none;
	}

	.divider-v {
		display: none;
	}

	.site-header .profile-trigger .avatar-wrap.avatar-head .avatar,
	.site-header .header-guest .avatar-wrap.avatar-head .avatar {
		width: 34px;
		height: 34px;
		border-width: 1px;
	}

	.header-guest {
		gap: 0;
		padding: 2px;
	}

	.header-guest__meta {
		display: none;
	}

	.container-feed {
		padding: 16px 12px 32px;
	}

	.composer-card {
		padding: 14px;
	}

	.composer-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.post-layout {
		padding-left: 12px;
		padding-right: 12px;
	}

	.comment-replies-list,
	.reply-form-thread,
	.comment-show-more-replies {
		margin-left: 20px;
	}

	.comment-thread-node--nested .comment-replies-list,
	.comment-thread-node--nested .reply-form-thread,
	.comment-thread-node--nested .comment-show-more-replies {
		margin-left: 16px;
	}

	body.site_body.rtl_mode .comment-replies-list,
	body.site_body.rtl_mode .reply-form-thread,
	body.site_body.rtl_mode .comment-show-more-replies {
		margin-right: 20px;
		margin-left: 0;
	}

	body.site_body.rtl_mode .comment-thread-node--nested .comment-replies-list,
	body.site_body.rtl_mode .comment-thread-node--nested .reply-form-thread,
	body.site_body.rtl_mode .comment-thread-node--nested .comment-show-more-replies {
		margin-right: 16px;
		margin-left: 0;
	}

	
	.profile-actions-grid,
	.profile-quick-strip,
	.profile-pref-grid,
	.edit-pref-grid,
	.quick-actions {
		grid-template-columns: 1fr;
	}

	.profile-cc .profile-tw__topbar {
		display: none !important;
	}

	.profile-tw__head {
		padding: 0 12px;
	}

	.profile_wrap .profile_avatar {
		margin-top: 0;
	}

	.profile_wrap .profile_avatar .avatar-wrap.avatar-lg,
	.profile_wrap .profile_avatar .avatar-wrap.avatar-lg .avatar {
		width: 100px;
		height: 100px;
	}

	.profile-tw__hero-avatar {
		margin-top: -36px;
	}

	.profile-tw__hero-avatar .avatar-wrap.avatar-lg {
		width: 72px;
		height: 72px;
	}

	.profile-tw__hero-cta {
		margin-top: 10px;
		max-width: 58%;
	}

	.profile-tw__body {
		padding: 6px 12px 18px;
	}

	.profile-tw .profile-quick-strip {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.topbar-logo {
		margin-left: 0;
	}

	.hamburger {
		display: inline-flex;
	}

	.sidebar {
		transform: translateX(100%);
	}

	.sidebar.open {
		transform: translateX(0);
	}

	.main {
		margin-right: 0;
		padding: 16px;
	}

	.stats-grid {
		grid-template-columns: 1fr;
	}

	.chat-window {
		height: 360px;
	}

	.admin_body:not(.rtl_mode) .sidebar {
		transform: translateX(-100%);
	}

	.admin_body:not(.rtl_mode) .sidebar.open {
		transform: translateX(0);
	}

	.admin_body:not(.rtl_mode) .main {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 480px) {
	.page-status-line {
		flex-direction: column;
		align-items: stretch;
	}

	.site-footer-links {
		flex-wrap: wrap;
	}

	.modal_back {
		padding: 8px;
	}

	.modal-body {
		padding: 16px;
	}
}

@media (min-width: 960px) and (max-width: 1279px) {
	body.site_body .header-explore-toggle {
		display: inline-flex;
	}
}

@media (max-width: 1279px) {
	body.site_body .explore-rail.is-sheet-open {
		display: block;
		position: fixed;
		inset: 0;
		width: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 220;
		background: rgba(15, 23, 42, 0.48);
		pointer-events: auto;
		overflow: hidden;
	}

	body.theme_oscuro.site_body .explore-rail.is-sheet-open {
		background: rgba(0, 0, 0, 0.62);
	}

	body.site_body .explore-rail.is-sheet-open .explore-rail__inner {
		pointer-events: auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		max-height: min(88vh, 760px);
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 10px 12px calc(18px + var(--mobile-dock-h, 0px));
		display: flex;
		flex-direction: column;
		gap: 12px;
		background: var(--body-bg, var(--wp-bg));
		border-radius: 18px 18px 0 0;
		box-shadow: 0 -16px 40px rgba(15, 23, 42, 0.28);
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}

	body.site_body .explore-rail.is-sheet-open .explore-sheet-bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		flex-shrink: 0;
		padding: 4px 4px 8px;
	}

	body.site_body .explore-sheet-bar__title {
		margin: 0;
		font-size: 1rem;
		font-weight: 800;
		letter-spacing: -0.02em;
	}

	body.explore-sheet-open {
		overflow: hidden;
	}
}

@media (max-width: 959px) {
	body.site_body {
		--mobile-dock-h: calc(58px + env(safe-area-inset-bottom, 0px));
		--live-strip-h: 0px;
		overflow-x: hidden;
	}

	body.site_body:has(#live_rail) {
		--live-strip-h: 78px;
	}

	body.site_body .container-header {
		padding-left: 4px;
	}

	body.site_body .header-left {
		flex: 1 1 auto;
		min-width: 0;
		overflow: visible;
	}

	body.site_body .logo-box.logo-box--file {
		width: auto;
		height: 44px;
		max-width: none;
		overflow: visible;
	}

	body.site_body .logo-box--file img {
		height: 44px;
		max-width: min(260px, calc(100vw - 118px));
		width: auto;
		object-position: left center;
	}

	body.archived-chats-open,
	body.top-radios-open {
		overflow: hidden;
	}

	body.site_body .header-archived-toggle,
	body.site_body .header-radio-toggle {
		display: none !important;
	}

	body.site_body .archived-chats-panel.is-open {
		display: block;
		position: fixed;
		inset: 0;
		width: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 220;
		background: rgba(15, 23, 42, 0.48);
		pointer-events: auto;
		overflow: hidden;
	}

	body.theme_oscuro.site_body .archived-chats-panel.is-open {
		background: rgba(0, 0, 0, 0.62);
	}

	body.site_body .archived-chats-panel.is-open .archived-chats-panel__inner {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		max-height: min(88vh, 760px);
		overflow-x: hidden;
		overflow-y: auto;
		padding-bottom: calc(10px + var(--mobile-dock-h, 0px));
		border-radius: 18px 18px 0 0;
		box-shadow: 0 -16px 40px rgba(15, 23, 42, 0.28);
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}

	body.archived-chats-open .mobile-dock__btn--archive,
	body.top-radios-open .mobile-dock__btn--radio {
		color: var(--wp-blue);
	}

	body.site_body .mobile-dock__btn--radio.is-playing {
		color: #f59e0b;
	}

	body.site_body .header-center {
		display: none;
	}

	body.site_body .site-header.is-search-open .header-center {
		display: flex;
		align-items: center;
		gap: 8px;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 102;
		padding: 8px 10px 10px;
		background: rgba(255, 255, 255, 0.96);
		border-bottom: 1px solid var(--wp-border);
		box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
	}

	

	body.theme_oscuro.site_body .site-header.is-search-open .header-center {
		background: rgba(0, 0, 0, 0.96);
		border-bottom-color: #1f1f1f;
		box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45);
	}

	body.site_body .site-header.is-search-open .header-search-form {
		flex: 1 1 auto;
		min-width: 0;
	}

	body.site_body .site-header.is-search-open .header-search-overlay-close {
		display: inline-flex;
		flex-shrink: 0;
	}

	body.site_body .container-feed {
		padding: 12px 12px calc(20px + var(--mobile-dock-h));
	}

	body.site_body:has(#live_rail) .container-feed {
		padding-top: calc(10px + var(--live-strip-h));
	}

	body.site_body .feed-grid-toggle,
	body.site_body .feed-tabs--spacer {
		display: none !important;
	}

	body.site_body .feed-toolbar {
		margin: 0 0 10px;
	}

	body.site_body .feed-tabs {
		position: sticky;
		top: calc(var(--header-h, 52px) + var(--live-strip-h, 0px));
		z-index: 70;
		margin: 0 -12px 0;
		padding: 0 4px;
		background: var(--body-bg, var(--wp-bg));
	}

	body.theme_claro.site_body .feed-tabs {
		background: #f0f2f5;
	}

	body.theme_oscuro.site_body .feed-tabs {
		background: color-mix(in srgb, var(--glass-fade, rgba(0, 0, 0, 0.72)) 88%, transparent);
		backdrop-filter: blur(16px) saturate(160%);
		-webkit-backdrop-filter: blur(16px) saturate(160%);
	}

	body.site_body .container-feed .site-footer-links {
		display: none;
	}

	

	body.site_body .post-card {
		margin-bottom: 14px;
	}

	body.site_body .post-actions {
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		gap: 6px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	body.site_body .post-like-actions {
		flex: 1 1 auto;
		min-width: 0;
		flex-wrap: nowrap;
		gap: 4px;
	}

	body.site_body .post-reactions {
		flex-wrap: nowrap;
		gap: 0;
	}

	body.site_body .post-react-btn {
		min-width: 0;
		padding: 6px 5px;
	}

	body.site_body .post-likers-admin-btn {
		padding: 6px;
		gap: 0;
	}

	body.site_body .post-likers-admin-btn__label,
	body.site_body .action-btn__label {
		display: none;
	}

	body.site_body .action-btn__count::before,
	body.site_body .action-btn__count::after {
		content: none;
	}

	body.site_body .action-btn {
		gap: 4px;
		flex-shrink: 0;
	}

	body.site_body .live-rail {
		display: block;
		position: fixed;
		top: var(--header-h, 52px);
		left: 0;
		right: 0;
		bottom: auto;
		width: 100%;
		height: var(--live-strip-h);
		z-index: 88;
		pointer-events: none;
	}

	body.site_body .live-rail.is-collapsed {
		top: var(--header-h, 52px);
		height: var(--live-strip-h);
	}

	body.site_body .live-rail__bar {
		pointer-events: auto;
		display: flex;
		flex-direction: row;
		align-items: stretch;
		width: 100%;
		height: 100%;
		background: color-mix(in srgb, var(--live-rail-bg, var(--card-bg)) 88%, transparent);
		border-left: 0;
		border-bottom: 1px solid var(--live-rail-border, var(--wp-border));
		box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}

	body.theme_claro.site_body .live-rail__bar {
		background: #ffffff;
		border-bottom: 1px solid #e4e6eb;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	body.theme_claro.site_body .live-rail__bar::before {
		content: none;
		display: none;
	}

	body.theme_oscuro.site_body .live-rail {
		overflow: visible;
	}

	body.theme_oscuro.site_body .live-rail__bar {
		position: relative;
		overflow: visible;
		background: transparent;
		border-bottom: 0;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	body.theme_oscuro.site_body .live-rail__bar::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: calc(100% + 40px);
		background: linear-gradient(to bottom, var(--glass-fade) 0%, color-mix(in srgb, var(--glass-fade) 42%, transparent) 58%, transparent 100%);
		backdrop-filter: blur(22px) saturate(170%);
		-webkit-backdrop-filter: blur(22px) saturate(170%);
		-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 46%, transparent 100%);
		mask-image: linear-gradient(to bottom, #000 0%, #000 46%, transparent 100%);
		pointer-events: none;
		z-index: 0;
	}

	body.theme_oscuro.site_body .live-rail__bar > * {
		position: relative;
		z-index: 1;
	}

	body.site_body .live-rail.is-pulse .live-rail__bar {
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp-blue) 70%, transparent);
	}

	body.site_body .live-rail__head {
		flex-shrink: 0;
		width: auto;
		min-width: 52px;
		height: auto;
		padding: 8px 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		color: var(--text-muted);
		border-bottom: 0;
		border-right: 1px solid color-mix(in srgb, var(--live-rail-border, var(--wp-border)) 80%, transparent);
	}

	body.site_body.rtl_mode .live-rail__head {
		border-right: 0;
		border-left: 1px solid color-mix(in srgb, var(--live-rail-border, var(--wp-border)) 80%, transparent);
	}

	body.site_body .live-rail__head i,
	body.site_body .live-rail__head svg {
		width: 14px;
		height: 14px;
		opacity: 0.8;
	}

	body.site_body .live-rail__head-label {
		display: block;
		font-size: 9px;
		font-weight: 700;
		letter-spacing: 0.02em;
		line-height: 1.1;
		max-width: 52px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body.site_body .live-rail__stack {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex: 1;
		width: auto;
		height: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 8px 12px;
		gap: 12px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	body.site_body .live-rail.is-collapsed .live-rail__head,
	body.site_body .live-rail.is-collapsed .live-rail__stack {
		display: flex;
	}

	body.site_body .live-rail__stack::-webkit-scrollbar {
		display: none;
	}

	body.site_body .live-rail__btn {
		position: relative;
		width: 56px;
		height: auto;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		flex-shrink: 0;
		border-radius: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
	}

	body.site_body .live-rail__face {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		margin: 0 auto;
		border-radius: 50%;
		overflow: hidden;
		background: var(--surface-2, #f1f5f9);
		box-shadow: 0 0 0 1px color-mix(in srgb, var(--live-rail-border, var(--wp-border)) 80%, transparent);
	}

	body.site_body .live-rail__face .avatar-wrap,
	body.site_body .live-rail__face .avatar-wrap.avatar-md,
	body.site_body .live-rail__face .avatar,
	body.site_body .live-rail__face .avatar.avatar-image {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		box-shadow: none;
		filter: none;
	}

	body.site_body .live-rail__face .avatar,
	body.site_body .live-rail__face .avatar.avatar-image {
		border: 0;
		object-fit: cover;
	}

	body.site_body .live-rail__face .v-badge {
		display: none;
	}

	body.site_body .live-rail__status,
	body.site_body .live-rail img.list_status {
		position: absolute;
		right: 6px;
		top: 28px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: var(--live-rail-bg, var(--card-bg));
		padding: 1px;
		object-fit: cover;
		display: block;
		z-index: 2;
		box-sizing: border-box;
		border: 0;
	}

	body.site_body .live-rail__name {
		display: block;
		max-width: 56px;
		font-size: 10px;
		font-weight: 600;
		line-height: 1.15;
		color: var(--text-muted);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
	}

	body.site_body .live-rail__tip,
	body.site_body .live-rail__toggle {
		display: none !important;
	}

	body.site_body .mobile-dock {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 110;
		height: var(--mobile-dock-h);
		padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px));
		align-items: flex-start;
		justify-content: space-around;
		gap: 2px;
		background: transparent;
		border-top: 0;
		overflow: visible;
	}

	body.site_body .mobile-dock > * {
		position: relative;
		z-index: 1;
	}

	body.theme_claro.site_body .mobile-dock {
		background: #ffffff;
		border-top: 1px solid #e4e6eb;
		overflow: hidden;
	}

	body.theme_claro.site_body .mobile-dock::before {
		content: none;
		display: none;
	}

	body.theme_oscuro.site_body .mobile-dock {
		background: transparent;
		border-top: 0;
		overflow: visible;
	}

	body.theme_oscuro.site_body .mobile-dock::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: calc(100% + 40px);
		background: linear-gradient(to top, var(--glass-fade) 0%, color-mix(in srgb, var(--glass-fade) 42%, transparent) 58%, transparent 100%);
		backdrop-filter: blur(22px) saturate(170%);
		-webkit-backdrop-filter: blur(22px) saturate(170%);
		-webkit-mask-image: linear-gradient(to top, #000 0%, #000 46%, transparent 100%);
		mask-image: linear-gradient(to top, #000 0%, #000 46%, transparent 100%);
		pointer-events: none;
		z-index: 0;
	}

	body.site_body .header-search-wrap {
		height: 38px;
		padding: 0 12px;
	}

	body.site_body .mobile-dock__btn {
		flex: 1 1 0;
		min-width: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		height: 46px;
		padding: 0 2px;
		border: 0;
		background: transparent;
		color: var(--text-muted);
		cursor: pointer;
		font: inherit;
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
	}

	body.site_body .mobile-dock__btn i,
	body.site_body .mobile-dock__btn svg {
		width: 20px;
		height: 20px;
		stroke-width: 1.9;
	}

	body.site_body .mobile-dock__btn span {
		max-width: 100%;
		font-size: 9px;
		font-weight: 700;
		line-height: 1.1;
		letter-spacing: 0.01em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body.explore-sheet-open .mobile-dock__btn--explore {
		color: var(--wp-blue);
	}

	body.site_body.rtl_mode .live-rail {
		right: 0;
		left: 0;
	}
}
