/* Öğretmenler Odası — scoped theme (oe-social-*) */

.oe-social-page {
	--oe-social-bg: #f3f7fb;
	--oe-social-card: #ffffff;
	--oe-social-card-soft: #f8fbff;
	--oe-social-text: #111827;
	--oe-social-muted: #64748b;
	--oe-social-border: #e3eaf4;
	--oe-social-border-strong: #d8e2ef;
	--oe-social-primary: #4f46e5;
	--oe-social-primary-2: #2563eb;
	--oe-social-primary-soft: #eef2ff;
	--oe-social-success: #16a34a;
	--oe-social-info: #0ea5e9;
	--oe-social-warning: #f59e0b;
	--oe-social-purple: #9333ea;
	--oe-social-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
	--oe-social-shadow-soft: 0 8px 22px rgba(15, 23, 42, 0.06);
	--oe-social-radius-lg: 22px;
	--oe-social-radius: 16px;
	--oe-social-radius-sm: 12px;

	width: min(1440px, calc(100% - 48px));
	margin: 0 auto;
	padding: 20px 0 48px;
	color: var(--oe-social-text);
	font-family: inherit;
}

.oe-social-page *,
.oe-social-page *::before,
.oe-social-page *::after {
	box-sizing: border-box;
}

.oe-social-page svg {
	width: 1em;
	height: 1em;
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oe-social-icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.oe-social-page--panel {
	width: 100%;
	max-width: none;
	padding: 0 0 24px;
}

.oe-social-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 0 0 18px;
	border-bottom: 1px solid var(--oe-social-border);
}

.oe-social-brand {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
}

.oe-social-brandIcon {
	width: 58px;
	height: 58px;
	border-radius: 16px;
	background: linear-gradient(135deg, #4f46e5, #2563eb);
	color: #fff;
	display: grid;
	place-items: center;
	box-shadow: 0 12px 28px rgba(79, 70, 229, 0.22);
}

.oe-social-brandIcon svg {
	width: 32px;
	height: 32px;
	stroke-width: 2;
}

.oe-social-brand h1 {
	margin: 0;
	font-size: 28px;
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 800;
	color: #0f172a;
}

.oe-social-brand p {
	margin: 5px 0 0;
	font-size: 14px;
	line-height: 1.45;
	color: var(--oe-social-muted);
}

.oe-social-heroActions {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.oe-social-page .oe-social-btn,
.oe-social-page button {
	font-family: inherit;
}

.oe-social-btn {
	min-height: 42px;
	padding: 0 18px;
	border-radius: 12px;
	border: 1px solid transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 13px;
	line-height: 1;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.oe-social-btn:hover {
	transform: translateY(-1px);
}

.oe-social-btn--primary {
	color: #fff;
	background: linear-gradient(135deg, var(--oe-social-primary), var(--oe-social-primary-2));
	box-shadow: 0 14px 26px rgba(37, 99, 235, 0.2);
}

.oe-social-btn--ghost {
	color: #0f172a;
	background: #fff;
	border-color: var(--oe-social-border-strong);
}

.oe-social-btn--ghost:hover {
	background: #f8fafc;
}

.oe-social-btn--mini,
.oe-social-btn--miniPrimary {
	min-height: 36px;
	padding: 0 14px;
	font-size: 12px;
	border-radius: 10px;
}

.oe-social-btn--mini {
	background: #fff;
	border-color: var(--oe-social-border-strong);
	color: #0f172a;
}

.oe-social-btn--miniPrimary {
	background: #4f46e5;
	color: #fff;
}

.oe-social-tabs {
	width: min(780px, 100%);
	margin: 18px auto 14px;
	padding: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid var(--oe-social-border);
	border-radius: 18px;
	box-shadow: var(--oe-social-shadow-soft);
	overflow-x: auto;
	scrollbar-width: thin;
}

.oe-social-tab {
	height: 40px;
	min-width: 128px;
	padding: 0 18px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: #fff;
	color: #334155;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	flex: 0 0 auto;
	white-space: nowrap;
	text-decoration: none;
	font-family: inherit;
}

.oe-social-tab.is-active {
	color: #fff;
	background: linear-gradient(135deg, #4f46e5, #2563eb);
	box-shadow: 0 12px 24px rgba(79, 70, 229, 0.22);
}

.oe-social-tab:not(.is-active):hover {
	background: var(--oe-social-primary-soft);
	color: var(--oe-social-primary);
}

.oe-social-tab-panel.is-hidden,
.is-hidden {
	display: none !important;
}

.oe-social-tabHint {
	background: #fff;
	border: 1px dashed #bfdbfe;
	border-radius: var(--oe-social-radius);
	padding: 16px;
	margin: 0 0 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.oe-social-tabHint p {
	margin: 0;
	color: var(--oe-social-muted);
	font-size: 14px;
}

.oe-social-layout {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr) 350px;
	gap: 22px;
	align-items: start;
}

.oe-social-sidebar,
.oe-social-rightbar {
	position: sticky;
	top: 92px;
}

.oe-social-sidebar {
	background: #fff;
	border: 1px solid var(--oe-social-border);
	border-radius: var(--oe-social-radius);
	padding: 14px;
	box-shadow: var(--oe-social-shadow-soft);
	display: grid;
	gap: 4px;
}

.oe-social-sideItem {
	height: 48px;
	padding: 0 14px;
	border-radius: 12px;
	color: #334155;
	display: flex;
	align-items: center;
	gap: 13px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	border: 0;
	background: transparent;
	width: 100%;
	text-align: left;
	cursor: pointer;
	font-family: inherit;
}

.oe-social-sideItem:hover,
.oe-social-sideItem.is-active {
	color: var(--oe-social-primary);
	background: var(--oe-social-primary-soft);
}

.oe-social-main {
	min-width: 0;
	display: grid;
	gap: 14px;
}

.oe-social-composer {
	background: #fff;
	border: 1px solid var(--oe-social-border);
	border-radius: var(--oe-social-radius);
	box-shadow: var(--oe-social-shadow-soft);
	overflow: hidden;
}

.oe-social-composerTop {
	padding: 18px 22px;
	display: flex;
	align-items: center;
	gap: 14px;
}

.oe-social-composerInput {
	width: 100%;
	min-height: 44px;
	border: 0;
	background: transparent;
	color: var(--oe-social-muted);
	text-align: left;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
}

.oe-social-composerInput:hover {
	color: #0f172a;
}

.oe-social-composerActions {
	border-top: 1px solid var(--oe-social-border);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.oe-social-composerActions button {
	min-height: 50px;
	border: 0;
	border-right: 1px solid var(--oe-social-border);
	background: #fff;
	color: #0f172a;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	font-family: inherit;
}

.oe-social-composerActions button:last-child {
	border-right: 0;
}

.oe-social-composerActions button:hover {
	background: #f8fafc;
}

.oe-social-actionIcon {
	width: 22px;
	height: 22px;
	display: inline-grid;
	place-items: center;
}

.oe-social-actionIcon svg {
	width: 19px;
	height: 19px;
}

.oe-social-actionIcon--green { color: var(--oe-social-success); }
.oe-social-actionIcon--blue { color: var(--oe-social-info); }
.oe-social-actionIcon--orange { color: var(--oe-social-warning); }
.oe-social-actionIcon--purple { color: var(--oe-social-purple); }

.oe-social-avatar {
	width: 46px;
	height: 46px;
	border-radius: 999px;
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	background: linear-gradient(135deg, #3b82f6, #6366f1);
	overflow: hidden;
}

.oe-social-avatar--photo {
	background:
		radial-gradient(circle at 50% 32%, #f7c8a7 0 18%, transparent 19%),
		radial-gradient(circle at 50% 38%, #6b3f2a 0 29%, transparent 30%),
		linear-gradient(135deg, #dbeafe, #f5d0fe);
}

.oe-social-avatar--letter {
	background: linear-gradient(135deg, #2563eb, #60a5fa);
}

.oe-social-post {
	background: #fff;
	border: 1px solid var(--oe-social-border);
	border-radius: var(--oe-social-radius);
	box-shadow: var(--oe-social-shadow-soft);
	overflow: hidden;
}

.oe-social-postHeader {
	padding: 18px 22px 10px;
	display: flex;
	align-items: center;
	gap: 13px;
}

.oe-social-postAuthor {
	min-width: 0;
	flex: 1;
}

.oe-social-postAuthor strong {
	display: block;
	color: #0f172a;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
}

.oe-social-postAuthor span {
	display: block;
	margin-top: 3px;
	color: var(--oe-social-muted);
	font-size: 12px;
	font-weight: 600;
}

.oe-social-postMenu {
	position: relative;
}

.oe-social-postMenu summary {
	list-style: none;
}

.oe-social-postMenu summary::-webkit-details-marker {
	display: none;
}

.oe-social-more {
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: #475569;
	display: grid;
	place-items: center;
	cursor: pointer;
}

.oe-social-more:hover {
	background: #f1f5f9;
}

.oe-social-more svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
	stroke: none;
}

.oe-social-postDropdown {
	position: absolute;
	right: 0;
	top: calc(100% + 6px);
	min-width: 180px;
	background: #fff;
	border: 1px solid var(--oe-social-border);
	border-radius: 12px;
	box-shadow: var(--oe-social-shadow-soft);
	padding: 6px;
	z-index: 5;
}

.oe-social-postDropdown button {
	display: block;
	width: 100%;
	text-align: left;
	border: 0;
	background: transparent;
	padding: 8px 10px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
	color: #334155;
}

.oe-social-postDropdown button:hover {
	background: #f1f5f9;
}

.oe-social-postBody {
	padding: 0 22px 12px;
}

.oe-social-postBody h2 {
	margin: 0 0 7px;
	color: #0f172a;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.oe-social-postBody p {
	margin: 0 0 14px;
	color: #1f2937;
	font-size: 14px;
	line-height: 1.55;
}

.oe-social-fileCard {
	border: 1px solid var(--oe-social-border);
	border-radius: 14px;
	background: #fbfdff;
	padding: 16px;
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
}

.oe-social-fileIcon {
	width: 52px;
	height: 52px;
	border: 2px solid #ef4444;
	border-radius: 10px;
	color: #ef4444;
	background: #fff5f5;
	display: grid;
	place-items: center;
}

.oe-social-fileIcon span {
	font-size: 12px;
	font-weight: 900;
}

.oe-social-fileInfo {
	min-width: 0;
}

.oe-social-fileInfo strong {
	display: block;
	color: #0f172a;
	font-size: 15px;
	font-weight: 800;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.oe-social-fileInfo span {
	display: block;
	margin-top: 4px;
	color: var(--oe-social-muted);
	font-size: 12px;
	font-weight: 600;
}

.oe-social-fileInfo em {
	width: fit-content;
	margin-top: 7px;
	padding: 4px 9px;
	border-radius: 8px;
	display: block;
	color: #166534;
	background: #dcfce7;
	font-size: 11px;
	line-height: 1;
	font-style: normal;
	font-weight: 800;
}

.oe-social-fileActions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.oe-social-counts {
	padding: 0 22px 12px;
	color: var(--oe-social-muted);
	font-size: 13px;
	font-weight: 600;
}

.oe-social-postActions {
	min-height: 48px;
	border-top: 1px solid var(--oe-social-border);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.oe-social-postActions button {
	border: 0;
	background: #fff;
	color: #475569;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	font-family: inherit;
}

.oe-social-postActions button:hover {
	background: var(--oe-social-primary-soft);
	color: var(--oe-social-primary);
}

.oe-social-gamePreview {
	min-height: 170px;
	padding: 22px;
	border-radius: 15px;
	color: #fff;
	background:
		radial-gradient(circle at 16% 16%, rgba(255, 255, 255, 0.14), transparent 18%),
		linear-gradient(180deg, #163963, #0f1d34);
	overflow: hidden;
}

.oe-social-gamePreview strong {
	display: block;
	margin-bottom: 22px;
	font-size: 15px;
	font-weight: 900;
}

.oe-social-balloons {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.oe-social-balloons span {
	width: 44px;
	height: 44px;
	border-radius: 999px 999px 999px 8px;
	transform: rotate(-45deg);
	background: linear-gradient(135deg, #fde047, #f59e0b);
	color: #111827;
	display: grid;
	place-items: center;
	box-shadow: inset -4px -5px 10px rgba(0, 0, 0, 0.1);
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

.oe-social-balloons span:nth-child(even) {
	background: linear-gradient(135deg, #fef08a, #facc15);
}

.oe-social-balloons span:nth-child(3) {
	background: linear-gradient(135deg, #fbbf24, #f97316);
}

.oe-social-rightbar {
	display: grid;
	gap: 18px;
}

.oe-social-widget {
	background: #fff;
	border: 1px solid var(--oe-social-border);
	border-radius: var(--oe-social-radius);
	padding: 22px;
	box-shadow: var(--oe-social-shadow-soft);
}

.oe-social-widget h3 {
	margin: 0 0 18px;
	color: #0f172a;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	line-height: 1.3;
	font-weight: 900;
}

.oe-social-widgetText {
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--oe-social-muted);
}

.oe-social-widgetIcon {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	color: var(--oe-social-primary);
	background: var(--oe-social-primary-soft);
	display: grid;
	place-items: center;
	flex-shrink: 0;
}

.oe-social-widgetIcon svg {
	width: 18px;
	height: 18px;
}

.oe-social-widgetIcon--gold {
	color: #f59e0b;
	background: #fffbeb;
}

.oe-social-widgetIcon--shield {
	color: #4f46e5;
	background: #eef2ff;
}

.oe-social-widget ul,
.oe-social-widget ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.oe-social-followList {
	display: grid;
	gap: 13px;
}

.oe-social-followList li {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #334155;
	font-size: 14px;
	font-weight: 700;
}

.oe-social-followList li > span {
	width: 28px;
	height: 28px;
	border-radius: 999px;
	color: #fff;
	background: var(--oe-social-primary);
	display: grid;
	place-items: center;
	font-size: 13px;
	font-weight: 900;
	flex-shrink: 0;
}

.oe-social-addBranch {
	margin-top: 18px;
	border: 0;
	background: transparent;
	color: var(--oe-social-primary);
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
	font-family: inherit;
	padding: 0;
}

.oe-social-rankedList {
	display: grid;
	gap: 12px;
}

.oe-social-rankedList li {
	display: grid;
	grid-template-columns: 34px 1fr;
	align-items: center;
	gap: 12px;
	color: #334155;
	font-size: 14px;
	font-weight: 700;
}

.oe-social-rankedList span {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--oe-social-border);
	display: grid;
	place-items: center;
	color: #0f172a;
	font-weight: 900;
}

.oe-social-rules {
	display: grid;
	gap: 12px;
}

.oe-social-rules li {
	position: relative;
	padding-left: 18px;
	color: #334155;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 600;
}

.oe-social-rules li::before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 999px;
	background: #0f172a;
	position: absolute;
	left: 2px;
	top: 0.65em;
}

/* Modals */
.oe-social-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: 16px;
}

.oe-social-modal[hidden] {
	display: none !important;
}

.oe-social-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.45);
}

.oe-social-modal__dialog {
	position: relative;
	width: min(100%, 420px);
	background: #fff;
	border-radius: 18px;
	padding: 22px;
	box-shadow: var(--oe-social-shadow);
}

.oe-social-modal__close {
	position: absolute;
	top: 10px;
	right: 12px;
	border: 0;
	background: transparent;
	font-size: 22px;
	cursor: pointer;
	color: var(--oe-social-muted);
}

.oe-social-modal__title {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 800;
}

.oe-social-modal__text {
	margin: 0 0 16px;
	color: var(--oe-social-muted);
	line-height: 1.5;
}

.oe-social-modal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.oe-social-modal-open,
body.oe-social-lightbox-open {
	overflow: hidden;
}

/* Public page — tema container breakout */
body.oe-public-teachers-room-page .oe-shell {
	max-width: none;
	width: 100%;
	padding: 0;
}

body.oe-public-teachers-room-page .oe-article {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}

body.oe-public-teachers-room-page .oe-article__content {
	padding: 0;
}

body.oe-public-teachers-room-page .oe-social-page {
	background: var(--oe-social-bg);
}

/* Ana sayfa mini vitrin — 3 kolonlu layout yok */
.oe-social-home-preview {
	padding: 40px 0;
	background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

.oe-social-home-preview__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: 20px;
	align-items: center;
}

.oe-social-home-preview__title {
	margin: 0 0 8px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	color: #0f172a;
}

.oe-social-home-preview__lead {
	margin: 0 0 16px;
	font-size: 14px;
	color: #64748b;
	max-width: 520px;
	line-height: 1.55;
}

.oe-social-home-preview-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.oe-social-home-preview-actions__primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 12px;
	background: #4f46e5;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.oe-social-home-preview-actions__primary:hover {
	background: #4338ca;
	color: #fff;
}

.oe-social-home-preview-actions__note {
	margin: 0;
	font-size: 13px;
	color: #64748b;
	line-height: 1.5;
}

.oe-social-home-preview-actions__note a {
	color: #4f46e5;
	font-weight: 700;
	text-decoration: none;
}

.oe-social-home-preview__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.oe-social-home-preview-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 16px;
	border-radius: 16px;
	border: 1px solid #e2e8f0;
	background: #fff;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
	text-decoration: none;
	color: inherit;
}

.oe-social-home-preview-card__meta {
	font-size: 12px;
	color: #64748b;
}

.oe-social-home-preview-card__title {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	color: #1e293b;
}

@media (max-width: 1180px) {
	.oe-social-layout {
		grid-template-columns: 220px minmax(0, 1fr);
	}

	.oe-social-rightbar {
		display: none;
	}
}

@media (max-width: 900px) {
	.oe-social-page {
		width: min(100% - 24px, 720px);
		padding-top: 14px;
	}

	.oe-social-hero {
		align-items: flex-start;
		flex-direction: column;
	}

	.oe-social-brand h1 {
		font-size: 22px;
	}

	.oe-social-brandIcon {
		width: 48px;
		height: 48px;
		border-radius: 14px;
	}

	.oe-social-heroActions {
		width: 100%;
	}

	.oe-social-heroActions .oe-social-btn {
		flex: 1;
	}

	.oe-social-tabs {
		width: 100%;
		margin: 14px 0;
	}

	.oe-social-tab {
		min-width: max-content;
	}

	.oe-social-layout:not(.oe-tr-layout) {
		display: block;
	}

	.oe-social-sidebar {
		display: none;
	}

	.oe-social-composerTop,
	.oe-social-postHeader,
	.oe-social-postBody {
		padding-left: 16px;
		padding-right: 16px;
	}

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

	.oe-social-composerActions button:nth-child(2) {
		border-right: 0;
	}

	.oe-social-composerActions button:nth-child(1),
	.oe-social-composerActions button:nth-child(2) {
		border-bottom: 1px solid var(--oe-social-border);
	}

	.oe-social-fileCard {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.oe-social-fileActions {
		grid-column: 1 / -1;
		justify-content: flex-end;
	}

	.oe-social-counts {
		padding-left: 16px;
		padding-right: 16px;
	}

	.oe-social-home-preview__inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.oe-social-home-preview__cards {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 560px) {
	.oe-social-brand {
		gap: 12px;
	}

	.oe-social-brand p {
		font-size: 13px;
	}

	.oe-social-heroActions {
		flex-direction: column;
	}

	.oe-social-heroActions .oe-social-btn {
		width: 100%;
	}

	.oe-social-postActions button {
		font-size: 12px;
	}

	.oe-social-gamePreview {
		min-height: 145px;
	}

	.oe-social-balloons {
		gap: 10px;
	}

	.oe-social-balloons span {
		width: 38px;
		height: 38px;
		font-size: 10px;
	}
}

/* Faz 2 — form, notice, empty state */

.oe-social-notice {
	margin: 0 0 14px;
	padding: 12px 16px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
}

.oe-social-notice--success {
	color: #166534;
	background: #dcfce7;
	border: 1px solid #bbf7d0;
}

.oe-social-notice--error {
	color: #991b1b;
	background: #fee2e2;
	border: 1px solid #fecaca;
}

.oe-social-empty {
	padding: 28px 22px;
	border: 1px dashed var(--oe-social-border-strong);
	border-radius: var(--oe-social-radius);
	background: #fff;
	text-align: center;
	color: var(--oe-social-muted);
	font-size: 14px;
	font-weight: 600;
}

.oe-social-form {
	padding: 18px 22px 20px;
}

.oe-social-form__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
}

.oe-social-form__prompt {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
}

.oe-social-field {
	margin-bottom: 14px;
}

.oe-social-field__label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 800;
	color: #0f172a;
}

.oe-social-input,
.oe-social-textarea,
.oe-social-select {
	width: 100%;
	border: 1px solid var(--oe-social-border-strong);
	border-radius: 12px;
	background: #fff;
	color: var(--oe-social-text);
	font-family: inherit;
	font-size: 14px;
	line-height: 1.45;
	box-sizing: border-box;
}

.oe-social-input {
	min-height: 44px;
	padding: 0 14px;
}

.oe-social-textarea {
	padding: 12px 14px;
	resize: vertical;
	min-height: 110px;
}

.oe-social-select {
	min-height: 44px;
	padding: 0 12px;
}

.oe-social-form__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.oe-social-form__radios {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.oe-social-form__radio {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: #334155;
}

.oe-social-form__actions {
	display: flex;
	justify-content: flex-end;
	padding-top: 4px;
}

.oe-social-postContent {
	color: #1f2937;
	font-size: 14px;
	line-height: 1.55;
}

.oe-social-postContent p {
	margin: 0 0 10px;
}

.oe-social-postContent p:last-child {
	margin-bottom: 0;
}

.oe-social-delete-form {
	margin: 0;
}

.oe-social-delete-form button {
	width: 100%;
	border: 0;
	background: transparent;
	text-align: left;
	padding: 10px 14px;
	font-size: 13px;
	font-weight: 700;
	color: #b42318;
	cursor: pointer;
	font-family: inherit;
}

.oe-social-delete-form button:hover {
	background: #fef2f2;
}

.oe-social-modal__dialog--wide {
	max-width: 560px;
}

.oe-social-edit-form {
	padding: 0;
}

.oe-social-form__checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #334155;
}

.oe-social-form__checkbox input {
	margin-top: 3px;
}

.oe-social-file-upload {
	margin-top: 4px;
}

.oe-social-input--file {
	padding: 10px 12px;
	min-height: auto;
}

.oe-social-file-help {
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: var(--oe-social-muted);
}

.oe-social-file-list {
	margin: 10px 0 0;
	padding-left: 18px;
	color: #334155;
	font-size: 13px;
}

.oe-social-library-options {
	margin-top: 8px;
	padding-top: 12px;
	border-top: 1px solid var(--oe-social-border);
}

.oe-social-composer-seo {
	margin-top: 14px;
	padding: 14px 16px;
	border: 1px solid var(--oe-social-border);
	border-radius: 12px;
	background: #f8fafc;
}

.oe-social-composer-seo__head {
	margin-bottom: 10px;
}

.oe-social-composer-seo__title {
	display: block;
	margin: 0 0 4px;
	font-size: 14px;
	color: #0f172a;
}

.oe-social-composer-seo__status {
	margin: 0;
	font-size: 13px;
	color: #475569;
}

.oe-social-composer-seo__toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #0f172a;
	cursor: pointer;
}

.oe-social-composer-seo__toggle input[disabled] + span {
	opacity: 0.55;
	cursor: not-allowed;
}

.oe-social-composer-seo__hint {
	margin: 8px 0 0;
	font-size: 12px;
	color: #b45309;
}

.oe-social-library-written-exam-fields[hidden] {
	display: none !important;
}

.oe-social-library-advanced-toggle {
	margin-top: 12px;
}

.oe-social-library-advanced {
	margin-top: 12px;
}

.oe-social-library-advanced[hidden],
.oe-social-library-edit-form__advanced[hidden] {
	display: none !important;
}

.oe-social-library-edit-form__advanced:not([hidden]) {
	margin-top: 12px;
}

.oe-social-library-info {
	margin: 0 0 10px;
	color: #475569;
	font-size: 13px;
	line-height: 1.45;
}

.oe-social-library-fields {
	margin-top: 12px;
}

.oe-social-library-fields__summary {
	cursor: pointer;
	color: #334155;
	font-size: 13px;
	font-weight: 600;
	list-style: none;
}

.oe-social-library-fields__summary::-webkit-details-marker {
	display: none;
}

.oe-social-library-fields[open] > .oe-social-field,
.oe-social-library-fields[open] > .oe-social-form__row {
	margin-top: 12px;
}

.oe-social-library-fields > .oe-social-field:first-of-type,
.oe-social-library-fields > .oe-social-form__row:first-of-type {
	margin-top: 12px;
}

.oe-social-library-options:has([data-oe-social-library-toggle]:checked) .oe-social-library-fields {
	display: block;
}

.oe-social-attachment-list {
	margin-top: 12px;
}

.oe-social-attachment-list--edit {
	padding: 12px;
	border: 1px dashed var(--oe-social-border-strong);
	border-radius: var(--oe-social-radius-sm);
	background: #fff;
}

.oe-social-remove-attachment {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
	font-size: 13px;
	color: #334155;
}

.oe-social-remove-attachment:last-child {
	margin-bottom: 0;
}

.oe-social-image-grid {
	display: grid;
	gap: 8px;
	margin-top: 14px;
}

.oe-social-image-grid--1 {
	grid-template-columns: minmax(0, 1fr);
}

.oe-social-image-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.oe-social-image-grid--multi {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.oe-social-image-item,
.oe-social-image-item__btn {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
}

.oe-social-image-item img,
.oe-social-image-item__btn img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
	object-fit: contain;
	object-position: center;
}

.oe-social-image-gallery-frame {
	position: relative;
	width: 100%;
	height: clamp(320px, 52vw, 560px);
	border-radius: 16px;
	overflow: hidden;
	background: #f8fafc;
	border: 1px solid #e5e7eb;
}

.oe-social-image-gallery {
	position: relative;
	margin-top: 14px;
	border-radius: 16px;
	overflow: hidden;
	background: #f8fafc;
	border: 1px solid #e5e7eb;
	height: clamp(320px, 52vw, 560px);
}

.oe-social-image-gallery__viewport {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	touch-action: pan-y;
}

.oe-social-image-gallery__track {
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform 0.28s ease;
	will-change: transform;
}

.oe-social-image-gallery__slide {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
}

.oe-social-gallery-open,
.oe-social-image-gallery__slide .oe-social-image-item__btn {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: zoom-in;
}

.oe-social-gallery-open img,
.oe-social-image-gallery__slide img,
.oe-social-image-grid--1 .oe-social-image-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	border-radius: 0;
	background: #f8fafc;
}

.oe-social-image-gallery__nav {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.58);
	color: #fff;
	font-size: 24px;
	line-height: 1;
	transform: translateY(-50%);
	cursor: pointer;
	transition: background 0.18s ease, opacity 0.18s ease;
}

.oe-social-image-gallery__nav:hover {
	background: rgba(15, 23, 42, 0.78);
}

.oe-social-image-gallery__nav--prev {
	left: 10px;
}

.oe-social-image-gallery__nav--next {
	right: 10px;
}

.oe-social-image-gallery__counter {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.62);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
}

.oe-social-image-gallery__dots {
	position: absolute;
	left: 50%;
	bottom: 10px;
	z-index: 3;
	display: flex;
	gap: 6px;
	transform: translateX(-50%);
}

.oe-social-image-gallery__dot {
	width: 7px;
	height: 7px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.28);
	cursor: pointer;
	transition: transform 0.18s ease, background 0.18s ease;
}

.oe-social-image-gallery__dot.is-active {
	background: #334155;
	transform: scale(1.15);
}

.oe-social-image-grid--1.oe-social-image-gallery-frame {
	margin-top: 14px;
}

.oe-social-image-grid--1 .oe-social-image-item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 0;
	background: #f8fafc;
}

.oe-social-lightbox {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(15, 23, 42, 0.82);
}

.oe-social-lightbox.is-open {
	display: flex;
}

.oe-social-lightbox__backdrop {
	position: absolute;
	inset: 0;
}

.oe-social-lightbox__stage {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	max-width: min(96vw, 1280px);
	max-height: 86vh;
}

.oe-social-lightbox__image {
	display: block;
	max-width: 100%;
	max-height: 86vh;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: center;
	border-radius: 14px;
	background: #f8fafc;
}

.oe-social-lightbox__close,
.oe-social-lightbox__prev,
.oe-social-lightbox__next {
	position: absolute;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	cursor: pointer;
	transition: background 0.18s ease;
}

.oe-social-lightbox__close:hover,
.oe-social-lightbox__prev:hover,
.oe-social-lightbox__next:hover {
	background: rgba(255, 255, 255, 0.24);
}

.oe-social-lightbox__close {
	top: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
	font-size: 28px;
	line-height: 1;
}

.oe-social-lightbox__prev,
.oe-social-lightbox__next {
	top: 50%;
	width: 44px;
	height: 44px;
	font-size: 28px;
	line-height: 1;
	transform: translateY(-50%);
}

.oe-social-lightbox__prev {
	left: 16px;
}

.oe-social-lightbox__next {
	right: 16px;
}

.oe-social-lightbox__counter {
	position: absolute;
	top: 20px;
	left: 50%;
	z-index: 2;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.55);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	transform: translateX(-50%);
}

@media (max-width: 768px) {
	.oe-social-image-gallery-frame,
	.oe-social-image-gallery {
		height: clamp(260px, 78vw, 440px);
		border-radius: 14px;
	}

	.oe-social-lightbox {
		padding: 12px;
	}

	.oe-social-lightbox__prev,
	.oe-social-lightbox__next {
		width: 38px;
		height: 38px;
	}

	.oe-social-lightbox__close {
		top: 10px;
		right: 10px;
	}
}

.oe-social-selected-files--previews {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
	gap: 8px;
	width: 100%;
}

.oe-social-selected-files__preview {
	position: relative;
	list-style: none;
	aspect-ratio: 1;
	border-radius: 10px;
	overflow: hidden;
	background: #eef2ff;
}

.oe-social-selected-files__preview img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oe-social-selected-files__remove {
	position: absolute;
	top: 4px;
	right: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.72);
	color: #fff;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

.oe-social-photo-preview-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.oe-social-photo-preview-card {
	position: relative;
	flex: 0 0 auto;
	width: 88px;
	height: 104px;
	list-style: none;
	border-radius: 12px;
	overflow: hidden;
	background: #eef2ff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
	cursor: grab;
}

.oe-social-photo-preview-card.is-dragging {
	opacity: 0.55;
	cursor: grabbing;
}

.oe-social-photo-preview-card.is-dragover {
	outline: 2px solid #7c3aed;
	outline-offset: 1px;
}

.oe-social-photo-preview-card img {
	display: block;
	width: 88px;
	height: 88px;
	object-fit: cover;
}

.oe-social-photo-order {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.72);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	pointer-events: none;
}

.oe-social-photo-drag {
	position: absolute;
	bottom: 4px;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 18px;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.55);
	color: #fff;
	font-size: 11px;
	line-height: 1;
	pointer-events: none;
}

