/**
 * Logged-in area — content/layout only (header uses same .header_wraperindex as public site).
 * Load after public-theme.css.
 */

/* ---------- Page shell ---------- */
body.accountPage {
	font-family: "DM Sans", Arial, Helvetica, sans-serif !important;
	background: #f1f5f9 !important;
	background-image: none !important;
}

body.accountPage .mainContentDiv {
	background: #f1f5f9;
}

/* Logged-in top bar: welcome + language (same header skin as public) */
.header_wraperindex .header2 .right {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px 14px;
}

.header_wraperindex .languages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	float: none !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
}

.header_wraperindex .userDets,
.header_wraperindex .langugelogdin {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.header_wraperindex .userDets a.logouta {
	display: none !important;
}

.header_wraperindex .languages select,
.header_wraperindex .languages .sbHolder,
.header_wraperindex .languages .sbSelector,
.header_wraperindex #lang {
	background: rgba(255, 255, 255, 0.12) !important;
	color: #f8fafc !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-radius: 8px !important;
}

.header_wraperindex .sbOptions {
	background: #ffffff !important;
	border: 1px solid var(--pub-border) !important;
}

.header_wraperindex .sbOptions a {
	color: var(--pub-text) !important;
}

.header_wraperindex .sbOptions a:hover,
.header_wraperindex .sbOptions a.sbFocus {
	background: #eff6ff !important;
	color: var(--pub-brand) !important;
}

/* ---------- Main content card ---------- */
/* Logged-in shell — works before jQuery adds body.accountPage; never index home */
body:has(.header_wraperindex):not(.index-home) .mainContentDiv,
body.accountPage .mainContentDiv {
	padding-top: 12px;
	padding-bottom: 0 !important;
	min-height: 0 !important;
	float: none !important;
}

/* Beat template inline width="{PAGEWIDTH}" (often 900px+) on phones; center column */
body:has(.header_wraperindex):not(.index-home) .mainContentDiv > .mainwraper,
body:has(.header_wraperindex):not(.index-home) .mainContentDiv .mainwraper[style],
body.accountPage .mainContentDiv > .mainwraper,
body.accountPage .mainContentDiv .mainwraper[style] {
	width: 100% !important;
	max-width: min(1100px, 100%) !important;
	min-width: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(12px, 2vw, 20px) !important;
	padding-right: clamp(12px, 2vw, 20px) !important;
	box-sizing: border-box;
}

/* ppc-style.css floats .admainbox left — breaks margin:auto centering */
body:has(.header_wraperindex):not(.index-home) .mainContentDiv .admainbox,
body:has(.header_wraperindex):not(.index-home) .mainContentDiv div.admainbox,
body:has(.header_wraperindex):not(.index-home) .mainContentDiv table.admainbox,
body.accountPage .mainContentDiv .admainbox,
body.accountPage .mainContentDiv div.admainbox,
body.accountPage .mainContentDiv table.admainbox {
	float: none !important;
	clear: both !important;
	display: block;
	margin-bottom: 16px !important;
}

/* List pages (manage-ads, etc.) — no extra gap above footer */
body:has(.header_wraperindex):not(.index-home) .mainContentDiv form > .admainbox,
body.accountPage .mainContentDiv form > .admainbox,
body:has(.header_wraperindex):not(.index-home) .mainContentDiv > .mainwraper > .admainbox:last-child,
body.accountPage .mainContentDiv > .mainwraper > .admainbox:last-child {
	margin-bottom: 0 !important;
}

