/**
 * TODEY-Community Enterprise Dark Stylesheet
 * Strict adherence to DM Sans typography and TODEY Luxury Dark Tokens.
 */

:root {
	--todey-bg-black: #000000;
	--todey-bg-card: #000000;
	--todey-bg-hover: #080808;
	--todey-border: 1px solid #141414;
	--todey-border-subtle: #141414;
	--todey-orange: #ff4400;
	--todey-gold: #f5a623;
	--todey-green: #2ecc71;
	--todey-green-bg: #0b1f13;
	--todey-green-border: #144224;
	--todey-red: #ff0000;
	--todey-text-white: #ffffff;
	--todey-text-subtle: #b3b3b3;
	--todey-text-muted: #888888;
	--todey-text-dim: #555555;
	--todey-font-main: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--todey-font-heading: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--todey-font-mono: 'Roboto Mono', monospace;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ==========================================================================
   1. On-Page "User Ratings & Reviews" Section
   ========================================================================== */
.todey-ratings-reviews-card {
	background: transparent;
	border: none;
	border-radius: 0px;
	padding: 0;
	margin: 0;
	font-family: var(--todey-font-main);
	color: var(--todey-text-white);
	box-sizing: border-box;
}

.todey-ratings-reviews-card .todey-section-headline {
	font-size: 42px;
	font-weight: 900;
	font-family: 'Clash Display', var(--todey-font-heading), sans-serif;
	color: #fff;
	word-spacing: .25rem !important;
	text-transform: uppercase;
	margin: 40px 0 30px 0;
	letter-spacing: -0.5px;
	border-bottom: 1px solid #141414;
	padding-bottom: 20px;
	line-height: 1.15;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.todey-ratings-reviews-card .todey-section-headline {
		font-size: 22px;
		margin: 30px 0 20px 0;
		padding-bottom: 10px;
	}
}

.todey-reputation-bento-grid {
	display: grid;
	grid-template-columns: 1fr 1.35fr 1.35fr;
	gap: 14px;
	align-items: stretch;
	margin-bottom: 40px;
}

/* Bento Pods Architecture */
.todey-rep-pod {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 20px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	box-sizing: border-box;
	position: relative;
}

/* Pod 1: Score & Telemetry Rows */
.todey-rep-pod-score {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.todey-rep-score-top {
	display: flex;
	flex-direction: column;
	gap: 0;
	flex: 1;
}

.todey-rep-score-header-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 6px;
	border-bottom: 1px solid #141414;
}

.todey-rep-score-center {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: auto;
	margin-bottom: auto;
	padding: 8px 0;
}

.todey-rep-score-main {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-bottom: 0;
}

.todey-rep-big-num {
	font-family: var(--todey-font-main);
	font-size: 80px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1;
	letter-spacing: -1px;
}

.todey-rep-denom {
	font-family: var(--todey-font-main);
	font-size: 16px;
	font-weight: 500;
	color: #888888;
}

.todey-rep-stars-row {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.todey-stars-cluster-boxed {
	display: inline-flex;
	gap: 4px;
	align-items: center;
}

.todey-star-box-framed {
	width: 28px;
	height: 28px;
	min-width: 28px;
	min-height: 28px;
	border-radius: 0px !important;
	border: none !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden;
}

.todey-star-box-framed svg {
	width: 18px;
	height: 18px;
	fill: #000000;
	color: #000000;
	display: block;
}

.todey-rep-status-pill {
	font-family: var(--todey-font-mono);
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	background: #000000 !important;
	padding: 0;
	border-radius: 0px !important;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	box-sizing: border-box;
	flex-shrink: 0;
	border: none !important;
}

.todey-rep-status-pill.todey-pill-green {
	color: #2ecc71 !important;
	border: none !important;
}

.todey-rep-status-pill.todey-pill-orange {
	color: #ff4400 !important;
	border: none !important;
}

.todey-rep-status-pill.todey-pill-red {
	color: #ff0000 !important;
	border: none !important;
}

.todey-rep-status-pill.todey-pill-muted {
	color: #888888 !important;
	border: none !important;
}

.todey-rep-score-header-row .todey-rep-status-pill {
	font-family: var(--todey-font-main);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	padding-top: 0;
}

/* Telemetry Rows */
.todey-rep-telemetry-rows {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-top: auto;
}

.todey-rep-telem-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 0;
	border-top: 1px solid #141414;
	box-sizing: border-box;
}

.todey-rep-telem-row:last-child {
	padding-bottom: 0;
}

.todey-telem-icon-circle {
	width: 28px;
	height: 28px;
	min-width: 28px;
	min-height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000000;
	border: 1px solid #141414;
	flex-shrink: 0;
}

.todey-telem-icon-green {
	border-color: rgba(46, 204, 113, 0.4) !important;
	color: #2ecc71 !important;
}

.todey-telem-icon-orange {
	border-color: rgba(255, 68, 0, 0.4) !important;
	color: #ff4400 !important;
}

.todey-telem-icon-red {
	border-color: rgba(255, 0, 0, 0.4) !important;
	color: #ff0000 !important;
}

.todey-telem-icon-muted {
	border-color: #141414 !important;
	color: #888888 !important;
}

.todey-telem-stat-num {
	font-family: var(--todey-font-main);
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
	min-width: 36px;
}

.todey-telem-label-stack {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.todey-telem-title {
	font-family: var(--todey-font-main);
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
	display: flex;
	align-items: center;
	gap: 4px;
}

.todey-accent-orange {
	color: #ff4400;
}

.todey-telem-sub {
	font-family: var(--todey-font-main);
	font-size: 11px;
	font-weight: 400;
	color: #888888;
	line-height: 1.25;
}

/* Pod 2: Rating Profile & Matrix Progress Bars */
.todey-rep-pod-distribution {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.todey-rep-dist-top {
	display: flex;
	flex-direction: column;
	gap: 0;
	flex: 1;
}

.todey-rep-dist-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
	padding-bottom: 6px;
	border-bottom: 1px solid #141414;
}

.todey-rep-dist-center {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	margin-bottom: auto;
	padding: 8px 0;
}

.todey-rep-dist-title {
	font-family: var(--todey-font-heading);
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.todey-rep-dist-count {
	font-family: var(--todey-font-main);
	font-size: 11px;
	font-weight: 400;
	color: #888888;
}

.todey-rep-matrix-bars {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-bottom: 0;
}

.todey-matrix-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 2px 4px;
	cursor: pointer;
	border-radius: 0px !important;
	transition: background-color 0.15s ease;
	box-sizing: border-box;
}

.todey-matrix-row:hover {
	background: #080808 !important;
}

.todey-matrix-star-label {
	font-family: var(--todey-font-main);
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	white-space: nowrap !important;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
}

.todey-matrix-track {
	flex: 1;
	height: 8px;
	background: #141414;
	border-radius: 0px !important;
	overflow: hidden;
	position: relative;
}

.todey-matrix-track::after {
	content: '';
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(
		to right,
		transparent 0px,
		transparent 4px,
		#000000 4px,
		#000000 6px
	);
	pointer-events: none;
	z-index: 2;
}

.todey-matrix-fill {
	height: 100%;
	border-radius: 0px !important;
	transition: width 0.4s ease;
	position: relative;
	z-index: 1;
}

.todey-fill-green {
	background: #2ecc71 !important;
}

.todey-fill-lime {
	background: #a3e635 !important;
}

.todey-fill-amber {
	background: #ff9f43 !important;
}

.todey-fill-red {
	background: #ff0000 !important;
}

.todey-matrix-val-stack {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 52px;
	gap: 0;
}

.todey-matrix-pct {
	font-family: var(--todey-font-main);
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
}

.todey-matrix-sub {
	font-family: var(--todey-font-main);
	font-size: 10px;
	font-weight: 400;
	color: #888888;
	line-height: 1;
}

.todey-rep-consensus-box {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 8px 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	margin-top: auto;
}

.todey-rep-consensus-icon-wrap {
	width: 28px;
	height: 28px;
	min-width: 28px;
	min-height: 28px;
	background: #000000;
	border: 1px solid #141414;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.todey-rep-consensus-icon-wrap.todey-consensus-green {
	border-color: rgba(46, 204, 113, 0.4) !important;
	color: #2ecc71 !important;
}

.todey-rep-consensus-icon-wrap.todey-consensus-orange {
	border-color: rgba(255, 68, 0, 0.4) !important;
	color: #ff4400 !important;
}

.todey-rep-consensus-icon-wrap.todey-consensus-red {
	border-color: rgba(255, 0, 0, 0.4) !important;
	color: #ff0000 !important;
}

.todey-rep-consensus-icon-wrap.todey-consensus-muted {
	border-color: #141414 !important;
	color: #888888 !important;
}

.todey-rep-consensus-content {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.todey-rep-consensus-title {
	font-family: var(--todey-font-main);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
}

.todey-rep-consensus-desc {
	font-family: var(--todey-font-main);
	font-size: 10.5px;
	font-weight: 400;
	color: #888888;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Pod 3: Actions & Official Team Presence */
.todey-rep-pod-actions {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.todey-rep-actions-top {
	display: flex;
	flex-direction: column;
	gap: 0;
	flex: 1;
}

.todey-rep-section-header-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.todey-rep-actions-header-row {
	margin-bottom: 0;
	padding-bottom: 6px;
	border-bottom: 1px solid #141414;
}

.todey-rep-actions-center {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: auto;
	margin-bottom: auto;
	padding: 8px 0;
}

.todey-rep-section-title-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
}

.todey-rep-section-title {
	font-family: var(--todey-font-heading);
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.todey-rep-signal-sub {
	font-family: var(--todey-font-main);
	font-size: 11px;
	font-weight: 400;
	color: #888888;
	line-height: 1.25;
}

.todey-rep-integrity-notice {
	display: flex;
	align-items: center;
	gap: 7px;
	font-family: var(--todey-font-main);
	font-size: 11px;
	color: #888888;
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 0;
}

.todey-rep-integrity-notice svg {
	width: 12px;
	height: 12px;
	min-width: 12px;
	min-height: 12px;
	stroke: #ff4400;
	color: #ff4400;
	flex-shrink: 0;
}

.todey-rep-buttons-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	margin-top: 2px;
}

.todey-rep-btn {
	height: 38px;
	min-height: 38px;
	padding: 0 12px;
	font-family: var(--todey-font-heading);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 0px !important;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: background-color 0.15s ease, color 0.15s ease;
	box-sizing: border-box;
}

.todey-rep-btn-primary {
	background: #ff4400 !important;
	border: 1px solid #141414 !important;
	color: #000000 !important;
}

.todey-rep-btn-primary:hover {
	background: #ffffff !important;
	color: #000000 !important;
}

.todey-rep-btn-secondary {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
}

.todey-rep-btn-secondary svg {
	transition: transform 0.2s ease, stroke 0.2s ease, color 0.2s ease;
}

.todey-rep-btn-secondary:hover {
	background: #000000 !important;
	color: #ffffff !important;
	border-color: #141414 !important;
}

.todey-rep-btn-secondary:hover svg {
	stroke: #ff4400 !important;
	color: #ff4400 !important;
	transform: translateX(4px);
}

.todey-rep-actions-bottom {
	margin-top: auto;
	padding-top: 10px;
	border-top: 1px solid #141414;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.todey-rep-team-notice {
	font-family: var(--todey-font-main);
	font-size: 11px;
	font-weight: 400;
	color: #888888;
	line-height: 1.25;
}

.todey-rep-claim-btn {
	height: 38px;
	min-height: 38px;
	width: 100%;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	font-family: var(--todey-font-heading);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 0 14px;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none !important;
	border-radius: 0px !important;
	box-sizing: border-box;
	margin-top: 2px;
}

.todey-rep-claim-btn svg {
	color: #ffffff;
	stroke: #ffffff;
	transition: transform 0.2s ease, stroke 0.2s ease, color 0.2s ease;
}

.todey-rep-claim-btn:hover {
	background: #000000 !important;
	color: #ffffff !important;
	border-color: #141414 !important;
}

.todey-rep-claim-btn:hover svg {
	stroke: #ff4400 !important;
	color: #ff4400 !important;
	transform: translateX(4px);
}

@media (max-width: 1080px) {
	.todey-reputation-bento-grid {
		grid-template-columns: 1fr 1fr;
	}
	.todey-rep-pod-actions {
		grid-column: span 2;
	}
}

@media (max-width: 768px) {
	.todey-reputation-bento-grid {
		grid-template-columns: 1fr;
	}
	.todey-rep-pod-actions {
		grid-column: span 1;
	}
	.todey-rep-buttons-grid {
		grid-template-columns: 1fr;
	}
}

/* Compact Widget Pill */
.todey-community-widget-pill {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	height: 40px;
	background: var(--todey-bg-black);
	border: var(--todey-border);
	padding: 0 14px;
	font-family: var(--todey-font-main);
}

.todey-widget-score-block {
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 800;
	font-size: 15px;
	color: #ffffff;
}

.todey-widget-actions {
	display: flex;
	gap: 6px;
	margin-left: auto;
}

.todey-widget-btn {
	height: 28px;
	background: #000000;
	border: var(--todey-border);
	color: #ffffff;
	padding: 0 10px;
	font-size: 10px;
	font-weight: 700;
	cursor: pointer;
}

.todey-widget-btn:hover {
	background: var(--todey-orange);
	color: #000000;
}

/* ==========================================================================
   2. Slide-Out Review Drawer (Screenshot 2)
   ========================================================================== */
.todey-community-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.88);
	z-index: 999998;
	backdrop-filter: blur(4px);
}

.todey-community-drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 500px;
	max-width: 100vw;
	background: var(--todey-bg-black);
	border-left: var(--todey-border);
	z-index: 999999;
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: -12px 0 35px rgba(0, 0, 0, 0.9);
	font-family: var(--todey-font-main);
}

.todey-community-drawer.todey-drawer-open {
	transform: translateX(0);
}

.todey-drawer-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.todey-drawer-view {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.todey-drawer-top-header {
	padding: 24px 28px 16px 28px;
	border-bottom: var(--todey-border);
	background: var(--todey-bg-black);
	flex-shrink: 0;
}

.todey-drawer-title-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px;
}

.todey-drawer-heading {
	font-family: var(--todey-font-heading) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.todey-drawer-close-btn {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	color: #888888 !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	font-size: 20px !important;
	font-family: var(--todey-font-heading) !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	transition: color 0.15s ease !important;
	transform: none !important;
}

.todey-drawer-close-btn:hover {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: #ffffff !important;
	transform: none !important;
}

.todey-drawer-close-btn svg {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	stroke: currentColor !important;
	display: block !important;
	pointer-events: none !important;
	transition: color 0.15s ease !important;
}

.todey-drawer-heading {
	font-family: var(--todey-font-heading);
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
	line-height: 1.2;
}

.todey-drawer-project-name {
	color: #ffffff;
	font-weight: 700;
}

.todey-drawer-rating-subtext {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 6px;
	margin-bottom: 16px;
}

.todey-drawer-stats-left {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
}

.todey-drawer-star-icon {
	width: 14px;
	height: 14px;
	min-width: 14px;
	min-height: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.todey-drawer-star-icon svg {
	width: 14px;
	height: 14px;
	display: block;
}

.todey-drawer-score-val {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
}

.todey-drawer-reviews-count {
	font-size: 13px;
	font-weight: 500;
	color: #888888;
	margin-left: 2px;
}

.todey-claim-project-btn {
	background: transparent !important;
	border: none !important;
	outline: none !important;
	padding: 0 !important;
	color: #888888 !important;
	font-family: var(--todey-font-main);
	font-size: 11px;
	font-weight: 600;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
	transition: color 0.15s ease;
}

.todey-claim-project-btn:hover {
	color: #ff4400 !important;
}

.todey-claim-project-btn svg {
	width: 12px;
	height: 12px;
	display: block;
}

.todey-drawer-sub-desc {
	font-size: 13px;
	color: var(--todey-text-muted);
	margin-top: 4px;
}

/* Unified Conjoined Filter & Sort Bar (Single Continuous 32px Box) */
.todey-drawer-conjoined-bar {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	height: 32px;
	min-height: 32px;
	background: #000000;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	box-sizing: border-box;
	margin-top: 14px;
	margin-bottom: 20px;
	overflow: hidden;
}

.todey-star-filter-pills {
	display: flex;
	align-items: stretch;
	height: 100%;
	background: transparent;
	border: none;
}

.todey-pill-btn {
	height: 100%;
	padding: 0 12px;
	font-family: var(--todey-font-main);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	background: #000000;
	border: none !important;
	color: #ffffff;
	cursor: pointer;
	border-radius: 0px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.todey-pill-btn:hover {
	color: #ffffff;
	background: #141414;
}

.todey-pill-btn.todey-pill-active {
	background: #ff4400 !important;
	color: #000000 !important;
	font-weight: 700 !important;
}

.todey-drawer-sort-wrap {
	position: relative;
	display: flex;
	align-items: stretch;
	height: 100%;
	margin-left: auto;
	box-sizing: border-box;
}

.todey-drawer-sort-select {
	height: 100%;
	background: #000000;
	border: none !important;
	color: #ffffff;
	font-family: var(--todey-font-main);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 0 28px 0 12px;
	border-radius: 0px;
	outline: none;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	transition: background-color 0.15s ease;
}

.todey-drawer-sort-select:hover {
	background: #080808;
}

.todey-drawer-sort-select:focus,
.todey-drawer-sort-select:active {
	outline: none !important;
	box-shadow: none !important;
}

.todey-drawer-sort-select option {
	background: #000000;
	color: #ffffff;
}

.todey-select-chevron {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.todey-select-chevron svg path {
	fill: #ff4400 !important;
}

.todey-drawer-content-body {
	flex: 1;
	overflow-y: auto;
	padding: 24px 28px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #1a1a1a #000000;
}

.todey-drawer-content-body::-webkit-scrollbar {
	width: 4px;
	background: #000000;
}

.todey-drawer-content-body::-webkit-scrollbar-track {
	background: #000000;
}

.todey-drawer-content-body::-webkit-scrollbar-thumb {
	background: #1a1a1a;
	border-radius: 0px;
}

.todey-drawer-content-body::-webkit-scrollbar-thumb:hover {
	background: #2a2a2a;
}

/* Review Item in Feed (Drawer & Standalone) */
.todey-reviews-feed {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.todey-reviews-feed .todey-review-card,
#todey-reviews-feed .todey-review-card {
	background: #000000 !important;
	border: none !important;
	border-bottom: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 0 0 22px 0 !important;
	margin-bottom: 20px !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: stretch !important;
	gap: 0px !important;
	width: 100% !important;
}

.todey-review-card {
	background: #000000;
	border-bottom: 1px solid #141414;
	padding-bottom: 22px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.todey-review-header-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 8px;
	width: 100%;
}

.todey-review-header-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
	flex-shrink: 0;
}

.todey-review-header-right .todey-review-stars-row {
	margin-bottom: 0 !important;
	display: flex;
	align-items: center;
	line-height: 1;
}

.todey-review-header-right .todey-review-date-right {
	font-family: var(--todey-font-main);
	font-size: 11px;
	color: var(--todey-text-muted, #888888);
	line-height: 1.2;
}

.todey-review-author-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.todey-review-avatar-initials {
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0px !important;
	flex-shrink: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.todey-review-avatar-initials img,
.todey-review-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.todey-author-name-stack {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1px;
	line-height: 1.15;
}

.todey-author-display-name {
	font-family: var(--todey-font-main);
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
}

.todey-author-username {
	font-family: var(--todey-font-main);
	font-size: 11px;
	font-weight: 500;
	color: #888888;
	line-height: 1.2;
}

.todey-review-author-name {
	font-family: var(--todey-font-main);
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
}

.todey-review-date-right {
	font-family: var(--todey-font-main);
	font-size: 11px;
	color: var(--todey-text-muted);
}

.todey-review-stars-row {
	margin-bottom: 0;
}

.todey-square-stars-row {
	display: inline-flex;
	gap: 3px;
	align-items: center;
}

.todey-square-star-mini {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 2px;
	border-radius: 0px !important;
}

.todey-square-star-mini svg {
	width: 100%;
	height: 100%;
	display: block;
}

.todey-square-star-mini svg path {
	fill: #000000 !important;
}

.todey-square-star-mini.todey-star-filled {
	background: #ff4400 !important;
}

.todey-square-star-mini.todey-star-half {
	background: linear-gradient(to right, #ff4400 50%, #666666 50%) !important;
}

.todey-square-star-mini.todey-star-empty {
	background: #666666 !important;
}

.todey-review-title {
	font-family: var(--todey-font-heading);
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 6px;
	line-height: 1.35;
}

.todey-review-content {
	font-family: var(--todey-font-main);
	font-size: 13px;
	color: #cccccc;
	line-height: 1.55;
	margin-bottom: 12px;
}

/* Official Response Container */
.todey-official-reply-box {
	background: #121212;
	border-left: 2px solid var(--todey-orange);
	padding: 12px 16px;
	margin-bottom: 12px;
}

.todey-reply-title-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px;
}

.todey-reply-badge-text {
	font-size: 11px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 5px;
	letter-spacing: 0.25px;
}

.todey-reply-badge-text .check-icon {
	color: #2ecc71;
	width: 14px;
	height: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.todey-reply-date {
	font-size: 11px;
	color: var(--todey-text-muted);
}

.todey-reply-text {
	font-size: 12px;
	color: #cccccc;
	line-height: 1.45;
}

/* Helpful Voting Bar */
.todey-review-footer-row {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 11px;
	color: var(--todey-text-muted);
}

.todey-helpful-label {
	font-size: 11px;
	color: var(--todey-text-muted);
}

.todey-helpful-buttons-group {
	display: flex;
	gap: 6px;
}

.todey-helpful-btn {
	height: 30px !important;
	min-height: 30px !important;
	padding: 0 12px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #888888 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
	box-sizing: border-box !important;
}

.todey-helpful-btn:hover {
	background: #080808 !important;
}

.todey-helpful-btn.todey-vote-up {
	color: #0ee21f !important;
}

.todey-helpful-btn.todey-vote-up:hover,
.todey-helpful-btn.todey-vote-up.voted-active {
	background: #080808 !important;
	color: #0ee21f !important;
}

.todey-helpful-btn.todey-vote-down {
	color: #ff0000 !important;
}

.todey-helpful-btn.todey-vote-down:hover,
.todey-helpful-btn.todey-vote-down.voted-active {
	background: #080808 !important;
	color: #ff0000 !important;
}

/* Load More Reviews Row */
.todey-drawer-load-more-row {
	margin-top: 20px;
	text-align: center;
}

.todey-load-more-btn {
	width: 100%;
	height: 38px;
	min-height: 38px;
	background: #000000;
	border: 1px solid #141414;
	color: #ffffff;
	font-family: var(--todey-font-main);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	border-radius: 0px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.todey-load-more-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	border-color: #ff4400 !important;
	transform: translateY(-2px);
}

/* Sticky Drawer Footer */
.todey-drawer-sticky-footer {
	padding: 16px 28px;
	background: var(--todey-bg-black);
	border-top: var(--todey-border);
	flex-shrink: 0;
}

.todey-sticky-write-btn {
	width: 100%;
	height: 42px;
	background: #000000;
	color: #ffffff;
	border: var(--todey-border);
	font-family: var(--todey-font-main);
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.todey-sticky-write-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	border-color: #ff4400 !important;
	transform: translateY(-2px);
}

/* ==========================================================================
   3. "Write a Review" Form View (Screenshot 3)
   ========================================================================== */
.todey-write-form-body {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.todey-form-section {
	display: flex;
	flex-direction: column;
}

.todey-form-label {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	color: #ffffff !important;
	margin-bottom: 4px !important;
}

.todey-label-subtle {
	font-family: var(--todey-font-main) !important;
	font-size: 10px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	color: #888888 !important;
}

.todey-form-hint {
	font-family: var(--todey-font-main) !important;
	font-size: 11px !important;
	color: #888888 !important;
	margin-bottom: 8px !important;
}

.todey-rating-header-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.todey-rating-label-group .todey-form-label {
	margin-bottom: 2px !important;
}

.todey-rating-label-group .todey-form-hint {
	margin-bottom: 0 !important;
}

.todey-square-star-picker {
	display: inline-flex;
	gap: 3px;
}

.todey-square-star-item {
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	min-height: 22px !important;
	background: #666 !important;
	border: none !important;
	border-radius: 0px !important;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 2px;
	transition: background-color 0.15s ease;
}

.todey-square-star-item svg {
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: none;
}

.todey-square-star-item svg path {
	fill: #000000 !important;
}

.todey-square-star-item.selected,
.todey-square-star-item.hovered {
	background: #ff4400 !important;
}

.todey-square-star-item.selected-half,
.todey-square-star-item.hovered-half {
	background: linear-gradient(to right, #ff4400 50%, #666666 50%) !important;
}

.todey-large-star-picker {
	display: flex;
	gap: 10px;
	font-size: 24px;
	color: #222222;
	cursor: pointer;
}

.todey-large-star-item {
	transition: color 0.15s ease;
}

.todey-large-star-item.selected,
.todey-large-star-item.hovered {
	color: var(--todey-gold);
}

#todey-community-drawer .todey-input-control,
#todey-community-drawer input[type="text"].todey-input-control,
#todey-community-drawer .todey-textarea-control,
#todey-community-drawer textarea.todey-textarea-control {
	width: 100% !important;
	background: #000000 !important;
	background-color: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	color: #ffffff !important;
	font-family: var(--todey-font-main) !important;
	font-size: 12px !important;
	box-sizing: border-box !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

#todey-community-drawer .todey-input-control,
#todey-community-drawer input[type="text"].todey-input-control {
	height: 38px !important;
	min-height: 38px !important;
	padding: 0 14px !important;
}

#todey-form-title {
	margin-bottom: 8px !important;
}

#todey-community-drawer .todey-textarea-wrap,
#todey-community-drawer .todey-input-counter-wrap {
	position: relative;
}

#todey-community-drawer .todey-textarea-control,
#todey-community-drawer textarea.todey-textarea-control {
	min-height: 200px !important;
	height: 90px !important;
	padding: 10px 14px 22px 14px !important;
	line-height: 1.5 !important;
	resize: vertical !important;
}

#todey-community-drawer .todey-input-control:focus,
#todey-community-drawer .todey-input-control:focus-visible,
#todey-community-drawer .todey-input-control:active,
#todey-community-drawer input[type="text"].todey-input-control:focus,
#todey-community-drawer input[type="text"].todey-input-control:focus-visible,
#todey-community-drawer input[type="text"].todey-input-control:active,
#todey-community-drawer .todey-textarea-control:focus,
#todey-community-drawer .todey-textarea-control:focus-visible,
#todey-community-drawer .todey-textarea-control:active,
#todey-community-drawer textarea.todey-textarea-control:focus,
#todey-community-drawer textarea.todey-textarea-control:focus-visible,
#todey-community-drawer textarea.todey-textarea-control:active {
	border-color: #141414 !important;
	border: 1px solid #141414 !important;
	outline: none !important;
	box-shadow: none !important;
}

#todey-community-drawer .todey-input-control::placeholder,
#todey-community-drawer .todey-textarea-control::placeholder {
	color: #555555 !important;
	font-family: var(--todey-font-main) !important;
	font-size: 12px !important;
}

.todey-char-counter {
	position: absolute;
	bottom: 8px;
	right: 12px;
	font-size: 10px !important;
	color: #888888 !important;
	font-family: var(--todey-font-mono) !important;
	pointer-events: none;
}

/* Use Case Chips */
.todey-usecase-chips-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.todey-chip-btn {
	height: 30px !important;
	min-height: 30px !important;
	padding: 0 12px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #888888 !important;
	font-family: var(--todey-font-main) !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer;
	border-radius: 0px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.todey-chip-btn:hover {
	color: #ffffff !important;
	background: #080808 !important;
}

.todey-chip-btn.chip-selected {
	background: #666 !important;
	color: #000000 !important;
	font-weight: 700 !important;
}

/* Recommendation Toggle Row */
.todey-recommend-toggle-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.todey-rec-toggle-btn {
	height: 38px !important;
	min-height: 38px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #888888 !important;
	font-family: var(--todey-font-main) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: 0px !important;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.todey-rec-toggle-btn:hover {
	color: #ffffff !important;
	background: #080808 !important;
}

.todey-rec-toggle-btn.todey-rec-active {
	color: #ffffff !important;
	background: #333 !important;
	font-weight: 700 !important;
}

.todey-rec-toggle-btn svg {
	width: 16px;
	height: 16px;
	min-width: 16px;
	min-height: 16px;
	flex-shrink: 0;
	display: block;
}

/* Form Actions */
.todey-write-actions-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 6px;
}

.todey-write-btn-cancel,
.todey-write-btn-submit {
	height: 38px !important;
	min-height: 38px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer;
	border-radius: 0px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.todey-write-btn-cancel {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
}

.todey-write-btn-cancel:hover {
	background: #080808 !important;
}

.todey-write-btn-submit {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
}

.todey-write-btn-submit:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	transform: translateY(-1px);
}

.todey-guidelines-notice {
	font-family: var(--todey-font-main) !important;
	font-size: 11px !important;
	color: var(--todey-text-dim) !important;
	text-align: center;
	margin-top: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.todey-guidelines-notice svg {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	color: var(--todey-text-dim);
}

.todey-guidelines-link {
	color: var(--todey-text-muted) !important;
	text-decoration: underline;
}

.todey-form-status-msg {
	padding: 10px 14px !important;
	font-family: var(--todey-font-main) !important;
	font-size: 11px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	margin-top: 6px !important;
}

/* ==========================================================================
   4. Mobile Responsiveness
   ========================================================================== */
@media (max-width: 768px) {
	.todey-summary-main-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.todey-recommendation-gauge-box {
		border-left: none;
		border-top: var(--todey-border);
		padding-left: 0;
		padding-top: 20px;
	}
	.todey-community-drawer {
		width: 100vw;
	}
	.todey-drawer-top-header,
	.todey-drawer-content-body,
	.todey-drawer-sticky-footer {
		padding-left: 18px;
		padding-right: 18px;
	}
}

/* ==========================================================================
   5. Workspace Reviews & Ratings Conjoined Horizontal Tabs
   ========================================================================== */
.todey-rep-projects-tabs-bar {
	display: inline-flex;
	height: 38px;
	min-height: 38px;
	background: #000000;
	border: 1px solid #141414;
	border-radius: 0px;
	margin-bottom: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	box-sizing: border-box;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.todey-rep-projects-tabs-bar::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}
.todey-rep-project-tab {
	height: 38px !important;
	min-height: 38px !important;
	padding: 0 18px !important;
	font-family: 'DM Sans', -apple-system, sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border: none !important;
	border-right: 1px solid #141414 !important;
	border-radius: 0px !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	outline: none !important;
	box-shadow: none !important;
	background: #000000;
	color: #ffffff;
	box-sizing: border-box !important;
	transition: background 0.15s ease, color 0.15s ease;
}
.todey-rep-project-tab:last-child {
	border-right: none !important;
}
.todey-rep-project-tab:hover:not(.todey-active) {
	background: #080808 !important;
	color: #ffffff !important;
}
.todey-rep-project-tab.todey-active {
	background: #ff4400 !important;
	color: #000000 !important;
	font-weight: 800 !important;
}

/* Personal Panel & Modal Status Badges & Form Selects */
.todey-review-status-badge,
.todey-review-edited-badge {
	display: inline-block !important;
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	box-shadow: none !important;
	outline: none !important;
}

.todey-badge-flagged {
	color: #ff0000 !important;
}

.todey-badge-pending {
	color: #f59e0b !important;
}

.todey-review-edited-badge {
	color: #888888 !important;
}

/* Pending Review Banner & Badges */
.todey-review-pending-banner {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-left: 2px solid #ff4400 !important;
	padding: 12px 8px !important;
	margin-bottom: 14px !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
}
@media (max-width: 768px) {
	.todey-review-pending-banner {
		padding: 10px 8px !important;
	}
}
.todey-review-pending-header {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 4px !important;
}
.todey-review-pending-dot {
	display: inline-block !important;
	width: 6px !important;
	height: 6px !important;
	background: #ff4400 !important;
	border-radius: 0px !important;
}
.todey-review-pending-title {
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 700 !important;
	font-size: 10px !important;
	color: #ff4400 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}
.todey-review-pending-desc {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	color: #888888 !important;
	line-height: 1.4 !important;
}
.todey-author-edit-inline-btn {
	height: 30px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	padding: 0 12px !important;
	font-size: 10px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	text-transform: uppercase !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}
.todey-author-edit-inline-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
}

#todey-edit-review-rating,
#todey-flag-review-reason {
	background-color: #000000 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 10px 6px !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	padding: 0 36px 0 12px !important;
	font-size: 12px !important;
	border-radius: 0px !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
}

/* ==========================================================================
   Project Reputation & Reviews Panel Architecture
   ========================================================================== */
.todey-community-view-wrapper {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	box-sizing: border-box !important;
	gap: 0 !important;
}

.todey-workspace-header-banner,
.todey-community-header-banner {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 16px 20px !important;
	margin-bottom: 20px !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 72px !important;
}

.todey-community-header-banner .todey-settings-header,
.todey-workspace-header-banner .todey-settings-header {
	border-left: 3px solid #ff4400 !important;
	padding-left: 14px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	margin: 0 !important;
}

.todey-project-reputation-panel,
.todey-personal-reviews-panel,
.todey-personal-reviews-card,
#todey-portal-content .todey-project-reputation-panel,
#todey-portal-content .todey-personal-reviews-panel,
#todey-portal-content .todey-personal-reviews-card,
#todey-panel-viewport .todey-project-reputation-panel,
#todey-panel-viewport .todey-personal-reviews-panel,
#todey-panel-viewport .todey-personal-reviews-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 20px 20px 24px 20px !important;
	padding-top: 20px !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.todey-panel-section-header,
.todey-project-reputation-panel .todey-panel-section-header,
.todey-personal-reviews-panel .todey-panel-section-header,
.todey-personal-reviews-section-header {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	border-bottom: 1px solid #141414 !important;
	padding-bottom: 14px !important;
	margin-bottom: 18px !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.todey-panel-stats-summary,
.todey-project-reputation-panel .todey-panel-stats-summary,
.todey-personal-reviews-panel .todey-panel-stats-summary {
	display: flex !important;
	flex-direction: row !important;
	border: 1px solid #141414 !important;
	padding: 5px !important;
	text-transform: uppercase !important;
	gap: 15px !important;
	font-size: 11px !important;
	font-family: var(--todey-font-main, 'DM Sans', sans-serif) !important;
	align-items: center !important;
}

.todey-personal-reviews-title {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

#todey-personal-reviews-count,
.todey-personal-reviews-count-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 38px !important;
	min-height: 38px !important;
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
	padding: 0 15px !important;
	background-color: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	gap: 12px !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

#todey-personal-reviews-count .badge-accent-tag,
.todey-personal-reviews-count-badge .badge-accent-tag {
	font-family: 'Space Grotesk', 'SF Mono', SFMono-Regular, Consolas, Monaco, monospace !important;
	color: #ff4400 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
	border-right: 1px solid #141414 !important;
	padding-right: 12px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

#todey-personal-reviews-count .badge-main-text,
.todey-personal-reviews-count-badge .badge-main-text {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif) !important;
	color: #a1a1a6 !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

/* Standalone Premium Micro-Badge Component */
.todey-standalone-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
	background-color: #000000 !important;
	border: 1px solid #141414 !important;
	padding: 8px 16px !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
	border-radius: 0px !important;
}

.todey-standalone-badge * {
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	border-radius: 0px !important;
}

.todey-standalone-badge .badge-accent-tag {
	font-family: 'Space Grotesk', 'SF Mono', SFMono-Regular, Consolas, Monaco, monospace !important;
	color: #ff4400 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
	border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
	padding-right: 12px !important;
	line-height: 1 !important;
	display: inline-block !important;
}

.todey-standalone-badge .badge-main-text {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif) !important;
	color: #a1a1a6 !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	display: inline-block !important;
}

.todey-personal-reviews-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.todey-personal-review-item {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 20px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 20px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	transition: background 0.15s ease !important;
}

.todey-personal-rev-main {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.todey-personal-rev-header-badges {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 8px !important;
	flex-wrap: wrap !important;
}

.todey-personal-rev-project-link {
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	text-decoration: none !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	transition: color 0.15s ease, transform 0.15s ease !important;
}

.todey-personal-rev-project-link svg {
	display: inline-block !important;
	flex-shrink: 0 !important;
	color: currentColor !important;
	transition: transform 0.15s ease !important;
}

.todey-personal-rev-project-link:hover {
	color: #ff4400 !important;
	transform: translateX(1px) !important;
}

.todey-personal-rev-project-link:hover svg {
	transform: translate(1px, -1px) !important;
}

.todey-personal-rev-project-bar {
	display: inline-block !important;
	width: 3px !important;
	height: 14px !important;
	background: #ff4400 !important;
	border-radius: 0px !important;
	margin-right: 2px !important;
	flex-shrink: 0 !important;
}

.todey-personal-rev-actions {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	flex-shrink: 0 !important;
}

.todey-personal-rev-votes {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 0 !important;
}

.todey-personal-rev-btns {
	display: inline-flex !important;
	gap: 8px !important;
	align-items: center !important;
	margin-left: auto !important;
}

.todey-personal-vote-item {
	height: 32px !important;
	min-height: 32px !important;
	line-height: 30px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 0 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #b3b3b3 !important;
	box-sizing: border-box !important;
	user-select: none !important;
}

.todey-personal-vote-item svg {
	display: block !important;
	flex-shrink: 0 !important;
}

.todey-personal-vote-item .todey-vote-count-up,
.todey-personal-vote-item .todey-vote-count-down {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	line-height: 1 !important;
}

.todey-personal-rev-stars {
	color: #ff4400 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
}

.todey-personal-rev-date {
	color: #666666 !important;
	font-size: 11px !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

.todey-personal-rev-title {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin-bottom: 6px !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

.todey-personal-rev-content {
	font-size: 12px !important;
	color: #b3b3b3 !important;
	line-height: 1.6 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	word-break: break-word !important;
}

.todey-personal-rev-reply-box {
	margin-top: 12px !important;
	padding: 10px 14px !important;
	background: #080808 !important;
	border-left: 2px solid #ff4400 !important;
	border-top: 1px solid #141414 !important;
	border-right: 1px solid #141414 !important;
	border-bottom: 1px solid #141414 !important;
	font-size: 11px !important;
	color: #e0e0e0 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	line-height: 1.5 !important;
}

.todey-personal-edit-btn {
	height: 32px !important;
	min-height: 32px !important;
	line-height: 30px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	padding: 0 14px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	outline: none !important;
	box-sizing: border-box !important;
}

.todey-personal-edit-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	border-color: #ff4400 !important;
	transform: translateY(-1px) !important;
}

.todey-personal-delete-btn {
	height: 32px !important;
	min-height: 32px !important;
	line-height: 30px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ff0000 !important;
	padding: 0 14px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	outline: none !important;
	box-sizing: border-box !important;
}

.todey-personal-delete-btn:hover {
	background: #ff0000 !important;
	color: #ffffff !important;
	border-color: #ff0000 !important;
	transform: translateY(-1px) !important;
}

/* ==========================================================================
   COMMUNITY MODALS BASE STYLING
   ========================================================================== */
.todey-modal-backdrop {
	position: fixed !important;
	inset: 0 !important;
	z-index: 99999 !important;
	background: rgba(0, 0, 0, 0.85) !important;
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 20px !important;
	box-sizing: border-box !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

.todey-modal-backdrop.todey-modal-active,
.todey-modal-backdrop.is-active {
	display: flex !important;
}

.todey-modal-box {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	width: 100% !important;
	max-width: 520px !important;
	padding: 24px !important;
	box-sizing: border-box !important;
	border-radius: 0px !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.95) !important;
}

.todey-modal-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	border-bottom: 1px solid #141414 !important;
	padding-bottom: 12px !important;
	margin-bottom: 16px !important;
}

.todey-modal-title {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.todey-modal-close-btn,
.todey-modal-close-flag-btn {
	background: none !important;
	border: none !important;
	color: #888888 !important;
	font-size: 18px !important;
	cursor: pointer !important;
	padding: 0 !important;
	line-height: 1 !important;
	outline: none !important;
	transition: color 0.15s ease !important;
}

.todey-modal-close-btn:hover,
.todey-modal-close-flag-btn:hover {
	color: #ffffff !important;
}

.todey-modal-field {
	margin-bottom: 14px !important;
}

.todey-modal-label {
	display: block !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #888888 !important;
	margin-bottom: 6px !important;
	text-transform: uppercase !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	letter-spacing: 0.5px !important;
}

.todey-modal-input,
.todey-modal-select {
	width: 100% !important;
	height: 38px !important;
	min-height: 38px !important;
	background-color: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	padding: 0 12px !important;
	font-size: 12px !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	outline: none !important;
	box-shadow: none !important;
}

.todey-modal-select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 10px 6px !important;
	padding: 0 36px 0 12px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	cursor: pointer !important;
}

.todey-modal-textarea {
	width: 100% !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	padding: 10px 12px !important;
	font-size: 12px !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	resize: vertical !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	outline: none !important;
	box-shadow: none !important;
}

.todey-modal-actions {
	display: flex !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	margin-top: 18px !important;
}

.todey-modal-btn-cancel {
	height: 38px !important;
	min-height: 38px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	padding: 0 16px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	text-transform: uppercase !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.15s ease !important;
}

.todey-modal-btn-cancel:hover {
	background: #141414 !important;
	color: #ffffff !important;
}

.todey-modal-btn-save {
	height: 38px !important;
	min-height: 38px !important;
	background: #ff4400 !important;
	border: 1px solid #ff4400 !important;
	color: #000000 !important;
	padding: 0 18px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	text-transform: uppercase !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: transform 0.15s ease !important;
}

.todey-modal-btn-save:hover {
	transform: translateY(-1px) !important;
}

.todey-modal-btn-flag {
	height: 38px !important;
	min-height: 38px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ff0000 !important;
	padding: 0 18px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	text-transform: uppercase !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.15s ease !important;
}

.todey-modal-btn-flag:hover {
	background: #ff0000 !important;
	color: #ffffff !important;
	border-color: #ff0000 !important;
	transform: translateY(-1px) !important;
}

.todey-flag-success-card {
	padding: 16px !important;
	background: #080808 !important;
	border: 1px solid #141414 !important;
	margin-bottom: 20px !important;
	box-sizing: border-box !important;
}

.todey-flag-success-inner {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
}

.todey-flag-success-check {
	width: 24px !important;
	height: 24px !important;
	border: 1px solid #ff4400 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ff4400 !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	flex-shrink: 0 !important;
	margin-top: 2px !important;
}

.todey-flag-success-title {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin-bottom: 4px !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

.todey-flag-success-desc {
	font-size: 11px !important;
	color: #888888 !important;
	line-height: 1.5 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

.todey-project-review-row {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 16px !important;
	box-sizing: border-box !important;
}

.todey-official-response-box {
	padding: 10px 14px !important;
	background: #080808 !important;
	border-left: 2px solid #ff4400 !important;
	font-size: 11px !important;
	color: #ffffff !important;
	margin-bottom: 10px !important;
	box-sizing: border-box !important;
}

.todey-review-reply-action-box {
	display: flex !important;
	gap: 8px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	align-items: center !important;
}

.todey-review-reply-action-box .todey-team-reply-input,
.todey-review-reply-action-box input[type="text"] {
	flex: 1 1 auto !important;
	height: 38px !important;
	min-height: 38px !important;
	line-height: 36px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	padding: 0 12px !important;
	font-size: 11px !important;
	border-radius: 0px !important;
	outline: none !important;
	box-sizing: border-box !important;
}

.todey-review-reply-action-box .todey-inline-reply-btn {
	height: 38px !important;
	min-height: 38px !important;
	line-height: 36px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ffffff !important;
	padding: 0 14px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	white-space: nowrap !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}

.todey-review-reply-action-box .todey-inline-reply-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
}

.todey-review-reply-action-box .todey-inline-report-btn {
	height: 38px !important;
	min-height: 38px !important;
	line-height: 36px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	color: #ff0000 !important;
	padding: 0 12px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	border-radius: 0px !important;
	white-space: nowrap !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}

.todey-review-reply-action-box .todey-inline-report-btn:hover {
	border-color: #ff0000 !important;
	background: #080808 !important;
}

@media (max-width: 768px) {
	.todey-workspace-header-banner,
	.todey-community-header-banner {
		padding: 14px 10px !important;
		margin-bottom: 16px !important;
	}

	.todey-project-reputation-panel,
	.todey-personal-reviews-panel,
	.todey-personal-reviews-card,
	#todey-portal-content .todey-project-reputation-panel,
	#todey-portal-content .todey-personal-reviews-panel,
	#todey-portal-content .todey-personal-reviews-card,
	#todey-panel-viewport .todey-project-reputation-panel,
	#todey-panel-viewport .todey-personal-reviews-panel,
	#todey-panel-viewport .todey-personal-reviews-card {
		padding: 14px 10px 18px 10px !important;
		padding-top: 14px !important;
		margin-top: 14px !important;
	}

	.todey-panel-section-header,
	.todey-project-reputation-panel .todey-panel-section-header,
	.todey-personal-reviews-panel .todey-panel-section-header,
	.todey-personal-reviews-section-header {
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		padding-bottom: 10px !important;
		margin-bottom: 14px !important;
		gap: 8px 12px !important;
		width: 100% !important;
	}

	#todey-personal-reviews-count,
	.todey-personal-reviews-count-badge {
		height: 36px !important;
		min-height: 36px !important;
		padding: 0 10px !important;
		gap: 8px !important;
		width: auto !important;
	}

	#todey-personal-reviews-count .badge-accent-tag,
	.todey-personal-reviews-count-badge .badge-accent-tag {
		font-size: 9.5px !important;
		padding-right: 8px !important;
	}

	#todey-personal-reviews-count .badge-main-text,
	.todey-personal-reviews-count-badge .badge-main-text {
		font-size: 10px !important;
	}

	.todey-panel-stats-summary,
	.todey-project-reputation-panel .todey-panel-stats-summary,
	.todey-personal-reviews-panel .todey-panel-stats-summary {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 6px 14px !important;
		width: 100% !important;
		font-size: 11px !important;
	}

	.todey-standalone-badge {
		padding: 6px 12px !important;
		gap: 8px !important;
	}

	.todey-standalone-badge .badge-accent-tag {
		font-size: 9.5px !important;
		padding-right: 8px !important;
	}

	.todey-standalone-badge .badge-main-text {
		font-size: 10px !important;
	}

	.todey-personal-review-item {
		flex-direction: column !important;
		align-items: stretch !important;
		padding: 12px 10px !important;
		gap: 12px !important;
	}

	.todey-personal-rev-main {
		width: 100% !important;
	}

	.todey-personal-rev-actions {
		width: 100% !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		border-top: 1px solid #141414 !important;
		padding-top: 10px !important;
		margin-top: 4px !important;
		gap: 8px !important;
		flex-wrap: nowrap !important;
	}

	.todey-personal-rev-btns {
		order: 1 !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		width: auto !important;
		flex-shrink: 0 !important;
	}

	.todey-personal-edit-btn,
	.todey-personal-delete-btn {
		height: 30px !important;
		min-height: 30px !important;
		line-height: 28px !important;
		font-size: 10px !important;
		padding: 0 10px !important;
		width: auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	.todey-personal-rev-votes {
		order: 2 !important;
		width: auto !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 5px !important;
		margin-top: 0 !important;
		margin-left: auto !important;
		flex-shrink: 0 !important;
	}

	.todey-personal-vote-item {
		height: 30px !important;
		min-height: 30px !important;
		line-height: 28px !important;
		padding: 0 8px !important;
		font-size: 10.5px !important;
	}

	.todey-modal-backdrop {
		padding: 12px 10px !important;
	}

	.todey-modal-box {
		padding: 18px 14px !important;
		max-width: 100% !important;
	}

	.todey-modal-actions {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
		width: 100% !important;
	}

	.todey-modal-actions button {
		width: 100% !important;
	}

	.todey-project-review-row {
		padding: 12px 10px !important;
	}

	.todey-official-response-box,
	div[id^="todey-official-response-box-"] {
		padding: 10px 10px !important;
		margin-bottom: 10px !important;
	}

	.todey-review-reply-action-box {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		width: 100% !important;
	}

	.todey-review-reply-action-box .todey-team-reply-input,
	.todey-review-reply-action-box input[type="text"],
	.todey-review-reply-action-box input[id^="todey-team-reply-input-"] {
		width: 100% !important;
		flex: 1 1 100% !important;
		min-width: 100% !important;
		height: 38px !important;
		min-height: 38px !important;
		line-height: 36px !important;
		font-size: 11px !important;
		padding: 0 10px !important;
	}

	.todey-review-reply-action-box .todey-inline-reply-btn,
	.todey-review-reply-action-box button:not(.todey-inline-report-btn):not([onclick*="todeyFlagReviewPrompt"]) {
		flex: 1 1 calc(70% - 4px) !important;
		height: 38px !important;
		min-height: 38px !important;
		line-height: 36px !important;
		font-size: 10px !important;
		padding: 0 10px !important;
		white-space: nowrap !important;
		text-align: center !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.todey-review-reply-action-box .todey-inline-report-btn,
	.todey-review-reply-action-box button[onclick*="todeyFlagReviewPrompt"] {
		flex: 0 0 auto !important;
		min-width: 75px !important;
		height: 38px !important;
		min-height: 38px !important;
		line-height: 36px !important;
		font-size: 10px !important;
		padding: 0 10px !important;
		white-space: nowrap !important;
		text-align: center !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}

@media (max-width: 480px) {
	.todey-workspace-header-banner,
	.todey-community-header-banner {
		padding: 12px 10px !important;
		margin-bottom: 14px !important;
	}

	.todey-personal-reviews-title {
		font-size: 12.5px !important;
	}

	#todey-personal-reviews-count,
	.todey-personal-reviews-count-badge {
		height: 34px !important;
		min-height: 34px !important;
		padding: 0 8px !important;
		gap: 6px !important;
		width: auto !important;
	}

	#todey-personal-reviews-count .badge-accent-tag,
	.todey-personal-reviews-count-badge .badge-accent-tag {
		font-size: 9px !important;
		padding-right: 6px !important;
	}

	#todey-personal-reviews-count .badge-main-text,
	.todey-personal-reviews-count-badge .badge-main-text {
		font-size: 9.5px !important;
	}

	.todey-standalone-badge {
		padding: 5px 10px !important;
		gap: 6px !important;
	}

	.todey-standalone-badge .badge-accent-tag {
		font-size: 9px !important;
		padding-right: 6px !important;
	}

	.todey-standalone-badge .badge-main-text {
		font-size: 9.5px !important;
	}

	.todey-project-reputation-panel,
	.todey-personal-reviews-panel,
	.todey-personal-reviews-card,
	#todey-portal-content .todey-project-reputation-panel,
	#todey-portal-content .todey-personal-reviews-panel,
	#todey-portal-content .todey-personal-reviews-card,
	#todey-panel-viewport .todey-project-reputation-panel,
	#todey-panel-viewport .todey-personal-reviews-panel,
	#todey-panel-viewport .todey-personal-reviews-card {
		padding: 12px 6px 16px 6px !important;
		padding-top: 12px !important;
		margin-top: 12px !important;
	}

	.todey-personal-review-item {
		padding: 10px 8px !important;
		gap: 10px !important;
	}

	.todey-personal-rev-header-badges {
		gap: 6px !important;
	}

	.todey-personal-rev-project-link {
		font-size: 12px !important;
	}

	.todey-personal-rev-stars {
		font-size: 10px !important;
	}

	.todey-personal-rev-date {
		font-size: 9.5px !important;
	}

	.todey-personal-rev-title {
		font-size: 11.5px !important;
	}

	.todey-personal-rev-content {
		font-size: 10.5px !important;
	}

	.todey-personal-edit-btn,
	.todey-personal-delete-btn {
		height: 28px !important;
		min-height: 28px !important;
		line-height: 26px !important;
		font-size: 9.5px !important;
		padding: 0 8px !important;
	}

	.todey-personal-vote-item {
		height: 28px !important;
		min-height: 28px !important;
		line-height: 26px !important;
		padding: 0 6px !important;
		font-size: 10px !important;
		gap: 4px !important;
	}

	.todey-personal-vote-item svg {
		width: 10px !important;
		height: 10px !important;
	}

	.todey-modal-box {
		padding: 14px 10px !important;
	}

	.todey-project-review-row {
		padding: 12px 10px !important;
	}
}

@media (max-width: 340px) {
	.todey-personal-edit-btn,
	.todey-personal-delete-btn {
		height: 26px !important;
		min-height: 26px !important;
		line-height: 24px !important;
		font-size: 9px !important;
		padding: 0 6px !important;
	}

	.todey-personal-vote-item {
		height: 26px !important;
		min-height: 26px !important;
		line-height: 24px !important;
		padding: 0 5px !important;
		font-size: 9px !important;
		gap: 3px !important;
	}
	.todey-personal-reviews-panel,
	.todey-personal-reviews-card {
		padding: 10px 5px 14px 5px !important;
	}

	.todey-personal-reviews-title {
		font-size: 11px !important;
	}

	#todey-personal-reviews-count,
	.todey-personal-reviews-count-badge {
		height: 30px !important;
		min-height: 30px !important;
		padding: 0 6px !important;
		gap: 4px !important;
		width: auto !important;
	}

	#todey-personal-reviews-count .badge-accent-tag,
	.todey-personal-reviews-count-badge .badge-accent-tag {
		font-size: 8.5px !important;
		padding-right: 4px !important;
	}

	#todey-personal-reviews-count .badge-main-text,
	.todey-personal-reviews-count-badge .badge-main-text {
		font-size: 8.5px !important;
	}

	.todey-standalone-badge {
		padding: 4px 8px !important;
		gap: 5px !important;
	}

	.todey-standalone-badge .badge-accent-tag {
		font-size: 8.5px !important;
		padding-right: 5px !important;
	}

	.todey-standalone-badge .badge-main-text {
		font-size: 9px !important;
	}

	.todey-personal-review-item {
		padding: 8px 6px !important;
	}

	.todey-personal-rev-btns {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}

	.todey-modal-actions {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}

	.todey-review-reply-action-box .todey-inline-reply-btn {
		font-size: 9.5px !important;
		padding: 0 6px !important;
	}

	.todey-review-reply-action-box .todey-inline-report-btn {
		font-size: 9.5px !important;
		min-width: 65px !important;
		padding: 0 6px !important;
	}
}

/* ==========================================================================
   Watchlist & Smart Change Notification System
   ========================================================================== */
.todey-personal-watchlist-card,
#todey-portal-content .todey-personal-watchlist-card,
#todey-panel-viewport .todey-personal-watchlist-card,
.todey-personal-vote-card,
#todey-portal-content .todey-personal-vote-card,
#todey-panel-viewport .todey-personal-vote-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.todey-watchlist-row {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	transition: background 0.15s ease !important;
	box-sizing: border-box !important;
}

.todey-watchlist-row:hover {
	background: #080808 !important;
}

.todey-watchlist-thumb-box {
	width: 58px !important;
	min-width: 58px !important;
	height: 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	background: transparent !important;
	overflow: hidden !important;
}

.todey-watchlist-thumb {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent;
	flex-shrink: 0 !important;
}

.todey-watchlist-thumb-card {
	width: 58px !important;
	height: 36px !important;
	border-radius: 3px !important;
	object-fit: contain !important;
}

.todey-watchlist-thumb-logo {
	width: 36px !important;
	height: 36px !important;
	border-radius: 0px !important;
	object-fit: contain !important;
}

.todey-watchlist-cat-tag {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	border-radius: 0px !important;
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1.2 !important;
	flex-shrink: 0 !important;
}

.todey-watchlist-cat-tag.todey-cat-cards {
	color: #ff4400 !important;
	background: transparent !important;
}

.todey-watchlist-cat-tag.todey-cat-infra {
	color: #00e5ff !important;
	background: transparent !important;
}

.todey-watchlist-cat-tag.todey-cat-agentic {
	color: #c084fc !important;
	background: transparent !important;
}

.todey-watchlist-cat-tag.todey-cat-qr {
	color: #00e676 !important;
	background: transparent !important;
}

.todey-watchlist-actions {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-left: auto !important;
	flex-shrink: 0 !important;
}

.todey-watchlist-icon-btn {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	position: relative !important;
}

.todey-watchlist-icon-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	border-color: #141414 !important;
	transform: translateY(-2px) !important;
}

.todey-watchlist-icon-btn:focus,
.todey-watchlist-icon-btn:focus-visible {
	outline: none !important;
	box-shadow: none !important;
	border-color: #141414 !important;
}

.todey-watchlist-icon-btn svg {
	display: block !important;
	transition: stroke 0.15s ease, color 0.15s ease !important;
}

.todey-watchlist-icon-btn:hover svg {
	color: #000000 !important;
	stroke: #000000 !important;
}

.todey-watchlist-icon-btn.todey-watchlist-act-remove:not(.todey-watchlist-heart-btn):hover {
	background: #ff0000 !important;
	color: #000000 !important;
	transform: translateY(-2px) !important;
}

.todey-watchlist-view-btn {
	height: 38px !important;
	min-height: 38px !important;
	border-radius: 0px !important;
	border: 1px solid #141414 !important;
	background: #000000 !important;
	color: #ffffff !important;
	padding: 0 15px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
	font-family: 'DM Sans', sans-serif !important;
	box-sizing: border-box !important;
}

.todey-watchlist-view-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	border-color: #141414 !important;
	transform: translateY(-2px) !important;
}

.todey-watchlist-remove-btn {
	background: transparent !important;
	border: none !important;
	color: #888888 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer !important;
	padding: 0 10px !important;
	height: 38px !important;
	transition: color 0.15s ease !important;
	font-family: 'DM Sans', sans-serif !important;
	border-radius: 0px !important;
}

.todey-watchlist-remove-btn:hover {
	color: #ff0000 !important;
}

.todey-watchlist-toggle-btn {
	height: 38px !important;
	min-height: 38px !important;
	padding: 0 15px !important;
	border: 1px solid #141414 !important;
	background: #000000 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border-radius: 0px !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-family: 'DM Sans', sans-serif !important;
	transition: all 0.15s ease !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
}

.todey-watchlist-toggle-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	border-color: #141414 !important;
	transform: translateY(-2px) !important;
}

.todey-watchlist-toggle-btn.todey-watchlist-active svg {
	fill: #ff4400 !important;
	stroke: #ff4400 !important;
}

.todey-watchlist-toggle-btn.todey-watchlist-active:hover svg {
	fill: #000000 !important;
	stroke: #000000 !important;
}

/* ============================================================================
   Crypto Card Comparison Header Watchlist Box
   ============================================================================ */
.todey-card-watchlist-badge-box {
	display: flex;
	align-items: stretch;
	justify-content: center;
	padding: 0;
	border-left: 1px solid #ffffff10;
	background: #000000;
	position: relative;
	flex-shrink: 0;
	box-sizing: border-box;
	z-index: 100;
	overflow: visible !important;
}

.todey-card-watchlist-badge-box .todey-watchlist-toggle-btn {
	background: transparent !important;
	border: none !important;
	padding: 0 11px !important;
	margin: 0 !important;
	height: 100% !important;
	min-height: 100% !important;
	cursor: pointer !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	outline: none !important;
	box-shadow: none !important;
	transform: none !important;
	position: relative !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Minimal small font label on top of icon */
.todey-card-watchlist-label {
	display: block !important;
	font-family: 'DM Sans', -apple-system, sans-serif !important;
	font-size: 7px !important;
	font-weight: 700 !important;
	letter-spacing: 0.8px !important;
	text-transform: uppercase !important;
	color: #888888 !important;
	line-height: 1 !important;
	pointer-events: none !important;
	transition: color 0.15s ease;
	white-space: nowrap !important;
}

.todey-watchlist-toggle-btn:hover .todey-card-watchlist-label,
.todey-card-watchlist-badge-box:hover .todey-card-watchlist-label {
	color: #ffffff !important;
}

.todey-watchlist-toggle-btn.todey-watchlist-active .todey-card-watchlist-label {
	color: #b3b3b3 !important;
}

.todey-watchlist-toggle-btn.todey-watchlist-active:hover .todey-card-watchlist-label,
.todey-card-watchlist-badge-box:hover .todey-watchlist-toggle-btn.todey-watchlist-active .todey-card-watchlist-label {
	color: #ffffff !important;
}

.todey-card-watchlist-icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 20px;
	height: 20px;
}

.todey-card-watchlist-icon-wrap svg {
	width: 20px !important;
	height: 20px !important;
	display: none;
	transition: transform 0.2s ease, opacity 0.15s ease;
}

/* State 1: Inactive default (heart-plus) */
.todey-watchlist-toggle-btn:not(.todey-watchlist-active) .todey-svg-heart-plus {
	display: block;
	stroke: #888888 !important;
	fill: none !important;
}

.todey-watchlist-toggle-btn:not(.todey-watchlist-active):hover .todey-svg-heart-plus {
	stroke: #ffffff !important;
	transform: scale(1.1);
}

/* State 2: Active default (heart-fill in pure #ff0000) */
.todey-watchlist-toggle-btn.todey-watchlist-active:not(:hover) .todey-svg-heart-filled {
	display: block;
}

.todey-watchlist-toggle-btn.todey-watchlist-active .todey-svg-heart-filled path {
	fill: #ff0000 !important;
}

/* State 3: Active hover (broken-heart in pure #ff0000) */
.todey-watchlist-toggle-btn.todey-watchlist-active:hover .todey-svg-heart-broken {
	display: block;
	transform: scale(1.1);
}

.todey-watchlist-toggle-btn.todey-watchlist-active:hover .todey-svg-heart-broken g,
.todey-watchlist-toggle-btn.todey-watchlist-active:hover .todey-svg-heart-broken path {
	fill: #ff0000 !important;
}

/* Luxury Tooltip (Positioned downward, right-aligned to eliminate container overflow clipping) */
.todey-watchlist-tooltip {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	left: auto;
	transform: translateY(-4px);
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 5px 10px !important;
	font-family: 'DM Sans', -apple-system, sans-serif !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: #ffffff !important;
	white-space: nowrap !important;
	pointer-events: none !important;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
	z-index: 99999;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.95);
	line-height: 1.2 !important;
}

/* Tooltip top triangle pointer aligned with heart icon */
.todey-watchlist-tooltip::before {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 35px;
	left: auto;
	transform: none;
	border-width: 4px;
	border-style: solid;
	border-color: transparent transparent #141414 transparent;
}

/* Tooltip text toggle (supports both sibling and child structures) */
.todey-watchlist-toggle-btn:not(.todey-watchlist-active) ~ .todey-watchlist-tooltip .todey-tooltip-text-remove,
.todey-watchlist-toggle-btn:not(.todey-watchlist-active) .todey-tooltip-text-remove {
	display: none !important;
}
.todey-watchlist-toggle-btn:not(.todey-watchlist-active) ~ .todey-watchlist-tooltip .todey-tooltip-text-add,
.todey-watchlist-toggle-btn:not(.todey-watchlist-active) .todey-tooltip-text-add {
	display: inline-block !important;
}

.todey-watchlist-toggle-btn.todey-watchlist-active ~ .todey-watchlist-tooltip .todey-tooltip-text-add,
.todey-watchlist-toggle-btn.todey-watchlist-active .todey-tooltip-text-add {
	display: none !important;
}
.todey-watchlist-toggle-btn.todey-watchlist-active ~ .todey-watchlist-tooltip .todey-tooltip-text-remove,
.todey-watchlist-toggle-btn.todey-watchlist-active .todey-tooltip-text-remove {
	display: inline-block !important;
	color: #ffffff !important;
}

/* Show tooltip on hover across button and badge box */
.todey-card-watchlist-badge-box:hover .todey-watchlist-tooltip,
.todey-watchlist-toggle-btn:hover ~ .todey-watchlist-tooltip,
.todey-card-watchlist-badge-box .todey-watchlist-toggle-btn:hover .todey-watchlist-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

@media (max-width: 767px) {
	.todey-card-watchlist-badge-box .todey-watchlist-toggle-btn {
		padding: 0 10px !important;
	}
	.todey-watchlist-tooltip {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.todey-watchlist-filter-bar {
		width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.todey-watchlist-filter-btn {
		white-space: nowrap !important;
		padding: 0 10px !important;
		font-size: 10px !important;
	}

	.todey-watchlist-row {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		padding: 12px 10px !important;
	}

	.todey-watchlist-row > div:last-child {
		width: 100% !important;
		justify-content: space-between !important;
		margin-left: 0 !important;
		border-top: 1px solid #141414 !important;
		padding-top: 10px !important;
	}
}

.todey-watchlist-search-input:focus {
	border-color: #141414 !important;
	outline: none !important;
	box-shadow: none !important;
}

.todey-watchlist-search-input::placeholder {
	color: #666666 !important;
	opacity: 1 !important;
}

.todey-watchlist-search-input::-webkit-input-placeholder {
	color: #666666 !important;
}

.todey-watchlist-search-input::-moz-placeholder {
	color: #666666 !important;
	opacity: 1 !important;
}

.todey-watchlist-search-input:-ms-input-placeholder {
	color: #666666 !important;
}

.todey-watchlist-search-item:hover {
	background: #080808 !important;
}

.todey-watchlist-quickadd-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	border-color: #ff4400 !important;
	transform: translateY(-2px) !important;
}

.todey-wl-search-cat-btn:hover {
	color: #ffffff !important;
}

.todey-wl-cat-opt:hover {
	background: #080808 !important;
	color: #ffffff !important;
}

.todey-wl-cat-opt.active {
	color: #ffffff !important;
}

.todey-watchlist-search-dropdown {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 10px !important;
	box-sizing: border-box !important;
	box-shadow: 0 12px 32px rgba(0,0,0,0.9) !important;
}

.todey-watchlist-search-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 15px 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	box-sizing: border-box !important;
	transition: background 0.15s ease !important;
}

.todey-watchlist-search-card:hover {
	background: #080808 !important;
}

.todey-watchlist-heart-btn,
.todey-watchlist-heart-btn:hover,
.todey-watchlist-heart-btn:focus,
.todey-watchlist-heart-btn:active,
.todey-pub-heart-btn,
.todey-pub-heart-btn:hover,
.todey-pub-heart-btn:focus,
.todey-pub-heart-btn:active {
	outline: none !important;
	box-shadow: none !important;
	transform: none !important;
	background: transparent !important;
	border: none !important;
}

.todey-saved-card-item .todey-watchlist-heart-btn,
.todey-saved-card-item .todey-watchlist-heart-btn:hover,
.todey-pub-card-actions .todey-pub-heart-btn,
.todey-pub-card-actions .todey-pub-heart-btn:hover {
	background: transparent !important;
	border: none !important;
}

.todey-watchlist-feed-row .todey-watchlist-heart-btn,
.todey-watchlist-feed-row .todey-watchlist-heart-btn:hover {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
}

.todey-watchlist-heart-btn .todey-heart-icon-normal,
.todey-pub-heart-btn .todey-heart-icon-normal {
	display: block !important;
	transition: all 0.15s ease !important;
}

.todey-watchlist-heart-btn .todey-heart-icon-broken,
.todey-pub-heart-btn .todey-heart-icon-broken {
	display: none !important;
	transition: all 0.15s ease !important;
}

.todey-watchlist-heart-btn:hover .todey-heart-icon-normal,
.todey-pub-heart-btn:hover .todey-heart-icon-normal {
	fill: #ff0000 !important;
	stroke: #ff0000 !important;
	transform: scale(1.1) !important;
}

.todey-watchlist-heart-btn.is-saved .todey-heart-icon-normal,
.todey-pub-heart-btn.is-saved .todey-heart-icon-normal {
	fill: #ff0000 !important;
	stroke: #ff0000 !important;
}

.todey-watchlist-heart-btn.is-saved:hover .todey-heart-icon-normal,
.todey-pub-heart-btn.is-saved:hover .todey-heart-icon-normal {
	display: none !important;
}

.todey-watchlist-heart-btn.is-saved:hover .todey-heart-icon-broken,
.todey-pub-heart-btn.is-saved:hover .todey-heart-icon-broken {
	display: block !important;
	transform: scale(1.1) !important;
	stroke: #888888 !important;
}

.todey-watchlist-heart-btn.is-saved:hover .todey-heart-icon-broken path[fill],
.todey-pub-heart-btn.is-saved:hover .todey-heart-icon-broken path[fill] {
	fill: #888888 !important;
	stroke: #888888 !important;
}

.todey-watchlist-heart-btn.is-saved:hover .todey-heart-icon-broken path[stroke="#000000"],
.todey-pub-heart-btn.is-saved:hover .todey-heart-icon-broken path[stroke="#000000"] {
	stroke: #000000 !important;
}

/* Watchlist Card Item Grid & Overflow Hardening */
.todey-pub-watchlist-grid,
.todey-watchlist-saved-grid,
.todey-watchlist-search-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.todey-pub-card-item,
.todey-saved-card-item,
.todey-watchlist-search-card {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.todey-pub-card-info,
.todey-saved-card-item > div:first-child > div:last-child,
.todey-watchlist-search-card > div:first-child > div:last-child {
	min-width: 0 !important;
	flex: 1 !important;
	overflow: hidden !important;
}

.todey-pub-card-title,
.todey-saved-card-item a[title],
.todey-watchlist-search-card a[title] {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: block !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.todey-pub-card-actions,
.todey-saved-card-item > div:last-child,
.todey-watchlist-search-card > div:last-child {
	flex-shrink: 0 !important;
	margin-left: auto !important;
}

@media (max-width: 1024px) {
	.todey-watchlist-search-grid,
	.todey-watchlist-saved-grid,
	.todey-pub-watchlist-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767px) {
	.todey-watchlist-search-grid,
	.todey-watchlist-saved-grid,
	.todey-pub-watchlist-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 480px) {
	.todey-watchlist-search-grid,
	.todey-watchlist-saved-grid,
	.todey-pub-watchlist-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

.todey-watchlist-feed-row {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	padding: 12px 16px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	gap: 100px !important;
	flex-wrap: nowrap !important;
	transition: background 0.15s ease !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
}

.todey-watchlist-feed-row:hover {
	background: #080808 !important;
}

.todey-watchlist-search-icon {
	stroke: #888888 !important;
	transition: stroke 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.todey-watchlist-search-bar:focus-within .todey-watchlist-search-icon,
.todey-watchlist-search-bar.is-focused .todey-watchlist-search-icon {
	stroke: #ff4400 !important;
	transform: translateX(2px) scale(1.1) !important;
}

.todey-watchlist-feed-info {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	flex: 0 0 310px !important;
	min-width: 310px !important;
	max-width: 310px !important;
	box-sizing: border-box !important;
}

.todey-watchlist-feed-meta {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	color: #888888 !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
}

.todey-watchlist-feed-meta span {
	white-space: nowrap !important;
}

.todey-watchlist-expand-icon {
	transition: transform 0.2s ease, color 0.15s ease !important;
}

.todey-watchlist-feed-row.is-expanded .todey-watchlist-expand-icon {
	transform: rotate(180deg) !important;
	color: #ff4400 !important;
}

.todey-watchlist-feed-row.is-expanded .todey-watchlist-act-expand {
	background: #000000 !important;
}

.todey-watchlist-feed-row.is-expanded .todey-watchlist-act-expand:hover {
	background: #ff4400 !important;
}

.todey-watchlist-feed-row.is-expanded .todey-watchlist-act-expand:hover .todey-watchlist-expand-icon {
	color: #000000 !important;
	stroke: #000000 !important;
}

/* History Drawer Box */
.todey-watchlist-history-drawer {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-top: none !important;
	border-radius: 0px !important;
	padding: 16px 20px !important;
	margin-top: -10px !important;
	margin-bottom: 0px !important;
	box-sizing: border-box !important;
}

.todey-history-item {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 36px !important;
	padding: 10px 0 !important;
	border-bottom: 1px solid #141414 !important;
	box-sizing: border-box !important;
}

.todey-history-item:last-child {
	border-bottom: none !important;
}

.todey-history-date {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #888888 !important;
	flex: 0 0 310px !important;
	min-width: 310px !important;
	max-width: 310px !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
}

.todey-history-pills {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	flex: 1 1 auto !important;
}

/* Watchlist Load More Button */
.todey-watchlist-load-more-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 38px !important;
	min-height: 38px !important;
	padding: 0 24px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
}

.todey-watchlist-load-more-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	transform: translateY(-2px) !important;
}

.todey-saved-project-link-btn {
	background: transparent !important;
	border: none !important;
	color: #666666 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
	padding: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

.todey-saved-project-link-btn:hover {
	background: transparent !important;
	color: #ff4400 !important;
	transform: none !important;
}

/* Watchlist Updates Center Column Chips */
.todey-watchlist-updates-center {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: nowrap !important;
	justify-content: flex-start !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
	box-sizing: border-box !important;
}

.todey-watchlist-updates-center::-webkit-scrollbar {
	display: none !important;
}

.todey-watchlist-change-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	min-height: 26px;
	padding: 0 10px;
	background: #000000;
	border: 1px solid #141414;
	border-radius: 0px;
	font-family: 'DM Sans', sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #ffffff;
	line-height: 1;
	white-space: nowrap;
	flex-shrink: 0;
	box-sizing: border-box;
}

.todey-watchlist-more-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	min-height: 26px;
	padding: 0 8px;
	background: #080808;
	border: 1px solid #141414;
	border-radius: 0px;
	font-family: 'DM Sans', sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #888888;
	line-height: 1;
	white-space: nowrap;
	flex-shrink: 0;
	cursor: help;
	box-sizing: border-box;
	transition: color 0.15s ease;
}

.todey-watchlist-more-chip:hover {
	color: #ff4400;
}

/* Watchlist Filter Navigation: Desktop Conjoined Toolbar vs Mobile Luxury Dropdown */
.todey-watchlist-filter-bar {
	display: flex !important;
	height: 38px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	overflow: hidden !important;
	align-items: stretch !important;
}

.todey-wl-dropdown-wrapper {
	position: relative !important;
	display: none !important; /* Hidden on desktop (>= 768px) */
	align-items: center !important;
	width: 220px !important;
	min-width: 220px !important;
	box-sizing: border-box !important;
}

.todey-wl-dropdown-trigger {
	background: #000000 !important;
	color: #ffffff !important;
	border: 1px solid #141414 !important;
	height: 38px !important;
	min-height: 38px !important;
	padding: 0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	font-family: 'DM Sans', sans-serif !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border-radius: 0px !important;
	cursor: pointer !important;
	outline: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: stretch !important;
	justify-content: space-between !important;
	width: 100% !important;
	min-width: 100% !important;
	transition: background 0.15s ease !important;
}

.todey-wl-dropdown-icon-box {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 10px !important;
	color: #ff4400 !important;
	flex-shrink: 0 !important;
	border-right: 1px solid #141414 !important;
}

.todey-wl-dropdown-content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	text-align: left !important;
	min-width: 0 !important;
	flex: 1 !important;
	padding: 0 10px !important;
	gap: 1px !important;
}

.todey-wl-dropdown-label {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 7.5px !important;
	font-weight: 700 !important;
	color: #888888 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	line-height: 1 !important;
}

.todey-wl-dropdown-value {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 130px !important;
}

.todey-wl-dropdown-arrow-box {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 10px !important;
	border-left: 1px solid #141414 !important;
	flex-shrink: 0 !important;
}

.todey-wl-dropdown-trigger:hover,
.todey-wl-dropdown-trigger:focus,
.todey-wl-dropdown-trigger:active {
	background: #080808 !important;
	border-color: #141414 !important;
	outline: none !important;
	box-shadow: none !important;
}

.todey-wl-chevron {
	transition: transform 0.2s ease, stroke 0.15s ease !important;
	flex-shrink: 0 !important;
	stroke: #888888 !important;
}

.todey-wl-dropdown-trigger:hover .todey-wl-chevron,
.todey-wl-dropdown-trigger:focus .todey-wl-chevron,
.todey-wl-dropdown-trigger[aria-expanded="true"] .todey-wl-chevron {
	stroke: #ff4400 !important;
}

.todey-wl-dropdown-trigger[aria-expanded="true"] .todey-wl-chevron {
	transform: rotate(180deg) !important;
}

.todey-wl-dropdown-menu {
	position: absolute !important;
	top: calc(100% + 4px) !important;
	right: 0 !important;
	left: 0 !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	max-height: 280px !important;
	overflow-y: auto !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.95) !important;
	z-index: 99999 !important;
	box-sizing: border-box !important;
	display: none;
	padding: 0 !important;
}

.todey-wl-dropdown-menu.is-open {
	display: block !important;
}

.todey-wl-dropdown-item {
	min-height: 38px !important;
	padding: 8px 12px !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	font-family: 'DM Sans', sans-serif !important;
	color: #b3b3b3 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	border-bottom: 1px solid #141414 !important;
	box-sizing: border-box !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}

.todey-wl-dropdown-item:last-child {
	border-bottom: none !important;
}

.todey-wl-dropdown-item:hover,
.todey-wl-dropdown-item:focus {
	background: #080808 !important;
	color: #ffffff !important;
}

.todey-wl-dropdown-item.is-selected {
	color: #ff4400 !important;
	font-weight: 700 !important;
}

.todey-wl-item-title {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	line-height: 1.2 !important;
}

.todey-wl-item-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 2px 6px !important;
	background: #080808 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	color: #888888 !important;
	letter-spacing: 0.5px !important;
	flex-shrink: 0 !important;
}

.todey-wl-dropdown-item.is-selected .todey-wl-item-badge {
	border: 1px solid #141414 !important;
	border-color: #141414 !important;
	color: #ff4400 !important;
}

/* Watchlist Feed Pills: Desktop Granular vs Mobile Single Summary */
.todey-wl-desktop-pills {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: nowrap !important;
}

.todey-wl-mobile-summary-pill {
	display: none !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 12px !important;
	background: #080808 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
	transition: background 0.15s ease !important;
}

.todey-wl-mobile-summary-pill:hover,
.todey-wl-mobile-summary-pill:active {
	background: #0d0d0d !important;
}

.todey-wl-summary-left {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.todey-wl-summary-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 2px 6px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	color: #ff4400 !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
}

.todey-wl-summary-text {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	line-height: 1.2 !important;
}

.todey-wl-summary-right {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	color: #888888 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.todey-wl-summary-chevron {
	transition: transform 0.2s ease, stroke 0.15s ease !important;
	flex-shrink: 0 !important;
	stroke: #888888 !important;
}

.todey-watchlist-feed-row.is-expanded .todey-wl-summary-chevron {
	transform: rotate(180deg) !important;
	stroke: #ff4400 !important;
}

/* Comprehensive Multi-Breakpoint Responsiveness */
@media (max-width: 1024px) {
	.todey-watchlist-feed-info {
		flex: 0 0 260px !important;
		min-width: 260px !important;
		max-width: 260px !important;
	}
	.todey-watchlist-feed-row {
		gap: 24px !important;
	}
	.todey-history-date {
		flex: 0 0 240px !important;
		min-width: 240px !important;
		max-width: 240px !important;
	}
	.todey-history-item {
		gap: 24px !important;
	}
}

@media (max-width: 767px) {
	.todey-watchlist-filter-bar {
		display: none !important;
	}
	.todey-wl-dropdown-wrapper {
		display: inline-flex !important;
		width: 100% !important;
		min-width: 100% !important;
	}
	.todey-wl-desktop-pills {
		display: none !important;
	}
	.todey-wl-mobile-summary-pill {
		display: flex !important;
		width: 100% !important;
	}
	.todey-personal-watchlist-card,
	#todey-portal-content .todey-personal-watchlist-card,
	#todey-panel-viewport .todey-personal-watchlist-card {
		padding: 14px 10px 18px 10px !important;
	}
	.todey-personal-vote-card,
	#todey-portal-content .todey-personal-vote-card,
	#todey-panel-viewport .todey-personal-vote-card {
		padding: 48px 10px !important;
	}
	.todey-watchlist-subtabs-toolbar {
		width: 100% !important;
	}
	.todey-wl-subtab-btn {
		flex: 1 1 50% !important;
		justify-content: center !important;
		font-size: 10.5px !important;
		padding: 0 8px !important;
	}
	.todey-panel-section-header {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
	}
	.todey-wl-dropdown-wrapper {
		width: 100% !important;
		min-width: 100% !important;
	}
	.todey-search-kbd-badge {
		display: none !important;
	}
	.todey-watchlist-search-card {
		padding: 12px 10px !important;
	}
	.todey-watchlist-feed-row {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		padding: 12px 10px !important;
		flex-wrap: wrap !important;
	}
	.todey-watchlist-feed-info {
		flex: none !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}
	.todey-watchlist-updates-center {
		width: 100% !important;
		flex: none !important;
		min-width: 0 !important;
		overflow: visible !important;
	}
	.todey-watchlist-actions {
		width: 100% !important;
		justify-content: flex-end !important;
		margin-left: 0 !important;
		border-top: 1px solid #141414 !important;
		padding-top: 8px !important;
	}
	.todey-history-item {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 8px !important;
		padding: 10px 0 !important;
	}
	.todey-history-date {
		flex: none !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}
	.todey-history-pills {
		width: 100% !important;
		flex: none !important;
	}
}

