/* /Components/Layout/MainLayout.razor.rz.scp.css */
[b-0wb1p5y43k] .cm-main-content,
.cm-main-content[b-0wb1p5y43k] {
	padding-top: calc(var(--mud-appbar-height) + 20px) !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 28px !important;
	min-height: 100vh;
	background-color: var(--mud-palette-background);
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
}

.border-bottom[b-0wb1p5y43k] {
	border-bottom: 1px solid var(--mud-palette-divider) !important;
}

.tracking-wide[b-0wb1p5y43k] {
	letter-spacing: 1px;
}

.user-profile-widget[b-0wb1p5y43k] {
	cursor: pointer;
	border-radius: 24px;
	padding: 4px 8px 4px 4px;
	transition: background-color 0.2s ease;
}

.user-profile-widget:hover[b-0wb1p5y43k] {
	background-color: rgba(255, 255, 255, 0.06);
}

.user-display-name[b-0wb1p5y43k] {
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--mud-palette-text-primary);
}

.user-display-role[b-0wb1p5y43k] {
	font-size: 0.72rem;
	line-height: 1;
	color: var(--mud-palette-text-secondary);
}

.notification-item[b-0wb1p5y43k] {
	border-bottom: 1px solid var(--mud-palette-divider);
	padding: 10px 14px;
	transition: background-color 0.15s ease;
}

.notification-item:hover[b-0wb1p5y43k] {
	background-color: rgba(255, 255, 255, 0.04);
}

.notification-item:last-child[b-0wb1p5y43k] {
	border-bottom: none;
}
/* /Components/Layout/MarketingLayout.razor.rz.scp.css */
.marketing-layout-root[b-vff7ccza2m] {
	background-color: var(--mud-palette-background);
	color: var(--mud-palette-text-primary);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.marketing-navbar[b-vff7ccza2m] {
	background-color: rgba(18, 24, 38, 0.85);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--mud-palette-divider);
	position: sticky;
	top: 0;
	z-index: 1000;
}

.marketing-logo-link[b-vff7ccza2m] {
	text-decoration: none;
	color: var(--mud-palette-text-primary);
	font-size: 1.25rem;
}

.logo-text-bold[b-vff7ccza2m] {
	font-weight: 800;
	letter-spacing: 0.5px;
}

.logo-text-accent[b-vff7ccza2m] {
	color: var(--mud-palette-primary);
	font-weight: 800;
}

.marketing-nav-links .nav-anchor[b-vff7ccza2m] {
	text-decoration: none;
	color: var(--mud-palette-text-secondary);
	font-size: 0.95rem;
	font-weight: 500;
	transition: color 0.15s ease;
}

.marketing-nav-links .nav-anchor:hover[b-vff7ccza2m] {
	color: var(--mud-palette-primary);
}

.marketing-main-content[b-vff7ccza2m] {
	flex-grow: 1;
}

.marketing-footer[b-vff7ccza2m] {
	background-color: var(--mud-palette-surface);
	border-top: 1px solid var(--mud-palette-divider);
}

.border-top[b-vff7ccza2m] {
	border-top: 1px solid var(--mud-palette-divider);
}

.max-width-container[b-vff7ccza2m] {
	max-width: 1140px;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navmenu-container[b-163tslcd1q] {
	overflow-x: hidden !important;
	width: 100%;
}

.nav-section-title[b-163tslcd1q] {
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 1.1px !important;
	text-transform: uppercase !important;
	color: var(--mud-palette-text-secondary) !important;
	opacity: 0.65;
	padding: 14px 16px 4px 16px !important;
	user-select: none;
}

[b-163tslcd1q] .mud-nav-link {
	border-radius: 8px;
	margin: 2px 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: background-color 0.15s ease, color 0.15s ease;
}

[b-163tslcd1q] .mud-nav-group .mud-nav-link {
	padding-left: 16px;
}

[b-163tslcd1q] .logout-link {
	border-radius: 8px;
	margin: 2px 4px;
	cursor: pointer;
}

[b-163tslcd1q] .logout-link:hover {
	background-color: rgba(244, 67, 54, 0.1) !important;
}
/* /Components/Pages/Analytics.razor.rz.scp.css */
.kpi-card[b-galrs21ixr] {
	border-radius: 12px;
	border: 1px solid var(--mud-palette-divider);
	background: var(--mud-palette-surface);
}

.chart-card[b-galrs21ixr] {
	border-radius: 12px;
	border: 1px solid var(--mud-palette-divider);
	background: var(--mud-palette-surface);
}
/* /Components/Pages/Auth/ChangePassword.razor.rz.scp.css */
.glass-panel[b-hedfcwe2uf] {
	background: rgba(22, 27, 34, 0.85) !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 16px !important;
	box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5) !important;
}

