/* หน้าผู้ปกครองหอ (ต่อจาก ../css/roombooking.css + ../adminsungwein/css/admin.css ที่มี .adm-* อยู่แล้ว) */

/* หน้าเข้าสู่ระบบ / เลือกหอ */
.mg-login {
	min-height: 100vh;
	display: flex;
	align-items: center;
	background: radial-gradient(circle at 85% 15%, rgba(255, 255, 255, .18) 0, transparent 40%), linear-gradient(135deg, var(--rb-primary) 0%, #864ca5 100%);
}

.mg-login-card {
	max-width: 440px;
	width: 100%;
	margin: 0 auto;
}

.mg-login-logo {
	width: 64px;
	height: 64px;
}

.mg-cta {
	--bs-btn-bg: #9e76b4;
	--bs-btn-border-color: #9e76b4;
	--bs-btn-color: #fff;
	--bs-btn-hover-bg: #8a62a0;
	--bs-btn-hover-border-color: #8a62a0;
	--bs-btn-hover-color: #fff;
	--bs-btn-active-bg: #77528c;
	--bs-btn-active-border-color: #77528c;
	--bs-btn-active-color: #fff;
	border-radius: 50rem;
	font-weight: 500;
}

.mg-dorm-pick {
	text-align: left;
	border-radius: .9rem;
}

.mg-dorm-pick .mg-dorm-code {
	font-family: 'Mitr', 'Kanit', sans-serif;
	font-weight: 500;
	color: var(--rb-primary);
}

/* แถบเมนูบน (menu.php): หอที่กำลังจัดการ */
.mg-dorm-badge {
	background: rgba(255, 255, 255, .18);
	border-radius: 50rem;
	padding: .25rem .75rem;
	font-weight: 500;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.adm-topbar .mg-user {
		display: none;
	}
}

/* รายชื่อคนจองในห้อง (รับเพิ่มเติม) */
.mg-chip {
	display: inline-block;
	background: #f4f2fb;
	border: 1px solid #e3def5;
	border-radius: .5rem;
	padding: .1rem .5rem;
	font-size: .85rem;
	white-space: nowrap;
}

/* รูปนักศึกษา (รายชื่อผู้เลือกห้อง/อัปโหลดรูป) */
.mg-photo {
	width: 90px;
	max-width: none;
}

/* ตารางที่มีช่องกรอกในแถว ไม่ให้ช่องหดจนอ่านไม่ได้ */
.mg-room .form-control,
.mg-money .form-control {
	min-width: 5rem;
}

.mg-room input[name=troom],
.mg-room input[name=tmax],
.mg-money input[name=tdebt] {
	max-width: 9rem;
}

.mg-room .form-select {
	min-width: 12rem;
}

.mg-stdlist td[rowspan] {
	background: #faf9fe;
}