/* Footer flush with content — no float gap or viewport band below footer */
body:has(.header_wraperindex):not(.index-home),
body.accountPage {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

body:has(.header_wraperindex):not(.index-home) .margin_topdiv,
body.accountPage .margin_topdiv {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	padding-bottom: 0;
	margin-bottom: 0;
}

body:has(.header_wraperindex):not(.index-home) .mainContentDiv,
body.accountPage .mainContentDiv {
	flex: 1 0 auto;
}

body:has(.header_wraperindex):not(.index-home) .footerDiv,
body:has(.header_wraperindex):not(.index-home) .footer_wraper,
body.accountPage .footerDiv,
body.accountPage .footer_wraper {
	float: none !important;
	clear: both !important;
	flex-shrink: 0;
}

body:has(.header_wraperindex):not(.index-home) .margin_topdiv > .footerDiv,
body.accountPage .margin_topdiv > .footerDiv {
	margin-top: auto;
}

body:has(.header_wraperindex):not(.index-home) .mainContentDiv table.admainbox,
body.accountPage .mainContentDiv table.admainbox {
	display: table !important;
}

body:has(.header_wraperindex):not(.index-home) .mainContentDiv .contact_heding,
body:has(.header_wraperindex):not(.index-home) .mainContentDiv .contact_details,
body:has(.header_wraperindex):not(.index-home) .mainContentDiv .contact_frow,
body.accountPage .mainContentDiv .contact_heding,
body.accountPage .mainContentDiv .contact_details,
body.accountPage .mainContentDiv .contact_frow {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

body:has(.header_wraperindex):not(.index-home) .mainContentDiv table.admainbox,
body:has(.header_wraperindex):not(.index-home) .mainContentDiv table.admainbox[width],
body:has(.header_wraperindex):not(.index-home) .mainContentDiv > table.admainbox,
body:has(.header_wraperindex):not(.index-home) .mainContentDiv form > table.admainbox,
body:has(.header_wraperindex):not(.index-home) .mainContentDiv form > table.admainbox[width],
body:has(.header_wraperindex):not(.index-home) .mainContentDiv div.admainbox,
body.accountPage .mainContentDiv table.admainbox,
body.accountPage .mainContentDiv table.admainbox[width],
body.accountPage .mainContentDiv > table.admainbox,
body.accountPage .mainContentDiv form > table.admainbox,
body.accountPage .mainContentDiv form > table.admainbox[width],
body.accountPage .mainContentDiv div.admainbox {
	background: var(--pub-surface) !important;
	border: 1px solid var(--pub-border) !important;
	border-radius: var(--pub-radius) !important;
	box-shadow: var(--pub-shadow) !important;
	margin: 0 auto 24px !important;
	margin-top: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box;
	overflow: visible !important;
	padding: clamp(18px, 3vw, 26px) clamp(16px, 3vw, 24px) !important;
}

/* Form-style pages: centered card (match ppc-user-registration) — not wide list/stats panels */
body:has(.header_wraperindex) .mainContentDiv div.admainbox:has(.contact_details .contact_ncolmf):not(.support-desk-page):not(:has(.pub-filter-cell)):not(:has(#admanage)):not(:has(.datatable)):not(:has(.tableT)):not(:has(.stat-summary-block)):not(:has(.ctrl-panel-grid)):not(.pub-ad-create-page),
body:has(.header_wraperindex) .mainContentDiv div.admainbox.colortext:not(:has(.pub-filter-cell)):not(:has(#admanage)):not(:has(.ctrl-panel-grid)):not(:has(.analysicstable)):not(.pub-ad-create-page),
body:has(.header_wraperindex) .mainContentDiv div.admainbox.pub-form-card,
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(tr.contact_frow):not(:has(#admanage)):not(:has(.datatable)):not(:has(.pub-filter-cell)),
body:has(.header_wraperindex) .mainContentDiv table.admainbox.pub-form-card,
body:has(.header_wraperindex) .mainContentDiv div.admainbox:has(.top_section):not(:has(.ctrl-panel-grid)):not(:has(.ctrlPnlCol)),
body:has(.header_wraperindex) .mainContentDiv div.admainbox.guest-message-page,
body.accountPage .mainContentDiv div.admainbox:has(.contact_details .contact_ncolmf):not(.support-desk-page):not(:has(.pub-filter-cell)):not(:has(#admanage)):not(:has(.datatable)):not(:has(.tableT)):not(:has(.stat-summary-block)):not(:has(.ctrl-panel-grid)):not(.pub-ad-create-page),
body.accountPage .mainContentDiv div.admainbox.colortext:not(:has(.pub-filter-cell)):not(:has(#admanage)):not(:has(.ctrl-panel-grid)):not(:has(.analysicstable)):not(.pub-ad-create-page),
body.accountPage .mainContentDiv table.admainbox:has(tr.contact_frow):not(:has(#admanage)):not(:has(.datatable)):not(:has(.pub-filter-cell)),
body.accountPage .mainContentDiv table.admainbox.pub-form-card,
body.accountPage .mainContentDiv div.admainbox.pub-form-card,
body.accountPage .mainContentDiv div.admainbox:has(.top_section):not(:has(.ctrl-panel-grid)):not(:has(.ctrlPnlCol)),
body.accountPage .mainContentDiv div.admainbox.guest-message-page {
	max-width: 780px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body:has(.header_wraperindex) .mainContentDiv div.admainbox.pub-ad-create-page,
body.accountPage .mainContentDiv div.admainbox.pub-ad-create-page {
	max-width: 780px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body:has(.header_wraperindex) .mainContentDiv div.admainbox:has(.top_section):not(:has(.bottom_section)),
body:has(.header_wraperindex) .mainContentDiv div.admainbox.pub-login-page,
body.accountPage .mainContentDiv div.admainbox:has(.top_section):not(:has(.bottom_section)),
body.accountPage .mainContentDiv div.admainbox.pub-login-page {
	max-width: min(920px, 100%) !important;
}

body:has(.header_wraperindex) .mainContentDiv div.admainbox.pub-faq-page,
body.accountPage .mainContentDiv div.admainbox.pub-faq-page,
body.faq .mainContentDiv div.admainbox {
	max-width: 860px !important;
}

body.accountPage .mainContentDiv table.admainbox table.adStati,
body.accountPage .mainContentDiv table.admainbox table.tableT {
	width: 100% !important;
	max-width: 100% !important;
}

body.accountPage .mainContentDiv table.admainbox td,
body.accountPage .mainContentDiv table.admainbox th {
	padding: 12px 18px !important;
	vertical-align: top;
}

/* Page title */
body.accountPage .mainContentDiv .about_heading,
body.accountPage .mainContentDiv table.admainbox .about_heading,
body.accountPage .mainContentDiv table.admainbox span.about_heading {
	color: var(--pub-text) !important;
	font-family: inherit !important;
	font-size: clamp(1.25rem, 2.5vw, 1.6rem) !important;
	font-weight: 700 !important;
	border-bottom: 0 !important;
}

body.accountPage .mainContentDiv table.admainbox .about_heading::after,
body.accountPage .mainContentDiv table.admainbox span.about_heading::after {
	content: "" !important;
	display: block !important;
	width: 48px !important;
	height: 4px !important;
	margin-top: 8px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, var(--pub-brand), var(--pub-accent)) !important;
}

/* Inner page: legacy styleTitle row (not a second giant bar) */
body.accountPage .mainContentDiv table.admainbox th .styleTitle,
body.accountPage .mainContentDiv table.admainbox .styleTitle {
	display: block !important;
	background: none !important;
	color: var(--pub-text) !important;
	font-family: inherit !important;
	font-size: clamp(1.25rem, 2.5vw, 1.5rem) !important;
	font-weight: 700 !important;
	text-align: left !important;
	padding: 0 !important;
	border: 0 !important;
}

/* Subtitle bar — single line under title, not duplicate full-width banner */
body.accountPage .mainContentDiv table.admainbox td.headingbar,
body.accountPage .mainContentDiv .headingbar {
	background: #eff6ff !important;
	color: var(--pub-brand-dark) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	border: 1px solid #bfdbfe !important;
	border-radius: var(--pub-radius-sm) !important;
	padding: 10px 14px !important;
	line-height: 1.5 !important;
	margin: 0 0 16px !important;
}

/* Info strip under welcome (control panel) */
body.accountPage .mainContentDiv table.admainbox td.headingbar[colspan],
body.accountPage .mainContentDiv table.admainbox > tbody > tr > td.headingbar {
	background: linear-gradient(135deg, #1e40af 0%, #2563eb 55%, #0284c7 100%) !important;
	color: #ffffff !important;
	border: 0 !important;
	font-weight: 600 !important;
}

/* Balance row — light blue tiles, dark text (beats ppc-style #fff + footer COLORTHEME12 gray) */
.mainContentDiv table.fundDetails td.boxbar,
.mainContentDiv .fundDetails td.boxbar,
body.accountPage .mainContentDiv .fundDetails td.boxbar,
body table.fundDetails tr td.boxbar {
	background: #dbeafe !important;
	background-image: none !important;
	border-radius: var(--pub-radius-sm) !important;
	height: auto !important;
	min-height: 52px !important;
	vertical-align: middle !important;
	border: 1px solid #93c5fd !important;
	padding: 0 !important;
}

.mainContentDiv table.fundDetails td.boxbar .styleTitle,
.mainContentDiv table.fundDetails td.boxbar span,
.mainContentDiv .fundDetails td.boxbar .styleTitle,
.mainContentDiv .fundDetails td.boxbar span[style],
body.accountPage .mainContentDiv .fundDetails td.boxbar .styleTitle,
body table.fundDetails tr td.boxbar .styleTitle,
body table.fundDetails tr td.boxbar span[style],
.fundDetails .boxbar .styleTitle {
	background: transparent !important;
	background-color: transparent !important;
	color: #1e3a8a !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-align: center !important;
	padding: 14px 12px !important;
	border: 0 !important;
	border-bottom: none !important;
	line-height: 1.4 !important;
}

body.accountPage .mainContentDiv .fundDetails > tbody > tr {
	display: table-row;
}

body.accountPage .mainContentDiv .fundDetails > tbody > tr > td.boxbar {
	width: 33.33%;
}

/* ---------- Control panel: balance strip + 3-column tile grid ---------- */
body.accountPage .mainContentDiv table.admainbox:has(.ctrl-panel-grid) > tbody > tr > td[colspan="2"],
body.accountPage .mainContentDiv table.admainbox:has(.ctrlPnlCol) > tbody > tr > td[colspan="2"],
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrl-panel-grid) > tbody > tr > td[colspan="2"],
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrlPnlCol) > tbody > tr > td[colspan="2"] {
	overflow: visible !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

/* Hide legacy spacer rows (  only) */
body.accountPage .mainContentDiv table.admainbox:has(.ctrl-panel-grid) > tbody > tr:has(> td[colspan="2"]:not(.headingbar)):not(:has(table)):not(:has(.about_heading)):not(:has(strong)):not(:has(.redtext)),
body.accountPage .mainContentDiv table.admainbox:has(.ctrlPnlCol) > tbody > tr:has(> td[colspan="2"]:not(.headingbar)):not(:has(table)):not(:has(.about_heading)):not(:has(strong)):not(:has(.redtext)),
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrl-panel-grid) > tbody > tr:has(> td[colspan="2"]:not(.headingbar)):not(:has(table)):not(:has(.about_heading)):not(:has(strong)):not(:has(.redtext)),
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrlPnlCol) > tbody > tr:has(> td[colspan="2"]:not(.headingbar)):not(:has(table)):not(:has(.about_heading)):not(:has(strong)):not(:has(.redtext)) {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
}

/* Balance / Settlement / Bonus */
body.accountPage .mainContentDiv table.admainbox:has(.ctrl-panel-grid) > tbody > tr > td[colspan="2"]:has(> table.fundDetails:not(.ctrlPnlCol)),
body.accountPage .mainContentDiv table.admainbox:has(.ctrlPnlCol) > tbody > tr > td[colspan="2"]:has(> table.fundDetails:not(.ctrlPnlCol)),
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrl-panel-grid) > tbody > tr > td[colspan="2"]:has(> table.fundDetails:not(.ctrlPnlCol)),
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrlPnlCol) > tbody > tr > td[colspan="2"]:has(> table.fundDetails:not(.ctrlPnlCol)) {
	display: block !important;
	padding: 12px 18px 4px !important;
}

body.accountPage .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol),
body.accountPage .mainContentDiv table.admainbox:has(.ctrlPnlCol) table.fundDetails:not(.ctrlPnlCol),
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol),
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrlPnlCol) table.fundDetails:not(.ctrlPnlCol) {
	display: block;
	width: 100%;
}

body.accountPage .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) > tbody,
body.accountPage .mainContentDiv table.admainbox:has(.ctrlPnlCol) table.fundDetails:not(.ctrlPnlCol) > tbody,
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) > tbody,
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrlPnlCol) table.fundDetails:not(.ctrlPnlCol) > tbody {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

body.accountPage .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) > tbody > tr,
body.accountPage .mainContentDiv table.admainbox:has(.ctrlPnlCol) table.fundDetails:not(.ctrlPnlCol) > tbody > tr,
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) > tbody > tr,
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrlPnlCol) table.fundDetails:not(.ctrlPnlCol) > tbody > tr {
	display: contents;
}

body.accountPage .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) td.boxbar,
body.accountPage .mainContentDiv table.admainbox:has(.ctrlPnlCol) table.fundDetails:not(.ctrlPnlCol) td.boxbar,
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) td.boxbar,
body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrlPnlCol) table.fundDetails:not(.ctrlPnlCol) td.boxbar {
	width: auto !important;
}

