/*==================================================================================

	MEETING TIME PLANNER — IS MODULE KE APNE KHANE

==================================================================================*/

.mt-date-row
{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .7rem;
}

@media (max-width: 575.98px)
{
	.mt-date-row { grid-template-columns: 1fr; }
}

.mt-cell .wiz-label
{
	display: block;
	margin-bottom: .3rem;
}

.mt-rows
{
	display: flex;
	flex-direction: column;
	gap: .55rem;
	margin-top: .35rem;
	margin-bottom: .8rem;
}

.mt-place
{
	display: grid;
	grid-template-columns: minmax(0, 1fr) 6.2rem 6.2rem 2.2rem;
	gap: .4rem;
	align-items: center;
}

@media (max-width: 575.98px)
{
	.mt-place
	{
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 2.2rem;
	}

	.mt-place .mt-zone { grid-column: 1 / -1; }
}

.mt-place .form-control,
.mt-place .form-select
{
	font-size: .86rem;
}

.mt-place .mt-time
{
	font-family: var(--bs-font-monospace, monospace);
	text-align: center;
}

.mt-drop
{
	border: 0;
	background: transparent;
	line-height: 1;
	padding: .25rem;
	opacity: .65;
}

.mt-drop:hover { opacity: 1; }

/* Grid — 24 khane, mobile par side me khisakta hai */
.mt-grid-wrap
{
	overflow-x: auto;
	border-radius: .5rem;
}

.mt-grid
{
	min-width: 46rem;
}

.mt-line
{
	display: grid;
	grid-template-columns: 9.5rem repeat(24, minmax(0, 1fr));
	gap: 2px;
	margin-bottom: 2px;
}

.mt-head
{
	font-size: .7rem;
	text-align: center;
	opacity: .8;
	padding: .2rem 0;
}

.mt-name
{
	font-size: .78rem;
	padding: .3rem .4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mt-cellbox
{
	font-size: .68rem;
	text-align: center;
	padding: .35rem 0;
	border-radius: .25rem;
	background: rgba(127, 127, 127, .12);
	line-height: 1.15;
}

.mt-cellbox.is-good
{
	background: rgba(32, 160, 92, .22);
}

.mt-cellbox.is-edge
{
	background: rgba(255, 176, 32, .25);
}

.mt-cellbox.is-bad
{
	background: rgba(127, 127, 127, .1);
	opacity: .7;
}

.mt-cellbox.is-pick
{
	outline: 2px solid var(--wiz-amber, #FF702A);
	outline-offset: -2px;
	font-weight: 700;
}

.mt-cellbox small
{
	display: block;
	font-size: .6rem;
	opacity: .75;
}

.mt-key
{
	display: flex;
	flex-wrap: wrap;
	gap: .9rem;
	margin-top: .7rem;
	font-size: .78rem;
	opacity: .85;
}

.mt-key-item
{
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}

.mt-swatch
{
	width: .85rem;
	height: .85rem;
	border-radius: .2rem;
	display: inline-block;
	background: rgba(127, 127, 127, .12);
}

.mt-swatch.is-good { background: rgba(32, 160, 92, .35); }
.mt-swatch.is-edge { background: rgba(255, 176, 32, .4); }
.mt-swatch.is-bad { background: rgba(127, 127, 127, .15); }
.mt-swatch.is-pick { background: transparent; outline: 2px solid var(--wiz-amber, #FF702A); outline-offset: -2px; }

.wiz-out-big.mt-out
{
	font-size: 1.8rem;
	line-height: 1.3;
}

@media (max-width: 575.98px)
{
	.wiz-out-big.mt-out { font-size: 1.35rem; }
}

.mt-problem
{
	margin-top: .8rem;
	padding: .7rem .85rem;
	border-radius: .5rem;
	background: var(--wiz-amber-soft, rgba(255, 112, 42, .08));
	border: 1px solid var(--wiz-amber, #FF702A);
}

.mt-why
{
	display: block;
	font-size: .85rem;
}