@media (max-width: 480px) {
	.todey-personal-watchlist-card,
	#todey-portal-content .todey-personal-watchlist-card,
	#todey-panel-viewport .todey-personal-watchlist-card {
		padding: 12px 6px 16px 6px !important;
	}
	.todey-personal-vote-card,
	#todey-portal-content .todey-personal-vote-card,
	#todey-panel-viewport .todey-personal-vote-card {
		padding: 36px 6px !important;
	}
	.todey-watchlist-search-card {
		padding: 10px 6px !important;
	}
	.todey-watchlist-feed-row {
		padding: 10px 6px !important;
	}
	.todey-watchlist-history-drawer {
		padding: 12px 8px !important;
	}
	.todey-watchlist-actions {
		padding-top: 6px !important;
	}
	.todey-wl-subtab-btn {
		font-size: 9.5px !important;
		padding: 0 4px !important;
	}
}

/* ==========================================================================
   Public Profile & Identity Studio — Enterprise Scoped Reset & Refinement
   ========================================================================== */
.todey-profile-view-wrapper,
.todey-profile-view-wrapper * {
	box-sizing: border-box !important;
}

.todey-profile-view-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif);
	color: #ffffff;
}

.todey-profile-quest-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 24px !important;
	margin-bottom: 20px;
	width: 100%;
}