/* Tile grid — advertiser + publisher control panels */
.mainContentDiv .ctrl-panel-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	padding: 8px 18px 20px;
}

.mainContentDiv .ctrl-panel-grid > table.ctrl-panel-col,
.mainContentDiv .ctrl-panel-grid > table[width="49%"],
.mainContentDiv .ctrl-panel-grid > table.left,
.mainContentDiv .ctrl-panel-grid > table.right,
.mainContentDiv .ctrl-panel-grid .fundDetails.ctrlPnlCol,
.mainContentDiv .ctrl-panel-grid .fundDetails.ctrlPnlCol > tbody,
.mainContentDiv .ctrl-panel-grid .fundDetails.ctrlPnlCol > tbody > tr,
.mainContentDiv .ctrl-panel-grid .fundDetails.ctrlPnlCol > tbody > tr > td,
.mainContentDiv .ctrl-panel-grid > table.ctrl-panel-col > tbody,
.mainContentDiv .ctrl-panel-grid > table.ctrl-panel-col > tbody > tr,
.mainContentDiv .ctrl-panel-grid > table.ctrl-panel-col > tbody > tr > td,
.mainContentDiv .ctrl-panel-grid > table.left > tbody,
.mainContentDiv .ctrl-panel-grid > table.left > tbody > tr,
.mainContentDiv .ctrl-panel-grid > table.left > tbody > tr > td,
.mainContentDiv .ctrl-panel-grid > table.right > tbody,
.mainContentDiv .ctrl-panel-grid > table.right > tbody > tr,
.mainContentDiv .ctrl-panel-grid > table.right > tbody > tr > td {
	display: contents !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
}

.mainContentDiv .ctrl-panel-grid br {
	display: none !important;
}

.mainContentDiv .ctrl-panel-grid .fundDetails.ctrlPnlCol > tbody > tr > td > table,
.mainContentDiv .ctrl-panel-grid > table.ctrl-panel-col > tbody > tr > td > table {
	display: block !important;
	width: 100% !important;
	min-width: 0;
	min-height: 96px;
	height: 100%;
	margin: 0 !important;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	.mainContentDiv .ctrl-panel-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		padding: 8px 14px 16px;
	}

	body.accountPage .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) > tbody,
	body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) > tbody {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.mainContentDiv .ctrl-panel-grid {
		grid-template-columns: 1fr;
	}

	body.accountPage .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) > tbody,
	body:has(.header_wraperindex) .mainContentDiv table.admainbox:has(.ctrl-panel-grid) table.fundDetails:not(.ctrlPnlCol) > tbody {
		grid-template-columns: 1fr;
	}
}

/* Combined account control panel — flat tile cards (control-panel.php) */
.mainContentDiv .ctrl-panel-grid--flat {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	padding: 4px 0 8px;
}