.hover-scale[b-hedfcwe2uf] {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-scale:hover[b-hedfcwe2uf] {
	transform: scale(1.01);
}

.login-btn[b-hedfcwe2uf] {
	background: #00BCD4 !important;
	color: #050B14 !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 20px rgba(0, 188, 212, 0.4) !important;
}

.login-btn:hover[b-hedfcwe2uf] {
	transform: translateY(-2px);
	box-shadow: 0 6px 25px rgba(0, 188, 212, 0.6) !important;
}
/* /Components/Pages/Auth/ForgotPassword.razor.rz.scp.css */
.login-container[b-4fvjyikpyk] {
	min-height: 100vh;
	width: 100%;
	background: radial-gradient(circle at center, #1B263B 0%, #0D1117 65%, #050B14 100%);
	padding: 24px;
}

.glass-panel[b-4fvjyikpyk] {
	width: 100%;
	max-width: 480px;
	background: rgba(22, 27, 34, 0.85) !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 20px !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
}

.cm-glow-avatar[b-4fvjyikpyk] {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(100, 181, 246, 0.25) 0%, rgba(13, 27, 42, 0.75) 100%);
	border: 1px solid rgba(100, 181, 246, 0.4);
	box-shadow: 0 0 25px rgba(100, 181, 246, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-brand-title[b-4fvjyikpyk] {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	letter-spacing: 1.5px;
	text-align: center;
	margin: 0;
}

.hover-scale[b-4fvjyikpyk] {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-scale:hover[b-4fvjyikpyk] {
	transform: scale(1.02);
}

.login-btn[b-4fvjyikpyk] {
	background: #00BCD4 !important;
	color: #050B14 !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 20px rgba(0, 188, 212, 0.4) !important;
}

.login-btn:hover[b-4fvjyikpyk] {
	transform: translateY(-2px);
	box-shadow: 0 6px 25px rgba(0, 188, 212, 0.6) !important;
}
/* /Components/Pages/Auth/Lockscreen.razor.rz.scp.css */
.login-container[b-td2t2t0zct] {
	min-height: 100vh;
	width: 100%;
	background: radial-gradient(circle at center, #1B263B 0%, #0D1117 65%, #050B14 100%);
	padding: 24px;
}

.glass-panel[b-td2t2t0zct] {
	width: 100%;
	max-width: 480px;
	background: rgba(22, 27, 34, 0.85) !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 20px !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
}

.cm-glow-avatar[b-td2t2t0zct] {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(100, 181, 246, 0.25) 0%, rgba(13, 27, 42, 0.75) 100%);
	border: 1px solid rgba(100, 181, 246, 0.4);
	box-shadow: 0 0 25px rgba(100, 181, 246, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-brand-title[b-td2t2t0zct] {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	letter-spacing: 1.5px;
	text-align: center;
	margin: 0;
}

.hover-scale[b-td2t2t0zct] {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-scale:hover[b-td2t2t0zct] {
	transform: scale(1.02);
}

.login-btn[b-td2t2t0zct] {
	background: #00BCD4 !important;
	color: #050B14 !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 20px rgba(0, 188, 212, 0.4) !important;
}

.login-btn:hover[b-td2t2t0zct] {
	transform: translateY(-2px);
	box-shadow: 0 6px 25px rgba(0, 188, 212, 0.6) !important;
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
.login-page-scope[b-l6dx3mb962] {
	min-height: 100vh;
	width: 100%;
}

[b-l6dx3mb962] .login-container,
.login-container[b-l6dx3mb962] {
	min-height: 100vh !important;
	width: 100% !important;
	background: radial-gradient(circle at center, #111A2E 0%, #0A111F 60%, #050911 100%) !important;
	padding: 24px !important;
	position: relative;
}

.login-container[b-l6dx3mb962],
.login-container *[b-l6dx3mb962] {
	font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[b-l6dx3mb962] .glass-panel,
.glass-panel[b-l6dx3mb962] {
	width: 100% !important;
	max-width: 480px !important;
	background: rgba(15, 23, 42, 0.85) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 20px !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
}

.brand-glow-avatar[b-l6dx3mb962] {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(0, 188, 212, 0.25) 0%, rgba(13, 27, 42, 0.75) 100%);
	border: 1px solid rgba(0, 188, 212, 0.4);
	box-shadow: 0 0 25px rgba(0, 188, 212, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
}

[b-l6dx3mb962] .login-brand-icon,
.login-brand-icon[b-l6dx3mb962] {
	font-size: 2.8rem !important;
	color: #00BCD4 !important;
}

.login-brand-title[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: 1.5px !important;
	font-size: 1.5rem !important;
	color: #F8FAFC !important;
	text-align: center;
	margin: 0;
}

.login-brand-main[b-l6dx3mb962] {
	color: #F8FAFC !important;
}

.login-brand-accent[b-l6dx3mb962] {
	color: #00BCD4 !important;
}

.login-brand-subtitle[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.85rem !important;
	font-weight: 400 !important;
	color: #94A3B8 !important;
	line-height: 1.4 !important;
	text-align: center;
}

[b-l6dx3mb962] .custom-input .mud-input-label {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	color: #94A3B8 !important;
}

[b-l6dx3mb962] .custom-input .mud-input-slot,
[b-l6dx3mb962] .custom-input input {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 400 !important;
	color: #F8FAFC !important;
}

[b-l6dx3mb962] .custom-input .mud-input-adornment-icon {
	color: #94A3B8 !important;
}

[b-l6dx3mb962] .custom-input .mud-input-outlined-border {
	border-color: rgba(255, 255, 255, 0.12) !important;
	border-radius: 10px !important;
}

[b-l6dx3mb962] .custom-input:hover .mud-input-outlined-border {
	border-color: #00BCD4 !important;
}

[b-l6dx3mb962] .custom-input.mud-input-control.mud-input-input-control.mud-input-focused .mud-input-outlined-border {
	border-color: #00BCD4 !important;
	box-shadow: 0 0 0 2px rgba(0, 188, 212, 0.2);
}

[b-l6dx3mb962] .remember-checkbox .mud-checkbox-text,
[b-l6dx3mb962] .mud-checkbox .mud-typography {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.85rem !important;
	font-weight: 500 !important;
	color: #94A3B8 !important;
}

[b-l6dx3mb962] .forgot-link,
.forgot-link[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	color: #00E5FF !important;
	text-decoration: none;
}

[b-l6dx3mb962] .login-btn,
.login-btn[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	background: #00BCD4 !important;
	color: #FFFFFF !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	height: 48px !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 15px rgba(0, 188, 212, 0.25) !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[b-l6dx3mb962] .login-btn:hover,
.login-btn:hover[b-l6dx3mb962] {
	transform: translateY(-2px);
	box-shadow: 0 6px 25px rgba(0, 188, 212, 0.45) !important;
}

[b-l6dx3mb962] .login-btn .mud-button-label,
[b-l6dx3mb962] .login-btn .login-btn-text,
.login-btn-text[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	color: #FFFFFF !important;
}

[b-l6dx3mb962] .login-register-prompt,
.login-register-prompt[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.85rem !important;
	font-weight: 400 !important;
	color: #94A3B8 !important;
}

[b-l6dx3mb962] .register-cta-link,
.register-cta-link[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	color: #00E5FF !important;
}

[b-l6dx3mb962] .back-landing-link,
.back-landing-link[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 400 !important;
	color: #94A3B8 !important;
}

[b-l6dx3mb962] .login-divider {
	opacity: 0.2 !important;
}

[b-l6dx3mb962] .tls-lock-icon,
.tls-lock-icon[b-l6dx3mb962] {
	color: #00E676 !important;
	font-size: 1rem !important;
}

[b-l6dx3mb962] .security-badge-text,
.security-badge-text[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	color: #94A3B8 !important;
}

[b-l6dx3mb962] .api-version-text,
.api-version-text[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	color: #64748B !important;
	display: block;
	line-height: 1.35 !important;
}

[b-l6dx3mb962] .env-prod,
.env-prod[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	color: #00E676 !important;
	display: block;
	line-height: 1.35 !important;
}

[b-l6dx3mb962] .env-dev,
.env-dev[b-l6dx3mb962] {
	font-family: 'Outfit', sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	color: #FFAB00 !important;
	display: block;
	line-height: 1.35 !important;
}

.hover-scale[b-l6dx3mb962] {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-scale:hover[b-l6dx3mb962] {
	transform: scale(1.02);
}
/* /Components/Pages/Auth/Register.razor.rz.scp.css */
.register-container[b-1dxp0ku7yx] {
	position: relative;
	overflow-y: auto;
}

.glass-panel[b-1dxp0ku7yx] {
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.45);
}

.crm-glow-avatar[b-1dxp0ku7yx] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(0, 188, 212, 0.1);
	box-shadow: 0 0 20px rgba(0, 188, 212, 0.25);
}

.login-brand-title[b-1dxp0ku7yx] {
	font-weight: 800;
	letter-spacing: 1.5px;
	font-size: 1.6rem;
}

.custom-input input[b-1dxp0ku7yx] {
	color: #fff !important;
}

.login-btn[b-1dxp0ku7yx] {
	background: linear-gradient(135deg, #00BCD4 0%, #008ba3 100%) !important;
	color: #ffffff !important;
}

.hover-scale[b-1dxp0ku7yx] {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-scale:hover[b-1dxp0ku7yx] {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 188, 212, 0.4) !important;
}
/* /Components/Pages/Auth/ResetPassword.razor.rz.scp.css */
.login-container[b-lga0qu9b6l] {
	min-height: 100vh;
	width: 100%;
	background: radial-gradient(circle at center, #1B263B 0%, #0D1117 65%, #050B14 100%);
	padding: 24px;
}

.glass-panel[b-lga0qu9b6l] {
	width: 100%;
	max-width: 480px;
	background: rgba(22, 27, 34, 0.85) !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 20px !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
}

.cm-glow-avatar[b-lga0qu9b6l] {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(100, 181, 246, 0.25) 0%, rgba(13, 27, 42, 0.75) 100%);
	border: 1px solid rgba(100, 181, 246, 0.4);
	box-shadow: 0 0 25px rgba(100, 181, 246, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-brand-title[b-lga0qu9b6l] {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	letter-spacing: 1.5px;
	text-align: center;
	margin: 0;
}

.hover-scale[b-lga0qu9b6l] {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-scale:hover[b-lga0qu9b6l] {
	transform: scale(1.02);
}

.login-btn[b-lga0qu9b6l] {
	background: #00BCD4 !important;
	color: #050B14 !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 20px rgba(0, 188, 212, 0.4) !important;
}

.login-btn:hover[b-lga0qu9b6l] {
	transform: translateY(-2px);
	box-shadow: 0 6px 25px rgba(0, 188, 212, 0.6) !important;
}
/* /Components/Pages/BrandProfilePage.razor.rz.scp.css */
.brand-profile-content[b-imdopbva1d] {
	padding: 0 16px 24px 16px;
}
/* /Components/Pages/Calendar.razor.rz.scp.css */
/* ==========================================================================
   Calendar.razor.css - Calendario Editorial de Social Studio
   Estandarizado con variables nativas de MudBlazor (Dark/Light mode compliant)
   ========================================================================== */

.calendar-controls-bar[b-mt96gy7axo] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding: 12px 16px;
	background: var(--mud-palette-surface);
	border-radius: 12px;
	border: 1px solid var(--mud-palette-divider);
}

.calendar-filter-bar[b-mt96gy7axo] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	padding: 8px 12px;
	background: rgba(var(--mud-palette-surface-rgb, 255, 255, 255), 0.04);
	border-radius: 10px;
	border: 1px dashed var(--mud-palette-divider);
}

/* ==========================================================================
   VISTA MENSUAL (Grid de 7 Columnas)
   ========================================================================== */

.calendar-month-grid[b-mt96gy7axo] {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	background: var(--mud-palette-divider);
	gap: 1px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--mud-palette-divider);
}

.calendar-weekday-header[b-mt96gy7axo] {
	background: var(--mud-palette-surface);
	padding: 10px 8px;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--mud-palette-text-secondary);
}

.calendar-day-cell[b-mt96gy7axo] {
	background: var(--mud-palette-surface);
	min-height: 110px;
	max-height: 140px;
	padding: 6px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	transition: background-color 0.2s ease;
	position: relative;
	overflow-y: auto;
}

.calendar-day-cell:hover[b-mt96gy7axo] {
	background: rgba(var(--mud-palette-action-default-rgb, 128, 128, 128), 0.04);
}

.calendar-day-cell.is-other-month[b-mt96gy7axo] {
	opacity: 0.35;
	background: rgba(var(--mud-palette-background-rgb, 0, 0, 0), 0.2);
}

.calendar-day-cell.is-today[b-mt96gy7axo] {
	background: rgba(var(--mud-palette-primary-rgb, 33, 150, 243), 0.05);
	outline: 2px solid var(--mud-palette-primary);
	outline-offset: -2px;
}

.calendar-day-cell-top[b-mt96gy7axo] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2px;
}

.day-number[b-mt96gy7axo] {
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--mud-palette-text-primary);
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.is-today .day-number[b-mt96gy7axo] {
	background: var(--mud-palette-primary);
	color: var(--mud-palette-primary-contrast-text, #ffffff);
	font-weight: 700;
}

.btn-add-post-day[b-mt96gy7axo] {
	opacity: 0;
	transition: opacity 0.2s ease;
}

.calendar-day-cell:hover .btn-add-post-day[b-mt96gy7axo] {
	opacity: 1;
}

/* Chips de Publicación en la celda del día */
.calendar-post-chip[b-mt96gy7axo] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 3px 6px;
	border-radius: 6px;
	background: rgba(var(--mud-palette-surface-rgb, 255, 255, 255), 0.08);
	border-left: 3px solid var(--mud-palette-primary);
	font-size: 0.74rem;
	cursor: pointer;
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.calendar-post-chip:hover[b-mt96gy7axo] {
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	filter: brightness(1.1);
}

.calendar-post-chip.status-published[b-mt96gy7axo] {
	border-left-color: var(--mud-palette-success);
	background: rgba(var(--mud-palette-success-rgb, 76, 175, 80), 0.12);
}

.calendar-post-chip.status-scheduled[b-mt96gy7axo] {
	border-left-color: var(--mud-palette-warning);
	background: rgba(var(--mud-palette-warning-rgb, 255, 152, 0), 0.12);
}

.calendar-post-chip.status-draft[b-mt96gy7axo] {
	border-left-color: var(--mud-palette-text-secondary);
	background: rgba(var(--mud-palette-action-default-rgb, 128, 128, 128), 0.1);
}

.calendar-post-chip.status-failed[b-mt96gy7axo] {
	border-left-color: var(--mud-palette-error);
	background: rgba(var(--mud-palette-error-rgb, 244, 67, 54), 0.12);
}

.chip-text[b-mt96gy7axo] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--mud-palette-text-primary);
	font-weight: 500;
}

/* ==========================================================================
   VISTA SEMANAL (7 Columnas verticales)
   ========================================================================== */

.calendar-week-grid[b-mt96gy7axo] {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 12px;
}

.week-column[b-mt96gy7axo] {
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-height: 480px;
}

.week-column.is-today[b-mt96gy7axo] {
	border-color: var(--mud-palette-primary);
	box-shadow: 0 0 0 1px var(--mud-palette-primary);
}

.week-column-header[b-mt96gy7axo] {
	padding: 12px 8px;
	text-align: center;
	background: rgba(var(--mud-palette-surface-rgb, 255, 255, 255), 0.04);
	border-bottom: 1px solid var(--mud-palette-divider);
}

.week-column-posts[b-mt96gy7axo] {
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
	overflow-y: auto;
}

.week-post-card[b-mt96gy7axo] {
	padding: 8px;
	border-radius: 8px;
	background: rgba(var(--mud-palette-surface-rgb, 255, 255, 255), 0.05);
	border: 1px solid var(--mud-palette-divider);
	cursor: pointer;
	transition: all 0.2s ease;
}

.week-post-card:hover[b-mt96gy7axo] {
	transform: translateY(-2px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	border-color: var(--mud-palette-primary);
}

/* ==========================================================================
   VISTA AGENDA (Lista Cronológica)
   ========================================================================== */

.agenda-container[b-mt96gy7axo] {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.agenda-group-header[b-mt96gy7axo] {
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--mud-palette-text-secondary);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.agenda-card[b-mt96gy7axo] {
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
	border-radius: 12px;
	padding: 16px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	transition: all 0.2s ease;
}

.agenda-card:hover[b-mt96gy7axo] {
	border-color: var(--mud-palette-primary);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Diálogo / Modal de detalle rápido de publicación */
.dialog-header-glass[b-mt96gy7axo] {
	background: rgba(var(--mud-palette-surface-rgb, 255, 255, 255), 0.03);
	border-bottom: 1px solid var(--mud-palette-divider);
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.kpi-card[b-lfjh35oo38] {
	border-radius: 12px;
	background: var(--mud-palette-surface);
	border-color: var(--mud-palette-divider);
	transition: transform 0.2s ease, border-color 0.2s ease;
}

.kpi-card:hover[b-lfjh35oo38] {
	transform: translateY(-2px);
	border-color: var(--mud-palette-primary);
}

.kpi-icon-wrapper[b-lfjh35oo38] {
	width: 48px;
	height: 48px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.kpi-icon-wrapper.primary-bg[b-lfjh35oo38] {
	background: rgba(0, 188, 212, 0.12);
}

.kpi-icon-wrapper.warning-bg[b-lfjh35oo38] {
	background: rgba(255, 152, 0, 0.12);
}

.kpi-icon-wrapper.info-bg[b-lfjh35oo38] {
	background: rgba(38, 198, 218, 0.12);
}

.kpi-icon-wrapper.success-bg[b-lfjh35oo38] {
	background: rgba(76, 175, 80, 0.12);
}

.empty-agenda-card[b-lfjh35oo38] {
	border: 2px dashed var(--mud-palette-divider);
	border-radius: 12px;
	background: var(--mud-palette-background);
}

.text-truncate-2[b-lfjh35oo38] {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.max-w-350[b-lfjh35oo38] {
	max-width: 350px;
}
/* /Components/Pages/Drafts.razor.rz.scp.css */
/* Estilos específicos para la vista de borradores */
/* /Components/Pages/Health/HealthCheck.razor.rz.scp.css */
.kpi-card[b-1zf4wzyq33] {
	background-color: var(--mud-palette-surface);
	border-color: var(--mud-palette-divider);
	border-radius: 12px;
	transition: transform 0.15s ease-in-out;
}

.kpi-card:hover[b-1zf4wzyq33] {
	transform: translateY(-2px);
}

.kpi-label[b-1zf4wzyq33] {
	color: var(--mud-palette-text-secondary);
	font-weight: 700;
	letter-spacing: 0.5px;
}

.channel-health-panel[b-1zf4wzyq33] {
	background-color: var(--mud-palette-surface);
	border-color: var(--mud-palette-divider);
	border-radius: 12px;
}

.channel-card[b-1zf4wzyq33] {
	background-color: var(--mud-palette-background);
	border-color: var(--mud-palette-divider);
	border-radius: 10px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.channel-card:hover[b-1zf4wzyq33] {
	border-color: var(--mud-palette-primary);
}

.channel-avatar[b-1zf4wzyq33] {
	background-color: var(--mud-palette-action-default-hover);
	color: var(--mud-palette-primary);
	border-radius: 8px;
}

.channel-metrics-box[b-1zf4wzyq33] {
	background-color: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
}
/* /Components/Pages/Ideas/IdeasBoard.razor.rz.scp.css */
.kanban-grid[b-2yvn3h0lgf] {
	min-height: 550px;
}

.kanban-column[b-2yvn3h0lgf] {
	background-color: var(--mud-palette-surface);
	border-color: var(--mud-palette-divider);
	border-radius: 12px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.kanban-cards-container[b-2yvn3h0lgf] {
	flex-grow: 1;
	min-height: 250px;
}

.idea-card[b-2yvn3h0lgf] {
	background-color: var(--mud-palette-background);
	border-color: var(--mud-palette-divider);
	border-radius: 8px;
	transition: transform 0.15s ease, border-color 0.15s ease;
}

.idea-card:hover[b-2yvn3h0lgf] {
	border-color: var(--mud-palette-primary);
	transform: translateY(-2px);
}

.idea-card-ready[b-2yvn3h0lgf] {
	border-left: 3px solid var(--mud-palette-success);
}

.kanban-empty-slot[b-2yvn3h0lgf] {
	border: 1px dashed var(--mud-palette-divider);
	border-radius: 8px;
	background-color: var(--mud-palette-surface);
}

.text-line-clamp-3[b-2yvn3h0lgf] {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.border-top[b-2yvn3h0lgf] {
	border-top: 1px solid var(--mud-palette-divider);
}

.kanban-dropzone[b-2yvn3h0lgf] {
	min-height: 320px;
	border-radius: 8px;
	transition: background-color 0.2s ease;
}

.cursor-grab[b-2yvn3h0lgf] {
	cursor: grab;
}

.cursor-grab:active[b-2yvn3h0lgf] {
	cursor: grabbing;
}

.card-actions-grid[b-2yvn3h0lgf] {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	width: 100%;
}

.action-start[b-2yvn3h0lgf] {
	justify-self: start;
}

.action-center[b-2yvn3h0lgf] {
	justify-self: center;
}

.action-end[b-2yvn3h0lgf] {
	justify-self: end;
}
/* /Components/Pages/Inbox.razor.rz.scp.css */
/* Estilos específicos para la bandeja de entrada */
/* /Components/Pages/Marketing/Landing.razor.rz.scp.css */
.landing-container[b-wo3wo3xx16] {
	background-color: var(--mud-palette-background);
	color: var(--mud-palette-text-primary);
}

.max-width-hero[b-wo3wo3xx16] {
	max-width: 850px;
}

.max-width-container[b-wo3wo3xx16] {
	max-width: 1140px;
}

.landing-headline[b-wo3wo3xx16] {
	font-size: 3rem;
	font-weight: 850;
	letter-spacing: -1px;
	line-height: 1.15;
	color: var(--mud-palette-text-primary);
	margin-bottom: 20px;
}

.gradient-text[b-wo3wo3xx16] {
	background: linear-gradient(135deg, var(--mud-palette-primary) 0%, var(--mud-palette-info) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.landing-subheadline[b-wo3wo3xx16] {
	font-size: 1.2rem;
	color: var(--mud-palette-text-secondary);
	line-height: 1.6;
	max-width: 720px;
}

.cta-button[b-wo3wo3xx16] {
	box-shadow: 0 4px 20px rgba(59, 130, 246, 0.35);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.cta-button:hover[b-wo3wo3xx16] {
	transform: translateY(-2px);
	box-shadow: 0 6px 25px rgba(59, 130, 246, 0.45);
}

.mockup-card[b-wo3wo3xx16] {
	background-color: var(--mud-palette-surface);
	border-color: var(--mud-palette-divider);
	border-radius: 16px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.mockup-dot[b-wo3wo3xx16] {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
}

.dot-red[b-wo3wo3xx16] { background-color: #ef4444; }
.dot-yellow[b-wo3wo3xx16] { background-color: #f59e0b; }
.dot-green[b-wo3wo3xx16] { background-color: #10b981; }

.border-bottom[b-wo3wo3xx16] {
	border-bottom: 1px solid var(--mud-palette-divider);
}

.mockup-studio-panel[b-wo3wo3xx16], .mockup-preview-panel[b-wo3wo3xx16] {
	background-color: var(--mud-palette-background);
	border: 1px solid var(--mud-palette-divider);
}

.mockup-copy-preview[b-wo3wo3xx16] {
	background-color: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
}

.mockup-phone-frame[b-wo3wo3xx16] {
	background-color: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
	max-width: 340px;
	margin: 0 auto;
}

.mockup-image-placeholder[b-wo3wo3xx16] {
	background-color: var(--mud-palette-background);
	border: 1px dashed var(--mud-palette-divider);
}

.channels-section[b-wo3wo3xx16] {
	background-color: var(--mud-palette-surface);
}

.channel-pill[b-wo3wo3xx16] {
	background-color: var(--mud-palette-background);
	border: 1px solid var(--mud-palette-divider);
	padding: 8px 18px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 0.95rem;
}

.letter-spacing[b-wo3wo3xx16] {
	letter-spacing: 1px;
}

.section-title[b-wo3wo3xx16] {
	font-size: 2.2rem;
	font-weight: 800;
	color: var(--mud-palette-text-primary);
	margin-bottom: 12px;
}

.section-subtitle[b-wo3wo3xx16] {
	font-size: 1.1rem;
	color: var(--mud-palette-text-secondary);
	max-width: 680px;
}

.feature-box[b-wo3wo3xx16] {
	background-color: var(--mud-palette-surface);
	border-color: var(--mud-palette-divider);
	border-radius: 12px;
	height: 100%;
	transition: transform 0.2s ease, border-color 0.2s ease;
}

.feature-box:hover[b-wo3wo3xx16] {
	transform: translateY(-3px);
	border-color: var(--mud-palette-primary);
}

.final-cta-section[b-wo3wo3xx16] {
	background: linear-gradient(180deg, var(--mud-palette-background) 0%, var(--mud-palette-surface) 100%);
	border-top: 1px solid var(--mud-palette-divider);
}
/* /Components/Pages/Marketing/Pricing.razor.rz.scp.css */
.pricing-page-container[b-1sph9cou5t] {
	background-color: var(--mud-palette-background);
	color: var(--mud-palette-text-primary);
	min-height: 100vh;
	padding-bottom: 60px;
}

.pricing-hero[b-1sph9cou5t] {
	padding-top: 40px;
	padding-bottom: 30px;
}

.pricing-title[b-1sph9cou5t] {
	font-size: 2.4rem;
	font-weight: 800;
	letter-spacing: -0.5px;
	color: var(--mud-palette-text-primary);
	margin-bottom: 12px;
}

.pricing-subtitle[b-1sph9cou5t] {
	font-size: 1.1rem;
	color: var(--mud-palette-text-secondary);
	max-width: 650px;
	line-height: 1.6;
}

.max-width-container[b-1sph9cou5t] {
	max-width: 1140px;
}

.plan-card[b-1sph9cou5t] {
	background-color: var(--mud-palette-surface);
	border-color: var(--mud-palette-divider);
	border-radius: 14px;
	position: relative;
	transition: transform 0.2s ease, border-color 0.2s ease;
	height: 100%;
}

.plan-card:hover[b-1sph9cou5t] {
	transform: translateY(-4px);
	border-color: var(--mud-palette-primary);
}

.plan-card-featured[b-1sph9cou5t] {
	border: 2px solid var(--mud-palette-primary);
	background: linear-gradient(180deg, var(--mud-palette-surface) 0%, rgba(30, 41, 59, 0.4) 100%);
}

.plan-featured-badge[b-1sph9cou5t] {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--mud-palette-primary);
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 800;
	padding: 2px 14px;
	border-radius: 20px;
	letter-spacing: 0.5px;
}

.plan-price-box[b-1sph9cou5t] {
	display: flex;
	align-items: baseline;
	gap: 4px;
}

.plan-currency[b-1sph9cou5t] {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--mud-palette-text-secondary);
}

.plan-amount[b-1sph9cou5t] {
	font-size: 3rem;
	font-weight: 800;
	line-height: 1;
	color: var(--mud-palette-text-primary);
}

.plan-period[b-1sph9cou5t] {
	font-size: 0.9rem;
	color: var(--mud-palette-text-secondary);
}

.plan-features-list[b-1sph9cou5t] {
	list-style: none;
	padding: 0;
	margin: 0;
}

.plan-features-list li[b-1sph9cou5t] {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.9rem;
	margin-bottom: 12px;
	color: var(--mud-palette-text-primary);
}

.comparison-title[b-1sph9cou5t] {
	font-size: 2rem;
	font-weight: 800;
	color: var(--mud-palette-text-primary);
	margin-bottom: 8px;
}

.comparison-subtitle[b-1sph9cou5t] {
	color: var(--mud-palette-text-secondary);
	font-size: 1.05rem;
}

.comparison-accordion[b-1sph9cou5t] {
	border-radius: 12px;
	background-color: var(--mud-palette-surface);
}

.comparison-table[b-1sph9cou5t] {
	background-color: transparent;
}
/* /Components/Pages/Marketing/Status.razor.rz.scp.css */
.status-page-container[b-wovq170e4p] {
	max-width: 1080px;
}

.status-title[b-wovq170e4p] {
	font-size: 2.2rem;
	font-weight: 800;
	margin-bottom: 0.5rem;
}

.status-subtitle[b-wovq170e4p] {
	max-width: 600px;
	color: var(--mud-palette-text-secondary);
	font-size: 1rem;
}

.status-metric-card[b-wovq170e4p] {
	border-radius: 12px;
	background: var(--mud-palette-surface);
}

.uptime-bars[b-wovq170e4p] {
	display: flex;
	gap: 2px;
}

.uptime-bar[b-wovq170e4p] {
	display: inline-block;
	width: 4px;
	height: 24px;
	background-color: #4CAF50;
	border-radius: 2px;
	transition: opacity 0.15s ease;
}

.uptime-bar:hover[b-wovq170e4p] {
	opacity: 0.7;
	cursor: pointer;
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.profile-container[b-zh4m8fejh2] {
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}

/* ==========================================================================
   BANNER DE PORTADA & HEADER EJECUTIVO (ESTÁNDAR YNEX)
   ========================================================================== */
.profile-banner-card[b-zh4m8fejh2] {
	position: relative;
	border-radius: 16px;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
	overflow: hidden;
}

.profile-cover-container[b-zh4m8fejh2] {
	position: relative;
	height: 230px;
	width: 100%;
	overflow: hidden;
	transition: background 0.3s ease;
}

@media (max-width: 768px) {
	.profile-cover-container[b-zh4m8fejh2] {
		height: 180px;
	}
}

.cover-overlay-pattern[b-zh4m8fejh2] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: 
		radial-gradient(at 15% 25%, rgba(255, 255, 255, 0.18) 0px, transparent 55%),
		radial-gradient(at 85% 75%, rgba(0, 229, 255, 0.22) 0px, transparent 60%);
	pointer-events: none;
}

.cover-mesh-grid[b-zh4m8fejh2] {
	position: absolute;
	inset: 0;
	background-size: 32px 32px;
	background-image: 
		linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
	pointer-events: none;
}

.cover-top-controls[b-zh4m8fejh2] {
	position: absolute;
	top: 16px;
	left: 16px;
	right: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 20;
}

.cover-plan-badge[b-zh4m8fejh2] {
	background: rgba(15, 23, 42, 0.65);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #ffffff;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	display: inline-flex;
	align-items: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

[b-zh4m8fejh2] .cover-action-btn,
.cover-action-btn[b-zh4m8fejh2] {
	background: rgba(15, 23, 42, 0.65) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	color: #ffffff !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
	transition: background-color 0.2s ease, transform 0.2s ease !important;
}

[b-zh4m8fejh2] .cover-action-btn:hover,
.cover-action-btn:hover[b-zh4m8fejh2] {
	background: rgba(15, 23, 42, 0.85) !important;
	transform: translateY(-1px);
}

/* ==========================================================================
   AVATAR, IDENTIDAD & HEADER INFERIOR
   ========================================================================== */
.profile-header-content[b-zh4m8fejh2] {
	position: relative;
	padding: 0 24px 20px 24px;
}

.profile-avatar-wrapper[b-zh4m8fejh2] {
	position: relative;
	width: 120px;
	height: 120px;
	margin-top: -65px;
	z-index: 5;
	display: inline-block;
}

[b-zh4m8fejh2] .profile-main-avatar,
.profile-main-avatar[b-zh4m8fejh2] {
	width: 120px !important;
	height: 120px !important;
	border: 4px solid var(--mud-palette-surface) !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.3) !important;
	font-size: 2.8rem !important;
	font-weight: 700 !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, #0284c7 0%, #6366f1 100%) !important;
	color: #ffffff !important;
}

.avatar-edit-btn-wrapper[b-zh4m8fejh2] {
	position: absolute;
	bottom: 4px;
	right: 4px;
	z-index: 10;
}

[b-zh4m8fejh2] .avatar-edit-btn,
.avatar-edit-btn[b-zh4m8fejh2] {
	background: var(--mud-palette-primary) !important;
	color: #ffffff !important;
	border: 2px solid var(--mud-palette-surface) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	border-radius: 50% !important;
	transition: transform 0.2s ease !important;
}

[b-zh4m8fejh2] .avatar-edit-btn:hover,
.avatar-edit-btn:hover[b-zh4m8fejh2] {
	transform: scale(1.15) !important;
}

.avatar-online-dot[b-zh4m8fejh2] {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 18px;
	height: 18px;
	background-color: var(--mud-palette-success);
	border: 3px solid var(--mud-palette-surface);
	border-radius: 50%;
	z-index: 8;
	pointer-events: none;
}

.avatar-online-pulse[b-zh4m8fejh2] {
	position: absolute;
	top: -3px;
	left: -3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: var(--mud-palette-success);
	opacity: 0.75;
	animation: avatarPulse-b-zh4m8fejh2 2s infinite ease-in-out;
}

@keyframes avatarPulse-b-zh4m8fejh2 {
	0% {
		transform: scale(0.95);
		opacity: 0.8;
	}
	50% {
		transform: scale(1.6);
		opacity: 0;
	}
	100% {
		transform: scale(0.95);
		opacity: 0;
	}
}

.profile-user-name[b-zh4m8fejh2] {
	font-size: 1.65rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--mud-palette-text-primary);
	margin: 0;
}

.profile-user-subtitle[b-zh4m8fejh2] {
	color: var(--mud-palette-text-secondary);
	font-size: 0.9rem;
}

/* ==========================================================================
   PÍLDORAS DE MÉTRICAS RÁPIDAS EN EL HEADER (YNEX COUNTERS)
   ========================================================================== */
.header-stats-group[b-zh4m8fejh2] {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.header-stat-pill[b-zh4m8fejh2] {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 6px 16px;
	background: var(--mud-palette-background);
	border: 1px solid var(--mud-palette-divider);
	border-radius: 10px;
	min-width: 85px;
	transition: border-color 0.2s ease, transform 0.2s ease;
}

.header-stat-pill:hover[b-zh4m8fejh2] {
	border-color: var(--mud-palette-primary);
	transform: translateY(-2px);
}

.header-stat-value[b-zh4m8fejh2] {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--mud-palette-text-primary);
	line-height: 1.2;
}

.header-stat-label[b-zh4m8fejh2] {
	font-size: 0.7rem;
	text-transform: uppercase;
	color: var(--mud-palette-text-secondary);
	font-weight: 600;
	letter-spacing: 0.05em;
}

/* ==========================================================================
   TARJETAS LATERALES (SIDEBAR) & CONTENIDO PRINCIPAL
   ========================================================================== */
.profile-sidebar-card[b-zh4m8fejh2],
.profile-main-card[b-zh4m8fejh2] {
	border-radius: 14px;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
}

.profile-bio-box[b-zh4m8fejh2] {
	background: var(--mud-palette-background);
	border: 1px solid var(--mud-palette-divider);
	border-radius: 10px;
	padding: 12px 16px;
	font-style: italic;
	line-height: 1.6;
	color: var(--mud-palette-text-secondary);
}

.stat-widget[b-zh4m8fejh2] {
	border-radius: 12px;
	background: var(--mud-palette-background);
	border: 1px solid var(--mud-palette-divider);
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.stat-widget:hover[b-zh4m8fejh2] {
	transform: translateY(-3px);
	border-color: var(--mud-palette-primary) !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.social-network-row[b-zh4m8fejh2] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	border-radius: 10px;
	background: var(--mud-palette-background);
	border: 1px solid var(--mud-palette-divider);
	margin-bottom: 8px;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.social-network-row:hover[b-zh4m8fejh2] {
	border-color: var(--mud-palette-primary);
}

.empty-state-container[b-zh4m8fejh2] {
	border-radius: 12px;
	border: 2px dashed var(--mud-palette-divider);
	background: var(--mud-palette-background);
}

.empty-state-icon[b-zh4m8fejh2] {
	font-size: 3.5rem !important;
	color: var(--mud-palette-text-secondary) !important;
}

.empty-state-description[b-zh4m8fejh2] {
	max-width: 540px;
	margin: 0 auto;
	line-height: 1.6;
}

.slot-connected-card[b-zh4m8fejh2] {
	border-radius: 12px;
	background: var(--mud-palette-background);
	border: 1px solid var(--mud-palette-divider);
	transition: border-color 0.2s ease, transform 0.2s ease;
}

.slot-connected-card:hover[b-zh4m8fejh2] {
	border-color: var(--mud-palette-primary) !important;
	transform: translateY(-2px);
}

.security-panel-card[b-zh4m8fejh2] {
	border-radius: 12px;
	background: var(--mud-palette-background);
	border: 1px solid var(--mud-palette-divider);
}

/* ==========================================================================
   SELECTOR DE PRESETS DE PORTADA (MODAL / DIALOG)
   ========================================================================== */
.cover-preset-card[b-zh4m8fejh2] {
	height: 64px;
	border-radius: 10px;
	cursor: pointer;
	border: 2px solid transparent;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-weight: 700;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.cover-preset-card:hover[b-zh4m8fejh2] {
	transform: translateY(-2px);
}

.cover-preset-card.active[b-zh4m8fejh2] {
	border-color: #ffffff !important;
	box-shadow: 0 0 12px var(--mud-palette-primary);
	transform: scale(1.02);
}

/* ==========================================================================
   ZONA DE CARGA DE ARCHIVOS (DROP ZONE) ESTÁNDAR ERP
   ========================================================================== */
.upload-drop-zone[b-zh4m8fejh2] {
	border: 2px dashed var(--mud-palette-primary) !important;
	border-radius: 12px !important;
	background: var(--mud-palette-surface) !important;
	transition: all 0.2s ease;
	width: 100%;
}

.upload-drop-zone:hover[b-zh4m8fejh2] {
	background: var(--mud-palette-action-default-hover) !important;
	border-color: var(--mud-palette-info) !important;
}

.upload-preview-container[b-zh4m8fejh2] {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--mud-palette-divider);
	max-height: 160px;
	width: 100%;
}

.upload-preview-image[b-zh4m8fejh2] {
	width: 100%;
	height: 150px;
	object-fit: cover;
	display: block;
}

/* ==========================================================================
   PANEL DE REDES SOCIALES (REORGANIZADO EN COLUMNA PRINCIPAL)
   ========================================================================== */
.profile-social-card[b-zh4m8fejh2] {
	border-radius: 16px;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
}

.social-network-tile[b-zh4m8fejh2] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	border-radius: 10px;
	background: var(--mud-palette-background);
	border: 1px solid var(--mud-palette-divider);
	transition: all 0.2s ease;
	gap: 8px;
}

.social-network-tile:hover[b-zh4m8fejh2] {
	border-color: var(--mud-palette-primary) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* /Components/Pages/Security/Roles.razor.rz.scp.css */
/* Estilos específicos para gestión de roles */
/* /Components/Pages/Security/Users.razor.rz.scp.css */
/* Estilos específicos para gestión de usuarios de Social Media */
/* /Components/Pages/Slots.razor.rz.scp.css */
/* Estilos específicos para la vista de slots */
/* /Components/Pages/Slots/SlotDetailsDrawer.razor.rz.scp.css */
.slot-details-drawer[b-bwa3nzh96c] {
	background: var(--mud-palette-surface);
	color: var(--mud-palette-text-primary);
	border-left: 1px solid var(--mud-palette-divider);
	display: flex;
	flex-direction: column;
}

.drawer-header-glass[b-bwa3nzh96c] {
	background: var(--mud-palette-surface);
	border-bottom: 1px solid var(--mud-palette-divider);
	backdrop-filter: blur(12px);
}

.drawer-body[b-bwa3nzh96c] {
	flex: 1;
	overflow-y: auto;
}
/* /Components/Pages/SocialStudio.razor.rz.scp.css */
.studio-container[b-suqs0t3pc0] {
	padding: 24px;
	height: calc(100vh - 80px);
	overflow-y: auto;
}

.studio-split-layout[b-suqs0t3pc0] {
	display: flex;
	gap: 24px;
	align-items: flex-start;
	width: 100%;
}

.studio-panel-left[b-suqs0t3pc0] {
	flex: 0 0 380px;
	width: 380px;
	max-width: 400px;
	min-width: 320px;
}

.studio-panel-right[b-suqs0t3pc0] {
	flex: 1;
	min-width: 0;
}

@media (max-width: 960px) {
	.studio-split-layout[b-suqs0t3pc0] {
		flex-direction: column;
	}
	.studio-panel-left[b-suqs0t3pc0] {
		flex: 1 1 auto;
		max-width: 100%;
	}
}

.inspiration-quick-card[b-suqs0t3pc0] {
	border-radius: 10px;
	background: var(--mud-palette-surface);
	border-color: var(--mud-palette-divider);
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.inspiration-quick-card:hover[b-suqs0t3pc0] {
	transform: translateY(-2px);
	border-color: var(--mud-palette-primary) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.cursor-pointer[b-suqs0t3pc0] {
	cursor: pointer;
}

.max-w-650[b-suqs0t3pc0] {
	max-width: 650px;
}
/* /Components/Pages/SystemConfig/Audit.razor.rz.scp.css */
/* Estilos específicos para la vista de auditoría */
/* /Components/Pages/SystemConfig/CloudConfig.razor.rz.scp.css */
.cloud-features-list[b-08p6wm8kbz] {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cloud-features-list li[b-08p6wm8kbz] {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 0.88rem;
	color: var(--mud-palette-text-secondary);
}

.cloud-features-list li strong[b-08p6wm8kbz] {
	color: var(--mud-palette-text-primary);
}

.glass-panel[b-08p6wm8kbz] {
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
}
/* /Components/Pages/SystemConfig/Logs.razor.rz.scp.css */


.stat-card[b-il9cykxtde] {
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
	border-radius: 12px;
	padding: 1.25rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.stat-icon-wrapper[b-il9cykxtde] {
	width: 48px;
	height: 48px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--mud-palette-background);
}

.stat-content[b-il9cykxtde] {
	display: flex;
	flex-direction: column;
}

.stat-value[b-il9cykxtde] {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--mud-palette-text-primary);
}

.stat-value.text-error[b-il9cykxtde] {
	color: var(--mud-palette-error);
}

.stat-value.text-warning[b-il9cykxtde] {
	color: var(--mud-palette-warning);
}

.stat-label[b-il9cykxtde] {
	font-size: 0.85rem;
	color: var(--mud-palette-text-secondary);
}

/* /Components/Studio/ChannelPreviewCard.razor.rz.scp.css */
.preview-card-universal[b-ddlp3h8rcb] {
	border-radius: 14px;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.preview-card-universal:hover[b-ddlp3h8rcb] {
	border-color: rgba(var(--mud-palette-primary-rgb), 0.45);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.channel-card-footer[b-ddlp3h8rcb] {
	border-top: 1px solid var(--mud-palette-divider);
}

.studio-btn[b-ddlp3h8rcb] {
	text-transform: none !important;
	white-space: nowrap !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.015em !important;
	border-radius: 8px !important;
	padding: 6px 14px !important;
	min-height: 36px !important;
	transition: all 0.2s ease !important;
}

.studio-btn-draft[b-ddlp3h8rcb] {
	color: var(--mud-palette-text-secondary) !important;
}

.studio-btn-draft:hover[b-ddlp3h8rcb] {
	background: rgba(255, 255, 255, 0.06) !important;
	color: var(--mud-palette-text-primary) !important;
}

.studio-btn-schedule[b-ddlp3h8rcb] {
	border-color: var(--mud-palette-divider) !important;
	color: var(--mud-palette-text-primary) !important;
}

.studio-btn-schedule:hover[b-ddlp3h8rcb] {
	border-color: var(--mud-palette-primary) !important;
	color: var(--mud-palette-primary) !important;
	background: rgba(var(--mud-palette-primary-rgb), 0.08) !important;
}

.studio-btn-publish[b-ddlp3h8rcb] {
	background: var(--mud-palette-primary) !important;
	color: #ffffff !important;
	box-shadow: 0 2px 8px rgba(var(--mud-palette-primary-rgb), 0.35) !important;
}

.studio-btn-publish:hover[b-ddlp3h8rcb] {
	box-shadow: 0 4px 16px rgba(var(--mud-palette-primary-rgb), 0.55) !important;
	transform: translateY(-1px);
}

.media-attach-btn[b-ddlp3h8rcb] {
	text-transform: none !important;
	border-radius: 8px !important;
	font-weight: 500 !important;
	letter-spacing: 0.01em !important;
}
/* /Components/Studio/CommandConsole.razor.rz.scp.css */
.command-console-card[b-ani39s495y] {
	border-radius: 12px;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
	width: 100%;
}
/* /Components/Studio/InstagramPreviewCard.razor.rz.scp.css */
.preview-card-instagram[b-w7mymkayis] {
	border-radius: 12px;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
	transition: all 0.2s ease-in-out;
}

.preview-card-instagram:hover[b-w7mymkayis] {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.instagram-media-placeholder[b-w7mymkayis] {
	background: var(--mud-palette-background);
	border: 1px dashed var(--mud-palette-divider);
	border-radius: 8px;
	min-height: 140px;
}
/* /Components/Studio/ProUpgradeDialog.razor.rz.scp.css */
/* Estilos específicos para el diálogo de upgrade Pro */
/* /Components/Studio/StagingCanvas.razor.rz.scp.css */
.staging-canvas-container[b-svrentvnbz] {
	width: 100%;
	min-height: 500px;
	display: flex;
	flex-direction: column;
}

.staging-empty-state[b-svrentvnbz] {
	border-radius: 12px;
	border: 2px dashed var(--mud-palette-divider);
	background: var(--mud-palette-surface);
	min-height: 480px;
}

.max-w-500[b-svrentvnbz] {
	max-width: 500px;
}

.empty-state-icon[b-svrentvnbz] {
	font-size: 4rem;
	opacity: 0.8;
}

.staging-cards-grid[b-svrentvnbz] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
	gap: 20px;
	flex: 1;
}

.staging-card-item[b-svrentvnbz] {
	display: flex;
	flex-direction: column;
}

.batch-action-bar[b-svrentvnbz] {
	border-radius: 12px;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
}
/* /Components/Studio/XPreviewCard.razor.rz.scp.css */
.preview-card-x[b-8dvc1rbvhx] {
	border-radius: 12px;
	background: var(--mud-palette-surface);
	border: 1px solid var(--mud-palette-divider);
	transition: all 0.2s ease-in-out;
}

.preview-card-x:hover[b-8dvc1rbvhx] {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}