/* ── Type picker (2026-09-13) ─────────────────────────────────────────────
   The same "view box" the Grade Book (gb-view-*), My Classes (mc-view-*) and Search
   (sv-view-*) pages use, so My Favorites reads as part of the teacher panel. Kept as its
   own copy, the way those pages keep theirs, so a change on one cannot restyle another. */
.mf-view-box {
	background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);
	border: 1px solid #c7d7f0;
	border-radius: 14px;
	padding: 20px 24px;
	margin: 0 0 24px 0;
}
.mf-view-row { display: flex; flex-wrap: wrap; gap: 14px 0; align-items: center; }
.mf-view-sec { display: flex; align-items: center; gap: 10px; padding: 0 20px; }
.mf-view-sec:first-child { padding-left: 0; }
.mf-view-icon {
	width: 34px; height: 34px; border-radius: 8px;
	background: rgba(59,130,246,0.1);
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0; color: #3B82F6;
}
.mf-view-field { display: flex; flex-direction: column; gap: 5px; }
.mf-view-label {
	font-size: 10px; font-weight: 700; color: #6b86b3;
	text-transform: uppercase; letter-spacing: 0.5px;
}
.mf-view-select {
	border: 1px solid #b8cadf; border-radius: 6px;
	padding: 6px 10px; font-size: 12px; color: #334155;
	background: #fff; font-family: inherit; min-width: 180px;
	box-sizing: border-box; height: 30px; margin: 0;
}
.mf-view-select:focus { outline: none; border-color: #3B82F6; }
.mf-view-go { margin-left: auto; padding-left: 20px; flex-shrink: 0; display: flex; gap: 8px; align-items: center; }
.mf-view-btn-submit {
	padding: 8px 20px; background: #3B82F6; color: #fff;
	border: none; border-radius: 8px; font-size: 12px;
	font-weight: 600; cursor: pointer; font-family: inherit;
	text-transform: capitalize;
}
.mf-view-btn-submit:hover { background: #2563EB; }

@media (max-width: 800px) {
	.mf-view-box { padding: 16px; }
	.mf-view-row { flex-direction: column; gap: 14px; align-items: stretch; }
	.mf-view-sec { padding: 0; }
	.mf-view-select { width: 100%; }
	.mf-view-go { margin-left: 0; padding-left: 0; flex-direction: column; align-items: stretch; }
	.mf-view-btn-submit { width: 100%; text-align: center; }
}