/**
 * Loopin Modern — entry stylesheet (v2.1.0 visual reset).
 * Modular imports; presentation only. Functional selectors preserved.
 * Visual source of truth: screen-1-home / screen-2-calendar / screen-3-results.
 */

@import url("tokens.css");
@import url("neutralize.css");
@import url("shell.css");
@import url("navigation.css");
@import url("components.css");
@import url("forms.css");
@import url("grids.css");
@import url("responsive.css");

/* Utility header avatar (Home topbar) */
.loopin-theme--modern .loopin-social-nav .loopin-avatar,
.loopin-theme--modern .loopin-public-profile-avatar img,
.loopin-theme--modern .loopin-portal-top-nav .loopin-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2.5px solid #fff;
	box-shadow: 0 4px 14px rgba(120, 90, 140, 0.16);
	object-fit: cover;
	background: var(--loopin-ref-gradient-iridescent);
}

.loopin-theme--modern .loopin-social-subheader,
.loopin-theme--modern .loopin-browse-toolbar {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.loopin-theme--modern .loopin-breadcrumbs {
	margin-block: 0.75rem 0.35rem;
	color: var(--loopin-ref-muted);
	font-size: 0.85rem;
}

.loopin-theme--modern .loopin-breadcrumbs a {
	color: var(--loopin-ref-ink-2);
	text-decoration: none;
}

body.loopin-ui-theme--modern #loopin-toast .loopin-toast,
body.loopin-ui-theme--modern .loopin-toast {
	background: rgba(14, 14, 15, 0.92);
	border-radius: 18px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 18px 44px rgba(120, 90, 140, 0.22);
	font-weight: 700;
}