/* ==========================================================================
   Public Profile - Health & Activation Progress Bar (Welcome Tab Parity)
   ========================================================================== */
.todey-profile-progress-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 14px 20px !important;
	margin-bottom: 20px !important;
	box-sizing: border-box !important;
}

.todey-profile-health-avatar {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	min-height: 36px !important;
	background: #080808 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
}

.todey-profile-progress-track {
	background: #080808 !important;
	border: 1px solid #141414 !important;
	height: 10px !important;
	padding: 1px !important;
	position: relative !important;
	box-sizing: border-box !important;
	border-radius: 0px !important;
}

.todey-profile-progress-fill {
	height: 100% !important;
	position: relative !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease !important;
}

.todey-profile-progress-dot {
	position: absolute !important;
	right: 2px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 3px !important;
	height: 3px !important;
	border-radius: 50% !important;
	background: #000000 !important;
	display: inline-block !important;
}

.todey-milestones-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 24px;
}

.todey-milestone-row {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 16px 20px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
}

.todey-milestone-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.todey-milestone-header-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.todey-milestone-num {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #ff4400 !important;
	line-height: 1.2 !important;
	flex-shrink: 0;
}

.todey-milestone-title {
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	font-family: var(--todey-font-main) !important;
	line-height: 1.2 !important;
}

