/*
 * Vorro Light V1.2.8
 * Safe field sizing pass.
 *
 * Important:
 * Do NOT force one global width on every User CP control.
 * Widths are scoped to the field's actual role.
 */

/* =========================================================
   RESET THE OVER-BROAD V1.2.7 USER CP WIDTH RULE
   ========================================================= */

td.vorro-cp-navcell + td input.textbox,
td.vorro-cp-navcell + td input.text_input,
td.vorro-cp-navcell + td select,
td.vorro-cp-navcell + td .select2-container {
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Textareas may use available space naturally. */
td.vorro-cp-navcell + td textarea {
	width: min(100%, 680px) !important;
	max-width: 100% !important;
}

/* =========================================================
   ADVANCED PM SEARCH — EXPLICITLY WIDE
   ========================================================= */

body form[name="pmForm"] #keywords,
body form[name="pmForm"] #sender,
body form[name="pmForm"] #sender + .select2-container,
body form[name="pmForm"] .select2-container {
	width: 340px !important;
	min-width: 340px !important;
	max-width: 100% !important;
}

body form[name="pmForm"] select[multiple],
body form[name="pmForm"] #folder {
	width: 340px !important;
	max-width: 100% !important;
	min-height: 112px;
}

body form[name="pmForm"] #sort {
	width: 220px !important;
	max-width: 100% !important;
}

/* PM list quick search is smaller than Advanced Search. */
body form[name="pmForm"] .thead .float_right input.textbox {
	width: 240px !important;
}

/* =========================================================
   USER CP — FIELD-SPECIFIC SIZES
   ========================================================= */

/* Custom user title: compact field, never full/340px width. */
form[name="input"] input[name="usertitle"],
td.vorro-cp-navcell + td input[name="usertitle"] {
	width: 260px !important;
	max-width: 100% !important;
}

/* Short numeric/year fields. */
form[name="input"] input[name="bday3"],
form[name="input"] input[name="awayyear"],
td.vorro-cp-navcell + td input[name="bday3"],
td.vorro-cp-navcell + td input[name="awayyear"] {
	width: 76px !important;
}

/* Medium descriptive fields. */
form[name="input"] input[name="website"],
form[name="input"] input[name="awayreason"],
td.vorro-cp-navcell + td input[name="website"],
td.vorro-cp-navcell + td input[name="awayreason"] {
	width: 320px !important;
	max-width: 100% !important;
}

/* Email/password/name type account fields may be longer, but not full-page. */
td.vorro-cp-navcell + td input[type="email"],
td.vorro-cp-navcell + td input[name="email"],
td.vorro-cp-navcell + td input[name="email2"],
td.vorro-cp-navcell + td input[name="newemail"],
td.vorro-cp-navcell + td input[name="username"],
td.vorro-cp-navcell + td input[name="newusername"],
td.vorro-cp-navcell + td input[name="password"],
td.vorro-cp-navcell + td input[name="password2"],
td.vorro-cp-navcell + td input[name="newpassword"],
td.vorro-cp-navcell + td input[name="confirmnewpassword"] {
	width: 380px !important;
	max-width: 100% !important;
}

/* Birthday/date selects should remain compact. */
td.vorro-cp-navcell + td select[name="bday1"],
td.vorro-cp-navcell + td select[name="bday2"],
td.vorro-cp-navcell + td select[name="birthdayprivacy"],
td.vorro-cp-navcell + td select[name="awayday"],
td.vorro-cp-navcell + td select[name="awaymonth"] {
	width: auto !important;
	min-width: 84px !important;
	max-width: 180px !important;
}

/* Preference selects need room, but shouldn't stretch like text fields. */
td.vorro-cp-navcell + td select[name="dateformat"],
td.vorro-cp-navcell + td select[name="timeformat"],
td.vorro-cp-navcell + td select[name="dstcorrection"],
td.vorro-cp-navcell + td select[name="subscriptionmethod"],
td.vorro-cp-navcell + td select[name="threadmode"],
td.vorro-cp-navcell + td select[name="daysprune"] {
	width: auto !important;
	min-width: 200px !important;
	max-width: 340px !important;
}

/* Public profile custom title: size to text/content instead of a full strip. */
.vorro-profile-name {
	align-items: flex-start !important;
}

.vorro-profile-title,
.vorro-profile-name > .vorro-profile-title.smalltext {
	display: inline-flex !important;
	align-items: center;
	align-self: flex-start;
	flex: 0 0 auto;
	width: fit-content !important;
	max-width: 100%;
	margin: 1px 0 0;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	line-height: 1.35;
	white-space: normal;
	overflow-wrap: anywhere;
}

/* Stars / group badge should stay content-sized too. */
.vorro-profile-badges {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	width: fit-content;
	max-width: 100%;
}

/* Top site search remains intentionally wider. */
#search input.textbox {
	width: 270px !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 560px) {
	body form[name="pmForm"] #keywords,
	body form[name="pmForm"] #sender,
	body form[name="pmForm"] #sender + .select2-container,
	body form[name="pmForm"] .select2-container,
	body form[name="pmForm"] #folder,
	form[name="input"] input[name="usertitle"],
	td.vorro-cp-navcell + td input[name="usertitle"],
	form[name="input"] input[name="website"],
	form[name="input"] input[name="awayreason"],
	td.vorro-cp-navcell + td input[name="website"],
	td.vorro-cp-navcell + td input[name="awayreason"],
	td.vorro-cp-navcell + td input[type="email"],
	td.vorro-cp-navcell + td input[name="email"],
	td.vorro-cp-navcell + td input[name="email2"],
	td.vorro-cp-navcell + td input[name="newemail"],
	td.vorro-cp-navcell + td input[name="username"],
	td.vorro-cp-navcell + td input[name="newusername"],
	td.vorro-cp-navcell + td input[name="password"],
	td.vorro-cp-navcell + td input[name="password2"],
	td.vorro-cp-navcell + td input[name="newpassword"],
	td.vorro-cp-navcell + td input[name="confirmnewpassword"] {
		width: 100% !important;
		min-width: 0 !important;
	}

	#search input.textbox {
		width: auto !important;
	}
}