.mainContentDiv .ctrl-panel-tile {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	width: 100%;
	min-height: 104px;
	margin: 0 !important;
	background: var(--pub-surface) !important;
	border: 1px solid var(--pub-border) !important;
	border-radius: var(--pub-radius-sm) !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
	overflow: hidden;
	box-sizing: border-box;
	transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.mainContentDiv .ctrl-panel-tile:hover {
	box-shadow: 0 8px 22px rgba(37, 99, 235, 0.12);
	border-color: #93c5fd !important;
	transform: translateY(-1px);
}

.mainContentDiv .ctrl-panel-tile .icons_left,
.mainContentDiv .ctrl-panel-tile .icons_right {
	flex: 0 0 52px;
	width: 52px !important;
	min-width: 52px;
	max-width: 52px;
	align-self: stretch !important;
	padding: 10px 6px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: linear-gradient(180deg, #2563eb, #1d4ed8) !important;
	border-radius: 0 !important;
	box-sizing: border-box;
}

.mainContentDiv .ctrl-panel-tile .icons_left .fa,
.mainContentDiv .ctrl-panel-tile .icons_right .fa {
	color: #fff !important;
	font-size: 20px !important;
	line-height: 1 !important;
}

.mainContentDiv .ctrl-panel-tile .icontext {
	flex: 1 1 auto;
	min-width: 0;
	padding: 14px 16px !important;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mainContentDiv .ctrl-panel-tile .ctrl-panel-tile-title {
	font-size: 1rem !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: var(--pub-text) !important;
	margin: 0;
}

.mainContentDiv .ctrl-panel-tile .ctrl-panel-tile-title a {
	color: var(--pub-text) !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: none !important;
	display: inline !important;
	padding: 0 !important;
}

.mainContentDiv .ctrl-panel-tile .ctrl-panel-tile-title a:hover {
	color: var(--pub-brand) !important;
}

.mainContentDiv .ctrl-panel-tile .ctrl-panel-tile-status {
	color: var(--pub-text-muted);
	font-weight: 600;
	font-size: 0.92em;
}

.mainContentDiv .ctrl-panel-tile-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
}

.mainContentDiv .ctrl-panel-action-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 7px 14px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	color: var(--pub-brand) !important;
	background: #eff6ff !important;
	border: 1px solid #bfdbfe !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	white-space: nowrap;
	box-sizing: border-box;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mainContentDiv .ctrl-panel-action-link:hover {
	background: var(--pub-brand) !important;
	color: #fff !important;
	border-color: var(--pub-brand) !important;
}

.mainContentDiv .ctrl-panel-tile .icontext a.homeheading {
	color: var(--pub-text) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	display: inline !important;
	padding: 0 !important;
}

.mainContentDiv .ctrl-panel-tile .icontext a.homeheading:hover {
	color: var(--pub-brand) !important;
}

.mainContentDiv .ctrl-panel-tile .icontext .contentp {
	color: var(--pub-text-muted) !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
}

.mainContentDiv .ctrl-panel-grid--flat .ctrl-panel-tile .contentp {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mainContentDiv .ctrl-panel-notices {
	margin-bottom: 12px;
}

@media (max-width: 991px) {
	.mainContentDiv .ctrl-panel-grid--flat {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
}

@media (max-width: 640px) {
	.mainContentDiv .ctrl-panel-grid--flat {
		grid-template-columns: 1fr;
	}

	.mainContentDiv .ctrl-panel-tile {
		min-height: 0;
	}
}

body.accountPage .mainContentDiv .fundDetails.ctrlPnlCol {
	width: 100%;
	margin-bottom: 12px;
	box-sizing: border-box;
}

body.accountPage .mainContentDiv .fundDetails.ctrlPnlCol > tbody > tr > td {
	padding: 0 !important;
}

body.accountPage .mainContentDiv .fundDetails.ctrlPnlCol table,
body:has(.header_wraperindex) .mainContentDiv .fundDetails.ctrlPnlCol table {
	width: 100% !important;
	border: 1px solid var(--pub-border);
	border-radius: var(--pub-radius-sm);
	margin-bottom: 0;
	background: var(--pub-surface);
	overflow: hidden;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

body.accountPage .mainContentDiv .fundDetails.ctrlPnlCol table:hover,
body:has(.header_wraperindex) .mainContentDiv .fundDetails.ctrlPnlCol table:hover {
	box-shadow: 0 6px 18px rgba(37, 99, 235, 0.12);
	border-color: #93c5fd;
}

body.accountPage .mainContentDiv .fundDetails.ctrlPnlCol tr.logdinboxtr,
body:has(.header_wraperindex) .mainContentDiv .ctrl-panel-grid tr.logdinboxtr,
body:has(.header_wraperindex) .mainContentDiv .fundDetails.ctrlPnlCol tr.logdinboxtr {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	width: 100%;
	margin: 0;
	border: 0;
	box-shadow: none;
}

/* Icon always on the left; text on the right (legacy HTML alternates icon-right rows) */
body.accountPage .mainContentDiv tr.logdinboxtr td.icontext,
body:has(.header_wraperindex) .mainContentDiv .ctrl-panel-grid tr.logdinboxtr td.icontext,
body:has(.header_wraperindex) .mainContentDiv .fundDetails.ctrlPnlCol tr.logdinboxtr td.icontext {
	order: 2 !important;
}

body.accountPage .mainContentDiv tr.logdinboxtr td.icons_left,
body.accountPage .mainContentDiv tr.logdinboxtr td.icons_right,
body:has(.header_wraperindex) .mainContentDiv .ctrl-panel-grid tr.logdinboxtr td.icons_left,
body:has(.header_wraperindex) .mainContentDiv .ctrl-panel-grid tr.logdinboxtr td.icons_right,
body:has(.header_wraperindex) .mainContentDiv .fundDetails.ctrlPnlCol tr.logdinboxtr td.icons_left,
body:has(.header_wraperindex) .mainContentDiv .fundDetails.ctrlPnlCol tr.logdinboxtr td.icons_right {
	order: 1 !important;
	background: linear-gradient(180deg, #2563eb, #1d4ed8) !important;
	flex: 0 0 52px;
	width: 52px !important;
	min-width: 52px;
	max-width: 52px;
	padding: 10px 6px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: var(--pub-radius-sm) 0 0 var(--pub-radius-sm) !important;
}

/* Hide legacy spacer / decoration cells in tiles */
body.accountPage .mainContentDiv tr.logdinboxtr td[width="5"]:not(.icons_left):not(.icons_right):not(.icontext),
body:has(.header_wraperindex) .mainContentDiv tr.logdinboxtr td[width="5"]:not(.icons_left):not(.icons_right):not(.icontext) {
	display: none !important;
	width: 0 !important;
	padding: 0 !important;
}

body.accountPage .mainContentDiv tr.logdinboxtr td.icons_left .fa,
body.accountPage .mainContentDiv tr.logdinboxtr td.icons_right .fa {
	color: #fff !important;
	font-size: 20px !important;
	line-height: 1 !important;
}

body.accountPage .mainContentDiv tr.logdinboxtr td.icontext {
	flex: 1 1 auto;
	min-width: 0;
	padding: 12px 14px !important;
}

body.accountPage .mainContentDiv td.icontext a.about_heading,
body.accountPage .mainContentDiv td.icontext a.homeheading {
	color: var(--pub-text) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

/* Entire control-panel tile/box clickable — stretched link from title anchor */
.mainContentDiv .ctrl-panel-tile:not(.ctrl-panel-tile--actions) {
	cursor: pointer;
}

body.accountPage .mainContentDiv .ctrl-panel-grid tr.logdinboxtr,
body.accountPage .mainContentDiv .fundDetails.ctrlPnlCol tr.logdinboxtr,
body:has(.header_wraperindex) .mainContentDiv .ctrl-panel-grid tr.logdinboxtr,
body:has(.header_wraperindex) .mainContentDiv .fundDetails.ctrlPnlCol tr.logdinboxtr {
	position: relative !important;
	cursor: pointer;
}

.mainContentDiv .ctrl-panel-tile:not(.ctrl-panel-tile--actions) .ctrl-panel-tile-title > a,
body.accountPage .mainContentDiv tr.logdinboxtr td.icontext a.about_heading,
body.accountPage .mainContentDiv tr.logdinboxtr td.icontext a.homeheading,
body:has(.header_wraperindex) .mainContentDiv tr.logdinboxtr td.icontext a.about_heading,
body:has(.header_wraperindex) .mainContentDiv tr.logdinboxtr td.icontext a.homeheading {
	position: static;
}

.mainContentDiv .ctrl-panel-tile:not(.ctrl-panel-tile--actions) .ctrl-panel-tile-title > a::after,
body.accountPage .mainContentDiv tr.logdinboxtr td.icontext a.about_heading::after,
body.accountPage .mainContentDiv tr.logdinboxtr td.icontext a.homeheading::after,
body:has(.header_wraperindex) .mainContentDiv tr.logdinboxtr td.icontext a.about_heading::after,
body:has(.header_wraperindex) .mainContentDiv tr.logdinboxtr td.icontext a.homeheading::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	z-index: 2;
}

body.accountPage .mainContentDiv td.icontext a:hover {
	color: var(--pub-brand) !important;
}

body.accountPage .mainContentDiv td.icontext .contentp {
	color: var(--pub-text-muted) !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	margin: 4px 0 0 !important;
	padding: 0 !important;
}

/* ---------- Inner forms (logo, settings, add funds, etc.) ---------- */
body.accountPage .mainContentDiv form#AddMoney table[width="100%"] {
	width: 100% !important;
	border-collapse: collapse;
}

body.accountPage .mainContentDiv form#AddMoney tr td[width="30%"] {
	width: 30% !important;
	font-weight: 600;
	color: var(--pub-text);
	vertical-align: top;
	padding: 10px 12px 10px 0 !important;
}

body.accountPage .mainContentDiv form#AddMoney tr td[width="70%"] {
	width: 70% !important;
	vertical-align: top;
	padding: 10px 0 !important;
}

body.accountPage .mainContentDiv form#AddMoney tr td[width="70%"] .txt,
body.accountPage .mainContentDiv form#AddMoney tr td[width="70%"] input[type="text"],
body.accountPage .mainContentDiv form#AddMoney tr td[width="70%"] select {
	max-width: 420px;
	width: 100%;
	box-sizing: border-box;
}

body.accountPage .mainContentDiv form#AddMoney .radiogc {
	display: inline-block;
	margin: 6px 16px 6px 0;
	vertical-align: middle;
}

body.accountPage .mainContentDiv form#AddMoney #check_payee_details,
body.accountPage .mainContentDiv form#AddMoney #bank_payment_details,
body:has(.header_wraperindex) .mainContentDiv #check_payee_details,
body:has(.header_wraperindex) .mainContentDiv #bank_payment_details {
	margin-top: 0;
	padding: 12px 14px;
	background: #f8fafc;
	border: 1px solid var(--pub-border);
	border-radius: var(--pub-radius-sm);
	line-height: 1.5;
}

.mainContentDiv div.admainbox .pub-payment-details {
	padding: 0 18px 18px;
	margin-top: 4px;
}

.mainContentDiv div.admainbox .pub-payment-details > div + div {
	margin-top: 12px;
}