.oe-social-photo-move {
	position: absolute;
	bottom: 4px;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	display: none;
	align-items: center;
	gap: 4px;
}

.oe-social-photo-move__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 22px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: rgba(15, 23, 42, 0.72);
	color: #fff;
	font-size: 13px;
	line-height: 1;
	cursor: pointer;
}

.oe-social-photo-move__btn:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

@media (max-width: 768px) {
	.oe-social-photo-preview-list {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px;
	}

	.oe-social-photo-preview-card {
		flex: 0 0 80px;
		width: 80px;
		height: 96px;
	}

	.oe-social-photo-preview-card img {
		width: 80px;
		height: 80px;
	}

	.oe-social-photo-drag {
		display: none;
	}

	.oe-social-photo-move {
		display: flex;
	}
}

.oe-social-image-grid--1 .oe-social-image-item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 0;
	background: #f8fafc;
}

.oe-social-image-grid--1 .oe-social-image-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.oe-social-image-item__btn {
	cursor: pointer;
}

.oe-social-doc-list {
	display: grid;
	gap: 10px;
	margin-top: 12px;
}

.oe-social-doc-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 12px 14px;
	border: 1px solid var(--oe-social-border);
	border-radius: var(--oe-social-radius-sm);
	background: var(--oe-social-card-soft);
}

.oe-social-file-badge {
	display: inline-flex;
	align-items: center;
	margin-top: 8px;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--oe-social-primary-soft);
	color: var(--oe-social-primary);
	font-size: 11px;
	font-weight: 800;
	font-style: normal;
}

.oe-social-home-preview-card .oe-social-file-badge {
	margin-top: 6px;
}

.oe-social-library-filters {
	margin-bottom: 18px;
	padding: 16px;
	border: 1px solid var(--oe-social-border);
	border-radius: var(--oe-social-radius);
	background: var(--oe-social-card);
}

.oe-social-library-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 12px;
	align-items: stretch;
}

@media (max-width: 900px) {
	.oe-social-form__row {
		grid-template-columns: minmax(0, 1fr);
	}

	.oe-social-form {
		padding-left: 16px;
		padding-right: 16px;
	}
}

.oe-social-like-form,
.oe-social-save-form {
	margin: 0;
	display: inline;
}

.oe-social-like-button,
.oe-social-save-button,
.oe-social-comment-toggle {
	border: 0;
	background: transparent;
}

.oe-social-action-active {
	color: var(--oe-social-primary);
	font-weight: 800;
}

.oe-social-comment-panel {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--oe-social-border);
}

.oe-social-comment-list {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
}

.oe-social-comment {
	padding: 10px 0;
	border-bottom: 1px solid var(--oe-social-border);
}

.oe-social-comment-meta {
	display: flex;
	gap: 8px;
	font-size: 12px;
	color: var(--oe-social-muted);
	margin-bottom: 4px;
}

.oe-social-comment-meta strong {
	color: #0f172a;
}

.oe-social-comment-author-link {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}

.oe-social-comment-author-link:hover,
.oe-social-comment-author-link:focus-visible {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-social-comment-author-link:hover,
body.oe-public-teachers-room-page .oe-social-comment-author-link:focus-visible {
	color: var(--oe-tr-purple, #7c3aed);
}

.oe-social-comment-body {
	font-size: 14px;
	line-height: 1.5;
	color: #334155;
}

.oe-social-comment-form {
	margin-top: 10px;
}

.oe-social-comment-delete {
	margin: 6px 0 0;
}

.oe-social-comment-delete__btn {
	border: 0;
	background: transparent;
	padding: 0;
	font-size: 12px;
	font-weight: 700;
	color: #b42318;
	cursor: pointer;
}

.oe-social-comment-guest {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: var(--oe-social-muted);
}

.oe-social-ban-notice {
	padding: 16px 18px;
	border: 1px solid #fecaca;
	border-radius: var(--oe-social-radius);
	background: #fef2f2;
	color: #991b1b;
}

.oe-social-muted-action {
	opacity: 0.55;
	cursor: not-allowed;
}

.oe-social-notification-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.oe-social-notification-item {
	padding: 8px 0;
	border-bottom: 1px solid var(--oe-social-border);
	font-size: 13px;
}

.oe-social-notification-item.is-unread strong {
	color: var(--oe-social-primary);
}

.oe-social-notification-item span {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	color: var(--oe-social-muted);
}

.oe-social-admin {
	padding: 8px 0 24px;
}

.oe-social-admin__title {
	margin: 0 0 16px;
}

.oe-social-admin-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}

.oe-social-admin-tabs__link {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid var(--oe-social-border);
	background: #fff;
	color: #334155;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
}

.oe-social-admin-tabs__link.is-active {
	background: var(--oe-social-primary-soft);
	border-color: #c7d2fe;
	color: var(--oe-social-primary);
}

.oe-social-admin-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

.oe-social-admin-card {
	padding: 16px;
	border: 1px solid var(--oe-social-border);
	border-radius: var(--oe-social-radius);
	background: #fff;
}

.oe-social-admin-card strong {
	display: block;
	font-size: 24px;
	line-height: 1.1;
}

.oe-social-admin-card span {
	font-size: 12px;
	color: var(--oe-social-muted);
}

.oe-social-admin-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid var(--oe-social-border);
	border-radius: var(--oe-social-radius);
	overflow: hidden;
}

.oe-social-admin-table th,
.oe-social-admin-table td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--oe-social-border);
	text-align: left;
	font-size: 13px;
	vertical-align: top;
}

.oe-social-admin-table__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.oe-social-admin-table__actions form {
	margin: 0;
}

.oe-social-status-badge {
	display: inline-flex;
	padding: 2px 8px;
	border-radius: 999px;
	background: #eef2ff;
	color: #4338ca;
	font-size: 11px;
	font-weight: 800;
}

.oe-social-admin-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

.oe-social-home-preview-card__stats {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	color: var(--oe-social-muted);
}

.oe-social-saved-empty {
	text-align: center;
}

.oe-social-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 18px 0 8px;
}

