/**
 * Loopin Modern — portal section refinements (dashboard / forms / lists).
 * Primary mappings: Home → dashboard; Calendar → profile/portfolio forms.
 */

.loopin-theme--modern.loopin-user-portal .loopin-dashboard-v2,
.loopin-theme--modern .loopin-user-portal-section {
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
	padding-block-start: 0.35rem;
}

.loopin-theme--modern .loopin-dash-summary-grid,
.loopin-theme--modern .loopin-stat-grid,
.loopin-theme--modern .loopin-followers-summary-grid,
.loopin-theme--modern .loopin-referrals-stats-grid,
.loopin-theme--modern .loopin-plan-grid,
.loopin-theme--modern .loopin-rewards-grid,
.loopin-theme--modern .loopin-coin-guide-grid {
	gap: 0.9rem;
}

.loopin-theme--modern .loopin-dash-summary-card,
.loopin-theme--modern .loopin-stat-card {
	min-height: 108px;
	padding: 1.05rem 1.1rem;
}

.loopin-theme--modern .loopin-dash-summary-card .loopin-stat-value,
.loopin-theme--modern .loopin-stat-card .loopin-stat-value,
.loopin-theme--modern .loopin-followers-stat-value,
.loopin-theme--modern .loopin-dash-summary-value {
	font-size: 1.65rem;
	font-weight: 800;
	color: var(--loopin-ref-ink);
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.loopin-theme--modern .loopin-dash-summary-card .loopin-stat-label,
.loopin-theme--modern .loopin-stat-card .loopin-stat-label,
.loopin-theme--modern .loopin-dash-summary-label {
	color: var(--loopin-ref-muted);
	font-size: 0.8rem;
	font-weight: 500;
}

.loopin-theme--modern .loopin-dash-hero,
.loopin-theme--modern .loopin-dashboard-featured,
.loopin-theme--modern .loopin-dash-featured-card {
	position: relative;
	min-height: 240px;
	border-radius: var(--loopin-ref-radius-card-large);
	overflow: hidden;
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.42));
	border: 1px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 18px 44px rgba(120, 90, 140, 0.13);
}

.loopin-theme--modern .loopin-notifications-nudge-inner {
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.42));
}

.loopin-theme--modern .loopin-credentials-card--upload,
.loopin-theme--modern .loopin-credentials-card--request {
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.36));
}

.loopin-theme--modern .loopin-credentials-file-dropzone {
	border-radius: 22px;
	border-color: rgba(14, 14, 15, 0.14);
	background: rgba(255, 255, 255, 0.55);
}

.loopin-theme--modern .loopin-leaderboard-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 0.55rem;
}

.loopin-theme--modern .loopin-leaderboard-table tr {
	background: rgba(255, 255, 255, 0.62);
}

.loopin-theme--modern .loopin-leaderboard-table td,
.loopin-theme--modern .loopin-leaderboard-table th {
	padding: 0.75rem 0.85rem;
	border: 0;
}

.loopin-theme--modern .loopin-leaderboard-table tr td:first-child {
	border-start-start-radius: 18px;
	border-end-start-radius: 18px;
}

.loopin-theme--modern .loopin-leaderboard-table tr td:last-child {
	border-start-end-radius: 18px;
	border-end-end-radius: 18px;
}

.loopin-theme--modern .loopin-mission-card,
.loopin-theme--modern .loopin-reward-card,
.loopin-theme--modern .loopin-achievement-card {
	padding: 1rem 1.05rem;
}

.loopin-theme--modern .loopin-mission-progress,
.loopin-theme--modern .loopin-progress-bar {
	height: 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.65);
	border: 1px solid rgba(255, 255, 255, 0.8);
	overflow: hidden;
}

.loopin-theme--modern .loopin-mission-progress > span,
.loopin-theme--modern .loopin-progress-bar > span,
.loopin-theme--modern .loopin-progress-bar-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--loopin-ref-gradient-iridescent);
}

.loopin-theme--modern .loopin-alert-error:empty,
.loopin-theme--modern .loopin-form-error:empty {
	display: none;
}

/* Profile / portfolio form glass sections denser (Calendar) */
.loopin-theme--modern #loopin-profile-edit-form .loopin-dash-form-section,
.loopin-theme--modern #loopin-portfolio-form .loopin-dash-form-section,
.loopin-theme--modern #loopin-story-form .loopin-dash-form-section {
	padding: 1.1rem 1.05rem;
}

.loopin-theme--modern #loopin-profile-edit-form,
.loopin-theme--modern #loopin-portfolio-form,
.loopin-theme--modern #loopin-story-form {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

/* Manage portfolio — readable surfaces over iridescent mesh */
.loopin-theme--modern .loopin-manage.loopin-glass-surface::before,
.loopin-theme--modern .loopin-manage.loopin-dashboard-v2.loopin-glass-surface::before,
body.loopin-ui-theme--modern .loopin-manage.loopin-glass-surface::before {
	content: none !important;
	display: none !important;
	opacity: 0 !important;
}

.loopin-theme--modern .loopin-manage.loopin-dashboard-v2,
.loopin-theme--modern .loopin-manage {
	background: transparent;
	color: var(--loopin-ref-ink);
}

.loopin-theme--modern .loopin-manage .loopin-manage-header,
.loopin-theme--modern .loopin-manage .loopin-manage-item,
.loopin-theme--modern .loopin-manage .loopin-empty {
	position: relative;
	z-index: 1;
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.82));
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: var(--loopin-ref-radius-card);
	box-shadow: var(--loopin-ref-shadow-card);
	color: var(--loopin-ref-ink);
}

.loopin-theme--modern .loopin-manage .loopin-manage-header {
	padding: 1.1rem 1.2rem;
	margin-bottom: 1rem;
}

.loopin-theme--modern .loopin-manage .loopin-h1,
.loopin-theme--modern .loopin-manage .loopin-portal-section-title,
.loopin-theme--modern .loopin-manage .loopin-manage-item-title,
.loopin-theme--modern .loopin-manage .loopin-manage-item-title a {
	color: var(--loopin-ref-ink);
}

.loopin-theme--modern .loopin-manage .loopin-lead,
.loopin-theme--modern .loopin-manage .loopin-manage-item-meta {
	color: var(--loopin-ref-ink-2);
}

.loopin-theme--modern .loopin-manage .loopin-btn-outline,
.loopin-theme--modern .loopin-manage .loopin-btn-ghost {
	color: var(--loopin-ref-ink);
	background: rgba(255, 255, 255, 0.88);
	border-color: rgba(14, 14, 15, 0.12);
}

.loopin-theme--modern .loopin-manage .loopin-btn-ghost:hover,
.loopin-theme--modern .loopin-manage .loopin-btn-outline:hover {
	background: #fff;
	border-color: rgba(14, 14, 15, 0.22);
}