body.accountPage .mainContentDiv table.admainbox td:has(#bank_payment_details) table,
body.accountPage .mainContentDiv #bank_payment_details table,
body.accountPage .mainContentDiv .pub-bank-table,
body:has(.header_wraperindex) .mainContentDiv .pub-bank-table {
	width: 100% !important;
	border-collapse: collapse;
}

body.accountPage .mainContentDiv table.admainbox td:has(#bank_payment_details) table td,
body.accountPage .mainContentDiv #bank_payment_details table td,
body.accountPage .mainContentDiv .pub-bank-table td,
body:has(.header_wraperindex) .mainContentDiv .pub-bank-table td {
	padding: 8px 10px !important;
	border-bottom: 1px solid var(--pub-border);
	text-align: left !important;
	vertical-align: top !important;
}

/* Add funds — compact form rows (no legacy   spacer rows) */
.mainContentDiv div.admainbox form#AddMoney .contact_frow,
.mainContentDiv div.admainbox .contact_details .contact_frow {
	margin-bottom: 12px;
}

.mainContentDiv div.admainbox form#AddMoney .contact_frow:last-of-type {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	body.accountPage .mainContentDiv table.admainbox tr:has(td[width="30%"]) {
		display: block;
		width: 100%;
		margin-bottom: 0;
	}

	body.accountPage .mainContentDiv table.admainbox tr:has(td[width="30%"]) td {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		padding: 8px 0 !important;
		box-sizing: border-box;
	}

	body.accountPage .mainContentDiv table.admainbox tr:has(td[width="30%"]) td[width="30%"] {
		font-weight: 600;
		color: var(--pub-text);
		padding-top: 14px !important;
	}

	body.accountPage .mainContentDiv table.admainbox tr:has(td[width="30%"]) td[width="70%"] input,
	body.accountPage .mainContentDiv table.admainbox tr:has(td[width="30%"]) td[width="70%"] .txt,
	body.accountPage .mainContentDiv form#AddMoney tr td[width="70%"] .txt,
	body.accountPage .mainContentDiv form#AddMoney tr td[width="70%"] input,
	body.accountPage .mainContentDiv form#AddMoney tr td[width="70%"] select {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
}

body.accountPage .mainContentDiv table.admainbox .inserted {
	color: var(--pub-text-muted) !important;
	font-size: 13px;
}

/* Compulsory / notice rows on inner pages */
body.accountPage .mainContentDiv table.admainbox tr.contact_frow td,
body.accountPage .mainContentDiv tr.contact_frow > td {
	padding: 10px 12px !important;
}

/* Links */
body.accountPage .mainContentDiv a.pagetable_activecell,
body.accountPage .mainContentDiv a.homeheading,
body.accountPage .mainContentDiv td.icontext a {
	color: var(--pub-brand) !important;
}

/* Logout / messages */
body.accountPage .mainContentDiv .succesmsgboxx,
.mainContentDiv .succesmsgboxx {
	max-width: 520px;
	margin: 40px auto !important;
	padding: 32px 24px !important;
	border-radius: var(--pub-radius);
	background: var(--pub-surface) !important;
	border: 1px solid var(--pub-border) !important;
	box-shadow: var(--pub-shadow) !important;
}

.mainContentDiv .succesmsgboxx .s_logout,
.mainContentDiv .succesmsgboxx .su_ticket {
	background: var(--pub-btn-gradient) !important;
}

/* Message pages — centered card (logged-in + guest when guest-public not set) */
.mainContentDiv div.admainbox.guest-message-page,
body.accountPage .mainContentDiv div.admainbox.guest-message-page {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: min(440px, 58vh);
	margin: 0 auto !important;
	padding: clamp(24px, 5vw, 48px) clamp(16px, 4vw, 24px) !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	float: none !important;
	box-sizing: border-box;
}

.mainContentDiv .guest-message-card.succesmsgboxx,
.mainContentDiv .guest-message-card.errormsgboxx,
body.accountPage .mainContentDiv .guest-message-card.succesmsgboxx,
body.accountPage .mainContentDiv .guest-message-card.errormsgboxx {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: 520px !important;
	margin: 0 auto !important;
	padding: clamp(28px, 4vw, 40px) clamp(20px, 4vw, 32px) !important;
	text-align: center !important;
	background: var(--pub-surface) !important;
	border: 1px solid var(--pub-border) !important;
	border-radius: var(--pub-radius) !important;
	box-shadow: var(--pub-shadow) !important;
	box-sizing: border-box;
}

.mainContentDiv .guest-message-card .su_ticket {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 56px !important;
	height: 56px !important;
	margin: 0 auto 20px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: var(--pub-btn-gradient) !important;
}

.mainContentDiv .guest-message-card .su_ticket .fa {
	color: #fff !important;
	font-size: 26px !important;
	line-height: 1 !important;
}

.mainContentDiv .guest-message-card .su_ticket.error_tik {
	background: #dc2626 !important;
}