.oe-social-pagination__link {
	font-size: 13px;
	font-weight: 700;
	color: var(--oe-social-primary, #4f46e5);
	text-decoration: none;
}

.oe-social-pagination__link.is-disabled {
	opacity: 0.45;
	pointer-events: none;
}

.oe-social-pagination__status {
	font-size: 12px;
	color: var(--oe-social-muted, #64748b);
}

.oe-social-files-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 22px 0 10px;
	padding: 10px 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(79, 70, 229, 0.08);
}

.oe-social-files-pagination__link,
.oe-social-files-pagination__current,
.oe-social-files-pagination__ellipsis {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 0 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.oe-social-files-pagination__link {
	color: var(--oe-social-primary, #4f46e5);
	background: rgba(79, 70, 229, 0.06);
	transition: background-color 0.15s ease, color 0.15s ease;
}

.oe-social-files-pagination__link:hover,
.oe-social-files-pagination__link:focus-visible {
	color: #fff;
	background: var(--oe-social-primary, #4f46e5);
}

.oe-social-files-pagination__link.is-disabled {
	opacity: 0.45;
	pointer-events: none;
	background: rgba(100, 116, 139, 0.08);
	color: var(--oe-social-muted, #64748b);
}

.oe-social-files-pagination__current {
	color: #fff;
	background: var(--oe-social-primary, #4f46e5);
	box-shadow: 0 6px 16px rgba(79, 70, 229, 0.22);
}

.oe-social-files-pagination__ellipsis {
	min-width: 28px;
	padding: 0 4px;
	color: var(--oe-social-muted, #64748b);
	font-weight: 600;
}

.oe-social-files-pagination__summary {
	display: none;
	min-width: 72px;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	color: var(--oe-social-muted, #64748b);
}

.oe-social-files-pagination__list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.oe-social-files-pagination__item {
	margin: 0;
	padding: 0;
}

.oe-social-files-pagination__prev,
.oe-social-files-pagination__next {
	min-width: auto;
	padding: 0 14px;
}

@media (max-width: 640px) {
	.oe-social-files-pagination {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
		gap: 8px;
		padding: 12px;
	}

	.oe-social-files-pagination__list {
		display: none;
	}

	.oe-social-files-pagination__summary {
		display: block;
		grid-column: 2;
		grid-row: 1;
	}

	.oe-social-files-pagination__prev {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
	}

	.oe-social-files-pagination__next {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
	}

	.oe-social-files-pagination__prev,
	.oe-social-files-pagination__next {
		min-height: 44px;
		padding: 0 12px;
		font-size: 12px;
		white-space: nowrap;
	}
}

.oe-social-load-more-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 22px;
	margin-bottom: 6px;
	gap: 8px;
}

/* Paylaşım listesi — ilk yükleme ve AJAX append aynı container içinde */
.oe-social-posts-list,
[data-oe-social-posts-list] {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	min-width: 0;
}

/* Liste sarmalayıcısı kart görünümü almasın (.oe-tr-feed > * kuralından muaf) */
body.oe-public-teachers-room-page .oe-tr-feed > .oe-social-posts-list,
body.oe-public-teachers-room-page .oe-tr-feed > .oe-social-load-more-wrap {
	background: transparent;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
}

/* Üst feed zaten gap kullanıyor; toplam ~22px kalsın */
body.oe-public-teachers-room-page .oe-tr-feed > .oe-social-load-more-wrap {
	margin-top: 6px;
}

body.oe-public-teachers-room-page .oe-social-profile-posts > .oe-social-load-more-wrap {
	margin-top: 4px;
}

.oe-social-main > .oe-social-load-more-wrap {
	margin-top: 8px;
}

.oe-social-load-more {
	min-height: 42px;
	padding: 0 22px;
	border-radius: 999px;
	border: 1px solid rgba(124, 58, 237, .16);
	background: #fff;
	color: #6d28d9;
	font-weight: 800;
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
	transition: opacity .15s ease, transform .15s ease;
}

.oe-social-load-more:hover {
	transform: translateY(-1px);
}

.oe-social-load-more.is-loading {
	opacity: .65;
	pointer-events: none;
}

.oe-social-load-more-end {
	margin: 16px 0 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--oe-social-muted, #64748b);
	text-align: center;
}

.oe-tr-top-action__icon-wrap.is-live-updated,
.oe-social-icon.is-live-updated {
	animation: oeSocialPulse .7s ease;
}

@keyframes oeSocialPulse {
	0% { transform: scale(1); }
	45% { transform: scale(1.08); }
	100% { transform: scale(1); }
}

.oe-social-live-pulse {
	animation: oeSocialLivePulse .7s ease;
}

@keyframes oeSocialLivePulse {
	0% { transform: scale(1); }
	45% { transform: scale(1.08); }
	100% { transform: scale(1); }
}

.oe-social-admin-diagnostic {
	margin-top: 18px;
	padding: 14px 16px;
	border: 1px solid var(--oe-social-border, #e2e8f0);
	border-radius: 12px;
	background: #fff;
}

.oe-social-admin-diagnostic h2 {
	margin: 0 0 8px;
	font-size: 15px;
}

.oe-social-admin-diagnostic ul {
	margin: 0;
	padding-left: 18px;
	font-size: 13px;
}

.oe-social-image-item__placeholder {
	display: grid;
	place-items: center;
	min-height: 120px;
	background: #eef2ff;
	color: #4338ca;
	font-size: 12px;
	font-weight: 700;
}

/* Revize UI — public Öğretmenler Odası (Faz 1.1 header + hero) */
body.oe-public-teachers-room-page {
	--oe-tr-bg: #f8f7f4;
	--oe-tr-card: #ffffff;
	--oe-tr-text: #111827;
	--oe-tr-muted: #6b7280;
	--oe-tr-line: #e7eaf1;
	--oe-tr-purple: #7c3aed;
	--oe-tr-purple-soft: #f3ecff;
	--oe-tr-blue: #2563eb;
	--oe-tr-teal: #0f9f9a;
	--oe-tr-shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.06);
	--oe-tr-radius: 24px;
	--oe-tr-font-nav: 650;
	--oe-tr-font-btn: 700;
	background: var(--oe-tr-bg);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.oe-public-teachers-room-page .oe-tp-pubHeader {
	min-height: 74px;
	background: #fff;
	border-bottom: 1px solid rgba(231, 234, 241, 0.95);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

body.oe-public-teachers-room-page .oe-tp-pubHeader__inner {
	max-width: 1480px;
	min-height: 74px;
	margin: 0 auto;
	padding: 0 24px;
	gap: 18px;
}

body.oe-public-teachers-room-page .oe-tp-pubBrand__img {
	height: 52px;
	max-height: 52px;
	width: auto;
}

body.oe-public-teachers-room-page .oe-tp-pubNav {
	flex: 1 1 auto;
	gap: 10px;
}

body.oe-public-teachers-room-page .oe-tp-pubNav__links {
	gap: 2px;
}

body.oe-public-teachers-room-page .oe-tp-pubNav__link {
	position: relative;
	min-height: 44px;
	padding: 0 12px;
	font-size: 14px;
	font-weight: var(--oe-tr-font-nav);
	color: #374151;
	border-radius: 10px;
	transition: color 0.18s ease, background 0.18s ease;
}

body.oe-public-teachers-room-page .oe-tp-pubNav__link:hover {
	color: var(--oe-tr-purple);
	background: rgba(124, 58, 237, 0.05);
}

body.oe-public-teachers-room-page .oe-tp-pubNav__link.is-active {
	color: var(--oe-tr-purple);
	background: transparent;
	box-shadow: none;
}

body.oe-public-teachers-room-page .oe-tp-pubNav__link.is-active::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 4px;
	height: 2px;
	border-radius: 999px;
	background: var(--oe-tr-purple);
}

body.oe-public-teachers-room-page .oe-tp-pubNav__actions {
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
}

body.oe-public-teachers-room-page .oe-tr-header-panel-btn {
	min-height: 40px;
	padding: 0 14px 0 12px;
	border-radius: 14px;
	font-size: 13px;
	font-weight: var(--oe-tr-font-btn);
	border: 1px solid rgba(15, 159, 154, 0.35);
	color: var(--oe-tr-teal);
	background: #fff;
	box-shadow: none;
	white-space: nowrap;
}

/* Sosyal bildirim/mesaj araçları global site headerında görünmesin */
body.oe-public-teachers-room-page .oe-public-header .oe-tr-header-tools,
body.oe-public-teachers-room-page .oe-tp-pubHeader .oe-tr-header-tools {
	display: none !important;
}

body.oe-public-teachers-room-page .oe-tr-header-tools {
	display: flex;
	align-items: center;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-tr-header-logout {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-search .oe-social-icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #1f2937;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-social-icon svg,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-social-icon svg,
body.oe-public-teachers-room-page .oe-tr-search .oe-social-icon svg {
	width: 20px;
	height: 20px;
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

body.oe-public-teachers-room-page .oe-tr-tool-wrap--notify {
	display: inline-flex;
}

body.oe-public-teachers-room-page .oe-tr-tool-wrap--notify .oe-notification-wrapper {
	display: inline-flex;
}

body.oe-public-teachers-room-page .oe-tr-tool-wrap--notify .oe-notification-trigger {
	position: relative;
	width: 40px;
	height: 40px;
	min-width: 40px;
	border: 1px solid var(--oe-tr-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: none;
	padding: 0;
	color: #1f2937;
}

body.oe-public-teachers-room-page .oe-tr-tool-wrap--notify .oe-notification-trigger:hover {
	background: rgba(124, 58, 237, 0.05);
	color: var(--oe-tr-purple);
}

body.oe-public-teachers-room-page .oe-tr-tool-wrap--notify .oe-bell-icon {
	font-size: 0;
	line-height: 0;
	width: 20px;
	height: 20px;
	display: block;
	margin: 0 auto;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.oe-public-teachers-room-page .oe-tr-tool-wrap--notify .oe-notification-trigger:has(.oe-notification-count:not([hidden]))::after {
	content: "";
	position: absolute;
	top: 7px;
	right: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #f59e0b;
	border: 1.5px solid #fff;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-tool {
	width: 40px;
	height: 40px;
	min-width: 40px;
	padding: 0;
	border: 1px solid var(--oe-tr-line);
	border-radius: 14px;
	background: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #1f2937;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-tool:hover {
	background: rgba(124, 58, 237, 0.05);
	color: var(--oe-tr-purple);
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-top-action__label {
	display: none;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile--header {
	min-width: 0;
	height: 40px;
	padding: 4px 10px 4px 4px;
	border: 1px solid var(--oe-tr-line);
	border-radius: 999px;
	background: #fff;
	gap: 8px;
	text-decoration: none;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile--header:hover {
	background: rgba(124, 58, 237, 0.04);
	border-color: #ddd6fe;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile--header img,
body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile--header .oe-tr-profile__placeholder {
	width: 32px;
	height: 32px;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile--header .oe-tr-profile__text em {
	display: none;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile--header .oe-tr-profile__text strong {
	font-size: 14px;
	font-weight: var(--oe-tr-font-btn);
	color: var(--oe-tr-text);
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile--header > .oe-social-icon {
	width: 16px;
	height: 16px;
	color: #9ca3af;
	margin-left: 2px;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile--header > .oe-social-icon svg {
	width: 16px;
	height: 16px;
}

body.oe-public-teachers-room-page .oe-shell {
	padding-top: 0;
}

body.oe-public-teachers-room-page .oe-social-page.oe-tr-ui {
	width: 100%;
	max-width: none;
	padding: 0 0 24px;
	background: transparent;
	min-height: calc(100vh - 74px);
}

body.oe-public-teachers-room-page .oe-tr-shell {
	width: min(1480px, calc(100% - 40px));
	margin: 18px auto 56px;
	padding-bottom: 8px;
}

body.oe-public-teachers-room-page .oe-tr-hero {
	max-width: 100%;
	margin: 0;
	padding: 18px 26px;
	min-height: 0;
	background: var(--oe-tr-card);
	border: 1px solid rgba(226, 232, 240, 0.9);
	border-radius: 28px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.055);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	overflow: visible;
}

body.oe-public-teachers-room-page .oe-tr-hero__left,
body.oe-public-teachers-room-page .oe-tr-hero__intro {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-tr-hero__art {
	display: block;
	width: auto;
	height: 118px;
	max-width: 236px;
	object-fit: contain;
	object-position: center;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-tr-hero__copy {
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-tr-hero__copy h1 {
	margin: 0;
	font-size: clamp(28px, 2.1vw, 34px);
	line-height: 1.08;
	font-weight: 800;
	letter-spacing: -0.035em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: var(--oe-tr-text);
}

body.oe-public-teachers-room-page .oe-tr-hero__copy p {
	margin: 4px 0 0;
	color: #64748b;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.01em;
}

body.oe-public-teachers-room-page .oe-tr-hero__tools {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	min-width: 0;
	flex: 1 1 auto;
}

body.oe-public-teachers-room-page .oe-tr-hero__search {
	flex: 1 1 520px;
	max-width: 620px;
	min-width: 260px;
}

body.oe-public-teachers-room-page .oe-tr-hero__search .oe-tr-search {
	width: 100%;
}

body.oe-public-teachers-room-page .oe-tr-hero__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-tr-hero__guest-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-tr-hero__auth {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 650;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1.2;
}

body.oe-public-teachers-room-page .oe-tr-hero__auth--ghost {
	border: 1px solid var(--oe-tr-line);
	background: #fff;
	color: #374151;
}

body.oe-public-teachers-room-page .oe-tr-hero__auth--ghost:hover {
	border-color: #ddd6fe;
	background: rgba(124, 58, 237, 0.04);
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-tr-hero__auth--primary {
	border: 1px solid #7c3aed;
	background: #7c3aed;
	color: #fff;
}

body.oe-public-teachers-room-page .oe-tr-hero__auth--primary:hover {
	background: #6d28d9;
	border-color: #6d28d9;
	color: #fff;
}

body.oe-public-teachers-room-page .oe-tr-search {
	height: 46px;
	border: 1px solid var(--oe-tr-line);
	border-radius: 999px;
	background: #fff;
	display: flex;
	align-items: center;
	padding: 0 16px;
	gap: 10px;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
	min-width: 0;
	position: relative;
	overflow: visible;
	z-index: 20;
}

body.oe-public-teachers-room-page .oe-tr-search input {
	border: 0;
	outline: 0;
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	background: transparent;
	color: var(--oe-tr-text, #1f2937);
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-tr-search input::placeholder {
	color: #9ca3af;
}

body.oe-public-teachers-room-page .oe-tr-search kbd {
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 2px 7px;
	color: #9ca3af;
	background: #fafafa;
	font-size: 11px;
	font-weight: 600;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-tool.oe-tr-top-action,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-tool.oe-tr-top-action {
	position: relative;
	width: 44px;
	height: 44px;
	min-width: 44px;
	padding: 0;
	border: 1px solid var(--oe-tr-line);
	border-radius: 14px;
	background: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	font: inherit;
	color: #4b5563;
	cursor: pointer;
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-top-action__icon-wrap,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-top-action__icon-wrap {
	position: relative;
	display: inline-flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-top-action__icon-wrap .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-top-action__icon-wrap .oe-social-icon svg,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-top-action__icon-wrap .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-top-action__icon-wrap .oe-social-icon svg {
	width: 21px;
	height: 21px;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-top-action__label,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-top-action__label {
	display: none;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-tool:hover,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-tool:hover {
	background: rgba(124, 58, 237, 0.04);
	border-color: #ddd6fe;
	color: var(--oe-tr-purple);
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-tool .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-tool .oe-social-icon {
	color: #374151;
}

body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-tool:hover .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-tool:hover .oe-social-icon {
	color: var(--oe-tr-purple);
}

body.oe-public-teachers-room-page .oe-tr-profile {
	display: flex;
	align-items: center;
	gap: 12px;
	text-align: left;
	text-decoration: none;
	color: inherit;
	border: 1px solid var(--oe-tr-line);
	background: #fff;
	transition: background 0.18s ease, border-color 0.18s ease;
}

body.oe-public-teachers-room-page .oe-tr-profile--hero,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero {
	min-width: 0;
	height: 44px;
	padding: 4px 10px 4px 4px;
	border: 1px solid var(--oe-tr-line);
	border-radius: 999px;
	background: #fff;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-tr-profile--hero:hover,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero:hover {
	background: rgba(124, 58, 237, 0.04);
	border-color: #ddd6fe;
}

body.oe-public-teachers-room-page .oe-tr-profile img,
body.oe-public-teachers-room-page .oe-tr-profile__placeholder {
	border-radius: 50%;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-tr-profile--hero img,
body.oe-public-teachers-room-page .oe-tr-profile--hero .oe-tr-profile__placeholder,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero img,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero .oe-tr-profile__placeholder {
	width: 36px;
	height: 36px;
}

body.oe-public-teachers-room-page .oe-tr-profile__placeholder {
	display: grid;
	place-items: center;
	background: var(--oe-tr-purple-soft);
	color: var(--oe-tr-purple);
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-tr-profile__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 2px;
	flex: 1 1 auto;
}

body.oe-public-teachers-room-page .oe-tr-profile strong {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--oe-tr-text);
}

body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero .oe-tr-profile__text em {
	display: none;
}

body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero .oe-tr-profile__text strong {
	font-size: 14px;
	font-weight: var(--oe-tr-font-btn);
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-tr-profile em {
	font-style: normal;
	font-size: 12px;
	font-weight: 500;
	color: var(--oe-tr-muted);
}

body.oe-public-teachers-room-page .oe-tr-profile--hero > .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero > .oe-social-icon {
	width: 16px;
	height: 16px;
	color: #9ca3af;
	flex: 0 0 auto;
	margin-left: 2px;
}

body.oe-public-teachers-room-page .oe-tr-profile--hero > .oe-social-icon svg,
body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero > .oe-social-icon svg {
	width: 16px;
	height: 16px;
}

body.oe-public-teachers-room-page .oe-tr-layout {
	display: grid;
	grid-template-columns: 320px minmax(480px, 1fr) 340px;
	gap: 22px;
	margin-top: 20px;
	align-items: start;
}

body.oe-public-teachers-room-page .oe-tr-left,
body.oe-public-teachers-room-page .oe-tr-right {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

body.oe-public-teachers-room-page .oe-tr-left,
body.oe-public-teachers-room-page .oe-tr-feed > *,
body.oe-public-teachers-room-page .oe-tr-right > section {
	background: var(--oe-tr-card);
	border: 1px solid rgba(23, 23, 45, 0.06);
	border-radius: var(--oe-tr-radius);
	box-shadow: var(--oe-tr-shadow-soft);
}

body.oe-public-teachers-room-page .oe-tr-left {
	padding: 20px 16px 18px;
	overflow: hidden;
	border-radius: 28px;
	border-color: rgba(226, 232, 240, 0.95);
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

body.oe-public-teachers-room-page .oe-tr-menu {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

body.oe-public-teachers-room-page .oe-tr-menu__item,
body.oe-public-teachers-room-page .oe-tr-branches summary {
	min-height: 46px;
	border-radius: 14px;
	padding: 0 14px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
	color: #374151;
	border: 0;
	background: transparent;
	width: 100%;
	text-align: left;
	font-family: inherit;
	transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body.oe-public-teachers-room-page .oe-tr-menu__label {
	flex: 1 1 auto;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-tr-menu__item:hover,
body.oe-public-teachers-room-page .oe-tr-branches summary:hover {
	background: rgba(124, 58, 237, 0.05);
	color: #1f2937;
}

body.oe-public-teachers-room-page .oe-tr-menu__item.is-active {
	background: linear-gradient(180deg, #f8f4ff 0%, #f3ecff 100%);
	color: #5b21b6;
	font-weight: 650;
	box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.12);
}

body.oe-public-teachers-room-page .oe-tr-left .oe-tr-menu .oe-social-icon {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #9ca3af;
	transition: color 0.18s ease;
}

body.oe-public-teachers-room-page .oe-tr-left .oe-tr-menu .oe-social-icon svg {
	width: 22px;
	height: 22px;
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

body.oe-public-teachers-room-page .oe-tr-menu__item.is-active .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-branches summary:hover .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-menu__item:hover .oe-social-icon {
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-tr-branches summary {
	justify-content: space-between;
	list-style: none;
}

body.oe-public-teachers-room-page .oe-tr-branches summary::-webkit-details-marker {
	display: none;
}

body.oe-public-teachers-room-page .oe-tr-branches__label {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-tr-chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	color: #9ca3af;
	transition: transform 0.2s ease, color 0.18s ease;
}

body.oe-public-teachers-room-page .oe-tr-chevron svg {
	width: 16px;
	height: 16px;
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

body.oe-public-teachers-room-page .oe-tr-branches[open] > summary .oe-tr-chevron {
	transform: rotate(180deg);
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-tr-branches.is-branch-active > summary {
	background: linear-gradient(180deg, #f8f4ff 0%, #f3ecff 100%);
	color: #5b21b6;
	box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.12);
}

body.oe-public-teachers-room-page .oe-tr-branches.is-branch-active > summary .oe-social-icon,
body.oe-public-teachers-room-page .oe-tr-branches.is-branch-active > summary .oe-tr-chevron {
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-branch-pills {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	margin: 4px 0 10px;
	padding: 2px 4px 2px 46px;
	max-height: 320px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: rgba(124, 58, 237, 0.18) transparent;
}

body.oe-public-teachers-room-page .oe-branch-pills::-webkit-scrollbar {
	width: 5px;
}

body.oe-public-teachers-room-page .oe-branch-pills::-webkit-scrollbar-thumb {
	background: rgba(124, 58, 237, 0.16);
	border-radius: 999px;
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	width: 100%;
	max-width: 100%;
	min-height: 32px;
	border-radius: 999px;
	padding: 6px 12px;
	border: 1px solid rgba(75, 85, 99, 0.12);
	background: #f3f4f6;
	color: #4b5563;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill span {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill.is-active {
	box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.18);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill .oe-social-icon {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	color: currentColor;
	opacity: 0.92;
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill .oe-social-icon svg {
	width: 16px;
	height: 16px;
	stroke-width: 1.9;
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--matematik {
	background: #f2e8ff;
	color: #6d28d9;
	border-color: rgba(109, 40, 217, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--fen-bilimleri {
	background: #dff5e9;
	color: #047857;
	border-color: rgba(4, 120, 87, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--turkce {
	background: #fff0d7;
	color: #b45309;
	border-color: rgba(180, 83, 9, 0.14);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--sosyal-bilgiler {
	background: #e3efff;
	color: #1d4ed8;
	border-color: rgba(29, 78, 216, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--ingilizce {
	background: #eef2ff;
	color: #4f46e5;
	border-color: rgba(79, 70, 229, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--din-kulturu,
body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--din-kulturu-ve-ahlak-bilgisi {
	background: #fff7db;
	color: #a16207;
	border-color: rgba(161, 98, 7, 0.14);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--hayat-bilgisi {
	background: #e0f7f4;
	color: #0f766e;
	border-color: rgba(15, 118, 110, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--bilisim-teknolojileri,
body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--bilisim {
	background: #e0f7ff;
	color: #0e7490;
	border-color: rgba(14, 116, 144, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--rehberlik {
	background: #e4f8ed;
	color: #047857;
	border-color: rgba(4, 120, 87, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--sinif-ogretmenligi {
	background: #fce7f3;
	color: #be185d;
	border-color: rgba(190, 24, 93, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--okul-oncesi {
	background: #ffe4ef;
	color: #db2777;
	border-color: rgba(219, 39, 119, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--diger {
	background: #f3f4f6;
	color: #4b5563;
	border-color: rgba(75, 85, 99, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .oe-branch-pill--genel {
	background: #f1f5f9;
	color: #475569;
	border-color: rgba(71, 85, 105, 0.12);
}

body.oe-public-teachers-room-page .oe-branch-pills .all {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #64748b;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	padding: 4px 2px 4px 4px;
	transition: color 0.18s ease;
}

body.oe-public-teachers-room-page .oe-branch-pills .all:hover {
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-tr-chevron--inline {
	width: 14px;
	height: 14px;
}

body.oe-public-teachers-room-page .oe-tr-chevron--inline svg {
	width: 12px;
	height: 12px;
}

body.oe-public-teachers-room-page .oe-growth-card {
	position: relative;
	margin-top: 18px;
	padding: 18px 16px 0;
	border-radius: 20px;
	overflow: hidden;
	min-height: 0;
	background: linear-gradient(145deg, #fff8eb 0%, #f4fbf7 100%);
	border: 1px solid rgba(243, 184, 91, 0.18);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

body.oe-public-teachers-room-page .oe-growth-card p {
	position: relative;
	z-index: 2;
	font-size: 17px;
	line-height: 1.38;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #3d3848;
	margin: 0 0 10px;
	max-width: 11em;
}

body.oe-public-teachers-room-page .oe-growth-card__art,
body.oe-public-teachers-room-page .oe-growth-card img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 78px;
	margin-top: auto;
	object-fit: contain;
	object-position: right bottom;
}

body.oe-public-teachers-room-page .oe-tr-feed {
	display: flex;
	flex-direction: column;
	gap: 16px;
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
	min-height: 420px;
}

body.oe-public-teachers-room-page .oe-tr-feed .oe-social-composer,
body.oe-public-teachers-room-page .oe-tr-feed .oe-social-post,
body.oe-public-teachers-room-page .oe-tr-feed .oe-social-empty,
body.oe-public-teachers-room-page .oe-tr-feed .oe-social-library-filters,
body.oe-public-teachers-room-page .oe-tr-feed .oe-social-tabHint--revize {
	background: var(--oe-tr-card);
	border: 1px solid rgba(23, 23, 45, 0.06);
	border-radius: var(--oe-tr-radius);
	box-shadow: var(--oe-tr-shadow-soft);
}

body.oe-public-teachers-room-page .oe-composer-card {
	padding: 0;
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-social-composer-pro.oe-composer-card,
body.oe-public-teachers-room-page .oe-social-composer-guest.oe-social-composer-pro {
	border-radius: 28px;
}

body.oe-public-teachers-room-page .oe-social-form.oe-social-composer-pro {
	padding: 0;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-head {
	padding: 20px 22px 16px;
	border-bottom: 1px solid rgba(226, 232, 240, 0.85);
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-user {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-avatar {
	width: 52px;
	height: 52px;
	font-size: 18px;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-user__meta strong {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #111827;
	line-height: 1.2;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-user__meta span {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	font-weight: 500;
	color: #6b7280;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-head__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-prompt {
	margin: 0;
	font-size: 16px;
	font-weight: 650;
	color: #111827;
	line-height: 1.3;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-visibility-pills {
	display: inline-flex;
	align-items: center;
	padding: 3px;
	border-radius: 999px;
	background: #f3f4f6;
	border: 1px solid rgba(226, 232, 240, 0.95);
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-visibility-pill {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	padding: 7px 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 650;
	color: #64748b;
	cursor: pointer;
	transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-visibility-pill input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-visibility-pill.is-active {
	background: #fff;
	color: #5b21b6;
	box-shadow: 0 2px 8px rgba(124, 58, 237, 0.12);
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-body {
	padding: 18px 22px 8px;
	display: grid;
	gap: 14px;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-branch {
	margin: 0;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-field__label--soft {
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
	margin-bottom: 6px;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-title__input,
body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-textarea__input,
body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-branch .oe-social-select {
	border: 1px solid #e5e7eb;
	border-radius: 15px;
	background: #fff;
	font-size: 14px;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-title__input {
	min-height: 46px;
	padding: 0 16px;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-textarea {
	position: relative;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-textarea__input {
	min-height: 120px;
	padding: 14px 16px 42px;
	resize: vertical;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-textarea__decor {
	position: absolute;
	right: 12px;
	bottom: 10px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #9ca3af;
	pointer-events: none;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-textarea__decor svg {
	width: 18px;
	height: 18px;
	display: block;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-title__input:focus,
body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-textarea__input:focus,
body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-branch .oe-social-select:focus {
	outline: none;
	border-color: #7c3aed;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 36px;
	padding: 0 12px;
	border: 0;
	border-radius: 999px;
	background: #f8fafc;
	font-size: 13px;
	font-weight: 650;
	color: #374151;
	cursor: pointer;
	font-family: inherit;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action__icon {
	width: 22px;
	height: 22px;
	border-radius: 999px;
	display: inline-grid;
	place-items: center;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action__icon svg {
	width: 14px;
	height: 14px;
	display: block;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--green {
	background: #ecfdf5;
	color: #047857;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--green .oe-social-composer-action__icon {
	background: rgba(16, 185, 129, 0.14);
	color: #059669;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--blue {
	background: #eff6ff;
	color: #1d4ed8;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--blue .oe-social-composer-action__icon {
	background: rgba(59, 130, 246, 0.14);
	color: #2563eb;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--orange {
	background: #fff7ed;
	color: #c2410c;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--orange .oe-social-composer-action__icon {
	background: rgba(249, 115, 22, 0.14);
	color: #ea580c;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--purple {
	background: #f5f3ff;
	color: #6d28d9;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--purple .oe-social-composer-action__icon {
	background: rgba(124, 58, 237, 0.14);
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--indigo {
	background: #eef2ff;
	color: #4338ca;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--indigo .oe-social-composer-action__icon {
	background: rgba(99, 102, 241, 0.14);
	color: #4f46e5;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action.is-active {
	box-shadow: inset 0 0 0 2px rgba(99, 102, 241, 0.28);
}

body.oe-public-teachers-room-page .oe-social-composer-poll {
	margin: 12px 0 0;
	padding: 14px;
	border: 1px solid rgba(99, 102, 241, 0.14);
	border-radius: 16px;
	background: #f8f7ff;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__head strong {
	font-size: 14px;
	font-weight: 700;
	color: #312e81;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__close {
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 999px;
	background: rgba(99, 102, 241, 0.1);
	color: #4338ca;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__question,
body.oe-public-teachers-room-page .oe-social-composer-poll__option-input {
	min-height: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__question {
	min-height: 44px;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__types {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	margin: 12px 0;
	padding: 0;
	border: 0;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__type {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #334155;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__yesno p {
	margin: 0;
	font-size: 12.5px;
	color: #64748b;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__options {
	display: grid;
	gap: 8px;
	margin-bottom: 8px;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__option-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__remove-option {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 999px;
	background: rgba(148, 163, 184, 0.18);
	color: #64748b;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-social-composer-poll__add-option {
	border: 0;
	background: transparent;
	color: #4f46e5;
	font-size: 12.5px;
	font-weight: 700;
	cursor: pointer;
	padding: 0;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--indigo .oe-social-composer-action__icon {
	background: rgba(99, 102, 241, 0.12);
	color: #4f46e5;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--red {
	color: #dc2626;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-action--red .oe-social-composer-action__icon {
	background: rgba(220, 38, 38, 0.1);
	color: #dc2626;
}

body.oe-public-teachers-room-page .oe-social-composer-video {
	margin-top: 12px;
	padding: 14px 16px;
	border-radius: 18px;
	background: #fff7f7;
	border: 1px solid rgba(220, 38, 38, 0.12);
}

body.oe-public-teachers-room-page .oe-social-composer-video__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

body.oe-public-teachers-room-page .oe-social-composer-video__head strong {
	font-size: 14px;
	font-weight: 800;
	color: #111827;
}

body.oe-public-teachers-room-page .oe-social-composer-video__close {
	border: 0;
	background: transparent;
	color: #6b7280;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}

body.oe-public-teachers-room-page .oe-social-composer-video__label {
	display: block;
	margin-bottom: 6px;
	font-size: 12.5px;
	font-weight: 700;
	color: #374151;
}

body.oe-public-teachers-room-page .oe-social-composer-video__input {
	width: 100%;
}

body.oe-public-teachers-room-page .oe-social-composer-video__help {
	margin: 8px 0 0;
	font-size: 12.5px;
	line-height: 1.45;
	color: #6b7280;
}

body.oe-public-teachers-room-page .oe-social-composer-video__error {
	margin: 8px 0 0;
	font-size: 12.5px;
	font-weight: 600;
	color: #dc2626;
}

body.oe-public-teachers-room-page .oe-social-video {
	margin-top: 14px;
}

body.oe-public-teachers-room-page .oe-social-video--embed .oe-social-video__frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 20px;
	overflow: hidden;
	background: #111827;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

body.oe-public-teachers-room-page .oe-social-video__thumb,
body.oe-public-teachers-room-page .oe-social-video__iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

body.oe-public-teachers-room-page .oe-social-video__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1f2937 0%, #111827 55%, #0f172a 100%);
}

body.oe-public-teachers-room-page .oe-social-video__provider {
	font-size: 14px;
	font-weight: 800;
	color: rgba(255, 255, 255, 0.88);
	letter-spacing: 0.02em;
}

body.oe-public-teachers-room-page .oe-social-video__play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 68px;
	height: 68px;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.22);
	cursor: pointer;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body.oe-public-teachers-room-page .oe-social-video__play span {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 18px solid #111827;
	transform: translateX(3px);
}

body.oe-public-teachers-room-page .oe-social-video__play:hover {
	transform: scale(1.04);
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.28);
}

body.oe-public-teachers-room-page .oe-social-video.is-playing .oe-social-video__play {
	display: none;
}

body.oe-public-teachers-room-page .oe-social-video--card .oe-social-video__card-inner {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border-radius: 20px;
	background: #f8fafc;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

body.oe-public-teachers-room-page .oe-social-video__card-icon {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	background: rgba(220, 38, 38, 0.1);
	color: #dc2626;
}

body.oe-public-teachers-room-page .oe-social-video__card-body {
	flex: 1 1 auto;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-video__title {
	margin: 0;
	font-size: 15px;
	font-weight: 800;
	color: #111827;
}

body.oe-public-teachers-room-page .oe-social-video__desc {
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 1.45;
	color: #6b7280;
}

body.oe-public-teachers-room-page .oe-social-video__link {
	flex: 0 0 auto;
	white-space: nowrap;
}

@media (max-width: 640px) {
	body.oe-public-teachers-room-page .oe-social-video--card .oe-social-video__card-inner {
		flex-direction: column;
		align-items: stretch;
	}

	body.oe-public-teachers-room-page .oe-social-video__link {
		width: 100%;
		text-align: center;
	}
}

body.oe-public-teachers-room-page .oe-social-composer-poll__error {
	margin: 8px 0 0;
	font-size: 12.5px;
	font-weight: 600;
	color: #dc2626;
}

body.oe-public-teachers-room-page .oe-social-composer-form__error {
	margin: 0 0 8px;
	font-size: 12.5px;
	font-weight: 600;
	color: #dc2626;
}

body.oe-public-teachers-room-page .oe-social-poll {
	margin-top: 14px;
	padding: 14px;
	border-radius: 18px;
	background: #f8f7ff;
	border: 1px solid rgba(124, 58, 237, 0.12);
}

body.oe-public-teachers-room-page .oe-social-poll__question {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 800;
	color: #111827;
	line-height: 1.35;
}

body.oe-public-teachers-room-page .oe-social-poll__options {
	display: grid;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-social-poll__option {
	width: 100%;
	position: relative;
	min-height: 42px;
	border-radius: 12px;
	border: 1px solid rgba(99, 102, 241, 0.16);
	background: #fff;
	padding: 0 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	text-align: left;
	font: inherit;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-social-poll__option.is-disabled,
body.oe-public-teachers-room-page .oe-social-poll__option:disabled {
	cursor: not-allowed;
	opacity: 0.72;
}

body.oe-public-teachers-room-page .oe-social-poll__option.is-selected {
	border-color: rgba(124, 58, 237, 0.45);
	background: #f5f0ff;
}

body.oe-public-teachers-room-page .oe-social-poll__option.is-result {
	cursor: default;
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-social-poll__bar {
	position: absolute;
	inset: 0 auto 0 0;
	width: var(--poll-percent, 0%);
	border-radius: inherit;
	background: rgba(124, 58, 237, 0.1);
	pointer-events: none;
}

body.oe-public-teachers-room-page .oe-social-poll__label,
body.oe-public-teachers-room-page .oe-social-poll__percent {
	position: relative;
	z-index: 1;
}

body.oe-public-teachers-room-page .oe-social-poll__label {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

body.oe-public-teachers-room-page .oe-social-poll__percent {
	font-size: 13px;
	font-weight: 700;
	color: #6d28d9;
}

body.oe-public-teachers-room-page .oe-social-poll__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin-top: 9px;
	color: #64748b;
	font-size: 12.5px;
	font-weight: 600;
}

body.oe-public-teachers-room-page .oe-social-poll__saved {
	color: #6d28d9;
}

body.oe-public-teachers-room-page .oe-social-poll__login {
	color: #4f46e5;
	text-decoration: none;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-poll__login:hover {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-dropzone {
	position: relative;
	margin: 0;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-file-input-native {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-dropzone__label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 118px;
	padding: 18px 16px;
	border: 1.5px dashed #d8dee9;
	border-radius: 16px;
	background: #fafbff;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-dropzone.is-dragover .oe-social-dropzone__label,
body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-dropzone__label:hover {
	border-color: #7c3aed;
	background: #f8f4ff;
	box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.08);
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-dropzone-icon {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	background: rgba(124, 58, 237, 0.08);
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-dropzone-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-dropzone-text {
	font-size: 14px;
	font-weight: 650;
	color: #374151;
	line-height: 1.4;
	max-width: 28em;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-dropzone-help {
	font-size: 12px;
	font-weight: 500;
	color: #6b7280;
	line-height: 1.45;
	max-width: 32em;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-selected-files {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-selected-files li {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 6px 10px;
	border-radius: 999px;
	background: #f3ecff;
	color: #5b21b6;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	word-break: break-word;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-selected-files--previews {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-selected-files__preview,
body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-photo-preview-card {
	padding: 0;
	border-radius: 12px;
	background: #eef2ff;
	max-width: none;
	display: block;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-selected-files__remove {
	top: 5px;
	right: 5px;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-library-options {
	margin: 0;
	padding: 14px 16px;
	border: 1px solid #e9ecf3;
	border-radius: 15px;
	background: #fcfcff;
	transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-library-options.is-active {
	border-color: rgba(124, 58, 237, 0.28);
	background: #f8f4ff;
	box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.08);
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-form__checkbox {
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #334155;
	line-height: 1.45;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-form__checkbox input {
	margin-top: 2px;
	width: 16px;
	height: 16px;
	accent-color: #7c3aed;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-library-fields {
	margin-top: 14px;
	padding: 14px;
	border: 1px solid rgba(124, 58, 237, 0.12);
	border-radius: 14px;
	background: #fff;
	gap: 12px;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-library-options.is-active .oe-social-library-fields {
	display: grid;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-library-fields .oe-social-form__row {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 22px 20px;
	border-top: 1px solid rgba(226, 232, 240, 0.85);
	background: linear-gradient(180deg, rgba(248, 250, 252, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-footer__hint {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	color: #6b7280;
	line-height: 1.45;
	max-width: 18em;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 22px;
	border: 0;
	border-radius: 15px;
	background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 10px 24px rgba(99, 102, 241, 0.24);
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-submit .oe-social-icon {
	color: #fff;
}

body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-submit .oe-social-icon svg {
	width: 16px;
	height: 16px;
}

body.oe-public-teachers-room-page .oe-social-composer-guest.oe-social-composer-pro {
	padding-bottom: 0;
}

body.oe-public-teachers-room-page .oe-social-composer-guest__body {
	padding: 18px 22px 6px;
}

body.oe-public-teachers-room-page .oe-social-composer-guest__lead {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 650;
	color: #111827;
	line-height: 1.45;
}

body.oe-public-teachers-room-page .oe-social-composer-guest__sub {
	margin: 0 0 16px;
	font-size: 14px;
	font-weight: 500;
	color: #6b7280;
	line-height: 1.5;
}

body.oe-public-teachers-room-page .oe-social-composer-guest__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

body.oe-public-teachers-room-page .oe-social-composer-guest .oe-social-composer-actions {
	padding: 14px 22px 18px;
	border-top: 1px solid rgba(226, 232, 240, 0.85);
}

body.oe-public-teachers-room-page .oe-social-composer {
	overflow: hidden;
}


body.oe-public-teachers-room-page .oe-social-post.oe-social-post-card {
	padding: 18px 20px 16px;
	border-radius: 24px;
	border-color: rgba(226, 232, 240, 0.95);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 0;
	margin-bottom: 14px;
	border: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-author {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	flex: 1 1 auto;
}

body.oe-public-teachers-room-page .oe-social-post-author-link {
	color: inherit;
	text-decoration: none;
}

body.oe-public-teachers-room-page .oe-social-post-author-link:hover .oe-social-post-name,
body.oe-public-teachers-room-page .oe-social-post-author-link--username:hover {
	color: var(--oe-tr-purple, #7c3aed);
}

body.oe-public-teachers-room-page .oe-social-post-author-link--username {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #64748b;
	margin-top: 2px;
}

body.oe-public-teachers-room-page .oe-social-post-author-link--avatar {
	flex: 0 0 auto;
	border-radius: 999px;
}

body.oe-public-teachers-room-page .oe-social-post-author-link--avatar:hover .oe-social-post-avatar {
	box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.25);
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-avatar {
	width: 46px;
	height: 46px;
	font-size: 16px;
	flex: 0 0 46px;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-meta {
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-name {
	display: block;
	color: #111827;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-submeta {
	display: block;
	margin-top: 3px;
	color: #6b7280;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-branch.pill {
	display: inline-flex;
	align-items: center;
	margin-top: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 650;
	line-height: 1.2;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-branch.pill.math {
	background: #f2e8ff;
	color: #7043d5;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-branch.pill.science {
	background: #dff5e9;
	color: #0a7d4d;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-branch.pill.turkish {
	background: #fff0d7;
	color: #ae6a09;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-branch.pill.social {
	background: #e3efff;
	color: #175ccf;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-menu {
	width: 36px;
	height: 36px;
	border-radius: 12px;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-menu:hover {
	background: rgba(124, 58, 237, 0.06);
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-body {
	padding: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-title {
	margin: 0 0 8px;
	color: #111827;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 700;
	letter-spacing: -0.015em;
}

/* Ana akış gönderi başlığı linki — kartla uyumlu, alt çizgisiz */
body.oe-public-teachers-room-page .oe-tr-feed .oe-social-posts-list .oe-social-post-card .oe-social-post-title,
body.oe-public-teachers-room-page .oe-tr-feed [data-oe-social-posts-list] .oe-social-post-card .oe-social-post-title {
	margin: 0 0 8px;
	color: #0f172a;
	font-size: 18px;
	line-height: 1.35;
	font-weight: 700;
	letter-spacing: -0.015em;
}

body.oe-public-teachers-room-page .oe-tr-feed .oe-social-posts-list .oe-social-post-card .oe-social-post-title a,
body.oe-public-teachers-room-page .oe-tr-feed [data-oe-social-posts-list] .oe-social-post-card .oe-social-post-title a {
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-decoration: none;
	transition: color 0.18s ease;
}

body.oe-public-teachers-room-page .oe-tr-feed .oe-social-posts-list .oe-social-post-card .oe-social-post-title a:hover,
body.oe-public-teachers-room-page .oe-tr-feed .oe-social-posts-list .oe-social-post-card .oe-social-post-title a:focus-visible,
body.oe-public-teachers-room-page .oe-tr-feed [data-oe-social-posts-list] .oe-social-post-card .oe-social-post-title a:hover,
body.oe-public-teachers-room-page .oe-tr-feed [data-oe-social-posts-list] .oe-social-post-card .oe-social-post-title a:focus-visible {
	color: var(--oe-tr-purple, #7c3aed);
	text-decoration: none;
}

@media (max-width: 900px) {
	body.oe-public-teachers-room-page .oe-tr-feed .oe-social-posts-list .oe-social-post-card .oe-social-post-title,
	body.oe-public-teachers-room-page .oe-tr-feed [data-oe-social-posts-list] .oe-social-post-card .oe-social-post-title {
		font-size: 16px;
	}
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-content,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-postContent {
	margin: 0 0 4px;
	color: #374151;
	font-size: 14px;
	line-height: 1.55;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-content p,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-postContent p {
	margin: 0 0 10px;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-content p:last-child,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-postContent p:last-child {
	margin-bottom: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-attachments {
	margin-top: 14px;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attachment-list {
	margin-top: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid {
	gap: 6px;
	margin-top: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-item {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eef2f7;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-item a,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-item__btn,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-gallery-open {
	display: block;
	background: #fff;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-item img {
	width: 100%;
	height: 100%;
	min-height: 160px;
	max-height: 360px;
	border-radius: 0;
	object-fit: contain;
	object-position: center;
	background: #fff;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid--1.oe-social-image-gallery-frame .oe-social-image-item img,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid--1.oe-social-image-gallery-frame .oe-social-gallery-open {
	min-height: 0;
	max-height: none;
	height: 100%;
	background: #f8fafc;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid--1 .oe-social-image-item img {
	min-height: 0;
	max-height: none;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-gallery {
	margin-top: 0;
	border: 1px solid #eef2f7;
	border-radius: 16px;
	background: #f8fafc;
	height: clamp(320px, 52vw, 560px);
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-gallery__slide img,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-gallery-open img {
	min-height: 0;
	max-height: none;
	object-fit: contain;
	object-position: center;
	background: #f8fafc;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid--1.oe-social-image-gallery-frame {
	height: clamp(320px, 52vw, 560px);
	background: #f8fafc;
	border: 1px solid #eef2f7;
}

@media (max-width: 768px) {
	body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-gallery,
	body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid--1.oe-social-image-gallery-frame {
		height: clamp(260px, 78vw, 440px);
	}
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid--2 .oe-social-image-item img,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid--multi .oe-social-image-item img {
	min-height: 140px;
	max-height: 220px;
	object-fit: contain;
	object-position: center;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-item__placeholder {
	min-height: 160px;
	background: #f8fafc;
	color: #64748b;
	border-radius: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-more {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: rgba(17, 24, 39, 0.52);
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	pointer-events: none;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-doc {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 12px 14px;
	border: 1px solid #e9ecf3;
	border-radius: 14px;
	background: #fbfcff;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-doc-badge {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	border: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-doc-badge span {
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-doc-badge--pdf {
	background: #fee2e2;
	color: #dc2626;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-doc-badge--docx {
	background: #dbeafe;
	color: #2563eb;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-doc-badge--pptx {
	background: #ffedd5;
	color: #ea580c;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-doc-badge--xlsx {
	background: #dcfce7;
	color: #16a34a;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-doc-badge--other {
	background: #f3f4f6;
	color: #475569;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-doc .oe-social-fileInfo strong {
	font-size: 14px;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-doc .oe-social-fileInfo span {
	font-size: 12px;
	font-weight: 500;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-doc__actions {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-doc__goto {
	font-size: 12px;
	font-weight: 600;
	color: #2563eb;
	text-decoration: none;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-doc__goto:hover {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-icon-btn {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid #e5e7eb;
	background: #fff;
	color: #475569;
	display: inline-grid;
	place-items: center;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-icon-btn svg {
	width: 18px;
	height: 18px;
	display: block;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-icon-btn:hover {
	background: #f8f4ff;
	border-color: #ddd6fe;
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-icon-btn--primary {
	background: #f5f3ff;
	border-color: #ddd6fe;
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-counts--muted {
	padding: 0 0 8px;
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	color: #94a3b8;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-liked-by {
	padding: 0 0 8px;
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
	line-height: 1.4;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	min-height: 0;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--oe-tr-line);
	background: transparent;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-action,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-like-button,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-save-button,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-comment-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 38px;
	padding: 8px 10px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: #475569;
	font-size: 13px;
	font-weight: 650;
	cursor: pointer;
	font-family: inherit;
	transition: background 0.18s ease, color 0.18s ease;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-action:hover,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-like-button:hover,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-save-button:hover,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-comment-toggle:hover {
	background: rgba(124, 58, 237, 0.06);
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-action .oe-social-icon,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-like-button .oe-social-icon,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-save-button .oe-social-icon,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-comment-toggle .oe-social-icon {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-action .oe-social-icon svg,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-like-button .oe-social-icon svg,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-save-button .oe-social-icon svg,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-comment-toggle .oe-social-icon svg {
	width: 20px;
	height: 20px;
	stroke-width: 1.8;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-action-active {
	color: #7c3aed;
	background: rgba(124, 58, 237, 0.08);
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-comment-panel {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--oe-tr-line);
}

body.oe-public-teachers-room-page .oe-social-comment-section--revize .oe-social-comment-list {
	margin: 0 0 10px;
}

body.oe-public-teachers-room-page .oe-social-comment-section--revize .oe-social-comment {
	padding: 10px 12px;
	margin-bottom: 8px;
	border: 1px solid #eef2f7;
	border-radius: 12px;
	background: #fafbff;
	border-bottom: 0;
}

body.oe-public-teachers-room-page .oe-social-comment-section--revize .oe-social-comment-meta {
	margin-bottom: 6px;
	font-size: 12px;
}

body.oe-public-teachers-room-page .oe-social-comment-section--revize .oe-social-comment-body {
	font-size: 14px;
	color: #374151;
}

body.oe-public-teachers-room-page .oe-social-comment-section--revize .oe-social-comment-form {
	margin-top: 10px;
	padding: 12px;
	border: 1px solid #eef2f7;
	border-radius: 14px;
	background: #fff;
}

body.oe-public-teachers-room-page .oe-social-comment-section--revize .oe-social-comment-input {
	min-height: 72px;
	padding: 10px 12px;
	border-radius: 12px;
	border-color: #e5e7eb;
	font-size: 14px;
}

body.oe-public-teachers-room-page .oe-social-comment-section--revize .oe-social-comment-form__actions {
	justify-content: flex-end;
	padding-top: 8px;
}

body.oe-public-teachers-room-page .oe-social-comment-section--revize .oe-social-comment-guest {
	font-size: 13px;
	color: #64748b;
}

body.oe-public-teachers-room-page .oe-tr-right {
	gap: 20px;
}

body.oe-public-teachers-room-page .oe-tr-right > section,
body.oe-public-teachers-room-page .oe-tr-right > .oe-tr-widget {
	border-radius: 26px;
	border-color: rgba(226, 232, 240, 0.95);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

body.oe-public-teachers-room-page .oe-tr-widget {
	position: relative;
	overflow: hidden;
	padding: 18px 20px;
	background: var(--oe-tr-card);
}

body.oe-public-teachers-room-page .oe-tr-widget__title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	font-size: 18px;
	font-weight: 750;
	line-height: 1.25;
	color: #111827;
}

body.oe-public-teachers-room-page .oe-tr-widget__title--split {
	justify-content: space-between;
	gap: 12px;
}

body.oe-public-teachers-room-page .oe-tr-widget__title-icon {
	width: 28px;
	height: 28px;
	border-radius: 999px;
	display: inline-grid;
	place-items: center;
	background: #fff4dd;
	color: #d97706;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-tr-widget__title-icon svg {
	width: 16px;
	height: 16px;
	display: block;
}

body.oe-public-teachers-room-page .oe-tr-widget__title-icon--teal {
	background: #ecfdf5;
	color: #0d9488;
}

body.oe-public-teachers-room-page .oe-tr-widget__title-link {
	font-size: 13px;
	font-weight: 650;
	color: var(--oe-tr-purple);
	text-decoration: none;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-tr-widget__title-link:hover {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-tr-widget__empty {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--oe-tr-muted);
}

/* Haftanın Öne Çıkan Öğretmeni */
body.oe-public-teachers-room-page .oe-weekly-teacher-card.oe-tr-widget {
	padding: 20px 18px 24px;
	overflow: visible;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card {
	background: #fff;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__header {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 14px;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__title {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #111827;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__title-text {
	min-width: 0;
	flex: 1 1 auto;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__icon {
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	border-radius: 999px;
	display: inline-grid;
	place-items: center;
	background: #fff4dd;
	color: #d97706;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__icon svg {
	width: 15px;
	height: 15px;
	display: block;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__body {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__avatar {
	width: 54px;
	height: 54px;
	flex: 0 0 54px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	background: linear-gradient(145deg, #8b5cf6 0%, #6366f1 100%);
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	box-shadow: 0 6px 14px rgba(99, 102, 241, 0.16);
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__avatar img {
	width: 100%;
	height: 100%;
	border-radius: 999px;
	object-fit: cover;
	display: block;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__content {
	min-width: 0;
	flex: 1 1 auto;
	overflow-wrap: anywhere;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__name {
	font-size: 15.5px;
	line-height: 1.2;
	font-weight: 800;
	margin: 0 0 2px;
	color: #111827;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__branch {
	font-size: 12.5px;
	line-height: 1.25;
	font-weight: 700;
	color: rgba(15, 23, 42, 0.58);
	margin: 0 0 6px;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__text {
	font-size: 13px;
	line-height: 1.45;
	color: rgba(15, 23, 42, 0.72);
	margin: 0;
	font-weight: 500;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__profile-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 10px;
	margin-bottom: 2px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(124, 58, 237, 0.09);
	color: #6d28d9;
	font-size: 12.5px;
	line-height: 1;
	font-weight: 700;
	text-decoration: none;
	position: static;
}

body.oe-public-teachers-room-page .oe-weekly-teacher-card__profile-link:hover {
	background: rgba(124, 58, 237, 0.15);
	color: #5b21b6;
	text-decoration: none;
}

body.oe-public-teachers-room-page .oe-tr-widget__featured-empty {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--oe-tr-muted);
}

body.oe-public-teachers-room-page .oe-tr-widget--featured .oe-tr-widget__featured-stats,
body.oe-public-teachers-room-page .oe-tr-widget--featured .oe-tr-widget__featured-badge,
body.oe-public-teachers-room-page .oe-tr-widget--featured .oe-tr-widget__featured-btn,
body.oe-public-teachers-room-page .oe-tr-widget--featured .oe-tr-widget__featured-thanks,
body.oe-public-teachers-room-page .oe-tr-widget--featured .oe-tr-widget__featured-bio,
body.oe-public-teachers-room-page .oe-tr-widget--featured .oe-tr-widget__featured-link {
	display: none !important;
}

/* Popüler Dosyalar */
body.oe-public-teachers-room-page .oe-tr-popular-files {
	display: grid;
	gap: 2px;
}

body.oe-public-teachers-room-page .oe-tr-popular-file {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 34px;
	gap: 12px;
	align-items: center;
	min-height: 56px;
	padding: 10px 8px;
	margin: 0 -8px;
	border-radius: 12px;
	transition: background 0.18s ease;
}

body.oe-public-teachers-room-page .oe-tr-popular-file:hover {
	background: rgba(124, 58, 237, 0.04);
}

body.oe-public-teachers-room-page .oe-tr-popular-file + .oe-tr-popular-file {
	border-top: 1px solid #f1f5f9;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__badge {
	width: 40px;
	height: 40px;
	border-radius: 11px;
	display: grid;
	place-items: center;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__badge span {
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-library-card__badge span {
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__badge--pdf {
	background: #fee2e2;
	color: #dc2626;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__badge--docx {
	background: #dbeafe;
	color: #2563eb;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__badge--pptx {
	background: #ffedd5;
	color: #ea580c;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__badge--xlsx {
	background: #dcfce7;
	color: #16a34a;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__badge--img {
	background: #ede9fe;
	color: #7c3aed;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__badge--other {
	background: #f3f4f6;
	color: #4b5563;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__info {
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__info strong {
	display: block;
	font-size: 14px;
	font-weight: 650;
	line-height: 1.3;
	color: #111827;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__info span {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 500;
	color: #6b7280;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__action {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid #e5e7eb;
	background: #fff;
	color: #64748b;
	display: inline-grid;
	place-items: center;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__action svg {
	width: 16px;
	height: 16px;
	display: block;
}

body.oe-public-teachers-room-page .oe-tr-popular-file__action:hover {
	background: #f5f3ff;
	border-color: #ddd6fe;
	color: #7c3aed;
}

/* Topluluk İpuçları */
body.oe-public-teachers-room-page .oe-tr-widget--tips {
	background:
		radial-gradient(circle at 100% 100%, rgba(13, 148, 136, 0.08) 0, transparent 44%),
		linear-gradient(180deg, #fffdf8 0%, #f8fffb 100%);
}

body.oe-public-teachers-room-page .oe-tr-widget--tips::after {
	content: "";
	position: absolute;
	right: 14px;
	bottom: 12px;
	width: 48px;
	height: 48px;
	border-radius: 999px 999px 999px 0;
	background: radial-gradient(circle at 30% 30%, rgba(16, 185, 129, 0.18) 0, transparent 70%);
	pointer-events: none;
}

body.oe-public-teachers-room-page .oe-tr-widget__tips-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

body.oe-public-teachers-room-page .oe-tr-widget__tips-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
	color: #374151;
}

body.oe-public-teachers-room-page .oe-tr-widget__tip-icon {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	color: #0d9488;
	margin-top: 1px;
}

body.oe-public-teachers-room-page .oe-tr-widget__tip-icon svg {
	width: 18px;
	height: 18px;
	display: block;
}

@media (max-width: 1200px) {
	body.oe-public-teachers-room-page .oe-tr-layout {
		grid-template-columns: 280px 1fr;
	}

	body.oe-public-teachers-room-page .oe-tr-right {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	body.oe-public-teachers-room-page .oe-tr-hero {
		flex-wrap: wrap;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__search {
		max-width: 560px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__art {
		height: 108px;
		max-width: 220px;
	}

	body.oe-public-teachers-room-page .oe-tp-pubHeader__inner {
		padding: 0 18px;
	}

	body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile strong {
		max-width: 120px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body.oe-public-teachers-room-page .oe-tr-left,
	body.oe-public-teachers-room-page .oe-tr-right.oe-social-rightbar {
		position: static;
		max-height: none;
		overflow: visible;
	}
}

@media (max-width: 800px) {
	body.oe-public-teachers-room-page .oe-tr-shell {
		width: calc(100% - 24px);
		margin: 14px auto 36px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"left actions"
			"search search";
		gap: 14px 12px;
		padding: 18px;
		align-items: center;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__left,
	body.oe-public-teachers-room-page .oe-tr-hero__intro {
		grid-area: left;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__tools {
		display: contents;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__search {
		grid-area: search;
		max-width: none;
		min-width: 0;
		flex: 1 1 100%;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__actions,
	body.oe-public-teachers-room-page .oe-tr-hero__guest-actions {
		grid-area: actions;
		justify-content: flex-end;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__intro {
		flex-direction: row;
		align-items: center;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__art {
		height: 96px;
		max-width: min(240px, 100%);
		width: auto;
	}

	body.oe-public-teachers-room-page .oe-tr-search {
		width: 100%;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero .oe-tr-profile__text strong {
		max-width: 88px;
	}

	body.oe-public-teachers-room-page .oe-tr-header-tools {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	body.oe-public-teachers-room-page .oe-tr-header-tools .oe-tr-profile--header .oe-tr-profile__text strong {
		max-width: 96px;
	}

	body.oe-public-teachers-room-page .oe-tr-layout {
		grid-template-columns: 1fr;
	}

	body.oe-public-teachers-room-page .oe-tr-right {
		display: flex;
		grid-template-columns: none;
	}

	body.oe-public-teachers-room-page .oe-tp-pubNav__toggle {
		display: inline-flex;
	}

	body.oe-public-teachers-room-page .oe-tp-pubNav__links,
	body.oe-public-teachers-room-page .oe-tp-pubNav__actions {
		flex-wrap: wrap;
	}

	body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-head__row {
		flex-direction: column;
		align-items: flex-start;
	}

	body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-footer {
		flex-direction: column;
		align-items: stretch;
	}

	body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-submit {
		width: 100%;
	}

	body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-library-fields .oe-social-form__row {
		grid-template-columns: 1fr;
	}

	body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid--2,
	body.oe-public-teachers-room-page .oe-social-post-card .oe-social-image-grid--multi {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-doc {
		grid-template-columns: 44px minmax(0, 1fr);
	}

	body.oe-public-teachers-room-page .oe-social-post-card .oe-social-attach-doc__actions {
		grid-column: 1 / -1;
		justify-content: flex-end;
	}
}

/* Faz 6 — polish: spacing, notice, sticky, responsive */
body.oe-public-teachers-room-page .oe-shell {
	padding-bottom: 12px;
}

body.oe-public-teachers-room-page .oe-tr-right.oe-social-rightbar {
	position: sticky;
	top: 94px;
	align-self: start;
	max-height: calc(100vh - 108px);
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: rgba(124, 58, 237, 0.22) transparent;
}

body.oe-public-teachers-room-page .oe-tr-flash {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 16px;
	padding: 10px 14px;
	border-radius: 14px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
}

body.oe-public-teachers-room-page .oe-tr-flash__icon {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	margin-top: 1px;
}

body.oe-public-teachers-room-page .oe-tr-flash__icon svg {
	width: 18px;
	height: 18px;
	display: block;
}

body.oe-public-teachers-room-page .oe-tr-flash__text {
	flex: 1 1 auto;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-tr-flash--success {
	color: #166534;
	background: rgba(236, 253, 245, 0.96);
	border: 1px solid rgba(167, 243, 208, 0.85);
	box-shadow: 0 6px 18px rgba(16, 185, 129, 0.07);
}

body.oe-public-teachers-room-page .oe-tr-flash--success .oe-tr-flash__icon {
	color: #059669;
}

body.oe-public-teachers-room-page .oe-tr-flash--error {
	color: #991b1b;
	background: rgba(254, 242, 242, 0.96);
	border: 1px solid rgba(254, 202, 202, 0.85);
	box-shadow: 0 6px 18px rgba(239, 68, 68, 0.06);
}

body.oe-public-teachers-room-page .oe-tr-flash--error .oe-tr-flash__icon {
	color: #dc2626;
}

body.oe-public-teachers-room-page .oe-tr-left {
	position: sticky;
	top: 94px;
	align-self: start;
	max-height: calc(100vh - 108px);
	overflow: auto;
	overscroll-behavior: contain;
}

body.oe-public-teachers-room-page .oe-tr-widget__title,
body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-form__prompt,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-title {
	font-weight: 750;
	letter-spacing: -0.01em;
}

@media (max-width: 900px) {
	body.oe-public-teachers-room-page .oe-tr-shell {
		width: min(1480px, calc(100% - 32px));
		max-width: 100%;
		min-width: 0;
		margin-bottom: 44px;
	}

	body.oe-public-teachers-room-page .oe-social-page.oe-tr-ui {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	body.oe-public-teachers-room-page .oe-tr-layout,
	body.oe-public-teachers-room-page .oe-tr-ui .oe-tr-layout,
	body.oe-tr-mobile-ready .oe-tr-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		gap: 18px;
	}

	body.oe-public-teachers-room-page .oe-tr-right,
	body.oe-public-teachers-room-page .oe-tr-ui .oe-tr-right,
	body.oe-tr-mobile-ready .oe-tr-right {
		display: none !important;
	}

	body.oe-public-teachers-room-page .oe-tr-feed,
	body.oe-public-teachers-room-page .oe-tr-ui .oe-tr-feed,
	body.oe-tr-mobile-ready .oe-tr-feed {
		min-height: 0;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
		grid-column: 1 / -1 !important;
	}

	body.oe-public-teachers-room-page .oe-tr-left,
	body.oe-public-teachers-room-page .oe-tr-ui .oe-tr-left,
	body.oe-public-teachers-room-page aside.oe-tr-left.oe-social-sidebar,
	body.oe-public-teachers-room-page .oe-tr-ui .oe-social-sidebar,
	body.oe-tr-mobile-ready .oe-tr-left,
	body.oe-tr-mobile-ready aside.oe-tr-left.oe-social-sidebar {
		display: none !important;
		position: static !important;
		top: auto !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	body.oe-public-teachers-room-page .oe-tp-pubNav__link {
		font-size: 13px;
		padding: 0 10px;
	}
}

@media (max-width: 768px) {
	body.oe-public-teachers-room-page .oe-social-page.oe-tr-ui {
		min-height: 0;
		padding-bottom: 16px;
	}

	body.oe-public-teachers-room-page .oe-tr-shell {
		width: calc(100% - 24px);
		margin: 14px auto 36px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero {
		padding: 16px 18px;
		border-radius: 24px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__copy h1 {
		font-size: clamp(24px, 6vw, 30px);
	}

	body.oe-public-teachers-room-page .oe-tr-flash {
		margin-top: 14px;
		padding: 10px 12px;
	}
}

@media (max-width: 480px) {
	body.oe-public-teachers-room-page .oe-tr-shell {
		width: calc(100% - 20px);
		margin: 12px auto 28px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__art {
		height: 84px;
		max-width: 180px;
	}

	body.oe-public-teachers-room-page .oe-tr-search input {
		font-size: 14px;
	}

	body.oe-public-teachers-room-page .oe-tr-menu__item,
	body.oe-public-teachers-room-page .oe-tr-branches summary {
		min-height: 44px;
		font-size: 14px;
	}

	body.oe-public-teachers-room-page .oe-social-composer-pro .oe-social-composer-actions {
		grid-template-columns: 1fr;
	}

	body.oe-public-teachers-room-page .oe-social-post-card .oe-social-post-actions {
		grid-template-columns: 1fr 1fr;
		gap: 6px;
	}
}

/* Paylaşım durum barı */
.oe-social-share-status {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 12px;
	padding: 12px 14px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	background: #fcfcff;
	color: #374151;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

.oe-social-share-status--loading {
	background: #f8fafc;
	border-color: #dbeafe;
	color: #1e3a8a;
}

.oe-social-share-status--success {
	background: #f0fdf4;
	border-color: #bbf7d0;
	color: #166534;
}

.oe-social-share-status--error {
	flex-wrap: wrap;
	background: #fef2f2;
	border-color: #fecaca;
	color: #991b1b;
}

.oe-social-share-status__spinner {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(30, 58, 138, 0.18);
	border-top-color: #2563eb;
	border-radius: 999px;
	animation: oeSocialShareSpin 0.8s linear infinite;
}

.oe-social-share-status--success .oe-social-share-status__spinner,
.oe-social-share-status--error .oe-social-share-status__spinner {
	display: none;
}

.oe-social-share-status__text {
	flex: 1 1 auto;
	min-width: 0;
}

.oe-social-share-status__retry {
	flex: 0 0 auto;
	margin-left: auto;
	padding: 6px 10px;
	border: 1px solid rgba(153, 27, 27, 0.18);
	border-radius: 999px;
	background: #fff;
	color: #991b1b;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.oe-social-share-status__retry:hover {
	background: #fff5f5;
}

@keyframes oeSocialShareSpin {
	to { transform: rotate(360deg); }
}

body.oe-public-teachers-room-page .oe-social-composer .oe-social-share-status {
	margin-bottom: 14px;
}

/* Composer trigger + modal (public feed) */
body.oe-public-teachers-room-page .oe-social-composer-trigger.oe-composer-card {
	padding: 16px 18px;
	border-radius: 22px;
}

body.oe-public-teachers-room-page .oe-social-composer-trigger-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-social-composer-trigger-avatar {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	font-size: 16px;
}

body.oe-public-teachers-room-page .oe-social-composer-trigger-copy strong {
	display: block;
	font-size: 15px;
	font-weight: 650;
	color: #111827;
	line-height: 1.25;
}

body.oe-public-teachers-room-page .oe-social-composer-trigger-copy span {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 500;
	color: #6b7280;
}

body.oe-public-teachers-room-page .oe-social-composer-trigger-input {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 48px;
	padding: 0 18px;
	margin: 0;
	border: 1px solid #e7eaf1;
	border-radius: 999px;
	background: #f8fafc;
	color: #94a3b8;
	font: inherit;
	font-size: 14px;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

body.oe-public-teachers-room-page .oe-social-composer-trigger-input:hover,
body.oe-public-teachers-room-page .oe-social-composer-trigger-input:focus-visible {
	border-color: rgba(124, 58, 237, 0.45);
	background: #f7f7fb;
	outline: none;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.08);
}

body.oe-public-teachers-room-page .oe-social-composer-trigger--guest .oe-social-composer-trigger-input {
	color: #94a3b8;
}

body.oe-public-teachers-room-page .oe-social-modal__subtext {
	margin: -8px 0 16px;
	color: #64748b;
	line-height: 1.5;
	font-size: 14px;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-modal__dialog {
	width: min(100%, 760px);
	max-height: calc(100vh - 48px);
	padding: 0;
	border-radius: 24px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 22px 14px;
	border-bottom: 1px solid rgba(226, 232, 240, 0.9);
	background: #fff;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-modal__title {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	color: #111827;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-modal__close {
	position: static;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-modal__body {
	overflow-y: auto;
	flex: 1 1 auto;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-modal-form {
	border: 0;
	box-shadow: none;
	border-radius: 0;
	background: transparent;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-head--modal {
	padding: 16px 22px 12px;
	border-bottom: 1px solid rgba(226, 232, 240, 0.85);
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-head--modal .oe-social-composer-user {
	margin-bottom: 12px;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-head--modal .oe-social-composer-head__row {
	justify-content: flex-end;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-body {
	padding: 14px 22px 8px;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-modal__footer {
	position: sticky;
	bottom: 0;
	z-index: 2;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(6px);
}

/* Paylaşım Oluştur modalı — kompakt dosya dropzone */
body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-dropzone__label {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	align-items: center;
	column-gap: 14px;
	row-gap: 4px;
	min-height: 96px;
	padding: 14px 18px;
	border-radius: 18px;
	text-align: left;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-dropzone-icon {
	grid-row: 1 / span 2;
	grid-column: 1;
	width: 38px;
	height: 38px;
	margin: 0;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-dropzone-icon svg {
	width: 18px;
	height: 18px;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-dropzone-text {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	font-size: 15px;
	line-height: 1.25;
	max-width: none;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-dropzone-help {
	grid-column: 2;
	grid-row: 2;
	margin: 0;
	font-size: 12.5px;
	line-height: 1.35;
	max-width: none;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-selected-files {
	margin-top: 8px;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing {
	margin: 0 0 12px;
	padding: 12px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 14px;
	background: rgba(248, 250, 252, 0.9);
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 10px;
	margin-bottom: 10px;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__title {
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__hint,
body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__note {
	margin: 0;
	font-size: 12px;
	color: #64748b;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 8px;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__item.is-removed {
	display: none;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__card {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.06);
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__thumb {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	object-fit: cover;
	flex: 0 0 44px;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: rgba(59, 130, 246, 0.12);
	color: #2563eb;
	font-size: 11px;
	font-weight: 700;
	flex: 0 0 44px;
	text-align: center;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__meta {
	display: grid;
	gap: 2px;
	min-width: 0;
	flex: 1 1 auto;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__meta strong {
	font-size: 13px;
	line-height: 1.3;
	color: #0f172a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__meta span {
	font-size: 12px;
	color: #64748b;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-existing__remove {
	flex: 0 0 auto;
	border: 0;
	background: transparent;
	color: #dc2626;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	padding: 4px 6px;
}

body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-form.is-edit-mode .oe-social-composer-footer__hint {
	display: none;
}

@media (max-width: 640px) {
	body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-dropzone__label {
		min-height: 92px;
		padding: 12px 14px;
		column-gap: 12px;
	}

	body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-dropzone-text {
		font-size: 14px;
	}

	body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-dropzone-help {
		font-size: 12px;
	}
}

@media (max-width: 640px) {
	body.oe-public-teachers-room-page #oe-social-composer-modal.oe-social-modal {
		align-items: flex-end;
		padding: 0;
	}

	body.oe-public-teachers-room-page #oe-social-composer-modal .oe-social-composer-modal__dialog {
		width: 100%;
		max-height: calc(100vh - 12px);
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}

/* Toast notifications (success feedback) */
body.oe-public-teachers-room-page .oe-social-toast-region,
.oe-social-page .oe-social-toast-region {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 9999;
	display: grid;
	gap: 10px;
	pointer-events: none;
	max-width: min(360px, calc(100vw - 32px));
}

body.oe-public-teachers-room-page .oe-social-toast,
.oe-social-page .oe-social-toast {
	pointer-events: auto;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 14px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid rgba(226, 232, 240, 0.9);
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
	color: #0f172a;
	animation: oe-social-toast-in 0.24s ease;
}

body.oe-public-teachers-room-page .oe-social-toast.is-leaving,
.oe-social-page .oe-social-toast.is-leaving {
	animation: oe-social-toast-out 0.22s ease forwards;
}

body.oe-public-teachers-room-page .oe-social-toast__icon,
.oe-social-page .oe-social-toast__icon {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(124, 58, 237, 0.12);
	color: #7c3aed;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

body.oe-public-teachers-room-page .oe-social-toast__text,
.oe-social-page .oe-social-toast__text {
	font-size: 14px;
	line-height: 1.35;
	font-weight: 550;
}

@keyframes oe-social-toast-in {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes oe-social-toast-out {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(8px);
	}
}

@media (max-width: 640px) {
	body.oe-public-teachers-room-page .oe-social-toast-region,
	.oe-social-page .oe-social-toast-region {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
	}
}

/* AJAX interaction loading state */
body.oe-public-teachers-room-page .oe-social-like-form.is-loading,
body.oe-public-teachers-room-page .oe-social-save-form.is-loading,
body.oe-public-teachers-room-page .oe-social-comment-form.is-loading,
body.oe-public-teachers-room-page .oe-social-comment-delete.is-loading,
.oe-social-page .oe-social-like-form.is-loading,
.oe-social-page .oe-social-save-form.is-loading,
.oe-social-page .oe-social-comment-form.is-loading,
.oe-social-page .oe-social-comment-delete.is-loading {
	pointer-events: none;
}

body.oe-public-teachers-room-page .oe-social-post-action.is-loading,
body.oe-public-teachers-room-page .oe-social-comment-delete__btn.is-loading,
.oe-social-page .oe-social-post-action.is-loading,
.oe-social-page .oe-social-comment-delete__btn.is-loading {
	opacity: 0.65;
	cursor: wait;
}

/* ============================================================
   Öğretmen profil sayfası — premium sosyal profil düzeni
   ============================================================ */
body.oe-public-teachers-room-page .oe-social-page:has(.oe-social-profile-page) {
	background: linear-gradient(180deg, #faf7f2 0%, #f8fafc 48%, #f8fafc 100%);
}

body.oe-public-teachers-room-page .oe-social-profile-page {
	max-width: 1380px;
	margin: 0 auto;
	padding: 26px 24px 56px;
	color: #0f172a;
}

body.oe-public-teachers-room-page .oe-social-profile-hero-card {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	background: #fff;
	border: 1px solid rgba(226, 232, 240, 0.88);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

body.oe-public-teachers-room-page .oe-social-profile-cover {
	position: relative;
	overflow: hidden;
	min-height: 246px;
	padding: 32px 36px 22px;
	background:
		radial-gradient(circle at 13% 28%, rgba(20, 184, 166, 0.18), transparent 18%),
		radial-gradient(circle at 88% 24%, rgba(250, 204, 21, 0.16), transparent 16%),
		linear-gradient(120deg, #f4eeff 0%, #eef6ff 48%, #edfdf8 100%);
}

body.oe-public-teachers-room-page .oe-social-profile-cover--default {
	background: #eef2ff;
}

body.oe-public-teachers-room-page .oe-social-profile-cover--default::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image:
		linear-gradient(90deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.16) 28%, rgba(255, 255, 255, 0) 46%),
		var(--oe-profile-cover-image, url('../img/social/profile-cover-teacher-room.png'));
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 100%, cover;
	background-position: center, right center;
}

body.oe-public-teachers-room-page .oe-social-profile-cover::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 56px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.22));
	pointer-events: none;
	z-index: 1;
}

body.oe-public-teachers-room-page .oe-social-profile-cover__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
}

body.oe-public-teachers-room-page .oe-social-profile-identity {
	position: relative;
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr) auto;
	gap: 18px 20px;
	align-items: center;
	min-height: 156px;
	margin-top: 0;
	padding: 0;
	z-index: 2;
}

body.oe-public-teachers-room-page .oe-social-profile-avatar-wrap {
	position: relative;
	align-self: center;
	width: 120px;
	height: 120px;
	padding: 5px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14);
}

body.oe-public-teachers-room-page .oe-social-profile-avatar {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	border: 0;
	background: #e2e8f0;
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 40px;
	font-weight: 900;
	overflow: hidden;
	box-shadow: none;
}

body.oe-public-teachers-room-page .oe-social-profile-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.oe-public-teachers-room-page .oe-social-profile-online-dot {
	position: absolute;
	right: 10px;
	bottom: 12px;
	width: 16px;
	height: 16px;
	border-radius: 999px;
	background: #7ddc3b;
	border: 3px solid #fff;
	box-shadow: 0 4px 12px rgba(34, 197, 94, 0.24);
}

body.oe-public-teachers-room-page .oe-social-profile-info {
	padding-bottom: 2px;
	min-width: 0;
	align-self: center;
}

body.oe-public-teachers-room-page .oe-social-profile-name-row {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
	max-width: 100%;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-name-row .oe-social-profile-name {
	margin: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-name-row .oe-social-official-mark,
body.oe-public-teachers-room-page .oe-social-profile-name-row .oe-social-official-mark__svg,
body.oe-public-teachers-room-page .oe-social-profile-name-row .oe-social-official-mark svg {
	width: 21px;
	height: 21px;
	min-width: 21px;
	min-height: 21px;
}

body.oe-public-teachers-room-page .oe-social-profile-name {
	margin: 0;
	font-size: clamp(30px, 3.2vw, 36px);
	line-height: 1.02;
	font-weight: 900;
	letter-spacing: -0.04em;
	color: #08143a;
}

body.oe-public-teachers-room-page .oe-social-profile-branch {
	margin-top: 6px;
	color: #6d35e8;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 800;
}

body.oe-public-teachers-room-page .oe-social-profile-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	align-items: center;
	margin-top: 6px;
	color: #334155;
	font-size: 13px;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-profile-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

body.oe-public-teachers-room-page .oe-social-profile-chip {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0 11px;
	border-radius: 999px;
	background: rgba(109, 53, 232, 0.08);
	color: #6d35e8;
	font-size: 12px;
	line-height: 1;
	font-weight: 800;
}

body.oe-public-teachers-room-page .oe-social-profile-chip--green {
	background: rgba(16, 185, 129, 0.11);
	color: #047857;
}

body.oe-public-teachers-room-page .oe-social-profile-bio {
	max-width: 680px;
	margin: 12px 0 0;
	color: #334155;
	font-size: 14px;
	line-height: 1.5;
}

body.oe-public-teachers-room-page .oe-social-profile-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 2px;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-self: end;
}

body.oe-public-teachers-room-page .oe-social-profile-btn {
	min-height: 40px;
	border-radius: 13px;
	padding: 0 16px;
	border: 1px solid rgba(109, 53, 232, 0.16);
	background: rgba(255, 255, 255, 0.88);
	color: #5b21b6;
	font-weight: 750;
	font-size: 13px;
	cursor: default;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
	backdrop-filter: blur(10px);
}

body.oe-public-teachers-room-page .oe-social-profile-btn--primary {
	background: linear-gradient(135deg, #7c3aed, #5b35ea);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 16px 30px rgba(109, 53, 232, 0.22);
}

body.oe-public-teachers-room-page .oe-social-profile-btn--ghost {
	background: rgba(255, 255, 255, 0.8);
}

body.oe-public-teachers-room-page .oe-social-profile-btn--icon {
	width: 40px;
	min-height: 40px;
	padding: 0;
	color: #334155;
	border-color: rgba(109, 53, 232, 0.16);
}

body.oe-public-teachers-room-page .oe-social-profile-btn--icon .oe-social-icon svg {
	width: 18px;
	height: 18px;
}

body.oe-public-teachers-room-page .oe-social-profile-stats {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: -8px 36px 22px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-social-profile-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 78px;
	padding: 14px 18px;
	text-align: center;
	border-right: 1px solid rgba(15, 23, 42, 0.06);
}

body.oe-public-teachers-room-page .oe-social-profile-stat:last-child {
	border-right: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-stat span {
	display: block;
	color: #64748b;
	font-size: 12px;
	font-weight: 750;
	letter-spacing: 0.01em;
}

body.oe-public-teachers-room-page .oe-social-profile-stat strong {
	display: block;
	margin-top: 0;
	color: #7c3aed;
	font-size: 21px;
	line-height: 1;
	font-weight: 900;
}

body.oe-public-teachers-room-page .oe-social-profile-tabs {
	max-width: none;
	margin: 0 0 18px;
	padding: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-tabs__inner {
	display: flex;
	align-items: center;
	gap: 5px;
	min-height: 54px;
	padding: 5px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);
	overflow-x: auto;
	scrollbar-width: none;
}

body.oe-public-teachers-room-page .oe-social-profile-tabs__inner::-webkit-scrollbar {
	display: none;
}

body.oe-public-teachers-room-page .oe-social-profile-tab {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	min-height: 40px;
	padding: 0 16px;
	border-radius: 13px;
	color: #475569;
	text-decoration: none;
	font-size: 13.5px;
	font-weight: 700;
	white-space: nowrap;
	height: auto;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.oe-public-teachers-room-page .oe-social-profile-tab.is-active {
	background: rgba(109, 53, 232, 0.12);
	color: #6d35e8;
	box-shadow: none;
}

body.oe-public-teachers-room-page .oe-social-profile-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 24px;
	align-items: start;
}

body.oe-public-teachers-room-page .oe-social-profile-feed {
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-posts {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

body.oe-public-teachers-room-page .oe-social-profile-composer-mini {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	padding: 18px;
	margin-bottom: 18px;
	border-radius: 24px;
	background: #fff;
	border: 1px solid rgba(226, 232, 240, 0.9);
	box-shadow: 0 16px 44px rgba(15, 23, 42, 0.055);
}

body.oe-public-teachers-room-page .oe-social-profile-mini-avatar {
	width: 48px;
	height: 48px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	color: #fff;
	font-weight: 900;
	background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

body.oe-public-teachers-room-page .oe-social-profile-mini-content strong {
	display: block;
	margin-bottom: 9px;
	color: #0f172a;
	font-size: 15px;
	font-weight: 900;
}

body.oe-public-teachers-room-page .oe-social-profile-mini-input {
	width: 100%;
	min-height: 48px;
	border-radius: 999px;
	border: 1px solid rgba(226, 232, 240, 0.95);
	background: #f8fafc;
	color: #94a3b8;
	text-align: left;
	padding: 0 18px;
	font-size: 14px;
	cursor: default;
}

body.oe-public-teachers-room-page .oe-social-profile-feed .oe-social-post-card {
	border-radius: 24px;
	box-shadow: 0 16px 44px rgba(15, 23, 42, 0.055);
	margin: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-sidebar {
	display: grid;
	gap: 16px;
	position: sticky;
	top: 92px;
}

body.oe-public-teachers-room-page .oe-social-profile-side-card {
	padding: 20px 22px;
	border-radius: 24px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.06);
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
}

body.oe-public-teachers-room-page .oe-social-profile-side-card__title,
body.oe-public-teachers-room-page .oe-social-profile-side-card h3 {
	margin: 0 0 13px;
	color: #111827;
	font-size: 15px;
	line-height: 1.25;
	font-weight: 800;
	letter-spacing: -0.015em;
}

body.oe-public-teachers-room-page .oe-social-profile-side-empty {
	margin: 0;
	color: #64748b;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 500;
}

body.oe-public-teachers-room-page .oe-social-profile-empty {
	text-align: center;
}

body.oe-public-teachers-room-page .oe-social-profile-empty p {
	margin: 0;
	color: #64748b;
	font-weight: 650;
}

body.oe-public-teachers-room-page .oe-social-profile-tags,
body.oe-public-teachers-room-page .oe-social-profile-tags--sidebar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-social-profile-tags span,
body.oe-public-teachers-room-page .oe-social-profile-tag {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 12px;
	border-radius: 999px;
	background: rgba(124, 58, 237, 0.07);
	color: #6d28d9;
	font-size: 12px;
	font-weight: 650;
	border: 1px solid rgba(124, 58, 237, 0.1);
	line-height: 1.2;
}

body.oe-public-teachers-room-page .oe-social-profile-tags span:nth-child(2),
body.oe-public-teachers-room-page .oe-social-profile-tag:nth-child(2) {
	background: rgba(16, 185, 129, 0.08);
	color: #0f766e;
	border-color: rgba(16, 185, 129, 0.12);
}

body.oe-public-teachers-room-page .oe-social-profile-tags span:nth-child(3),
body.oe-public-teachers-room-page .oe-social-profile-tag:nth-child(3) {
	background: rgba(14, 165, 233, 0.08);
	color: #0369a1;
	border-color: rgba(14, 165, 233, 0.12);
}

body.oe-public-teachers-room-page .oe-social-profile-tags span:nth-child(4),
body.oe-public-teachers-room-page .oe-social-profile-tag:nth-child(4) {
	background: rgba(245, 158, 11, 0.1);
	color: #b45309;
	border-color: rgba(245, 158, 11, 0.14);
}

body.oe-public-teachers-room-page .oe-social-profile-side-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 12px;
}

body.oe-public-teachers-room-page .oe-social-profile-side-head h3,
body.oe-public-teachers-room-page .oe-social-profile-side-head .oe-social-profile-side-card__title {
	margin: 0;
	font-size: 15px;
	letter-spacing: -0.015em;
}

body.oe-public-teachers-room-page .oe-social-profile-side-head a,
body.oe-public-teachers-room-page .oe-social-profile-side-head__link {
	color: #7c3aed;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-profile-side-head__link:hover {
	color: #6d28d9;
}

body.oe-public-teachers-room-page .oe-social-profile-featured-files {
	display: grid;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-social-profile-file-row {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 34px;
	gap: 10px;
	align-items: center;
	min-height: 62px;
	padding: 10px 12px;
	border: 1px solid rgba(15, 23, 42, 0.06);
	border-radius: 16px;
	background: #fafbfd;
}

body.oe-public-teachers-room-page .oe-social-profile-file-row + .oe-social-profile-file-row {
	margin-top: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-file-row:first-of-type {
	border-top: 1px solid rgba(15, 23, 42, 0.06);
}

body.oe-public-teachers-room-page .oe-social-profile-file-body {
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-file-name,
body.oe-public-teachers-room-page .oe-social-profile-file-row strong {
	display: block;
	color: #111827;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.oe-public-teachers-room-page .oe-social-profile-file-meta,
body.oe-public-teachers-room-page .oe-social-profile-file-row small {
	display: block;
	margin-top: 3px;
	color: #64748b;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.3;
}

body.oe-public-teachers-room-page .oe-social-profile-file-download,
body.oe-public-teachers-room-page .oe-social-profile-file-row button.oe-social-profile-file-download {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 12px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: #fff;
	color: #7c3aed;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	flex-shrink: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-file-download:hover {
	background: rgba(124, 58, 237, 0.06);
	border-color: rgba(124, 58, 237, 0.18);
	color: #6d28d9;
}

body.oe-public-teachers-room-page .oe-social-profile-file-row button:not(.oe-social-profile-file-download) {
	width: 34px;
	height: 34px;
	border-radius: 11px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: #fff;
	color: #7c3aed;
	font-size: 15px;
	font-weight: 800;
	cursor: default;
}

body.oe-public-teachers-room-page .oe-social-profile-file-badge {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.02em;
	flex-shrink: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-file-badge--pdf {
	background: linear-gradient(145deg, #ef4444, #dc2626);
}

body.oe-public-teachers-room-page .oe-social-profile-file-badge--doc {
	background: linear-gradient(145deg, #2563eb, #1d4ed8);
}

body.oe-public-teachers-room-page .oe-social-profile-file-badge--ppt {
	background: #ea580c;
}

body.oe-public-teachers-room-page .oe-profile-info-list {
	display: grid;
	gap: 0;
}

body.oe-public-teachers-room-page .oe-profile-info-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 9px 0;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

body.oe-public-teachers-room-page .oe-profile-info-row--last,
body.oe-public-teachers-room-page .oe-profile-info-row:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

body.oe-public-teachers-room-page .oe-profile-info-row__label {
	flex: 0 0 auto;
	color: #94a3b8;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
}

body.oe-public-teachers-room-page .oe-profile-info-row__value {
	flex: 1 1 auto;
	min-width: 0;
	color: #111827;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 650;
	text-align: right;
}

body.oe-public-teachers-room-page .oe-social-profile-about-list {
	margin: 0;
	display: grid;
	gap: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-about-list div {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
	padding: 10px 0;
	border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}

body.oe-public-teachers-room-page .oe-social-profile-about-list div:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-about-list dt {
	color: #64748b;
	font-size: 12px;
	font-weight: 800;
}

body.oe-public-teachers-room-page .oe-social-profile-about-list dd {
	margin: 0;
	color: #111827;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-profile-files-list {
	display: grid;
	gap: 14px;
}

body.oe-public-teachers-room-page .oe-social-profile-file-item {
	padding: 14px 16px;
	border: 1px solid rgba(148, 163, 184, 0.35);
	border-radius: 14px;
	background: #fff;
}

body.oe-public-teachers-room-page .oe-social-profile-file-item .oe-social-profile-file-row {
	border: 0;
	padding: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-file-post {
	display: block;
	margin-top: 4px;
	color: #64748b;
}

body.oe-public-teachers-room-page .oe-social-profile-file-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

body.oe-public-teachers-room-page .oe-social-profile-file-actions .oe-social-profile-btn {
	min-height: 36px;
	padding: 0 14px;
	font-size: 13px;
}

body.oe-public-teachers-room-page .oe-social-profile-file-download {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	border: 1px solid rgba(148, 163, 184, 0.45);
	color: #334155;
	text-decoration: none;
	font-weight: 800;
}

body.oe-public-teachers-room-page .oe-social-profile-pagination {
	margin-top: 18px;
}

body.oe-public-teachers-room-page .oe-social-profile-btn.is-loading,
body.oe-public-teachers-room-page .oe-social-profile-btn--follow.is-loading {
	opacity: 0.65;
	pointer-events: none;
}

body.oe-public-teachers-room-page .oe-social-profile-btn--following,
body.oe-public-teachers-room-page .oe-social-profile-btn--follow.is-following {
	background: rgba(124, 58, 237, 0.12);
	border: 1px solid rgba(124, 58, 237, 0.35);
	color: #6d28d9;
}

body.oe-public-teachers-room-page .oe-social-profile-btn--follow {
	min-height: 36px;
	padding: 0 14px;
	font-size: 13px;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-profile-follow-list {
	display: grid;
	gap: 12px;
}

body.oe-public-teachers-room-page .oe-social-profile-follow-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid rgba(148, 163, 184, 0.35);
	border-radius: 14px;
	background: #fff;
}

body.oe-public-teachers-room-page .oe-social-profile-follow-row__link {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1;
	min-width: 0;
	text-decoration: none;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-social-profile-follow-row__avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #7c3aed, #a855f7);
	color: #fff;
	font-weight: 800;
	flex-shrink: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-follow-row__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.oe-public-teachers-room-page .oe-social-profile-follow-row__copy {
	display: grid;
	gap: 2px;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-profile-follow-row__copy strong {
	font-size: 14px;
	color: #1f2937;
}

body.oe-public-teachers-room-page .oe-social-profile-follow-row__copy span,
body.oe-public-teachers-room-page .oe-social-profile-follow-row__copy small {
	font-size: 12px;
	color: #64748b;
}

body.oe-public-teachers-room-page .oe-social-profile-file-badge--img {
	background: #0891b2;
}

@media (max-width: 1180px) {
	body.oe-public-teachers-room-page .oe-social-profile-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body.oe-public-teachers-room-page .oe-social-profile-sidebar {
		position: static;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1100px) {
	body.oe-public-teachers-room-page .oe-social-profile-identity {
		grid-template-columns: 112px minmax(0, 1fr);
	}

	body.oe-public-teachers-room-page .oe-social-profile-actions {
		grid-column: 1 / -1;
		justify-content: flex-start;
		padding-left: 132px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-avatar-wrap {
		width: 112px;
		height: 112px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.oe-public-teachers-room-page .oe-social-profile-stat:nth-child(2) {
		border-right: 0;
	}

	body.oe-public-teachers-room-page .oe-social-profile-stat:nth-child(-n+2) {
		border-bottom: 1px solid rgba(15, 23, 42, 0.06);
	}
}

@media (max-width: 900px) {
	body.oe-public-teachers-room-page .oe-social-profile-identity {
		grid-template-columns: 1fr;
		gap: 14px;
		justify-items: center;
		text-align: center;
		min-height: 0;
	}

	body.oe-public-teachers-room-page .oe-social-profile-actions {
		grid-column: auto;
		justify-content: center;
		padding-left: 0;
		width: 100%;
	}

	body.oe-public-teachers-room-page .oe-social-profile-chips,
	body.oe-public-teachers-room-page .oe-social-profile-meta {
		justify-content: center;
	}

	body.oe-public-teachers-room-page .oe-social-profile-sidebar {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	body.oe-public-teachers-room-page .oe-social-profile-page {
		padding: 16px 12px 42px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-cover {
		min-height: 246px;
		padding: 24px 18px 20px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-cover--default::before {
		background-position: center, 88% center;
	}

	body.oe-public-teachers-room-page .oe-social-profile-avatar-wrap {
		width: 104px;
		height: 104px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-avatar {
		font-size: 34px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-name {
		font-size: 28px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-branch {
		font-size: 15px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: -6px 16px 18px;
		border-radius: 18px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-stat {
		min-height: 72px;
		padding: 12px 14px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-stat:nth-child(2) {
		border-right: 0;
	}

	body.oe-public-teachers-room-page .oe-social-profile-stat strong {
		font-size: 19px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-identity {
		padding: 0;
		margin-top: 0;
		min-height: 0;
	}

	body.oe-public-teachers-room-page .oe-social-profile-btn {
		width: auto;
		min-height: 38px;
		padding: 0 14px;
		font-size: 12.5px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-btn--icon {
		width: 38px;
		min-height: 38px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-actions {
		width: 100%;
		gap: 8px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-tabs__inner {
		border-radius: 16px;
		min-height: 50px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-tab {
		min-height: 38px;
		padding: 0 13px;
		font-size: 13px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-about-list div {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}

@media (max-width: 430px) {
	body.oe-public-teachers-room-page .oe-social-profile-stats {
		grid-template-columns: 1fr 1fr;
	}

	body.oe-public-teachers-room-page .oe-social-profile-stat {
		flex-direction: column;
		align-items: flex-start;
	}

	body.oe-public-teachers-room-page .oe-social-profile-name {
		font-size: 27px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-actions {
		gap: 8px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-btn--primary,
	body.oe-public-teachers-room-page .oe-social-profile-btn:not(.oe-social-profile-btn--icon) {
		flex: 1 1 auto;
	}
}

/* —— Mesajlaşma (Faz 3B) —— */
body.oe-public-teachers-room-page .oe-social-messages-shell {
	max-width: 1220px;
	margin: 0 auto;
	padding: 24px 20px 48px;
}

body.oe-public-teachers-room-page .oe-social-messages-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

body.oe-public-teachers-room-page .oe-social-messages-back-room {
	font-size: 14px;
	font-weight: 600;
	color: #6b4bb3;
	text-decoration: none;
}

body.oe-public-teachers-room-page .oe-social-messages-back-room:hover {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-social-messages-layout {
	display: grid;
	grid-template-columns: 340px minmax(0, 1fr);
	gap: 18px;
	height: min(78vh, 720px);
	min-height: 520px;
	align-items: stretch;
}

body.oe-public-teachers-room-page .oe-social-messages-list,
body.oe-public-teachers-room-page .oe-social-messages-thread {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	background: #fff;
	border: 1px solid rgba(107, 75, 179, 0.12);
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(45, 34, 84, 0.06);
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-social-messages-list__head {
	flex: 0 0 auto;
	padding: 22px 20px 16px;
	border-bottom: 1px solid rgba(107, 75, 179, 0.08);
}

body.oe-public-teachers-room-page .oe-social-messages-list__head h1 {
	margin: 0 0 6px;
	font-size: 22px;
	line-height: 1.2;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-messages-list__head p {
	margin: 0;
	font-size: 13px;
	color: #6b647d;
}

body.oe-public-teachers-room-page .oe-social-messages-list__empty,
body.oe-public-teachers-room-page .oe-social-messages-thread__empty {
	padding: 48px 28px;
	text-align: center;
	color: #6b647d;
}

body.oe-public-teachers-room-page .oe-social-messages-list__empty p,
body.oe-public-teachers-room-page .oe-social-messages-thread__empty p {
	margin: 0 0 10px;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__empty h2 {
	margin: 0 0 10px;
	font-size: 20px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-messages-conversations {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
}

body.oe-public-teachers-room-page .oe-social-messages-conversation {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 14px 16px;
	text-decoration: none;
	color: inherit;
	border-bottom: 1px solid rgba(107, 75, 179, 0.06);
	position: relative;
}

body.oe-public-teachers-room-page .oe-social-messages-conversation:hover,
body.oe-public-teachers-room-page .oe-social-messages-conversation.is-active {
	background: rgba(107, 75, 179, 0.06);
}

body.oe-public-teachers-room-page .oe-social-messages-conversation__avatar img,
body.oe-public-teachers-room-page .oe-social-messages-conversation__avatar span {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	display: grid;
	place-items: center;
	background: #f3effa;
	color: #6b4bb3;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-messages-conversation__top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-social-messages-conversation__top strong {
	font-size: 14px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-messages-conversation__top time {
	font-size: 11px;
	color: #8a8399;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-messages-conversation__meta,
body.oe-public-teachers-room-page .oe-social-messages-conversation__snippet {
	display: block;
	font-size: 12px;
	color: #6b647d;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-messages-conversation__badge {
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: #6b4bb3;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__panel,
body.oe-public-teachers-room-page .oe-social-message-thread {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	height: 100%;
	min-height: 0;
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__head,
body.oe-public-teachers-room-page .oe-social-message-thread__header {
	flex: 0 0 auto;
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 12px;
	align-items: center;
	padding: 16px 18px;
	border-bottom: 1px solid rgba(107, 75, 179, 0.08);
	background: #fff;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__back {
	display: none;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: rgba(107, 75, 179, 0.08);
	color: #6b4bb3;
	text-decoration: none;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__peer {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__peer img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__peer strong,
body.oe-public-teachers-room-page .oe-social-messages-thread__peer-name {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 15px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__peer span {
	display: block;
	font-size: 12px;
	color: #6b647d;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__profile {
	font-size: 13px;
	font-weight: 600;
	color: #6b4bb3;
	text-decoration: none;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-messages-thread__messages,
body.oe-public-teachers-room-page .oe-social-message-list {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 18px 22px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	background: linear-gradient(180deg, #faf8ff 0%, #fff 100%);
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}

body.oe-public-teachers-room-page .oe-social-message-list::-webkit-scrollbar,
body.oe-public-teachers-room-page .oe-social-messages-thread__messages::-webkit-scrollbar {
	width: 8px;
}

body.oe-public-teachers-room-page .oe-social-message-list::-webkit-scrollbar-thumb,
body.oe-public-teachers-room-page .oe-social-messages-thread__messages::-webkit-scrollbar-thumb {
	background: #d8ccff;
	border-radius: 999px;
}

body.oe-public-teachers-room-page .oe-social-message-list::-webkit-scrollbar-track,
body.oe-public-teachers-room-page .oe-social-messages-thread__messages::-webkit-scrollbar-track {
	background: transparent;
}

body.oe-public-teachers-room-page .oe-social-message-row {
	display: flex;
	width: 100%;
	margin: 8px 0;
}

body.oe-public-teachers-room-page .oe-social-message-row--mine {
	justify-content: flex-end;
}

body.oe-public-teachers-room-page .oe-social-message-row--theirs {
	justify-content: flex-start;
}

body.oe-public-teachers-room-page .oe-social-message-bubble {
	max-width: min(72%, 560px);
	border-radius: 18px;
	padding: 10px 13px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}

body.oe-public-teachers-room-page .oe-social-message-row--mine .oe-social-message-bubble {
	background: #ede9fe;
	border-color: #d8ccff;
	color: #1f1745;
	border-bottom-right-radius: 8px;
}

body.oe-public-teachers-room-page .oe-social-message-row--theirs .oe-social-message-bubble {
	background: #ffffff;
	border-color: #e5e7eb;
	color: #111827;
	border-bottom-left-radius: 8px;
}

body.oe-public-teachers-room-page .oe-social-message-row--official .oe-social-message-bubble {
	background: #f5f3ff;
	border-color: #ded3ff;
}

body.oe-public-teachers-room-page .oe-social-message-sender {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 700;
	color: #6b7280;
}

body.oe-public-teachers-room-page .oe-social-message-row--mine .oe-social-message-sender {
	color: #6d28d9;
}

body.oe-public-teachers-room-page .oe-social-message-sender .oe-social-official-mark {
	margin-left: 2px;
}

body.oe-public-teachers-room-page .oe-social-message-text {
	font-size: 15px;
	line-height: 1.45;
	color: inherit;
	white-space: pre-wrap;
	word-break: break-word;
}

body.oe-public-teachers-room-page .oe-social-message-text p {
	margin: 0 0 6px;
}

body.oe-public-teachers-room-page .oe-social-message-text p:last-child {
	margin-bottom: 0;
}

body.oe-public-teachers-room-page .oe-social-message-time {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #7c8190;
	text-align: right;
}

body.oe-public-teachers-room-page .oe-social-message-form {
	flex: 0 0 auto;
	padding: 16px 22px 18px;
	border-top: 1px solid #e5e7eb;
	display: grid;
	gap: 10px;
	background: #fff;
}

body.oe-public-teachers-room-page .oe-social-message-textarea {
	width: 100%;
	min-height: 88px;
	resize: vertical;
	border: 1px solid rgba(107, 75, 179, 0.16);
	border-radius: 14px;
	padding: 12px 14px;
	font: inherit;
	color: #2d2254;
	background: #fff;
}

body.oe-public-teachers-room-page .oe-social-message-textarea:focus {
	outline: none;
	border-color: #6b4bb3;
	box-shadow: 0 0 0 3px rgba(107, 75, 179, 0.12);
}

body.oe-public-teachers-room-page .oe-social-message-form__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

body.oe-public-teachers-room-page .oe-social-message-form__error {
	margin: 0;
	font-size: 12px;
	color: #b42318;
}

body.oe-public-teachers-room-page .oe-social-message-send {
	border: 0;
	border-radius: 12px;
	padding: 10px 18px;
	background: #6b4bb3;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-social-message-send:hover {
	background: #5a3f99;
}

body.oe-public-teachers-room-page .oe-social-message-send:disabled,
body.oe-public-teachers-room-page .oe-social-message-form.is-loading .oe-social-message-send {
	opacity: 0.7;
	cursor: wait;
}

body.oe-public-teachers-room-page .oe-tr-tool--message {
	position: relative;
	text-decoration: none;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-tr-tool--notify {
	position: relative;
	text-decoration: none;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-tr-top-action__icon-wrap .oe-tr-tool__badge,
body.oe-public-teachers-room-page .oe-tr-top-action__badge {
	position: absolute;
	top: -7px;
	right: -9px;
	min-width: 17px;
	height: 17px;
	padding: 0 5px;
	border-radius: 999px;
	background: #6d4aff;
	color: #fff;
	font-size: 10px;
	line-height: 17px;
	font-weight: 800;
	text-align: center;
	box-shadow: 0 2px 6px rgba(109, 74, 255, 0.25);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

body.oe-public-teachers-room-page [data-oe-social-notification-badge][hidden],
body.oe-public-teachers-room-page [data-oe-social-message-badge][hidden] {
	display: none !important;
}

@media (max-width: 900px) {
	body.oe-public-teachers-room-page .oe-tr-hero {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"left actions"
			"search search";
		gap: 10px 12px;
		align-items: center;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__left,
	body.oe-public-teachers-room-page .oe-tr-hero__intro {
		grid-area: left;
		min-width: 0;
		flex: 1 1 auto;
		width: 100%;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__copy {
		min-width: 0;
		width: auto;
		max-width: none;
		flex: 1 1 auto;
	}

	body.oe-public-teachers-room-page #oe-tr-hero-title,
	body.oe-public-teachers-room-page .oe-tr-hero__title,
	body.oe-public-teachers-room-page .oe-tr-hero__copy h1 {
		max-width: 100%;
		white-space: normal;
		overflow-wrap: normal;
		word-break: normal;
		line-height: 1.05;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__art {
		height: 72px;
		max-width: 88px;
		width: auto;
		flex: 0 0 auto;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__tools {
		display: contents;
		min-width: 0;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__search {
		grid-area: search;
		max-width: none;
		min-width: 0;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__actions,
	body.oe-public-teachers-room-page .oe-tr-hero__guest-actions {
		grid-area: actions;
		justify-content: flex-end;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-tool.oe-tr-top-action {
		width: 42px;
		height: 42px;
		min-width: 42px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero .oe-tr-profile__text strong {
		display: none;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero {
		width: 42px;
		height: 42px;
		padding: 3px;
		border-radius: 14px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero .oe-tr-profile__text,
	body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero > .oe-social-icon {
		display: none;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero img,
	body.oe-public-teachers-room-page .oe-tr-hero__actions .oe-tr-profile--hero .oe-tr-profile__placeholder {
		width: 34px;
		height: 34px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__guest-actions {
		flex-wrap: wrap;
		gap: 8px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__auth {
		min-height: 42px;
		padding: 0 12px;
		font-size: 12px;
	}

	body.oe-public-teachers-room-page .oe-social-messages-layout {
		grid-template-columns: 1fr;
		height: calc(100vh - 140px);
		min-height: 480px;
	}

	body.oe-public-teachers-room-page .oe-social-messages-shell.is-thread-open .oe-social-messages-list {
		display: none;
	}

	body.oe-public-teachers-room-page .oe-social-messages-shell:not(.is-thread-open) .oe-social-messages-thread {
		display: none;
	}

	body.oe-public-teachers-room-page .oe-social-messages-thread__back {
		display: inline-flex;
	}

	body.oe-public-teachers-room-page .oe-social-messages-thread__profile {
		display: none;
	}

	body.oe-public-teachers-room-page .oe-social-message-list,
	body.oe-public-teachers-room-page .oe-social-messages-thread__messages {
		padding: 14px;
	}

	body.oe-public-teachers-room-page .oe-social-message-form {
		padding: 12px 14px 14px;
	}

	body.oe-public-teachers-room-page .oe-social-message-bubble {
		max-width: 88%;
	}

	body.oe-public-teachers-room-page .oe-social-message-text {
		font-size: 14px;
	}
}

@media (max-width: 520px) {
	body.oe-public-teachers-room-page .oe-tr-hero {
		grid-template-columns: 1fr;
		grid-template-areas:
			"left"
			"actions"
			"search";
		gap: 10px;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__left,
	body.oe-public-teachers-room-page .oe-tr-hero__intro {
		grid-area: left;
		width: 100%;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__actions,
	body.oe-public-teachers-room-page .oe-tr-hero__guest-actions {
		grid-area: actions;
		justify-content: flex-end;
		width: 100%;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__search {
		grid-area: search;
		width: 100%;
	}

	body.oe-public-teachers-room-page .oe-tr-hero__art {
		height: 80px;
		max-width: 100px;
	}
}

/* —— Gönderi paylaşım modalı —— */
body.oe-public-teachers-room-page .oe-social-share-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 16px;
}

body.oe-public-teachers-room-page .oe-social-share-modal[hidden] {
	display: none !important;
}

body.oe-public-teachers-room-page .oe-social-share-modal.is-open {
	display: flex;
}

body.oe-public-teachers-room-page .oe-social-share-overlay {
	position: absolute;
	inset: 0;
	background: rgba(22, 16, 40, 0.45);
}

body.oe-public-teachers-room-page .oe-social-share-dialog {
	position: relative;
	width: min(100%, 440px);
	max-height: min(88vh, 640px);
	overflow: auto;
	background: #fff;
	border-radius: 24px 24px 18px 18px;
	box-shadow: 0 24px 60px rgba(45, 34, 84, 0.18);
	padding: 22px 20px 18px;
}

body.oe-public-teachers-room-page .oe-social-share-dialog__close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 10px;
	background: rgba(107, 75, 179, 0.08);
	color: #6b4bb3;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-social-share-dialog__title {
	margin: 0 36px 8px 0;
	font-size: 22px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-share-dialog__lead,
body.oe-public-teachers-room-page .oe-social-share-dialog__note {
	margin: 0 0 14px;
	font-size: 13px;
	color: #6b647d;
}

body.oe-public-teachers-room-page .oe-social-share-dialog__note {
	padding: 10px 12px;
	border-radius: 12px;
	background: rgba(107, 75, 179, 0.06);
}

body.oe-public-teachers-room-page .oe-social-share-options {
	display: grid;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-social-share-option {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	width: 100%;
	padding: 12px 14px;
	border: 1px solid rgba(107, 75, 179, 0.1);
	border-radius: 14px;
	background: #fff;
	text-align: left;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}

body.oe-public-teachers-room-page .oe-social-share-option:hover:not(.oe-social-share-option--disabled) {
	background: rgba(107, 75, 179, 0.05);
	border-color: rgba(107, 75, 179, 0.18);
}

body.oe-public-teachers-room-page .oe-social-share-option--disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

body.oe-public-teachers-room-page .oe-social-share-option[hidden],
body.oe-public-teachers-room-page .oe-social-share-recipient[hidden],
body.oe-public-teachers-room-page [data-oe-social-share-main][hidden] {
	display: none !important;
}

body.oe-public-teachers-room-page .oe-social-share-recipient {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 320px;
	max-height: min(70vh, 520px);
}

body.oe-public-teachers-room-page .oe-social-share-recipient__header {
	display: flex;
	align-items: center;
	gap: 10px;
}

body.oe-public-teachers-room-page .oe-social-share-back {
	border: 0;
	background: rgba(107, 75, 179, 0.08);
	color: #6b4bb3;
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-social-share-recipient__title {
	margin: 0;
	font-size: 16px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-share-recipient-search {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid rgba(107, 75, 179, 0.14);
	border-radius: 12px;
	font-size: 14px;
}

body.oe-public-teachers-room-page .oe-social-share-recipient-list {
	flex: 1 1 auto;
	overflow: auto;
	display: grid;
	gap: 8px;
	min-height: 120px;
	padding-right: 2px;
}

body.oe-public-teachers-room-page .oe-social-share-recipient-item {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	width: 100%;
	padding: 10px 12px;
	border: 1px solid rgba(107, 75, 179, 0.1);
	border-radius: 14px;
	background: #fff;
	text-align: left;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}

body.oe-public-teachers-room-page .oe-social-share-recipient-item:hover {
	background: rgba(107, 75, 179, 0.04);
}

body.oe-public-teachers-room-page .oe-social-share-recipient-item.is-selected {
	border-color: rgba(107, 75, 179, 0.45);
	background: rgba(107, 75, 179, 0.08);
}

body.oe-public-teachers-room-page .oe-social-share-recipient-item__avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	display: grid;
	place-items: center;
	background: rgba(107, 75, 179, 0.1);
	color: #6b4bb3;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-share-recipient-item__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.oe-public-teachers-room-page .oe-social-share-recipient-item__name {
	display: block;
	font-size: 14px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-share-recipient-item__username,
body.oe-public-teachers-room-page .oe-social-share-recipient-item__branch {
	display: block;
	font-size: 12px;
	color: #8a8399;
}

body.oe-public-teachers-room-page .oe-social-share-recipient-note {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid rgba(107, 75, 179, 0.14);
	border-radius: 12px;
	font-size: 14px;
	resize: vertical;
	min-height: 72px;
}

body.oe-public-teachers-room-page .oe-social-share-recipient-note__label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: #6b647d;
}

body.oe-public-teachers-room-page .oe-social-share-recipient__footer {
	position: sticky;
	bottom: 0;
	padding-top: 4px;
	background: linear-gradient(to top, #fff 75%, rgba(255, 255, 255, 0));
}

body.oe-public-teachers-room-page .oe-social-share-send-btn {
	width: 100%;
	padding: 12px 16px;
	border: 0;
	border-radius: 14px;
	background: #6b4bb3;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-social-share-send-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

body.oe-public-teachers-room-page .oe-social-share-recipient__empty,
body.oe-public-teachers-room-page .oe-social-share-recipient__loading {
	margin: 0;
	font-size: 13px;
	color: #8a8399;
	text-align: center;
}

body.oe-public-teachers-room-page .oe-social-toast__action {
	margin-left: 10px;
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-share-option__icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: rgba(107, 75, 179, 0.08);
	color: #6b4bb3;
	font-size: 13px;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-share-option__icon .oe-social-icon svg {
	width: 20px;
	height: 20px;
}

body.oe-public-teachers-room-page .oe-social-share-option__copy strong {
	display: block;
	font-size: 14px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-share-option__copy small {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #8a8399;
}

body.oe-public-teachers-room-page .oe-social-messages-share-hint {
	flex: 0 0 auto;
	margin: 0 16px 12px;
	padding: 12px 14px;
	border-radius: 12px;
	background: rgba(107, 75, 179, 0.06);
	color: #6b647d;
	font-size: 13px;
}

body.oe-public-teachers-room-page .oe-social-messages-share-hint p {
	margin: 0;
}

@media (min-width: 640px) {
	body.oe-public-teachers-room-page .oe-social-share-modal {
		align-items: center;
		padding: 24px;
	}

	body.oe-public-teachers-room-page .oe-social-share-dialog {
		border-radius: 22px;
	}
}

/* —— Sosyal bildirimler sayfası (Faz 3D) —— */
body.oe-public-teachers-room-page .oe-social-notifications-page {
	max-width: 760px;
	margin: 0 auto;
	padding: 24px 20px 48px;
}

body.oe-public-teachers-room-page .oe-social-notifications-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

body.oe-public-teachers-room-page .oe-social-notifications-back-room {
	font-size: 14px;
	font-weight: 600;
	color: #6b4bb3;
	text-decoration: none;
}

body.oe-public-teachers-room-page .oe-social-notifications-back-room:hover {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-social-notifications-shell {
	background: #fff;
	border: 1px solid rgba(107, 75, 179, 0.12);
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(45, 34, 84, 0.06);
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-social-notifications-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 22px 20px 16px;
	border-bottom: 1px solid rgba(107, 75, 179, 0.08);
}

body.oe-public-teachers-room-page .oe-social-notifications-head h1 {
	margin: 0 0 6px;
	font-size: 22px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-notifications-head p {
	margin: 0;
	font-size: 13px;
	color: #6b647d;
}

body.oe-public-teachers-room-page .oe-social-notification-mark-read {
	margin: 0;
}

body.oe-public-teachers-room-page .oe-social-notification-mark-read__btn {
	border: 0;
	border-radius: 12px;
	padding: 8px 12px;
	background: rgba(107, 75, 179, 0.1);
	color: #6b4bb3;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-notifications-empty {
	padding: 48px 24px;
	text-align: center;
	color: #6b647d;
}

body.oe-public-teachers-room-page .oe-social-notifications-empty p {
	margin: 0;
}

body.oe-public-teachers-room-page .oe-social-notification-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.oe-public-teachers-room-page .oe-social-notification-item {
	border-bottom: 1px solid rgba(107, 75, 179, 0.06);
}

body.oe-public-teachers-room-page .oe-social-notification-item__link {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 14px 18px;
	text-decoration: none;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-social-notification-item.is-unread {
	background: rgba(107, 75, 179, 0.04);
}

body.oe-public-teachers-room-page .oe-social-notification-item.is-unread .oe-social-notification-content strong {
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-notification-avatar img,
body.oe-public-teachers-room-page .oe-social-notification-avatar span {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	display: grid;
	place-items: center;
	background: #f3effa;
	color: #6b4bb3;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-notification-content strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #4a4560;
	line-height: 1.45;
}

body.oe-public-teachers-room-page .oe-social-notification-time {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #8a8399;
}

body.oe-public-teachers-room-page .oe-social-notification-badge {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #6b4bb3;
}

body.oe-public-teachers-room-page .oe-social-widget--notifications h3 a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-social-widget--notifications .oe-social-notification-item a {
	display: block;
	text-decoration: none;
	color: inherit;
}

/* —— Arama sayfası (Faz 4A) —— */
body.oe-public-teachers-room-page .oe-social-search-page {
	max-width: 920px;
	margin: 0 auto;
	padding: 24px 20px 48px;
}

body.oe-public-teachers-room-page .oe-social-search-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

body.oe-public-teachers-room-page .oe-social-search-back-room {
	font-size: 14px;
	font-weight: 600;
	color: #6b4bb3;
	text-decoration: none;
}

body.oe-public-teachers-room-page .oe-social-search-back-room:hover {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-social-search-hero {
	background: #fff;
	border: 1px solid rgba(107, 75, 179, 0.12);
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(45, 34, 84, 0.06);
	padding: 28px 24px;
	margin-bottom: 20px;
}

body.oe-public-teachers-room-page .oe-social-search-hero h1 {
	margin: 0 0 8px;
	font-size: clamp(24px, 4vw, 32px);
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-search-hero p {
	margin: 0 0 20px;
	color: #6b647d;
}

body.oe-public-teachers-room-page .oe-social-search-form {
	display: flex;
	align-items: stretch;
	gap: 10px;
}

body.oe-public-teachers-room-page .oe-social-search-form input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 52px;
	border: 1px solid rgba(107, 75, 179, 0.18);
	border-radius: 999px;
	padding: 0 18px;
	font-size: 15px;
	background: #fffdf8;
}

body.oe-public-teachers-room-page .oe-social-search-form button {
	flex: 0 0 auto;
	height: 52px;
	border: 0;
	border-radius: 999px;
	padding: 0 22px;
	background: #6b4bb3;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-social-search-form button:hover {
	background: #5a3f98;
}

body.oe-public-teachers-room-page .oe-social-search-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}

body.oe-public-teachers-room-page .oe-social-search-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 999px;
	border: 1px solid rgba(107, 75, 179, 0.14);
	background: #fff;
	color: #5b5470;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}

body.oe-public-teachers-room-page .oe-social-search-tab.is-active {
	background: #6b4bb3;
	border-color: #6b4bb3;
	color: #fff;
}

body.oe-public-teachers-room-page .oe-social-search-results {
	display: grid;
	gap: 18px;
}

body.oe-public-teachers-room-page .oe-social-search-section {
	background: #fff;
	border: 1px solid rgba(107, 75, 179, 0.12);
	border-radius: 18px;
	padding: 20px;
	box-shadow: 0 10px 30px rgba(45, 34, 84, 0.04);
}

body.oe-public-teachers-room-page .oe-social-search-section__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

body.oe-public-teachers-room-page .oe-social-search-section__head h2 {
	margin: 0;
	font-size: 18px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-search-section__more {
	font-size: 13px;
	font-weight: 600;
	color: #6b4bb3;
	text-decoration: none;
}

body.oe-public-teachers-room-page .oe-social-search-section__more:hover {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-list,
body.oe-public-teachers-room-page .oe-social-search-post-list,
body.oe-public-teachers-room-page .oe-social-search-file-list {
	display: grid;
	gap: 12px;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 16px;
	border: 1px solid rgba(107, 75, 179, 0.1);
	border-radius: 14px;
	background: #fffdf8;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__link {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	flex: 1;
	text-decoration: none;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #efe9ff;
	color: #6b4bb3;
	font-weight: 700;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__copy {
	display: grid;
	gap: 2px;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__copy strong {
	font-size: 15px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__username,
body.oe-public-teachers-room-page .oe-social-search-teacher-card__branch {
	font-size: 13px;
	color: #7a738a;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__bio {
	margin: 4px 0 0;
	font-size: 13px;
	color: #5b5470;
	line-height: 1.45;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__profile-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: #6b4bb3;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-search-teacher-card__follow-btn {
	padding: 8px 12px;
	font-size: 13px;
}

body.oe-public-teachers-room-page .oe-social-search-file-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 16px;
	border: 1px solid rgba(107, 75, 179, 0.1);
	border-radius: 14px;
	background: #fffdf8;
}

body.oe-public-teachers-room-page .oe-social-search-file-row__main {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	flex: 1;
}

body.oe-public-teachers-room-page .oe-social-search-file-row__copy {
	display: grid;
	gap: 4px;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-search-file-row__copy strong {
	font-size: 15px;
	color: #2d2254;
	word-break: break-word;
}

body.oe-public-teachers-room-page .oe-social-search-file-row__author a {
	color: #6b4bb3;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}

body.oe-public-teachers-room-page .oe-social-search-file-row__post,
body.oe-public-teachers-room-page .oe-social-search-file-row__size {
	display: block;
	font-size: 12px;
	color: #8a8399;
}

body.oe-public-teachers-room-page .oe-social-search-file-row__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-social-search-file-row__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid rgba(107, 75, 179, 0.18);
	background: #fff;
	color: #6b4bb3;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

body.oe-public-teachers-room-page .oe-social-search-file-row__btn--primary {
	background: #6b4bb3;
	border-color: #6b4bb3;
	color: #fff;
}

body.oe-public-teachers-room-page .oe-social-search-empty {
	padding: 28px 18px;
	text-align: center;
	color: #6b647d;
	background: #fff;
	border: 1px dashed rgba(107, 75, 179, 0.18);
	border-radius: 14px;
}

body.oe-public-teachers-room-page .oe-social-search-empty p {
	margin: 0;
}

body.oe-public-teachers-room-page .oe-social-search-pagination {
	margin-top: 18px;
}

@media (max-width: 900px) {
	body.oe-public-teachers-room-page .oe-social-search-teacher-card,
	body.oe-public-teachers-room-page .oe-social-search-file-row {
		flex-direction: column;
		align-items: stretch;
	}

	body.oe-public-teachers-room-page .oe-social-search-teacher-card__actions,
	body.oe-public-teachers-room-page .oe-social-search-file-row__actions {
		width: 100%;
	}
}

@media (max-width: 640px) {
	body.oe-public-teachers-room-page .oe-social-search-form {
		flex-direction: column;
	}

	body.oe-public-teachers-room-page .oe-social-search-form button {
		width: 100%;
	}
}

/* —— Canlı arama önerileri (Faz 4B) —— */
body.oe-public-teachers-room-page .oe-tr-hero-search {
	position: relative;
}

body.oe-public-teachers-room-page .oe-social-search-suggest {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	right: 0;
	z-index: 40;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__panel {
	background: #fff;
	border: 1px solid rgba(226, 232, 240, 0.9);
	border-radius: 22px;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
	max-height: 460px;
	overflow-y: auto;
	padding: 10px;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__group {
	padding: 4px 0 8px;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__group h4 {
	margin: 0 0 6px;
	padding: 0 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8a8399;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 14px;
	text-decoration: none;
	color: inherit;
	min-height: 44px;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__item:hover,
body.oe-public-teachers-room-page .oe-social-search-suggest__item:focus-visible {
	background: rgba(107, 75, 179, 0.08);
	outline: none;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__avatar,
body.oe-public-teachers-room-page .oe-social-search-suggest__icon,
body.oe-public-teachers-room-page .oe-social-search-suggest__file-badge {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #efe9ff;
	color: #6b4bb3;
	font-size: 13px;
	font-weight: 700;
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__file-badge {
	border-radius: 10px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__icon {
	border-radius: 12px;
	font-size: 16px;
	background: #f8fafc;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__copy {
	display: grid;
	gap: 2px;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__copy strong {
	font-size: 14px;
	color: #2d2254;
	line-height: 1.35;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__copy small {
	font-size: 12px;
	color: #7a738a;
	line-height: 1.35;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__excerpt {
	display: block;
	font-size: 12px;
	color: #8a8399;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__all {
	display: block;
	margin-top: 4px;
	padding: 12px 14px;
	border-top: 1px solid rgba(226, 232, 240, 0.9);
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #6b4bb3;
	text-decoration: none;
	border-radius: 0 0 14px 14px;
}

body.oe-public-teachers-room-page .oe-social-search-suggest__all:hover {
	background: rgba(107, 75, 179, 0.06);
}

body.oe-public-teachers-room-page .oe-social-search-suggest__empty,
body.oe-public-teachers-room-page .oe-social-search-suggest__loading {
	padding: 18px 14px;
	text-align: center;
	font-size: 14px;
	color: #7a738a;
}

@media (max-width: 900px) {
	body.oe-public-teachers-room-page .oe-social-search-suggest {
		left: 0;
		right: 0;
	}
}

@media (max-width: 640px) {
	body.oe-public-teachers-room-page .oe-social-search-suggest__panel {
		max-height: 70vh;
	}

	body.oe-public-teachers-room-page .oe-social-search-suggest__item {
		min-height: 44px;
	}
}

/* —— Kullanıcı menüsü + ayarlar —— */
body.oe-public-teachers-room-page .oe-social-user-menu {
	position: relative;
}

body.oe-public-teachers-room-page .oe-social-user-menu__trigger {
	border: 0;
	background: transparent;
	cursor: pointer;
	text-align: left;
}

body.oe-public-teachers-room-page .oe-social-user-menu__dropdown {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 260px;
	max-width: min(92vw, 320px);
	background: #fff;
	border: 1px solid rgba(107, 75, 179, 0.12);
	border-radius: 16px;
	box-shadow: 0 18px 50px rgba(45, 34, 84, 0.16);
	padding: 8px;
	z-index: 10040;
}

body.oe-public-teachers-room-page .oe-social-user-menu__dropdown[hidden] {
	display: none !important;
}

body.oe-public-teachers-room-page .oe-social-user-menu.is-open .oe-social-user-menu__trigger .oe-social-icon svg {
	transform: rotate(180deg);
}

body.oe-public-teachers-room-page .oe-social-user-menu__head {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 10px 12px 12px;
	border-bottom: 1px solid rgba(107, 75, 179, 0.08);
	margin-bottom: 4px;
}

body.oe-public-teachers-room-page .oe-social-user-menu__head img,
body.oe-public-teachers-room-page .oe-social-user-menu__head-placeholder {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
}

body.oe-public-teachers-room-page .oe-social-user-menu__head-placeholder {
	display: grid;
	place-items: center;
	background: rgba(107, 75, 179, 0.1);
	color: #6b4bb3;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-social-user-menu__head strong {
	display: block;
	font-size: 14px;
	color: #2d2254;
}

body.oe-public-teachers-room-page .oe-social-user-menu__head span {
	display: block;
	font-size: 12px;
	color: #8a8399;
}

body.oe-public-teachers-room-page .oe-social-user-menu__item {
	display: block;
	padding: 10px 12px;
	border-radius: 10px;
	color: #2d2254;
	text-decoration: none;
	font-size: 14px;
}

body.oe-public-teachers-room-page .oe-social-user-menu__item:hover {
	background: rgba(107, 75, 179, 0.06);
}

body.oe-public-teachers-room-page .oe-social-user-menu__item--danger {
	color: #c0392b;
}

/* —— Hero/header bildirim & mesaj dropdown —— */
body.oe-public-teachers-room-page .oe-tr-tool-wrap {
	position: relative;
	display: inline-flex;
}

body.oe-public-teachers-room-page .oe-tr-tool-wrap .oe-tr-tool {
	font: inherit;
	text-decoration: none;
}

body.oe-public-teachers-room-page button.oe-tr-tool {
	appearance: none;
	-webkit-appearance: none;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	width: min(360px, calc(100vw - 24px));
	max-width: min(92vw, 360px);
	background: #fff;
	border: 1px solid rgba(107, 75, 179, 0.12);
	border-radius: 16px;
	box-shadow: 0 18px 50px rgba(45, 34, 84, 0.16);
	z-index: 10045;
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown[hidden] {
	display: none !important;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px 10px;
	font-size: 14px;
	font-weight: 700;
	color: #2d2254;
	border-bottom: 1px solid rgba(107, 75, 179, 0.08);
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__head strong {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__close {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 999px;
	background: #f3f4f6;
	color: #334155;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
	display: none;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__close:hover {
	background: #e5e7eb;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__body {
	max-height: min(320px, 50vh);
	overflow: auto;
	overscroll-behavior: contain;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__empty {
	margin: 0;
	padding: 18px 14px;
	font-size: 13px;
	color: #8a8399;
	text-align: center;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__foot {
	padding: 10px 14px 12px;
	border-top: 1px solid rgba(107, 75, 179, 0.08);
	background: rgba(107, 75, 179, 0.03);
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__all {
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: #6b4bb3;
	text-decoration: none;
	padding: 4px 0;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__all:hover {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-list {
	margin: 0;
	padding: 6px 0;
	list-style: none;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-item__link {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: start;
	padding: 10px 14px;
	text-decoration: none;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-item__link:hover {
	background: rgba(107, 75, 179, 0.05);
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-avatar img,
body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-avatar span {
	width: 36px;
	height: 36px;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-content strong {
	font-size: 13px;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-badge {
	width: 8px;
	height: 8px;
	margin-top: 6px;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__messages {
	margin: 0;
	padding: 6px 0;
	list-style: none;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-link {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: start;
	padding: 10px 14px;
	text-decoration: none;
	color: inherit;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-link:hover {
	background: rgba(107, 75, 179, 0.05);
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-avatar img,
body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-avatar span {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	display: grid;
	place-items: center;
	background: #f3effa;
	color: #6b4bb3;
	font-weight: 700;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-top strong {
	font-size: 13px;
	font-weight: 700;
	color: #2d2254;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-top time {
	flex: 0 0 auto;
	font-size: 11px;
	color: #8a8399;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-snippet {
	display: block;
	margin-top: 3px;
	font-size: 12px;
	color: #6b647d;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-item.is-unread .oe-tr-tool-dropdown__message-snippet {
	color: #2d2254;
	font-weight: 600;
}

body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #6b4bb3;
	margin-top: 6px;
}

@media (max-width: 900px) {
	body.oe-public-teachers-room-page .oe-social-dropdown-backdrop {
		position: fixed;
		inset: 0;
		margin: 0;
		padding: 0;
		border: 0;
		background: rgba(15, 23, 42, 0.32);
		z-index: 10040;
		cursor: default;
	}

	body.oe-public-teachers-room-page .oe-social-dropdown-backdrop[hidden] {
		display: none !important;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown__close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown__close:active {
		transform: scale(0.96);
	}

	body.oe-public-teachers-room-page .oe-tr-tool-wrap.is-open {
		z-index: 10050;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown {
		position: fixed;
		top: var(--oe-tr-tool-dropdown-top, 72px);
		left: 12px;
		right: 12px;
		width: auto;
		max-width: none;
		max-height: 70vh;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		z-index: 10050;
		border-radius: 18px;
		box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown__body {
		flex: 1 1 auto;
		min-height: 0;
		max-height: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-item__link {
		grid-template-columns: 36px minmax(0, 1fr) auto;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-content {
		min-width: 0;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown .oe-social-notification-content strong {
		display: block;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-link {
		grid-template-columns: 40px minmax(0, 1fr) auto;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-top {
		min-width: 0;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-top strong {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown__message-snippet {
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown__foot {
		flex: 0 0 auto;
	}

	body.oe-public-teachers-room-page .oe-tr-tool-dropdown__all {
		padding: 6px 0;
	}
}

body.oe-public-teachers-room-page .oe-social-page--settings {
	padding-top: 0;
}

body.oe-public-teachers-room-page .oe-social-settings-page {
	max-width: 1180px;
	margin: 22px auto 64px;
	padding: 0 24px;
}

body.oe-public-teachers-room-page .oe-social-settings-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

body.oe-public-teachers-room-page .oe-social-settings__breadcrumb {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #64748b;
}

body.oe-public-teachers-room-page .oe-social-settings__breadcrumb a {
	color: #7c3aed;
	text-decoration: none;
}

body.oe-public-teachers-room-page .oe-social-settings__breadcrumb a:hover {
	text-decoration: underline;
}

body.oe-public-teachers-room-page .oe-social-settings__breadcrumb span[aria-hidden="true"] {
	color: #94a3b8;
}

body.oe-public-teachers-room-page .oe-social-settings-hero,
body.oe-public-teachers-room-page .oe-social-settings__header {
	margin-bottom: 20px;
}

body.oe-public-teachers-room-page .oe-social-settings-hero h1,
body.oe-public-teachers-room-page .oe-social-settings__header h1 {
	margin: 0 0 6px;
	font-size: clamp(1.75rem, 2.2vw, 2rem);
	line-height: 1.15;
	color: #0f172a;
	letter-spacing: -0.03em;
}

body.oe-public-teachers-room-page .oe-social-settings-hero p,
body.oe-public-teachers-room-page .oe-social-settings__header p {
	margin: 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.5;
}

body.oe-public-teachers-room-page .oe-social-settings-layout {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

body.oe-public-teachers-room-page .oe-social-settings-nav {
	display: grid;
	gap: 8px;
	align-content: start;
	position: sticky;
	top: 92px;
}

body.oe-public-teachers-room-page .oe-social-settings-nav-link {
	display: block;
	padding: 12px 14px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(15, 23, 42, 0.08);
	color: #334155;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.oe-public-teachers-room-page .oe-social-settings-nav-link.is-active {
	background: rgba(124, 58, 237, 0.1);
	border-color: rgba(124, 58, 237, 0.22);
	color: #6d28d9;
}

body.oe-public-teachers-room-page .oe-social-settings-panel {
	min-width: 0;
	max-width: 920px;
}

body.oe-public-teachers-room-page .oe-social-settings-card {
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 24px;
	padding: 28px;
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);
}

body.oe-public-teachers-room-page .oe-social-settings-form {
	display: grid;
	gap: 18px;
}

body.oe-public-teachers-room-page .oe-social-settings-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

body.oe-public-teachers-room-page .oe-social-settings-field {
	display: grid;
	gap: 7px;
}

body.oe-public-teachers-room-page .oe-social-settings-field--full {
	grid-column: 1 / -1;
}

body.oe-public-teachers-room-page .oe-social-settings-label {
	font-size: 13px;
	font-weight: 700;
	color: #0f172a;
}

body.oe-public-teachers-room-page .oe-social-settings-input,
body.oe-public-teachers-room-page .oe-social-settings-textarea {
	width: 100%;
	padding: 0 14px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 12px;
	font-size: 14px;
	color: #0f172a;
	background: #fff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.oe-public-teachers-room-page .oe-social-settings-input {
	min-height: 46px;
}

body.oe-public-teachers-room-page .oe-social-settings-input:focus,
body.oe-public-teachers-room-page .oe-social-settings-textarea:focus {
	outline: none;
	border-color: rgba(124, 58, 237, 0.35);
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
}

body.oe-public-teachers-room-page .oe-social-settings-textarea {
	padding-top: 11px;
	padding-bottom: 11px;
	resize: vertical;
	min-height: 92px;
}

body.oe-public-teachers-room-page .oe-social-settings-textarea--bio {
	min-height: 96px;
}

body.oe-public-teachers-room-page .oe-social-settings-textarea--interests {
	min-height: 80px;
}

body.oe-public-teachers-room-page .oe-social-settings-help {
	margin: 0;
	font-size: 12.5px;
	color: #64748b;
	line-height: 1.45;
}

body.oe-public-teachers-room-page .oe-social-settings-help--lead {
	margin-bottom: 0;
}

body.oe-public-teachers-room-page .oe-social-settings-card--avatar {
	margin-bottom: 18px;
}

body.oe-public-teachers-room-page .oe-social-avatar-uploader {
	display: block;
	padding: 22px;
	border: 1px dashed #d8ccff;
	border-radius: 18px;
	background: #fbf8ff;
}

body.oe-public-teachers-room-page .oe-social-avatar-uploader__main {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
}

body.oe-public-teachers-room-page .oe-social-avatar-uploader__controls {
	display: grid;
	gap: 8px;
	min-width: 0;
	flex: 1 1 auto;
}

body.oe-public-teachers-room-page .oe-social-avatar-uploader__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

body.oe-public-teachers-room-page .oe-social-avatar-preview {
	flex: 0 0 auto;
	width: 88px;
	height: 88px;
	border-radius: 999px;
	overflow: hidden;
	display: grid;
	place-items: center;
	background: #f1f5f9;
	border: 2px solid #e5e7eb;
}

body.oe-public-teachers-room-page .oe-social-avatar-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.oe-public-teachers-room-page .oe-social-avatar-preview span {
	color: #6d28d9;
	font-size: 28px;
	font-weight: 800;
	line-height: 1;
}

body.oe-public-teachers-room-page .oe-social-avatar-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 38px;
	padding: 0 14px;
	border-radius: 12px;
	background: rgba(124, 58, 237, 0.08);
	color: #6d28d9;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	border: 1px solid rgba(124, 58, 237, 0.12);
}

body.oe-public-teachers-room-page .oe-social-avatar-button:disabled,
body.oe-public-teachers-room-page .oe-social-avatar-remove-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

body.oe-public-teachers-room-page .oe-social-avatar-remove-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 12px;
	border: 0;
	background: transparent;
	color: #64748b;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.oe-public-teachers-room-page .oe-social-avatar-progress {
	width: min(260px, 100%);
	height: 8px;
	border-radius: 999px;
	overflow: hidden;
	background: #ede9fe;
	margin-top: 4px;
	position: relative;
}

body.oe-public-teachers-room-page .oe-social-avatar-progress__bar {
	display: block;
	height: 100%;
	width: 0%;
	border-radius: inherit;
	background: linear-gradient(90deg, #7c3aed, #2563eb);
	transition: width 0.18s ease;
}

body.oe-public-teachers-room-page .oe-social-avatar-progress.is-indeterminate .oe-social-avatar-progress__bar {
	width: 35%;
	animation: oe-social-avatar-progress-indeterminate 1.1s ease-in-out infinite alternate;
}

@keyframes oe-social-avatar-progress-indeterminate {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(180%);
	}
}

body.oe-public-teachers-room-page .oe-social-avatar-status {
	margin-top: 2px;
	font-size: 13px;
	color: #64748b;
	min-height: 18px;
}

body.oe-public-teachers-room-page .oe-social-avatar-status.is-error {
	color: #b91c1c;
}

body.oe-public-teachers-room-page .oe-social-avatar-status.is-success {
	color: #166534;
}

body.oe-public-teachers-room-page .oe-social-avatar-status.is-loading {
	color: #6d28d9;
}

body.oe-public-teachers-room-page .oe-social-settings-photo-row {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 18px;
	border: 1px dashed rgba(124, 58, 237, 0.22);
	border-radius: 18px;
	background: rgba(124, 58, 237, 0.035);
	margin-bottom: 0;
}

body.oe-public-teachers-room-page .oe-social-settings-photo-row__content {
	display: grid;
	gap: 8px;
	min-width: 0;
	flex: 1 1 auto;
}

body.oe-public-teachers-room-page .oe-social-settings-photo-row__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

body.oe-public-teachers-room-page .oe-social-settings-avatar-preview {
	flex: 0 0 auto;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	overflow: hidden;
	display: grid;
	place-items: center;
	background: rgba(124, 58, 237, 0.1);
	color: #6d28d9;
	font-size: 24px;
	font-weight: 800;
	border: 3px solid #fff;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}

body.oe-public-teachers-room-page .oe-social-settings-avatar-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.oe-public-teachers-room-page .oe-social-settings-file-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 38px;
	padding: 0 14px;
	border-radius: 12px;
	background: rgba(124, 58, 237, 0.08);
	color: #6d28d9;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	border: 1px solid rgba(124, 58, 237, 0.12);
}

body.oe-public-teachers-room-page .oe-social-settings-file-btn input {
	display: none;
}

body.oe-public-teachers-room-page .oe-social-settings-remove-check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #64748b;
}

body.oe-public-teachers-room-page .oe-social-settings-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid rgba(15, 23, 42, 0.06);
}

body.oe-public-teachers-room-page .oe-social-settings-save {
	min-height: 42px;
	padding: 0 20px;
	border: 0;
	border-radius: 13px;
	background: linear-gradient(135deg, #7c3aed, #6d28d9);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 12px 28px rgba(109, 53, 232, 0.22);
}

body.oe-public-teachers-room-page .oe-social-settings-alert {
	margin-bottom: 16px;
	padding: 12px 14px;
	border-radius: 12px;
	font-size: 14px;
}

body.oe-public-teachers-room-page .oe-social-settings-alert--success {
	background: rgba(46, 204, 113, 0.12);
	color: #1f7a45;
}

body.oe-public-teachers-room-page .oe-social-settings-alert--error {
	background: rgba(231, 76, 60, 0.1);
	color: #b03a2e;
}

@media (max-width: 800px) {
	body.oe-public-teachers-room-page .oe-social-settings-page {
		margin-top: 16px;
		padding: 0 14px;
	}

	body.oe-public-teachers-room-page .oe-social-settings-layout {
		grid-template-columns: 1fr;
	}

	body.oe-public-teachers-room-page .oe-social-settings-nav {
		position: static;
		grid-auto-flow: column;
		grid-auto-columns: minmax(140px, 1fr);
		overflow-x: auto;
		padding-bottom: 4px;
	}

	body.oe-public-teachers-room-page .oe-social-settings-panel {
		max-width: none;
	}

	body.oe-public-teachers-room-page .oe-social-settings-card {
		padding: 22px 18px;
		border-radius: 20px;
	}

	body.oe-public-teachers-room-page .oe-social-settings-form-grid {
		grid-template-columns: 1fr;
	}

	body.oe-public-teachers-room-page .oe-social-settings-photo-row {
		align-items: flex-start;
	}

	body.oe-public-teachers-room-page .oe-social-avatar-uploader__main {
		align-items: flex-start;
		flex-direction: column;
	}

	body.oe-public-teachers-room-page .oe-social-avatar-progress {
		width: 100%;
	}

	body.oe-public-teachers-room-page .oe-social-settings-actions {
		justify-content: stretch;
	}

	body.oe-public-teachers-room-page .oe-social-settings-save {
		width: 100%;
	}

	body.oe-public-teachers-room-page .oe-social-user-menu__dropdown {
		right: 0;
		left: auto;
	}
}

/* Avatar görselleri — yuvarlak tutarlılık */
body.oe-public-teachers-room-page .oe-social-post-avatar,
body.oe-public-teachers-room-page .oe-social-post-author-link--avatar,
body.oe-public-teachers-room-page .oe-social-composer-trigger-avatar,
body.oe-public-teachers-room-page .oe-social-composer-avatar,
body.oe-public-teachers-room-page .oe-social-profile-mini-avatar {
	border-radius: 999px;
	overflow: hidden;
}

body.oe-public-teachers-room-page .oe-social-post-avatar .oe-social-avatar__img,
body.oe-public-teachers-room-page .oe-social-composer-trigger-avatar .oe-social-avatar__img,
body.oe-public-teachers-room-page .oe-social-composer-avatar .oe-social-avatar__img,
body.oe-public-teachers-room-page .oe-social-profile-mini-avatar .oe-social-avatar__img,
body.oe-public-teachers-room-page .oe-social-post-avatar img,
body.oe-public-teachers-room-page .oe-social-composer-trigger-avatar img,
body.oe-public-teachers-room-page .oe-social-composer-avatar img,
body.oe-public-teachers-room-page .oe-social-profile-mini-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 999px;
}

/* Sosyal moderasyon — rozetler ve admin moderatör ekranı */
.oe-social-user-badge {
	display: inline-flex;
	align-items: center;
	margin-inline-start: 0.35rem;
	padding: 0.12rem 0.45rem;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 600;
	line-height: 1.2;
	vertical-align: middle;
	letter-spacing: 0.01em;
}

.oe-social-user-badge--admin {
	background: rgba(76, 63, 146, 0.12);
	color: #4c3f92;
}

.oe-social-user-badge--moderator {
	background: rgba(20, 138, 120, 0.12);
	color: #148a78;
}

body.oe-public-teachers-room-page .oe-social-post-name + .oe-social-user-badge,
body.oe-public-teachers-room-page .oe-social-profile-name + .oe-social-user-badge {
	margin-inline-start: 0;
	margin-block-start: 0.35rem;
}

body.oe-public-teachers-room-page .oe-tr-profile__text .oe-social-user-badge,
body.oe-public-teachers-room-page .oe-social-user-menu__head .oe-social-user-badge {
	margin-inline-start: 0;
	margin-block-start: 0.2rem;
}

.oe-social-moderation-action {
	color: #b45309;
}

.oe-social-admin-moderators__intro {
	margin: 0 0 1rem;
	color: #475569;
	max-width: 52rem;
}

.oe-social-admin-moderators__section {
	margin-top: 1.5rem;
}

.oe-social-admin-moderators__section h2 {
	margin: 0 0 0.75rem;
	font-size: 1.05rem;
}

.oe-social-admin-moderators__search {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin-bottom: 1rem;
}

.oe-social-admin-moderators__search-input {
	min-width: min(100%, 20rem);
	flex: 1 1 16rem;
}

.oe-social-admin-moderators__results,
.oe-social-admin-moderators__list {
	display: grid;
	gap: 0.75rem;
}

.oe-social-admin-moderator-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.85rem 1rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	background: #fff;
}

.oe-social-admin-moderator-card__main {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

.oe-social-admin-moderator-card__avatar {
	width: 48px;
	height: 48px;
	border-radius: 999px;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #eef2ff;
	color: #4338ca;
	font-weight: 700;
	flex: 0 0 auto;
}

.oe-social-admin-moderator-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.oe-social-admin-moderator-card__copy {
	display: grid;
	gap: 0.15rem;
	min-width: 0;
}

.oe-social-admin-moderator-card__copy strong {
	font-size: 0.95rem;
}

.oe-social-admin-moderator-card__copy span,
.oe-social-admin-moderator-card__copy small {
	color: #64748b;
	font-size: 0.82rem;
}

.oe-social-admin-moderator-card__status {
	font-size: 0.82rem;
	color: #64748b;
}

.oe-social-admin-moderators__empty {
	color: #64748b;
	margin: 0.5rem 0 0;
}

.oe-social-admin-subtabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1rem;
}

.oe-social-admin-subtabs__link {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 0.85rem;
	border-radius: 999px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
	color: #334155;
	font-size: 0.88rem;
	font-weight: 600;
	text-decoration: none;
}

.oe-social-admin-subtabs__link.is-active {
	background: #eef2ff;
	border-color: #c7d2fe;
	color: #4338ca;
}

.oe-social-admin-hidden__table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.oe-social-admin-hidden__table {
	min-width: 720px;
}

.oe-social-admin-hidden__table td:nth-child(5) {
	max-width: 16rem;
	word-break: break-word;
}

/* Faz 6 — ekip paylaşımı, öne çıkarma, şikayet admin */
.oe-social-author-name-row {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
	max-width: 100%;
	line-height: 1.2;
	flex-wrap: nowrap;
}

.oe-social-author-name-row .oe-social-author-name,
.oe-social-author-name-row .oe-social-post-author-link--name {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	text-decoration: none;
}

.oe-social-official-mark,
.oe-social-author-name-row .oe-social-official-mark,
.oe-social-profile-name-row .oe-social-official-mark,
.oe-social-messages-thread__peer-name .oe-social-official-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	margin-left: 2px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #6d28d9;
	line-height: 1;
	flex: 0 0 auto;
	vertical-align: middle;
	overflow: visible;
}

.oe-social-author-name-row .oe-social-official-mark,
.oe-social-profile-name-row .oe-social-official-mark,
.oe-social-messages-thread__peer-name .oe-social-official-mark {
	margin-left: 0;
}

.oe-social-official-mark::before,
.oe-social-official-mark::after,
.oe-social-official-icon::before,
.oe-social-official-icon::after {
	content: none !important;
	display: none !important;
}

.oe-social-official-mark__svg,
.oe-social-page .oe-social-official-mark .oe-social-official-mark__svg,
.oe-social-official-mark svg,
.oe-social-page .oe-social-official-icon .oe-social-official-icon__svg,
.oe-social-official-icon svg {
	display: block;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	margin: 0;
	padding: 0;
	position: static;
	inset: auto;
	transform: none;
	line-height: 1;
	fill: currentColor;
	stroke: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	border-radius: 0;
}

.oe-social-official-mark__svg path,
.oe-social-official-mark svg path {
	fill: currentColor;
	stroke: none;
}

/* Eski daireli sınıf — geriye dönük HTML için sade inline görünüm */
.oe-social-official-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	margin-left: 2px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	color: #6d28d9;
	line-height: 1;
	flex: 0 0 auto;
	vertical-align: middle;
	overflow: visible;
}

.oe-social-official-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 22px;
	padding: 0 9px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #6d28d9;
	background: #ede9fe;
	border: 1px solid #c4b5fd;
	vertical-align: middle;
}

.oe-social-official-badge--meta,
.oe-social-official-strip,
.oe-social-official-line,
.oe-social-official-bar,
.oe-social-post-official-bar,
.oe-social-user-badge--team {
	display: none !important;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-author-name-row .oe-social-post-name {
	display: inline;
	margin: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-author-name-row .oe-social-user-badge,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-author-name-row .oe-social-official-mark,
body.oe-public-teachers-room-page .oe-social-post-card .oe-social-author-name-row .oe-social-official-icon {
	margin: 0;
	flex-shrink: 0;
}

body.oe-public-teachers-room-page .oe-social-post-card .oe-social-official-badge--meta {
	display: none !important;
}

@media (max-width: 768px) {
	.oe-social-official-mark,
	.oe-social-official-icon {
		width: 18px;
		height: 18px;
		min-width: 18px;
		min-height: 18px;
	}

	.oe-social-page .oe-social-official-mark .oe-social-official-mark__svg,
	.oe-social-official-mark__svg,
	.oe-social-official-mark svg,
	.oe-social-page .oe-social-official-icon .oe-social-official-icon__svg,
	.oe-social-official-icon svg {
		width: 18px;
		height: 18px;
		min-width: 18px;
		min-height: 18px;
	}

	body.oe-public-teachers-room-page .oe-social-profile-name-row .oe-social-official-mark,
	body.oe-public-teachers-room-page .oe-social-profile-name-row .oe-social-official-mark__svg,
	body.oe-public-teachers-room-page .oe-social-profile-name-row .oe-social-official-mark svg {
		width: 20px;
		height: 20px;
		min-width: 20px;
		min-height: 20px;
	}
}

.oe-social-composer-identity {
	margin: 12px 0 0;
	padding: 0;
	border: 0;
	display: grid;
	gap: 8px;
}

.oe-social-composer-identity__legend {
	padding: 0;
	font-size: 13px;
	font-weight: 700;
	color: #334155;
}

.oe-social-composer-identity__option {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #334155;
	cursor: pointer;
}

.oe-social-composer-identity__option input {
	margin: 0;
}

.oe-social-post--featured {
	border-color: #f59e0b;
	box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.25);
}

.oe-social-post-featured-label {
	display: inline-flex;
	align-items: center;
	margin: 0 0 0.5rem;
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	background: #fef3c7;
	color: #92400e;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.4;
}

.oe-social-post--team .oe-social-post-submeta,
.oe-social-post--team .oe-social-post-meta > span {
	color: #475569;
}

.oe-social-avatar--team {
	background: #eff6ff;
}

.oe-social-avatar__img--team {
	object-fit: contain;
	padding: 0.2rem;
}

.oe-social-composer-team {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-top: 0.75rem;
	font-size: 0.875rem;
	color: #334155;
}

.oe-social-composer-team input {
	margin-top: 0.15rem;
}

body.oe-public-teachers-room-page .oe-social-composer-target-branches {
	margin: 12px 0 0;
	padding: 12px 14px;
	border: 1px solid rgba(107, 75, 179, 0.12);
	border-radius: 16px;
	background: rgba(107, 75, 179, 0.03);
}

body.oe-public-teachers-room-page .oe-social-composer-target-branches__legend {
	font-size: 13px;
	font-weight: 800;
	color: #2d2254;
	padding: 0;
	margin: 0 0 4px;
}

body.oe-public-teachers-room-page .oe-social-composer-target-branches__help {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 650;
	color: #374151;
}

body.oe-public-teachers-room-page .oe-social-composer-target-branches__hint {
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 1.45;
	color: #64748b;
}

body.oe-public-teachers-room-page .oe-social-composer-target-branches__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.oe-public-teachers-room-page .oe-social-composer-target-branch {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid rgba(107, 75, 179, 0.14);
	background: #fff;
	font-size: 12px;
	font-weight: 600;
	color: #334155;
	cursor: pointer;
	max-width: 100%;
}

body.oe-public-teachers-room-page .oe-social-composer-target-branch.is-all {
	border-color: rgba(124, 58, 237, 0.22);
	background: rgba(124, 58, 237, 0.06);
}

body.oe-public-teachers-room-page .oe-social-composer-target-branch input {
	margin: 0;
	flex: 0 0 auto;
}

body.oe-public-teachers-room-page .oe-social-composer-target-branch span {
	line-height: 1.25;
}

body.oe-public-teachers-room-page .oe-social-composer-target-branch:has(input:checked) {
	border-color: rgba(124, 58, 237, 0.35);
	background: rgba(124, 58, 237, 0.1);
	color: #5b21b6;
}

body.oe-public-teachers-room-page .oe-social-composer-target-branch:has(input:disabled) {
	opacity: 0.55;
	cursor: not-allowed;
}

.oe-social-admin-reports__table-wrap {
	overflow-x: auto;
}

.oe-social-admin-reports__table {
	min-width: 960px;
}

.oe-social-admin-reports__table td:nth-child(5) {
	max-width: 14rem;
	word-break: break-word;
}

.oe-social-admin-reports__actions {
	flex-wrap: wrap;
	gap: 0.35rem;
}

.oe-social-admin-reports__hidden-note {
	display: inline-block;
	font-size: 0.8125rem;
	color: #64748b;
	font-style: italic;
}

.oe-social-report-status {
	display: inline-block;
	padding: 0.1rem 0.45rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	background: #f1f5f9;
	color: #334155;
}

.oe-social-report-status--open {
	background: #fef3c7;
	color: #92400e;
}

.oe-social-report-status--reviewing {
	background: #dbeafe;
	color: #1d4ed8;
}

.oe-social-report-status--resolved {
	background: #dcfce7;
	color: #166534;
}

.oe-social-report-status--rejected {
	background: #fee2e2;
	color: #991b1b;
}

@media (max-width: 640px) {
	.oe-social-post-featured-label {
		font-size: 0.6875rem;
	}

	.oe-social-admin-reports__table {
		min-width: 720px;
	}
}

/* Öğretmenler Odası — app-shell (global tema chrome gizli) */
body.oe-social-app-shell {
	background: #f3f7fb;
}

body.oe-social-room-page > header.oe-public-header.oe-tp-pubHeader,
body.oe-social-room-page > footer.oe-footer {
	display: none !important;
}

body.oe-social-app-shell .oe-siteBody,
body.oe-social-app-shell .oe-main {
	padding-top: 0;
}

body.oe-social-app-shell .oe-shell {
	padding-top: 0;
}

body.oe-social-app-shell .oe-social-shell {
	padding-top: 0;
}

body.oe-social-app-shell .oe-tr-app-topbar {
	position: sticky;
	top: 0;
	z-index: 120;
	background: #fff;
	border-bottom: 1px solid rgba(231, 234, 241, 0.95);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

body.oe-social-app-shell .oe-tr-app-topbar__inner {
	max-width: 1480px;
	margin: 0 auto;
	min-height: 64px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

body.oe-social-app-shell .oe-tr-app-topbar__brand {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	flex: 1 1 auto;
}

body.oe-social-app-shell .oe-tr-app-topbar__logo img {
	display: block;
	height: 36px;
	width: auto;
	max-width: 140px;
}

body.oe-social-app-shell .oe-tr-app-topbar__logo-text {
	font-size: 15px;
	font-weight: 800;
	color: #111827;
}

body.oe-social-app-shell .oe-tr-app-topbar__room-link {
	font-size: 14px;
	font-weight: 650;
	color: #374151;
	text-decoration: none;
	white-space: nowrap;
}

body.oe-social-app-shell .oe-tr-app-topbar__room-link:hover {
	color: #7c3aed;
}

body.oe-social-app-shell .oe-tr-app-topbar__home-link {
	font-size: 13px;
	font-weight: 600;
	color: #64748b;
	text-decoration: none;
	white-space: nowrap;
}

body.oe-social-app-shell .oe-tr-app-topbar__home-link:hover {
	color: #7c3aed;
}

body.oe-social-app-shell .oe-tr-app-topbar__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex: 0 0 auto;
}

body.oe-social-app-shell .oe-tr-app-topbar__panel-link {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 12px;
	border-radius: 10px;
	border: 1px solid #e5e7eb;
	background: #fff;
	color: #374151;
	font-size: 13px;
	font-weight: 650;
	text-decoration: none;
	white-space: nowrap;
}

body.oe-social-app-shell .oe-tr-app-topbar__panel-link:hover {
	border-color: #ddd6fe;
	background: #f5f3ff;
	color: #7c3aed;
}

body.oe-social-app-shell .oe-tr-app-topbar__auth {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 12px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 650;
	text-decoration: none;
	white-space: nowrap;
}

body.oe-social-app-shell .oe-tr-app-topbar__auth--ghost {
	border: 1px solid #e5e7eb;
	background: #fff;
	color: #374151;
}

body.oe-social-app-shell .oe-tr-app-topbar__auth--primary {
	background: #7c3aed;
	color: #fff;
}

body.oe-social-app-shell .oe-tr-app-topbar .oe-tr-header-tools {
	gap: 6px;
}

@media (max-width: 900px) {
	body.oe-social-app-shell .oe-tr-app-topbar__room-link {
		display: none;
	}

	body.oe-social-app-shell .oe-tr-app-topbar__panel-link {
		display: none;
	}
}

@media (max-width: 640px) {
	body.oe-social-app-shell .oe-tr-app-topbar__inner {
		min-height: 56px;
		padding: 0 12px;
		gap: 10px;
	}

	body.oe-social-app-shell .oe-tr-app-topbar__home-link {
		font-size: 12px;
	}

	body.oe-social-app-shell .oe-tr-app-topbar__logo img {
		height: 30px;
		max-width: 110px;
	}
}

.oe-social-confirm[hidden] {
	display: none !important;
}

body.oe-social-confirm-open {
	overflow: hidden;
}

.oe-social-confirm {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: grid;
	place-items: center;
	padding: 20px;
}

.oe-social-confirm__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.52);
	backdrop-filter: blur(4px);
}

.oe-social-confirm__dialog {
	position: relative;
	z-index: 1;
	width: min(440px, 100%);
	padding: 26px;
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22);
	border: 1px solid rgba(148, 163, 184, 0.18);
}

.oe-social-confirm__close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 999px;
	background: #f8fafc;
	color: #64748b;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.oe-social-confirm__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 14px;
	border-radius: 18px;
	background: #fff1f2;
	color: #e11d48;
	font-weight: 900;
	font-size: 22px;
}

.oe-social-confirm__title {
	margin: 0;
	color: #0f172a;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 900;
}

.oe-social-confirm__text {
	margin: 8px 0 0;
	color: #64748b;
	font-size: 15px;
	line-height: 1.5;
}

.oe-social-confirm__actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 22px;
}

.oe-social-confirm__cancel,
.oe-social-confirm__danger {
	min-height: 42px;
	padding: 0 18px;
	border-radius: 14px;
	font-weight: 800;
	cursor: pointer;
	font-size: 14px;
}

.oe-social-confirm__cancel {
	border: 1px solid rgba(148, 163, 184, 0.24);
	background: #fff;
	color: #475569;
}

.oe-social-confirm__danger {
	border: 0;
	background: linear-gradient(135deg, #ef4444, #dc2626);
	color: #fff;
	box-shadow: 0 14px 28px rgba(220, 38, 38, 0.22);
}

@media (max-width: 520px) {
	.oe-social-confirm__dialog {
		padding: 22px;
		border-radius: 22px;
	}

	.oe-social-confirm__actions {
		flex-direction: column-reverse;
	}

	.oe-social-confirm__cancel,
	.oe-social-confirm__danger {
		width: 100%;
	}
}

/* Mobil akış kontrol barı — yalnızca Öğretmenler Odası revize UI */
.oe-social-mobile-tabs {
	display: none;
}

@media (max-width: 900px) {
	body.oe-public-teachers-room-page .oe-social-mobile-tabs {
		display: flex;
		gap: 5px;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 8px 0 10px;
		margin: 0 0 12px;
		scrollbar-width: none;
		-ms-overflow-style: none;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		position: static;
		box-sizing: border-box;
		contain: inline-size;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
		background: transparent;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__item,
	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch-toggle,
	body.oe-public-teachers-room-page .oe-social-mobile-tabs a,
	body.oe-public-teachers-room-page .oe-social-mobile-tabs button {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		min-height: 34px;
		padding: 0 10px;
		border-radius: 999px;
		border: 1px solid rgba(148, 163, 184, 0.22);
		background: #fff;
		color: #475569;
		font-size: 12px;
		font-weight: 800;
		text-decoration: none;
		white-space: nowrap;
		font-family: inherit;
		cursor: pointer;
		list-style: none;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__item.is-active,
	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch-toggle.is-active {
		color: #6d28d9;
		background: #f4edff;
		border-color: rgba(124, 58, 237, 0.22);
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch {
		position: relative;
		flex: 0 0 auto;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__chevron {
		display: inline-flex;
		width: 12px;
		height: 12px;
		color: currentColor;
		opacity: 0.75;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__chevron svg {
		width: 12px;
		height: 12px;
		display: block;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch-panel {
		position: fixed;
		z-index: 50;
		min-width: min(240px, calc(100vw - 16px));
		max-height: min(280px, 50vh);
		overflow: auto;
		padding: 8px;
		border-radius: 16px;
		border: 1px solid rgba(124, 58, 237, 0.16);
		background: #fff;
		box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
		box-sizing: border-box;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch-panel[hidden] {
		display: none !important;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch-toggle.is-open {
		background: #f3e8ff;
		color: #6d28d9;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch-link {
		display: block;
		padding: 10px 12px;
		border-radius: 10px;
		color: #475569;
		font-size: 13px;
		font-weight: 700;
		text-decoration: none;
		white-space: nowrap;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch-link:hover,
	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch-link:focus-visible {
		background: #f8fafc;
		color: #6d28d9;
	}

	body.oe-public-teachers-room-page .oe-social-mobile-tabs__branch-link.is-active {
		color: #6d28d9;
		background: #f4edff;
	}
}

/* Mobil akış — haftanın öğretmeni kartı + Dosyalar sekmesi popüler dosyalar */
.oe-social-featured-teacher-card--mobile,
.oe-social-popular-files-mobile {
	display: none;
}

@media (max-width: 900px) {
	body.oe-public-teachers-room-page .oe-social-featured-teacher-card--mobile {
		display: block;
		width: 100%;
		box-sizing: border-box;
		border-radius: 22px;
		background: #fff;
		border: 1px solid rgba(124, 58, 237, 0.12);
		box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
		padding: 16px;
		margin: 14px 0;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__badge {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		margin-bottom: 12px;
		padding: 6px 12px;
		border-radius: 999px;
		background: linear-gradient(135deg, #fef3c7, #fde68a);
		color: #92400e;
		font-size: 12px;
		font-weight: 800;
		line-height: 1.2;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__body {
		display: flex;
		align-items: flex-start;
		gap: 14px;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__avatar {
		flex: 0 0 56px;
		width: 56px;
		height: 56px;
		border-radius: 18px;
		overflow: hidden;
		background: linear-gradient(135deg, #ede9fe, #ddd6fe);
		display: grid;
		place-items: center;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__avatar img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__initial {
		font-size: 20px;
		font-weight: 800;
		color: #6d28d9;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__content {
		min-width: 0;
		flex: 1 1 auto;
		display: grid;
		gap: 4px;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__name {
		display: block;
		font-size: 16px;
		font-weight: 800;
		color: #0f172a;
		line-height: 1.3;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__branch {
		display: block;
		font-size: 13px;
		font-weight: 700;
		color: #6d28d9;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__text {
		margin: 6px 0 0;
		font-size: 13px;
		line-height: 1.5;
		color: #64748b;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__link {
		display: inline-flex;
		align-items: center;
		margin-top: 10px;
		font-size: 13px;
		font-weight: 800;
		color: #6d28d9;
		text-decoration: none;
	}

	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__link:hover,
	body.oe-public-teachers-room-page .oe-social-featured-teacher-card__link:focus-visible {
		text-decoration: underline;
	}

	body.oe-public-teachers-room-page .oe-social-popular-files-mobile {
		display: block;
		width: 100%;
		box-sizing: border-box;
		border-radius: 22px;
		background: #fff;
		border: 1px solid rgba(148, 163, 184, 0.18);
		box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
		padding: 16px;
		margin: 0 0 16px;
	}

	body.oe-public-teachers-room-page .oe-social-popular-files-mobile__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-bottom: 10px;
	}

	body.oe-public-teachers-room-page .oe-social-popular-files-mobile__title {
		margin: 0;
		font-size: 15px;
		font-weight: 800;
		color: #0f172a;
	}

	body.oe-public-teachers-room-page .oe-social-popular-files-mobile__link {
		font-size: 12px;
		font-weight: 800;
		color: #6d28d9;
		text-decoration: none;
		white-space: nowrap;
	}

	body.oe-public-teachers-room-page .oe-social-popular-files-mobile__list .oe-tr-popular-file {
		border-radius: 14px;
	}

	body.oe-public-teachers-room-page .oe-social-popular-files-mobile__list .oe-tr-popular-file + .oe-tr-popular-file {
		margin-top: 8px;
	}
}

@media (min-width: 901px) {
	body.oe-public-teachers-room-page .oe-social-featured-teacher-card--mobile,
	body.oe-public-teachers-room-page .oe-social-popular-files-mobile {
		display: none !important;
	}
}

/* Dosyalar Kütüphanesi — araç çubuğu, filtreler, kartlar */
.oe-social-popular-files-library {
	margin: 14px 0 20px;
	padding: 16px 18px;
	border-radius: 22px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.oe-social-popular-files-library__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.oe-social-popular-files-library__title {
	margin: 0;
	font-size: 15px;
	font-weight: 800;
	color: #0f172a;
}

.oe-social-popular-files-library__link {
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 800;
	color: #6d28d9;
	text-decoration: none;
	white-space: nowrap;
}

.oe-social-popular-files-library__link:hover,
.oe-social-popular-files-library__link:focus-visible {
	text-decoration: underline;
}

.oe-social-popular-files-library__list {
	display: grid;
	gap: 8px;
}

.oe-social-library-toolbar {
	margin-bottom: 0;
	padding: 16px 18px;
	border-radius: 22px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	background: #fff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.oe-social-library-results {
	margin-top: 20px;
}

.oe-social-library-results.oe-social-empty {
	padding: 24px 18px;
	border-radius: 22px;
	border: 1px dashed rgba(148, 163, 184, 0.35);
	background: #f8fafc;
}

.oe-social-library-toolbar__search-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.oe-social-library-toolbar__search {
	flex: 1 1 180px;
	min-width: 0;
}

.oe-social-library-toolbar__chips {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	padding: 10px 0 4px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.oe-social-library-toolbar__chips::-webkit-scrollbar {
	display: none;
}

.oe-social-library-toolbar__chip {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	background: #fff;
	color: #475569;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.oe-social-library-toolbar__chip.is-active {
	color: #6d28d9;
	background: #f4edff;
	border-color: rgba(124, 58, 237, 0.24);
}

.oe-social-library-toolbar__desktop-filters {
	margin-top: 12px;
	padding: 14px;
	border-radius: 18px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	background: #fff;
}

.oe-social-library-toolbar__filter-toggle {
	display: none;
}

.oe-social-library-filter-sheet[hidden] {
	display: none !important;
}

.oe-social-library-filter-sheet {
	position: fixed;
	inset: 0;
	z-index: 120;
}

.oe-social-library-filter-sheet__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.42);
}

.oe-social-library-filter-sheet__panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 82vh;
	overflow: auto;
	padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
	border-radius: 22px 22px 0 0;
	background: #fff;
	box-shadow: 0 -18px 40px rgba(15, 23, 42, 0.18);
}

.oe-social-library-filter-sheet__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.oe-social-library-filter-sheet__head h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 800;
}

.oe-social-library-filter-sheet__close {
	border: 0;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	color: #64748b;
}

.oe-social-library-filter-sheet__body {
	display: grid;
	gap: 12px;
}

.oe-social-library-filter-sheet__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

/* Kütüphane — özel select (native gizli) */
.oe-library-native-fields {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.oe-library-native-select {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.oe-library-select {
	display: block;
	min-width: 0;
}

.oe-library-select__label {
	display: block;
	margin-bottom: 6px;
}

.oe-library-select__control {
	position: relative;
}

.oe-library-select__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 16px;
	border: 1px solid rgba(148, 163, 184, 0.28);
	background: #fff;
	color: #0f172a;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	text-align: left;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.oe-library-select__trigger:hover,
.oe-library-select__trigger:focus-visible {
	border-color: rgba(124, 58, 237, 0.35);
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
	outline: none;
}

.oe-library-select.is-open .oe-library-select__trigger {
	border-color: rgba(124, 58, 237, 0.45);
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14);
}

.oe-library-select__value {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.oe-library-select__chevron {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	color: #64748b;
	transition: transform 0.15s ease;
}

.oe-library-select__chevron svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2;
}

.oe-library-select.is-open .oe-library-select__chevron {
	transform: rotate(180deg);
	color: #6d28d9;
}

.oe-library-select__dropdown {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	z-index: 40;
	padding: 8px;
	border-radius: 18px;
	border: 1px solid rgba(148, 163, 184, 0.22);
	background: #fff;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
}

.oe-library-select__search-wrap {
	padding: 4px 4px 8px;
}

.oe-library-select__search {
	width: 100%;
	min-height: 40px;
	padding: 8px 12px;
	border-radius: 12px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	font: inherit;
	font-size: 14px;
}

.oe-library-select__search:focus {
	outline: none;
	border-color: rgba(124, 58, 237, 0.45);
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

.oe-library-select__list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 240px;
	overflow: auto;
}

.oe-library-select__option-wrap[hidden] {
	display: none;
}

.oe-library-select__option {
	display: block;
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: #0f172a;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}

.oe-library-select__option:hover,
.oe-library-select__option:focus-visible {
	background: #f8fafc;
	outline: none;
}

.oe-library-select__option.is-selected {
	background: #f4edff;
	color: #6d28d9;
}

.oe-library-select-picker[hidden] {
	display: none !important;
}

.oe-library-select-picker {
	position: fixed;
	inset: 0;
	z-index: 125;
}

.oe-library-select-picker__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.42);
}

.oe-library-select-picker__panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 78vh;
	display: flex;
	flex-direction: column;
	padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
	border-radius: 22px 22px 0 0;
	background: #fff;
	box-shadow: 0 -18px 40px rgba(15, 23, 42, 0.18);
}

.oe-library-select-picker__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.oe-library-select-picker__head h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 800;
}

.oe-library-select-picker__close {
	border: 0;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	color: #64748b;
}

.oe-library-select-picker__search-wrap {
	margin-bottom: 10px;
}

.oe-library-select-picker__search-wrap[hidden] {
	display: none;
}

.oe-library-select-picker__search {
	width: 100%;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 14px;
	border: 1px solid rgba(148, 163, 184, 0.24);
	font: inherit;
	font-size: 14px;
}

.oe-library-select-picker__list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	flex: 1 1 auto;
	min-height: 0;
}

.oe-library-select-picker__option {
	display: block;
	width: 100%;
	min-height: 44px;
	padding: 12px 14px;
	border: 0;
	border-radius: 14px;
	background: transparent;
	color: #0f172a;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}

.oe-library-select-picker__option.is-selected {
	background: #f4edff;
	color: #6d28d9;
}

.oe-library-select-picker__actions {
	display: flex;
	gap: 8px;
	margin-top: 12px;
}

.oe-library-select-picker__actions .oe-social-btn {
	flex: 1 1 0;
	min-height: 44px;
}

.oe-social-library-active-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin: 0 0 14px;
}

.oe-social-library-active-filters__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #f4edff;
	color: #6d28d9;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.oe-social-library-active-filters__clear {
	font-size: 12px;
	font-weight: 700;
	color: #64748b;
	text-decoration: none;
}

.oe-social-library-card__classify-badge {
	display: inline-block;
	margin: 4px 0 0;
	padding: 2px 8px;
	border-radius: 999px;
	background: #fef3c7;
	color: #92400e;
	font-size: 10px;
	font-weight: 700;
	vertical-align: middle;
}

.oe-social-library-card__classify-badge--subtle {
	background: #f1f5f9;
	color: #64748b;
	font-weight: 600;
}

/* Dosyalar sekmesi — premium kompakt dosya kartı */
.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact,
.oe-social-library-grid .oe-social-file-card--compact {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
	border: 1px solid #e6eaf2;
	border-radius: 18px;
	padding: 14px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.055);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
	min-width: 0;
	height: 100%;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact:hover,
.oe-social-library-grid .oe-social-file-card--compact:hover {
	border-color: #d4dcff;
	box-shadow: 0 14px 30px rgba(79, 70, 229, 0.09);
	transform: translateY(-1px);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__top,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__top {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 11px;
	align-items: start;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__body,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__body {
	min-width: 0;
	padding-top: 1px;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge,
.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
	color: #2563eb;
	border: 1px solid rgba(37, 99, 235, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge span,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge span,
.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge span,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge span {
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.035em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--pdf,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--pdf {
	background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%);
	color: #dc2626;
	border-color: rgba(220, 38, 38, 0.1);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--docx,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--docx {
	background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
	color: #2563eb;
	border-color: rgba(37, 99, 235, 0.1);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--pptx,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--pptx {
	background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
	color: #ea580c;
	border-color: rgba(234, 88, 12, 0.1);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--xlsx,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--xlsx {
	background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
	color: #16a34a;
	border-color: rgba(22, 163, 74, 0.1);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--img,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--img {
	background: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 100%);
	color: #7c3aed;
	border-color: rgba(124, 58, 237, 0.1);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--other,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge.oe-tr-popular-file__badge--other {
	background: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 100%);
	color: #4b5563;
	border-color: rgba(75, 85, 99, 0.1);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__title,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__title,
.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-library-card__title {
	margin: 0;
	color: #0f172a;
	font-size: 14.5px;
	line-height: 1.28;
	font-weight: 700;
	letter-spacing: -0.012em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-transform: none;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__meta,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 3px 7px;
	margin-top: 6px;
	color: #64748b;
	font-size: 12px;
	line-height: 1.35;
	font-weight: 500;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__meta span,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__meta span {
	min-width: 0;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__meta span:not(:last-child)::after,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__meta span:not(:last-child)::after {
	content: "·";
	margin-left: 7px;
	color: #cbd5e1;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__meta--secondary,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__meta--secondary {
	margin-top: 4px;
	color: #7c8494;
	font-size: 11.8px;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__footer,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__footer {
	margin-top: auto;
	padding-top: 10px;
	border-top: 1px solid #edf1f7;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__author,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__author {
	margin: 0;
	color: #64748b;
	font-size: 11.8px;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__actions,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__btn,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__btn,
.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact button.oe-social-file-card__btn,
.oe-social-library-grid .oe-social-file-card--compact button.oe-social-file-card__btn {
	min-height: 32px;
	padding: 0 12px;
	border-radius: 10px;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	border: 1px solid #dbe3ef;
	background: #ffffff;
	color: #111827;
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
	cursor: pointer;
	font-family: inherit;
	transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__btn:hover,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__btn:hover {
	transform: translateY(-1px);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__btn--primary,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__btn--primary {
	background: linear-gradient(180deg, #5b4df0 0%, #4f46e5 100%);
	border-color: #4f46e5;
	color: #fff !important;
	box-shadow: 0 7px 14px rgba(79, 70, 229, 0.2);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__btn--primary:hover,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__btn--primary:hover {
	background: linear-gradient(180deg, #4f46e5 0%, #4338ca 100%);
	border-color: #4338ca;
	color: #fff !important;
	box-shadow: 0 8px 16px rgba(79, 70, 229, 0.24);
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__btn--ghost,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__btn--ghost {
	background: #ffffff;
	color: #111827;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__btn--ghost:hover,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__btn--ghost:hover {
	background: #f8f7ff;
	border-color: #d8d2ff;
	color: #1e1b4b;
}

.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-library-card__classify-badge,
.oe-social-library-grid .oe-social-file-card--compact .oe-social-library-card__classify-badge {
	margin: 5px 0 0;
	font-size: 10px;
}

@media (max-width: 640px) {
	.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact,
	.oe-social-library-grid .oe-social-file-card--compact {
		padding: 12px;
		border-radius: 16px;
	}

	.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__top,
	.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__top {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 10px;
	}

	.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge,
	.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge {
		width: 40px;
		height: 40px;
		border-radius: 12px;
	}

	.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__badge span,
	.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__badge span {
		font-size: 9.8px;
	}

	.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__title,
	.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__title {
		font-size: 13.5px;
		line-height: 1.3;
	}

	.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__meta,
	.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__meta {
		font-size: 11.5px;
	}

	.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__author,
	.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__author {
		font-size: 11.3px;
	}

	.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__actions,
	.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__actions {
		gap: 7px;
		margin-top: 9px;
	}

	.oe-social-library-grid .oe-social-library-card.oe-social-file-card--compact .oe-social-file-card__btn,
	.oe-social-library-grid .oe-social-file-card--compact .oe-social-file-card__btn {
		min-height: 31px;
		padding: 0 10px;
		font-size: 12px;
		flex: 1 1 0;
	}
}

.oe-social-library-edit-modal[hidden] {
	display: none !important;
}

.oe-social-library-edit-modal {
	position: fixed;
	inset: 0;
	z-index: 130;
	display: grid;
	place-items: center;
	padding: 16px;
}

.oe-social-library-edit-modal__dialog {
	width: min(560px, 100%);
	max-height: 90vh;
	overflow: auto;
}

@media (max-width: 900px) {
	.oe-social-popular-files-library__item--desktop-only {
		display: none;
	}

	.oe-social-library-toolbar__desktop-filters {
		display: none;
	}

	.oe-social-library-toolbar__filter-toggle {
		display: inline-flex;
	}

	.oe-social-library-grid {
		grid-template-columns: 1fr;
	}

	.oe-social-library-grid .oe-social-file-card__actions {
		display: flex;
		flex-wrap: wrap;
		grid-template-columns: unset;
	}

	.oe-social-library-grid .oe-social-file-card__actions .oe-social-file-card__btn--primary {
		grid-column: auto;
	}

	.oe-library-select__dropdown {
		display: none !important;
	}
}

@media (min-width: 901px) {
	.oe-social-library-filter-sheet {
		display: none !important;
	}

	.oe-social-library-toolbar__filter-toggle {
		display: none !important;
	}
}

.oe-social-single-post-view {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.oe-social-single-post-view__topbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 4px 0 8px;
}

.oe-social-single-post-view__back,
.oe-social-single-post-view__room {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--oe-tr-link, #2563eb);
	text-decoration: none;
}

.oe-social-single-post-view__back:hover,
.oe-social-single-post-view__room:hover {
	text-decoration: underline;
}

.oe-social-single-post-view__content {
	width: 100%;
}

.oe-social-single-post-view__message {
	margin: 0;
}

.oe-social-page--single-post .oe-tr-feed > .oe-social-tabHint {
	display: none;
}

/* SEO tekil dosya sayfası */
.oe-social-layout--seo-file {
	max-width: 860px;
	margin: 0 auto;
	padding: 1rem 1rem 2rem;
}

.oe-social-seo-file__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.5rem;
	align-items: center;
	font-size: 0.875rem;
	color: #5b6777;
	margin: 0 0 1rem;
}

.oe-social-seo-file__breadcrumb a {
	color: #1f6feb;
	text-decoration: none;
}

.oe-social-seo-file__breadcrumb a:hover {
	text-decoration: underline;
}

.oe-social-seo-file {
	padding: 1.25rem 1.35rem;
}

.oe-social-seo-file__title {
	margin: 0 0 1rem;
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	line-height: 1.25;
	color: #152033;
}

.oe-social-seo-file__meta {
	display: grid;
	grid-template-columns: minmax(120px, 180px) 1fr;
	gap: 0.55rem 1rem;
	margin: 0 0 1.25rem;
	padding: 0.85rem 1rem;
	background: #f7faff;
	border: 1px solid #e3ebf5;
	border-radius: 12px;
}

.oe-social-seo-file__meta-row {
	display: contents;
}

.oe-social-seo-file__meta dt {
	margin: 0;
	font-weight: 600;
	color: #425066;
}

.oe-social-seo-file__meta dd {
	margin: 0;
	color: #152033;
}

.oe-social-seo-file__section-title {
	margin: 0 0 0.65rem;
	font-size: 1.05rem;
	color: #152033;
}

.oe-social-seo-file__description {
	margin-bottom: 1.25rem;
}

.oe-social-seo-file__description-body {
	color: #2b3645;
	line-height: 1.6;
}

.oe-social-seo-file__download {
	margin-bottom: 1.25rem;
	padding: 1rem;
	border: 1px solid #e3ebf5;
	border-radius: 12px;
	background: #fff;
}

.oe-social-seo-file__social {
	margin-bottom: 1.25rem;
	color: #425066;
	line-height: 1.55;
}

.oe-social-seo-file__similar-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.75rem;
}

.oe-social-seo-file__similar-list a {
	color: #1f6feb;
	text-decoration: none;
}

.oe-social-seo-file__similar-list a:hover {
	text-decoration: underline;
}

.oe-social-seo-file__similar-meta {
	display: block;
	font-size: 0.85rem;
	color: #667788;
	margin-top: 0.15rem;
}

@media (max-width: 640px) {
	.oe-social-seo-file__meta {
		grid-template-columns: 1fr;
	}
}

/* Google branş seçimi — Öğretmenler Odası içi modal */
.oe-social-page--google-branch-pending .oe-tr-googleBranchModal {
	display: grid;
}

.oe-tr-googleBranchModal__dialog {
	width: min(100%, 460px);
	max-width: 480px;
}

.oe-tr-googleBranchModal__desc {
	margin-bottom: 18px;
}

.oe-tr-googleBranchModal__err {
	margin: 0 0 12px;
	padding: 10px 12px;
	border-radius: 10px;
	background: #fef2f2;
	color: #991b1b;
	font-size: 14px;
}

.oe-tr-googleBranchModal__field {
	margin-bottom: 16px;
}

.oe-tr-googleBranchModal__label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
}

.oe-tr-googleBranchModal__select {
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	border: 1px solid #dbe3ef;
	border-radius: 12px;
	background: #fff;
	font-size: 15px;
	color: #0f172a;
}

.oe-tr-googleBranchModal__submit {
	width: 100%;
	justify-content: center;
	min-height: 44px;
}

.oe-tr-composerLocked {
	padding: 14px 16px;
	border-radius: 14px;
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	color: #475569;
	font-size: 14px;
}

.oe-tr-composerLocked p {
	margin: 0;
}