/* Compact Review Day strip under the fixed mobile header (mobile only). */

body.yws-review-day-mobile {
	--yws-review-day-bar-h: 34px;
}

.yws-review-day-mobile-bar {
	display: none;
}

@media (max-width: 768px) {
	body:not(.yws-force-desktop) .yws-review-day-mobile-bar {
		display: block;
		position: fixed;
		top: var(--yws-mobile-header-h);
		left: 0;
		right: 0;
		z-index: 15650;
		height: var(--yws-review-day-bar-h);
		border-bottom: 1px solid rgba(56, 189, 248, 0.28);
		background: linear-gradient(90deg, #0f172a 0%, #1a2744 55%, #006695 100%);
		color: #fff;
		box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);
		box-sizing: border-box;
	}

	body.yws-review-day-mobile:not(.yws-force-desktop) #wrap {
		padding-top: calc(68px + var(--yws-review-day-bar-h) + var(--yws-safe-top));
	}

	body.yws-review-day-mobile:not(.yws-force-desktop) #mobile-nav,
	body.yws-review-day-mobile:not(.yws-force-desktop) #mobile-account {
		top: calc(var(--yws-mobile-header-h) + var(--yws-review-day-bar-h)) !important;
		max-height: calc(100vh - var(--yws-mobile-header-h) - var(--yws-review-day-bar-h) - 8px - var(--yws-safe-bottom)) !important;
	}

	.yws-review-day-mobile-bar__inner {
		display: flex;
		align-items: center;
		gap: 8px;
		height: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		font-size: 11px;
		line-height: 1.2;
	}

	.yws-review-day-mobile-bar__main {
		display: flex;
		align-items: center;
		gap: 6px;
		min-width: 0;
		flex: 1 1 auto;
		color: #fff;
		text-decoration: none;
	}

	.yws-review-day-mobile-bar__main:hover,
	.yws-review-day-mobile-bar__main:focus-visible {
		color: #fff;
		text-decoration: none;
	}

	.yws-review-day-mobile-bar__label {
		font-weight: 700;
		white-space: nowrap;
	}

	.yws-review-day-mobile-bar__time {
		color: rgba(186, 230, 253, 0.95);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.yws-review-day-mobile-bar__goal {
		flex: 0 0 auto;
		padding: 2px 6px;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.12);
		font-weight: 700;
		font-size: 10px;
		white-space: nowrap;
	}

	.yws-review-day-mobile-bar__link {
		flex: 0 0 auto;
		padding: 3px 7px;
		border-radius: 999px;
		border: 1px solid rgba(186, 230, 253, 0.45);
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		text-decoration: none;
		white-space: nowrap;
	}

	.yws-review-day-mobile-bar__link:hover,
	.yws-review-day-mobile-bar__link:focus-visible {
		color: #fff;
		background: rgba(255, 255, 255, 0.1);
		text-decoration: none;
	}

	.yws-review-day-mobile-bar__link--join {
		border-color: rgba(252, 211, 77, 0.75);
		background: rgba(245, 158, 11, 0.22);
	}

	.yws-review-day-mobile-bar__progress {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 2px;
		background: rgba(255, 255, 255, 0.14);
	}

	.yws-review-day-mobile-bar__progress span {
		display: block;
		height: 100%;
		background: linear-gradient(90deg, #34d399 0%, #7dd3fc 100%);
	}
}