.mainContentDiv .guest-message-card .su_ticket.success_tik {
	background: linear-gradient(135deg, #16a34a 0%, #059669 100%) !important;
}

.mainContentDiv .guest-message-card .guest-message-btn {
	display: inline-block;
	margin-top: 8px;
	padding: 10px 22px;
	border-radius: 8px;
	background: var(--pub-btn-gradient) !important;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none !important;
	box-shadow: 0 2px 8px rgba(29, 78, 216, 0.22);
}

.mainContentDiv .guest-message-card .guest-message-btn:hover {
	opacity: 0.92;
	text-decoration: none !important;
}

.mainContentDiv .guest-message-card .guest-message-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.mainContentDiv .guest-message-card .guest-message-btn--outline {
	background: var(--pub-surface, #fff) !important;
	color: var(--pub-brand, #1d4ed8) !important;
	border: 1px solid var(--pub-border, #cbd5e1) !important;
	box-shadow: none !important;
}

.mainContentDiv .guest-message-card .guest-message-btn--outline:hover {
	background: #f8fafc !important;
}

.mainContentDiv .guest-message-card .guest-message-title,
.mainContentDiv .guest-message-card .neinsterd {
	display: block !important;
	margin: 0 0 12px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.55 !important;
	color: var(--pub-text) !important;
}

.mainContentDiv .guest-message-card .guest-message-body {
	font-size: 14px !important;
	line-height: 1.65 !important;
	color: var(--pub-text-muted) !important;
}

.mainContentDiv .guest-message-card a.pagetable_activecell,
.mainContentDiv .guest-message-card a.adtitle {
	color: var(--pub-brand) !important;
	font-weight: 600;
	text-decoration: none;
}

.mainContentDiv .guest-message-card a.pagetable_activecell:hover,
.mainContentDiv .guest-message-card a.adtitle:hover {
	text-decoration: underline;
}

@media (max-width: 767px) {
	.mainContentDiv div.admainbox.guest-message-page,
	body.accountPage .mainContentDiv div.admainbox.guest-message-page {
		min-height: 0;
		padding: 20px 12px !important;
	}

	.mainContentDiv .guest-message-card.succesmsgboxx,
	.mainContentDiv .guest-message-card.errormsgboxx {
		padding: 24px 18px !important;
	}
}

/* ---------- Mobile ---------- */
@media (max-width: 991px) {
	body.accountPage .mainContentDiv table.admainbox,
	body.accountPage .mainContentDiv form > table.admainbox,
	body.accountPage .mainContentDiv div.admainbox {
		padding: 16px 12px !important;
	}

	body.accountPage .mainContentDiv table.admainbox,
	body.accountPage .mainContentDiv form > table.admainbox {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	body.accountPage .mainContentDiv table.admainbox > tbody,
	body.accountPage .mainContentDiv form > table.admainbox > tbody {
		display: block !important;
		width: 100% !important;
	}

	body.accountPage .mainContentDiv table.admainbox td,
	body.accountPage .mainContentDiv table.admainbox th,
	body.accountPage .mainContentDiv form > table.admainbox td {
		padding: 10px 12px !important;
	}

	body.accountPage .mainContentDiv table.admainbox > tbody > tr,
	body.accountPage .mainContentDiv form > table.admainbox > tbody > tr {
		display: block !important;
		width: 100% !important;
	}

	body.accountPage .mainContentDiv table.admainbox > tbody > tr > td,
	body.accountPage .mainContentDiv form > table.admainbox > tbody > tr > td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* Filter rows: one full-width cell (not 50% + empty column) */
	body.accountPage .mainContentDiv table.admainbox > tbody > tr:has(td:has(#ppcname)),
	body.accountPage .mainContentDiv table.admainbox > tbody > tr:has(td:has(#statistics)),
	body.accountPage .mainContentDiv form > table.admainbox > tbody > tr:has(td:has(#ppcname)),
	body.accountPage .mainContentDiv form > table.admainbox > tbody > tr:has(td:has(#statistics)) {
		display: block !important;
		width: 100% !important;
	}

	body.accountPage .mainContentDiv table.admainbox > tbody > tr:has(td:has(#ppcname)) > td,
	body.accountPage .mainContentDiv table.admainbox > tbody > tr:has(td:has(#statistics)) > td,
	body.accountPage .mainContentDiv form > table.admainbox > tbody > tr:has(td:has(#ppcname)) > td,
	body.accountPage .mainContentDiv form > table.admainbox > tbody > tr:has(td:has(#statistics)) > td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.accountPage .mainContentDiv table.admainbox > tbody > tr:has(td:has(#ppcname)) td.acntbtnn,
	body.accountPage .mainContentDiv form > table.admainbox > tbody > tr:has(td:has(#ppcname)) td.acntbtnn {
		display: none !important;
		height: 0 !important;
		padding: 0 !important;
	}

	body.accountPage .mainContentDiv table.admainbox table.adStati {
		display: block !important;
		width: 100% !important;
	}

	body.accountPage .mainContentDiv table.admainbox table.adStati > tbody > tr,
	body.accountPage .mainContentDiv table.admainbox table.adStati > tbody > tr > td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Buttons/inputs must not exceed card */
	body.accountPage .mainContentDiv table.admainbox input,
	body.accountPage .mainContentDiv table.admainbox select,
	body.accountPage .mainContentDiv table.admainbox textarea,
	body.accountPage .mainContentDiv table.admainbox input[type="submit"],
	body.accountPage .mainContentDiv form > table.admainbox input,
	body.accountPage .mainContentDiv form > table.admainbox select,
	body.accountPage .mainContentDiv form > table.admainbox input[type="submit"] {
		max-width: 100% !important;
		box-sizing: border-box;
	}

	body.accountPage .mainContentDiv table.admainbox td:has(#ppcname),
	body.accountPage .mainContentDiv table.admainbox td:has(#statistics),
	body.accountPage .mainContentDiv table.admainbox td:has(select#status),
	body.accountPage .mainContentDiv div.admainbox td:has(#ppcname),
	body.accountPage .mainContentDiv div.admainbox td:has(#statistics),
	body.accountPage .mainContentDiv table.admainbox > tbody > tr > td:has(#admanage),
	body.accountPage .mainContentDiv table.admainbox > tbody > tr > td:has(table.analysicstable),
	body.accountPage .mainContentDiv div.admainbox .contact_frow:has(table.analysicstablen),
	body.accountPage .mainContentDiv div.admainbox .contact_frow:has(table.analysicstablenw) {
		padding-left: 14px !important;
		padding-right: 14px !important;
		box-sizing: border-box;
	}

	/* Inline filter toolbars: stack label + control (ad-statistics, manage-ads, etc.) */
	body.accountPage .mainContentDiv table.admainbox td:has(#statistics),
	body.accountPage .mainContentDiv table.admainbox td:has(#ppcname),
	body.accountPage .mainContentDiv table.admainbox td:has(select#status),
	body.accountPage .mainContentDiv div.admainbox td:has(#statistics),
	body.accountPage .mainContentDiv div.admainbox td:has(#ppcname) {
		display: block !important;
		text-align: left !important;
	}

	body.accountPage .mainContentDiv table.admainbox td:has(#statistics) select:not([sb]),
	body.accountPage .mainContentDiv table.admainbox td:has(#statistics) input[type="submit"],
	body.accountPage .mainContentDiv table.admainbox td:has(#ppcname) select:not([sb]),
	body.accountPage .mainContentDiv table.admainbox td:has(#ppcname) input#ppcname,
	body.accountPage .mainContentDiv table.admainbox td:has(select#status) select:not([sb]),
	body.accountPage .mainContentDiv table.admainbox td:has(select#adtype) select:not([sb]),
	body.accountPage .mainContentDiv table.admainbox td:has(select#device) select:not([sb]),
	body.accountPage .mainContentDiv table.admainbox td:has(#ppcname) input[type="submit"],
	body.accountPage .mainContentDiv div.admainbox td:has(#statistics) select:not([sb]),
	body.accountPage .mainContentDiv div.admainbox td:has(#statistics) input[type="submit"] {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 8px 0 !important;
		box-sizing: border-box;
	}

	/* Nested tableT filters — not adv-ad-stats-page (has dedicated CSS) */
	body.accountPage .mainContentDiv table.admainbox:not(.adv-ad-stats-page) table.tableT {
		width: 100% !important;
		display: table !important;
	}

	body.accountPage .mainContentDiv table.admainbox:not(.adv-ad-stats-page) table.tableT > tbody > tr {
		display: block !important;
		width: 100% !important;
	}

	body.accountPage .mainContentDiv table.admainbox:not(.adv-ad-stats-page) table.tableT > tbody > tr > td {
		display: block !important;
		width: 100% !important;
		padding: 6px 0 !important;
		text-align: left !important;
	}

	body.accountPage .mainContentDiv table.admainbox:not(.adv-ad-stats-page) table.tableT select,
	body.accountPage .mainContentDiv table.admainbox:not(.adv-ad-stats-page) table.tableT input[type="submit"] {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 8px 0 !important;
		box-sizing: border-box;
	}

	/* Data table scroll areas */
	body.accountPage .mainContentDiv #admanage,
	body.accountPage .mainContentDiv table.admainbox > tbody > tr > td:has(#admanage) {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.accountPage .mainContentDiv #admanage table {
		width: auto !important;
		min-width: 920px !important;
	}

	body.accountPage .mainContentDiv .fundDetails > tbody > tr {
		display: block;
	}

	body.accountPage .mainContentDiv .fundDetails > tbody > tr > td.boxbar {
		display: block;
		width: 100% !important;
		margin-bottom: 8px;
	}

	body.accountPage .mainContentDiv .fundDetails.ctrlPnlCol tr.logdinboxtr,
	body:has(.header_wraperindex) .mainContentDiv .fundDetails.ctrlPnlCol tr.logdinboxtr {
		flex-wrap: nowrap;
	}
}

@media (min-width: 992px) {
	body.accountPage .margin_topdiv {
		margin-top: 96px;
	}
}

/* =============================================================================
   Payments page — simple list tables (same as manage-ads / #admanage)
   ============================================================================= */
.mainContentDiv table.admainbox tr.contact_heding td,
.mainContentDiv .contact_heding td {
	padding: 16px 18px 8px !important;
	vertical-align: top;
}

.mainContentDiv table.admainbox tr.contact_heding h4.about_heading,
.mainContentDiv table.admainbox tr.contact_heding .about_heading {
	margin: 0 0 8px !important;
}

.mainContentDiv table.admainbox tr.contact_heding .headingbar,
.mainContentDiv .contact_heding .headingbar,
.mainContentDiv div.admainbox .contact_heding .headingbar {
	margin: 0 0 16px !important;
	max-width: 100%;
	box-sizing: border-box;
	white-space: normal !important;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.mainContentDiv tr.contact_heding td,
.mainContentDiv .contact_heding,
.mainContentDiv div.admainbox .contact_heding {
	max-width: 100%;
	box-sizing: border-box;
	padding: 16px 18px 8px;
}

.mainContentDiv div.admainbox .contact_heding h4.about_heading {
	margin: 0 0 8px !important;
}

/* Payment type filter — plain inline row (like manage-ads filters) */
.mainContentDiv table.admainbox form[action="payments.php"] table {
	width: 100% !important;
	border-collapse: collapse;
	margin: 0 0 12px;
	background: transparent !important;
	border: 0 !important;
}

.mainContentDiv table.admainbox form[action="payments.php"] table tr,
.mainContentDiv table.admainbox form[action="payments.php"] table td {
	display: table-row;
	width: auto !important;
	background: transparent !important;
	border: 0 !important;
	padding: 8px 10px !important;
	vertical-align: middle !important;
	font-weight: normal;
}

.mainContentDiv table.admainbox form[action="payments.php"] table td {
	display: table-cell;
}

/* Results: match #admanage — borders, no hover/zebra/gradient */
.mainContentDiv table.analysicstable,
.mainContentDiv table.analysicstablen,
.mainContentDiv table.analysicstablenw {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 8px 0 16px;
}

/* Inner grid width set in public-responsive (horizontal scroll); not 100% */
.mainContentDiv #admanage table {
	width: auto !important;
	border-collapse: collapse !important;
	margin: 8px 0 16px;
}

.mainContentDiv #admanage td,
.mainContentDiv table.analysicstable td,
.mainContentDiv table.analysicstablen td,
.mainContentDiv table.analysicstablenw td {
	border: 1px solid #ccc !important;
	padding: 5px !important;
	text-align: center;
	vertical-align: middle;
	color: var(--pub-text) !important;
	font-size: 13px;
	line-height: 1.45;
	background: var(--pub-surface) !important;
}

.mainContentDiv table.analysicstable tr:first-child td,
.mainContentDiv table.analysicstable tr:first-child th {
	background: #f1f5f9 !important;
	color: var(--pub-text) !important;
	font-weight: 600 !important;
	border: 1px solid #ccc !important;
}

.mainContentDiv table.analysicstable tr:hover td {
	background: inherit !important;
}

.mainContentDiv table.analysicstable tr:nth-child(even) td {
	background: var(--pub-surface) !important;
}

/* Pagination rows on payments */
.mainContentDiv table.admainbox td[colspan="3"] {
	word-wrap: break-word;
}

/* ---------- payments.php — filter toolbar + table spacing ---------- */
.mainContentDiv div.admainbox.pub-payments-page {
	max-width: 100% !important;
	width: 100% !important;
}

.mainContentDiv div.admainbox.pub-payments-page .contact_heding {
	padding: 0 18px;
	margin-bottom: 4px;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-toolbar {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 12px 16px !important;
	margin: 0 18px 20px !important;
	padding: 14px 16px !important;
	background: #f8fafc !important;
	border: 1px solid var(--pub-border, #e2e8f0) !important;
	border-radius: 10px !important;
	box-sizing: border-box !important;
	max-width: calc(100% - 36px) !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-toolbar-label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #475569 !important;
	white-space: nowrap;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-select {
	flex: 1 1 200px !important;
	min-width: 160px !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 8px 12px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	background: #fff !important;
	font-size: 13px !important;
	box-sizing: border-box !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-submit {
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 9px 20px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #1d4ed8, #1e40af) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	box-shadow: 0 2px 6px rgba(29, 78, 216, 0.25) !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-submit:hover {
	background: linear-gradient(180deg, #2563eb, #1d4ed8) !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-meta {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px 16px !important;
	margin: 0 18px 14px !important;
	padding: 10px 14px !important;
	background: #f1f5f9 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	box-sizing: border-box !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-meta-bottom {
	margin-top: 16px !important;
	margin-bottom: 8px !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-list-meta-left,
.mainContentDiv div.admainbox.pub-payments-page .pub-list-meta-right {
	float: none !important;
	display: block !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-table-wrap {
	margin: 0 18px 18px !important;
	padding: 0 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	background: #fff !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-table-wrap .analysicstable {
	margin: 0 !important;
	border-collapse: collapse !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-table-wrap .analysicstable td {
	padding: 10px 12px !important;
	text-align: left !important;
	border-color: #e2e8f0 !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-table-wrap .analysicstable tr:first-child td {
	background: #f1f5f9 !important;
	font-weight: 600 !important;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-payments-notes {
	text-align: left !important;
	padding: 14px 16px !important;
	background: #fffbeb !important;
	border-top: 1px solid #fde68a !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
	color: #78350f !important;
}

/* List pages using div.admainbox (manage-ads, ad-statistics — same as create-new-ad) */
.mainContentDiv div.admainbox .pub-filter-cell {
	padding: 8px 18px 12px;
	max-width: 100%;
	box-sizing: border-box;
}

.mainContentDiv div.admainbox.pub-payments-page .pub-filter-cell.pub-payments-toolbar {
	padding: 14px 16px !important;
}

.mainContentDiv div.admainbox #admanage,
.mainContentDiv div.admainbox .pub-data-scroll {
	padding: 0 18px 18px;
	max-width: 100%;
	box-sizing: border-box;
}

.mainContentDiv .pub-list-meta {
	padding: 8px 18px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: auto;
}

/* Payment / list toolbars (payments.php, etc.) */
.mainContentDiv .pub-page-toolbar,
.mainContentDiv form.pub-page-toolbar {
	padding: 8px 18px 12px;
	max-width: 100%;
	box-sizing: border-box;
}

/* Filter toolbar (manage-ads, ad-statistics, payments, etc.) */
@media (max-width: 991px) {
	.mainContentDiv .pub-filter-cell,
	.mainContentDiv td.pub-filter-cell,
	.mainContentDiv .pub-page-toolbar,
	.mainContentDiv form.pub-page-toolbar {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		text-align: left !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}

	.mainContentDiv .pub-filter-cell input#ppcname,
	.mainContentDiv .pub-filter-cell select:not([sb]),
	.mainContentDiv .pub-filter-cell input[type="submit"],
	.mainContentDiv td.pub-filter-cell input,
	.mainContentDiv td.pub-filter-cell select:not([sb]),
	.mainContentDiv td.pub-filter-cell input[type="submit"],
	.mainContentDiv .pub-page-toolbar select:not([sb]),
	.mainContentDiv .pub-page-toolbar input[type="submit"],
	.mainContentDiv form.pub-page-toolbar select:not([sb]),
	.mainContentDiv form.pub-page-toolbar input[type="submit"] {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 8px 0 !important;
		box-sizing: border-box;
	}

	.mainContentDiv table.admainbox > tbody > tr.pub-filter-row > td[colspan] {
		display: block !important;
		width: 100% !important;
	}

	/* payments.php — stack filter + full-width controls */
	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-toolbar {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		margin: 0 12px 18px !important;
		max-width: calc(100% - 24px) !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-toolbar-label {
		margin-bottom: 4px !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-select,
	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-submit {
		display: block !important;
		width: 100% !important;
		flex: none !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-submit {
		margin-top: 4px !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-meta {
		flex-direction: column !important;
		align-items: flex-start !important;
		margin: 0 12px 12px !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-table-wrap {
		margin: 0 12px 14px !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-table-wrap .analysicstable {
		display: table !important;
		min-width: 560px !important;
		width: auto !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-table-wrap .analysicstable > tbody {
		display: table-row-group !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-table-wrap .analysicstable tr {
		display: table-row !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-table-wrap .analysicstable td {
		display: table-cell !important;
		white-space: nowrap !important;
	}

	.mainContentDiv div.admainbox.pub-payments-page .pub-payments-notes {
		white-space: normal !important;
	}
}

@media (max-width: 991px) {
	.mainContentDiv .pub-data-scroll,
	.mainContentDiv table.admainbox > tbody > tr > td:has(> table.analysicstable),
	.mainContentDiv div.admainbox .pub-data-scroll {
		display: block;
		width: 100% !important;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box;
	}

	.mainContentDiv table.analysicstable,
	.mainContentDiv table.analysicstablen,
	.mainContentDiv table.analysicstablenw {
		display: table !important;
		width: auto !important;
		min-width: 720px !important;
		max-width: none !important;
	}

	.mainContentDiv table.analysicstable > tbody,
	.mainContentDiv table.analysicstablen > tbody,
	.mainContentDiv table.analysicstablenw > tbody {
		display: table-row-group !important;
	}
}

/* Nav submenus — flush under parent (ppc-style: top:33px + height:40px leaves a visible gap) */
.header_wraperindex .menulinks dd,
.header_wraper.header_wraperindex .menulinks dd {
	top: 100% !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.35 !important;
	min-width: 220px !important;
	width: max-content !important;
	overflow: visible !important;
}

.header_wraperindex .menulinks dd br,
.header_wraper.header_wraperindex .menulinks dd br {
	display: none !important;
}

.header_wraperindex .menulinks dd a,
.header_wraper.header_wraperindex .menulinks dd a {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: auto !important;
	min-width: 100% !important;
	max-width: none !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	font-weight: 500 !important;
	padding: 10px 18px !important;
	box-sizing: border-box;
}

/* Balance amounts — must beat ppc-style.css .fundDetails .boxbar .styleTitle { color:#fff !important } */
body .mainContentDiv table.fundDetails tr td.boxbar span.styleTitle,
body .mainContentDiv table.fundDetails tr td.boxbar span[style] {
	color: #1e3a8a !important;
}

/* XML API page — long URLs and sample code blocks */
.mainContentDiv div.admainbox .api-sample-url {
	display: block;
	word-break: break-all;
	overflow-wrap: anywhere;
}

.mainContentDiv div.admainbox .contact_frow textarea.codearea {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}

/* Ad unit statistics — compact summary rows (no full-width label/value gap) */
.mainContentDiv div.admainbox .stat-summary-block {
	margin: 8px 0 20px;
	padding: 12px 14px;
	background: var(--pub-surface, #fff);
	border: 1px solid var(--pub-border, #d9e2ec);
	border-radius: 10px;
	box-shadow: var(--pub-shadow, 0 4px 14px rgba(15, 23, 42, 0.06));
}

.mainContentDiv div.admainbox .stat-summary-block .contact_frow.stat-summary-row {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 4px 16px;
	border-bottom: 1px solid var(--pub-border, #e8edf3);
}

.mainContentDiv div.admainbox .stat-summary-block .contact_frow.stat-summary-row:last-child {
	border-bottom: 0;
}

.mainContentDiv div.admainbox .stat-summary-block .contact_ncolmf {
	float: none !important;
	width: auto !important;
	max-width: none !important;
	flex: 1 1 200px;
	font-weight: 600;
	color: var(--pub-text, #1f2937);
	padding: 10px 12px !important;
}

.mainContentDiv div.admainbox .stat-summary-block .contact_ncolm {
	float: none !important;
	width: auto !important;
	max-width: none !important;
	flex: 0 1 auto;
	text-align: right;
	padding: 10px 12px !important;
}

.mainContentDiv div.admainbox .stat-chart-panel {
	margin-top: 8px;
}

.mainContentDiv div.admainbox .stat-chart-tabs {
	border: 1px solid var(--pub-border, #a1c3c9);
	border-radius: 8px;
	overflow: hidden;
}

.mainContentDiv div.admainbox .stat-chart-iframe {
	display: block;
	width: 100% !important;
	max-width: 100%;
	min-height: 280px;
	border: 0;
}

/* =============================================================================
   Support desk — same layout for SSO (common) and dual sign-on (pub/adv)
   ============================================================================= */
.mainContentDiv div.admainbox.support-desk-page {
	background: var(--pub-surface) !important;
	border: 1px solid var(--pub-border) !important;
	border-radius: var(--pub-radius) !important;
	box-shadow: var(--pub-shadow) !important;
	margin: 0 auto 24px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box;
	overflow: visible !important;
	float: none !important;
}

.mainContentDiv div.admainbox.support-desk-page .contact_heding {
	padding: 16px 18px 0;
	max-width: 100%;
	box-sizing: border-box;
}

.mainContentDiv div.admainbox.support-desk-page .contact_heding h4.about_heading {
	margin: 0 0 8px !important;
	color: var(--pub-text) !important;
	font-size: clamp(1.25rem, 2.5vw, 1.6rem) !important;
	font-weight: 700 !important;
}

.mainContentDiv div.admainbox.support-desk-page .support-desk-subtitle {
	margin: 0 0 4px;
	padding: 0;
	color: var(--pub-text-muted) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5;
	background: transparent !important;
	border: 0 !important;
}

.mainContentDiv div.admainbox.support-desk-page .contact_details {
	float: none !important;
	margin: 0;
	width: 100%;
	padding: 0 8px 16px;
	box-sizing: border-box;
}

.mainContentDiv div.admainbox.support-desk-page .support-desk-notice {
	margin: 0 0 12px;
	padding: 0 10px;
	color: var(--pub-text-muted) !important;
	font-size: 13px !important;
	line-height: 1.45;
}

.mainContentDiv div.admainbox.support-desk-page .contact_frow {
	float: none !important;
	clear: both !important;
	width: 100% !important;
	margin-bottom: 0;
	box-sizing: border-box;
}

.mainContentDiv div.admainbox.support-desk-page .contact_frow .txt,
.mainContentDiv div.admainbox.support-desk-page .contact_frow select.txt,
.mainContentDiv div.admainbox.support-desk-page .contact_frow textarea.c_txt {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	border-radius: var(--pub-radius-sm, 8px);
	background: #f8fafc !important;
}

.mainContentDiv div.admainbox.support-desk-page .contact_frow textarea.c_txt {
	min-height: 140px;
	height: auto !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mainContentDiv div.admainbox.support-desk-page .support-desk-submit {
	margin-top: 4px;
}

.mainContentDiv div.admainbox.support-desk-page .support-desk-submit .left {
	float: none !important;
	text-align: left;
}

.mainContentDiv div.admainbox.support-desk-page .support-desk-submit input[type="submit"] {
	min-width: 140px;
}

/* Beat accountPage blue info strip if legacy .headingbar remains */
body.accountPage .mainContentDiv div.admainbox.support-desk-page .headingbar,
.mainContentDiv div.admainbox.support-desk-page .headingbar {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 4px !important;
	color: var(--pub-text-muted) !important;
	font-weight: 400 !important;
}

@media (max-width: 991px) {
	.mainContentDiv div.admainbox.support-desk-page {
		padding: 0 !important;
	}

	.mainContentDiv div.admainbox.support-desk-page .contact_heding {
		padding: 14px 12px 0;
	}

	.mainContentDiv div.admainbox.support-desk-page .contact_details {
		padding: 0 2px 14px;
	}

	.mainContentDiv div.admainbox.support-desk-page .support-desk-fields .contact_3colm,
	.mainContentDiv div.admainbox.support-desk-page .support-desk-fields .contact_3colmselct {
		width: 100% !important;
		float: none !important;
	}

	.mainContentDiv div.admainbox.support-desk-page .contact_3colmselct .mandatory {
		right: 15px !important;
	}

	.mainContentDiv div.admainbox.support-desk-page .support-desk-submit .left {
		text-align: center;
	}

	.mainContentDiv div.admainbox.support-desk-page .support-desk-submit input[type="submit"] {
		width: 100%;
		max-width: 280px;
	}
}