.todey-milestone-sub {
	font-size: 11px !important;
	color: #888888 !important;
	margin-top: 1px;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

.todey-milestone-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

/* Bulletproof Form Controls Reset */
.todey-profile-view-wrapper input[type="text"],
.todey-profile-view-wrapper input[type="url"],
.todey-profile-view-wrapper input[type="email"],
.todey-profile-view-wrapper input,
.todey-profile-view-wrapper textarea,
.todey-profile-drawer input,
.todey-profile-drawer textarea {
	width: 100% !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	color: #ffffff !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	padding: 0 14px !important;
	height: 38px !important;
	min-height: 38px !important;
	line-height: 36px !important;
	box-shadow: none !important;
	outline: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	transition: none !important;
}

.todey-profile-view-wrapper textarea,
.todey-profile-drawer textarea {
	height: 80px !important;
	min-height: 80px !important;
	line-height: 1.5 !important;
	padding: 10px 14px !important;
	resize: vertical !important;
}

.todey-profile-view-wrapper input:focus,
.todey-profile-view-wrapper input:active,
.todey-profile-view-wrapper textarea:focus,
.todey-profile-view-wrapper textarea:active,
.todey-profile-drawer input:focus,
.todey-profile-drawer input:active,
.todey-profile-drawer textarea:focus,
.todey-profile-drawer textarea:active {
	border: 1px solid #141414 !important;
	background: #000000 !important;
	color: #ffffff !important;
	outline: none !important;
	box-shadow: none !important;
}

.todey-profile-view-wrapper input::placeholder,
.todey-profile-view-wrapper textarea::placeholder,
.todey-profile-drawer input::placeholder,
.todey-profile-drawer textarea::placeholder {
	color: #555555 !important;
	font-size: 11px !important;
}

.todey-drawer-label {
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #888888 !important;
	letter-spacing: 0.5px !important;
	font-family: 'Space Grotesk', monospace !important;
	margin-bottom: 6px !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

/* Favorite Card Selected Control 38px Standard Height */
.todey-fav-selected-control {
	height: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	line-height: 36px !important;
	box-sizing: border-box !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 0 10px !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
}

.todey-fav-selected-control.is-active,
.todey-fav-selected-control:not(.is-hidden):not([style*="display: none"]):not([style*="display:none"]) {
	display: flex !important;
}

.todey-fav-selected-control.is-hidden,
.todey-fav-selected-control[style*="display: none"],
.todey-fav-selected-control[style*="display:none"] {
	display: none !important;
}

.todey-fav-selected-control .todey-watchlist-cat-tag {
	margin-right: 2px !important;
}

.todey-fav-clear-btn,
.todey-fav-selected-control button.todey-fav-clear-btn,
.todey-profile-drawer button.todey-fav-clear-btn {
	background: transparent !important;
	border: none !important;
	color: #ff0000 !important;
	font-size: 8.5px !important;
	font-weight: 700 !important;
	font-family: 'Space Grotesk', monospace !important;
	cursor: pointer !important;
	padding: 0 0 0 6px !important;
	flex-shrink: 0 !important;
	line-height: 1 !important;
	letter-spacing: 0.5px !important;
	height: auto !important;
	min-height: 0 !important;
	transform: none !important;
	box-shadow: none !important;
}

.todey-fav-clear-btn:hover,
.todey-fav-selected-control button.todey-fav-clear-btn:hover,
.todey-profile-drawer button.todey-fav-clear-btn:hover {
	color: #ff3333 !important;
	background: transparent !important;
	transform: none !important;
}

/* Bulletproof Standardized Buttons Reset */
.todey-profile-view-wrapper .todey-pub-btn,
.todey-profile-view-wrapper button:not(.todey-watchlist-heart-btn):not(.todey-pub-heart-btn):not(.todey-social-btn):not(.todey-drawer-close-btn):not(.todey-fav-clear-btn):not(.todey-watchlist-icon-btn):not(.todey-helpful-btn),
.todey-profile-drawer .todey-pub-btn,
.todey-profile-drawer button:not(.todey-watchlist-heart-btn):not(.todey-pub-heart-btn):not(.todey-social-btn):not(.todey-drawer-close-btn):not(.todey-fav-clear-btn):not(.todey-watchlist-icon-btn):not(.todey-helpful-btn) {
	height: 38px !important;
	min-height: 38px !important;
	line-height: 36px !important;
	border-radius: 0px !important;
	border: 1px solid #141414 !important;
	background: #000000 !important;
	color: #ffffff !important;
	padding: 0 16px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	text-decoration: none !important;
	box-shadow: none !important;
	outline: none !important;
	-webkit-appearance: none !important;
	transform: none !important;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

.todey-profile-view-wrapper .todey-pub-btn:hover,
.todey-profile-view-wrapper button:not(.todey-watchlist-heart-btn):not(.todey-pub-heart-btn):not(.todey-social-btn):not(.todey-drawer-close-btn):not(.todey-fav-clear-btn):not(.todey-watchlist-icon-btn):not(.todey-helpful-btn):hover:not(:disabled),
.todey-profile-drawer .todey-pub-btn:hover,
.todey-profile-drawer button:not(.todey-watchlist-heart-btn):not(.todey-pub-heart-btn):not(.todey-social-btn):not(.todey-drawer-close-btn):not(.todey-fav-clear-btn):not(.todey-watchlist-icon-btn):not(.todey-helpful-btn):hover:not(:disabled) {
	background: #ff4400 !important;
	color: #000000 !important;
	border: 1px solid #141414 !important;
	transform: translateY(-2px) !important;
}

/* Watchlist Heart Buttons in Profile View & Live Studio */
.todey-profile-view-wrapper .todey-watchlist-heart-btn,
.todey-profile-view-wrapper .todey-pub-heart-btn,
.todey-profile-view-wrapper .todey-watchlist-heart-btn:hover,
.todey-profile-view-wrapper .todey-pub-heart-btn:hover,
.todey-profile-view-wrapper .todey-watchlist-heart-btn:focus,
.todey-profile-view-wrapper .todey-pub-heart-btn:focus,
.todey-profile-view-wrapper .todey-watchlist-heart-btn:active,
.todey-profile-view-wrapper .todey-pub-heart-btn:active {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	max-width: 28px !important;
	max-height: 28px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	outline: none !important;
	transform: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

.todey-profile-view-wrapper .todey-watchlist-heart-btn .todey-heart-icon-normal,
.todey-profile-view-wrapper .todey-pub-heart-btn .todey-heart-icon-normal {
	display: block !important;
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
	min-height: 14px !important;
	fill: #ff0000 !important;
	stroke: #ff0000 !important;
	transition: transform 0.15s ease !important;
}

.todey-profile-view-wrapper .todey-watchlist-heart-btn .todey-heart-icon-broken,
.todey-profile-view-wrapper .todey-pub-heart-btn .todey-heart-icon-broken {
	display: none !important;
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
	min-height: 14px !important;
}

.todey-profile-view-wrapper .todey-watchlist-heart-btn:hover .todey-heart-icon-normal,
.todey-profile-view-wrapper .todey-pub-heart-btn:hover .todey-heart-icon-normal {
	display: none !important;
}

.todey-profile-view-wrapper .todey-watchlist-heart-btn:hover .todey-heart-icon-broken,
.todey-profile-view-wrapper .todey-pub-heart-btn:hover .todey-heart-icon-broken {
	display: block !important;
	width: 14px !important;
	height: 14px !important;
	stroke: #888888 !important;
	transform: scale(1.1) !important;
}

.todey-profile-view-wrapper .todey-watchlist-heart-btn:hover .todey-heart-icon-broken path[fill],
.todey-profile-view-wrapper .todey-pub-heart-btn:hover .todey-heart-icon-broken path[fill] {
	fill: #888888 !important;
	stroke: #888888 !important;
}

.todey-profile-view-wrapper .todey-watchlist-heart-btn:hover .todey-heart-icon-broken path[stroke="#000000"],
.todey-profile-view-wrapper .todey-pub-heart-btn:hover .todey-heart-icon-broken path[stroke="#000000"] {
	stroke: #000000 !important;
}

/* Primary Action Button (GENERATE PUBLIC IDENTITY) */
.todey-profile-view-wrapper .todey-generate-identity-btn {
	background: #ff4400 !important;
	color: #000000 !important;
	border: 1px solid #141414 !important;
}

.todey-profile-view-wrapper .todey-generate-identity-btn:hover {
	background: #ffffff !important;
	color: #000000 !important;
	border: 1px solid #141414 !important;
	transform: translateY(-2px) !important;
}

.todey-profile-view-wrapper .todey-generate-identity-btn:disabled,
.todey-profile-view-wrapper .todey-generate-identity-btn[disabled] {
	background: #000000 !important;
	color: #444444 !important;
	border: 1px solid #141414 !important;
	opacity: 0.4 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
	transform: none !important;
}

/* Bulletproof Badges Reset */
.todey-profile-view-wrapper .todey-milestone-badge {
	height: 38px !important;
	min-height: 38px !important;
	line-height: 36px !important;
	border-radius: 0px !important;
	border: 1px solid #141414 !important;
	background: #000000 !important;
	font-family: 'DM Sans', -apple-system, sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 0 14px !important;
	letter-spacing: 0.5px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}

.todey-profile-view-wrapper .todey-badge-green {
	color: #2ecc71 !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
}

.todey-profile-view-wrapper .todey-badge-orange {
	color: #ff4400 !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
}

/* Standalone Premium Micro-Badge Component */
.todey-standalone-badge {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background-color: #000000;
	/* Ultra-fine professional 1px luxury border scale */
	border: 1px solid #141414;
	padding: 8px 16px;
	box-sizing: border-box;
	vertical-align: middle;
	border-radius: 0px !important; /* Enforces strict zero-radius platform-wide */
}

.todey-standalone-badge * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-radius: 0px !important;
}

/* High-Intensity Operational Accent Tag */
.badge-accent-tag {
	font-family: var(--todey-font-mono, 'Space Grotesk', monospace) !important;
	color: #ff4400;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	border-right: 1px solid #141414;
	padding-right: 12px;
	line-height: 1;
	white-space: nowrap;
}

/* Premium Editorial Typography */
.badge-main-text {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	color: #a1a1a6; /* Premium silver text */
	font-size: 11px;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.3;
}

.todey-milestone-notice-slot {
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.todey-standalone-badge {
		width: 100% !important;
		padding: 8px 12px !important;
		gap: 10px !important;
	}
}

/* Generation Transition Screen */
.todey-generating-overlay {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 80px 24px !important;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 360px;
}

/* HTML: <div class="loader"></div> */
.loader,
.todey-generating-heart {
  width: 60px;
  aspect-ratio: 1;
  background: linear-gradient(#dc1818 0 0) bottom/100% 0% no-repeat #222222;
  -webkit-mask: 
    radial-gradient(circle at 60% 65%, #000 62%, #0000 65%) top left, 
    radial-gradient(circle at 40% 65%, #000 62%, #0000 65%) top right, 
    linear-gradient(to bottom left, #000 42%,#0000 43%) bottom left , 
    linear-gradient(to bottom right,#000 42%,#0000 43%) bottom right;
  mask: 
    radial-gradient(circle at 60% 65%, #000 62%, #0000 65%) top left, 
    radial-gradient(circle at 40% 65%, #000 62%, #0000 65%) top right, 
    linear-gradient(to bottom left, #000 42%,#0000 43%) bottom left , 
    linear-gradient(to bottom right,#000 42%,#0000 43%) bottom right;
  -webkit-mask-size: 50% 50%;
  mask-size: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  animation: l19 2s infinite linear;
  margin: 0 auto 22px auto;
}

@keyframes l19 {
    90%,100% {background-size:100% 100%}
}

.todey-generating-title {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	color: #ffffff !important;
	margin: 0 0 8px 0 !important;
	line-height: 1.2 !important;
}

.todey-generating-text {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #888888 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	animation: todeyTextBreathe 2s ease-in-out infinite;
}

@keyframes todeyTextBreathe {
	0%, 100% {
		opacity: 0.6;
	}
	50% {
		opacity: 1;
		color: #ffffff;
	}
}

.todey-generating-step {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #ff4400 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	animation: todeyTextBreathe 1.5s ease-in-out infinite;
}

/* Top Conjoined Action Toolbar */
.todey-profile-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 12px 18px !important;
	margin-bottom: 20px;
	flex-wrap: wrap;
	gap: 12px;
}

.todey-profile-url-box {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Space Grotesk', monospace !important;
	font-size: 12px !important;
	color: #ffffff !important;
}

.todey-profile-url-tag {
	color: #ff4400 !important;
	font-weight: 700 !important;
}

.todey-profile-actions-conjoined {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

/* Slide-Over Edit Drawer */
.todey-drawer-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.85);
	z-index: 99998;
	display: none;
}

.todey-profile-drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 440px;
	max-width: 90vw;
	background: #000000 !important;
	border-left: 1px solid #141414 !important;
	border-radius: 0px !important;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	padding: 24px !important;
	box-sizing: border-box !important;
	transform: translateX(100%);
	transition: transform 0.25s ease-out;
}

.todey-profile-drawer.is-open {
	transform: translateX(0);
}

.todey-drawer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #141414 !important;
	padding-bottom: 16px;
	margin-bottom: 20px;
}

.todey-drawer-title {
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	margin: 0;
}

.todey-drawer-close-btn {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	color: #888888 !important;
	width: 32px !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	font-size: 20px !important;
	line-height: 1 !important;
	transition: color 0.15s ease !important;
	transform: none !important;
}

.todey-drawer-close-btn:hover {
	color: #ffffff !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	transform: none !important;
}

.todey-drawer-body {
	flex: 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.todey-drawer-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.todey-drawer-footer {
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid #141414 !important;
	display: flex;
	gap: 10px;
}

@media (max-width: 1100px) {
	.todey-watchlist-saved-grid,
	.todey-pub-watchlist-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 768px) {
	.todey-watchlist-saved-grid,
	.todey-pub-watchlist-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 480px) {
	.todey-watchlist-saved-grid,
	.todey-pub-watchlist-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* Favorite Card Selection & Hero Bento Styles */
.todey-fav-card-box {
	background: #000000;
	border: 1px solid #141414;
	border-radius: 0px;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	box-sizing: border-box;
	text-decoration: none;
	transition: background 0.15s ease;
	cursor: pointer;
}

.todey-fav-card-box:hover {
	background: #080808 !important;
}

.todey-fav-dropdown-menu {
	scrollbar-width: thin;
	scrollbar-color: #141414 #000000;
	z-index: 100000 !important;
}

.todey-fav-search-item {
	background: #000000 !important;
	border-bottom: 1px solid #141414 !important;
	transition: background 0.15s ease !important;
}

.todey-fav-search-item:hover {
	background: #080808 !important;
}

.todey-fav-search-item:last-child {
	border-bottom: none !important;
}

/* Lightweight Red Text Remove Action */
.todey-profile-view-wrapper .todey-fav-clear-btn,
.todey-profile-drawer .todey-fav-clear-btn,
#todey-edit-fav-clear-btn,
#todey-quest-fav-clear-btn,
.todey-fav-clear-btn {
	height: auto !important;
	min-height: auto !important;
	line-height: 1 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0px !important;
	color: #ff0000 !important;
	padding: 4px 6px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: none !important;
	outline: none !important;
	transform: none !important;
	transition: opacity 0.15s ease !important;
}

.todey-profile-view-wrapper .todey-fav-clear-btn:hover,
.todey-profile-drawer .todey-fav-clear-btn:hover,
#todey-edit-fav-clear-btn:hover,
#todey-quest-fav-clear-btn:hover,
.todey-fav-clear-btn:hover {
	background: transparent !important;
	border: none !important;
	color: #ff0000 !important;
	opacity: 0.75 !important;
	transform: none !important;
}

/* ==========================================================================
   Public Profile Live Studio Preview & Bento Card Styles
   ========================================================================== */
.todey-profile-studio-preview {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 30px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	margin-top: 20px !important;
}

.todey-pub-hero-grid {
	display: grid !important;
	grid-template-columns: 340px 1fr !important;
	gap: 24px !important;
	margin-bottom: 30px !important;
	align-items: stretch !important;
	box-sizing: border-box !important;
}

/* Left Column: Identity Passport */
.todey-passport-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
	box-sizing: border-box !important;
}

.todey-passport-avatar-wrap {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	overflow: hidden !important;
	margin-bottom: 20px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}

.todey-passport-avatar-wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.todey-passport-name {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 4px 0 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	line-height: 1.2 !important;
}

.todey-passport-handle {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 12px !important;
	color: #ff4400 !important;
	margin: 0 0 16px 0 !important;
	letter-spacing: 0.5px !important;
	font-weight: 700 !important;
}

.todey-passport-chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-bottom: 20px !important;
}

.todey-passport-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-family: 'Space Grotesk', monospace !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 4px 8px !important;
	color: #b3b3b3 !important;
	box-sizing: border-box !important;
}

.todey-passport-chip span.dot {
	width: 6px !important;
	height: 6px !important;
	background: #ff4400 !important;
	display: inline-block !important;
	border-radius: 0px !important;
}

.todey-passport-socials {
	margin-top: auto !important;
	padding-top: 18px !important;
	border-top: 1px solid #141414 !important;
	display: flex !important;
	gap: 8px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.todey-social-col {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
}

.todey-social-col-label {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 8.5px !important;
	font-weight: 700 !important;
	color: #888888 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	text-align: left !important;
	padding-left: 5px !important;
	margin-bottom: 5px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.todey-social-btn {
	width: 100% !important;
	height: 30px !important;
	min-height: 30px !important;
	padding: 0 !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
}

.todey-social-btn svg {
	display: block !important;
	width: 15px !important;
	height: 15px !important;
	flex-shrink: 0 !important;
	color: #ffffff !important;
	transition: stroke 0.15s ease, fill 0.15s ease, color 0.15s ease !important;
}

.todey-social-btn svg[fill="none"] {
	fill: none !important;
	stroke: currentColor !important;
}

.todey-social-btn svg[fill="currentColor"] {
	fill: currentColor !important;
	stroke: none !important;
}

.todey-social-btn:hover {
	background: #ff4400 !important;
	color: #000000 !important;
	border: 1px solid #141414 !important;
	transform: translateY(-2px) !important;
}

.todey-social-btn:hover svg {
	color: #000000 !important;
}

/* Right Column: Story Headline & Stats */
.todey-story-card {
	background: var(--todey-surface, #000000) !important;
	border: 1px solid #141414;
	border-radius: 0px !important;
	padding: 20px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	box-sizing: border-box !important;
}

.todey-story-headline {
	margin-bottom: 24px !important;
}

.todey-headline-super,
.todey-portal-layout .todey-headline-super,
.todey-portal-body .todey-headline-super,
#todey-portal-content .todey-headline-super,
.todey-profile-studio-preview .todey-headline-super,
.todey-story-card .todey-headline-super {
	font-family: 'Clash Display', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 60px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	-webkit-text-stroke: 0 !important;
	letter-spacing: -0.5px !important;
	margin: 0 !important;
}

.todey-headline-sub {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	text-transform: uppercase !important;
	color: #444444 !important;
	letter-spacing: -0.5px !important;
	margin: 0 !important;
}

.todey-story-bio {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #b3b3b3 !important;
	margin: 0 0 32px 0 !important;
	max-width: 680px !important;
}

/* Big Stat Counters Grid */
.todey-counters-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 16px !important;
	margin-bottom: 24px !important;
	padding: 20px 0 !important;
	border-top: 1px solid #141414 !important;
	border-bottom: 1px solid #141414 !important;
	box-sizing: border-box !important;
}

.todey-counter-block {
	display: flex !important;
	flex-direction: column !important;
}

.todey-counter-num {
	font-size: 36px !important;
	font-weight: 1000 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	color: #ffffff !important;
	line-height: 1 !important;
	letter-spacing: -0.5px !important;
	margin-bottom: 6px !important;
}

.todey-counter-label {
	font-size: 8.5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.6px !important;
	color: #888888 !important;
	line-height: 1.2 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

/* Showcase Bento Grid (Left Full Card + Right Stacked Stats/Reputation) */
.todey-showcase-bento-grid {
	display: grid !important;
	grid-template-columns: 45fr 55fr !important;
	gap: 16px !important;
	align-items: stretch !important;
	margin-top: 10px !important;
	box-sizing: border-box !important;
}

/* Left Column: Full-Height Favorite Card */
.todey-showcase-fav-col {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
}

.todey-fav-fullcard-box {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 12px 0 0 0 !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
	transition: background 0.15s ease !important;
	cursor: pointer !important;
	overflow: hidden !important;
}

.todey-fav-fullcard-box:hover {
	background: #080808 !important;
}

.todey-fav-fullcard-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	margin-bottom: 12px !important;
	padding: 0 12px !important;
	box-sizing: border-box !important;
}

.todey-fav-header-title {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 60% !important;
	text-align: right !important;
	letter-spacing: 0.5px !important;
}

.todey-fav-fullcard-img-wrap {
	flex: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.todey-fav-fullcard-img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	padding: 5px !important;
	max-height: none !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 0px !important;
	filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.7)) !important;
}

.todey-fav-logo-frame {
	width: 64px !important;
	height: 64px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	padding: 8px !important;
	box-sizing: border-box !important;
}

.todey-fav-logo-img {
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	display: block !important;
}

.todey-fav-placeholder-monogram {
	width: 64px !important;
	height: 64px !important;
	background: #080808 !important;
	border: 1px solid #141414 !important;
	color: #ff4400 !important;
	font-weight: 800 !important;
	font-size: 22px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

/* Right Column: Stacked Counters & Reputation (Equal 50% / 50% height split) */
.todey-showcase-right-col {
	display: grid !important;
	grid-template-rows: 1fr 1fr !important;
	gap: 16px !important;
	height: 100% !important;
}

.todey-showcase-counters-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 12px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 16px !important;
	box-sizing: border-box !important;
	align-items: center !important;
	height: 100% !important;
}

.todey-showcase-reputation-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 18px 20px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	height: 100% !important;
	transition: background 0.15s ease !important;
	box-sizing: border-box !important;
}

.todey-reputation-text {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 8px !important;
	min-width: 0 !important;
}

.todey-reputation-tier-icon {
	width: 44px !important;
	height: 44px !important;
	flex-shrink: 0 !important;
}

.todey-reputation-tier-icon svg {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
}

.todey-showcase-reputation-card:hover {
	background: #080808 !important;
}

.todey-showcase-reputation-card:hover .todey-highlight-arrow {
	transform: translateX(2px) !important;
}

.todey-reputation-card-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
}

.todey-reputation-rank-title {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
}

.todey-reputation-metrics-line {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	color: #888888 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	line-height: 1 !important;
}

/* Bento Highlights Row */
.todey-highlights-row {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 16px !important;
	box-sizing: border-box !important;
}

.todey-highlight-box {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 16px 20px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 8px !important;
	transition: background 0.15s ease !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
}

.todey-highlight-box:hover {
	background: #080808 !important;
}

.todey-highlight-box:hover .todey-highlight-arrow {
	transform: translateX(2px) !important;
}

.todey-highlight-title {
	font-size: 10px !important;
	font-weight: 700 !important;
	font-family: 'Space Grotesk', monospace !important;
	color: #888888 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	line-height: 1 !important;
}

.todey-highlight-val {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	line-height: 1.15 !important;
}

.todey-highlight-arrow {
	font-size: 14px !important;
	color: #ff4400 !important;
	line-height: 1 !important;
	transition: transform 0.15s ease !important;
}

/* Section Blocks */
.todey-section-block {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
	padding: 24px !important;
	box-sizing: border-box !important;
}

.todey-section-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	border-bottom: 1px solid #141414 !important;
	padding-bottom: 14px !important;
	margin-bottom: 20px !important;
}

.todey-section-title {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: #ffffff !important;
	margin: 0 !important;
}

.todey-section-badge {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
}

.todey-section-badge .todey-badge-num {
	color: #ff4400 !important;
	font-weight: 800 !important;
}

.todey-section-badge .todey-badge-txt {
	color: #ffffff !important;
	font-weight: 700 !important;
}

/* Reviews Timeline */
.todey-reviews-timeline {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.todey-reviews-timeline .todey-review-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 20px !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 20px !important;
	width: 100% !important;
}

.todey-reviews-timeline .todey-review-content-col,
.todey-review-content-col {
	flex: 1 !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
}

.todey-reviews-timeline .todey-review-project-row,
.todey-review-project-row {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	margin-bottom: 6px !important;
}

.todey-reviews-timeline .todey-review-meta-right,
.todey-review-meta-right {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 8px !important;
	flex-shrink: 0 !important;
}

.todey-reviews-timeline .todey-review-votes-group,
.todey-review-votes-group {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
}

.todey-profile-view-wrapper .todey-helpful-btn,
.todey-reviews-timeline .todey-helpful-btn {
	height: 24px !important;
	min-height: 24px !important;
	padding: 0 8px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	color: #888888 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 10.5px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	line-height: 1 !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
	box-sizing: border-box !important;
}

.todey-profile-view-wrapper .todey-helpful-btn svg,
.todey-reviews-timeline .todey-helpful-btn svg {
	display: block !important;
	flex-shrink: 0 !important;
	color: currentColor !important;
}

.todey-profile-view-wrapper .todey-helpful-btn:hover,
.todey-reviews-timeline .todey-helpful-btn:hover {
	background: #080808 !important;
}

.todey-profile-view-wrapper .todey-helpful-btn.todey-vote-up,
.todey-profile-view-wrapper .todey-helpful-btn.todey-vote-up:hover,
.todey-profile-view-wrapper .todey-helpful-btn.todey-vote-up.voted-active,
.todey-reviews-timeline .todey-helpful-btn.todey-vote-up,
.todey-reviews-timeline .todey-helpful-btn.todey-vote-up:hover,
.todey-reviews-timeline .todey-helpful-btn.todey-vote-up.voted-active {
	background: #080808 !important;
	color: #0ee21f !important;
}

.todey-profile-view-wrapper .todey-helpful-btn.todey-vote-down,
.todey-profile-view-wrapper .todey-helpful-btn.todey-vote-down:hover,
.todey-profile-view-wrapper .todey-helpful-btn.todey-vote-down.voted-active,
.todey-reviews-timeline .todey-helpful-btn.todey-vote-down,
.todey-reviews-timeline .todey-helpful-btn.todey-vote-down:hover,
.todey-reviews-timeline .todey-helpful-btn.todey-vote-down.voted-active {
	background: #080808 !important;
	color: #ff0000 !important;
}

.todey-reviews-timeline .todey-review-date-right {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 10.5px !important;
	font-weight: 500 !important;
	color: #888888 !important;
	text-align: right !important;
	text-transform: uppercase !important;
	letter-spacing: 0.25px !important;
	line-height: 1 !important;
}

.todey-reviews-timeline .todey-review-project {
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: #ffffff !important;
	font-family: var(--todey-font-main) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

.todey-reviews-timeline .todey-review-project-bar {
	display: inline-block !important;
	width: 2.5px !important;
	height: 13px !important;
	background: #ff4400 !important;
	border-radius: 0px !important;
	margin-right: 2px !important;
	flex-shrink: 0 !important;
}

.todey-reviews-timeline .todey-review-project-link {
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: #ffffff !important;
	font-family: var(--todey-font-main) !important;
	text-decoration: none !important;
	transition: color 0.15s ease, transform 0.15s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

.todey-reviews-timeline .todey-review-project-link svg {
	display: block !important;
	flex-shrink: 0 !important;
	color: currentColor !important;
	transition: transform 0.15s ease !important;
}

.todey-reviews-timeline .todey-review-project-link:hover {
	color: #ff4400 !important;
	transform: translateX(1px) !important;
}

.todey-reviews-timeline .todey-review-project-link:hover svg {
	transform: translate(1px, -1px) !important;
}

.todey-reviews-timeline .todey-review-stars {
	color: #ff4400 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	line-height: 1 !important;
}

.todey-reviews-timeline .todey-review-title {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin-top: 4px !important;
	margin-bottom: 6px !important;
	line-height: 1.35 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

.todey-reviews-timeline .todey-review-body {
	font-size: 12px !important;
	color: #b3b3b3 !important;
	line-height: 1.55 !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

/* Reviews Load More */
.todey-pub-reviews-load-more-wrap {
	margin-top: 20px !important;
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
}

.todey-pub-load-more-btn {
	height: 38px !important;
	min-height: 38px !important;
	border-radius: 0px !important;
	border: 1px solid #141414 !important;
	background: #000000 !important;
	color: #ffffff !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	padding: 0 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	width: auto !important;
	max-width: 280px !important;
}

.todey-pub-load-more-btn:hover:not(:disabled) {
	background: #ff4400 !important;
	color: #000000 !important;
	border-color: #ff4400 !important;
	transform: translateY(-2px) !important;
}

.todey-pub-load-more-btn:disabled {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
	transform: none !important;
}

.todey-saved-project-link-btn {
	width: 24px !important;
	height: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #888888 !important;
	transition: color 0.15s ease !important;
	text-decoration: none !important;
}

.todey-saved-project-link-btn:hover {
	color: #ffffff !important;
}

.todey-pub-footer {
	margin-top: 30px !important;
	padding: 40px 30px !important;
	background: var(--todey-surface, #000000) !important;
	border: 1px solid var(--todey-border, #141414) !important;
	text-align: center !important;
}

/* ==========================================================================
   Responsive Media Queries for Public Profile Studio & Live Mirror
   ========================================================================== */

.todey-quest-form-grid {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 14px !important;
	box-sizing: border-box !important;
}

/* TABLET VIEWPORT (<1024px) */
@media (max-width: 1024px) {
	.todey-pub-hero-grid {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	.todey-showcase-bento-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
	.todey-showcase-right-col {
		grid-template-rows: auto auto !important;
		gap: 16px !important;
	}
	.todey-fav-fullcard-box {
		min-height: 180px !important;
	}
	.todey-headline-super {
		font-size: 36px !important;
	}
	.todey-headline-sub {
		font-size: 18px !important;
	}
	.todey-personal-reviews-panel,
	.todey-personal-reviews-card {
		padding: 18px 16px 22px 16px !important;
	}
	.todey-personal-review-item {
		padding: 14px 12px !important;
		gap: 12px !important;
	}
}

/* STANDARD MOBILE VIEWPORT (<768px) */
@media (max-width: 768px) {
	.todey-pub-topbar {
		display: none !important;
	}
	.todey-profile-view-wrapper {
		width: 100% !important;
	}
	.todey-profile-quest-card {
		padding: 16px 10px !important;
	}
	.todey-quest-form-grid {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}
	.todey-milestones-list {
		gap: 10px !important;
	}
	.todey-milestone-row {
		padding: 14px 10px !important;
		gap: 12px !important;
	}
	.todey-milestone-inner-row {
		gap: 12px !important;
	}
	.todey-quest-trigger-footer {
		padding-top: 16px !important;
		gap: 12px !important;
	}
	.todey-quest-trigger-msg {
		width: 100% !important;
		line-height: 1.4 !important;
	}
	.todey-generate-identity-btn {
		width: 100% !important;
	}
	.todey-profile-topbar {
		padding: 12px 10px !important;
		gap: 10px !important;
	}
	.todey-profile-url-box {
		width: 100% !important;
		font-size: 11px !important;
		word-break: break-all !important;
	}
	.todey-profile-actions-conjoined {
		width: 100% !important;
		gap: 6px !important;
	}
	.todey-profile-actions-conjoined .todey-pub-btn {
		flex: 1 1 calc(50% - 6px) !important;
		padding: 0 10px !important;
		font-size: 10px !important;
	}
	.todey-profile-studio-preview {
		padding: 16px 10px !important;
		margin-top: 16px !important;
	}
	.todey-passport-card {
		padding: 0 0 16px 0 !important;
		overflow: hidden !important;
	}
	.todey-passport-avatar-wrap {
		width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 14px !important;
		border: none !important;
		border-bottom: 1px solid #141414 !important;
		border-radius: 0px !important;
	}
	.todey-passport-avatar-wrap img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
		border-radius: 0px !important;
	}
	.todey-passport-name-row,
	.todey-passport-handle,
	.todey-passport-chips {
		padding-left: 12px !important;
		padding-right: 12px !important;
		box-sizing: border-box !important;
	}
	.todey-passport-socials {
		margin-top: auto !important;
		padding: 14px 12px 0 12px !important;
		box-sizing: border-box !important;
	}
	.todey-story-card {
		padding: 18px 10px !important;
	}
	.todey-story-headline {
		margin-bottom: 16px !important;
	}
	.todey-headline-super {
		font-size: 30px !important;
		letter-spacing: -0.3px !important;
	}
	.todey-headline-sub {
		font-size: 16px !important;
		letter-spacing: -0.3px !important;
	}
	.todey-story-bio {
		font-size: 13px !important;
		line-height: 1.5 !important;
		margin-bottom: 20px !important;
	}
	.todey-fav-fullcard-box {
		padding: 12px 0 0 0 !important;
		overflow: hidden !important;
	}
	.todey-fav-fullcard-header {
		padding: 0 12px !important;
		margin-bottom: 12px !important;
		box-sizing: border-box !important;
	}
	.todey-fav-fullcard-img-wrap {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		min-height: unset !important;
		overflow: hidden !important;
	}
	.todey-fav-fullcard-img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: none !important;
		object-fit: cover !important;
		display: block !important;
		border-radius: 0px !important;
	}
	.todey-showcase-counters-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		padding: 12px 8px !important;
		gap: 6px !important;
	}
	.todey-counter-num {
		font-size: 24px !important;
	}
	.todey-counter-label {
		font-size: 8px !important;
		letter-spacing: 0.4px !important;
	}
	.todey-showcase-reputation-card {
		padding: 14px 12px !important;
	}
	.todey-reputation-tier-icon {
		width: 40px !important;
		height: 40px !important;
	}
	.todey-section-block {
		padding: 16px 10px !important;
		margin-bottom: 20px !important;
	}
	.todey-section-header {
		padding-bottom: 10px !important;
		margin-bottom: 14px !important;
	}
	.todey-watchlist-saved-grid,
	.todey-pub-watchlist-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}
	.todey-saved-card-item {
		padding: 12px 8px !important;
		gap: 6px !important;
	}
	.todey-reviews-timeline .todey-review-card {
		padding: 16px 10px !important;
	}
	.todey-profile-drawer {
		width: 100vw !important;
		max-width: 100vw !important;
		padding: 18px 10px !important;
	}
	.todey-standalone-badge {
		padding: 6px 10px !important;
		gap: 8px !important;
	}
	.todey-pub-footer {
		padding: 28px 10px !important;
		margin-top: 30px !important;
	}
	.todey-pub-footer h3 {
		font-size: 16px !important;
	}
	.todey-pub-footer p {
		font-size: 12px !important;
		margin-bottom: 18px !important;
	}
}

/* SMALL MOBILE VIEWPORT (<480px) */
@media (max-width: 480px) {
	.todey-pub-container {
		padding: 12px 5px 36px 5px !important;
	}
	.todey-passport-card {
		padding: 0 0 14px 0 !important;
		overflow: hidden !important;
	}
	.todey-passport-avatar-wrap {
		width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 12px !important;
		border: none !important;
		border-bottom: 1px solid #141414 !important;
		border-radius: 0px !important;
	}
	.todey-passport-avatar-wrap img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
		border-radius: 0px !important;
	}
	.todey-passport-name-row,
	.todey-passport-handle,
	.todey-passport-chips {
		padding-left: 8px !important;
		padding-right: 8px !important;
		box-sizing: border-box !important;
	}
	.todey-profile-quest-card {
		padding: 14px 5px !important;
	}
	.todey-milestone-row {
		padding: 12px 6px !important;
	}
	.todey-milestone-actions {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 6px !important;
	}
	.todey-milestone-actions .todey-pub-btn,
	.todey-milestone-actions .todey-milestone-badge {
		width: 100% !important;
		text-align: center !important;
		justify-content: center !important;
	}
	.todey-profile-studio-preview {
		padding: 12px 5px !important;
	}
	.todey-story-card {
		padding: 16px 6px !important;
	}
	.todey-headline-super {
		font-size: 40px !important;
	}
	.todey-headline-sub {
		font-size: 14px !important;
	}
	.todey-passport-handle {
		font-size: 11px !important;
		margin-bottom: 12px !important;
	}
	.todey-passport-chips {
		gap: 6px !important;
		margin-bottom: 14px !important;
	}
	.todey-passport-chip {
		font-size: 9px !important;
		padding: 3px 6px !important;
	}
	.todey-passport-socials {
		padding: 12px 8px 0 8px !important;
		gap: 5px !important;
		box-sizing: border-box !important;
	}
	.todey-fav-fullcard-box {
		padding: 10px 0 0 0 !important;
		overflow: hidden !important;
	}
	.todey-fav-fullcard-header {
		padding: 0 10px !important;
		margin-bottom: 10px !important;
		box-sizing: border-box !important;
	}
	.todey-fav-fullcard-img-wrap {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		min-height: unset !important;
		overflow: hidden !important;
	}
	.todey-fav-fullcard-img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: none !important;
		object-fit: cover !important;
		display: block !important;
		border-radius: 0px !important;
	}
	.todey-social-col-label {
		font-size: 7.5px !important;
		padding-left: 2px !important;
		margin-bottom: 3px !important;
	}
	.todey-showcase-counters-grid {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		padding: 12px 10px !important;
	}
	.todey-counter-block {
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		border-bottom: 1px solid #141414 !important;
		padding-bottom: 6px !important;
	}
	.todey-counter-block:last-child {
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}
	.todey-counter-num {
		font-size: 20px !important;
		margin-bottom: 0 !important;
	}
	.todey-counter-label {
		font-size: 8px !important;
		margin-bottom: 0 !important;
	}
	.todey-watchlist-saved-grid,
	.todey-pub-watchlist-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
	}
	.todey-reviews-timeline .todey-review-card {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		padding: 16px 10px !important;
	}
	.todey-reviews-timeline .todey-review-meta-right {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		padding-top: 10px !important;
		border-top: 1px solid #141414 !important;
		gap: 8px !important;
	}
	.todey-reviews-timeline .todey-review-date-right {
		text-align: right !important;
	}
	.todey-section-block {
		padding: 14px 6px !important;
	}
	.todey-pub-reviews-load-more-wrap {
		margin-top: 14px !important;
		width: 100% !important;
	}
	.todey-pub-load-more-btn {
		width: 100% !important;
		max-width: 100% !important;
		height: 40px !important;
		min-height: 40px !important;
	}
	.todey-profile-drawer {
		padding: 14px 6px !important;
	}
	.todey-pub-footer {
		padding: 24px 6px !important;
		margin-top: 24px !important;
	}
}

/* ULTRA-COMPACT MOBILE (<340px) */
@media (max-width: 340px) {
	.todey-headline-super {
		font-size: 20px !important;
	}
	.todey-headline-sub {
		font-size: 12px !important;
	}
	.todey-passport-chips {
		gap: 4px !important;
	}
	.todey-passport-chip {
		font-size: 8.5px !important;
		padding: 2px 4px !important;
	}
	.todey-social-btn {
		height: 28px !important;
		min-height: 28px !important;
	}
	.todey-social-btn svg {
		width: 13px !important;
		height: 13px !important;
	}
	.todey-profile-actions-conjoined {
		display: flex !important;
		flex-direction: column !important;
	}
	.todey-profile-actions-conjoined .todey-pub-btn {
		width: 100% !important;
	}
}

.todey-passport-name-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	margin: 0 0 4px 0 !important;
}

.todey-pub-edit-inline-btn {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	color: #888888 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	text-decoration: none !important;
	transition: color 0.15s ease, transform 0.15s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	white-space: nowrap !important;
}

.todey-pub-edit-inline-btn:hover {
	color: #ff4400 !important;
	transform: translateX(1px) !important;
}

/* ==========================================================================
   Community Reviewers Leaderboard Component & Responsive Styles
   ========================================================================== */

.todey-leaderboard-wrapper {
	width: 100% !important;
	box-sizing: border-box !important;
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
}

.todey-leaderboard-coming-soon-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 60px 24px !important;
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
	min-height: 220px !important;
}

.todey-lb-coming-soon-title {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 0 10px 0 !important;
	line-height: 1.3 !important;
	letter-spacing: 0.3px !important;
}

.todey-lb-coming-soon-desc {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #b3b3b3 !important;
	line-height: 1.6 !important;
	max-width: 480px !important;
	margin: 0 auto !important;
}

.todey-leaderboard-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 16px !important;
	margin-bottom: 20px !important;
	padding: 16px 20px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.todey-leaderboard-header-left {
	border-left: 3px solid #ff4400 !important;
	padding-left: 14px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	margin: 0 !important;
}

.todey-leaderboard-title {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	margin: 0 !important;
	line-height: 1.2 !important;
}

.todey-leaderboard-desc {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, sans-serif) !important;
	font-size: 12px !important;
	color: #888888 !important;
	margin: 0 !important;
	line-height: 1.5 !important;
	max-width: 680px !important;
}

.todey-leaderboard-header-right {
	flex-shrink: 0 !important;
}

/* Podium Layout Grid — Championship Grand Prix Architecture */
.todey-leaderboard-podium-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.08fr 1fr !important;
	align-items: flex-end !important;
	gap: 16px !important;
	margin: 0 auto 28px auto !important;
	max-width: 860px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.todey-podium-col {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	box-sizing: border-box !important;
}

.todey-podium-col-1 {
	order: 2 !important;
}

.todey-podium-col-2 {
	order: 1 !important;
}

.todey-podium-col-3 {
	order: 3 !important;
}

/* Grand Prix Card Outer Wrapper (Unclipped for Numbers) */
.todey-gp-card-wrap {
	position: relative !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	transition: transform 0.2s ease !important;
}

.todey-gp-card-wrap:hover {
	transform: translateY(-3px) !important;
}

/* Grand Prix Card Container */
.todey-gp-card {
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	width: 100% !important;
	clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%, 0 60px) !important;
}

