/*_______________________________________________________________________________________________________________
 * |                                                                                                             |
 * |  ████████╗  ██████╗   ██████╗  ██╗      ███╗   ██╗ ███████╗ ███████╗ ████████╗        ███╗   ███╗ ██████╗   |
 * |  ╚══██╔══╝ ██╔═══██╗ ██╔═══██╗ ██║      ████╗  ██║ ██╔════╝ ██╔════╝ ╚══██╔══╝        ████╗ ████║ ██╔══██╗  |
 * |     ██║    ██║   ██║ ██║   ██║ ██║      ██╔██╗ ██║ █████╗   ███████╗    ██║    █████╗ ██╔████╔██║ ██████╔╝  |
 * |     ██║    ██║   ██║ ██║   ██║ ██║      ██║╚██╗██║ ██╔══╝   ╚════██║    ██║    ╚════╝ ██║╚██╔╝██║ ██╔═══╝   |
 * |     ██║    ╚██████╔╝ ╚██████╔╝ ███████╗ ██║ ╚████║ ███████╗ ███████║    ██║           ██║ ╚═╝ ██║ ██║       |
 * |     ╚═╝     ╚═════╝   ╚═════╝  ╚══════╝ ╚═╝  ╚═══╝ ╚══════╝ ╚══════╝    ╚═╝           ╚═╝     ╚═╝ ╚═╝       |
 * |                                                                                                             |
 * |    ███╗   ███╗  █████╗  ███╗   ███╗ ███████╗ ██████╗  ██╗ ███╗   ██╗      ██████╗  ██████╗  ███╗   ███╗     |
 * |    ████╗ ████║ ██╔══██╗ ████╗ ████║ ██╔════╝ ██╔══██╗ ██║ ████╗  ██║     ██╔════╝ ██╔═══██╗ ████╗ ████║     |
 * |    ██╔████╔██║ ███████║ ██╔████╔██║ █████╗   ██████╔╝ ██║ ██╔██╗ ██║     ██║      ██║   ██║ ██╔████╔██║     |
 * |    ██║╚██╔╝██║ ██╔══██║ ██║╚██╔╝██║ ██╔══╝   ██╔═══╝  ██║ ██║╚██╗██║     ██║      ██║   ██║ ██║╚██╔╝██║     |
 * |    ██║ ╚═╝ ██║ ██║  ██║ ██║ ╚═╝ ██║ ███████╗ ██║      ██║ ██║ ╚████║ ██╗ ╚██████╗ ╚██████╔╝ ██║ ╚═╝ ██║     |
 * |    ╚═╝     ╚═╝ ╚═╝  ╚═╝ ╚═╝     ╚═╝ ╚══════╝ ╚═╝      ╚═╝ ╚═╝  ╚═══╝ ╚═╝  ╚═════╝  ╚═════╝  ╚═╝     ╚═╝     |
 * |                                                                                                             |
 * |                                                                                                             |
 * |                                 (C) 2021- mamepin.com - ALL RIGHTS RESERVED                                 |
 * |                                         Unauthorized use prohibited                                         |
 * |_____________________________________________________________________________________________________________|
 */

.tnm-days-shift {
	--tnm-primary: #dc2626;
	--tnm-primary-dark: #b91c1c;
	--tnm-primary-soft: #fef2f2;
	--tnm-primary-contrast-soft: #fecaca;
	--tnm-primary-border-soft: #fca5a5;
	--tnm-focus: #ef4444;
	--tnm-focus-shadow: rgba(239, 68, 68, 0.18);
	--tnm-primary-shadow: rgba(220, 38, 38, 0.28);
}

.tnm-days-shift .tnm-days-diff__result-heading,
.tnm-days-shift .tnm-days-diff__result-unit,
.tnm-days-shift .tnm-days-diff__result-detail-button:hover {
	color: #991b1b;
}

.tnm-days-shift .tnm-days-diff__dialog-button--secondary {
	background: #fee2e2;
}

.tnm-days-shift .tnm-days-diff__excluded-tab {
	background: #fdf2f2;
	border-color: #ead0d0;
	color: #7f1d1d;
}

.tnm-days-shift .tnm-days-diff__excluded-tab--active {
	background: #ffffff;
	border-color: var(--tnm-primary);
	color: var(--tnm-primary-dark);
}

.tnm-days-shift .tnm-days-diff__result-row {
	flex-wrap: nowrap;
	align-items: center;
}

.tnm-days-shift .tnm-days-diff__result-number {
	max-width: 100%;
	min-width: 0;
	font-size: clamp(28px, 7.2vw, 52px);
	line-height: 0.95;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
	text-align: center;
}

@media (max-width: 640px) {
	.tnm-days-shift .tnm-days-diff__shift-inputs {
		grid-template-columns: 1fr;
	}

	.tnm-days-shift .tnm-days-diff__input--shift-direction {
		width: 100%;
	}

	.tnm-days-shift .tnm-days-diff__result-number {
		font-size: clamp(24px, 7.8vw, 38px);
	}
}