/* Admin section — mobile portrait overrides. Added 2026-06-25.
   Loaded only by the admin page templates (admin_template_top.adp /
   decent_template_top.adp / _minimal). The device-width viewport meta in
   those templates lets these @media rules fire on phones. !important so they
   win over skel's async-loaded style-small/xsmall sheets regardless of order.
   Scoped to <=736px, so desktop admin is unaffected. */

@media screen and (max-width: 736px) {

	/* Reclaim horizontal space — desktop container padding/margins crush a phone */
	#main { padding: 0.5em !important; }
	#main > .container,
	.container { padding: 0.75em !important; margin: 0 !important; box-sizing: border-box !important; }
	#content { padding: 0 !important; }

	/* /support/ pages hard-code the content table to width:70%;margin:15% -> full width */
	#maintable[style*="70%"] { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }

	/* Typography (reinforce skel's small sheet) */
	body, input, select, textarea, button { font-size: 12pt !important; }

	/* Forms — ignore legacy size=NN / inline px widths, go full width */
	input[type="text"], input[type="email"], input[type="password"], input[type="search"],
	input[type="number"], input[type="tel"], input[type="url"], select, textarea {
		width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
	}

	/* Buttons — stack full-width with comfortable tap targets */
	.button,
	input[type="submit"], input[type="button"], input[type="reset"] {
		display: block !important; width: 100% !important; height: 3em !important;
		padding: 0 1em !important; margin: 0 0 0.5em 0 !important; font-size: 0.85em !important;
	}

	/* Tighten data-table cells so more fits before the user has to scroll */
	table td, table th { padding: 0.4em 0.5em !important; }
	table.alt tbody tr td { padding: 0.25em 0.4em !important; }
}