.rank-col-1 .todey-gp-card {
	min-height: 380px !important;
}

.rank-col-2 .todey-gp-card {
	min-height: 345px !important;
}

.rank-col-3 .todey-gp-card {
	min-height: 325px !important;
}

.todey-gp-card.todey-gp-card-curr {
	border-color: #141414 !important;
}

/* Full-Bleed Hero Portrait Container */
.todey-gp-hero-wrap {
	position: relative !important;
	width: 100% !important;
	height: 200px !important;
	background: #111111 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.rank-col-1 .todey-gp-hero-wrap {
	height: 230px !important;
}

.rank-col-2 .todey-gp-hero-wrap {
	height: 200px !important;
}

.rank-col-3 .todey-gp-hero-wrap {
	height: 180px !important;
}

/* Giant Stencil Top-Left Numeral (Unclipped on top) */
.todey-gp-top-num {
	position: absolute !important;
	top: -2px !important;
	left: 4px !important;
	font-family: 'Space Grotesk', monospace !important;
	font-size: 76px !important;
	font-weight: 900 !important;
	line-height: 0.85 !important;
	color: #ffffff !important;
	letter-spacing: -2px !important;
	z-index: 10 !important;
	user-select: none !important;
	pointer-events: none !important;
	text-shadow: 0 4px 20px rgba(0, 0, 0, 0.9), 0 1px 4px rgba(0, 0, 0, 0.8) !important;
}

.todey-gp-top-num.rank-1 {
	font-size: 88px !important;
	color: #ffffff !important;
	top: -4px !important;
	left: 4px !important;
}

/* Hero Link & Avatar */
.todey-gp-hero-link {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	position: relative !important;
	text-decoration: none !important;
}

.todey-gp-hero-link-static {
	cursor: default !important;
}

.todey-gp-hero-avatar {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
	display: block !important;
}

.todey-gp-hero-placeholder {
	width: 100% !important;
	height: 100% !important;
	background: radial-gradient(circle at 50% 40%, #1c1c1c 0%, #080808 70%, #000000 100%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.todey-gp-monogram {
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 42px !important;
	font-weight: 900 !important;
	color: #2b2b2b !important;
	letter-spacing: 2px !important;
	user-select: none !important;
}

.todey-gp-hero-gradient {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 80px !important;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 65%, #000000 100%) !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

/* Motorsport Score & Level Strip */
.todey-gp-score-strip {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 8px 14px !important;
	background: #000000 !important;
	border-top: 1px solid #141414 !important;
	border-bottom: 1px solid #141414 !important;
	box-sizing: border-box !important;
	position: relative !important;
	z-index: 3 !important;
}

.todey-gp-badge-box {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.todey-gp-badge-box.rank-1,
.todey-gp-badge-box.rank-2,
.todey-gp-badge-box.rank-3 {
	background: transparent !important;
	border: none !important;
}

.todey-gp-rev-num {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 20px !important;
	font-weight: 900 !important;
	color: #ffffff !important;
	line-height: 1 !important;
	letter-spacing: -0.5px !important;
}

.hero-score-strip .todey-gp-rev-num {
	font-size: 22px !important;
}

.todey-gp-rev-lbl {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	color: #888888 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	line-height: 1 !important;
	margin-top: 2px !important;
}

.todey-gp-points {
	display: flex !important;
	align-items: baseline !important;
	gap: 4px !important;
}

.todey-gp-pts-val {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	color: #ffffff !important;
	letter-spacing: -0.5px !important;
	line-height: 1 !important;
}

.hero-points .todey-gp-pts-val {
	font-size: 28px !important;
	color: #ffffff !important;
}

.todey-gp-pts-unit {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	color: #888888 !important;
	letter-spacing: 0.5px !important;
}

/* Bottom Nameplate Section */
.todey-gp-nameplate-box {
	padding: 12px 14px !important;
	background: #000000 !important;
	box-sizing: border-box !important;
	margin-top: auto !important;
}

.todey-gp-nameplate-row {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	gap: 10px !important;
	width: 100% !important;
}

.todey-gp-name-col {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
}

.todey-gp-name-role {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.8px !important;
	text-transform: uppercase !important;
	color: #888888 !important;
	margin-bottom: 2px !important;
	line-height: 1.1 !important;
}

.todey-gp-name-main {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	text-decoration: none !important;
	line-height: 1.1 !important;
	margin-bottom: 4px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 100% !important;
	display: block !important;
}

.hero-rank-1 .todey-gp-name-main {
	font-size: 19px !important;
}

a.todey-gp-name-main:hover {
	color: #ff4400 !important;
}

.todey-gp-name-main-static {
	cursor: default !important;
}

.todey-gp-name-main-static:hover {
	color: #ffffff !important;
}

.todey-gp-handle-line {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
}

.todey-gp-handle-text {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	color: #888888 !important;
	letter-spacing: 0.2px !important;
}

/* Right-side Telemetry Column */
.todey-gp-telemetry-col {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	justify-content: flex-end !important;
	text-align: right !important;
	flex-shrink: 0 !important;
	gap: 3px !important;
}

.todey-gp-actions-row {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 3px !important;
	margin-bottom: 2px !important;
	flex-shrink: 0 !important;
}

.todey-gp-action-btn {
	width: 19px !important;
	height: 19px !important;
	min-width: 19px !important;
	min-height: 19px !important;
	max-width: 19px !important;
	max-height: 19px !important;
	border: 1px solid #141414 !important;
	background: #000000 !important;
	color: #888888 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	transition: color 0.15s ease !important;
	flex-shrink: 0 !important;
}

.todey-gp-action-btn:hover {
	background: #000000 !important;
	border-color: #141414 !important;
	color: #ff4400 !important;
	transform: none !important;
}

.todey-gp-action-btn-disabled {
	color: #2c2c2c !important;
	cursor: default !important;
	pointer-events: none !important;
}

.todey-gp-ratio-val {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	line-height: 1 !important;
	letter-spacing: -0.3px !important;
}

.todey-gp-votes-row {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 6px !important;
	font-family: 'Space Grotesk', monospace !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.todey-gp-vote-up {
	color: #0ee21f !important;
}

.todey-gp-vote-down {
	color: #ff0000 !important;
}

/* Ranks 4 to 15 List Card */
.todey-leaderboard-list-card {
	border-radius: 0px !important;
	margin-bottom: 20px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.todey-leaderboard-list-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	height: 38px !important;
	min-height: 38px !important;
	padding: 0 !important;
	margin-bottom: 12px !important;
	background: transparent !important;
	flex-wrap: nowrap !important;
	box-sizing: border-box !important;
}

.todey-leaderboard-list-header .todey-standalone-badge,
.todey-leaderboard-sub-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 38px !important;
	min-height: 38px !important;
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
	padding: 0 15px !important;
	border: 1px solid #141414 !important;
	background-color: #000000 !important;
	border-radius: 0px !important;
	box-sizing: border-box !important;
	gap: 12px !important;
	margin: 0 !important;
}

.todey-leaderboard-list-header .todey-standalone-badge .badge-accent-tag,
.todey-leaderboard-sub-badge .badge-accent-tag {
	font-family: 'Space Grotesk', 'SF Mono', SFMono-Regular, Consolas, Monaco, monospace !important;
	color: #ff4400 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
	border-right: 1px solid #141414 !important;
	padding-right: 12px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.todey-leaderboard-list-header .todey-standalone-badge .badge-main-text,
.todey-leaderboard-sub-badge .badge-main-text {
	font-family: var(--todey-font-main, 'DM Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif) !important;
	color: #a1a1a6 !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.todey-list-header-title {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
}

.todey-list-header-sub {
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	color: #888888 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
}

.todey-leaderboard-list-wrap {
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
	padding: 0px !important;
}

.todey-leaderboard-list-row {
	display: grid !important;
	grid-template-columns: minmax(180px, 2fr) minmax(110px, 1.2fr) minmax(70px, 0.9fr) minmax(95px, 1.1fr) minmax(75px, 0.9fr) minmax(85px, 1fr) 72px !important;
	align-items: center !important;
	padding: 8px 16px !important;
	border: 1px solid #141414 !important;
	background: #000000 !important;
	box-sizing: border-box !important;
	gap: 14px !important;
}

.todey-leaderboard-list-row:hover {
	background: #000000 !important;
}

.todey-leaderboard-list-row-curr {
	background: #050505 !important;
	padding: 8px 16px !important;
}

.todey-leaderboard-list-row-curr:hover {
	background: #050505 !important;
}

.todey-list-col {
	box-sizing: border-box !important;
}

.todey-list-col-user {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-width: 0 !important;
}

.todey-list-col-tier {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
}

.todey-community-wrap .todey-tier-badge,
.todey-leaderboard-list-row .todey-tier-badge,
.todey-list-col-tier .todey-tier-badge,
.todey-tier-badge {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 9.5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 4px 0px !important;
	border-radius: 0px !important;
	letter-spacing: 0.5px !important;
	background: transparent !important;
	border: none !important;
	display: inline-block !important;
	white-space: nowrap !important;
	line-height: 1.2 !important;
	margin-bottom: 2px !important;
}

.todey-community-wrap .todey-tier-lvl-1,
.todey-tier-lvl-1 {
	color: #888888 !important;
}

.todey-community-wrap .todey-tier-lvl-2,
.todey-tier-lvl-2 {
	color: #38bdf8 !important;
}

.todey-community-wrap .todey-tier-lvl-3,
.todey-tier-lvl-3 {
	color: #818cf8 !important;
}

.todey-community-wrap .todey-tier-lvl-4,
.todey-tier-lvl-4 {
	color: #10b981 !important;
}

.todey-community-wrap .todey-tier-lvl-5,
.todey-tier-lvl-5 {
	color: #c084fc !important;
}

.todey-community-wrap .todey-tier-lvl-6,
.todey-tier-lvl-6 {
	color: #fbbf24 !important;
}

.todey-community-wrap .todey-tier-lvl-7,
.todey-tier-lvl-7 {
	color: #ff4400 !important;
}

.todey-list-col-reviews,
.todey-list-col-votes,
.todey-list-col-ratio,
.todey-list-col-points {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	text-align: left !important;
}

.todey-list-col-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	width: 72px !important;
	box-sizing: border-box !important;
}

.todey-leaderboard-x-icon-btn,
.todey-leaderboard-profile-icon-btn,
.todey-podium-icon-btn,
.todey-podium-social-btn {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	border: 1px solid #141414 !important;
	background: #000000 !important;
	color: #888888 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	border-radius: 0px !important;
	transition: color 0.15s ease !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
}

.todey-leaderboard-x-icon-btn:hover,
.todey-leaderboard-profile-icon-btn:hover,
.todey-podium-icon-btn:hover,
.todey-podium-social-btn:hover {
	background: #000000 !important;
	border-color: #141414 !important;
	color: #ff4400 !important;
	transform: none !important;
}

.todey-list-rank-num {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	color: #888888 !important;
	width: 28px !important;
	text-align: center !important;
	flex-shrink: 0 !important;
}

.todey-list-avatar-wrap {
	flex-shrink: 0 !important;
}

.todey-list-avatar {
	width: 34px !important;
	height: 34px !important;
	border-radius: 6px !important;
	border: 1px solid #141414 !important;
	object-fit: cover !important;
	flex-shrink: 0 !important;
	background: #000000 !important;
	display: block !important;
}

.todey-list-avatar-placeholder {
	width: 34px !important;
	height: 34px !important;
	border-radius: 6px !important;
	border: 1px solid #141414 !important;
	background: #141414 !important;
	color: #ffffff !important;
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.todey-list-user-meta {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	min-width: 0 !important;
}

.todey-list-user-name {
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.todey-leaderboard-you-badge {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 8.5px !important;
	font-weight: 800 !important;
	background: transparent !important;
	color: #ff4400 !important;
	padding: 0 !important;
	border: none !important;
	line-height: 1 !important;
	letter-spacing: 0.5px !important;
}

.todey-list-user-sub {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 10px !important;
	color: #888888 !important;
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
}

.todey-list-sub-divider {
	color: #555555 !important;
}

.todey-list-stat-num {
	font-family: 'DM Sans', sans-serif !important;
	font-size: 13.5px !important;
	padding: 4px 0px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	line-height: 1.2 !important;
}

.todey-points-num {
	color: #ff4400 !important;
}

.todey-vote-up {
	color: #0ee21f !important;
	font-weight: 800 !important;
}

.todey-vote-down {
	color: #ff0000 !important;
	font-weight: 800 !important;
}

.todey-vote-divider {
	color: #444444 !important;
	font-weight: 400 !important;
	margin: 0 2px !important;
}

.todey-ratio-num {
	color: #ffffff !important;
	font-family: 'Space Grotesk', monospace !important;
	font-weight: 800 !important;
}

.todey-list-stat-lbl {
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 7.5px !important;
	font-weight: 700 !important;
	color: #666666 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3px !important;
}

/* Pinned User Standing Card */
.todey-leaderboard-standing-card {
	margin-top: 16px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	border-radius: 0px !important;
	padding: 10px 14px !important;
	box-sizing: border-box !important;
}

.todey-leaderboard-standing-card.todey-standing-highlight {
	border: 1px solid #141414 !important;
}

.todey-standing-card-header {
	display: flex !important;
	align-items: center !important;
	padding-bottom: 8px !important;
	border-bottom: 1px solid #141414 !important;
	margin-bottom: 10px !important;
}

.todey-standing-card-title {
	font-family: 'Space Grotesk', -apple-system, sans-serif !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
}

.todey-standing-card-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.todey-standing-stats-grid {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr) !important;
	gap: 6px !important;
	width: 100% !important;
	align-items: stretch !important;
	box-sizing: border-box !important;
}

.todey-standing-stat-box,
.todey-standing-rank-box,
.todey-standing-rank-col {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px 6px !important;
	background: #000000 !important;
	border: 1px solid #141414 !important;
	text-align: center !important;
	height: 100% !important;
	box-sizing: border-box !important;
	min-width: 0 !important;
}

.todey-standing-big-rank {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	color: #ff4400 !important;
	line-height: 1.2 !important;
	margin-bottom: 2px !important;
}

.todey-standing-rank-label {
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 7.5px !important;
	font-weight: 700 !important;
	color: #666666 !important;
	letter-spacing: 0.3px !important;
	text-transform: uppercase !important;
}

.todey-standing-stat-num {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	line-height: 1.2 !important;
	margin-bottom: 2px !important;
}

.todey-standing-stat-lbl {
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 7.5px !important;
	font-weight: 700 !important;
	color: #666666 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3px !important;
}

.todey-standing-action-col {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	border: 1px solid #141414 !important;
	padding: 10px 12px !important;
	background: #000000 !important;
	width: 100% !important;
}

.todey-standing-insight-text {
	font-size: 11px !important;
	color: #888888 !important;
	line-height: 1.35 !important;
}

.todey-standing-insight-text strong {
	color: #ffffff !important;
	font-weight: 700 !important;
}

.todey-tier-badge-inline {
	display: none !important;
}

/* ==========================================================================
   Responsive Scaling for Leaderboard
   ========================================================================== */

@media (max-width: 1024px) {
	.todey-leaderboard-header {
		padding: 14px 16px !important;
	}
	.todey-leaderboard-podium-grid {
		gap: 12px !important;
		max-width: 100% !important;
	}
	.rank-col-1 .todey-gp-card {
		min-height: 350px !important;
	}
	.rank-col-2 .todey-gp-card {
		min-height: 320px !important;
	}
	.rank-col-3 .todey-gp-card {
		min-height: 305px !important;
	}
	.rank-col-1 .todey-gp-hero-wrap {
		height: 200px !important;
	}
	.rank-col-2 .todey-gp-hero-wrap {
		height: 175px !important;
	}
	.rank-col-3 .todey-gp-hero-wrap {
		height: 160px !important;
	}
	.todey-gp-top-num.rank-1 {
		font-size: 78px !important;
	}
	.todey-gp-top-num {
		font-size: 68px !important;
	}
	.todey-leaderboard-list-row {
		grid-template-columns: minmax(150px, 1.8fr) minmax(90px, 1fr) minmax(65px, 0.8fr) minmax(85px, 1.1fr) minmax(65px, 0.8fr) minmax(75px, 0.9fr) 68px !important;
		gap: 8px !important;
		padding: 8px 12px !important;
	}
	.todey-standing-stats-grid {
		grid-template-columns: repeat(6, 1fr) !important;
		gap: 6px !important;
	}
}

@media (max-width: 768px) {
	.todey-profile-progress-card {
		padding: 12px 10px !important;
	}
	.todey-leaderboard-header {
		flex-direction: column !important;
		align-items: flex-start !important;
		padding: 14px 10px !important;
		gap: 10px !important;
	}
	.todey-leaderboard-title {
		font-size: 16px !important;
	}
	.todey-leaderboard-desc {
		font-size: 11.5px !important;
		line-height: 1.45 !important;
	}
	.todey-leaderboard-coming-soon-card {
		padding: 40px 10px !important;
		min-height: 180px !important;
	}
	.todey-lb-coming-soon-title {
		font-size: 16px !important;
	}
	.todey-lb-coming-soon-desc {
		font-size: 12px !important;
	}
	.todey-leaderboard-podium-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 14px !important;
		margin-bottom: 20px !important;
	}
	.todey-podium-col-1 {
		order: 1 !important;
	}
	.todey-podium-col-2 {
		order: 2 !important;
	}
	.todey-podium-col-3 {
		order: 3 !important;
	}
	.rank-col-1 .todey-gp-card,
	.rank-col-2 .todey-gp-card,
	.rank-col-3 .todey-gp-card {
		min-height: auto !important;
		clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 50px) !important;
	}
	.todey-gp-hero-wrap,
	.rank-col-1 .todey-gp-hero-wrap,
	.rank-col-2 .todey-gp-hero-wrap,
	.rank-col-3 .todey-gp-hero-wrap {
		height: 180px !important;
	}
	.todey-gp-top-num.rank-1 {
		font-size: 72px !important;
		top: -2px !important;
		left: 4px !important;
	}
	.todey-gp-top-num {
		font-size: 64px !important;
		top: -2px !important;
		left: 4px !important;
	}
	.todey-leaderboard-list-card {
		margin-bottom: 16px !important;
	}
	.todey-leaderboard-list-header {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		width: 100% !important;
		height: 36px !important;
		min-height: 36px !important;
		margin-bottom: 10px !important;
		padding: 0 !important;
		flex-wrap: nowrap !important;
	}
	.todey-leaderboard-list-header .todey-standalone-badge,
	.todey-leaderboard-sub-badge {
		height: 36px !important;
		min-height: 36px !important;
		padding: 0 10px !important;
		gap: 8px !important;
		width: auto !important;
	}
	.todey-leaderboard-list-header .todey-standalone-badge .badge-accent-tag,
	.todey-leaderboard-sub-badge .badge-accent-tag {
		font-size: 9.5px !important;
		padding-right: 8px !important;
	}
	.todey-leaderboard-list-header .todey-standalone-badge .badge-main-text,
	.todey-leaderboard-sub-badge .badge-main-text {
		font-size: 10px !important;
	}
	.todey-leaderboard-list-row {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 8px !important;
		padding: 10px !important;
	}
	.todey-leaderboard-list-row-curr {
		padding: 10px !important;
	}
	.todey-list-col-user {
		grid-column: 1 / span 3 !important;
		grid-row: 1 !important;
		max-width: none !important;
		gap: 10px !important;
	}
	.todey-list-col-actions {
		grid-column: 4 / span 1 !important;
		grid-row: 1 !important;
		width: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 6px !important;
	}
	.todey-list-col-tier {
		display: none !important;
	}
	.todey-tier-badge-inline {
		display: none !important;
	}
	.todey-list-col-reviews {
		grid-column: 1 !important;
		grid-row: 2 !important;
	}
	.todey-list-col-votes {
		grid-column: 2 !important;
		grid-row: 2 !important;
	}
	.todey-list-col-ratio {
		grid-column: 3 !important;
		grid-row: 2 !important;
	}
	.todey-list-col-points {
		grid-column: 4 !important;
		grid-row: 2 !important;
	}
	.todey-list-col-reviews,
	.todey-list-col-votes,
	.todey-list-col-ratio,
	.todey-list-col-points {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		background: #000000 !important;
		border: 1px solid #141414 !important;
		padding: 6px 4px !important;
		text-align: center !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	.todey-list-stat-num {
		font-size: 12px !important;
		padding: 0 !important;
		margin-bottom: 2px !important;
		line-height: 1.1 !important;
	}
	.todey-list-stat-lbl {
		font-size: 7px !important;
		letter-spacing: 0.2px !important;
		line-height: 1 !important;
	}
	.todey-leaderboard-standing-card {
		padding: 10px !important;
		margin-top: 14px !important;
	}
	.todey-standing-stats-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 6px !important;
	}
	.todey-standing-stat-box {
		padding: 8px 4px !important;
	}
	.todey-standing-big-rank {
		font-size: 13px !important;
	}
	.todey-standing-stat-num {
		font-size: 13px !important;
	}
}

@media (max-width: 480px) {
	.todey-profile-progress-card {
		padding: 10px 8px !important;
	}
	.todey-leaderboard-header {
		padding: 12px 8px !important;
	}
	.todey-leaderboard-header-left {
		padding-left: 10px !important;
		border-left-width: 2px !important;
	}
	.todey-leaderboard-title {
		font-size: 15px !important;
	}
	.todey-leaderboard-desc {
		font-size: 11px !important;
	}
	.todey-leaderboard-coming-soon-card {
		padding: 32px 8px !important;
		min-height: 160px !important;
	}
	.todey-lb-coming-soon-title {
		font-size: 15px !important;
	}
	.todey-lb-coming-soon-desc {
		font-size: 11.5px !important;
	}
	.rank-col-1 .todey-gp-card,
	.rank-col-2 .todey-gp-card,
	.rank-col-3 .todey-gp-card {
		clip-path: polygon(42px 0, 100% 0, 100% 100%, 0 100%, 0 42px) !important;
	}
	.todey-gp-hero-wrap,
	.rank-col-1 .todey-gp-hero-wrap,
	.rank-col-2 .todey-gp-hero-wrap,
	.rank-col-3 .todey-gp-hero-wrap {
		height: 160px !important;
	}
	.todey-gp-top-num.rank-1 {
		font-size: 58px !important;
	}
	.todey-gp-top-num {
		font-size: 50px !important;
	}
	.todey-gp-score-strip {
		padding: 6px 10px !important;
	}
	.todey-gp-rev-num {
		font-size: 16px !important;
	}
	.hero-score-strip .todey-gp-rev-num {
		font-size: 18px !important;
	}
	.todey-gp-pts-val {
		font-size: 20px !important;
	}
	.hero-points .todey-gp-pts-val {
		font-size: 22px !important;
	}
	.todey-gp-nameplate-box {
		padding: 10px 10px !important;
	}
	.todey-gp-name-role {
		font-size: 9px !important;
	}
	.todey-gp-name-main {
		font-size: 15px !important;
	}
	.hero-rank-1 .todey-gp-name-main {
		font-size: 16px !important;
	}
	.todey-gp-handle-text {
		font-size: 9.5px !important;
	}
	.todey-gp-ratio-val {
		font-size: 13px !important;
	}
	.todey-gp-votes-row {
		font-size: 10px !important;
		gap: 4px !important;
	}
	.todey-leaderboard-list-header {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		width: 100% !important;
		height: 34px !important;
		min-height: 34px !important;
		margin-bottom: 8px !important;
		padding: 0 !important;
		flex-wrap: nowrap !important;
	}
	.todey-leaderboard-list-header .todey-standalone-badge,
	.todey-leaderboard-sub-badge {
		height: 34px !important;
		min-height: 34px !important;
		padding: 0 8px !important;
		gap: 6px !important;
		width: auto !important;
	}
	.todey-leaderboard-list-header .todey-standalone-badge .badge-accent-tag,
	.todey-leaderboard-sub-badge .badge-accent-tag {
		font-size: 9px !important;
		padding-right: 6px !important;
	}
	.todey-leaderboard-list-header .todey-standalone-badge .badge-main-text,
	.todey-leaderboard-sub-badge .badge-main-text {
		font-size: 9.5px !important;
	}
	.todey-leaderboard-list-row {
		padding: 8px 6px !important;
		gap: 6px !important;
	}
	.todey-leaderboard-list-row-curr {
		padding: 8px 6px !important;
	}
	.todey-list-col-user {
		gap: 8px !important;
	}
	.todey-list-rank-num {
		font-size: 10px !important;
		width: 22px !important;
	}
	.todey-list-avatar,
	.todey-list-avatar-placeholder {
		width: 30px !important;
		height: 30px !important;
	}
	.todey-list-user-name {
		font-size: 11.5px !important;
		gap: 4px !important;
	}
	.todey-list-user-sub {
		font-size: 9px !important;
	}
	.todey-list-col-actions {
		gap: 4px !important;
	}
	.todey-leaderboard-x-icon-btn,
	.todey-leaderboard-profile-icon-btn,
	.todey-podium-icon-btn,
	.todey-podium-social-btn {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		min-height: 28px !important;
	}
	.todey-list-col-reviews,
	.todey-list-col-votes,
	.todey-list-col-ratio,
	.todey-list-col-points {
		padding: 5px 2px !important;
	}
	.todey-list-stat-num {
		font-size: 11px !important;
	}
	.todey-list-stat-lbl {
		font-size: 6.5px !important;
	}
	.todey-standing-stats-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 6px !important;
	}
	.todey-leaderboard-standing-card {
		padding: 8px 6px !important;
	}
	.todey-standing-action-col {
		padding: 8px 10px !important;
	}
	.todey-standing-insight-text {
		font-size: 10.5px !important;
	}
}

@media (max-width: 340px) {
	.todey-profile-progress-card {
		padding: 8px 5px !important;
	}
	.todey-leaderboard-header {
		padding: 10px 5px !important;
	}
	.todey-leaderboard-title {
		font-size: 14px !important;
	}
	.todey-leaderboard-desc {
		font-size: 10.5px !important;
	}
	.todey-leaderboard-coming-soon-card {
		padding: 24px 6px !important;
	}
	.todey-lb-coming-soon-title {
		font-size: 14px !important;
	}
	.todey-lb-coming-soon-desc {
		font-size: 11px !important;
	}
	.rank-col-1 .todey-gp-card,
	.rank-col-2 .todey-gp-card,
	.rank-col-3 .todey-gp-card {
		clip-path: polygon(36px 0, 100% 0, 100% 100%, 0 100%, 0 36px) !important;
	}
	.todey-gp-hero-wrap,
	.rank-col-1 .todey-gp-hero-wrap,
	.rank-col-2 .todey-gp-hero-wrap,
	.rank-col-3 .todey-gp-hero-wrap {
		height: 140px !important;
	}
	.todey-gp-top-num.rank-1 {
		font-size: 48px !important;
	}
	.todey-gp-top-num {
		font-size: 42px !important;
	}
	.todey-gp-score-strip {
		padding: 5px 8px !important;
	}
	.todey-gp-rev-num {
		font-size: 14px !important;
	}
	.todey-gp-pts-val {
		font-size: 17px !important;
	}
	.todey-gp-nameplate-box {
		padding: 8px 8px !important;
	}
	.todey-gp-name-main {
		font-size: 13.5px !important;
	}
	.hero-rank-1 .todey-gp-name-main {
		font-size: 14.5px !important;
	}
	.todey-gp-handle-text {
		font-size: 9px !important;
	}
	.todey-gp-ratio-val {
		font-size: 12px !important;
	}
	.todey-leaderboard-list-header {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		width: 100% !important;
		height: 30px !important;
		min-height: 30px !important;
		margin-bottom: 6px !important;
		padding: 0 !important;
		gap: 4px !important;
		flex-wrap: nowrap !important;
	}
	.todey-leaderboard-list-header .todey-standalone-badge,
	.todey-leaderboard-sub-badge {
		height: 30px !important;
		min-height: 30px !important;
		padding: 0 6px !important;
		gap: 4px !important;
		width: auto !important;
	}
	.todey-leaderboard-list-header .todey-standalone-badge .badge-accent-tag,
	.todey-leaderboard-sub-badge .badge-accent-tag {
		font-size: 8.5px !important;
		padding-right: 4px !important;
	}
	.todey-leaderboard-list-header .todey-standalone-badge .badge-main-text,
	.todey-leaderboard-sub-badge .badge-main-text {
		font-size: 8.5px !important;
	}
	.todey-leaderboard-list-row {
		padding: 6px 4px !important;
		gap: 4px !important;
	}
	.todey-list-col-user {
		gap: 6px !important;
	}
	.todey-list-rank-num {
		font-size: 9px !important;
		width: 18px !important;
	}
	.todey-list-avatar,
	.todey-list-avatar-placeholder {
		width: 26px !important;
		height: 26px !important;
	}
	.todey-list-user-name {
		font-size: 10.5px !important;
	}
	.todey-list-user-sub {
		font-size: 8.5px !important;
	}
	.todey-leaderboard-x-icon-btn,
	.todey-leaderboard-profile-icon-btn {
		width: 26px !important;
		height: 26px !important;
		min-width: 26px !important;
		min-height: 26px !important;
	}
	.todey-list-stat-num {
		font-size: 10px !important;
	}
	.todey-list-stat-lbl {
		font-size: 6px !important;
	}
	.todey-standing-stats-grid {
		gap: 4px !important;
	}
	.todey-standing-stat-box {
		padding: 6px 3px !important;
	}
	.todey-standing-big-rank,
	.todey-standing-stat-num {
		font-size: 12px !important;
	}
	.todey-standing-rank-label,
	.todey-standing-stat-lbl {
		font-size: 6.5px !important;
	}
}